@elderbyte/ngx-starter 20.12.0-beta.7 → 21.0.0-beta.0

package/package.json

@@ -1,20 +1,23 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "20.12.0-beta.7",
+  "version": "21.0.0-beta.0",
   "peerDependencies": {
-    "@angular/core": "^20.0.0 || ^21.0.0",
-    "@angular/common": "^20.0.0 || ^21.0.0",
-    "@angular/material": "^20.0.0 || ^21.0.0",
-    "@ngx-translate/core": "^16.0.3",
-    "rxjs": "^6.5.3 || ^7.5.0",
-    "@elderbyte/ts-logger": "^0.1.0",
-    "@js-joda/core": "^5.5.3",
-    "@js-temporal/polyfill": "^0.4.4"
+    "@angular/core": "^21.0.0 || ^22.0.0",
+    "@angular/common": "^21.0.0 || ^22.0.0",
+    "@angular/material": "^21.0.0 || ^22.0.0",
+    "@ngx-translate/core": "^16.0.4",
+    "@ngx-translate/http-loader": "^16.0.1",
+    "rxjs": "^7.8.2",
+    "@elderbyte/ts-logger": "^0.1.2",
+    "@js-joda/core": "^5.6.5",
+    "@js-joda/timezone": "^2.22.0",
+    "@js-temporal/polyfill": "^0.5.1",
+    "zone.js": "^0.15.1"
   },
   "exports": {
     ".": {
       "sass": "./_index.scss",
-      "types": "./index.d.ts",
+      "types": "./types/elderbyte-ngx-starter.d.ts",
       "default": "./fesm2022/elderbyte-ngx-starter.mjs"
     },
     "./package.json": {
@@ -22,11 +25,11 @@
     }
   },
   "dependencies": {
-    "tslib": "^2.3.0",
-    "streamsaver": "^2.0.5",
+    "tslib": "^2.8.1",
+    "streamsaver": "^2.0.6",
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "module": "fesm2022/elderbyte-ngx-starter.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/elderbyte-ngx-starter.d.ts",
   "sideEffects": false
 }

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

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

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

@@ -35,10 +35,6 @@
   background-color: var(--elder-grid-background-color);
 }
 
-// mat-card:has(> .elder-grid-container) {
-//   background-color: var(--md-sys-color-surface-container-lowest);
-// }
-
 .elder-grid-flat {
   border: var(--elder-border-light);
 }

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

@@ -74,27 +74,15 @@
 
 .elder-tile:focus {
   // Disable browser focus style
-  // box-shadow: color-mix(in rgb, 80%, black);
-  //background-color: color-mix(in sRGB, var(--elder-color-highlight-strong) 80%, black)
   border: 2px solid var(--elder-color-highlight-focus);
   outline: none;
-
-  // background-color: var(--elder-color-highlight-strong);
 }
 
 .elder-tile.activated:focus {
   // Disable browser focus style
-  // box-shadow: color-mix(in rgb, 80%, black);
-  //background-color: color-mix(in sRGB, var(--elder-color-highlight-strong) 80%, black)
   border: 2px solid var(--elder-color-highlight-focus);
-  // background-color: var(--elder-color-highlight-strong);
 }
 
 .elder-tile.activated {
-  // background-color: var(--elder-color-highlight-strong);
   border: 2px dashed var(--elder-color-highlight-focus);
-  .elder-tile-overlay {
-    // opacity: 1;
-    // background-color: color-mix(in sRGB, var(--elder-color-highlight-strong), transparent 70%);
-  }
 }

package/src/lib/components/layout/pane/basic-pane-layout/basic-pane-layout.component.scss

@@ -5,5 +5,4 @@
   padding: var(--elder-pane-padding);
   gap: var(--elder-pane-gap);
   align-items: stretch;
-  overflow-x: hidden;
 }

package/src/lib/components/layout/pane/pane/pane.component.scss

@@ -1,28 +1,9 @@
 :host {
-  display: flex;
-  height: 100%;
-  position: relative;
-
-  // .flex class
-  flex: 1 1 0;
-  min-width: 0;
-  min-height: 0;
-
-  &.resize-mode {
-    // resize-mode set by elder-flex-draggable-pane directive
-    flex: none !important;
-  }
-}
-
-.elder-pane-outer {
+  display: block;
   overflow: hidden;
   border-radius: var(--elder-pane-border-radius);
   background-color: var(--elder-pane-bg-color);
-  position: relative;
-  display: flex;
-  flex-flow: column nowrap;
-  width: 100%;
-  height: 100%;
+  flex: 1 1 0;
 }
 
 .elder-pane-inner {
@@ -30,4 +11,5 @@
   flex-flow: column nowrap;
   width: 100%;
   height: 100%;
+  overflow: hidden;
 }

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

@@ -13,10 +13,3 @@
   font-size: 18px;
   font-weight: 400;
 }
-
-.breadcrumb-arrow {
-}
-
-.active {
-  // color: $primary!important;
-}

package/theming/abstracts/_elder-starter-theme.scss

@@ -19,7 +19,6 @@
 @use '../components/elder-scrollbar-theme' as elder-scrollbar;
 @use '../components/mat-badge-theme' as mat-badge;
 @use '../components/elder-rail-nav-theme' as elder-rail-nav;
-@use '../components/elder-pane-theme' as elder-pane;
 
 @mixin starter-theme($theme) {
   $theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
@@ -50,5 +49,4 @@
   @include elder-scrollbar.theme();
   @include mat-badge.theme();
   @include elder-rail-nav.theme();
-  @include elder-pane.theme();
 }

package/theming/base/_elder-common-base.scss

@@ -118,12 +118,6 @@
    *                                                                         *
    **************************************************************************/
 
-  .custom-dialog-container .mat-mdc-dialog-container {
-    // overflow-y: hidden;
-    // padding: 0;
-    // margin: 0;
-  }
-
   .no-padding-dialog .mat-mdc-dialog-container {
     padding: 0;
   }

package/theming/components/_elder-chip-theme.scss

@@ -144,10 +144,6 @@
 
   &.elder-dark-theme
     .mat-mdc-chip.mat-mdc-chip:not(.mat-mdc-chip-highlighted):not(.mat-mdc-chip-selected) {
-    // &.mat-mdc-chip-highlighted {
-    //   $col: map.get(config.$palettes, primary, 30);
-    //   @include standard-chip-content-color-variant($col);
-    // }
     &.color-primary,
     &[color='primary'] {
       $col: map.get(config.$palettes, primary, 50);
@@ -169,11 +165,6 @@
 
   &.elder-dark-theme .mat-mdc-chip.mat-mdc-chip.mat-mdc-chip-highlighted,
   &.elder-dark-theme .mat-mdc-chip.mat-mdc-chip.mat-mdc-chip-selected {
-    // & {
-    //   $col: map.get(config.$palettes, primary, 80);
-    //   @include standard-chip-content-color-variant($col);
-    // }
-
     &.color-primary,
     &[color='primary'] {
       $col: map.get(config.$palettes, primary, 80);

package/theming/components/_elder-table-theme.scss

@@ -81,31 +81,13 @@
           background-color: color-mix(in srgb, var(--elder-color-highlight-focus), transparent 70%);
           $active-border: 2px solid
             color-mix(in srgb, var(--elder-color-highlight-focus), transparent 40%);
-          //border-top: $active-border;
           border-bottom: $active-border;
-          &:first-child {
-            //border-radius: 8px 0 0 8px;
-            //border-radius: 4px 0 0 4px;
-            //border-left: $active-border;
-          }
-          &:last-child {
-            //border-radius: 0 8px 8px 0;
-            //border-radius: 0 4px 4px 0;
-            //border-right: $active-border;
-          }
         }
 
         &:focus {
           td {
             $active-focused-border: 2px solid var(--elder-color-highlight-focus);
-            //border-top: $active-focused-border;
             border-bottom: $active-focused-border;
-            &:first-child {
-              //border-left: $active-focused-border;
-            }
-            &:last-child {
-              //border-right: $active-focused-border;
-            }
           }
         }
       }
@@ -121,7 +103,6 @@
     .elder-table {
       background-color: var(--mat-table-background-color);
 
-      // Fix line height of paginator section
       // Fix line height of paginator section
       .mat-mdc-paginator {
         .mat-mdc-form-field,