@elderbyte/ngx-starter 18.10.0 → 18.11.1

package/theming/_elder-scrollbar-theme.scss

@@ -6,7 +6,6 @@
 }
 
 @mixin _starter-scrollbar-theme($theme) {
-
   $scrollbarStyling: map.get($theme, elder, scrollbar-styling);
 
   @if $scrollbarStyling {
@@ -62,7 +61,6 @@
 }
 
 @mixin scrollbar-width($width) {
-
   ::-webkit-scrollbar {
     width: $width;
   }

package/theming/_elder-style-fixes.scss

@@ -1,6 +1,6 @@
 @use '@angular/material' as mat;
 @use 'mixins' as mixins;
-@use "sass:map";
+@use 'sass:map';
 
 @mixin elder-style-fixes($theme) {
   @include _ng-style-fixes;
@@ -21,7 +21,6 @@
 }
 
 @mixin _mat-style-fixes($theme) {
-
   // Globally disable automatic scrolling of Material Drawer Container
   .mat-drawer-inner-container {
     overflow: hidden !important;
@@ -123,7 +122,11 @@
     @if $form-field-density < -1 {
       .mdc-text-field--filled {
         .mdc-floating-label--float-above {
-          transform: var($mat-mdc-form-field-label-transform, translateY(-50%) translateX(calc(1 * (44px + var($mat-mdc-form-field-label-offset-x, 0px))))) !important;
+          transform: var(
+            $mat-mdc-form-field-label-transform,
+            translateY(-50%)
+              translateX(calc(1 * (44px + var($mat-mdc-form-field-label-offset-x, 0px))))
+          ) !important;
         }
 
         .mat-mdc-form-field-infix {
@@ -142,18 +145,18 @@
       pointer-events: none !important;
 
       mat-label {
-        pointer-events: none !important;;
+        pointer-events: none !important;
       }
     }
 
     .mdc-notched-outline__notch {
-      pointer-events: none !important;;
+      pointer-events: none !important;
 
       .mdc-floating-label {
-        pointer-events: none !important;;
+        pointer-events: none !important;
 
         mat-label {
-          pointer-events: none !important;;
+          pointer-events: none !important;
         }
       }
     }

package/theming/_elder-theme.scss

@@ -15,7 +15,12 @@
     $primary: map.get($color-settings, primary);
     $accent: map.get($color-settings, accent);
     $warn: map.get($color-settings, warn);
-    $result: map.merge($config, (color: _mat-create-dark-color-config($primary, $accent, $warn)));
+    $result: map.merge(
+      $config,
+      (
+        color: _mat-create-dark-color-config($primary, $accent, $warn),
+      )
+    );
   }
   @return _create-backwards-compatibility-theme($result);
 }

package/theming/_elder-toast-theme.scss

@@ -1,7 +1,6 @@
 @use '@angular/material' as mat;
 
 @mixin theme($theme) {
-
   $primary: map-get($theme, primary);
   $accent: map-get($theme, accent);
   $warn: map-get($theme, warn);
@@ -44,5 +43,4 @@
   .elder-warn-text {
     color: mat.m2-get-color-from-palette($warn);
   }
-
 }

package/theming/_mat-icon-button-size.scss

@@ -2,7 +2,7 @@
  * Based on https://github.com/btxtiger/mat-icon-button-sizes
  * The default factor between button and icon size is *= 0.6
  */
-  @mixin matIconButtonSize($buttonSize, $iconSize) {
+@mixin matIconButtonSize($buttonSize, $iconSize) {
   width: $buttonSize !important;
   height: $buttonSize !important;
   padding: 0px !important;
@@ -10,7 +10,8 @@
   align-items: center;
   justify-content: center;
 
-  .mat-icon, img {
+  .mat-icon,
+  img {
     width: $iconSize;
     height: $iconSize;
     font-size: $iconSize;

package/theming/_mixins.scss

@@ -2,13 +2,15 @@
   $iconSize: calc-form-icon-size($density);
   $iconPadding: calc-form-icon-padding($density);
 
-  .mat-mdc-form-field-icon-prefix>a, .mat-mdc-form-field-icon-suffix>a {
+  .mat-mdc-form-field-icon-prefix > a,
+  .mat-mdc-form-field-icon-suffix > a {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
-  .mat-mdc-form-field-icon-prefix>.mat-icon, .mat-mdc-form-field-icon-suffix>.mat-icon {
+  .mat-mdc-form-field-icon-prefix > .mat-icon,
+  .mat-mdc-form-field-icon-suffix > .mat-icon {
     width: $iconSize !important;
     height: $iconSize !important;
     padding: 0 $iconPadding !important;
@@ -18,18 +20,18 @@
     box-sizing: border-box;
   }
 
-  .mat-mdc-form-field-icon-prefix>.mat-mdc-icon-button,
-  .mat-mdc-form-field-icon-suffix>.mat-mdc-icon-button,
-  .mat-mdc-form-field-icon-prefix>div>.mat-mdc-icon-button,
-  .mat-mdc-form-field-icon-suffix>div>.mat-mdc-icon-button,
-  .mat-mdc-form-field-icon-prefix>.mat-datepicker-toggle>.mat-mdc-icon-button,
-  .mat-mdc-form-field-icon-suffix>.mat-datepicker-toggle>.mat-mdc-icon-button {
+  .mat-mdc-form-field-icon-prefix > .mat-mdc-icon-button,
+  .mat-mdc-form-field-icon-suffix > .mat-mdc-icon-button,
+  .mat-mdc-form-field-icon-prefix > div > .mat-mdc-icon-button,
+  .mat-mdc-form-field-icon-suffix > div > .mat-mdc-icon-button,
+  .mat-mdc-form-field-icon-prefix > .mat-datepicker-toggle > .mat-mdc-icon-button,
+  .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle > .mat-mdc-icon-button {
     width: $iconSize !important;
     height: $iconSize !important;
     padding: 0 $iconPadding !important;
     line-height: 0;
 
-    >.mat-mdc-button-touch-target {
+    > .mat-mdc-button-touch-target {
       width: $iconSize !important;
       height: $iconSize !important;
       line-height: 0;