@elderbyte/ngx-starter 14.12.0-beta4 → 15.0.0-mdc

package/lib/components/select/elder-select-value.directive.d.ts

@@ -5,5 +5,5 @@ export declare class ElderSelectValueDirective {
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectValueDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectValueDirective, "[elderSelectValue]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectValueDirective, "[elderSelectValue]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/select/multi/elder-multi-select-base.d.ts

@@ -116,5 +116,5 @@ export declare abstract class ElderMultiSelectBase<TId, TEntity, TValue> extends
     private writeEntitiesSorted;
     private sortEntities;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectBase<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entitiesSorts": "entitiesSorts"; "confirmRemoval": "confirmRemoval"; "entities": "entities"; "entityIds": "entityIds"; }, { "entityIdsChange": "entityIdsChange"; "entitiesChange": "entitiesChange"; "entityIdsUpdated": "entityIdsUpdated"; "entitiesUpdated": "entitiesUpdated"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectBase<any, any, any>, never, never, { "entitiesSorts": "entitiesSorts"; "confirmRemoval": "confirmRemoval"; "entities": "entities"; "entityIds": "entityIds"; }, { "entityIdsChange": "entityIdsChange"; "entitiesChange": "entitiesChange"; "entityIdsUpdated": "entityIdsUpdated"; "entitiesUpdated": "entitiesUpdated"; }, never, never, false, never>;
 }

package/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.d.ts

@@ -25,6 +25,11 @@ export interface ChipAvatarSpec {
      */
     large?: boolean;
 }
+interface TemplateWrapper {
+    chip: TemplateRef<any>;
+    avatar: TemplateRef<any>;
+    input: TemplateRef<any>;
+}
 export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TValue = any> extends ElderMultiSelectBase<TId, TEntity, TValue> {
     /***************************************************************************
      *                                                                         *
@@ -39,12 +44,10 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     avatarSpecFn: (e: TEntity) => ChipAvatarSpec;
     selectable: boolean;
     allowRemove: boolean;
-    chipTemplateQuery: TemplateRef<any>;
-    private _chipTemplate;
-    chipAvatarTemplateQuery: TemplateRef<any>;
-    private _chipAvatarTemplate;
-    customInputTemplateQuery: TemplateRef<any>;
-    private _customInputTemplate;
+    readonly templates$: Observable<TemplateWrapper>;
+    private readonly chipTemplate$;
+    private readonly chipAvatarTemplate$;
+    private readonly customInputTemplate$;
     private readonly chipColorResolver$;
     private _chipColorEnabled;
     private readonly log;
@@ -69,10 +72,13 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
      * Properties                                                              *
      *                                                                         *
      **************************************************************************/
+    set chipTemplateQuery(template: TemplateRef<any>);
     set chipTemplate(template: TemplateRef<any>);
     get chipTemplate(): TemplateRef<any>;
+    set chipAvatarTemplateQuery(template: TemplateRef<any>);
     set chipAvatarTemplate(template: TemplateRef<any>);
     get chipAvatarTemplate(): TemplateRef<any>;
+    set customInputTemplateQuery(template: TemplateRef<any>);
     set customInputTemplate(template: TemplateRef<any>);
     get customInputTemplate(): TemplateRef<any>;
     set chipColorEnabled(enabled: boolean);
@@ -100,6 +106,6 @@ export declare class ElderMultiSelectChipsComponent<TId = any, TEntity = any, TV
     private buildChipFallbackModels;
     private buildChipModels;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectChipsComponent<any, any, any>, [null, null, null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "defaultAvatarSpec": "defaultAvatarSpec"; "avatarSpecFn": "avatarSpecFn"; "allowRemove": "allowRemove"; "chipTemplate": "chipTemplate"; "chipAvatarTemplate": "chipAvatarTemplate"; "customInputTemplate": "customInputTemplate"; "chipColorEnabled": "chipColorEnabled"; "chipColorResolver": "chipColorResolver"; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderMultiSelectChipsComponent<any, any, any>, "elder-multi-select-chips", never, { "defaultAvatarSpec": "defaultAvatarSpec"; "avatarSpecFn": "avatarSpecFn"; "allowRemove": "allowRemove"; "chipTemplate": "chipTemplate"; "chipAvatarTemplate": "chipAvatarTemplate"; "customInputTemplate": "customInputTemplate"; "chipColorEnabled": "chipColorEnabled"; "chipColorResolver": "chipColorResolver"; }, {}, ["chipTemplateQuery", "chipAvatarTemplateQuery", "customInputTemplateQuery"], never, false, never>;
 }
 export {};

package/lib/components/select/multi/elder-multi-select-form-field.d.ts

@@ -3,7 +3,7 @@ import { ElderSelectValueDirective } from '../elder-select-value.directive';
 import { ElderApplyControlFn } from '../../../common/forms/elder-from-field-base';
 import { ElderMultiSelectBase } from './elder-multi-select-base';
 import { ElderFromFieldMultiEntityBase } from '../../../common/forms/elder-from-field-multi-entity-base';
-import { ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectCustomInputDirective } from '../elder-select-chip.directive';
+import { ElderSelectChipAvatarDirective, ElderSelectChipDirective } from '../elder-select-chip.directive';
 import { SelectionModelPopupDirective } from '../popup/selection-model-popup.directive';
 import * as i0 from "@angular/core";
 export declare abstract class ElderMultiSelectFormField<TEntity, TId, TValue = TEntity | TId> extends ElderFromFieldMultiEntityBase<TEntity, TId, TValue, ElderMultiSelectBase<TId, TEntity, TValue>> implements AfterViewInit {
@@ -14,9 +14,6 @@ export declare abstract class ElderMultiSelectFormField<TEntity, TId, TValue = T
      **************************************************************************/
     selectValueTemplate: ElderSelectValueDirective;
     selectionModelPopupDirective: SelectionModelPopupDirective;
-    selectChipDirective: ElderSelectChipDirective;
-    selectChipAvatarDirective: ElderSelectChipAvatarDirective;
-    selectCustomInputDirective: ElderSelectCustomInputDirective;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -29,6 +26,14 @@ export declare abstract class ElderMultiSelectFormField<TEntity, TId, TValue = T
      *                                                                         *
      **************************************************************************/
     ngAfterViewInit(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set selectChipDirective(dir: ElderSelectChipDirective);
+    set selectChipAvatarDirective(dir: ElderSelectChipAvatarDirective);
+    set selectCustomInputDirective(dir: ElderSelectChipAvatarDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderMultiSelectFormField<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectFormField<any, any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderMultiSelectFormField<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/components/select/popup/selection-model-popup-trigger-adapter.directive.d.ts

@@ -38,5 +38,5 @@ export declare class ElderSelectionPopupTriggerAdapterDirective {
      **************************************************************************/
     openSelectionPopup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectionPopupTriggerAdapterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectionPopupTriggerAdapterDirective, "[elderSelectionPopupTriggerAdapter]", ["elderSelectionPopupTriggerAdapter"], { "keyGetter": "keyGetter"; "selection": "selection"; "filters": "filters"; "sorts": "sorts"; "multiSelectionEnabled": "multiSelectionEnabled"; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; }, ["selectionPopup"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectionPopupTriggerAdapterDirective, "[elderSelectionPopupTriggerAdapter]", ["elderSelectionPopupTriggerAdapter"], { "keyGetter": "keyGetter"; "selection": "selection"; "filters": "filters"; "sorts": "sorts"; "multiSelectionEnabled": "multiSelectionEnabled"; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; }, ["selectionPopup"], never, false, never>;
 }

package/lib/components/select/popup/selection-model-popup.directive.d.ts

@@ -45,5 +45,5 @@ export declare class SelectionModelPopupDirective {
      **************************************************************************/
     private openSelectDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionModelPopupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionModelPopupDirective, "[elderSelectionModelPopup]", ["elderSelectionModelPopup"], { "elderSelectionModelPopupTransform": "elderSelectionModelPopupTransform"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectionModelPopupDirective, "[elderSelectionModelPopup]", ["elderSelectionModelPopup"], { "elderSelectionModelPopupTransform": "elderSelectionModelPopupTransform"; }, {}, never, never, false, never>;
 }

package/lib/components/select/popup/templated-selection-dialog/templated-selection-dialog.component.d.ts

@@ -28,5 +28,5 @@ export declare class TemplatedSelectionDialogComponent implements OnInit {
      **************************************************************************/
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplatedSelectionDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TemplatedSelectionDialogComponent, "elder-templated-selection-dialog", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TemplatedSelectionDialogComponent, "elder-templated-selection-dialog", never, {}, {}, never, never, false, never>;
 }

package/lib/components/select/single/elder-clear-select.directive.d.ts

@@ -30,5 +30,5 @@ export declare class ElderClearSelectDirective implements OnInit, OnDestroy {
      **************************************************************************/
     private clearSelect;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderClearSelectDirective, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderClearSelectDirective, "[elderClearSelect]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderClearSelectDirective, "[elderClearSelect]", never, {}, {}, never, never, false, never>;
 }

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

@@ -13,7 +13,8 @@ import * as i0 from "@angular/core";
 declare class EntityContext<T> {
     readonly value: T;
     readonly displayText: string;
-    constructor(value: T, displayText: string);
+    readonly displayRemove: boolean;
+    constructor(value: T, displayText: string, displayRemove: boolean);
 }
 /**
  * The elder-select control allows to select a single
@@ -150,6 +151,6 @@ export declare class ElderSelectComponent<TEntity = any, TId = any, TValue = TEn
      */
     protected writeToControl(value: TValue): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectComponent<any, any, any>, [null, null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": "nullDisplay"; "autocomplete": "autocomplete"; "allowNull": "allowNull"; "entity": "entity"; "entityId": "entityId"; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSelectComponent<any, any, any>, "elder-select", never, { "nullDisplay": "nullDisplay"; "autocomplete": "autocomplete"; "allowNull": "allowNull"; "entity": "entity"; "entityId": "entityId"; }, { "entityIdChange": "entityIdChange"; "entityIdUpdated": "entityIdUpdated"; "entityChange": "entityChange"; "entityUpdated": "entityUpdated"; }, never, never, false, never>;
 }
 export {};

package/lib/components/select/single/elder-select-form-field.d.ts

@@ -26,5 +26,5 @@ export declare abstract class ElderSelectFormField<TEntity, TId> extends ElderFr
      **************************************************************************/
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSelectFormField<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectFormField<any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderSelectFormField<any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/components/select-chip-list/chip-list-select/elder-chip-list-select.component.d.ts

@@ -1,8 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { SelectionModel } from '../../../common/selection/selection-model';
 import { BehaviorSubject, Observable } from 'rxjs';
+import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
-export declare class ElderChipListSelectComponent implements OnInit {
+export declare class ElderChipListSelectComponent {
     selectionModel: SelectionModel<any>;
     /***************************************************************************
      *                                                                         *
@@ -23,7 +24,7 @@ export declare class ElderChipListSelectComponent implements OnInit {
     /**
      * The color used to indicated selection.
      */
-    color: string;
+    color: ThemePalette;
     /**
      * If the chip list should be stacked.
      */
@@ -35,12 +36,6 @@ export declare class ElderChipListSelectComponent implements OnInit {
      *                                                                         *
      **************************************************************************/
     constructor(selectionModel: SelectionModel<any>);
-    /***************************************************************************
-     *                                                                         *
-     * Life Cycle                                                              *
-     *                                                                         *
-     **************************************************************************/
-    ngOnInit(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -74,5 +69,5 @@ export declare class ElderChipListSelectComponent implements OnInit {
      **************************************************************************/
     private getId;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderChipListSelectComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderChipListSelectComponent, "elder-chip-list-select", never, { "data$": "data$"; "idField": "idField"; "displayField": "displayField"; "color": "color"; "stacked": "stacked"; "data": "data"; "selection": "selection"; "selectionMultiEnabled": "selectionMultiEnabled"; }, { "itemClick": "itemClick"; "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderChipListSelectComponent, "elder-chip-list-select", never, { "data$": "data$"; "idField": "idField"; "displayField": "displayField"; "color": "color"; "stacked": "stacked"; "data": "data"; "selection": "selection"; "selectionMultiEnabled": "selectionMultiEnabled"; }, { "itemClick": "itemClick"; "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; }, never, never, false, never>;
 }

package/lib/components/shell/elder-shell-slot.directive.d.ts

@@ -30,5 +30,5 @@ export declare class ElderShellSlotDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellSlotDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSlotDirective, "[elderShellSlot]", never, { "elderShellSlot": "elderShellSlot"; "elderShellSlotDefault": "elderShellSlotDefault"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSlotDirective, "[elderShellSlot]", never, { "elderShellSlot": "elderShellSlot"; "elderShellSlotDefault": "elderShellSlotDefault"; }, {}, never, never, false, never>;
 }

package/lib/components/shell/header/elder-app-header/elder-app-header.component.d.ts

@@ -39,5 +39,5 @@ export declare class ElderAppHeaderComponent implements OnInit, OnDestroy {
     set color(c: ThemePalette);
     set iconColor(c: ThemePalette);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderAppHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAppHeaderComponent, "elder-app-header", never, { "icon": "icon"; "title": "title"; "subTitle": "subTitle"; "subTitleLink": "subTitleLink"; "version": "version"; "color": "color"; "iconColor": "iconColor"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderAppHeaderComponent, "elder-app-header", never, { "icon": "icon"; "title": "title"; "subTitle": "subTitle"; "subTitleLink": "subTitleLink"; "version": "version"; "color": "color"; "iconColor": "iconColor"; }, {}, never, ["*"], false, never>;
 }

package/lib/components/shell/shell/elder-shell.component.d.ts

@@ -11,21 +11,21 @@ export declare class ElderShellSideLeftDirective {
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellSideLeftDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSideLeftDirective, "[elderShellSideLeft], [ebsShellSideLeft]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSideLeftDirective, "[elderShellSideLeft]", never, {}, {}, never, never, false, never>;
 }
 export declare class ElderShellSideRightDirective {
     templateRef: TemplateRef<any>;
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellSideRightDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSideRightDirective, "[elderShellSideRight], [ebsShellSideRight]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellSideRightDirective, "[elderShellSideRight]", never, {}, {}, never, never, false, never>;
 }
 export declare class ElderShellCenterDirective {
     templateRef: TemplateRef<any>;
     viewContainer: ViewContainerRef;
     constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellCenterDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellCenterDirective, "[elderShellCenter], [ebsShellCenter]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellCenterDirective, "[elderShellCenter]", never, {}, {}, never, never, false, never>;
 }
 export declare class ElderShellComponent implements OnInit, OnDestroy {
     private shellService;
@@ -95,5 +95,5 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
     private isContained;
     private checkSoon;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell, ebs-shell", never, { "sideNavToggleEnabled": "sideNavToggleEnabled"; "leftSideAutoFocus": "leftSideAutoFocus"; "rightSideAutoFocus": "rightSideAutoFocus"; "color": "color"; "menuColor": "menuColor"; "menuIconColor": "menuIconColor"; }, {}, ["sideContentLeft", "sideContentRight", "centerContent"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell", never, { "sideNavToggleEnabled": "sideNavToggleEnabled"; "leftSideAutoFocus": "leftSideAutoFocus"; "rightSideAutoFocus": "rightSideAutoFocus"; "color": "color"; "menuColor": "menuColor"; "menuIconColor": "menuIconColor"; }, {}, ["sideContentLeft", "sideContentRight", "centerContent"], never, false, never>;
 }

package/lib/components/shell/shell-navigation-toggle/elder-shell-navigation-toggle.component.d.ts

@@ -62,5 +62,5 @@ export declare class ElderShellNavigationToggleComponent implements OnInit, OnDe
     private findRoot;
     private parent;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellNavigationToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellNavigationToggleComponent, "elder-shell-nav-toggle", never, { "roots": "roots"; "hide": "hide"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellNavigationToggleComponent, "elder-shell-nav-toggle", never, { "roots": "roots"; "hide": "hide"; }, {}, never, never, false, never>;
 }

package/lib/components/tabs/elder-tab/elder-tab.directive.d.ts

@@ -15,5 +15,5 @@ export declare class ElderTabDirective {
      **************************************************************************/
     constructor(tab: MatTab);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderTabDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTabDirective, "[elderTab]", never, { "id": "elderTab"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTabDirective, "[elderTab]", never, { "id": "elderTab"; }, {}, never, never, false, never>;
 }

package/lib/components/tabs/elder-tab-group-routing/elder-tab-group-routing.directive.d.ts

@@ -96,5 +96,5 @@ export declare class ElderTabGroupRoutingDirective implements AfterViewInit, OnD
     private parseIndexMarker;
     private serializeIndexMarker;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderTabGroupRoutingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTabGroupRoutingDirective, "[elderTabGroupRouting]", ["elderTabGroupRouting"], { "tabGroupQueryParamKey": "elderTabGroupRouting"; }, {}, ["tabs", "elderTabs"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTabGroupRoutingDirective, "[elderTabGroupRouting]", ["elderTabGroupRouting"], { "tabGroupQueryParamKey": "elderTabGroupRouting"; }, {}, ["tabs", "elderTabs"], never, false, never>;
 }

package/lib/components/theme/elder-theme-applier.directive.d.ts

@@ -32,5 +32,5 @@ export declare class ElderThemeApplierDirective implements OnInit, OnDestroy {
      **************************************************************************/
     private activateTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderThemeApplierDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderThemeApplierDirective, "[elderThemeApplier]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderThemeApplierDirective, "[elderThemeApplier]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/theme/elder-theme-toggle/elder-theme-toggle.component.d.ts

@@ -32,6 +32,6 @@ export declare class ElderThemeToggleComponent {
      **************************************************************************/
     private decideToggleTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderThemeToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderThemeToggleComponent, "elder-theme-toggle", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderThemeToggleComponent, "elder-theme-toggle", never, {}, {}, never, never, false, never>;
 }
 export {};

package/lib/components/theme/elder-theme.directive.d.ts

@@ -34,5 +34,5 @@ export declare class ElderThemeDirective implements OnInit, OnDestroy {
      **************************************************************************/
     private applyTheme;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderThemeDirective, [{ optional: true; host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderThemeDirective, "[elderTheme]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderThemeDirective, "[elderTheme]", never, {}, {}, never, never, false, never>;
 }

package/lib/components/time/duration/elder-duration-input/elder-duration-input.component.d.ts

@@ -53,6 +53,6 @@ export declare class ElderDurationInputComponent extends FormFieldBaseComponent<
     onBucketChanged(bucket: DurationBucket): void;
     protected valuesEquals(a: Duration, b: Duration): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDurationInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDurationInputComponent, "elder-duration-input", never, { "isoValue": "isoValue"; "format": "format"; "durationFormat": "durationFormat"; }, { "isoValueChange": "isoValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDurationInputComponent, "elder-duration-input", never, { "isoValue": "isoValue"; "format": "format"; "durationFormat": "durationFormat"; }, { "isoValueChange": "isoValueChange"; }, never, never, false, never>;
 }
 export {};

package/lib/components/time/elder-date-switcher/elder-date-switcher.component.d.ts

@@ -56,5 +56,5 @@ export declare class ElderDateSwitcherComponent extends FormFieldBaseComponent<L
      **************************************************************************/
     protected valuesEquals(a: LocalDate, b: LocalDate): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDateSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDateSwitcherComponent, "elder-date-switcher, ebs-date-switcher", never, { "datePickerEnabled": "datePickerEnabled"; "datePickerTouchUi": "datePickerTouchUi"; "date": "date"; }, { "dateChange": "dateChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDateSwitcherComponent, "elder-date-switcher", never, { "datePickerEnabled": "datePickerEnabled"; "datePickerTouchUi": "datePickerTouchUi"; "date": "date"; }, { "dateChange": "dateChange"; }, never, never, false, never>;
 }

package/lib/components/time/elder-date-time-input/elder-date-time-input.component.d.ts

@@ -38,5 +38,5 @@ export declare class ElderDateTimeInputComponent extends FormFieldBaseComponent<
     onDateTimeChanged(eventDate: string): void;
     protected valuesEquals(a: Instant, b: Instant): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDateTimeInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDateTimeInputComponent, "elder-date-time-input", never, { "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDateTimeInputComponent, "elder-date-time-input", never, { "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false, never>;
 }

package/lib/components/time/elder-interval-input/elder-interval-input.component.d.ts

@@ -80,5 +80,5 @@ export declare class ElderIntervalInputComponent extends FormFieldBaseComponent<
     protected valuesEquals(a: Interval, b: Interval): boolean;
     private instantWithTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderIntervalInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalInputComponent, "elder-interval-input", never, { "mode": "mode"; "zone": "zone"; "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderIntervalInputComponent, "elder-interval-input", never, { "mode": "mode"; "zone": "zone"; "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false, never>;
 }

package/lib/components/time/elder-local-date-input/elder-local-date-input.component.d.ts

@@ -74,5 +74,5 @@ export declare class ElderLocalDateInputComponent extends FormFieldBaseComponent
     private setDateInternally;
     protected valuesEquals(a: LocalDate, b: LocalDate): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalDateInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalDateInputComponent, "elder-local-date-input", never, { "zone": "zone"; "datePickerEnabled": "datePickerEnabled"; "datePickerTouchUi": "datePickerTouchUi"; "allowNull": "allowNull"; "isoValue": "isoValue"; "dateValue": "dateValue"; "isoDateValue": "isoDateValue"; }, { "blur": "blur"; "valueUpdatedBlur": "valueUpdatedBlur"; "isoValueChange": "isoValueChange"; "dateValueChange": "dateValueChange"; "isoDateValueChange": "isoDateValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalDateInputComponent, "elder-local-date-input", never, { "zone": "zone"; "datePickerEnabled": "datePickerEnabled"; "datePickerTouchUi": "datePickerTouchUi"; "allowNull": "allowNull"; "isoValue": "isoValue"; "dateValue": "dateValue"; "isoDateValue": "isoDateValue"; }, { "blur": "blur"; "valueUpdatedBlur": "valueUpdatedBlur"; "isoValueChange": "isoValueChange"; "dateValueChange": "dateValueChange"; "isoDateValueChange": "isoDateValueChange"; }, never, never, false, never>;
 }

package/lib/components/time/elder-local-time-input/elder-local-time-input.component.d.ts

@@ -43,5 +43,5 @@ export declare class ElderLocalTimeInputComponent extends FormFieldBaseComponent
      **************************************************************************/
     protected valuesEquals(a: LocalTime, b: LocalTime): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderLocalTimeInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalTimeInputComponent, "elder-local-time-input", never, { "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderLocalTimeInputComponent, "elder-local-time-input", never, { "isoValue": "isoValue"; }, { "isoValueChange": "isoValueChange"; }, never, never, false, never>;
 }

package/lib/components/time/period/elder-period-input/elder-period-input.component.d.ts

@@ -66,6 +66,6 @@ export declare class ElderPeriodInputComponent extends FormFieldBaseComponent<Pe
      **************************************************************************/
     protected valuesEquals(a: Period, b: Period): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderPeriodInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderPeriodInputComponent, "elder-period-input", never, { "isoValue": "isoValue"; "format": "format"; "periodFormat": "periodFormat"; }, { "isoValueChange": "isoValueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderPeriodInputComponent, "elder-period-input", never, { "isoValue": "isoValue"; "format": "format"; "periodFormat": "periodFormat"; }, { "isoValueChange": "isoValueChange"; }, never, never, false, never>;
 }
 export {};

package/lib/components/toasts/elder-toast.service.d.ts

@@ -80,17 +80,3 @@ export declare class ElderToastService {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderToastService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ElderToastService>;
 }
-/**
- * @deprecated Please switch to ElderToastService
- */
-export declare class ToastService extends ElderToastService {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
-}
-/**
- * @deprecated Please switch to EbsToastService
- */
-export declare class EbsToastService extends ElderToastService {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EbsToastService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<EbsToastService>;
-}

package/lib/components/toasts/standard-toast/standard-toast.component.d.ts

@@ -2,6 +2,7 @@ import { OnInit } from '@angular/core';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { Toast } from '../toast';
 import { ToastType } from '../toast-type';
+import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export declare class StandardToastComponent implements OnInit {
     readonly snackBarRef: MatSnackBarRef<StandardToastComponent>;
@@ -30,9 +31,9 @@ export declare class StandardToastComponent implements OnInit {
      *                                                                         *
      **************************************************************************/
     close(): void;
-    iconColor(type: ToastType): string;
+    iconColor(type: ToastType): ThemePalette;
     icon(type: ToastType): string;
     trimDetailText(text: string, length: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<StandardToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StandardToastComponent, "elder-standard-toast", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StandardToastComponent, "elder-standard-toast", never, {}, {}, never, never, false, never>;
 }

package/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.d.ts

@@ -34,5 +34,5 @@ export declare class ElderUrlFragmentSwitcherComponent implements OnInit {
      **************************************************************************/
     setActiveUrlFragment(urlFragment: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderUrlFragmentSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderUrlFragmentSwitcherComponent, "elder-url-fragment-switcher", never, { "disable": "disable"; "urlFragments": "urlFragments"; "urlRegex": "urlRegex"; "regexArrayIndex": "regexArrayIndex"; "windowOpenIn": "windowOpenIn"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderUrlFragmentSwitcherComponent, "elder-url-fragment-switcher", never, { "disable": "disable"; "urlFragments": "urlFragments"; "urlRegex": "urlRegex"; "regexArrayIndex": "regexArrayIndex"; "windowOpenIn": "windowOpenIn"; }, {}, never, never, false, never>;
 }

package/lib/components/viewers/elder-svg-viewer/elder-svg-viewer.component.d.ts

@@ -37,5 +37,5 @@ export declare class ElderSvgViewerComponent implements OnInit, AfterViewInit {
      **************************************************************************/
     private update;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderSvgViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSvgViewerComponent, "elder-svg-viewer", never, { "svg": "svg"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderSvgViewerComponent, "elder-svg-viewer", never, { "svg": "svg"; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "14.12.0-beta4",
+  "version": "15.0.0-mdc",
   "peerDependencies": {
-    "@angular/common": "^14.0.0",
-    "@angular/core": "^14.0.0",
-    "@angular/material": "^14.0.0",
+    "@angular/common": "^15.0.0",
+    "@angular/core": "^15.0.0",
+    "@angular/material": "^15.0.0",
     "@ngx-translate/core": "^14.0.0",
     "rxjs": "^7.5.5",
     "@elderbyte/ts-logger": "^0.1.0",
-    "@elderbyte/ngx-simple-webstorage": "^14.0.0",
+    "@elderbyte/ngx-simple-webstorage": "^15.0.0",
     "@js-joda/core": "^5.2.0"
   },
   "exports": {

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

@@ -10,20 +10,12 @@
 
   .elder-card-title {
     color: mat.get-color-from-palette($accent, default, 1);
+    font-weight: 500!important;
   }
 
   .elder-card-subtitle {
     color: mat.get-color-from-palette($primary, default, 1);
   }
-
-  .elder-card {
-    background-color: mat.get-color-from-palette($background, 'card');
-    border-radius: 4px;
-  }
-
-  .elder-card-flat {
-    border: 1px solid mat.get-color-from-palette($foreground, divider);
-  }
 }
 
 

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

@@ -22,11 +22,10 @@ $elder-tile-padding: 8px;
 
   .elder-grid-toolbar {
     min-height: 44px;
-    height: 44px;
   }
 
   .elder-grid-footer {
-    height: 44px;
+    min-height: 44px;
   }
 
   .elder-grid-tile {

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

@@ -36,8 +36,9 @@
     border: 1px solid mat.get-color-from-palette($foreground, divider);
   }
 
+
   .elder-table {
-    background-color: mat.get-color-from-palette($background, card);
+    // background-color: mat.get-color-from-palette($background, card);
   }
 }
 
@@ -70,8 +71,8 @@
  */
 .mat-column-select {
   overflow: initial;
-  max-width: 42px;
-  width: 42px;
+  max-width: 48px;
+  width: 48px;
 }
 
 .elder-row-removing {
@@ -125,9 +126,9 @@ Clickable row
 $pad: 8px;
 $pad-right: 12px;
 
-.mat-table {
+.mat-mdc-table {
 
-  .mat-header-cell {
+  .mat-mdc-header-cell {
     padding-left: $pad;
     padding-right: $pad-right;
 
@@ -167,7 +168,7 @@ $pad-right: 12px;
     }
   }
 
-  .mat-cell {
+  .mat-mdc-cell {
     padding-left: $pad;
     padding-right: $pad-right;
 
@@ -187,7 +188,7 @@ $pad-right: 12px;
     }
   }
 
-  .mat-footer-cell {
+  .mat-mdc-footer-cell {
     padding-left: $pad;
     padding-right: $pad-right;
     font-weight: bold;
@@ -200,7 +201,7 @@ $pad-right: 12px;
       padding-right: $pad;
     }
 
-    .mat-paginator {
+    .mat-mdc-paginator {
       margin-left: -$pad;
       margin-right: -$pad;
     }

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

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

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

@@ -3,10 +3,6 @@
 @mixin theme($theme) {
   $primary: map-get($theme, primary);
 
-  .toolbar {
-    background-color: mat.get-color-from-palette($primary, default);
-    color: white;
-  }
 }
 
 .iframe {
@@ -15,3 +11,10 @@
   height: 100%;
   background-color: white;
 }
+
+.elder-dense-toolbar {
+  height: 40px;
+  .mat-toolbar-row {
+    height: 40px;
+  }
+}

package/src/lib/components/measures/quantity-input/{elder-quantity-input.component.scss → quantity-input-control/elder-quantity-input-control.component.scss}

@@ -1,6 +1,3 @@
-
-
 .elder-quantity-input {
   text-align: right;
 }
-