@elderbyte/ngx-starter 19.1.0-beta.7 → 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.7",
+  "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-style-fixes.scss

@@ -379,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,10 @@
   --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;

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                                                           *