@wlcm/angular 18.2.28 → 18.2.30

package/button/esm2022/lib/button.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { WlcmButtonComponent } from './components/button/button.component';
 import * as i0 from "@angular/core";
 export class WlcmButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [WlcmButtonComponent],

package/button/esm2022/lib/components/button/button.component.mjs

@@ -1,13 +1,19 @@
-import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter, input } from '@angular/core';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/material/progress-spinner";
 export class WlcmButtonComponent {
     constructor() {
+        /**
+         * @deprecated Use `styleType` instead. This input will be removed in a future release.
+         */
         this.type = 'primary';
-        this.size = 'large';
+        this.size = input('large');
+        this.styleType = input('filled');
+        this.buttonColor = input('primary');
+        this.buttonType = input('button');
         this.isDisabled = false;
         this.isLoading = false;
         this.clicked = new EventEmitter();
@@ -17,16 +23,14 @@ export class WlcmButtonComponent {
             return;
         this.clicked.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.5", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, styleType: { classPropertyName: "styleType", publicName: "styleType", isSignal: true, isRequired: false, transformFunction: null }, buttonColor: { classPropertyName: "buttonColor", publicName: "buttonColor", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "buttonType", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: false, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button\n   wlcm-button--{{ type }}\n   wlcm-button--{{ size() }}\n   wlcm-button--style-{{ styleType() }}\n   wlcm-button--color-{{ buttonColor() }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n  [type]=\"buttonType()\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
+            args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button\n   wlcm-button--{{ type }}\n   wlcm-button--{{ size() }}\n   wlcm-button--style-{{ styleType() }}\n   wlcm-button--color-{{ buttonColor() }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n  [type]=\"buttonType()\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
         }], propDecorators: { type: [{
                 type: Input
-            }], size: [{
-                type: Input
             }], isDisabled: [{
                 type: Input
             }], isLoading: [{
@@ -34,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBVzlFLE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFTVyxTQUFJLEdBQWUsU0FBUyxDQUFDO1FBRTdCLFNBQUksR0FBc0IsT0FBTyxDQUFDO1FBRWxDLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFNUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUUxQixZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FPNUQ7SUFMQyxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxTQUFTO1lBQUUsT0FBTztRQUU5QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7OEdBZlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsa01DYmhDLCtjQWtCQSx5RERWWSxZQUFZLGdPQUFFLHdCQUF3Qjs7MkZBS3JDLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHdCQUF3QixDQUFDLG1CQUdoQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XG5pbXBvcnQgeyBCdXR0b25UeXBlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2J1dHRvbi5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3bGNtLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFdsY21CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiBCdXR0b25UeXBlID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbGFyZ2UnID0gJ2xhcmdlJztcblxuICBASW5wdXQoKSBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KCkgaXNMb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkNsaWNrKCkge1xuICAgIGlmICh0aGlzLmlzRGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRpbmcpIHJldHVybjtcblxuICAgIHRoaXMuY2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gIGNsYXNzPVwid2xjbS1idXR0b24gd2xjbS1idXR0b24tLXt7IHR5cGUgfX0gd2xjbS1idXR0b24tLXt7IHNpemUgfX1cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3dsY20tYnV0dG9uLS1sb2FkaW5nJzogaXNMb2FkaW5nLFxuICAgICd3bGNtLWJ1dHRvbi0tZGlzYWJsZWQnOiBpc0Rpc2FibGVkXG4gIH1cIlxuPlxuICA8ZGl2IGNsYXNzPVwid2xjbS1idXR0b25fX2NvbnRlbnRcIj5cbiAgICA8bWF0LXNwaW5uZXJcbiAgICAgICpuZ0lmPVwiaXNMb2FkaW5nXCJcbiAgICAgIFtjb2xvcl09XCJ0eXBlID09PSAncHJpbWFyeScgPyAnYWNjZW50JyA6ICdwcmltYXJ5J1wiXG4gICAgICBbZGlhbWV0ZXJdPVwiMTZcIlxuICAgID48L21hdC1zcGlubmVyPlxuXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBILE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQVUvQyxNQUFNLE9BQU8sbUJBQW1CO0lBUmhDO1FBU0U7O1dBRUc7UUFDTSxTQUFJLEdBQUcsU0FBUyxDQUFDO1FBRTFCLFNBQUksR0FBZ0MsS0FBSyxDQUFpQixPQUFPLENBQUMsQ0FBQztRQUVuRSxjQUFTLEdBQXFDLEtBQUssQ0FBc0IsUUFBUSxDQUFDLENBQUM7UUFFbkYsZ0JBQVcsR0FBaUMsS0FBSyxDQUFrQixTQUFTLENBQUMsQ0FBQztRQUU5RSxlQUFVLEdBQWdDLEtBQUssQ0FBaUIsUUFBUSxDQUFDLENBQUM7UUFFakUsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVuQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQU81RDtJQUxDLE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFNBQVM7WUFBRSxPQUFPO1FBRTlDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs4R0F4QlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsaWdDQ2JoQyx3a0JBdUJBLHlERGZZLFlBQVksZ09BQUUsd0JBQXdCOzsyRkFLckMsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsd0JBQXdCLENBQUMsbUJBR2hDLHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFVRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgSW5wdXRTaWduYWwsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBXbGNtQnV0dG9uQ29sb3IsIFdsY21CdXR0b25TaXplLCBXbGNtQnV0dG9uU3R5bGVUeXBlLCBXbGNtQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL21vZGVscy9idXR0b24ubW9kZWxzJztcbmltcG9ydCB7IE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2xjbS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBXbGNtQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEBkZXByZWNhdGVkIFVzZSBgc3R5bGVUeXBlYCBpbnN0ZWFkLiBUaGlzIGlucHV0IHdpbGwgYmUgcmVtb3ZlZCBpbiBhIGZ1dHVyZSByZWxlYXNlLlxuICAgKi9cbiAgQElucHV0KCkgdHlwZSA9ICdwcmltYXJ5JztcblxuICBzaXplOiBJbnB1dFNpZ25hbDxXbGNtQnV0dG9uU2l6ZT4gPSBpbnB1dDxXbGNtQnV0dG9uU2l6ZT4oJ2xhcmdlJyk7XG5cbiAgc3R5bGVUeXBlOiBJbnB1dFNpZ25hbDxXbGNtQnV0dG9uU3R5bGVUeXBlPiA9IGlucHV0PFdsY21CdXR0b25TdHlsZVR5cGU+KCdmaWxsZWQnKTtcblxuICBidXR0b25Db2xvcjogSW5wdXRTaWduYWw8V2xjbUJ1dHRvbkNvbG9yPiA9IGlucHV0PFdsY21CdXR0b25Db2xvcj4oJ3ByaW1hcnknKTtcblxuICBidXR0b25UeXBlOiBJbnB1dFNpZ25hbDxXbGNtQnV0dG9uVHlwZT4gPSBpbnB1dDxXbGNtQnV0dG9uVHlwZT4oJ2J1dHRvbicpO1xuXG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc0xvYWRpbmcgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQ2xpY2soKSB7XG4gICAgaWYgKHRoaXMuaXNEaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGluZykgcmV0dXJuO1xuXG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICAoY2xpY2spPVwib25DbGljaygpXCJcbiAgY2xhc3M9XCJ3bGNtLWJ1dHRvblxuICAgd2xjbS1idXR0b24tLXt7IHR5cGUgfX1cbiAgIHdsY20tYnV0dG9uLS17eyBzaXplKCkgfX1cbiAgIHdsY20tYnV0dG9uLS1zdHlsZS17eyBzdHlsZVR5cGUoKSB9fVxuICAgd2xjbS1idXR0b24tLWNvbG9yLXt7IGJ1dHRvbkNvbG9yKCkgfX1cIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3dsY20tYnV0dG9uLS1sb2FkaW5nJzogaXNMb2FkaW5nLFxuICAgICd3bGNtLWJ1dHRvbi0tZGlzYWJsZWQnOiBpc0Rpc2FibGVkXG4gIH1cIlxuICBbdHlwZV09XCJidXR0b25UeXBlKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwid2xjbS1idXR0b25fX2NvbnRlbnRcIj5cbiAgICA8bWF0LXNwaW5uZXJcbiAgICAgICpuZ0lmPVwiaXNMb2FkaW5nXCJcbiAgICAgIFtjb2xvcl09XCJ0eXBlID09PSAncHJpbWFyeScgPyAnYWNjZW50JyA6ICdwcmltYXJ5J1wiXG4gICAgICBbZGlhbWV0ZXJdPVwiMTZcIlxuICAgID48L21hdC1zcGlubmVyPlxuXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvYnV0dG9uPlxuIl19

package/button/esm2022/lib/models/button.models.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvbW9kZWxzL2J1dHRvbi5tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEJ1dHRvblR5cGUgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdhY2NlbnQnIHwgJ2JvcmRlcmxlc3MnIHwgJ3BhZGRpbmdsZXNzJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZGVscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL21vZHVsZXMvYnV0dG9uL3NyYy9saWIvbW9kZWxzL2J1dHRvbi5tb2RlbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFdsY21CdXR0b25UeXBlID0gJ2J1dHRvbicgfCAnc3VibWl0JyB8ICdyZXNldCc7XG5cbmV4cG9ydCB0eXBlIFdsY21CdXR0b25TdHlsZVR5cGUgPSAndGV4dCcgfCAnZmlsbGVkJyB8ICdjb21wYWN0JyB8IChzdHJpbmcgJiBOb25OdWxsYWJsZTx1bmtub3duPik7XG5cbmV4cG9ydCB0eXBlIFdsY21CdXR0b25Db2xvciA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3dhcm4nIHwgKHN0cmluZyAmIE5vbk51bGxhYmxlPHVua25vd24+KTtcblxuZXhwb3J0IHR5cGUgV2xjbUJ1dHRvblNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgKHN0cmluZyAmIE5vbk51bGxhYmxlPHVua25vd24+KTtcbiJdfQ==

package/button/fesm2022/wlcm-angular-button.mjs

@@ -1,14 +1,20 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
 import * as i2 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class WlcmButtonComponent {
     constructor() {
+        /**
+         * @deprecated Use `styleType` instead. This input will be removed in a future release.
+         */
         this.type = 'primary';
-        this.size = 'large';
+        this.size = input('large');
+        this.styleType = input('filled');
+        this.buttonColor = input('primary');
+        this.buttonType = input('button');
         this.isDisabled = false;
         this.isLoading = false;
         this.clicked = new EventEmitter();
@@ -18,16 +24,14 @@ class WlcmButtonComponent {
             return;
         this.clicked.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: "type", size: "size", isDisabled: "isDisabled", isLoading: "isLoading" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.5", type: WlcmButtonComponent, isStandalone: true, selector: "wlcm-button", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, styleType: { classPropertyName: "styleType", publicName: "styleType", isSignal: true, isRequired: false, transformFunction: null }, buttonColor: { classPropertyName: "buttonColor", publicName: "buttonColor", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "buttonType", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: false, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button\n   wlcm-button--{{ type }}\n   wlcm-button--{{ size() }}\n   wlcm-button--style-{{ styleType() }}\n   wlcm-button--color-{{ buttonColor() }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n  [type]=\"buttonType()\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
+            args: [{ selector: 'wlcm-button', standalone: true, imports: [CommonModule, MatProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button\n   wlcm-button--{{ type }}\n   wlcm-button--{{ size() }}\n   wlcm-button--style-{{ styleType() }}\n   wlcm-button--color-{{ buttonColor() }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n  [type]=\"buttonType()\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n" }]
         }], propDecorators: { type: [{
                 type: Input
-            }], size: [{
-                type: Input
             }], isDisabled: [{
                 type: Input
             }], isLoading: [{
@@ -37,11 +41,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
             }] } });
 
 class WlcmButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent], exports: [WlcmButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, imports: [WlcmButtonComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [WlcmButtonComponent],

package/button/fesm2022/wlcm-angular-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"wlcm-angular-button.mjs","sources":["../../../../modules/button/src/lib/components/button/button.component.ts","../../../../modules/button/src/lib/components/button/button.component.html","../../../../modules/button/src/lib/button.module.ts","../../../../modules/button/src/wlcm-angular-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { ButtonType } from '../../models/button.models';\n\n@Component({\n  selector: 'wlcm-button',\n  standalone: true,\n  imports: [CommonModule, MatProgressSpinnerModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmButtonComponent {\n  @Input() type: ButtonType = 'primary';\n\n  @Input() size: 'small' | 'large' = 'large';\n\n  @Input() isDisabled: boolean = false;\n\n  @Input() isLoading: boolean = false;\n\n  @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n  onClick() {\n    if (this.isDisabled || this.isLoading) return;\n\n    this.clicked.emit();\n  }\n}\n","<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button wlcm-button--{{ type }} wlcm-button--{{ size }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n","import { NgModule } from '@angular/core';\nimport { WlcmButtonComponent } from './components/button/button.component';\n\n@NgModule({\n  imports: [WlcmButtonComponent],\n  exports: [WlcmButtonComponent],\n})\nexport class WlcmButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wlcm-angular-button.mjs","sources":["../../../../modules/button/src/lib/components/button/button.component.ts","../../../../modules/button/src/lib/components/button/button.component.html","../../../../modules/button/src/lib/button.module.ts","../../../../modules/button/src/wlcm-angular-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter, InputSignal, input } from '@angular/core';\nimport { WlcmButtonColor, WlcmButtonSize, WlcmButtonStyleType, WlcmButtonType } from '../../models/button.models';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'wlcm-button',\n  standalone: true,\n  imports: [CommonModule, MatProgressSpinnerModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WlcmButtonComponent {\n  /**\n   * @deprecated Use `styleType` instead. This input will be removed in a future release.\n   */\n  @Input() type = 'primary';\n\n  size: InputSignal<WlcmButtonSize> = input<WlcmButtonSize>('large');\n\n  styleType: InputSignal<WlcmButtonStyleType> = input<WlcmButtonStyleType>('filled');\n\n  buttonColor: InputSignal<WlcmButtonColor> = input<WlcmButtonColor>('primary');\n\n  buttonType: InputSignal<WlcmButtonType> = input<WlcmButtonType>('button');\n\n  @Input() isDisabled = false;\n\n  @Input() isLoading = false;\n\n  @Output() clicked: EventEmitter<void> = new EventEmitter();\n\n  onClick() {\n    if (this.isDisabled || this.isLoading) return;\n\n    this.clicked.emit();\n  }\n}\n","<button\n  (click)=\"onClick()\"\n  class=\"wlcm-button\n   wlcm-button--{{ type }}\n   wlcm-button--{{ size() }}\n   wlcm-button--style-{{ styleType() }}\n   wlcm-button--color-{{ buttonColor() }}\"\n  [ngClass]=\"{\n    'wlcm-button--loading': isLoading,\n    'wlcm-button--disabled': isDisabled\n  }\"\n  [type]=\"buttonType()\"\n>\n  <div class=\"wlcm-button__content\">\n    <mat-spinner\n      *ngIf=\"isLoading\"\n      [color]=\"type === 'primary' ? 'accent' : 'primary'\"\n      [diameter]=\"16\"\n    ></mat-spinner>\n\n    <ng-content></ng-content>\n  </div>\n</button>\n","import { NgModule } from '@angular/core';\nimport { WlcmButtonComponent } from './components/button/button.component';\n\n@NgModule({\n  imports: [WlcmButtonComponent],\n  exports: [WlcmButtonComponent],\n})\nexport class WlcmButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAaa,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;AASE;;AAEG;QACM,IAAI,CAAA,IAAA,GAAG,SAAS,CAAC;AAE1B,QAAA,IAAA,CAAA,IAAI,GAAgC,KAAK,CAAiB,OAAO,CAAC,CAAC;AAEnE,QAAA,IAAA,CAAA,SAAS,GAAqC,KAAK,CAAsB,QAAQ,CAAC,CAAC;AAEnF,QAAA,IAAA,CAAA,WAAW,GAAiC,KAAK,CAAkB,SAAS,CAAC,CAAC;AAE9E,QAAA,IAAA,CAAA,UAAU,GAAgC,KAAK,CAAiB,QAAQ,CAAC,CAAC;QAEjE,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QAEnB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAEjB,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAE,CAAC;AAO5D,KAAA;IALC,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;AAE9C,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;8GAxBU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECbhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wkBAuBA,EDfY,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,gOAAE,wBAAwB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKrC,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACE,aAAa,EAAA,UAAA,EACX,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,wBAAwB,CAAC,EAAA,eAAA,EAGhC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wkBAAA,EAAA,CAAA;8BAMtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAUG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAEG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MExBI,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAhB,gBAAgB,EAAA,OAAA,EAAA,CAHjB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACnB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAElB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAHjB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGlB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

package/button/lib/components/button/button.component.d.ts

@@ -1,13 +1,19 @@
-import { EventEmitter } from '@angular/core';
-import { ButtonType } from '../../models/button.models';
+import { EventEmitter, InputSignal } from '@angular/core';
+import { WlcmButtonColor, WlcmButtonSize, WlcmButtonStyleType, WlcmButtonType } from '../../models/button.models';
 import * as i0 from "@angular/core";
 export declare class WlcmButtonComponent {
-    type: ButtonType;
-    size: 'small' | 'large';
+    /**
+     * @deprecated Use `styleType` instead. This input will be removed in a future release.
+     */
+    type: string;
+    size: InputSignal<WlcmButtonSize>;
+    styleType: InputSignal<WlcmButtonStyleType>;
+    buttonColor: InputSignal<WlcmButtonColor>;
+    buttonType: InputSignal<WlcmButtonType>;
     isDisabled: boolean;
     isLoading: boolean;
     clicked: EventEmitter<void>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WlcmButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmButtonComponent, "wlcm-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WlcmButtonComponent, "wlcm-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleType": { "alias": "styleType"; "required": false; "isSignal": true; }; "buttonColor": { "alias": "buttonColor"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
 }

package/button/lib/models/button.models.d.ts

@@ -1 +1,4 @@
-export type ButtonType = 'primary' | 'secondary' | 'accent' | 'borderless' | 'paddingless';
+export type WlcmButtonType = 'button' | 'submit' | 'reset';
+export type WlcmButtonStyleType = 'text' | 'filled' | 'compact' | (string & NonNullable<unknown>);
+export type WlcmButtonColor = 'primary' | 'secondary' | 'warn' | (string & NonNullable<unknown>);
+export type WlcmButtonSize = 'small' | 'medium' | 'large' | (string & NonNullable<unknown>);

package/core/esm2022/lib/components/default-loader/default-loader.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class WlcmDefaultLoaderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: WlcmDefaultLoaderComponent, isStandalone: true, selector: "wlcm-default-loader", host: { classAttribute: "wlcm-default-loader" }, ngImport: i0, template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmDefaultLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-default-loader', host: { class: 'wlcm-default-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"spinner center\">\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n  <div class=\"spinner-blade\"></div>\n</div>\n" }]
         }] });

package/core/esm2022/lib/components/icons/calendar-icon/calendar-icon.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class CalendarIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CalendarIconComponent, isStandalone: true, selector: "wlcm-calendar-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CalendarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CalendarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-calendar-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"icon/date-grey\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M11,0 C11.5522847,0 12,0.44771525 12,1 L14,1 C15.1045695,1 16,1.8954305 16,3 L16,14 C16,15.1045695 15.1045695,16 14,16 L2,16 C0.8954305,16 0,15.1045695 0,14 L0,3 C0,1.8954305 0.8954305,1 2,1 L4,1 C4,0.44771525 4.44771525,0 5,0 C5.55228475,0 6,0.44771525 6,1 L10,1 C10,0.44771525 10.4477153,0 11,0 Z M14,7 L2,7 L2,14 L14,14 L14,7 Z M4,3 L2,3 L2,5 L14,5 L14,3 L12,3 C12,3.55228475 11.5522847,4 11,4 C10.4477153,4 10,3.55228475 10,3 L6,3 C6,3.55228475 5.55228475,4 5,4 C4.44771525,4 4,3.55228475 4,3 Z\"\n      id=\"Combined-Shape\"\n      fill=\"#8E9498\"\n      fill-rule=\"nonzero\"\n    ></path>\n    <rect\n      id=\"Rectangle\"\n      fill=\"#8E9498\"\n      x=\"9\"\n      y=\"9\"\n      width=\"3\"\n      height=\"3\"\n      rx=\"1\"\n    ></rect>\n  </g>\n</svg>\n", styles: [":host{display:block;cursor:pointer}:host svg{display:block}\n"] }]
         }] });

package/core/esm2022/lib/components/icons/chevron-down-icon/chevron-down-icon.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class ChevronDownIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: ChevronDownIconComponent, isStandalone: true, selector: "wlcm-chevron-down-icon", ngImport: i0, template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ChevronDownIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-chevron-down-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"12px\"\n  height=\"7px\"\n  viewBox=\"0 0 12 7\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"4-Media-Library\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g id=\"4.1.0-Filter-by-type\" transform=\"translate(-303.000000, -73.000000)\">\n      <g id=\"Group-7\" transform=\"translate(45.000000, 64.000000)\">\n        <g id=\"Group\" transform=\"translate(258.000000, 6.000000)\">\n          <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"12\" height=\"12\"></rect>\n          <polyline\n            id=\"Path\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            points=\"1 4 6 9 11 4\"\n          ></polyline>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [":host{display:block}:host svg{display:block}\n"] }]
         }] });

package/core/esm2022/lib/components/icons/close-icon/close-icon.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class CloseIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: CloseIconComponent, isStandalone: true, selector: "wlcm-close-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CloseIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CloseIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-close-icon', standalone: true, imports: [CommonModule], template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n>\n  <g\n    id=\"2-User-Management\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <g\n      id=\"2.0.1-Export-users-two-filters\"\n      transform=\"translate(-310.000000, -54.000000)\"\n    >\n      <g id=\"icons/close\" transform=\"translate(310.000000, 54.000000)\">\n        <rect\n          id=\"Rectangle\"\n          fill=\"#EDF0F3\"\n          x=\"0\"\n          y=\"0\"\n          width=\"16\"\n          height=\"16\"\n          rx=\"4\"\n        ></rect>\n        <path\n          d=\"M12,4 L4,12 M4,4 L12,12\"\n          id=\"Combined-Shape\"\n          stroke=\"#4A5056\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        ></path>\n      </g>\n    </g>\n  </g>\n</svg>\n" }]
         }] });

package/core/esm2022/lib/components/icons/search-icon/search-icon.component.mjs

@@ -2,10 +2,10 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class SearchIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SearchIconComponent, isStandalone: true, selector: "wlcm-search-icon", ngImport: i0, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SearchIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SearchIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-search-icon', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n  width=\"16px\"\n  height=\"16px\"\n  viewBox=\"0 0 16 16\"\n  version=\"1.1\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  style=\"display: block\"\n>\n  <g\n    id=\"icons/search\"\n    stroke=\"none\"\n    stroke-width=\"1\"\n    fill=\"none\"\n    fill-rule=\"evenodd\"\n  >\n    <rect id=\"Rectangle\" x=\"0\" y=\"0\" width=\"16\" height=\"16\"></rect>\n    <path\n      d=\"M7,0 C10.8659932,0 14,3.13400675 14,7 C14,8.57234957 13.4815869,10.0236173 12.6063605,11.1922034 L15.1213203,13.7071068 C15.5118446,14.0976311 15.5118446,14.7307961 15.1213203,15.1213203 C14.7307961,15.5118446 14.0976311,15.5118446 13.7071068,15.1213203 L11.1922034,12.6063605 C10.0236173,13.4815869 8.57234957,14 7,14 C3.13400675,14 0,10.8659932 0,7 C0,3.13400675 3.13400675,0 7,0 Z M7,2 C4.23857625,2 2,4.23857625 2,7 C2,9.76142375 4.23857625,12 7,12 C9.76142375,12 12,9.76142375 12,7 C12,4.23857625 9.76142375,2 7,2 Z\"\n      id=\"Combined-Shape\"\n      fill=\"currentColor\"\n      fill-rule=\"nonzero\"\n    ></path>\n  </g>\n</svg>\n", styles: [":host{display:block;color:#5a5a5a}\n"] }]
         }] });

package/core/esm2022/lib/components/loader/loader.component.mjs

@@ -16,10 +16,10 @@ export class WlcmLoaderComponent {
             this.container().createComponent(this.loaderComponent);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.6", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, deps: [{ token: WLCM_LOADER_COMPONENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.5", type: WlcmLoaderComponent, isStandalone: true, selector: "wlcm-loader", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wlcm-loader-hidden": "this.isHidden" }, classAttribute: "wlcm-loader" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmLoaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wlcm-loader', host: { class: 'wlcm-loader' }, standalone: true, imports: [CommonModule], template: "<div class=\"wlcm-loader-container\">\n  <ng-container #container></ng-container>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.Type, decorators: [{

package/core/esm2022/lib/directives/icon.directive.mjs

@@ -28,15 +28,15 @@ let WlcmIconDirective = class WlcmIconDirective {
             this.handleClick(ref);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.6", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, deps: [{ token: WLCM_ICONS }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.5", type: WlcmIconDirective, isStandalone: true, selector: "[wlcmIcon]", inputs: { name: { classPropertyName: "name", publicName: "wlcmIcon", isSignal: true, isRequired: true, transformFunction: null }, stopPropagation: { classPropertyName: "stopPropagation", publicName: "wlcmIconStopPropagation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "wlcmIconClicked" }, ngImport: i0 }); }
 };
 WlcmIconDirective = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [Object, ViewContainerRef])
 ], WlcmIconDirective);
 export { WlcmIconDirective };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: WlcmIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: WlcmIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wlcmIcon]',

package/core/esm2022/lib/services/scroll-detection.api.mjs

@@ -6,29 +6,34 @@ export class ScrollDetectionApi {
         this.zone = zone;
     }
     onScrolledDown(element, threshold = 0.8) {
-        let lastScrollHeight = 0;
+        let lastScrollHeight = 0, scrollHeightChanged = false;
         return new Observable((subscriber) => {
             const destroy$ = new Subject();
             this.zone.runOutsideAngular(() => {
                 fromEvent(element, 'scroll')
                     .pipe(takeUntil(destroy$), filter(() => {
                     const currentScrollHeight = element.scrollHeight;
-                    if (currentScrollHeight === lastScrollHeight)
-                        return false;
-                    lastScrollHeight = currentScrollHeight;
+                    if (currentScrollHeight !== lastScrollHeight) {
+                        lastScrollHeight = currentScrollHeight;
+                        scrollHeightChanged = true;
+                    }
                     const scrolledRatio = (element.scrollTop + element.clientHeight) / currentScrollHeight;
-                    return scrolledRatio >= threshold;
+                    if (scrollHeightChanged && scrolledRatio >= threshold) {
+                        scrollHeightChanged = false;
+                        return true;
+                    }
+                    return false;
                 }))
                     .subscribe((event) => this.zone.run(() => subscriber.next(event)));
             });
             return () => destroy$.next();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ScrollDetectionApi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: ScrollDetectionApi, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i0.NgZone }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWRldGVjdGlvbi5hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb3JlL3NyYy9saWIvc2VydmljZXMvc2Nyb2xsLWRldGVjdGlvbi5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBR3JGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBb0IsSUFBWTtRQUFaLFNBQUksR0FBSixJQUFJLENBQVE7SUFBRyxDQUFDO0lBRXBDLGNBQWMsQ0FBQyxPQUFvQixFQUFFLFNBQVMsR0FBRyxHQUFHO1FBQ2xELElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBRXpCLE9BQU8sSUFBSSxVQUFVLENBQVEsQ0FBQyxVQUE2QixFQUFFLEVBQUU7WUFDN0QsTUFBTSxRQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztZQUVyQyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsRUFBRTtnQkFDL0IsU0FBUyxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUM7cUJBQ3pCLElBQUksQ0FDSCxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQ25CLE1BQU0sQ0FBQyxHQUFHLEVBQUU7b0JBQ1YsTUFBTSxtQkFBbUIsR0FBVyxPQUFPLENBQUMsWUFBWSxDQUFDO29CQUV6RCxJQUFJLG1CQUFtQixLQUFLLGdCQUFnQjt3QkFBRSxPQUFPLEtBQUssQ0FBQztvQkFFM0QsZ0JBQWdCLEdBQUcsbUJBQW1CLENBQUM7b0JBRXZDLE1BQU0sYUFBYSxHQUFXLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLEdBQUcsbUJBQW1CLENBQUM7b0JBRS9GLE9BQU8sYUFBYSxJQUFJLFNBQVMsQ0FBQztnQkFDcEMsQ0FBQyxDQUFDLENBQ0g7cUJBQ0EsU0FBUyxDQUFDLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUM5RSxDQUFDLENBQUMsQ0FBQztZQUVILE9BQU8sR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0E5QlUsa0JBQWtCO2tIQUFsQixrQkFBa0IsY0FETCxNQUFNOzsyRkFDbkIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIE5nWm9uZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgZmlsdGVyLCBmcm9tRXZlbnQsIFN1YmplY3QsIHRha2VVbnRpbCwgU3Vic2NyaWJlciB9IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIFNjcm9sbERldGVjdGlvbkFwaSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgem9uZTogTmdab25lKSB7fVxuXG4gIG9uU2Nyb2xsZWREb3duKGVsZW1lbnQ6IEhUTUxFbGVtZW50LCB0aHJlc2hvbGQgPSAwLjgpOiBPYnNlcnZhYmxlPEV2ZW50PiB7XG4gICAgbGV0IGxhc3RTY3JvbGxIZWlnaHQgPSAwO1xuXG4gICAgcmV0dXJuIG5ldyBPYnNlcnZhYmxlPEV2ZW50Pigoc3Vic2NyaWJlcjogU3Vic2NyaWJlcjxFdmVudD4pID0+IHtcbiAgICAgIGNvbnN0IGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgICAgdGhpcy56b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcbiAgICAgICAgZnJvbUV2ZW50KGVsZW1lbnQsICdzY3JvbGwnKVxuICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgdGFrZVVudGlsKGRlc3Ryb3kkKSxcbiAgICAgICAgICAgIGZpbHRlcigoKSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IGN1cnJlbnRTY3JvbGxIZWlnaHQ6IG51bWJlciA9IGVsZW1lbnQuc2Nyb2xsSGVpZ2h0O1xuXG4gICAgICAgICAgICAgIGlmIChjdXJyZW50U2Nyb2xsSGVpZ2h0ID09PSBsYXN0U2Nyb2xsSGVpZ2h0KSByZXR1cm4gZmFsc2U7XG5cbiAgICAgICAgICAgICAgbGFzdFNjcm9sbEhlaWdodCA9IGN1cnJlbnRTY3JvbGxIZWlnaHQ7XG5cbiAgICAgICAgICAgICAgY29uc3Qgc2Nyb2xsZWRSYXRpbzogbnVtYmVyID0gKGVsZW1lbnQuc2Nyb2xsVG9wICsgZWxlbWVudC5jbGllbnRIZWlnaHQpIC8gY3VycmVudFNjcm9sbEhlaWdodDtcblxuICAgICAgICAgICAgICByZXR1cm4gc2Nyb2xsZWRSYXRpbyA+PSB0aHJlc2hvbGQ7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICApXG4gICAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IEV2ZW50KSA9PiB0aGlzLnpvbmUucnVuKCgpID0+IHN1YnNjcmliZXIubmV4dChldmVudCkpKTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4gZGVzdHJveSQubmV4dCgpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLWRldGVjdGlvbi5hcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb3JlL3NyYy9saWIvc2VydmljZXMvc2Nyb2xsLWRldGVjdGlvbi5hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxNQUFNLENBQUM7O0FBR3JGLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBb0IsSUFBWTtRQUFaLFNBQUksR0FBSixJQUFJLENBQVE7SUFBRyxDQUFDO0lBRXBDLGNBQWMsQ0FBQyxPQUFvQixFQUFFLFNBQVMsR0FBRyxHQUFHO1FBQ2xELElBQUksZ0JBQWdCLEdBQUcsQ0FBQyxFQUN0QixtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFOUIsT0FBTyxJQUFJLFVBQVUsQ0FBUSxDQUFDLFVBQTZCLEVBQUUsRUFBRTtZQUM3RCxNQUFNLFFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1lBRXJDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO2dCQUMvQixTQUFTLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQztxQkFDekIsSUFBSSxDQUNILFNBQVMsQ0FBQyxRQUFRLENBQUMsRUFDbkIsTUFBTSxDQUFDLEdBQUcsRUFBRTtvQkFDVixNQUFNLG1CQUFtQixHQUFXLE9BQU8sQ0FBQyxZQUFZLENBQUM7b0JBRXpELElBQUksbUJBQW1CLEtBQUssZ0JBQWdCLEVBQUUsQ0FBQzt3QkFDN0MsZ0JBQWdCLEdBQUcsbUJBQW1CLENBQUM7d0JBRXZDLG1CQUFtQixHQUFHLElBQUksQ0FBQztvQkFDN0IsQ0FBQztvQkFFRCxNQUFNLGFBQWEsR0FBVyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLFlBQVksQ0FBQyxHQUFHLG1CQUFtQixDQUFDO29CQUUvRixJQUFJLG1CQUFtQixJQUFJLGFBQWEsSUFBSSxTQUFTLEVBQUUsQ0FBQzt3QkFDdEQsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO3dCQUU1QixPQUFPLElBQUksQ0FBQztvQkFDZCxDQUFDO29CQUVELE9BQU8sS0FBSyxDQUFDO2dCQUNmLENBQUMsQ0FBQyxDQUNIO3FCQUNBLFNBQVMsQ0FBQyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUUsQ0FBQyxDQUFDLENBQUM7WUFFSCxPQUFPLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBdkNVLGtCQUFrQjtrSEFBbEIsa0JBQWtCLGNBREwsTUFBTTs7MkZBQ25CLGtCQUFrQjtrQkFEOUIsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBOZ1pvbmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIGZpbHRlciwgZnJvbUV2ZW50LCBTdWJqZWN0LCB0YWtlVW50aWwsIFN1YnNjcmliZXIgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBTY3JvbGxEZXRlY3Rpb25BcGkge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHpvbmU6IE5nWm9uZSkge31cblxuICBvblNjcm9sbGVkRG93bihlbGVtZW50OiBIVE1MRWxlbWVudCwgdGhyZXNob2xkID0gMC44KTogT2JzZXJ2YWJsZTxFdmVudD4ge1xuICAgIGxldCBsYXN0U2Nyb2xsSGVpZ2h0ID0gMCxcbiAgICAgIHNjcm9sbEhlaWdodENoYW5nZWQgPSBmYWxzZTtcblxuICAgIHJldHVybiBuZXcgT2JzZXJ2YWJsZTxFdmVudD4oKHN1YnNjcmliZXI6IFN1YnNjcmliZXI8RXZlbnQ+KSA9PiB7XG4gICAgICBjb25zdCBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICAgIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XG4gICAgICAgIGZyb21FdmVudChlbGVtZW50LCAnc2Nyb2xsJylcbiAgICAgICAgICAucGlwZShcbiAgICAgICAgICAgIHRha2VVbnRpbChkZXN0cm95JCksXG4gICAgICAgICAgICBmaWx0ZXIoKCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBjdXJyZW50U2Nyb2xsSGVpZ2h0OiBudW1iZXIgPSBlbGVtZW50LnNjcm9sbEhlaWdodDtcblxuICAgICAgICAgICAgICBpZiAoY3VycmVudFNjcm9sbEhlaWdodCAhPT0gbGFzdFNjcm9sbEhlaWdodCkge1xuICAgICAgICAgICAgICAgIGxhc3RTY3JvbGxIZWlnaHQgPSBjdXJyZW50U2Nyb2xsSGVpZ2h0O1xuXG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0Q2hhbmdlZCA9IHRydWU7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCBzY3JvbGxlZFJhdGlvOiBudW1iZXIgPSAoZWxlbWVudC5zY3JvbGxUb3AgKyBlbGVtZW50LmNsaWVudEhlaWdodCkgLyBjdXJyZW50U2Nyb2xsSGVpZ2h0O1xuXG4gICAgICAgICAgICAgIGlmIChzY3JvbGxIZWlnaHRDaGFuZ2VkICYmIHNjcm9sbGVkUmF0aW8gPj0gdGhyZXNob2xkKSB7XG4gICAgICAgICAgICAgICAgc2Nyb2xsSGVpZ2h0Q2hhbmdlZCA9IGZhbHNlO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICApXG4gICAgICAgICAgLnN1YnNjcmliZSgoZXZlbnQ6IEV2ZW50KSA9PiB0aGlzLnpvbmUucnVuKCgpID0+IHN1YnNjcmliZXIubmV4dChldmVudCkpKTtcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4gZGVzdHJveSQubmV4dCgpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=