LmsSorting

Lern-Interaktion

Karten in Ablagen einsortieren.

In Markdown: ::lms-sorting Im Zusammenhang ansehen

Übernommen aus einem H5P-Paket (H5P.DragQuestion) mit zwei Zonen und elf Sektoren.

Die Aufgabenform für Einteilungen: welcher Sektor fällt unter welchen Anhang, welche Maßnahme ist Pflicht und welche Kür. Eine Tabelle mit denselben Zeilen gäbe die Antwort schon; hier muss man sich entscheiden. Übernommen aus einem H5P-Paket (H5P.DragQuestion). Die Quelle setzte die Kärtchen auf eine Fläche von 1024×768 und merkte sich für jedes eine Position — die aber keine Aussage trug: kein Sektor stand dort, wo er inhaltlich hingehört. Eine Fläche mit festem Seitenverhältnis bricht zudem auf dem Telefon. Hier liegt der Vorrat oben, die Ablagen darunter, und eingesetzt wird per Ziehen oder Antippen. Ohne correct an irgendeinem Eintrag entfällt die Auswertung — dann ist es ein freies Sortieren, etwa als Einstieg in eine Diskussion.

Beispiele (2)

Sektoren nach Anhang

Elf Sektoren, zwei Anhänge. Die Lösung stammt aus der H5P-Datei — dort allerdings nicht im dafür vorgesehenen Feld.

Welcher Sektor gehört zu welchem Anhang der NIS-2?

Ziehen Sie die Karten in die passende Ablage — oder tippen Sie erst die Karte an, dann die Ablage.

Anhang I

Sektoren mit hoher Kritikalität — „besonders wichtige" Einrichtungen

Hier ablegen

Anhang II

Sonstige kritische Sektoren — „wichtige" Einrichtungen

Hier ablegen

Ohne Lösung

Ohne correct entfällt der Prüfen-Knopf — dann ist die Zuordnung selbst die Aussage.

Ordnen Sie zu, wie es in Ihrem Betrieb aussieht.

Ziehen Sie die Karten in die passende Ablage — oder tippen Sie erst die Karte an, dann die Ablage.

Läuft

Hier ablegen

Steht noch aus

Hier ablegen

API

Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.

Props

Prop	Typ	Standard	Bedeutung
`id`Pflicht	`string`	—	Eindeutig im Dokument. Schlüssel für den gespeicherten Stand.
`task`	`string`	—	Die Aufgabenstellung. Inline-Markdown erlaubt.
`items`	`LmsSortItem[]`	`() => []`	Wiederholte Kinder.
`zones`	`LmsSortZone[]`	`() => []`	—
`color`	`Tone`	`'primary'`	Semantische Farbrolle.

Slots

Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.

Emits

Dieser Baustein sendet keine Events.

Theme

Die Beschriftungen dieses Bausteins stehen in der Gruppe lms.labels.quiz. Alle Schlüssel sind einzeln überschreibbar — was nicht gesetzt wird, behält die Vorgabe.

// app.config.ts
export default defineAppConfig({
  lms: {
    labels: {
      quiz: {
        check: 'Antwort prüfen',
        reset: 'Nochmal',
        resetAll: 'Quiz zurücksetzen',
        multiple: 'Mehrfachauswahl möglich',
        correct: 'Richtig',
        incorrect: 'Nicht ganz',
        optionCorrect: 'richtig',
        optionWrong: 'falsch',
        summary: '{checked} von {total} Fragen geprüft · {correct} richtig',
        allCorrect: 'Alles richtig.',
        someWrong: 'Sehen Sie sich die rot markierten Fragen noch einmal an.',
        checkEach: 'Prüfen Sie jede Frage einzeln.'
      }
    }
  }
})

Changelog

Hinzugefügt1.5.02026-08-20
(Lern-Interaktion) — Karten in Ablagen einsortieren, per
Geändert0.7.02026-08-20
src/runtime/utils/totp.ts kommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an @ts-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/
Hinzugefügt0.6.02026-08-20
useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt
Behoben0.4.02026-08-20
Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen
Hinzugefügt0.3.02026-08-20
Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
Hinzugefügt0.3.02026-08-20
Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten, {count=14} übergibt "14"
Hinzugefügt0.2.02026-08-20
API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
Hinzugefügt0.2.02026-08-20
Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
Geändert0.2.02026-08-20
Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
Geändert0.2.02026-08-20
Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind
Hinzugefügt0.1.02026-08-19
Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI