@onemrvapublic/design-system 0.0.0

package/projects/test/src/app/routes.ts

@@ -0,0 +1,198 @@
+import { Route } from '@angular/router';
+import { HomeComponent } from './home.component';
+
+export const routes: Route[] = [
+  { path: '', pathMatch: 'full', component: HomeComponent },
+  {
+    path: 'avatar',
+    loadComponent: () =>
+      import('./demos/avatar/demo-avatar.component').then(
+        (m) => m.DemoAvatarComponent
+      ),
+  },
+  {
+    path: 'badge',
+    loadComponent: () =>
+      import('./demos/badge/demo-badge.component').then(
+        (m) => m.DemoBadgeComponent
+      ),
+  },
+  {
+    path: 'breadcrumb',
+    loadChildren: () =>
+      import('./demos/breadcrumb/demo-breadcrumb.module').then(
+        (m) => m.DemoBreadcrumbModule
+      ),
+  },
+  {
+    path: 'datepicker',
+    loadChildren: () =>
+      import('./demos/datepicker/demo-datepicker.module').then(
+        (m) => m.DemoDatepickerModule
+      ),
+  },
+  {
+    path: 'file-upload',
+    loadComponent: () =>
+      import('./demos/file-upload/demo-file-upload.component').then(
+        (m) => m.DemoFileUploadComponent
+      ),
+  },
+  {
+    path: 'input-bank-account',
+    loadChildren: () =>
+      import('./demos/input-bank-account/demo-input-bank-account.module').then(
+        (m) => m.DemoInputBankAccountModule
+      ),
+  },
+  {
+    path: 'input-country',
+    loadChildren: () =>
+      import('./demos/input-country/demo-input-country.module').then(
+        (m) => m.DemoInputCountryModule
+      ),
+  },
+  {
+    path: 'input-enterprise-number',
+    loadChildren: () =>
+      import(
+        './demos/input-enterprise-number/demo-input-enterprise-number.module'
+      ).then((m) => m.DemoInputEnterpriseNumberModule),
+  },
+  {
+    path: 'input-phone',
+    loadChildren: () =>
+      import('./demos/input-phone/demo-input-phone.module').then(
+        (m) => m.DemoInputPhoneModule
+      ),
+  },
+  {
+    path: 'message-box',
+    loadComponent: () =>
+      import('./demos/message-box/demo-message-box.component').then(
+        (m) => m.DemoMessageBoxComponent
+      ),
+  },
+  {
+    path: 'multiselect',
+    loadChildren: () =>
+      import('./demos/multiselect/demo-multiselect.module').then(
+        (m) => m.DemoMultiselectModule
+      ),
+  },
+  {
+    path: 'datepicker',
+    loadChildren: () =>
+      import('./demos/datepicker/demo-datepicker.module').then(
+        (m) => m.DemoDatepickerModule
+      ),
+  },
+  {
+    path: 'not-found',
+    loadComponent: () =>
+      import('./demos/not-found/demo-not-found.component').then(
+        (m) => m.DemoNotFoundComponent
+      ),
+  },
+  {
+    path: 'notification',
+    loadComponent: () =>
+      import('./demos/notification/demo-notification.component').then(
+        (m) => m.DemoNotificationComponent
+      ),
+  },
+  {
+    path: 'paginator',
+    loadComponent: () =>
+      import('./demos/paginator/demo-paginator.component').then(
+        (m) => m.DemoPaginatorComponent
+      ),
+  },
+  {
+    path: 'panel',
+    loadComponent: () =>
+      import('./demos/panel/demo-panel.component').then(
+        (m) => m.DemoPanelComponent
+      ),
+  },
+  {
+    path: 'Pop over',
+    loadComponent: () =>
+      import('./demos/pop-over/demo-pop-over.component').then(
+        (m) => m.DemoPopOverComponent
+      ),
+  },
+  {
+    path: 'Progress bar',
+    loadComponent: () =>
+      import('./demos/progress-bar/demo-progress-bar.component').then(
+        (m) => m.DemoProgressBarComponent
+      ),
+  },
+  {
+    path: 'skeleton',
+    loadComponent: () =>
+      import('./demos/skeleton/demo-skeleton.component').then(
+        (m) => m.DemoSkeletonComponent
+      ),
+  },
+  {
+    path: 'side-menu',
+    loadComponent: () =>
+      import('./demos/side-menu/demo-side-menu.component').then(
+        (m) => m.DemoSideMenuComponent
+      ),
+  },
+  {
+    path: 'spinner',
+    loadComponent: () =>
+      import('./demos/spinner/demo-spinner.component').then(
+        (m) => m.DemoSpinnerComponent
+      ),
+  },
+  {
+    path: 'summary-stepper',
+    loadComponent: () =>
+      import('./demos/summary-stepper/demo-summary-stepper.component').then(
+        (m) => m.DemoSummaryStepperComponent
+      ),
+  },
+  {
+    path: 'timepicker',
+    loadComponent: () =>
+      import('./demos/timepicker/demo-timepicker.component').then(
+        (m) => m.DemoTimepickerComponent
+      ),
+  },
+  {
+    path: 'toast',
+    loadComponent: () =>
+      import('./demos/toast/demo-toast.component').then(
+        (m) => m.DemoToastComponent
+      ),
+  },
+  {
+    path: 'toc',
+    loadComponent: () =>
+      import('./demos/toc/demo-toc.component').then((m) => m.DemoTocComponent),
+  },
+  {
+    path: 'tooltip',
+    loadComponent: () =>
+      import('./demos/tooltip/demo-tooltip.component').then(
+        (m) => m.DemoTooltipComponent
+      ),
+  },
+  {
+    path: 'table',
+    loadChildren: () =>
+      import('./demos/table/demo-table.module').then((m) => m.DemoTableModule),
+  },
+  {
+    path: 'task-list',
+    loadChildren: () =>
+      import('./demos/task-list/demo-task-list.module').then(
+        (m) => m.DemoTaskListModule
+      ),
+  },
+];

package/projects/test/src/assets/i18n/de.json

@@ -0,0 +1,80 @@
+{
+    "demo.title": "Design System",
+    "404": {
+        "oops": "oops",
+        "title": "Fehler 404 - Seite nicht gefunden!",
+        "body": "Es tut uns leid, die von Ihnen angeforderte Seite wurde von Aliens gefangen genommen.",
+        "actions": "Aber Sie können trotzdem",
+        "contact.us": "Kontaktieren Sie uns",
+        "go.back": "Gehen Sie zurück nach Hause",
+        "extra": "oder suchen Sie, was Sie suchen",
+        "fliegende.untertasse": "Fliegende Untertasse",
+        "traktor.strahl": "Traktorstrahl",
+        "erschreckte.seite": "Erschrockene Seite",
+        "schatten": "Schatten",
+        "search.input.label": "Suche"
+    },
+    "paginator": {
+        "Previous": "< Previous",
+        "Next": "Next >",
+        "records.per.page": "Elemente pro Seite",
+        "outOf": "out of"
+    },
+    "file": {
+        "upload": {
+            "drag.and.drop": "Ziehen Sie Ihre Dateien hierher und legen Sie sie ab",
+            "browse.for.file": "Nach Dateien suchen",
+            "type.not.supported": "Dateityp wird nicht unterstützt",
+            "too.big": "Die Datei hat die maximale Größe von überschritten",
+            "maximum": "Maximum",
+            "delete": "Löschen",
+            "error.occurred": "Es ist ein Fehler aufgetreten, bitte versuchen Sie es erneut",
+            "confirm.delete": "Diese Datei löschen?",
+            "are.you.sure": "Möchten Sie die Datei wirklich löschen",
+            "remove": "Löschen",
+            "cancel": "Abbrechen",
+            "retry": "Erneut versuchen",
+            "or": "oder"
+        }
+    },
+    "select": {
+        "select.all": "Select All",
+        "deselect.all": "Deselect All",
+      "search":{
+        "filter": "Forschen",
+        "notFound": "Kein Ergebnis"
+      }
+    },
+    "layout": {
+        "profile" : "Profile",
+        "login" : "Login",
+        "logout" : "Logout",
+        "Menu" : "Menu",
+        "interface" : {
+            "trusted": "Schnittstelle für vertrauenswürdige Personen",
+            "collaborator": "Mitarbeiterschnittstelle"
+        }
+    },
+    "thermo": {
+        "title": "Thermodynamics",
+        "introduction": "Introduction",
+        "history": "History",
+        "etymology": "Etymology",
+        "branches": "Branches",
+        "classicalThermodynamics": "Classical thermodynamics",
+        "statisticalThermodynamics": "Statistical thermodynamics",
+        "chemicalThermodynamics": "Chemical thermodynamics",
+        "equilibriumThermodynamics": "Equilibrium thermodynamics",
+        "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
+    },
+    "input": {
+        "phone": {
+            "required": "Field required",
+            "invalid": "Field invalid",
+            "notFound": "Not found",
+            "search": "Search",
+            "label": "Phone number",
+            "hint": "Start with 0 for belgian phone numbers"
+        }
+    }
+}

package/projects/test/src/assets/i18n/en.json

@@ -0,0 +1,80 @@
+{
+    "demo.title": "Design System",
+    "404": {
+        "oops": "Oops",
+        "title": "Error 404 - Page not found!",
+        "body": "We are sorry, the page you requested has been captured by aliens.",
+        "actions": "But you still can",
+        "contact.us": "Contact us",
+        "go.back": "Go back home",
+        "extra": "or search what you are looking for",
+        "flying.saucer": "Flying saucer",
+        "tractor.beam": "Tractor beam",
+        "scared.page": "Scared page",
+        "shadow": "Shadow",
+        "search.input.label": "Search"
+    },
+    "paginator": {
+        "Previous": "< Previous",
+        "Next": "Next >",
+        "records.per.page": "Elements per page",
+        "outOf": "out of"
+    },
+    "file": {
+        "upload": {
+            "drag.and.drop": "Drag and drop your files here",
+            "browse.for.file": "Browse for files",
+            "type.not.supported": "File type not supported",
+            "too.big": "The file exceeded the maximum size of",
+            "maximum": "Maximum",
+            "delete": "Delete",
+            "error.occurred": "An error occurred, please try again",
+            "confirm.delete": "Delete file ?",
+            "are.you.sure": "Are you sure you want to delete the file",
+            "remove": "Remove",
+            "cancel": "Cancel",
+            "retry": "Retry",
+            "or": "or"
+        }
+    },
+    "select": {
+        "select.all": "Select All",
+        "deselect.all": "Deselect All",
+        "search":{
+          "filter": "Search",
+          "notFound": "Not found"
+        }
+    },
+    "layout": {
+        "profile" : "Profile",
+        "login" : "Login",
+        "logout" : "Logout",
+        "Menu" : "Menu",
+        "interface" : {
+            "trusted": "Trusted person interface",
+            "collaborator": "Collaborator interface"
+        }
+    },
+    "thermo": {
+        "title": "Thermodynamics",
+        "introduction": "Introduction",
+        "history": "History",
+        "etymology": "Etymology",
+        "branches": "Branches",
+        "classicalThermodynamics": "Classical thermodynamics",
+        "statisticalThermodynamics": "Statistical thermodynamics",
+        "chemicalThermodynamics": "Chemical thermodynamics",
+        "equilibriumThermodynamics": "Equilibrium thermodynamics",
+        "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
+    },
+    "input": {
+        "phone": {
+            "required": "Field required",
+            "invalid": "Field invalid",
+            "notFound": "Not found",
+            "search": "Search",
+            "label": "Phone number",
+            "hint": "Start with 0 for belgian phone numbers"
+        }
+    }
+}

package/projects/test/src/assets/i18n/fr.json

@@ -0,0 +1,80 @@
+{
+    "demo.title": "Design System",
+    "404": {
+        "oops": "Oups",
+        "title": "Erreur 404 - Page introuvable!",
+        "body": "Nous sommes désolés, la page demandée a été capturée par des extra-terrestres",
+        "actions": "Mais vous pouvez toujours",
+        "contact.us": "Nous contacter",
+        "go.back": "Retourner à l'accueil",
+        "extra": "Ou voulez-vous approfondir votre recherche ?",
+        "flying.saucer": "Soucoupe volante",
+        "tractor.beam": "Rayon tracteur",
+        "scared.page": "Une page effrayée",
+        "shadow": "Ombre",
+        "search.input.label": "Recherche"
+    },
+    "paginator": {
+        "Previous": "< Précédent",
+        "Next": "Suivant >",
+        "records.per.page": "Eléments par page",
+        "outOf": "de"
+    },
+    "file": {
+        "upload": {
+            "drag.and.drop": "Déposez vos fichiers ici",
+            "browse.for.file": "Parcourir les fichiers",
+            "type.not.supported": "Type de fichier non supporté",
+            "too.big": "Le fichier dépasse la limit de",
+            "maximum": "Maximum",
+            "delete": "Effacer",
+            "error.occurred": "Une erreur est survenue, veuillez recommencer",
+            "confirm.delete": "Supprimer le fichier ?",
+            "are.you.sure": "Etes-vous sûr de vouloir supprimer le fichier",
+            "remove": "Retirer",
+            "cancel": "Annuler",
+            "retry": "Recommencer",
+            "or": "ou"
+        }
+    },
+    "select": {
+        "select.all": "Tout sélectionner",
+        "deselect.all": "Tout désélectionner",
+      "search":{
+        "filter": "Rechercher",
+        "notFound": "Pas de résultat"
+      }
+    },
+    "layout": {
+        "profile" : "Profile",
+        "login": "Connexion",
+        "logout": "Déconnexion",
+        "Menu" : "Menu",
+        "interface" : {
+            "trusted": "Interface personne de confiance",
+            "collaborator": "Interface collaborateur"
+        }
+    },
+    "thermo": {
+        "title": "Thermodynamics",
+        "introduction": "Introduction",
+        "history": "History",
+        "etymology": "Etymology",
+        "branches": "Branches",
+        "classicalThermodynamics": "Classical thermodynamics",
+        "statisticalThermodynamics": "Statistical thermodynamics",
+        "chemicalThermodynamics": "Chemical thermodynamics",
+        "equilibriumThermodynamics": "Equilibrium thermodynamics",
+        "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
+    },
+    "input": {
+        "phone": {
+            "required": "Champs requis",
+            "invalid": "Champs invalide",
+            "notFound": "Introuvable",
+            "search": "Rechercher",
+            "label": "Téléphone",
+            "hint": "Start with 0 for belgian phone numbers"
+        }
+    }
+}

package/projects/test/src/assets/i18n/nl.json

@@ -0,0 +1,79 @@
+{
+    "demo.title": "Ontwerpsysteem",
+    "404": {
+        "oops": "Oops",
+        "title": "Fout 404 - Pagina niet gevonden!",
+        "body": "Het spijt ons, de door u opgevraagde pagina is buitgemaakt door aliens.",
+        "actions": "Maar u kunt nog steeds",
+        "contact.ons": "Neem contact met ons op.",
+        "go.back": "Ga terug naar huis",
+        "extra": "of zoek wat u zoekt.",
+        "flying.saucer": "Vliegende schotel",
+        "tractor.beam": "Tractor beam",
+        "scared.page": "Scared page",
+        "shadow": "schaduw",
+        "search.input.label": "Search"
+    },
+    "paginator": {
+        "Previous": "< Vorig",
+        "Next": "Next >",
+        "records.per.page": "Elementen per pagina",
+        "outOf": "out of"
+    },
+    "file": {
+        "upload": {
+            "drag.and.drop": "Sleep uw bestanden hierheen",
+            "browse.for.file": "Bladeren naar bestanden",
+            "type.not.supported": "Bestandstype niet ondersteund",
+            "too.big": "Het bestand overschreed de maximale grootte van",
+            "maximum": "Maximum",
+            "delete": "Delete",
+            "error.occurred": "Er is een fout opgetreden, probeer het opnieuw",
+            "confirm.delete": "Dit bestand verwijderen?",
+            "are.you.sure": "Weet u zeker dat u het bestand wilt verwijderen",
+            "remove": "Verwijderen",
+            "cancel": "Annuleren",
+            "retry": "Opnieuw proberen",
+            "of": "of"
+        }
+    },
+    "select": {
+        "select.all": "Select All",
+        "deselect.all": "Deselect All",
+      "search":{
+        "filter": "Zoeken",
+        "notFound": "Geen resultaten"
+      }
+    },
+    "layout": {
+        "profile" : "Profile",
+        "login": "Login",
+        "logout": "Logout",
+        "interface" : {
+            "trusted": "Vertrouwde persoon-interface",
+            "collaborator": "Werknemer interface"
+        }
+    },
+    "thermo": {
+        "title": "Thermodynamics",
+        "introduction": "Introduction",
+        "history": "History",
+        "etymology": "Etymology",
+        "branches": "Branches",
+        "classicalThermodynamics": "Classical thermodynamics",
+        "statisticalThermodynamics": "Statistical thermodynamics",
+        "chemicalThermodynamics": "Chemical thermodynamics",
+        "equilibriumThermodynamics": "Equilibrium thermodynamics",
+        "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
+    },
+    "input": {
+        "phone": {
+            "required": "Field required",
+            "invalid": "Field invalid",
+            "notFound": "Not found",
+            "search": "Search",
+            "label": "Phone number",
+            "hint": "Start with 0 for belgian phone numbers"
+        }
+    }
+}

package/projects/test/src/environments/environment.e2e.ts

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

package/projects/test/src/environments/environment.prod.ts

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

package/projects/test/src/environments/environment.ts

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * 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/plugins/zone-error';  // Included with Angular CLI.

package/projects/test/src/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Test</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body class="onemrva-theme">
+    <div class="mat-typography">
+      <app-root></app-root>
+    </div>
+  </body>
+</html>

package/projects/test/src/main.ts

@@ -0,0 +1,12 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));

package/projects/test/src/polyfills.ts

@@ -0,0 +1,53 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes recent versions of Safari, Chrome (including
+ * Opera), Edge on the desktop, and iOS and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js';  // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */

package/projects/test/src/styles.scss

@@ -0,0 +1,22 @@
+//@use "@onemrvapublic/theme" as theme;
+//@use "../../onemrva/design-system/index" as onemrvaMat;
+//
+//@include theme.reset();
+//
+//.onemrva-theme {
+//  @include theme.onemrva();
+//  @include onemrvaMat.avatar(theme.$onemrva-theme);
+//  @include onemrvaMat.fileUpload(theme.$onemrva-theme);
+//  @include onemrvaMat.breadcrumb(theme.$onemrva-theme);
+// @include onemrvaMat.multiselect(theme.$onemrva-theme);
+//  @include onemrvaMat.messageBox(theme.$onemrva-theme);
+//  @include onemrvaMat.notification(theme.$onemrva-theme);
+//  @include onemrvaMat.paginator(theme.$onemrva-theme);
+//  @include onemrvaMat.panel(theme.$onemrva-theme);
+//  @include onemrvaMat.progressBar(theme.$onemrva-theme);
+//  @include onemrvaMat.sideMenu(theme.$onemrva-theme);
+//  @include onemrvaMat.spinner(theme.$onemrva-theme);
+//  @include onemrvaMat.toast(theme.$onemrva-theme);
+//  @include onemrvaMat.taskList(theme.$onemrva-theme);
+//  @include onemrvaMat.toc(theme.$onemrva-theme);
+//}