@elderbyte/ngx-starter 18.8.2 → 18.10.0

package/esm2022/lib/components/auditing/audited-entity/elder-audited-entity.component.mjs

@@ -24,10 +24,10 @@ export class ElderAuditedEntityComponent {
     set audited(audited) {
         this.auditedCtx$.next(new AuditedEntityCtx(audited));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditedEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderAuditedEntityComponent, isStandalone: true, selector: "elder-audited-entity", inputs: { appearance: "appearance", dateFormat: "dateFormat", audited: "audited" }, ngImport: i0, template: "<section class=\"layout-row wrap gap-sm\" *ngIf=\"auditedCtx$ | async as ctx\">\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\" inline>add_circle_outline</mat-icon>\n      <span>{{'context.createdAt' | translate}} {{ctx.audited?.createdAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"created\"\n           [value]=\"ctx.audited?.createdAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.createdBy}}</mat-hint>\n  </mat-form-field>\n\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\">mode_edit_outline</mat-icon>\n      <span>{{'context.modifiedAt' | translate}} {{ctx.audited?.modifiedAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"modified\"\n           [value]=\"ctx.audited?.modifiedAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.modifiedBy}}</mat-hint>\n  </mat-form-field>\n</section>\n", styles: [".decent{opacity:.5}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditedEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderAuditedEntityComponent, isStandalone: true, selector: "elder-audited-entity", inputs: { appearance: "appearance", dateFormat: "dateFormat", audited: "audited" }, ngImport: i0, template: "<section class=\"layout-row wrap gap-sm\" *ngIf=\"auditedCtx$ | async as ctx\">\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\" inline>add_circle_outline</mat-icon>\n      <span>{{'context.createdAt' | translate}} {{ctx.audited?.createdAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"created\"\n           [value]=\"ctx.audited?.createdAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.createdBy}}</mat-hint>\n  </mat-form-field>\n\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\">mode_edit_outline</mat-icon>\n      <span>{{'context.modifiedAt' | translate}} {{ctx.audited?.modifiedAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"modified\"\n           [value]=\"ctx.audited?.modifiedAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.modifiedBy}}</mat-hint>\n  </mat-form-field>\n</section>\n", styles: [".decent{opacity:.5}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditedEntityComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditedEntityComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-audited-entity', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, MatFormField, MatLabel, MatIcon, MatInput, MatHint, AsyncPipe, DatePipe, TranslateModule, TimeAgoPipe], template: "<section class=\"layout-row wrap gap-sm\" *ngIf=\"auditedCtx$ | async as ctx\">\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\" inline>add_circle_outline</mat-icon>\n      <span>{{'context.createdAt' | translate}} {{ctx.audited?.createdAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"created\"\n           [value]=\"ctx.audited?.createdAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.createdBy}}</mat-hint>\n  </mat-form-field>\n\n  <mat-form-field [appearance]=\"appearance\">\n    <mat-label class=\"layout-row place-start-center gap-xs\">\n      <mat-icon class=\"decent noselect\">mode_edit_outline</mat-icon>\n      <span>{{'context.modifiedAt' | translate}} {{ctx.audited?.modifiedAt | timeAgo}}</span>\n    </mat-label>\n    <input matInput name=\"modified\"\n           [value]=\"ctx.audited?.modifiedAt | date:dateFormat\"\n           readonly>\n    <mat-hint>{{ctx.audited?.modifiedBy}}</mat-hint>\n  </mat-form-field>\n</section>\n", styles: [".decent{opacity:.5}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appearance: [{

package/esm2022/lib/components/auditing/elder-audit.module.mjs

@@ -9,21 +9,21 @@ import * as i0 from "@angular/core";
 export * from './i-audited-entity';
 export * from './audited-entity/elder-audited-entity.component';
 export class ElderAuditModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditModule, imports: [CommonModule,
             MatInputModule,
             TranslateModule,
             ElderPipesModule,
             MatIconModule,
             ElderAuditedEntityComponent], exports: [ElderAuditedEntityComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditModule, imports: [CommonModule,
             MatInputModule,
             TranslateModule,
             ElderPipesModule,
             MatIconModule,
             ElderAuditedEntityComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderAuditModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderAuditModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [

package/esm2022/lib/components/badge/elder-badge/elder-badge.component.mjs

@@ -12,10 +12,10 @@ export class ElderBadgeChipDirective {
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeChipDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderBadgeChipDirective, isStandalone: true, selector: "[elderBadgeChip]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeChipDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderBadgeChipDirective, isStandalone: true, selector: "[elderBadgeChip]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeChipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeChipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderBadgeChip]',
@@ -27,10 +27,10 @@ export class ElderBadgeChipAvatarDirective {
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeChipAvatarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderBadgeChipAvatarDirective, isStandalone: true, selector: "[elderBadgeChipAvatar]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeChipAvatarDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderBadgeChipAvatarDirective, isStandalone: true, selector: "[elderBadgeChipAvatar]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeChipAvatarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeChipAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderBadgeChipAvatar]',
@@ -123,10 +123,10 @@ export class ElderBadgeComponent {
     get chipAvatarTemplate() {
         return this.chipAvatarTemplate$.getValue();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderBadgeComponent, isStandalone: true, selector: "elder-badge", inputs: { appearance: "appearance", value: "value", colorSpec: "colorSpec", badgeColor: "badgeColor", avatarSpec: "avatarSpec", setCssClass: ["cssClass", "setCssClass"], chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate" }, queries: [{ propertyName: "chipTemplateQuery", first: true, predicate: ElderBadgeChipDirective, descendants: true, read: TemplateRef }, { propertyName: "chipAvatarTemplateQuery", first: true, predicate: ElderBadgeChipAvatarDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"templates$ | async as templates\">\n  <ng-container *ngIf=\"badgeModel$ | async as badgeModel\">\n    <mat-chip elderChipLabel [appearance]=\"appearance\"\n              [color]=\"badgeModel.colorSpec?.theme\"\n              [stateColor]=\"badgeModel.colorSpec?.state\"\n              [levelColor]=\"badgeModel.colorSpec?.level\"\n              [class]=\"'elder-badge fill ' + elementClass\">\n      <mat-chip-avatar clasS=\"elder-badge-avatar\"\n        *ngIf=\"templates.avatar || badgeModel.showAvatar\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"templates.avatar || simpleAvatarTemplate; context: {$implicit: badgeModel}\">\n        </ng-container>\n      </mat-chip-avatar>\n\n      <ng-container\n        *ngTemplateOutlet=\"templates.chip || simpleChipTemplate; context: {$implicit: badgeModel}\">\n      </ng-container>\n\n      <ng-content></ng-content>\n\n    </mat-chip>\n  </ng-container>\n</ng-container>\n\n<ng-template #simpleChipTemplate let-badgeModel>\n  <!--\n  <span class=\"elder-chip-text\">{{badgeModel.value | elderTruncate:20}}</span>\n  -->\n  {{badgeModel.value | elderTruncate:20}}\n</ng-template>\n\n<ng-template #simpleAvatarTemplate let-badgeModel>\n  <mat-icon>{{badgeModel.avatarSpec?.icon}}</mat-icon>\n</ng-template>\n", styles: [".elder-badge{position:absolute!important;width:unset!important;max-width:unset!important;box-sizing:border-box}.elder-badge.mat-mdc-standard-chip{height:var(--mat-badge-text-size, 12px)4}.elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-size:var(--mat-badge-text-size, 12px);font-weight:var(--mat-badge-text-weight, 600)}.elder-badge .mdc-evolution-chip,.elder-badge .mdc-evolution-chip__cell,.elder-badge .mdc-evolution-chip__action{justify-content:center}.elder-badge.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:0;padding-right:0}.mat-badge-small .elder-badge.mat-badge-content{border-radius:16px;min-width:16px}.mat-badge-small.mat-badge-above .elder-badge.mat-badge-content{top:-7px!important}.mat-badge-small.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-small.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-small .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 3px!important}.mat-badge-small .elder-badge.mat-badge-content{line-height:14px!important}.mat-badge-medium .elder-badge.mat-badge-content{border-radius:22px;min-width:22px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-medium.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-medium .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-medium .elder-badge.mat-badge-content{line-height:20px!important}.mat-badge-large .elder-badge.mat-badge-content{border-radius:28px;min-width:28px}.mat-badge-large.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-large.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-large .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-large .elder-badge.mat-badge-content{line-height:26px!important}.elder-badge.mat-badge-content{transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: ElderChipLabelDirective, selector: "[elderChipLabel]", inputs: ["appearance", "color", "stateColor", "levelColor"] }, { kind: "directive", type: MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderTruncatePipe, name: "elderTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderBadgeComponent, isStandalone: true, selector: "elder-badge", inputs: { appearance: "appearance", value: "value", colorSpec: "colorSpec", badgeColor: "badgeColor", avatarSpec: "avatarSpec", setCssClass: ["cssClass", "setCssClass"], chipTemplate: "chipTemplate", chipAvatarTemplate: "chipAvatarTemplate" }, queries: [{ propertyName: "chipTemplateQuery", first: true, predicate: ElderBadgeChipDirective, descendants: true, read: TemplateRef }, { propertyName: "chipAvatarTemplateQuery", first: true, predicate: ElderBadgeChipAvatarDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"templates$ | async as templates\">\n  <ng-container *ngIf=\"badgeModel$ | async as badgeModel\">\n    <mat-chip elderChipLabel [appearance]=\"appearance\"\n              [color]=\"badgeModel.colorSpec?.theme\"\n              [stateColor]=\"badgeModel.colorSpec?.state\"\n              [levelColor]=\"badgeModel.colorSpec?.level\"\n              [class]=\"'elder-badge fill ' + elementClass\">\n      <mat-chip-avatar clasS=\"elder-badge-avatar\"\n        *ngIf=\"templates.avatar || badgeModel.showAvatar\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"templates.avatar || simpleAvatarTemplate; context: {$implicit: badgeModel}\">\n        </ng-container>\n      </mat-chip-avatar>\n\n      <ng-container\n        *ngTemplateOutlet=\"templates.chip || simpleChipTemplate; context: {$implicit: badgeModel}\">\n      </ng-container>\n\n      <ng-content></ng-content>\n\n    </mat-chip>\n  </ng-container>\n</ng-container>\n\n<ng-template #simpleChipTemplate let-badgeModel>\n  <!--\n  <span class=\"elder-chip-text\">{{badgeModel.value | elderTruncate:20}}</span>\n  -->\n  {{badgeModel.value | elderTruncate:20}}\n</ng-template>\n\n<ng-template #simpleAvatarTemplate let-badgeModel>\n  <mat-icon>{{badgeModel.avatarSpec?.icon}}</mat-icon>\n</ng-template>\n", styles: [".elder-badge{position:absolute!important;width:unset!important;max-width:unset!important;box-sizing:border-box}.elder-badge.mat-mdc-standard-chip{height:var(--mat-badge-text-size, 12px)4}.elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-size:var(--mat-badge-text-size, 12px);font-weight:var(--mat-badge-text-weight, 600)}.elder-badge .mdc-evolution-chip,.elder-badge .mdc-evolution-chip__cell,.elder-badge .mdc-evolution-chip__action{justify-content:center}.elder-badge.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:0;padding-right:0}.mat-badge-small .elder-badge.mat-badge-content{border-radius:16px;min-width:16px}.mat-badge-small.mat-badge-above .elder-badge.mat-badge-content{top:-7px!important}.mat-badge-small.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-small.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-small .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 3px!important}.mat-badge-small .elder-badge.mat-badge-content{line-height:14px!important}.mat-badge-medium .elder-badge.mat-badge-content{border-radius:22px;min-width:22px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-medium.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-medium .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-medium .elder-badge.mat-badge-content{line-height:20px!important}.mat-badge-large .elder-badge.mat-badge-content{border-radius:28px;min-width:28px}.mat-badge-large.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-large.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-large .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-large .elder-badge.mat-badge-content{line-height:26px!important}.elder-badge.mat-badge-content{transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: ElderChipLabelDirective, selector: "[elderChipLabel]", inputs: ["appearance", "color", "stateColor", "levelColor"] }, { kind: "directive", type: MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderTruncatePipe, name: "elderTruncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-badge', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgIf, MatChip, ElderChipLabelDirective, MatChipAvatar, NgTemplateOutlet, MatIcon, AsyncPipe, ElderTruncatePipe], template: "<ng-container *ngIf=\"templates$ | async as templates\">\n  <ng-container *ngIf=\"badgeModel$ | async as badgeModel\">\n    <mat-chip elderChipLabel [appearance]=\"appearance\"\n              [color]=\"badgeModel.colorSpec?.theme\"\n              [stateColor]=\"badgeModel.colorSpec?.state\"\n              [levelColor]=\"badgeModel.colorSpec?.level\"\n              [class]=\"'elder-badge fill ' + elementClass\">\n      <mat-chip-avatar clasS=\"elder-badge-avatar\"\n        *ngIf=\"templates.avatar || badgeModel.showAvatar\"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"templates.avatar || simpleAvatarTemplate; context: {$implicit: badgeModel}\">\n        </ng-container>\n      </mat-chip-avatar>\n\n      <ng-container\n        *ngTemplateOutlet=\"templates.chip || simpleChipTemplate; context: {$implicit: badgeModel}\">\n      </ng-container>\n\n      <ng-content></ng-content>\n\n    </mat-chip>\n  </ng-container>\n</ng-container>\n\n<ng-template #simpleChipTemplate let-badgeModel>\n  <!--\n  <span class=\"elder-chip-text\">{{badgeModel.value | elderTruncate:20}}</span>\n  -->\n  {{badgeModel.value | elderTruncate:20}}\n</ng-template>\n\n<ng-template #simpleAvatarTemplate let-badgeModel>\n  <mat-icon>{{badgeModel.avatarSpec?.icon}}</mat-icon>\n</ng-template>\n", styles: [".elder-badge{position:absolute!important;width:unset!important;max-width:unset!important;box-sizing:border-box}.elder-badge.mat-mdc-standard-chip{height:var(--mat-badge-text-size, 12px)4}.elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-size:var(--mat-badge-text-size, 12px);font-weight:var(--mat-badge-text-weight, 600)}.elder-badge .mdc-evolution-chip,.elder-badge .mdc-evolution-chip__cell,.elder-badge .mdc-evolution-chip__action{justify-content:center}.elder-badge.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:0;padding-right:0}.mat-badge-small .elder-badge.mat-badge-content{border-radius:16px;min-width:16px}.mat-badge-small.mat-badge-above .elder-badge.mat-badge-content{top:-7px!important}.mat-badge-small.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-small.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-small .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 3px!important}.mat-badge-small .elder-badge.mat-badge-content{line-height:14px!important}.mat-badge-medium .elder-badge.mat-badge-content{border-radius:22px;min-width:22px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-medium.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-medium .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-medium .elder-badge.mat-badge-content{line-height:20px!important}.mat-badge-large .elder-badge.mat-badge-content{border-radius:28px;min-width:28px}.mat-badge-large.mat-badge-overlap.mat-badge-after .elder-badge.mat-badge-content{right:-5px;transform:translate(100%)!important}.mat-badge-large.mat-badge-overlap.mat-badge-before .elder-badge.mat-badge-content{left:-5px;transform:translate(-100%)!important}.mat-badge-large .elder-badge.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding:0 6px!important}.mat-badge-large .elder-badge.mat-badge-content{line-height:26px!important}.elder-badge.mat-badge-content{transform:unset!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { appearance: [{

package/esm2022/lib/components/badge/elder-badge.directive.mjs

@@ -98,10 +98,10 @@ export class ElderBadgeDirective {
     createElderBadgeComponent() {
         return this.viewContainerRef.createComponent(ElderBadgeComponent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeDirective, deps: [{ token: i1.DomSanitizer }, { token: i0.ViewContainerRef }, { token: i2.MatBadge }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderBadgeDirective, isStandalone: true, selector: "[elderBadge]", inputs: { badgeColor: "badgeColor", badgeIcon: "badgeIcon", elderBadge: "elderBadge", colorSpec: "colorSpec", avatarSpec: "avatarSpec" }, host: { properties: { "style": "this.style" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeDirective, deps: [{ token: i1.DomSanitizer }, { token: i0.ViewContainerRef }, { token: i2.MatBadge }, { token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderBadgeDirective, isStandalone: true, selector: "[elderBadge]", inputs: { badgeColor: "badgeColor", badgeIcon: "badgeIcon", elderBadge: "elderBadge", colorSpec: "colorSpec", avatarSpec: "avatarSpec" }, host: { properties: { "style": "this.style" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderBadge]',

package/esm2022/lib/components/badge/elder-badge.module.mjs

@@ -10,8 +10,8 @@ import * as i0 from "@angular/core";
 export * from './elder-badge/elder-badge.component';
 export * from './elder-badge.directive';
 export class ElderBadgeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeModule, imports: [MatChipsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeModule, imports: [MatChipsModule,
             ElderChipsModule,
             AsyncPipe,
             NgIf,
@@ -25,13 +25,13 @@ export class ElderBadgeModule {
             ElderBadgeComponent,
             ElderBadgeChipDirective,
             ElderBadgeChipAvatarDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeModule, imports: [MatChipsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeModule, imports: [MatChipsModule,
             ElderChipsModule,
             ElderPipesModule,
             MatIconModule,
             ElderBadgeComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/button-group/elder-button-group/elder-button-group.component.mjs

@@ -5,10 +5,10 @@ export class ElderButtonGroupComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderButtonGroupComponent, isStandalone: true, selector: "elder-button-group", ngImport: i0, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderButtonGroupComponent, isStandalone: true, selector: "elder-button-group", ngImport: i0, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"layout-row elder-button-group\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/lib/components/button-group/elder-button-group.module.mjs

@@ -7,18 +7,18 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i0 from "@angular/core";
 export * from './elder-button-group/elder-button-group.component';
 export class ElderButtonGroupModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
             MatMenuModule,
             MatIconModule,
             MatButtonModule,
             ElderButtonGroupComponent], exports: [ElderButtonGroupComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupModule, imports: [CommonModule,
             MatMenuModule,
             MatIconModule,
             MatButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderButtonGroupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderButtonGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/card-organizer/card-organizer/elder-card-organizer.component.mjs

@@ -78,10 +78,10 @@ export class ElderCardOrganizerComponent {
     onCardDropped(event) {
         this.cardDropped.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardOrganizerComponent, isStandalone: true, selector: "elder-card-organizer", inputs: { canRemove: "canRemove", removeConfirmation: "removeConfirmation", copyOnDrag: "copyOnDrag", autoMoveCards: "autoMoveCards", headerEnabled: "headerEnabled", canEnterPredicate: "canEnterPredicate", organizerModel: "organizerModel" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, host: { listeners: { "document:keydown.shift": "onKeydownHandler($event)", "document:keyup.shift": "onKeyupHandler($event)" } }, queries: [{ propertyName: "stackCardTemplate", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardStackComponent, selector: "elder-card-stack", inputs: ["stackId", "headerEnabled", "headerTitle", "canRemove", "canAdd", "canDrag", "removeConfirmation", "canEnterPredicate", "connectedTo", "autoMoveCards", "canCollapse", "copyOnDrag", "cardTemplate", "stack"], outputs: ["requestNewCard", "requestRemoveCard", "cardClick", "cardDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardOrganizerComponent, isStandalone: true, selector: "elder-card-organizer", inputs: { canRemove: "canRemove", removeConfirmation: "removeConfirmation", copyOnDrag: "copyOnDrag", autoMoveCards: "autoMoveCards", headerEnabled: "headerEnabled", canEnterPredicate: "canEnterPredicate", organizerModel: "organizerModel" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, host: { listeners: { "document:keydown.shift": "onKeydownHandler($event)", "document:keyup.shift": "onKeyupHandler($event)" } }, queries: [{ propertyName: "stackCardTemplate", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardStackComponent, selector: "elder-card-stack", inputs: ["stackId", "headerEnabled", "headerTitle", "canRemove", "canAdd", "canDrag", "removeConfirmation", "canEnterPredicate", "connectedTo", "autoMoveCards", "canCollapse", "copyOnDrag", "cardTemplate", "stack"], outputs: ["requestNewCard", "requestRemoveCard", "cardClick", "cardDropped"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-organizer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgFor, ElderCardStackComponent, AsyncPipe], template: "\n<div class=\"layout-row place-start-stretch gap-lg full p-md card-organizer\">\n    <elder-card-stack class=\"flex\"\n                    *ngFor=\"let stack of stacks$ | async\"\n\n                    [stack]=\"stack\"\n\n                    [stackId]=\"stack.id\"\n                    [headerEnabled]=\"headerEnabled\"\n                    [headerTitle]=\"stack.title\"\n                    [canRemove]=\"canRemove\"\n\n                    [cardTemplate]=\"stackCardTemplate\"\n                    [removeConfirmation]=\"removeConfirmation\"\n                    [autoMoveCards]=\"autoMoveCards\"\n                    (requestNewCard)=\"onRequestNewCard($event)\"\n                    (requestRemoveCard)=\"onRequestRemoveCard($event)\"\n                    (cardClick)=\"onCardClicked($event)\"\n\n                    [connectedTo]=\"organizerModel.stackIds | async\"\n                    (cardDropped)=\"onCardDropped($event)\"\n                    [canEnterPredicate]=\"canEnterPredicate\"\n                    [copyOnDrag]=\"copyOnDrag\"\n    >\n    </elder-card-stack>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { canRemove: [{

package/esm2022/lib/components/card-organizer/card-organizer/elder-stack-card.directive.mjs

@@ -5,10 +5,10 @@ export class ElderStackCardDirective {
         this.templateRef = templateRef;
         this.viewContainer = viewContainer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderStackCardDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderStackCardDirective, isStandalone: true, selector: "[elderStackCard]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderStackCardDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderStackCardDirective, isStandalone: true, selector: "[elderStackCard]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderStackCardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderStackCardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderStackCard]',

package/esm2022/lib/components/card-organizer/card-stack/elder-card-stack.component.mjs

@@ -159,10 +159,10 @@ export class ElderCardStackComponent {
             cardDrop.toStack.addCard(cardDrop.card, cardDrop.toIndex);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardStackComponent, isStandalone: true, selector: "elder-card-stack", inputs: { stackId: "stackId", headerEnabled: "headerEnabled", headerTitle: "headerTitle", canRemove: "canRemove", canAdd: "canAdd", canDrag: "canDrag", removeConfirmation: "removeConfirmation", canEnterPredicate: "canEnterPredicate", connectedTo: "connectedTo", autoMoveCards: "autoMoveCards", canCollapse: "canCollapse", copyOnDrag: "copyOnDrag", cardTemplate: "cardTemplate", stack: "stack" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, queries: [{ propertyName: "cardTemplateQuery", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"layout-col full card-stack hoverme\">\n\n  <!-- Header -->\n  <header *ngIf=\"headerEnabled\"\n          class=\"layout-row place-start-center flex-none gap-md stack-header p-md\">\n\n    <h3 class=\"mat-subtitle-2 noselect\">{{headerTitle | translate}}</h3>\n    <small class=\"mat-caption noselect\">({{(cards$ | async)?.length}})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div class=\"layout-col gap-sm scrollable p-sm card-list\"\n         [id]=\"stackId\"\n         cdkDropList\n         [cdkDropListDisabled]=\"!canDrag\"\n         [cdkDropListData]=\"stack\"\n         [cdkDropListConnectedTo]=\"connectedTo\"\n\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{card}}</p>\n    </div>\n  </ng-template>\n\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardStackComponent, isStandalone: true, selector: "elder-card-stack", inputs: { stackId: "stackId", headerEnabled: "headerEnabled", headerTitle: "headerTitle", canRemove: "canRemove", canAdd: "canAdd", canDrag: "canDrag", removeConfirmation: "removeConfirmation", canEnterPredicate: "canEnterPredicate", connectedTo: "connectedTo", autoMoveCards: "autoMoveCards", canCollapse: "canCollapse", copyOnDrag: "copyOnDrag", cardTemplate: "cardTemplate", stack: "stack" }, outputs: { requestNewCard: "requestNewCard", requestRemoveCard: "requestRemoveCard", cardClick: "cardClick", cardDropped: "cardDropped" }, queries: [{ propertyName: "cardTemplateQuery", first: true, predicate: ElderStackCardDirective, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<div class=\"layout-col full card-stack hoverme\">\n\n  <!-- Header -->\n  <header *ngIf=\"headerEnabled\"\n          class=\"layout-row place-start-center flex-none gap-md stack-header p-md\">\n\n    <h3 class=\"mat-subtitle-2 noselect\">{{headerTitle | translate}}</h3>\n    <small class=\"mat-caption noselect\">({{(cards$ | async)?.length}})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div class=\"layout-col gap-sm scrollable p-sm card-list\"\n         [id]=\"stackId\"\n         cdkDropList\n         [cdkDropListDisabled]=\"!canDrag\"\n         [cdkDropListData]=\"stack\"\n         [cdkDropListConnectedTo]=\"connectedTo\"\n\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{card}}</p>\n    </div>\n  </ng-template>\n\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ElderCardComponent, selector: "elder-card", inputs: ["appearance", "float", "flat"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardStackComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardStackComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-stack', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, MatIconButton, MatIcon, MatDivider, CdkDropList, NgFor, ElderCardComponent, CdkDrag, NgClass, NgTemplateOutlet, AsyncPipe, TranslateModule], template: "<div class=\"layout-col full card-stack hoverme\">\n\n  <!-- Header -->\n  <header *ngIf=\"headerEnabled\"\n          class=\"layout-row place-start-center flex-none gap-md stack-header p-md\">\n\n    <h3 class=\"mat-subtitle-2 noselect\">{{headerTitle | translate}}</h3>\n    <small class=\"mat-caption noselect\">({{(cards$ | async)?.length}})</small>\n\n    <span class=\"flex\"></span>\n\n    <button *ngIf=\"canAdd\" mat-icon-button type=\"button\" (click)=\"onRequestNewCard($event)\">\n      <mat-icon>add</mat-icon>\n    </button>\n\n  </header>\n  <mat-divider *ngIf=\"headerEnabled\"></mat-divider>\n\n\n  <!-- card list -->\n  <div class=\"layout-col flex card-container\">\n\n    <div class=\"layout-col gap-sm scrollable p-sm card-list\"\n         [id]=\"stackId\"\n         cdkDropList\n         [cdkDropListDisabled]=\"!canDrag\"\n         [cdkDropListData]=\"stack\"\n         [cdkDropListConnectedTo]=\"connectedTo\"\n\n         [cdkDropListEnterPredicate]=\"enterPredicate\"\n         (cdkDropListEntered)=\"cardEntered($event)\"\n         (cdkDropListExited)=\"cardExited($event)\"\n         (cdkDropListDropped)=\"cardDrop($event)\"\n    >\n\n      <!-- card -->\n      <elder-card\n        *ngFor=\"let card of cards$ | async; let i = index\"\n        class=\"card flex-none\"\n        [ngClass]=\"cardClick.observed ? 'clickable' : 'unclickable'\"\n        cdkDrag [cdkDragData]=\"card\"\n        (click)=\"onCardSelected($event, card)\">\n\n        <div class=\"layout-row place-between-center flex\">\n          <ng-container\n            *ngTemplateOutlet=\"cardTemplate || simpleCardTemplate; context: {$implicit: card, index: i}\"></ng-container>\n\n          <button mat-icon-button type=\"button\"\n            *ngIf=\"canRemove\"  class=\"hide\" (click)=\"onRequestRemoveCard($event, card)\">\n            <mat-icon>close</mat-icon>\n          </button>\n\n        </div>\n\n      </elder-card>\n\n    </div>\n\n  </div>\n\n\n  <ng-template #simpleCardTemplate let-card>\n    <div class=\"layout-col flex\">\n      <p class=\"noselect\">{{card}}</p>\n    </div>\n  </ng-template>\n\n</div>\n\n\n\n\n", styles: [".stack-header{height:62px}.card-container{min-width:120px;min-height:0}.card-list{min-height:100%}.card{cursor:move}.card.cdk-drag-disabled.clickable{cursor:pointer}.card.cdk-drag-disabled.unclickable{cursor:default}.hoverme .hide{visibility:hidden}.hoverme:hover .hide{visibility:visible}.rotate{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.card-list.cdk-drop-list-dragging .card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { stackId: [{

package/esm2022/lib/components/card-organizer/elder-card-organizer.module.mjs

@@ -17,15 +17,15 @@ export * from './card-organizer/elder-stack-card.directive';
 export * from './card-organizer/elder-card-organizer.component';
 export * from './card-stack/elder-card-stack.component';
 export class ElderCardOrganizerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
             MatIconModule, MatButtonModule, MatDividerModule,
             MatRippleModule,
             DragDropModule,
             TranslateModule,
             ElderCardModule,
             ElderCardOrganizerComponent, ElderCardStackComponent, ElderStackCardDirective], exports: [ElderCardOrganizerComponent, ElderCardStackComponent, ElderStackCardDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerModule, imports: [CommonModule,
             MatIconModule, MatButtonModule, MatDividerModule,
             MatRippleModule,
             DragDropModule,
@@ -33,7 +33,7 @@ export class ElderCardOrganizerModule {
             ElderCardModule,
             ElderCardOrganizerComponent, ElderCardStackComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardOrganizerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardOrganizerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/cards/elder-card/elder-card-header/elder-card-header.component.mjs

@@ -5,10 +5,10 @@ export class ElderCardHeaderComponent {
     constructor() {
         this.padding = '15px 15px 5px 15px';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardHeaderComponent, isStandalone: true, selector: "elder-card-header", inputs: { padding: "padding" }, ngImport: i0, template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardHeaderComponent, isStandalone: true, selector: "elder-card-header", inputs: { padding: "padding" }, ngImport: i0, template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card-header', encapsulation: ViewEncapsulation.None, standalone: true, imports: [NgStyle], template: "\n<!-- Card Header -->\n<div class=\"layout-row place-start-center elder-card-header\" [ngStyle]=\"{'padding': padding}\">\n\n  <!-- Card Title -->\n  <ng-content select=\"elder-card-title\">\n  </ng-content>\n\n  <span class=\"flex\"></span>\n\n  <!-- Card Header Actions -->\n  <div class=\"layout-row place-end-center gap-md\">\n    <ng-content select=\"elder-card-header-actions\"></ng-content>\n  </div>\n\n</div>\n" }]
         }], propDecorators: { padding: [{

package/esm2022/lib/components/cards/elder-card/elder-card.component.mjs

@@ -6,10 +6,10 @@ export class ElderPaddingDirective {
     constructor() {
         this.padding = '8px';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderPaddingDirective, isStandalone: true, selector: "elder-padding, [elder-padding], [elderPadding]", inputs: { padding: ["elderPadding", "padding"] }, host: { properties: { "style.padding": "this.padding" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderPaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderPaddingDirective, isStandalone: true, selector: "elder-padding, [elder-padding], [elderPadding]", inputs: { padding: ["elderPadding", "padding"] }, host: { properties: { "style.padding": "this.padding" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderPaddingDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderPaddingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'elder-padding, [elder-padding], [elderPadding]',
@@ -30,10 +30,10 @@ export class ElderCardTitleDirective {
         this.classTitle = true;
         this.classCardTitle = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardTitleDirective, isStandalone: true, selector: "elder-card-title, [elder-card-title], [elderCardTitle]", host: { properties: { "class.mat-subtitle-1": "this.classTitle", "class.elder-card-title": "this.classCardTitle" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardTitleDirective, isStandalone: true, selector: "elder-card-title, [elder-card-title], [elderCardTitle]", host: { properties: { "class.mat-subtitle-1": "this.classTitle", "class.elder-card-title": "this.classCardTitle" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'elder-card-title, [elder-card-title], [elderCardTitle]',
@@ -54,10 +54,10 @@ export class ElderCardContentDirective {
         this.classCardContent = true;
         this.padding = '4px 12px 4px 12px';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardContentDirective, isStandalone: true, selector: "elder-card-content, [elder-card-content], [elderCardContent]", inputs: { padding: "padding" }, host: { properties: { "class.elder-card-content": "this.classCardContent", "style.padding": "this.padding" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardContentDirective, isStandalone: true, selector: "elder-card-content, [elder-card-content], [elderCardContent]", inputs: { padding: "padding" }, host: { properties: { "class.elder-card-content": "this.classCardContent", "style.padding": "this.padding" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'elder-card-content, [elder-card-content], [elderCardContent]',
@@ -79,10 +79,10 @@ export class ElderCardHeaderActionsDirective {
     constructor() {
         this.classHeaderActions = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardHeaderActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardHeaderActionsDirective, isStandalone: true, selector: "elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]", host: { properties: { "class.elder-card-header-actions": "this.classHeaderActions" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardHeaderActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardHeaderActionsDirective, isStandalone: true, selector: "elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]", host: { properties: { "class.elder-card-header-actions": "this.classHeaderActions" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardHeaderActionsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardHeaderActionsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'elder-card-header-actions, [elder-card-header-actions], [elderCardHeaderActions]',
@@ -100,10 +100,10 @@ export class ElderCardSubtitleDirective {
         this.classSubtitle = true;
         this.classCardSubtitle = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardSubtitleDirective, isStandalone: true, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]", host: { properties: { "class.mat-subtitle-1": "this.classSubtitle", "class.elder-card-subtitle": "this.classCardSubtitle" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardSubtitleDirective, isStandalone: true, selector: "elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]", host: { properties: { "class.mat-subtitle-1": "this.classSubtitle", "class.elder-card-subtitle": "this.classCardSubtitle" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'elder-card-subtitle, [elder-card-subtitle], [elderCardSubtitle]',
@@ -148,10 +148,10 @@ export class ElderCardComponent {
     set flat(value) {
         this._appearance = coerceBooleanProperty(value) ? 'outlined' : 'raised';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.1", type: ElderCardComponent, isStandalone: true, selector: "elder-card", inputs: { appearance: "appearance", float: "float", flat: "flat" }, host: { properties: { "class.elder-card-host": "this.classCardHost" } }, ngImport: i0, template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ElderCardComponent, isStandalone: true, selector: "elder-card", inputs: { appearance: "appearance", float: "float", flat: "flat" }, host: { properties: { "class.elder-card-host": "this.classCardHost" } }, ngImport: i0, template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'elder-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatCard], template: "<mat-card\n  class=\"full mat-typography\"\n  [appearance]=\"appearance\"\n>\n  <!-- If one does not want to use predefined card-sections. -->\n  <ng-content></ng-content>\n\n  <!-- Card Header -->\n  <ng-content select=\"elder-card-header\"></ng-content>\n\n  <!-- Card Content -->\n  <ng-content select=\"elder-card-content\"></ng-content>\n</mat-card>\n", styles: [".elder-card-host{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0}.elder-card-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { classCardHost: [{

package/esm2022/lib/components/cards/elder-card/elder-card.module.mjs

@@ -9,8 +9,8 @@ import * as i0 from "@angular/core";
 export * from './elder-card.component';
 export * from './elder-card-header/elder-card-header.component';
 export class ElderCardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderCardModule, imports: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderCardModule, imports: [
             // Angular
             CommonModule, RouterModule,
             // Third Party
@@ -28,14 +28,14 @@ export class ElderCardModule {
             ElderCardSubtitleDirective,
             ElderCardHeaderComponent,
             ElderPaddingDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardModule, imports: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardModule, imports: [
             // Angular
             CommonModule, RouterModule,
             // Third Party
             TranslateModule, MatCardModule,
             ElderCardComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/chips/elder-chip-label.directive.mjs

@@ -142,10 +142,10 @@ export class ElderChipLabelDirective {
             return undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderChipLabelDirective, deps: [{ token: i1.MatChip, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.1", type: ElderChipLabelDirective, isStandalone: true, selector: "[elderChipLabel]", inputs: { appearance: "appearance", themeColor: ["color", "themeColor"], stateColor: "stateColor", levelColor: "levelColor" }, host: { properties: { "class": "this.classes" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderChipLabelDirective, deps: [{ token: i1.MatChip, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: ElderChipLabelDirective, isStandalone: true, selector: "[elderChipLabel]", inputs: { appearance: "appearance", themeColor: ["color", "themeColor"], stateColor: "stateColor", levelColor: "levelColor" }, host: { properties: { "class": "this.classes" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderChipLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderChipLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[elderChipLabel]',

package/esm2022/lib/components/chips/elder-chips.module.mjs

@@ -7,8 +7,8 @@ import { ElderChipLabelDirective } from './elder-chip-label.directive';
 import * as i0 from "@angular/core";
 export { ElderChipLabelDirective } from './elder-chip-label.directive';
 export class ElderChipsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderChipsModule, imports: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderChipsModule, imports: [
             // Angular
             CommonModule,
             // Third Party
@@ -17,7 +17,7 @@ export class ElderChipsModule {
             MatChipsModule,
             A11yModule,
             ElderChipLabelDirective], exports: [ElderChipLabelDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderChipsModule, imports: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderChipsModule, imports: [
             // Angular
             CommonModule,
             // Third Party
@@ -26,7 +26,7 @@ export class ElderChipsModule {
             MatChipsModule,
             A11yModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderChipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderChipsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/connectivity/elder-connectivity.module.mjs

@@ -9,8 +9,8 @@ import { ElderPipesModule } from '../../pipes/elder-pipes.module';
 import * as i0 from "@angular/core";
 export { ElderOfflineIndicatorComponent } from './offline-indicator/elder-offline-indicator.component';
 export class ElderConnectivityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderConnectivityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.1", ngImport: i0, type: ElderConnectivityModule, imports: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderConnectivityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: ElderConnectivityModule, imports: [
             // Angular
             CommonModule,
             // Third Party
@@ -21,7 +21,7 @@ export class ElderConnectivityModule {
             // ElderByte
             ElderPipesModule,
             ElderOfflineIndicatorComponent], exports: [ElderOfflineIndicatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderConnectivityModule, imports: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderConnectivityModule, imports: [
             // Angular
             CommonModule,
             // Third Party
@@ -33,7 +33,7 @@ export class ElderConnectivityModule {
             ElderPipesModule,
             ElderOfflineIndicatorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.1", ngImport: i0, type: ElderConnectivityModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ElderConnectivityModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [