@ihk-gfi/lux-components-update 11.3.0

package/LICENSE

@@ -0,0 +1,198 @@
+								IHK-GfI Open-Source-Lizenz
+
+Präambel
+Diese Lizenz dient der Einräumung von Nutzungsrechten an Werken des Lizenzgebers
+
+									IHK-GfI mbH
+									Hörder Hafenstraße 5
+									44263 Dortmund.
+
+Die Lizenz verfolgt den Zweck, die von der IHK-GfI mbH im Zusammenhang mit der
+Entwicklungsplattform bereitgestellten Werke als Open-Source-Software zur Nutzung
+durch jedermann freizugeben. Die Rechte an diesen Werken werden unentgeltlich gewährt.
+Ein Verzicht des Lizenzgebers auf Urheber- und Patentrechte findet nicht statt, vielmehr werden mit
+dieser Lizenz lediglich einfache Nutzungsrechte eingeräumt.
+
+Zweck der Lizenz
+Durch die freie Zurverfügungstellung der Werke und/oder des zugrunde liegenden Quelltexts soll die
+Anwendungsentwicklung für die Domäne IHK vereinfacht und die IT-Sicherheit erhöht werden.
+Zudem soll die Möglichkeit einer Zusammenarbeit am Werk entstehen, welche Fehlerbehebungen
+und Fortentwicklungen sichern soll. Dies verpflichtet die jeweiligen Lizenznehmer zugleich, bei jeder
+Verwertung des Werks dafür Sorge zu tragen, dass neue Nutzer eine Kopie dieses Lizenztextes
+erhalten und Zugriff auf das Werk nehmen können. Eine weitere Verpflichtung der Lizenznehmer
+betrifft die Fortentwicklung des Werks: Änderungen am Werk, die ein Lizenznehmer an den
+Lizenzgeber gibt, werden erneut dieser Lizenz unterworfen und damit für jedermann freigegeben.
+Diese Vorgehensweise gewährleistet eine Weiterentwicklung des Werks im Interesse aller Nutzer.
+
+Abschluss der Lizenz und Vertretungsbefugnis
+Die vorliegenden Lizenzbestimmungen verstehen sich als Angebot an jedermann auf Abschluss eines
+Lizenzvertrags. Das Angebot bezieht sich auf alle Werke, die durch einen Hinweis diesen
+Lizenzbestimmungen unterstellt worden sind. Die Annahme erfolgt schriftlich oder in Textform oder
+durch die Vornahme entsprechender Nutzungshandlungen.
+Wenn Sie diese Vereinbarung im Namen eines Dritten oder einer anderen juristischen Person
+abschließen, erklären Sie, dass Sie befugt sind, dieses Unternehmen und seine verbundenen
+Unternehmen an diese Bedingungen zu binden. Wenn Sie keine solche Befugnis haben oder wenn Sie
+mit den Lizenzbestimmungen nicht einverstanden sind, dürfen Sie die unter diese Lizenz gestellten
+Werke nicht verwenden, bearbeiten und/oder verbreiten. Diese Vereinbarung gilt nur für die unter
+diese Lizenz gestellten Werke, unabhängig davon, ob auf andere Werke verwiesen wird und/oder
+andere Werke beschrieben werden.
+
+I. Definitionen
+
+    1.	"Lizenz" meint die Vorgaben zur Nutzung, Verarbeitung und Verbreitung, wie sie sich aus
+        diesem Dokument ergeben.
+    2.	"Lizenzgeber" meint den Urheber und/oder den Inhaber der Nutzungsrechte, der die
+        Regelungen dieser Lizenz vorgibt.
+    3.	"Sie" oder "Ihnen2 oder "Lizenznehmer" oder "Nutzer" meint eine natürliche oder juristische
+        Person, welche Rechte aus dieser Lizenz ableiten können.
+    4.	"Werk" meint das urheberrechtliche Erzeugnis (bspw. Software, Library, Control),
+        unabhängig davon, ob es sich im Quelltext oder in kompilierter Form befindet, und welches
+        unter dieser Lizenz mit Hinweis auf diese Lizenz zur Verfügung gestellt wird.
+    5.	"Abgeleitetes Werk" meint jegliches Erzeugnis, unabhängig davon, ob es sich im Quelltext
+        oder in kompilierter Form befindet, und welches auf dem Werk basiert oder davon abgeleitet
+        ist, und welches auch unter Beachtung von redaktionellen Überarbeitungen, Anmerkungen,
+        Ausarbeitungen oder anderweitige Umgestaltungen ein eigenständiges urheberrechtliches
+        Erzeugnis darstellt.
+    6.	"Mitwirkungswerk" meint ein urheberrechtliches Erzeugnis, welches die ursprüngliche
+        Version des Werks und jegliche Änderungen oder Beifügungen zu dem Werk oder dem davon
+        Abgeleiteten Werk enthalten, welches dem Lizenzgeber mit der Absicht zur Verfügung
+        gestellt wird, die Änderungen und/oder Beifügungen zu übernehmen und in das Werk
+        einzubinden. Im Sinne dieser Lizenz meint das zur Verfügung stellen jegliche Form der
+        elektronischen, mündlichen, schriftlichen Kommunikation mit dem Lizenzgeber und/oder
+        seinem Vertreter, insbesondere über elektronische Mailing-Listen, Quelltext-
+        Kontrollsysteme, Quelltext-Versionsverwaltungssysteme, Fallbearbeitungssysteme, die von
+        dem Lizenzgeber verwaltet und/oder bedient werden und der Diskussion und/oder der
+        Verbesserung des Werks dienen.
+
+II. Überlassung
+
+    (1)	Das mit dieser Lizenz verbundene Werk wird Ihnen schenkweise überlassen.
+    (2)	Die Überlassung steht unter der auflösenden Bedingung, dass die Bestimmungen dieser
+        Lizenz eingehalten werden.
+    (3)	Aufgrund der schenkweisen Überlassung ist der Lizenznehmer verpflichtet, das Werk vor einem
+        produktiven Einsatz zu testen, also bspw. Kompatibilitäts- und Sicherheitstests, sowie
+        Plausibilitätsprüfungen (insbesondere hinsichtlich der durch das Werk verarbeiteten Daten,
+        bspw. durch den Einsatz von Testdaten) auf einem Testsystem durchzuführen. Zudem stellt der
+        Lizenznehmer sicher, dass die jeweilige Infrastruktur - auf der das Werk eingesetzt wird -
+        abgesichert wird, um bspw. eine Überlastung oder Überbuchung auszuschließen. Dem
+        Lizenznehmer ist bekannt, dass das Werk auch Beifügungen durch Dritte (Contributions)
+        enthalten kann, die vom Lizenzgeber nicht umfänglich geprüft wurden. Der Lizenznehmer
+        sichert dem Lizenzgeber zu, dass er ohne einen angemessenen Test das Werk nicht produktiv
+        einsetzt.
+
+III. Einräumung von Nutzungsrechten
+
+    Der Lizenzgeber räumt dem jeweiligen Lizenznehmer an dem Werk das einfache (nicht
+    ausschließliche) Nutzungsrecht ein. Das Nutzungsrecht gilt für die derzeit bekannten und
+    üblichen Nutzungsarten im Bereich der digitalen Nutzung, bspw. Online-Nutzung im Internet,
+    Upload/Download, Web-Sites, Digitalisierung aus anderen Nutzungsarten, mobile Nutzung in
+    Apps, Embedded Content, Browsing, Application-Service-Providing, Speichern auf Datenträgern
+    und im Arbeitsspeicher, Bildschirmwiedergabe, Ausdruck.
+
+IV. Vervielfältigung, Verbreitung, Veränderung
+
+    (1) Für die Vervielfältigung und die Verbreitung des Werks gilt diese Lizenz. Sie sind verpflichtet,
+        jedem Vervielfältigungsstück des Werks eine Kopie dieser Lizenz beizulegen oder ersatzweise die
+        Lizenz zu benennen und auf die URL dieser Lizenz zu verweisen. Machen Sie das Werk öffentlich,
+        so müssen Sie dem Nutzer die Möglichkeit geben, diese Lizenz gebührenfrei herunterladen zu
+        können oder Sie haben ersatzweise die Lizenz zu benennen und auf die URL dieser Lizenz zu
+        verweisen. Sie haben bei der Verbreitung sowie bei der öffentlichen Zugänglichmachung durch
+        einen ausdrücklichen Vermerk auf die Geltung dieser Lizenz hinzuweisen.
+    (2)	Sie haben das Recht, Vervielfältigungsstücke des Werks zu bearbeiten oder auf andere Weise zu
+        verändern und entsprechend bearbeitete oder veränderte Werke (Abgeleitetes Werk) unter den
+        Bedingungen dieser Lizenz zu vervielfältigen, zu verbreiten und öffentlich zugänglich zu machen,
+        soweit Sie im übrigen die Bedingungen dieser Lizenz (insbesondere die Voraussetzungen aus
+        Abs. 1) erfüllen.
+    (3)	Es ist Ihnen ausdrücklich gestattet, das Werk oder Teile des Werks mit anderen Werken oder
+        Teilen anderer Werke, welche nicht unter dieser Lizenz stehen, innerhalb eines einheitlichen
+        Gesamtwerks zu kombinieren, soweit Sie im übrigen die Bedingungen dieser Lizenz
+        (insbesondere die Voraussetzungen aus Abs. 1) erfüllen, also das Werk an sich weiter unter
+        dieser Lizenz steht.
+    (4)	Wenn Sie durch eine Bearbeitung oder sonstige Veränderung des Werks Urheberrechte
+        erwerben, so können Sie diese dieser Lizenz unterstellen, soweit Sie das bearbeitete oder
+        veränderte Werk veröffentlichen oder verwerten.
+
+V. Mitwirkung
+
+    (1)	Wenn Sie Vervielfältigungsstücke des Werks bearbeitet oder auf andere Weise verändert haben,
+        und diese bearbeiteten oder veränderten Werke (sog. Mitwirkungswerke) an den Lizenzgeber
+        geben (submission of contribution), damit diese in das ursprüngliche Werk übernommen
+        werden (Fortentwicklung), dann stellen Sie das Mitwirkungswerk unter diese
+        Lizenzbedingungen.
+    (2)	Der Lizenznehmer hat die Mitwirkungswerke angemessenen Sicherheitstests zu unterziehen.
+        Insbesondere garantiert der Lizenznehmer, dass das Mitwirkungswerk nur den bestimmten und
+        erwartbaren Zweck erfüllt. Der Lizenznehmer behält sich das Recht vor, nicht jedes
+        Mitwirkungswerk anzunehmen.
+    (3)	Wenn Sie an dem Mitwirkungswerk ein Patent erwerben oder wenn die Nutzung des Werks in
+        vorbestehende Patente von Ihnen eingreift, so müssen Sie die Nutzung dieser Patente
+        zugunsten aller anderen gegenwärtigen und künftigen Lizenznehmer in dem Umfang gestatten,
+        der erforderlich ist, um die durch diese Lizenz gewährten Rechte an der von Ihnen
+        veröffentlichten Version des Mitwirkungswerks weiterhin uneingeschränkt und ohne zusätzliche
+        Verpflichtungen oder Kosten ausüben zu können.
+
+VI. Markenrechte
+
+    Diese Lizenz stellt keine Berechtigung dar, Markenrechte und/oder Produkt-
+    /Geschäftsbezeichnungen des Lizenzgebers zu nutzen. Davon ausgeschlossen ist die angemessene
+    Verwendung zur Beschreibung des Werks und zur Vervielfältigung einer NOTICE-Datei.
+
+VII. Haftung
+
+    (1)	Der Lizenzgeber haftet unabhängig vom Rechtsgrund unbeschränkt für Schäden und
+        Aufwendungen, die
+        *	durch die Verletzung des Lebens, des Körpers oder der Gesundheit,
+        *	vorsätzlich oder grob fahrlässig;
+        *	durch arglistig verschwiegene Rechts- oder Sachmängel verursacht wurden;
+        *	dem Umfang einer übernommenen Garantie entsprechen oder
+        *	soweit sich die Haftung nach dem Produkthaftungsgesetz richtet.
+
+    (2)	Bei fahrlässiger Verletzung einer Vertragspflicht ist die Haftung der Höhe nach auf den bei
+        Vertragsschluss typischerweise vorhersehbaren Schaden begrenzt.
+    (3)	Die Haftung für indirekte Schäden, insbesondere entgangener Gewinn und Nutzungsausfall, ist
+        ausgeschlossen.
+    (4)	Die Haftungshöchstsumme ist auf 10.000,00 Euro (in Worten: Zehntausend Euro) begrenzt.
+        Ausdrücklich ausgenommen ist hiervon die Haftung gemäß Absatz 1.
+    (5)	Im übrigen ist jegliche Haftung des Lizenzgebers über das gesetzlich geforderte Maß
+        ausgeschlossen.
+
+VIII. Verjährung
+
+    (1)	Die Verjährungsfrist für alle Ansprüche gegen den Lizenzgeber beträgt ein (1) Jahr, mit Ausnahme
+    von
+        *	Ansprüchen, die auf vorsätzlichem oder grob fahrlässigem Verhalten des Lizenzgebers
+            beruhen;
+        *	Schadenersatzansprüchen, die auf der Verletzung des Lebens, des Körpers, der Gesundheit
+            oder der Freiheit beruhen,
+        *	Ansprüche, die durch arglistig verschwiegene Rechts- oder Sachmängel der Software
+            verursacht wurden und
+        *	Ansprüchen nach dem Produkthaftungsgesetz.
+        In diesen Fällen gelten die gesetzlichen Bestimmungen.
+    (2)	Die Verjährungsfrist beginnt nach Maßgabe der gesetzlichen Bestimmungen.
+
+IX. Zuwiderhandlungen, Urheberbezeichnungen, Vermerke, Hinweise
+
+    (1)	Jede Nutzung des Werks entgegen den Bedingungen dieser Lizenz beendet unmittelbar die
+        Nutzungsrechte des Zuwiderhandelnden. Die Nutzungsrechte Dritter, die sich von dieser Lizenz
+        ableiten, bestehen weiter, soweit die Bedingungen dieser Lizenz eingehalten werden.
+    (2)	Die vom Urheber des ursprünglichen Werks und dem Urheber der Änderungen angebrachten
+        Urheberbezeichnungen und die diesbezüglichen Datumsangaben sowie alle Vermerke, die auf
+        die Geltung dieser Lizenz hinweisen, dürfen vom Lizenznehmer nicht entfernt werden.
+    (3)	Wenn bei der Installation oder beim Start des veränderten Werks Lizenz- oder
+        Vertragsbedingungen oder Hinweise auf die Rechtsinhaber angezeigt werden, dann muss ein
+        Hinweis angezeigt werden, der auf diese Lizenz, sowie auf den oder die Rechtsinhaber an den
+        ersten unter dieser Lizenz nutzbaren Werkbestandteilen hinweist.
+
+X. Ergänzende Bestimmungen
+
+    Diese Vereinbarung und alle Streitigkeiten, die sich aus oder im Zusammenhang mit dieser
+    Vereinbarung ergeben, unterliegen dem Recht der Bundesrepublik Deutschland. Die Bestimmungen
+    des UN-Kaufrechts und/oder einem Kollisionsrecht finden keine Anwendung.
+    Wenn Sie Kaufmann oder eine juristische Person des öffentlichen Rechts sind, oder keinen
+    allgemeinen Gerichtsstand im Inland haben: Ausschließlicher Gerichtsstand für alle Streitigkeiten aus
+    dieser Vereinbarung und der Geschäftsbeziehung mit dem Lizenzgeber ist Dortmund.
+    In anderen Fällen: Gerichtsstand für Streitigkeiten aus dieser Vereinbarung und der
+    Geschäftsbeziehung mit dem Lizenzgeber ist Ihr Wohnsitz oder allgemeiner Aufenthaltsort.
+    Sollten einzelne Bestimmungen dieses Vertrages unwirksam sein, so wird hierdurch die Vereinbarung
+    im übrigen nicht berührt.
+
+Stand: 26.09.2019

package/README.md

@@ -0,0 +1,55 @@
+# LUX-Components-Update
+
+Dieses Projekt enthält alle Updateskripte (umgesetzt mit Angular Schematics) für die LUX-Components.
+
+Updateskripte:
+
+- `update` (aktualisiert das Projekt auf die Version 11.0.0)
+- `update-11.0.1` (aktualisiert das Projekt auf die Version 11.0.1)
+- `update-11.1.0` (aktualisiert das Projekt auf die Version 11.1.0)
+- `add-lux-components` (fügt die LUX-Components zu einem Angular-Projekt hinzu)
+- `migrate-to-eslint` (migriert das Projekt von TS-Lint nach ES-Lint)
+- `migrate-to-webcomponent` (wandelt das Projekt in eine Web Component)
+
+## Voraussetzungen
+
+Stellen Sie zunächst sicher, dass Sie die Angular-Schematics-Cli installiert haben:
+
+```bash
+npm install -g @angular-devkit/schematics-cli
+```
+
+## LUX-Components im Projekt aktualisieren
+
+Um ein Updateskript zu starten, kann der folgende Befehl verwendet werden:
+
+```bash
+ng generate @ihk-gfi/lux-components-update:update
+```
+
+Falls erst einmal ein Testdurchlauf ohne persistente Änderungen gewünscht ist,
+ist es möglich den Aufruf mit dem Flag "--dry-run" zu versehen:
+
+```bash
+ng generate @ihk-gfi/lux-components-update:update --dry-run
+```
+
+## LUX-Components im Projekt einrichten
+
+Wenn man die LUX-Components in seinem Projekt einrichten möchte, kann der folgende Befehl verwendet werden:
+
+```bash
+ng generate @ihk-gfi/lux-components-update:add-lux-components
+```
+
+## Migration von TS-Lint nach ES-Lint
+```bash
+ng generate @ihk-gfi/lux-components-update:migrate-to-eslint
+```
+
+WICHTIG! Der Updater schreibt zusätzliche Befehle in die Console. Diese müssen manuell ausgeführt werden.
+
+## Migration zur Web Component
+```bash
+ng generate @ihk-gfi/lux-components-update:migrate-to-webcomponent
+```

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@ihk-gfi/lux-components-update",
+  "version": "11.3.0",
+  "description": "Schematics für die Aktualisierung von LUX-Applikationen",
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "npm run build && jasmine src/**/*_spec.js",
+    "security": "npm audit --registry=https://registry.npmjs.org --audit-level high"
+  },
+  "keywords": [
+    "schematics",
+    "lux-components",
+    "blueprint"
+  ],
+  "license": "IHK-GfI Open-Source-Lizenz",
+  "files": [
+    "src/**/*",
+    "LICENSE",
+    "package.json",
+    "README.md",
+    "tsconfig.json"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IHK-GfI/lux-components-update.git"
+  },
+  "homepage": "https://github.com/IHK-GfI/lux-components-update",
+  "bugs": {
+    "url": "https://github.com/IHK-GfI/lux-components-update/issues"
+  },
+  "schematics": "./src/collection.json",
+  "devDependencies": {
+    "prettier": "2.0.5"
+  },
+  "dependencies": {
+    "@angular-devkit/core": "11.2.13",
+    "@angular-devkit/schematics": "11.2.13",
+    "@angular-devkit/schematics-cli": "^0.1102.13",
+    "@angular/cli": "11.2.13",
+    "@types/jasmine": "3.5.11",
+    "@types/node": "13.7.7",
+    "@types/semver": "7.3.6",
+    "chalk": "4.1.1",
+    "cheerio": "1.0.0-rc.9",
+    "htmlparser2": "6.1.0",
+    "jasmine": "3.7.0",
+    "jsonc-parser": "3.0.0",
+    "semver": "7.3.5",
+    "typescript": "4.2.4"
+  },
+  "optionalDependencies": {
+    "fsevents": "2.3.2"
+  }
+}

package/src/add-lux-components/files/app/app-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { LuxLayoutModule } from '@ihk-gfi/lux-components';
+import { ErrorComponent } from './error/error.component';
+import { HomeComponent } from './home/home.component';
+import { ProfilComponent } from './profil/profil.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: '/home', pathMatch: 'full' },
+  { path: 'home', component: HomeComponent },
+  { path: 'profil', component: ProfilComponent },
+  { path: '**', component: ErrorComponent } // Immer als letzte Route !! -> 404!
+];
+
+@NgModule({
+  imports: [LuxLayoutModule, RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}

package/src/add-lux-components/files/app/app.component.html

@@ -0,0 +1,27 @@
+<div class="lux-app-container">
+  <lux-app-header luxAppTitle="LUX Blueprint" luxAppTitleShort="LUX" luxUserName="Test" (luxClicked)="router.navigate(['/'])">
+    <lux-side-nav>
+      <lux-side-nav-header>
+        <h3 i18n="@@luxapp.welcome">Willkommen!</h3>
+      </lux-side-nav-header>
+      <lux-side-nav-item
+        luxLabel="Home"
+        luxTagId="project-side-nav-item"
+        luxIconName="fa-home"
+        (luxClicked)="router.navigate(['/'])"
+      >
+      </lux-side-nav-item>
+      <lux-side-nav-item
+        luxLabel="Profil"
+        luxTagId="project-side-nav-item"
+        luxIconName="fa-user"
+        (luxClicked)="router.navigate(['/profil'])"
+      >
+      </lux-side-nav-item>
+    </lux-side-nav>
+  </lux-app-header>
+
+  <lux-app-content luxAriaRoleMainLabel=""></lux-app-content>
+
+  <lux-app-footer luxVersion="0.1"></lux-app-footer>
+</div>

package/src/add-lux-components/files/app/app.component.spec.ts

@@ -0,0 +1,19 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
+      declarations: [AppComponent]
+    }).compileComponents();
+  }));
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+});

package/src/add-lux-components/files/app/app.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+
+  constructor(public router: Router) {}
+
+}

package/src/add-lux-components/files/app/app.module.ts

@@ -0,0 +1,56 @@
+import { registerLocaleData } from '@angular/common';
+import localeDE from '@angular/common/locales/de';
+import localeDeExtra from '@angular/common/locales/extra/de';
+import { NgModule } from '@angular/core';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import {
+  LuxActionModule,
+  LuxCommonModule,
+  LuxComponentsConfigModule,
+  LuxComponentsConfigParameters,
+  LuxDirectivesModule,
+  LuxErrorModule,
+  LuxFormModule,
+  LuxIconModule,
+  LuxLayoutModule,
+  LuxPipesModule,
+  LuxPopupsModule
+} from '@ihk-gfi/lux-components';
+import { environment } from '../environments/environment';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { ErrorComponent } from './error/error.component';
+import { HomeComponent } from './home/home.component';
+import { ProfilComponent } from './profil/profil.component';
+
+registerLocaleData(localeDE, localeDeExtra);
+
+const luxComponentsConfig: LuxComponentsConfigParameters = {
+  generateLuxTagIds: environment.generateLuxTagIds,
+};
+
+@NgModule({
+  declarations: [AppComponent, HomeComponent, ErrorComponent, ProfilComponent],
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    AppRoutingModule,
+    LuxDirectivesModule,
+    LuxIconModule,
+    LuxLayoutModule,
+    LuxActionModule,
+    LuxFormModule,
+    LuxCommonModule,
+    LuxPipesModule,
+    LuxPopupsModule,
+    LuxErrorModule,
+    FlexLayoutModule,
+    LuxComponentsConfigModule.forRoot(luxComponentsConfig)
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule {}

package/src/add-lux-components/files/app/error/error.component.html

@@ -0,0 +1,10 @@
+<div>
+  <lux-card luxTitle="Fehlerseite" luxSubTitle="404">
+    <lux-card-info>
+      <lux-icon luxIconName="error"></lux-icon>
+    </lux-card-info>
+    <lux-card-content>
+      Leider konnte die angeforderte Seite <b>{{ url404 }}</b> nicht gefunden werden!
+    </lux-card-content>
+  </lux-card>
+</div>

package/src/add-lux-components/files/app/error/error.component.scss

@@ -0,0 +1,3 @@
+div {
+  margin: 10px;
+}

package/src/add-lux-components/files/app/error/error.component.spec.ts

@@ -0,0 +1,49 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { RouterTestingModule } from '@angular/router/testing';
+import {
+  LuxActionModule,
+  LuxAppFooterButtonService,
+  LuxAppFooterLinkService,
+  LuxComponentsConfigModule,
+  LuxComponentsConfigParameters,
+  LuxFormModule,
+  LuxIconModule,
+  LuxLayoutModule,
+  LuxStorageService
+} from '@ihk-gfi/lux-components';
+
+import { ErrorComponent } from './error.component';
+
+describe('ErrorComponent', () => {
+  let component: ErrorComponent;
+  let fixture: ComponentFixture<ErrorComponent>;
+  const luxComponentsConfig: LuxComponentsConfigParameters = {};
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ErrorComponent],
+      imports: [
+        LuxLayoutModule,
+        LuxActionModule,
+        LuxIconModule,
+        LuxFormModule,
+        RouterTestingModule.withRoutes([]),
+        LuxComponentsConfigModule.forRoot(luxComponentsConfig),
+        NoopAnimationsModule
+      ],
+      providers: [LuxAppFooterButtonService, LuxAppFooterLinkService, LuxStorageService]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ErrorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should be created', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/add-lux-components/files/app/error/error.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-error',
+  templateUrl: './error.component.html',
+  styleUrls: ['./error.component.scss']
+})
+export class ErrorComponent implements OnInit {
+  url404 = '';
+
+  constructor(private readonly router: Router) {}
+
+  ngOnInit(): void {
+    this.url404 = this.router.routerState.snapshot.url;
+  }
+}

package/src/add-lux-components/files/app/home/home.component.html

@@ -0,0 +1,7 @@
+<div fxShow="false" fxShow.gt-xs="true" fxFlex="15%"></div>
+<div fxFlex="auto" fxLayout="row wrap" fxLayoutAlign="center start" fxLayoutGap="grid">
+  <lux-tile luxLabel="Profil" (luxClicked)="router.navigate(['/profil'])">
+    <lux-icon luxIconName="fas fa-user"></lux-icon>
+  </lux-tile>
+</div>
+<div fxShow="false" fxShow.gt-xs="true" fxFlex="15%"></div>

package/src/add-lux-components/files/app/home/home.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.scss']
+})
+export class HomeComponent {
+
+  constructor(public router: Router) {}
+
+}

package/src/add-lux-components/files/app/profil/profil.component.html

@@ -0,0 +1 @@
+<p>ToDo!</p>

package/src/add-lux-components/files/app/profil/profil.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+
+import { ProfilComponent } from './profil.component';
+
+describe('ProfilComponent', () => {
+  let component: ProfilComponent;
+  let fixture: ComponentFixture<ProfilComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ProfilComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ProfilComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/add-lux-components/files/app/profil/profil.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-profil',
+  templateUrl: './profil.component.html',
+  styleUrls: ['./profil.component.scss']
+})
+export class ProfilComponent {
+
+  constructor() {}
+}

package/src/add-lux-components/files/environments/environment.prod.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  generateLuxTagIds: false
+};

package/src/add-lux-components/files/environments/environment.ts

@@ -0,0 +1,17 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false,
+  generateLuxTagIds: true
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.