@elderbyte/ngx-starter 18.10.0 → 18.11.1

package/src/lib/components/badge/elder-badge/elder-badge.component.scss

@@ -19,17 +19,13 @@
     justify-content: center;
   }
 
-  &.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
+  &.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic
+    .mdc-evolution-chip__graphic {
     padding-left: 0px;
     padding-right: 0px;
   }
-
 }
 
-
-
-
-
 // Small styling
 .mat-badge-small .elder-badge.mat-badge-content {
   border-radius: 16px;
@@ -97,7 +93,6 @@
   transform: unset !important;
 }
 
-
 //
 //.elder-badge.elder-chip-label.color-primary.md3 {
 //  background-color: rgb(203 208 216) !important;

package/src/lib/components/card-organizer/card-organizer/elder-card-organizer.component.scss

@@ -1,4 +1,3 @@
-
 .card-organizer {
   // background-color: white;
 }

package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss

@@ -1,6 +1,5 @@
 @use '@angular/material' as mat;
 
-
 @mixin theme($theme) {
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
@@ -19,22 +18,17 @@
   }
 }
 
-
-
-
 .stack-header {
-  height: 62px
+  height: 62px;
 }
 
-
-
 .card-container {
   min-width: 120px;
   min-height: 0;
 }
 
 .card-list {
- min-height: 100%;
+  min-height: 100%;
 }
 
 .card {
@@ -47,16 +41,15 @@
   cursor: default;
 }
 
-.hoverme .hide{
+.hoverme .hide {
   visibility: hidden;
 }
 
-.hoverme:hover .hide{
+.hoverme:hover .hide {
   visibility: visible;
 }
 
 .rotate {
-
   /* Safari */
   -webkit-transform: rotate(-90deg);
 
@@ -71,7 +64,6 @@
 
   /* Internet Explorer */
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-
 }
 
 .scrollable {
@@ -89,8 +81,6 @@
                                   supported by Chrome and Opera */
 }
 
-
-
 .cdk-drag-placeholder {
   opacity: 0;
 }

package/src/lib/components/cards/elder-card/elder-card.component.scss

@@ -1,6 +1,5 @@
 @use '@angular/material' as mat;
 
-
 @mixin theme($theme) {
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
@@ -10,7 +9,7 @@
 
   .elder-card-title {
     color: mat.m2-get-color-from-palette($accent, default, 1);
-    font-weight: 500!important;
+    font-weight: 500 !important;
   }
 
   .elder-card-subtitle {
@@ -18,8 +17,6 @@
   }
 }
 
-
-
 .elder-card-host {
   /* Automatically adds flex */
   display: flex;
@@ -27,13 +24,11 @@
   box-sizing: border-box;
 
   /* Fix for vertical scroll */
-  min-width:0;
-  min-height:0;
+  min-width: 0;
+  min-height: 0;
 }
 
-
 .elder-card-content {
-
   /* Enables vertical scroll */
   overflow-y: auto;
   overflow-x: hidden;
@@ -42,5 +37,4 @@
   /* Automatically adds flex */
   display: flex;
   flex: 1;
-
 }

package/src/lib/components/chips/_elder-chip-theme.scss

@@ -15,18 +15,16 @@ $level-medium: rgb(33, 150, 243);
 $level-high: rgb(255, 145, 0);
 $level-critical: rgb(255, 0, 0);
 
-
-@mixin _outlined-label-chip($color){
+@mixin _outlined-label-chip($color) {
   background-color: rgba($color, 0.2);
   border-color: $color;
   .mat-mdc-chip-action-label,
   .mat-mdc-chip-avatar {
-    color: $color
+    color: $color;
   }
 }
 
-
-@mixin _theme_color_chip($colorPalette){
+@mixin _theme_color_chip($colorPalette) {
   &.legacy {
     background-color: mat.m2-get-color-from-palette($colorPalette, default);
     .mat-mdc-chip-action-label,
@@ -35,7 +33,8 @@ $level-critical: rgb(255, 0, 0);
       color: mat.m2-get-color-from-palette($colorPalette, default-contrast);
     }
   }
-  &.md3 { // label chip
+  &.md3 {
+    // label chip
     background-color: mat.m2-get-color-from-palette($colorPalette, default, 0.2);
     border-color: mat.m2-get-color-from-palette($colorPalette);
     .mat-mdc-chip-action-label,
@@ -47,7 +46,6 @@ $level-critical: rgb(255, 0, 0);
 }
 
 @mixin theme($config-or-theme) {
-
   $primary: map-get($config-or-theme, primary);
   $accent: map-get($config-or-theme, accent);
   $warn: map-get($config-or-theme, warn);
@@ -56,7 +54,6 @@ $level-critical: rgb(255, 0, 0);
   $is-dark-theme: map.get($color-config, is-dark);
 
   .mat-mdc-chip.elder-chip-label {
-
     &.md3 {
       border-style: solid;
       border-width: 1px;
@@ -122,5 +119,4 @@ $level-critical: rgb(255, 0, 0);
       @include _outlined-label-chip($level-critical);
     }
   }
-
 }

package/src/lib/components/containers/elder-scroll-container/elder-scroll-container.component.scss

@@ -1,4 +1,3 @@
-
 .vertical-scroll-wrapper {
   min-height: 100%;
   overflow-y: auto;

package/src/lib/components/data-transfer/http-data-transfer/http-data-transfer.component.scss

@@ -1,4 +1,3 @@
-
 .transfer {
   overflow: hidden;
 }

package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss

@@ -1,4 +1,3 @@
-
 .panel {
   width: 380px;
   height: 350px;

package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss

@@ -1,7 +1,6 @@
-
 :host {
-  min-width:0;
-  min-height:0;
+  min-width: 0;
+  min-height: 0;
 }
 
 .scroll-list {
@@ -11,6 +10,6 @@
 }
 
 .scroll-fix {
-  min-width:0;
-  min-height:0;
+  min-width: 0;
+  min-height: 0;
 }

package/src/lib/components/data-view/common/selection/elder-selection-master-checkbox/elder-selection-master-checkbox.component.scss

@@ -1,3 +1,3 @@
 .mat-badge-small.mat-badge-above .mat-badge-content {
-  top: -6px
+  top: -6px;
 }

package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss

@@ -14,7 +14,8 @@ $elder-tile-padding: 8px;
     background-color: mat.m2-get-color-from-palette($background, card);
   }
 
-  .elder-grid-browser { }
+  .elder-grid-browser {
+  }
 
   .elder-grid-flat {
     border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
@@ -36,18 +37,21 @@ $elder-tile-padding: 8px;
     width: 100%;
     height: 100%;
     cursor: pointer;
-    background-color: rgba(mat.m2-get-color-from-palette($background, unselected-chip), 0.34); // default background
+    background-color: rgba(
+      mat.m2-get-color-from-palette($background, unselected-chip),
+      0.34
+    ); // default background
     text-align: left;
     transition:
       box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
-      border .25s linear;
+      border 0.25s linear;
   }
 
   .elder-grid-tile:hover {
     border-color: rgba(mat.m2-get-color-from-palette($primary), 0.75);
   }
 
-  .elder-grid-tile-content:hover .elder-grid-tile-overlay{
+  .elder-grid-tile-content:hover .elder-grid-tile-overlay {
     opacity: 1;
     background-color: rgba(white, 0.08);
   }
@@ -78,12 +82,11 @@ $elder-tile-padding: 8px;
       color: mat.m2-get-color-from-palette($primary);
     }
   }
-
 }
 
 :host {
-  min-width:0;
-  min-height:0;
+  min-width: 0;
+  min-height: 0;
 }
 
 .elder-grid-tile-row {
@@ -111,13 +114,20 @@ $elder-tile-padding: 8px;
 
 .elder-grid-tile-overlay {
   position: absolute;
-  left: 0; top: 0; right: 0; bottom: 0;
-  -webkit-transition: background-color 0.1s ease-in, opacity 0.1s ease-in;
-  transition: background-color 0.1s ease-in, opacity 0.1s ease-in;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  -webkit-transition:
+    background-color 0.1s ease-in,
+    opacity 0.1s ease-in;
+  transition:
+    background-color 0.1s ease-in,
+    opacity 0.1s ease-in;
 }
 
 .elder-click-through {
-  pointer-events:none;
+  pointer-events: none;
 }
 
 .elder-grid-tile-overlay-visible {
@@ -127,5 +137,3 @@ $elder-tile-padding: 8px;
 .elder-grid-tile-overlay-hidden {
   opacity: 0;
 }
-
-

package/src/lib/components/data-view/table/elder-table/elder-table.component.scss

@@ -18,32 +18,30 @@
     outline-style: none;
     td {
       // border-top: 1px solid mat.get-color-from-palette($accent, default);
-      background-color: mat.m2-get-color-from-palette($accent, default, 0.30);
+      background-color: mat.m2-get-color-from-palette($accent, default, 0.3);
       border-bottom: 1px solid mat.m2-get-color-from-palette($accent, default);
     }
-
   }
 
   .elder-table-row-activated {
-    background-color: mat.m2-get-color-from-palette($accent, default, 0.20);
+    background-color: mat.m2-get-color-from-palette($accent, default, 0.2);
   }
 
   .elder-table-row-selected {
-    background-color: mat.m2-get-color-from-palette($primary, default, 0.10);
+    background-color: mat.m2-get-color-from-palette($primary, default, 0.1);
   }
 
   .elder-mat-table-flat {
     border: 1px solid mat.m2-get-color-from-palette($foreground, divider);
   }
 
-
   .elder-table {
     // background-color: mat.get-color-from-palette($background, card);
 
     // Fix line height of paginator section
     .mat-mdc-paginator {
-
-      .mat-mdc-form-field, .mat-mdc-floating-label {
+      .mat-mdc-form-field,
+      .mat-mdc-floating-label {
         line-height: unset;
       }
 
@@ -56,7 +54,6 @@
     $pad-right: 12px;
 
     .elder-mat-inner-table.mat-mdc-table {
-
       .mat-mdc-header-cell {
         padding-left: $pad;
         padding-right: $pad-right;
@@ -75,24 +72,22 @@
         &:last-of-type {
           padding-right: $pad;
 
-          &[mat-sort-header]:not([arrowposition="before"]) {
+          &[mat-sort-header]:not([arrowposition='before']) {
             padding-right: $pad;
           }
         }
 
         &[mat-sort-header] {
-
-          &[arrowposition="before"] {
+          &[arrowposition='before'] {
             padding-left: 0px;
           }
 
-          &:not([arrowposition="before"]) {
+          &:not([arrowposition='before']) {
             padding-right: $pad-right;
           }
-
         }
 
-        &>.mat-sort-header-container {
+        & > .mat-sort-header-container {
           display: inline-flex;
         }
       }
@@ -135,12 +130,9 @@
         }
       }
     }
-
   }
 }
 
-
-
 .elder-table-scroll {
   /*
   scroll-snap-type: y mandatory;
@@ -149,7 +141,6 @@
   //height: 100%;
 }
 
-
 .elder-mat-inner-table {
   width: 100%;
 }
@@ -178,7 +169,7 @@
 }
 
 .elder-row-hidden {
-  display:none;
+  display: none;
 }
 
 /******************************
@@ -192,8 +183,8 @@ Clickable row
 /** https://bugzilla.mozilla.org/show_bug.cgi?id=1043520 **/
 // firefox-scroll-fix
 :host {
-  min-width:0;
-  min-height:0;
+  min-width: 0;
+  min-height: 0;
 }
 
 .elder-table-hint {

package/src/lib/components/dialogs/confirm-dialog/elder-confirm-dialog.component.scss

@@ -1,3 +1,2 @@
-.confirm-dialog{
-
-}
+.confirm-dialog {
+}

package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss

@@ -2,7 +2,6 @@
 @import '../../../../../theming/elder-palettes';
 
 @mixin theme($theme) {
-
   .mat-mdc-form-field.mat-form-field-appearance-outline {
     .mat-mdc-form-field-textarea-control {
       &.stacktrace {
@@ -13,11 +12,10 @@
         overflow-wrap: normal;
         overflow-x: scroll;
 
-        @if(map-get($theme, is-dark)) {
+        @if (map-get($theme, is-dark)) {
           background-color: mat.m2-get-color-from-palette($elder-gold, 700);
           color: $dark-primary-text;
-      }
-        @else {
+        } @else {
           background-color: #575757;
           color: #d0b795;
         }

package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss

@@ -11,7 +11,6 @@
     background-color: mat.m2-get-color-from-palette($accent, default, 0.1);
     cursor: pointer;
   }
-
 }
 
 .toggle-button {
@@ -23,6 +22,3 @@
   overflow: hidden;
   transition: background 0.5s;
 }
-
-
-

package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss

@@ -29,7 +29,6 @@
   overflow: hidden;
 }
 
-
 .document-content {
   font-family: Courier, monospace;
   font-size: 14px;
@@ -47,7 +46,6 @@
   border-radius: 0px;
   -webkit-box-shadow: 0px 2px 14px #000;
   box-shadow: 0px 2px 14px #000;
-  border-top: 1px solid #FFF;
-  border-bottom: 1px solid #FFF;
-
+  border-top: 1px solid #fff;
+  border-bottom: 1px solid #fff;
 }

package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss

@@ -3,16 +3,13 @@
 
 $colorStateNone: rgb(0, 0, 0);
 
-
 @mixin theme($config-or-theme) {
-
   $primary: map-get($config-or-theme, primary);
   $accent: map-get($config-or-theme, accent);
   $warn: map-get($config-or-theme, warn);
 
-
   .elder-drop-zone {
-    border: 4px dashed rgba($colorStateNone, 0.40);
+    border: 4px dashed rgba($colorStateNone, 0.4);
     -webkit-border-radius: 8px;
     border-radius: 8px;
     background-color: rgba($colorStateNone, 0.25);
@@ -28,11 +25,10 @@ $colorStateNone: rgb(0, 0, 0);
     .elder-drop-zone-prompt {
       color: mat.m2-get-color-from-palette($primary, default, 0.75);
     }
-
   }
 
   .elder-drop-zone.is-dragover {
-    border: 4px solid mat.m2-get-color-from-palette($accent, default, 0.40);
+    border: 4px solid mat.m2-get-color-from-palette($accent, default, 0.4);
     background-color: mat.m2-get-color-from-palette($accent, default, 0.25);
 
     .elder-drop-zone-icon {
@@ -42,6 +38,5 @@ $colorStateNone: rgb(0, 0, 0);
     .elder-drop-zone-prompt {
       color: mat.m2-get-color-from-palette($accent, default, 0.75);
     }
-
   }
 }

package/src/lib/components/forms/search/search-box/elder-search-box.component.scss

@@ -1,4 +1,3 @@
-
 .elder-search-box-field {
   margin-top: 4px;
   margin-bottom: 4px;
@@ -7,4 +6,3 @@
 .elder-search-panel-container {
   min-width: 250px;
 }
-

package/src/lib/components/global-search/elder-global-search.component.scss

@@ -1,3 +1,2 @@
 .global-search-component {
-
-}
+}

package/src/lib/components/graph/elder-progress-bar/elder-progress-bar.component.scss

@@ -1,4 +1,3 @@
-
 .elder-progress-content {
   flex: 1 1 100%;
   box-sizing: border-box;

package/src/lib/components/iframes/iframe-host/iframe-host.component.scss

@@ -2,7 +2,6 @@
 
 @mixin theme($theme) {
   $primary: map-get($theme, primary);
-
 }
 
 .iframe {

package/src/lib/components/labels/labels-input/labels-input.component.scss

@@ -1,5 +1,3 @@
-
-
 .full-width {
   width: 100%;
 }

package/src/lib/components/navigation/bread-crumbs/bread-crumbs/elder-bread-crumbs.component.scss

@@ -1,4 +1,3 @@
-
 .breadcrumb-bar {
 }
 
@@ -14,7 +13,6 @@
 }
 
 .breadcrumb-arrow {
-
 }
 
 .active {

package/src/lib/components/navigation/nav/_elder-nav-theme.scss

@@ -13,11 +13,11 @@
   $foreground: map-get($theme, foreground);
 
   .nav-group-button:hover {
-    background-color: mat.m2-get-color-from-palette($primary, default, 0.10);
+    background-color: mat.m2-get-color-from-palette($primary, default, 0.1);
     transition: background 0.5s;
   }
 
-    .nav-group-button:not(.nav-group-button-open) {
+  .nav-group-button:not(.nav-group-button-open) {
     .mat-icon {
       color: mat.m2-get-color-from-palette($foreground, secondary-text);
     }
@@ -28,7 +28,7 @@
   }
 
   .nav-group-button-open {
-    padding-left: 11px!important; // -5 to counter border-left
+    padding-left: 11px !important; // -5 to counter border-left
     .mat-icon {
       color: mat.m2-get-color-from-palette($primary);
     }
@@ -45,7 +45,7 @@
   .nav-link.nav-link-clickable {
     cursor: pointer;
     &:hover {
-      background-color: mat.m2-get-color-from-palette($primary, default, 0.10);
+      background-color: mat.m2-get-color-from-palette($primary, default, 0.1);
     }
   }
 
@@ -71,8 +71,4 @@
       color: mat.m2-get-color-from-palette($foreground, secondary-text);
     }
   }
-
-
 }
-
-

package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss

@@ -18,12 +18,12 @@
 }
 
 .nav-group-button {
- .mat-icon {
-   height: 24px;
-   width: 24px;
-   font-size: 24px;
-   padding: 4px;
- }
+  .mat-icon {
+    height: 24px;
+    width: 24px;
+    font-size: 24px;
+    padding: 4px;
+  }
 }
 
 .nav-group-items-container {

package/src/lib/components/navigation/nav/nav-list/elder-nav-list.component.scss

@@ -1,4 +1,3 @@
-
 :host {
   min-width: 0; // Scroll fix
   min-height: 0; // Scroll fix

package/src/lib/components/navigation/toolbar/toolbar-title/elder-toolbar-title.component.scss

@@ -1,3 +1,2 @@
 .toolbar-title {
-
-}
+}

package/src/lib/components/panels/card-panel/elder-card-panel.component.scss

@@ -19,6 +19,3 @@
       0 3px 14px 2px rgba(0, 0, 0, 0.12);
   }
 }
-
-
-

package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss

@@ -19,4 +19,3 @@
       0 3px 14px 2px rgba(0, 0, 0, 0.12);
   }
 }
-

package/src/lib/components/panels/flat/_elder-panel-theme.scss

@@ -1,7 +1,5 @@
-
 @use '@angular/material' as mat;
 
-
 @mixin _elder-panel-color($palette) {
   background: mat.m2-get-color-from-palette($palette);
   color: mat.m2-get-color-from-palette($palette, default-contrast);