@elderbyte/ngx-starter 19.1.0-beta.6 → 19.1.0-beta.8

package/lib/common/utils/public_api.d.ts

@@ -11,3 +11,4 @@ export * from './query-list-binding';
 export * from './parse-util';
 export * from './focus-util';
 export * from './batcher';
+export * from './signal-input';

package/lib/components/select/single/elder-select/elder-select.component.d.ts

@@ -144,6 +144,6 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      */
     protected writeToControl(value: TValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": { "alias": "nullDisplay"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "entity": { "alias": "entity"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": { "alias": "nullDisplay"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "entity": { "alias": "entity"; "required": false; }; "entityId": { "alias": "entityId"; "required": false; }; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; "entity$": "entity"; }, never, never, true, never>;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "19.1.0-beta.6",
+  "version": "19.1.0-beta.8",
   "peerDependencies": {
     "@angular/core": "^18.0.0 || ^19.0.0",
     "@angular/common": "^18.0.0 || ^19.0.0",

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

@@ -21,7 +21,7 @@ $elder-tile-padding: 8px;
   }
 
   .elder-grid-footer {
-    min-height: 44px;
+    min-height: var(--elder-data-element-footer-height);
   }
 
   .elder-grid-tile {

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

@@ -59,7 +59,7 @@
   }
 
   .elder-table-footer {
-    height: 44px;
+    height: var(--elder-data-element-footer-height);
   }
 
   .elder-table-checkbox {

package/theming/style-tweaks/_elder-form.scss

@@ -327,12 +327,13 @@
     border-radius: 24px;
     background-color: var(--md-sys-color-surface-container);
     cursor: text;
+    outline: var(--elder-round-form-field-outline);
 
     .mdc-notched-outline .mat-mdc-notch-piece {
       border: none !important;
     }
     &:hover {
-      background-color: var(--md-sys-color-surface-container-low);
+      background-color: var(--md-sys-color-surface-container-high);
     }
     &.mat-focused {
       outline: solid 1px var(--md-sys-color-primary);

package/theming/style-tweaks/_elder-style-fixes.scss

@@ -178,6 +178,7 @@
   }
 
   &.elder-dark-theme {
+    .mat-toolbar,
     .mat-toolbar.mat-primary,
     .mat-toolbar.mat-accent {
       background-color: var(--elder-dark-gray) !important;
@@ -378,4 +379,9 @@
   &.elder-dark-theme {
     --mdc-linear-progress-track-color: var(--elder-color-highlight-dim);
   }
+
+  // disable icon button overflow
+  .mat-mdc-icon-button {
+    overflow: hidden;
+  }
 }

package/theming/system/_elder-design-tokens.scss

@@ -68,7 +68,13 @@
   --md-sys-color-on-primary-fixed-dim: var(--md-sys-color-on-surface);
 
   // dialog
-  --elder-dialog-panel-bg-color: var(md-sys-color-surface-container-low);
+  --elder-dialog-panel-bg-color: var(--md-sys-color-surface-container-lowest);
+
+  // data footer
+  --elder-data-element-footer-height: 48px;
+
+  // xy
+  --elder-round-form-field-outline: none;
 
   &.elder-dark-theme {
     --elder-dialog-panel-bg-color: var(--md-sys-color-surface-container);
@@ -82,6 +88,7 @@
 
   // dark theme overwrites
   &.elder-dark-theme {
+    --elder-round-form-field-outline: solid 1px var(--md-sys-color-outline);
     --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.4);
     //--md-sys-color-primary-container: #d2cab4; // lighten up dark mode container color
     --md-sys-color-primary-container: var(--elder-gold-semi-dark);

package/theming/utility-classes/_elder-layout-system.scss

@@ -248,34 +248,25 @@
     margin-right: auto;
   }
 
-  .m-0 {
-    margin: 0;
+  .my-auto {
+    margin-top: auto;
+    margin-bottom: auto;
   }
 
-  .mt-0 {
-    margin-top: 0;
+  .mt-auto {
+    margin-top: auto;
   }
 
-  .mb-0 {
-    margin-bottom: 0;
-  }
-
-  .mr-0 {
-    margin-right: 0;
-  }
-
-  .ml-0 {
-    margin-left: 0;
+  .mb-auto {
+    margin-bottom: auto;
   }
 
-  .mx-0 {
-    margin-left: 0;
-    margin-right: 0;
+  .mr-auto {
+    margin-right: auto;
   }
 
-  .my-0 {
-    margin-top: 0;
-    margin-bottom: 0;
+  .ml-auto {
+    margin-left: auto;
   }
 
   .m-xs {
@@ -458,6 +449,36 @@
     margin-bottom: $xxl;
   }
 
+  .m-0 {
+    margin: 0;
+  }
+
+  .mt-0 {
+    margin-top: 0;
+  }
+
+  .mb-0 {
+    margin-bottom: 0;
+  }
+
+  .mr-0 {
+    margin-right: 0;
+  }
+
+  .ml-0 {
+    margin-left: 0;
+  }
+
+  .mx-0 {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .my-0 {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+
   /***************************************************************************
    *                                                                         *
    * Layout Widths                                                           *