lux-common: Austausch von Flex-Layout

[patrowe]

Aus den Komponenten lux-message-box und lux-spinner müssen die Befehle von angular/flex-layout ersetzt werden.

Akzeptanzkriterium: Die oben genannten Komponenten enthalten keien Befehle mehr von angular/flex-layout. Das Layout der Komponenten, bleibt weitestgehend erhalten.

[patrowe]

Die Komponenten lux-spinner wurde durch lux-progress vom typ=luxSpinner ersetzt und wird nicht mehr benötigt. Sie wird mit dem kommenden Release 16.0.0 aus den lux-components entfernt, die Überarbeitung bzgl. Flex-Layout wird daher für den Spinner nicht mehr durchgeführt.

[patrowe]

Die Anforderungen wurden umgesetzt. Bitte testen.

[patrowe]

Test

1. Testvorbereitung

• Die angehängten Zeige für die Lux-Components und das Lux-Components-Theme auschecken
• jeweils die Datei package-lock.json und den Ornder node-modules löschen
• jeweil npm install durchführen.
• das Theme lokal bauen und lokal mit den Components verlinken
• die Demoanwendung starten

2. Testdurchführung
   • Die Seite für die lux-message-box öffnen.
   • Default-Ansicht Theme-Authentic:

• Auf ein "X" in einer Message klicken. Zu erwartendes Ergebnis: Die Message wird gelöscht
• Danach mit dem Tab-Key durch die Messages tabben. Zu erwartendes Ergebnis: Es wird zuerst der Message-Text fokussiert und danach der X-Button. Die Farbe der Outline ist bei den farbigen Boxen weiß, bei der weißen Box ist die Outline hellblau. (für Theme Green ist es immer eine gepunktete schwarze Linie)
• den Wert bei luxMaximumdisplayed auf 5 setzen. Zu erwartendes Ergebnis: Es werden nur noch 5 Messages gleichzeitig angezeigt und ein Paginator erscheint.

[DSeifer]

Unter Windows 10 Enterprise 22H2 (19045.3930) und MacOS 14.2.1 mit den jeweils aktuellen Browserversionen nachgetestet: MacOS: Safari, Firefox, Chrome -> OK Windows: Edge, Firefox, Chrome -> OK