@eo-sdk/client 10.0.0-beta.2 → 10.0.0-beta.4

package/package.json

@@ -2,7 +2,7 @@
   "name": "@eo-sdk/client",
   "description": "yuuvis RAD client",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
-  "version": "10.0.0-beta.2",
+  "version": "10.0.0-beta.4",
   "main": "electron/main.js",
   "license": "MIT",
   "angular-cli": {},
@@ -21,7 +21,7 @@
     "@ag-grid-community/core": "22.1.1",
     "@ag-grid-community/csv-export": "22.1.1",
     "@angular/animations": "15.2.2",
-    "@angular/cdk": "15.1.3",
+    "@angular/cdk": "15.2.2",
     "@angular/common": "15.2.2",
     "@angular/compiler": "15.2.2",
     "@angular/core": "15.2.2",
@@ -29,11 +29,11 @@
     "@angular/platform-browser": "15.2.2",
     "@angular/platform-browser-dynamic": "15.2.2",
     "@angular/router": "15.2.2",
-    "@eo-sdk/core": "10.0.0-beta.2",
+    "@eo-sdk/core": "10.0.0-beta.4",
     "@ngx-pwa/local-storage": "15.0.0",
     "@ngx-translate/core": "14.0.0",
     "@types/lodash": "4.14.88",
-    "@yuuvis/components": "^0.0.31",
+    "@yuuvis/components": "^0.0.39",
     "core-js": "^2.5.4",
     "file-saver": "^2.0.5",
     "font-awesome": "4.7.0",

package/projects/eo-sdk/core/lib/util/utils.d.ts

@@ -2,6 +2,7 @@ import { Observable } from 'rxjs';
 export type FormatedMailTo = string | string[];
 export declare class Utils {
     private static PREF_RANGEVALUE;
+    static uniqBy(items: any[], property: string): any[];
     /**
      * Utility method for adding parameters to a given URI.
      *

package/projects/eo-sdk/core/lib/util/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../../projects/eo-sdk/core/src/lib/util/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,UAAU,EAAC,MAAM,MAAM,CAAC;AAK9F,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAC/C,qBAAa,KAAK;IAEhB,OAAO,CAAC,MAAM,CAAC,eAAe,CAAgB;IAE9C;;;;;;OAMG;WACW,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM;IAOvD;;;OAGG;WACW,IAAI,IAAI,MAAM;IAI5B;;;;;OAKG;WACW,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAKtD;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,GAAG;IAKlB;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAkC3B;;QAEI;IACJ,OAAO,CAAC,MAAM,CAAC,eAAe;IAS9B;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAKtC;;;;;;;;;OASG;WACW,UAAU,CAAC,GAAG,SAAK,EAAE,KAAK,SAAQ,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,OAC7F,GAAG,KAAK,GAAG;IAgB3B;;;;;;OAMG;WACW,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,SAAK,GAAG,GAAG;IAKrD;;;;;;OAMG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG;IAO7C;;;;;;;;OAQG;WACW,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;IASrH;;;;;;;;;OASG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO;IAQ1G;;;;;;;;;OASG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO;IAQ1G;;;;;;;;OAQG;WACW,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,UAAO;IAI1G;;;;;OAKG;WACW,SAAS,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO;WAI7B,WAAW;IAIzB;;;;;;;;OAQG;WACW,cAAc,CAAC,GAAG,KAAA,EAAE,GAAG,KAAA,EAAE,MAAM,SAAQ;IAUrD;;;;OAIG;WACW,iBAAiB,IAAI,MAAM;WAI3B,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,cAAc;WAOrE,aAAa,CAAC,GAAG,QAAK,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;WAS/G,iBAAiB,CAAC,CAAC,EAAE,GAAG,GAAG,MAAM;WAUjC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG;CAgB9C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../../projects/eo-sdk/core/src/lib/util/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+D,UAAU,EAAC,MAAM,MAAM,CAAC;AAK9F,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAC/C,qBAAa,KAAK;IAEhB,OAAO,CAAC,MAAM,CAAC,eAAe,CAAgB;WAEhC,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM;IAMnD;;;;;;OAMG;WACW,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,GAAG,MAAM;IAOvD;;;OAGG;WACW,IAAI,IAAI,MAAM;IAI5B;;;;;OAKG;WACW,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM;IAKtD;;;;OAIG;IACH,OAAO,CAAC,MAAM,CAAC,GAAG;IAKlB;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAkC3B;;QAEI;IACJ,OAAO,CAAC,MAAM,CAAC,eAAe;IAS9B;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAC,uBAAuB;IAKtC;;;;;;;;;OASG;WACW,UAAU,CAAC,GAAG,SAAK,EAAE,KAAK,SAAQ,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,OAC7F,GAAG,KAAK,GAAG;IAgB3B;;;;;;OAMG;WACW,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,SAAK,GAAG,GAAG;IAKrD;;;;;;OAMG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG;IAO7C;;;;;;;;OAQG;WACW,SAAS,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;IASrH;;;;;;;;;OASG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO;IAQ1G;;;;;;;;;OASG;WACW,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO;IAQ1G;;;;;;;;OAQG;WACW,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,UAAO;IAI1G;;;;;OAKG;WACW,SAAS,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO;WAI7B,WAAW;IAIzB;;;;;;;;OAQG;WACW,cAAc,CAAC,GAAG,KAAA,EAAE,GAAG,KAAA,EAAE,MAAM,SAAQ;IAUrD;;;;OAIG;WACW,iBAAiB,IAAI,MAAM;WAI3B,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,cAAc;WAOrE,aAAa,CAAC,GAAG,QAAK,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;WAS/G,iBAAiB,CAAC,CAAC,EAAE,GAAG,GAAG,MAAM;WAUjC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG;CAgB9C"}

package/scss/_eo-variables.scss

@@ -1,46 +1,76 @@
-
 :root {
+  --color-accent-tone: #fff;
+
+  --main-background: #e5e5e5;
+  --main-background-light: #eeeeee;
+
+  // TODO: Replace by meaningfull values
+  --color-white: #fff;
+  --color-white-rgb: 255, 255, 255;
+  --color-black: #000;
+  --color-black-rgb: 0, 0, 0;
+  // TODO: Replace by meaningfull values
+
+  --color-primary: #484f54;
+  --color-primary-2: #6d7276;
+  --color-primary-3: #919598;
+  --color-primary-4: #b6b9bb;  
+  --color-primary-rgb: 72, 79, 84;
 
+  --color-accent-rgb: 196, 34, 122;
+  --color-accent: #c4227a;
+  --color-accent-light: #cf4a92;
+  --color-accent-darker: #e08cba;
+  
+  --color-error: #ed5564;
+  --color-success: #9abd1e;
+  --color-warning: #f39200;
+  --color-favorite: #ffc107;
+  --color-dirty-background: #ebf7d2;
+  --color-dirty-font: #8fad1c;
+
+  // colors
+  --panel-background: #fff;
+  --panel-background-grey: #f4f4f4;
+  --panel-background-lightgrey: #fafafa;
+  --panel-header-border-bottom-color: rgba(0, 0, 0, 0.12);
+  --list-item-hover-background: #eee;
+  --list-item-selected-background: #f5f5f5;
+  --list-item-border-color: rgba(0, 0, 0, 0.12);
+  --text-color-body: rgba(0, 0, 0, 0.87);
+  --text-color-caption: rgba(0, 0, 0, 0.54);
+  --text-color-hint: rgba(0, 0, 0, 0.26);
+  --text-color-accent: var(--color-accent);
+
+  --state-green: #8bc34a;
+  --state-orange: #ffc107;
+  --state-purple: #9c27b0;
+  // font sizes and weights
+  --font-hint: 11px;
+  --font-caption: 12px;
+  --font-body: 13px;
+  --font-subhead: 15px;
+  --font-title: 20px;
+  --font-headline: 24px;
+  --font-display: 34px;
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-bold: 700;
+
+  // sizes
+  --app-pane-padding: 16px;
+  --app-bar-height: 64px;
+  --app-pane-header-height: 140px;
+  --app-split-pane-divider-size: var(--app-pane-padding);
+  --app-default-transition-duration: 200ms;
 
   --eo-tab-nav-height: 30px;
+  --eo-chips-background-color: rgba(0, 0, 0, 0.06);
+  --eo-chips-border-color: rgba(0, 0, 0, 0.1);
+  --eo-chips-text-color: var(--text-color-body);
+
+  --item-focus-background-color: var(--list-item-hover-background);
 
-  // main
-  @each $name, $value in $main {
-    --main-#{$name}: #{$value};
-  }
-
-  // color
-  @each $name, $color in $colors {
-    --color-#{$name}: #{$color};
-  }
-
-  // state colors (e.g. for categorizations of ui elements)
-  @each $name, $value in $states {
-    --state-#{$name}: #{$value};
-  }
-
-  // panels
-  @each $name, $value in $panels {
-    --panel-#{$name}: #{$value};
-  }
-
-  // list items
-  @each $name, $value in $list-items {
-    --list-item-#{$name}: #{$value};
-  }
-
-  // text
-  @each $name, $value in $text-colors {
-    --text-color-#{$name}: #{$value};
-  }
-
-  // font sizes
-  @each $name, $value in $fonts {
-    --font-#{$name}: #{$value};
-  }
-
-  // app
-  @each $name, $value in $app {
-    --app-#{$name}: #{$value};
-  }
+  --split-gutter-size-zero-background-color: var(--color-primary-3);
 }

package/scss/_form.scss

@@ -55,6 +55,12 @@
   }
 }
 
+eo-form-input {
+
+  yvc-chips-list {
+    width: 100%;
+  }
+}
 .form-element-range {
   // operator select in range form elements
   yvc-dropdown {

package/scss/_main.scss

@@ -326,7 +326,7 @@ svg.checkbox {
     }
 
     span.btn svg {
-      fill: var(--color-nobel);
+      fill: var(--text-color-caption);
     }
 
     span.btn:hover {

package/scss/_theme-dark.scss

@@ -0,0 +1,22 @@
+.dark {
+    --main-background: #e5e5e5;
+    --main-background-light: #eeeeee;
+
+    --panel-background: var(--color-primary);
+    --panel-background-grey: rgb(55, 55, 55);
+    --panel-background-lightgrey: rgb(58, 58, 58);
+
+    --panel-header-border-bottom-color: rgba(0, 0, 0, 0.12);
+    --list-item-hover-background: #eee;
+    --list-item-selected-background: #f5f5f5;
+    --list-item-border-color: rgba(255, 255, 255, 0.2);
+    
+    --text-color-body: #fff;
+    --text-color-caption: rgba(255, 255, 255, 0.75);
+    --text-color-hint: rgba(255, 255, 255, 0.5);
+
+
+    --eo-chips-background-color: rgba(255, 255, 255, 0.1);
+    --eo-chips-border-color: var(--text-color-hint);
+    --eo-chips-text-color: var(--text-color-body);
+}

package/scss/_yuuvis-components.scss

@@ -1,3 +1,4 @@
+
 yvc-tabs {
     > header {
         --yvc-tab-nav-button-margin: 1px;
@@ -7,6 +8,16 @@ yvc-tabs {
     }
 }
 
-yvc-chips-list .chip {
-    border: 1px solid red !important
+yvc-chips-list ul.chips li.chip {
+    background: var(--eo-chips-background-color);
+    border: 1px solid var(--eo-chips-border-color);
+    border-radius: 2px;
+    color: var(--eo-chips-text-color);
+    margin: 2px 2px 0 0;
+    display: flex;
+    align-items: center;
+}
+yvc-autocomplete-options .org-item {
+    display: flex;
+    align-items: center;
 }

package/styles.css

@@ -1,21 +1,15 @@
-/* You can add global styles to this file, and also import other style files */
 @import url(node_modules/@eo-sdk/core/main.css);
 @import url(node_modules/@angular/cdk/overlay-prebuilt.css);
 @import url(node_modules/@ag-grid-community/core/dist/styles/ag-grid.css);
 @import url(node_modules/@ag-grid-community/core/dist/styles/ag-theme-balham.css);
 :root {
-  --eo-tab-nav-height: 30px;
+  --color-accent-tone: #fff;
   --main-background: #e5e5e5;
   --main-background-light: #eeeeee;
   --color-white: #fff;
   --color-white-rgb: 255, 255, 255;
   --color-black: #000;
   --color-black-rgb: 0, 0, 0;
-  --color-light-gray: #9b9fa2;
-  --color-light-blue: #00b0e8;
-  --color-white-smoke: #f4f4f4;
-  --color-gainsboro: #d9d9d9;
-  --color-nobel: #999999;
   --color-primary: #484f54;
   --color-primary-2: #6d7276;
   --color-primary-3: #919598;
@@ -28,12 +22,9 @@
   --color-error: #ed5564;
   --color-success: #9abd1e;
   --color-warning: #f39200;
-  --color-favorite: #FFC107;
+  --color-favorite: #ffc107;
   --color-dirty-background: #ebf7d2;
   --color-dirty-font: #8fad1c;
-  --state-green: #8BC34A;
-  --state-orange: #FFC107;
-  --state-purple: #9C27B0;
   --panel-background: #fff;
   --panel-background-grey: #f4f4f4;
   --panel-background-lightgrey: #fafafa;
@@ -45,6 +36,9 @@
   --text-color-caption: rgba(0, 0, 0, 0.54);
   --text-color-hint: rgba(0, 0, 0, 0.26);
   --text-color-accent: var(--color-accent);
+  --state-green: #8bc34a;
+  --state-orange: #ffc107;
+  --state-purple: #9c27b0;
   --font-hint: 11px;
   --font-caption: 12px;
   --font-body: 13px;
@@ -59,11 +53,31 @@
   --app-pane-padding: 16px;
   --app-bar-height: 64px;
   --app-pane-header-height: 140px;
-  --app-split-pane-divider-size: --app-pane-padding;
-  --app-default-transition-duration: 200ms; }
+  --app-split-pane-divider-size: var(--app-pane-padding);
+  --app-default-transition-duration: 200ms;
+  --eo-tab-nav-height: 30px;
+  --eo-chips-background-color: rgba(0, 0, 0, 0.06);
+  --eo-chips-border-color: rgba(0, 0, 0, 0.1);
+  --eo-chips-text-color: var(--text-color-body);
+  --item-focus-background-color: var(--list-item-hover-background);
+  --split-gutter-size-zero-background-color: var(--color-primary-3); }
 
-:root {
-  --color-accent-tone: #fff; }
+.dark {
+  --main-background: #e5e5e5;
+  --main-background-light: #eeeeee;
+  --panel-background: var(--color-primary);
+  --panel-background-grey: rgb(55, 55, 55);
+  --panel-background-lightgrey: rgb(58, 58, 58);
+  --panel-header-border-bottom-color: rgba(0, 0, 0, 0.12);
+  --list-item-hover-background: #eee;
+  --list-item-selected-background: #f5f5f5;
+  --list-item-border-color: rgba(255, 255, 255, 0.2);
+  --text-color-body: #fff;
+  --text-color-caption: rgba(255, 255, 255, 0.75);
+  --text-color-hint: rgba(255, 255, 255, 0.5);
+  --eo-chips-background-color: rgba(255, 255, 255, 0.1);
+  --eo-chips-border-color: var(--text-color-hint);
+  --eo-chips-text-color: var(--text-color-body); }
 
 /* mixin definition ; sets margin/gap for all child elements */
 /* mixin definition ; sets LTR and RTL within the same style call */
@@ -101,6 +115,24 @@
     .ag-theme-balham .ag-icon-checkbox-checked:empty:before, .ag-theme-balham .ag-header .ag-icon-checkbox-checked:empty:before {
       opacity: 0; }
 
+yvc-tabs > header {
+  --yvc-tab-nav-button-margin: 1px; }
+  yvc-tabs > header > .scroll-x nav > a {
+    padding: calc(var(--app-pane-padding) / 4) !important; }
+
+yvc-chips-list ul.chips li.chip {
+  background: var(--eo-chips-background-color);
+  border: 1px solid var(--eo-chips-border-color);
+  border-radius: 2px;
+  color: var(--eo-chips-text-color);
+  margin: 2px 2px 0 0;
+  display: flex;
+  align-items: center; }
+
+yvc-autocomplete-options .org-item {
+  display: flex;
+  align-items: center; }
+
 /* mixin definition ; sets margin/gap for all child elements */
 /* mixin definition ; sets LTR and RTL within the same style call */
 /* mixin definition ; sets LTR and RTL within the same style call */
@@ -146,6 +178,9 @@
   .dark .ui-chips li.ui-chips-token .fa {
     font-size: 11px; }
 
+eo-form-input yvc-chips-list {
+  width: 100%; }
+
 .form-element-range yvc-dropdown {
   background-color: var(--panel-divider-color);
   min-width: min-content;
@@ -637,7 +672,7 @@ svg.checkbox {
       display: inline-block;
       margin-left: 3px; }
     .eo-head .actions span.btn svg {
-      fill: var(--color-nobel); }
+      fill: var(--text-color-caption); }
     .eo-head .actions span.btn:hover {
       background-color: var(--color-accent); }
       .eo-head .actions span.btn:hover svg {
@@ -787,14 +822,6 @@ svg.checkbox {
       color: var(--text-color-caption);
       margin-bottom: calc(var(--app-pane-padding) / 2); }
 
-yvc-tabs > header {
-  --yvc-tab-nav-button-margin: 1px; }
-  yvc-tabs > header > .scroll-x nav > a {
-    padding: calc(var(--app-pane-padding) / 4) !important; }
-
-yvc-chips-list .chip {
-  border: 1px solid red !important; }
-
 .yvc-md-panel {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
   background-color: var(--panel-background-grey); }

package/styles.scss

@@ -1,24 +1,19 @@
-/* You can add global styles to this file, and also import other style files */
-
 @import 'node_modules/@eo-sdk/core/main.css';
-//@import url('../dist/eo-sdk/core/main.css');
 @import 'node_modules/@angular/cdk/overlay-prebuilt.css';
 
 @import 'node_modules/@ag-grid-community/core/dist/styles/ag-grid.css';
 @import 'node_modules/@ag-grid-community/core/dist/styles/ag-theme-balham.css';
-// @import 'node_modules/primeicons/primeicons.css';
-// @import 'node_modules/primeng/resources/themes/omega/theme.css';
-// @import 'node_modules/primeng/resources/primeng.min.css';
-// @import 'node_modules/font-awesome/css/font-awesome.min.css';
 
-@import 'scss/eo-theme';
-@import 'scss/eo-vars';
+// @import 'scss/eo-vars';
+// @import 'scss/eo-theme';
+@import 'scss/eo-variables';
+@import 'scss/theme-dark';
 @import 'scss/ag-grid';
+@import 'scss/yuuvis-components';
 @import 'scss/form';
 @import 'scss/main';
 @import 'scss/animation';
 @import 'scss/timeline';
-@import 'scss/yuuvis-components';
 @import 'scss/migrationTemp';
 
 

package/app/eo-framework/form-elements/datetime/datepicker/datepicker.component.d.ts

@@ -1,67 +0,0 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import 'moment/min/locales';
-import { TranslateService } from '@eo-sdk/core';
-import { Moment } from 'moment';
-import { DatepickerService } from './service/datepicker.service';
-import { Time, Weeks } from './datepicker.interface';
-import * as i0 from "@angular/core";
-export declare class DatepickerComponent implements OnInit {
-    private datepickerService;
-    monthsShort: string[];
-    weekdaysShort: string[];
-    maxYear: number;
-    minYear: number;
-    set month(month: Moment);
-    get month(): Moment;
-    set weeks(weeks: Weeks[]);
-    get weeks(): Weeks[];
-    set year(year: number);
-    get year(): number;
-    selected: Moment;
-    time: {
-        h: number;
-        m: number;
-    };
-    monthInfo: {
-        month: any;
-        year: any;
-    };
-    private _date;
-    private initialized;
-    onDateChanged: EventEmitter<any>;
-    onCanceled: EventEmitter<any>;
-    withTime: boolean;
-    withAmPm: boolean;
-    set onlyFutureDates(enabled: boolean);
-    get futureOnly(): boolean;
-    set date(date: any);
-    set useDatabaseMinimumTime(enabled: boolean);
-    onKeydownHandler(event: KeyboardEvent): void;
-    onInputKeydown(event: KeyboardEvent): void;
-    constructor(translate: TranslateService, datepickerService: DatepickerService);
-    selectValue(): void;
-    cancel(): void;
-    select(date: any): void;
-    focusSelection(): void;
-    /**
-     * Set the pickers selected date
-     *
-     * @param Date | string date
-     * @param boolean select - if set to true the given day will be set selected
-     */
-    setCalenderDate(date: Date | string, select?: boolean): void;
-    increment(year: number): void;
-    decrement(year: number): void;
-    setYear(year: number): void;
-    timeToString(time: number): string;
-    setTime(time: Time): void;
-    setMonth(index: number): void;
-    isSelectedDay(day: Moment): boolean;
-    inRange(x: any, min?: number, max?: number): boolean;
-    createInfo(): void;
-    ngOnInit(): void;
-    trackByFn(index: any, item: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "eo-datepicker", never, { "withTime": "withTime"; "withAmPm": "withAmPm"; "onlyFutureDates": "onlyFutureDates"; "date": "date"; "useDatabaseMinimumTime": "useDatabaseMinimumTime"; }, { "onDateChanged": "onDateChanged"; "onCanceled": "onCanceled"; }, never, never, false, never>;
-}
-//# sourceMappingURL=datepicker.component.d.ts.map

package/app/eo-framework/form-elements/datetime/datepicker/datepicker.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../../../../src/app/eo-framework/form-elements/datetime/datepicker/datepicker.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAU,MAAM,EAAe,MAAM,eAAe,CAAC;AAE3F,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,wBAAwB,CAAC;;AAKnD,qBAMa,mBAAoB,YAAW,MAAM;IAoHP,OAAO,CAAC,iBAAiB;IAlHlE,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,SAAQ;IACf,OAAO,SAAK;IAGZ,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,IAAI,KAAK,IAJQ,MAAM,CAMtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAEvB;IAED,IAAI,KAAK,IAJQ,KAAK,EAAE,CAMvB;IAGD,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAEpB;IAED,IAAI,IAAI,IAJO,MAAM,CAMpB;IAGD,QAAQ,EAAE,MAAM,CAAC;IAKjB,IAAI;;;MAGF;IAIF,SAAS;;;MAGP;IAGF,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,WAAW,CAAU;IAEnB,aAAa,oBAAsB;IACnC,UAAU,oBAAsB;IAEjC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAE3B,IACI,eAAe,CAAC,OAAO,EAAE,OAAO,EAEnC;IAED,IAAI,UAAU,YAEb;IAED,IACI,IAAI,CAAC,IAAI,EAAE,GAAG,EAQjB;IAED,IACI,sBAAsB,CAAC,OAAO,EAAE,OAAO,EAE1C;IAE6C,gBAAgB,CAAC,KAAK,EAAE,aAAa;IAwBnF,cAAc,CAAC,KAAK,EAAE,aAAa;gBAMvB,SAAS,EAAE,gBAAgB,EAAU,iBAAiB,EAAE,iBAAiB;IAQrF,WAAW;IAMX,MAAM;IAIN,MAAM,CAAC,IAAI,KAAA;IAcX,cAAc;IAOd;;;;;OAKG;IACH,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO;IAuB9C,SAAS,CAAC,IAAI,EAAE,MAAM;IAItB,SAAS,CAAC,IAAI,EAAE,MAAM;IAItB,OAAO,CAAC,IAAI,EAAE,MAAM;IAQpB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAIlC,OAAO,CAAC,IAAI,EAAE,IAAI;IAMlB,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,aAAa,CAAC,GAAG,EAAE,MAAM;IAIhC,OAAO,CAAC,CAAC,KAAA,EAAE,GAAG,SAAI,EAAE,GAAG,SAAK;IAI5B,UAAU;IAIV,QAAQ;IAQD,SAAS,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA;yCA5OjB,mBAAmB;2CAAnB,mBAAmB;CA+O/B"}

package/app/eo-framework/form-elements/datetime/datepicker/datepicker.interface.d.ts

@@ -1,21 +0,0 @@
-import { Moment } from 'moment';
-export type Weeks = Days[];
-export interface Days {
-    date: Moment;
-    disabled: boolean;
-    isCurrentMonth: boolean;
-    isToday: boolean;
-    number: number;
-}
-export interface PickerDay {
-    number: number;
-    isCurrentMonth: boolean;
-    isToday: boolean;
-    date: any;
-    disabled: boolean;
-}
-export interface Time {
-    h: number;
-    m: number;
-}
-//# sourceMappingURL=datepicker.interface.d.ts.map

package/app/eo-framework/form-elements/datetime/datepicker/datepicker.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.interface.d.ts","sourceRoot":"","sources":["../../../../../../../../src/app/eo-framework/form-elements/datetime/datepicker/datepicker.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAG9B,MAAM,MAAM,KAAK,GAAG,IAAI,EAAE,CAAC;AAE3B,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX"}

package/app/eo-framework/form-elements/datetime/datepicker/service/datepicker.service.d.ts

@@ -1,33 +0,0 @@
-import { Moment } from 'moment';
-import { Time, Weeks } from '../datepicker.interface';
-import * as i0 from "@angular/core";
-export declare class DatepickerService {
-    private _month;
-    set month(month: Moment);
-    get month(): Moment;
-    private _weeks;
-    set weeks(weeks: Weeks[]);
-    get weeks(): Weeks[];
-    private _year;
-    set year(year: number);
-    get year(): number;
-    futureOnly: boolean;
-    constructor();
-    isDisabledDate(date: any): boolean;
-    createInfo(): {
-        year: string;
-        month: number;
-    };
-    /**
-     * Build a date pickers week.
-     * @param firstDayOfWeek - start of the week
-     * @returns
-     */
-    buildWeek(firstDayOfWeek: any): any[];
-    buildMonth(): void;
-    setTime(time: Time): Time;
-    setYear(year: number, min: any, max: any): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DatepickerService>;
-}
-//# sourceMappingURL=datepicker.service.d.ts.map

package/app/eo-framework/form-elements/datetime/datepicker/service/datepicker.service.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datepicker.service.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/app/eo-framework/form-elements/datetime/datepicker/service/datepicker.service.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,MAAM,EAAC,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAY,IAAI,EAAE,KAAK,EAAC,MAAM,yBAAyB,CAAC;;AAE/D,qBAGa,iBAAiB;IAG5B,OAAO,CAAC,MAAM,CAAS;IACvB,IAAI,KAAK,CAAC,KAAK,EAIF,MAAM,AAJJ,EAEd;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,OAAO,CAAC,MAAM,CAAU;IACxB,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAEvB;IAED,IAAI,KAAK,IAAI,KAAK,EAAE,CAEnB;IAED,OAAO,CAAC,KAAK,CAAS;IACtB,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAEpB;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,UAAU,UAAS;;IAMnB,cAAc,CAAC,IAAI,KAAA,GAAG,OAAO;IAU7B,UAAU;;;;IAQV;;;;OAIG;IACH,SAAS,CAAC,cAAc,KAAA;IAiBxB,UAAU;IAoBV,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IASzB,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,KAAA,EAAE,GAAG,KAAA,GAAG,MAAM;yCAzG5B,iBAAiB;6CAAjB,iBAAiB;CAmH7B"}

package/app/eo-framework/form-elements/datetime/datetime.component.d.ts

@@ -1,51 +0,0 @@
-import { OnInit } from '@angular/core';
-import { UntypedFormControl, ControlValueAccessor, Validator } from '@angular/forms';
-import * as moment_ from 'moment';
-import 'moment/min/locales';
-import { TranslateService } from '@eo-sdk/core';
-import { LocaleDatePipe } from '../../../eo-framework-core/pipes/locale-date.pipe';
-import * as i0 from "@angular/core";
-export declare class DatetimeComponent implements OnInit, ControlValueAccessor, Validator {
-    private translate;
-    params: any;
-    value: any;
-    innerValue: any;
-    locale: any;
-    datePipe: LocaleDatePipe;
-    showPicker: boolean;
-    private isValid;
-    maskPattern: string;
-    datePattern: string;
-    momentDatePattern: string;
-    slotCharPattern: string;
-    isWebEnv: boolean;
-    _withTime: boolean;
-    withAmPm: boolean;
-    private databaseMinimumTime;
-    readonly: boolean;
-    pickerTitle: string;
-    onlyFutureDates: boolean;
-    validateDatabaseTimeRange: boolean;
-    set withTime(value: boolean);
-    get withTime(): boolean;
-    constructor(translate: TranslateService);
-    formatDate(value: Date): any;
-    propagateChange: (_: any) => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    checkDatabaseTimeRange(m: moment_.Moment): boolean;
-    setValueFromMask(): void;
-    setValueFromPicker(event: any): void;
-    onMaskValueChange(event: any): void;
-    private setInnerValue;
-    validate(c: UntypedFormControl): {
-        datecontrol: {
-            valid: boolean;
-        };
-    };
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeComponent, "eo-datetime", never, { "readonly": "readonly"; "pickerTitle": "pickerTitle"; "onlyFutureDates": "onlyFutureDates"; "validateDatabaseTimeRange": "validateDatabaseTimeRange"; "withTime": "withTime"; }, {}, never, never, false, never>;
-}
-//# sourceMappingURL=datetime.component.d.ts.map

package/app/eo-framework/form-elements/datetime/datetime.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datetime.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/app/eo-framework/form-elements/datetime/datetime.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,MAAM,EAAC,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,EAGV,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,OAAO,MAAM,QAAQ,CAAC;AAElC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAC,gBAAgB,EAAmB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,cAAc,EAAC,MAAM,mDAAmD,CAAC;;AAEjF,qBAiBa,iBAAkB,YAAW,MAAM,EAAE,oBAAoB,EAAE,SAAS;IAsCnE,OAAO,CAAC,SAAS;IApC7B,MAAM,MAAC;IACP,KAAK,MAAC;IACN,UAAU,MAAC;IACX,MAAM,MAAC;IACP,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,UAAS;IACnB,OAAO,CAAC,OAAO,CAAQ;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAuC;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,mBAAmB,CAAiC;IAEnD,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,yBAAyB,EAAE,OAAO,CAAS;IAEpD,IACI,QAAQ,CAAC,KAAK,SAAA,EAQjB;IAED,IAAI,QAAQ,YAEX;gBAEmB,SAAS,EAAE,gBAAgB;IAM/C,UAAU,CAAC,KAAK,EAAE,IAAI;IAKtB,eAAe,MAAO,GAAG,UACxB;IAED,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI;IAK5B,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAGhC,sBAAsB,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,OAAO;IAKlD,gBAAgB;IAShB,kBAAkB,CAAC,KAAK,KAAA;IAOxB,iBAAiB,CAAC,KAAK,KAAA;IAQvB,OAAO,CAAC,aAAa;IAWd,QAAQ,CAAC,CAAC,EAAE,kBAAkB;;;;;IAQrC,QAAQ;yCAhHG,iBAAiB;2CAAjB,iBAAiB;CAqH7B"}

package/app/eo-framework/form-elements/datetime/year-range/year-range.directive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"year-range.directive.d.ts","sourceRoot":"","sources":["../../../../../../../../src/app/eo-framework/form-elements/datetime/year-range/year-range.directive.ts"],"names":[],"mappings":";AAEA,qBAGa,kBAAkB;IAE7B,OAAO,CAAC,aAAa,CAAS;IACrB,QAAQ,SAAK;IACb,QAAQ,SAAQ;IAGzB,SAAS,CAAC,KAAK,EAAE,aAAa;IAc9B,IAAI,YAAY,CAAC,IAAI,EAAE,MAAM,EAE5B;IAED,IAAI,YAAY,IAJO,MAAM,CAM5B;;yCA3BU,kBAAkB;2CAAlB,kBAAkB;CA+B9B"}

package/app/eo-framework/tab-container/index.d.ts

@@ -1,6 +0,0 @@
-export * from './tab-container.module';
-export * from './tab-container.component';
-export * from './tab-panel/tab-panel.component';
-export * from './tab-view/tab-view.component';
-export * from './tab-view-nav/tab-view-nav.component';
-//# sourceMappingURL=index.d.ts.map

package/app/eo-framework/tab-container/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app/eo-framework/tab-container/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC"}