mis-crystal-design-system 18.0.24 → 18.1.0-signal-test

package/esm2022/phone-input/phone-input.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { Component, EventEmitter, Output, ChangeDetectionStrategy, input } from "@angular/core";
 import { FormControl } from "@angular/forms";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -7,16 +7,20 @@ import * as i3 from "mis-crystal-design-system/dropdown";
 const _c0 = a0 => ({ "height": a0 });
 export class PhoneInputComponent {
     constructor() {
-        this.dropdownData = [];
-        this.dropdownSelectedItem = { value: "", label: "" };
-        this.inputPlaceholder = 'Enter';
-        this.inputFormControl = new FormControl();
+        this.dropdownHeight = input();
+        this.dropdownWidth = input();
+        this.inputHeight = input();
+        this.dropdownData = input([]);
+        this.dropdownSelectedItem = input({ value: "", label: "" });
+        this.label = input();
+        this.inputPlaceholder = input('Enter');
+        this.inputFormControl = input(new FormControl());
+        this.dropdownListWidth = input();
+        this.dropdownListHeight = input();
+        this.searchEnabled = input(false);
+        this.inputType = input("number");
+        this.searchLabel = input("Search Keyword");
         this.onDropdownSelection = new EventEmitter();
-        this.searchEnabled = false;
-        this.inputType = "number";
-        this.searchLabel = "Search Keyword";
-    }
-    ngOnInit() {
     }
     handleDropdownSelection(item) {
         this.onDropdownSelection.emit(item);
@@ -26,7 +30,7 @@ export class PhoneInputComponent {
         event.preventDefault();
     }
     static { this.ɵfac = function PhoneInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoneInputComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneInputComponent, selectors: [["mis-phone-input"]], inputs: { dropdownHeight: "dropdownHeight", dropdownWidth: "dropdownWidth", inputHeight: "inputHeight", dropdownData: "dropdownData", dropdownSelectedItem: "dropdownSelectedItem", label: "label", inputPlaceholder: "inputPlaceholder", inputFormControl: "inputFormControl", dropdownListWidth: "dropdownListWidth", dropdownListHeight: "dropdownListHeight", searchEnabled: "searchEnabled", inputType: "inputType", searchLabel: "searchLabel" }, outputs: { onDropdownSelection: "onDropdownSelection" }, decls: 5, vars: 16, consts: [[1, "main-container-phone"], [3, "onChange", "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "wheel", "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneInputComponent, selectors: [["mis-phone-input"]], inputs: { dropdownHeight: [1, "dropdownHeight"], dropdownWidth: [1, "dropdownWidth"], inputHeight: [1, "inputHeight"], dropdownData: [1, "dropdownData"], dropdownSelectedItem: [1, "dropdownSelectedItem"], label: [1, "label"], inputPlaceholder: [1, "inputPlaceholder"], inputFormControl: [1, "inputFormControl"], dropdownListWidth: [1, "dropdownListWidth"], dropdownListHeight: [1, "dropdownListHeight"], searchEnabled: [1, "searchEnabled"], inputType: [1, "inputType"], searchLabel: [1, "searchLabel"] }, outputs: { onDropdownSelection: "onDropdownSelection" }, decls: 5, vars: 16, consts: [[1, "main-container-phone"], [3, "onChange", "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "wheel", "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "mis-dropdown", 1);
             i0.ɵɵlistener("onChange", function PhoneInputComponent_Template_mis_dropdown_onChange_1_listener($event) { return ctx.handleDropdownSelection($event); });
             i0.ɵɵelementEnd();
@@ -35,42 +39,16 @@ export class PhoneInputComponent {
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵproperty("height", ctx.dropdownHeight)("dropdownListWidth", ctx.dropdownListWidth)("dropdownListHeight", ctx.dropdownListHeight)("width", ctx.dropdownWidth)("data", ctx.dropdownData)("selectedItem", ctx.dropdownSelectedItem)("label", ctx.label)("searchEnabled", ctx.searchEnabled)("multiLine", false)("searchLabel", ctx.searchLabel);
+            i0.ɵɵproperty("height", ctx.dropdownHeight())("dropdownListWidth", ctx.dropdownListWidth())("dropdownListHeight", ctx.dropdownListHeight())("width", ctx.dropdownWidth())("data", ctx.dropdownData())("selectedItem", ctx.dropdownSelectedItem())("label", ctx.label())("searchEnabled", ctx.searchEnabled())("multiLine", false)("searchLabel", ctx.searchLabel());
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight))("placeholder", ctx.inputPlaceholder)("formControl", ctx.inputFormControl)("type", ctx.inputType);
-        } }, dependencies: [i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.DropdownComponent], styles: [".main-container-phone[_ngcontent-%COMP%]{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:inline-block;min-width:224px;margin-right:24px}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]{width:100%}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;height:32px}input[_ngcontent-%COMP%]{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text[_ngcontent-%COMP%]{color:#181f33;font-size:16px;line-height:24px}input[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][_ngcontent-%COMP%]{appearance:textfield;-moz-appearance:textfield}.main-container-phone[_ngcontent-%COMP%]     .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%]     .dropdown{border:unset!important}"] }); }
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight()))("placeholder", ctx.inputPlaceholder())("formControl", ctx.inputFormControl())("type", ctx.inputType());
+        } }, dependencies: [i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.DropdownComponent], styles: [".main-container-phone[_ngcontent-%COMP%]{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:inline-block;min-width:224px;margin-right:24px}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]{width:100%}.details-field[_ngcontent-%COMP%]   .input-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;height:32px}input[_ngcontent-%COMP%]{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text[_ngcontent-%COMP%]{color:#181f33;font-size:16px;line-height:24px}input[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][_ngcontent-%COMP%]{appearance:textfield;-moz-appearance:textfield}.main-container-phone[_ngcontent-%COMP%]     .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%]     .dropdown{border:unset!important}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputComponent, [{
         type: Component,
-        args: [{ selector: "mis-phone-input", template: "<div class=\"main-container-phone\">\n  <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"></mis-dropdown>\n  <div class=\"details-field\">\n    <div class=\"input-box\">\n      <input\n      [ngStyle]=\"{'height': inputHeight }\"\n        class=\"black-text\"\n        [placeholder]=\"inputPlaceholder\"\n        [formControl]=\"inputFormControl\" \n        [type]=\"inputType\"\n        (wheel)=\"preventScroll($event)\"\n      />\n    </div>\n  </div>\n</div>\n", styles: [".main-container-phone{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field label{display:inline-block;min-width:224px;margin-right:24px}.details-field .input-box{width:100%}.details-field .input-box input{width:100%;height:32px}input{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text{color:#181f33;font-size:16px;line-height:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"] }]
-    }], () => [], { dropdownHeight: [{
-            type: Input
-        }], dropdownWidth: [{
-            type: Input
-        }], inputHeight: [{
-            type: Input
-        }], dropdownData: [{
-            type: Input
-        }], dropdownSelectedItem: [{
-            type: Input
-        }], label: [{
-            type: Input
-        }], inputPlaceholder: [{
-            type: Input
-        }], inputFormControl: [{
-            type: Input
-        }], onDropdownSelection: [{
+        args: [{ selector: "mis-phone-input", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main-container-phone\">\n  <mis-dropdown \n    [height]=\"dropdownHeight()\" \n    [dropdownListWidth]=\"dropdownListWidth()\"\n    [dropdownListHeight]=\"dropdownListHeight()\" \n    [width]=\"dropdownWidth()\" \n    [data]=\"dropdownData()\" \n    [selectedItem]=\"dropdownSelectedItem()\" \n    [label]=\"label()\" \n    [searchEnabled]=\"searchEnabled()\" \n    [multiLine]=\"false\" \n    (onChange)=\"handleDropdownSelection($event)\" \n    [searchLabel]=\"searchLabel()\">\n  </mis-dropdown>\n  <div class=\"details-field\">\n    <div class=\"input-box\">\n      <input\n        [ngStyle]=\"{'height': inputHeight() }\"\n        class=\"black-text\"\n        [placeholder]=\"inputPlaceholder()\"\n        [formControl]=\"inputFormControl()\" \n        [type]=\"inputType()\"\n        (wheel)=\"preventScroll($event)\"\n      />\n    </div>\n  </div>\n</div>\n", styles: [".main-container-phone{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field label{display:inline-block;min-width:224px;margin-right:24px}.details-field .input-box{width:100%}.details-field .input-box input{width:100%;height:32px}input{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text{color:#181f33;font-size:16px;line-height:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"] }]
+    }], null, { onDropdownSelection: [{
             type: Output
-        }], dropdownListWidth: [{
-            type: Input
-        }], dropdownListHeight: [{
-            type: Input
-        }], searchEnabled: [{
-            type: Input
-        }], inputType: [{
-            type: Input
-        }], searchLabel: [{
-            type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhoneInputComponent, { className: "PhoneInputComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVE3QyxNQUFNLE9BQU8sbUJBQW1CO0lBa0I5QjtRQWRTLGlCQUFZLEdBQW1CLEVBQUUsQ0FBQztRQUNsQyx5QkFBb0IsR0FBZ0IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQTtRQUc1RCxxQkFBZ0IsR0FBVyxPQUFPLENBQUM7UUFDbkMscUJBQWdCLEdBQWdCLElBQUksV0FBVyxFQUFFLENBQUM7UUFFakQsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUcvQyxrQkFBYSxHQUFTLEtBQUssQ0FBQztRQUM1QixjQUFTLEdBQVcsUUFBUSxDQUFDO1FBQzdCLGdCQUFXLEdBQVUsZ0JBQWdCLENBQUE7SUFFL0IsQ0FBQztJQUNoQixRQUFRO0lBQ1IsQ0FBQztJQUVELHVCQUF1QixDQUFDLElBQWtCO1FBQ3hDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFpQjtRQUM3QixxRUFBcUU7UUFDckUsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7b0hBN0JVLG1CQUFtQjtvRUFBbkIsbUJBQW1CO1lDUjlCLEFBREYsOEJBQWtDLHNCQUMwVDtZQUF6RSxrSEFBWSxtQ0FBK0IsSUFBQztZQUE2QixpQkFBZTtZQUdyVyxBQURGLEFBREYsOEJBQTJCLGFBQ0YsZUFRbkI7WUFEQSxxR0FBUyx5QkFBcUIsSUFBQztZQUl2QyxBQURFLEFBREUsQUFSRSxpQkFPRSxFQUNFLEVBQ0YsRUFDRjs7WUFiVSxjQUF5QjtZQUF1UixBQUFqRSxBQUFoQyxBQUFoQixBQUF0QyxBQUF0QixBQUF4QixBQUExQyxBQUF2QyxBQUExQiwyQ0FBeUIsNENBQXdDLDhDQUF5Qyw0QkFBd0IsMEJBQXNCLDBDQUFzQyxvQkFBZ0Isb0NBQWdDLG9CQUFvQixnQ0FBeUU7WUFJclYsZUFBb0M7WUFJbEMsQUFEQSxBQURBLEFBRkYsc0VBQW9DLHFDQUVGLHFDQUNBLHVCQUNkOzs7aUZEQWIsbUJBQW1CO2NBTC9CLFNBQVM7MkJBQ0UsaUJBQWlCO29CQUtsQixjQUFjO2tCQUF0QixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUNHLFdBQVc7a0JBQW5CLEtBQUs7WUFDRyxZQUFZO2tCQUFwQixLQUFLO1lBQ0csb0JBQW9CO2tCQUE1QixLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLO1lBRUcsZ0JBQWdCO2tCQUF4QixLQUFLO1lBQ0csZ0JBQWdCO2tCQUF4QixLQUFLO1lBRUksbUJBQW1CO2tCQUE1QixNQUFNO1lBQ0UsaUJBQWlCO2tCQUF6QixLQUFLO1lBQ0csa0JBQWtCO2tCQUExQixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUNHLFNBQVM7a0JBQWpCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLOztrRkFoQkssbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCAgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcbmltcG9ydCB7IERyb3Bkb3duSXRlbSB9IGZyb20gXCJtaXMtY3J5c3RhbC1kZXNpZ24tc3lzdGVtL2Ryb3Bkb3duXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtcGhvbmUtaW5wdXRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9waG9uZS1pbnB1dC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vcGhvbmUtaW5wdXQuY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgUGhvbmVJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRyb3Bkb3duSGVpZ2h0Pzogc3RyaW5nO1xuICBASW5wdXQoKSBkcm9wZG93bldpZHRoPzogc3RyaW5nO1xuICBASW5wdXQoKSBpbnB1dEhlaWdodD86IHN0cmluZztcbiAgQElucHV0KCkgZHJvcGRvd25EYXRhOiBEcm9wZG93bkl0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSBkcm9wZG93blNlbGVjdGVkSXRlbTpEcm9wZG93bkl0ZW0gPSB7IHZhbHVlOiBcIlwiLCBsYWJlbDogXCJcIiB9IFxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGlucHV0UGxhY2Vob2xkZXI6IHN0cmluZyA9ICdFbnRlcic7XG4gIEBJbnB1dCgpIGlucHV0Rm9ybUNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCk7XG5cbiAgQE91dHB1dCgpIG9uRHJvcGRvd25TZWxlY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgZHJvcGRvd25MaXN0V2lkdGg7XG4gIEBJbnB1dCgpIGRyb3Bkb3duTGlzdEhlaWdodDtcbiAgQElucHV0KCkgc2VhcmNoRW5hYmxlZDpib29sZWFuPWZhbHNlO1xuICBASW5wdXQoKSBpbnB1dFR5cGU6IHN0cmluZyA9IFwibnVtYmVyXCI7XG4gIEBJbnB1dCgpIHNlYXJjaExhYmVsOnN0cmluZyA9IFwiU2VhcmNoIEtleXdvcmRcIlxuICBcbiAgY29uc3RydWN0b3IoKSB7fVxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIGhhbmRsZURyb3Bkb3duU2VsZWN0aW9uKGl0ZW06IERyb3Bkb3duSXRlbSl7XG4gICAgdGhpcy5vbkRyb3Bkb3duU2VsZWN0aW9uLmVtaXQoaXRlbSk7XG4gIH1cblxuICBwcmV2ZW50U2Nyb2xsKGV2ZW50OiBXaGVlbEV2ZW50KTogdm9pZCB7XG4gICAgLy8gUHJldmVudCBzY3JvbGwgd2hlZWwgZnJvbSBjaGFuZ2luZyBudW1iZXIgaW5wdXQgdmFsdWUgd2hlbiBmb2N1c2VkXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibWFpbi1jb250YWluZXItcGhvbmVcIj5cbiAgPG1pcy1kcm9wZG93biBbaGVpZ2h0XT1cImRyb3Bkb3duSGVpZ2h0XCIgW2Ryb3Bkb3duTGlzdFdpZHRoXT1cImRyb3Bkb3duTGlzdFdpZHRoXCJbZHJvcGRvd25MaXN0SGVpZ2h0XT1cImRyb3Bkb3duTGlzdEhlaWdodFwiIFt3aWR0aF09XCJkcm9wZG93bldpZHRoXCIgW2RhdGFdPVwiZHJvcGRvd25EYXRhXCIgW3NlbGVjdGVkSXRlbV09XCJkcm9wZG93blNlbGVjdGVkSXRlbVwiIFtsYWJlbF09XCJsYWJlbFwiIFtzZWFyY2hFbmFibGVkXT1cInNlYXJjaEVuYWJsZWRcIiBbbXVsdGlMaW5lXT1cImZhbHNlXCIgKG9uQ2hhbmdlKT1cImhhbmRsZURyb3Bkb3duU2VsZWN0aW9uKCRldmVudClcIiBbc2VhcmNoTGFiZWxdPVwic2VhcmNoTGFiZWxcIj48L21pcy1kcm9wZG93bj5cbiAgPGRpdiBjbGFzcz1cImRldGFpbHMtZmllbGRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtYm94XCI+XG4gICAgICA8aW5wdXRcbiAgICAgIFtuZ1N0eWxlXT1cInsnaGVpZ2h0JzogaW5wdXRIZWlnaHQgfVwiXG4gICAgICAgIGNsYXNzPVwiYmxhY2stdGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJpbnB1dFBsYWNlaG9sZGVyXCJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImlucHV0Rm9ybUNvbnRyb2xcIiBcbiAgICAgICAgW3R5cGVdPVwiaW5wdXRUeXBlXCJcbiAgICAgICAgKHdoZWVsKT1cInByZXZlbnRTY3JvbGwoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT0UsbUJBQWMsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNqQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGdCQUFXLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDOUIsaUJBQVksR0FBRyxLQUFLLENBQWlCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLHlCQUFvQixHQUFHLEtBQUssQ0FBZSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDckUsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLEtBQUssQ0FBUyxPQUFPLENBQUMsQ0FBQztRQUMxQyxxQkFBZ0IsR0FBRyxLQUFLLENBQWMsSUFBSSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELHNCQUFpQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3BDLHVCQUFrQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3JDLGtCQUFhLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxLQUFLLENBQVMsUUFBUSxDQUFDLENBQUM7UUFDcEMsZ0JBQVcsR0FBRyxLQUFLLENBQVMsZ0JBQWdCLENBQUMsQ0FBQztRQUVwQyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBVXpEO0lBUkMsdUJBQXVCLENBQUMsSUFBa0I7UUFDeEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWlCO1FBQzdCLHFFQUFxRTtRQUNyRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztvSEF4QlUsbUJBQW1CO29FQUFuQixtQkFBbUI7WUNUOUIsQUFERiw4QkFBa0Msc0JBWUE7WUFEOUIsa0hBQVksbUNBQStCLElBQUM7WUFFOUMsaUJBQWU7WUFHWCxBQURGLEFBREYsOEJBQTJCLGFBQ0YsZUFRbkI7WUFEQSxxR0FBUyx5QkFBcUIsSUFBQztZQUl2QyxBQURFLEFBREUsQUFSRSxpQkFPRSxFQUNFLEVBQ0YsRUFDRjs7WUF4QkYsY0FBMkI7WUFVM0IsQUFGQSxBQURBLEFBREEsQUFEQSxBQURBLEFBREEsQUFEQSxBQURBLEFBREEsNkNBQTJCLDhDQUNjLGdEQUNFLDhCQUNsQiw0QkFDRiw0Q0FDZ0Isc0JBQ3RCLHNDQUNnQixvQkFDZCxrQ0FFVTtZQUt6QixlQUFzQztZQUl0QyxBQURBLEFBREEsQUFGQSx3RUFBc0MsdUNBRUosdUNBQ0EseUJBQ2Q7OztpRkRYZixtQkFBbUI7Y0FOL0IsU0FBUzsyQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTtnQkFpQnJDLG1CQUFtQjtrQkFBNUIsTUFBTTs7a0ZBZkksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBEcm9wZG93bkl0ZW0gfSBmcm9tIFwibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS9kcm9wZG93blwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXBob25lLWlucHV0XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcGhvbmUtaW5wdXQuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Bob25lLWlucHV0LmNvbXBvbmVudC5zY3NzXCJdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQaG9uZUlucHV0Q29tcG9uZW50IHtcbiAgZHJvcGRvd25IZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGRyb3Bkb3duV2lkdGggPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGlucHV0SGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkcm9wZG93bkRhdGEgPSBpbnB1dDxEcm9wZG93bkl0ZW1bXT4oW10pO1xuICBkcm9wZG93blNlbGVjdGVkSXRlbSA9IGlucHV0PERyb3Bkb3duSXRlbT4oeyB2YWx1ZTogXCJcIiwgbGFiZWw6IFwiXCIgfSk7XG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICBpbnB1dFBsYWNlaG9sZGVyID0gaW5wdXQ8c3RyaW5nPignRW50ZXInKTtcbiAgaW5wdXRGb3JtQ29udHJvbCA9IGlucHV0PEZvcm1Db250cm9sPihuZXcgRm9ybUNvbnRyb2woKSk7XG4gIGRyb3Bkb3duTGlzdFdpZHRoID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkcm9wZG93bkxpc3RIZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHNlYXJjaEVuYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGlucHV0VHlwZSA9IGlucHV0PHN0cmluZz4oXCJudW1iZXJcIik7XG4gIHNlYXJjaExhYmVsID0gaW5wdXQ8c3RyaW5nPihcIlNlYXJjaCBLZXl3b3JkXCIpO1xuXG4gIEBPdXRwdXQoKSBvbkRyb3Bkb3duU2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgaGFuZGxlRHJvcGRvd25TZWxlY3Rpb24oaXRlbTogRHJvcGRvd25JdGVtKSB7XG4gICAgdGhpcy5vbkRyb3Bkb3duU2VsZWN0aW9uLmVtaXQoaXRlbSk7XG4gIH1cblxuICBwcmV2ZW50U2Nyb2xsKGV2ZW50OiBXaGVlbEV2ZW50KTogdm9pZCB7XG4gICAgLy8gUHJldmVudCBzY3JvbGwgd2hlZWwgZnJvbSBjaGFuZ2luZyBudW1iZXIgaW5wdXQgdmFsdWUgd2hlbiBmb2N1c2VkXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY29udGFpbmVyLXBob25lXCI+XG4gIDxtaXMtZHJvcGRvd24gXG4gICAgW2hlaWdodF09XCJkcm9wZG93bkhlaWdodCgpXCIgXG4gICAgW2Ryb3Bkb3duTGlzdFdpZHRoXT1cImRyb3Bkb3duTGlzdFdpZHRoKClcIlxuICAgIFtkcm9wZG93bkxpc3RIZWlnaHRdPVwiZHJvcGRvd25MaXN0SGVpZ2h0KClcIiBcbiAgICBbd2lkdGhdPVwiZHJvcGRvd25XaWR0aCgpXCIgXG4gICAgW2RhdGFdPVwiZHJvcGRvd25EYXRhKClcIiBcbiAgICBbc2VsZWN0ZWRJdGVtXT1cImRyb3Bkb3duU2VsZWN0ZWRJdGVtKClcIiBcbiAgICBbbGFiZWxdPVwibGFiZWwoKVwiIFxuICAgIFtzZWFyY2hFbmFibGVkXT1cInNlYXJjaEVuYWJsZWQoKVwiIFxuICAgIFttdWx0aUxpbmVdPVwiZmFsc2VcIiBcbiAgICAob25DaGFuZ2UpPVwiaGFuZGxlRHJvcGRvd25TZWxlY3Rpb24oJGV2ZW50KVwiIFxuICAgIFtzZWFyY2hMYWJlbF09XCJzZWFyY2hMYWJlbCgpXCI+XG4gIDwvbWlzLWRyb3Bkb3duPlxuICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1maWVsZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ib3hcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBbbmdTdHlsZV09XCJ7J2hlaWdodCc6IGlucHV0SGVpZ2h0KCkgfVwiXG4gICAgICAgIGNsYXNzPVwiYmxhY2stdGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJpbnB1dFBsYWNlaG9sZGVyKClcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbCgpXCIgXG4gICAgICAgIFt0eXBlXT1cImlucHV0VHlwZSgpXCJcbiAgICAgICAgKHdoZWVsKT1cInByZXZlbnRTY3JvbGwoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/radio-button/radio-button.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter } from "@angular/core";
+import { Component, Output, EventEmitter, ChangeDetectionStrategy, input } from "@angular/core";
 import { UntypedFormControl } from "@angular/forms";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
@@ -6,52 +6,40 @@ export class RadioButtonComponent {
     constructor() {
         /** When multiple radio input fields are used
          * an "id" can be given to keep track of them */
-        this.id = "";
+        this.id = input("");
         /** Name of the attribute for which the radio
          * selection is provided */
-        this.name = "";
+        this.name = input("");
         /** Value of the attribute which is to be emitted
          * when selected */
-        this.value = "";
+        this.value = input("");
         /** Controls the state of the radio button */
-        this.disabled = false;
+        this.disabled = input(false);
         /** Can be used to attach the radio input field
          * to a reactive form by passing in a
-         * “FormControl“ Object. It can also be
+         * "FormControl" Object. It can also be
          * used to set the default attribute value */
-        this.formControl = new UntypedFormControl(null);
+        this.formControl = input(new UntypedFormControl(null));
         /** Emits "value" of the radio button on selection */
         this.valueChange = new EventEmitter();
     }
-    ngOnInit() { }
     onChange(event) {
-        this.valueChange.emit(this.formControl.value);
+        this.valueChange.emit(this.formControl().value);
     }
     static { this.ɵfac = function RadioButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RadioButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadioButtonComponent, selectors: [["mis-radio"]], inputs: { id: "id", name: "name", value: "value", disabled: "disabled", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, decls: 1, vars: 5, consts: [["tabindex", "-1", "type", "radio", 3, "change", "keup.enter", "id", "name", "disabled", "value", "formControl"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadioButtonComponent, selectors: [["mis-radio"]], inputs: { id: [1, "id"], name: [1, "name"], value: [1, "value"], disabled: [1, "disabled"], formControl: [1, "formControl"] }, outputs: { valueChange: "valueChange" }, decls: 1, vars: 5, consts: [["tabindex", "-1", "type", "radio", 3, "change", "keyup.enter", "id", "name", "disabled", "value", "formControl"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "input", 0);
-            i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("keup.enter", function RadioButtonComponent_Template_input_keup_enter_0_listener($event) { return ctx.onChange($event); });
+            i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("keyup.enter", function RadioButtonComponent_Template_input_keyup_enter_0_listener($event) { return ctx.onChange($event); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵpropertyInterpolate("id", ctx.id);
-            i0.ɵɵproperty("name", ctx.name)("disabled", ctx.disabled)("value", ctx.value)("formControl", ctx.formControl);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.FormControlDirective], styles: ["input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio][_ngcontent-%COMP%]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:hover{border:2px solid #929dab}input[type=radio][_ngcontent-%COMP%]:checked:hover{border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:disabled{border:2px solid #c8cdd3}input[type=radio][_ngcontent-%COMP%]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}"] }); }
+            i0.ɵɵproperty("id", ctx.id())("name", ctx.name())("disabled", ctx.disabled())("value", ctx.value())("formControl", ctx.formControl());
+        } }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.FormControlDirective], styles: ["input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio][_ngcontent-%COMP%]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:hover{border:2px solid #929dab}input[type=radio][_ngcontent-%COMP%]:checked:hover{border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:disabled{border:2px solid #c8cdd3}input[type=radio][_ngcontent-%COMP%]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonComponent, [{
         type: Component,
-        args: [{ selector: "mis-radio", template: "<input \n    (change)=\"onChange($event)\" \n    (keup.enter)=\"onChange($event)\"\n    tabindex=\"-1\"\n    id=\"{{ id }}\" type=\"radio\" \n    [name]=\"name\" [disabled]=\"disabled\" \n    [value]=\"value\"\n    [formControl]=\"formControl\" \n/>\n", styles: ["input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio]:hover{border:2px solid #929dab}input[type=radio]:checked:hover{border:2px solid #0937b2}input[type=radio]:disabled{border:2px solid #c8cdd3}input[type=radio]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}\n"] }]
-    }], () => [], { id: [{
-            type: Input
-        }], name: [{
-            type: Input
-        }], value: [{
-            type: Input
-        }], disabled: [{
-            type: Input
-        }], formControl: [{
-            type: Input
-        }], valueChange: [{
+        args: [{ selector: "mis-radio", changeDetection: ChangeDetectionStrategy.OnPush, template: "<input \n    (change)=\"onChange($event)\" \n    (keyup.enter)=\"onChange($event)\"\n    tabindex=\"-1\"\n    [id]=\"id()\" \n    type=\"radio\" \n    [name]=\"name()\" \n    [disabled]=\"disabled()\" \n    [value]=\"value()\"\n    [formControl]=\"formControl()\" \n/>\n", styles: ["input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio]:hover{border:2px solid #929dab}input[type=radio]:checked:hover{border:2px solid #0937b2}input[type=radio]:disabled{border:2px solid #c8cdd3}input[type=radio]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}\n"] }]
+    }], null, { valueChange: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RadioButtonComponent, { className: "RadioButtonComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBbUIsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBT3JFLE1BQU0sT0FBTyxvQkFBb0I7SUFzQi9CO1FBckJBO3dEQUNnRDtRQUN2QyxPQUFFLEdBQW9CLEVBQUUsQ0FBQztRQUNsQzttQ0FDMkI7UUFDbEIsU0FBSSxHQUFvQixFQUFFLENBQUM7UUFDcEM7MkJBQ21CO1FBQ1YsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFDckMsNkNBQTZDO1FBQ3BDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFbkM7OztxREFHNkM7UUFDcEMsZ0JBQVcsR0FBb0IsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVyRSxxREFBcUQ7UUFDM0MsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBRWpDLENBQUM7SUFDaEIsUUFBUSxLQUFJLENBQUM7SUFDYixRQUFRLENBQUMsS0FBSztRQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQztxSEExQlUsb0JBQW9CO29FQUFwQixvQkFBb0I7WUNSakMsZ0NBUUU7WUFORSxBQURBLHdHQUFVLG9CQUFnQixJQUFDLG1HQUNiLG9CQUFnQixJQUFDO1lBRm5DLGlCQVFFOztZQUpFLHNDQUFhO1lBR2IsQUFEQSxBQURjLEFBQWQsK0JBQWEsMEJBQXNCLG9CQUNwQixnQ0FDWTs7O2lGRENsQixvQkFBb0I7Y0FMaEMsU0FBUzsyQkFDRSxXQUFXO29CQU9aLEVBQUU7a0JBQVYsS0FBSztZQUdHLElBQUk7a0JBQVosS0FBSztZQUdHLEtBQUs7a0JBQWIsS0FBSztZQUVHLFFBQVE7a0JBQWhCLEtBQUs7WUFNRyxXQUFXO2tCQUFuQixLQUFLO1lBR0ksV0FBVztrQkFBcEIsTUFBTTs7a0ZBcEJJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sLCBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1pcy1yYWRpb1wiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqIFdoZW4gbXVsdGlwbGUgcmFkaW8gaW5wdXQgZmllbGRzIGFyZSB1c2VkXG4gICAqIGFuIFwiaWRcIiBjYW4gYmUgZ2l2ZW4gdG8ga2VlcCB0cmFjayBvZiB0aGVtICovXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgfCBudW1iZXIgPSBcIlwiO1xuICAvKiogTmFtZSBvZiB0aGUgYXR0cmlidXRlIGZvciB3aGljaCB0aGUgcmFkaW9cbiAgICogc2VsZWN0aW9uIGlzIHByb3ZpZGVkICovXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyB8IG51bWJlciA9IFwiXCI7XG4gIC8qKiBWYWx1ZSBvZiB0aGUgYXR0cmlidXRlIHdoaWNoIGlzIHRvIGJlIGVtaXR0ZWRcbiAgICogd2hlbiBzZWxlY3RlZCAqL1xuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyID0gXCJcIjtcbiAgLyoqIENvbnRyb2xzIHRoZSBzdGF0ZSBvZiB0aGUgcmFkaW8gYnV0dG9uICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIENhbiBiZSB1c2VkIHRvIGF0dGFjaCB0aGUgcmFkaW8gaW5wdXQgZmllbGRcbiAgICogdG8gYSByZWFjdGl2ZSBmb3JtIGJ5IHBhc3NpbmcgaW4gYVxuICAgKiDigJxGb3JtQ29udHJvbOKAnCBPYmplY3QuIEl0IGNhbiBhbHNvIGJlXG4gICAqIHVzZWQgdG8gc2V0IHRoZSBkZWZhdWx0IGF0dHJpYnV0ZSB2YWx1ZSAqL1xuICBASW5wdXQoKSBmb3JtQ29udHJvbDogQWJzdHJhY3RDb250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbChudWxsKTtcblxuICAvKiogRW1pdHMgXCJ2YWx1ZVwiIG9mIHRoZSByYWRpbyBidXR0b24gb24gc2VsZWN0aW9uICovXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbiAgbmdPbkluaXQoKSB7fVxuICBvbkNoYW5nZShldmVudCkge1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLmZvcm1Db250cm9sLnZhbHVlKTtcbiAgfVxufVxuIiwiPGlucHV0IFxuICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiIFxuICAgIChrZXVwLmVudGVyKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgIHRhYmluZGV4PVwiLTFcIlxuICAgIGlkPVwie3sgaWQgfX1cIiB0eXBlPVwicmFkaW9cIiBcbiAgICBbbmFtZV09XCJuYW1lXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXG4gICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIiBcbi8+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBbUIsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBUXJFLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFPRTt3REFDZ0Q7UUFDaEQsT0FBRSxHQUFHLEtBQUssQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFFaEM7bUNBQzJCO1FBQzNCLFNBQUksR0FBRyxLQUFLLENBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBRWxDOzJCQUNtQjtRQUNuQixVQUFLLEdBQUcsS0FBSyxDQUFrQixFQUFFLENBQUMsQ0FBQztRQUVuQyw2Q0FBNkM7UUFDN0MsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVqQzs7O3FEQUc2QztRQUM3QyxnQkFBVyxHQUFHLEtBQUssQ0FBa0IsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBRW5FLHFEQUFxRDtRQUMzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLakQ7SUFIQyxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztxSEEzQlUsb0JBQW9CO29FQUFwQixvQkFBb0I7WUNUakMsZ0NBVUU7WUFSRSxBQURBLHdHQUFVLG9CQUFnQixJQUFDLHFHQUNaLG9CQUFnQixJQUFDO1lBRnBDLGlCQVVFOztZQURFLEFBREEsQUFEQSxBQURBLEFBRkEsNkJBQVcsb0JBRUksNEJBQ1Esc0JBQ04sa0NBQ1k7OztpRkRBcEIsb0JBQW9CO2NBTmhDLFNBQVM7MkJBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNO2dCQXlCckMsV0FBVztrQkFBcEIsTUFBTTs7a0ZBdkJJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBpbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXJhZGlvXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3NcIl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqIFdoZW4gbXVsdGlwbGUgcmFkaW8gaW5wdXQgZmllbGRzIGFyZSB1c2VkXG4gICAqIGFuIFwiaWRcIiBjYW4gYmUgZ2l2ZW4gdG8ga2VlcCB0cmFjayBvZiB0aGVtICovXG4gIGlkID0gaW5wdXQ8c3RyaW5nIHwgbnVtYmVyPihcIlwiKTtcbiAgXG4gIC8qKiBOYW1lIG9mIHRoZSBhdHRyaWJ1dGUgZm9yIHdoaWNoIHRoZSByYWRpb1xuICAgKiBzZWxlY3Rpb24gaXMgcHJvdmlkZWQgKi9cbiAgbmFtZSA9IGlucHV0PHN0cmluZyB8IG51bWJlcj4oXCJcIik7XG4gIFxuICAvKiogVmFsdWUgb2YgdGhlIGF0dHJpYnV0ZSB3aGljaCBpcyB0byBiZSBlbWl0dGVkXG4gICAqIHdoZW4gc2VsZWN0ZWQgKi9cbiAgdmFsdWUgPSBpbnB1dDxzdHJpbmcgfCBudW1iZXI+KFwiXCIpO1xuICBcbiAgLyoqIENvbnRyb2xzIHRoZSBzdGF0ZSBvZiB0aGUgcmFkaW8gYnV0dG9uICovXG4gIGRpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIC8qKiBDYW4gYmUgdXNlZCB0byBhdHRhY2ggdGhlIHJhZGlvIGlucHV0IGZpZWxkXG4gICAqIHRvIGEgcmVhY3RpdmUgZm9ybSBieSBwYXNzaW5nIGluIGFcbiAgICogXCJGb3JtQ29udHJvbFwiIE9iamVjdC4gSXQgY2FuIGFsc28gYmVcbiAgICogdXNlZCB0byBzZXQgdGhlIGRlZmF1bHQgYXR0cmlidXRlIHZhbHVlICovXG4gIGZvcm1Db250cm9sID0gaW5wdXQ8QWJzdHJhY3RDb250cm9sPihuZXcgVW50eXBlZEZvcm1Db250cm9sKG51bGwpKTtcblxuICAvKiogRW1pdHMgXCJ2YWx1ZVwiIG9mIHRoZSByYWRpbyBidXR0b24gb24gc2VsZWN0aW9uICovXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIG9uQ2hhbmdlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy5mb3JtQ29udHJvbCgpLnZhbHVlKTtcbiAgfVxufVxuIiwiPGlucHV0IFxuICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiIFxuICAgIChrZXl1cC5lbnRlcik9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICB0YWJpbmRleD1cIi0xXCJcbiAgICBbaWRdPVwiaWQoKVwiIFxuICAgIHR5cGU9XCJyYWRpb1wiIFxuICAgIFtuYW1lXT1cIm5hbWUoKVwiIFxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgXG4gICAgW3ZhbHVlXT1cInZhbHVlKClcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbCgpXCIgXG4vPlxuIl19

package/esm2022/ske-loader/ske-loader.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, input, computed, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const _c0 = (a0, a1) => ({ overflow: "hidden", height: a0, width: a1 });
@@ -10,45 +10,31 @@ function SkeLoaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c1, ctx_r0.lineHeight, ctx_r0.gap));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c1, ctx_r0.lineHeight(), ctx_r0.gap()));
 } }
 export class SkeLoaderComponent {
-    set count(num) {
-        this.rowCount = Array(num);
-    }
-    ;
     constructor() {
-        this.rowCount = [1];
-        this.lineHeight = '20px';
-        this.height = '100%';
-        this.width = '100%';
-        this.gap = '8px';
+        this.count = input(1);
+        this.lineHeight = input('20px');
+        this.height = input('100%');
+        this.width = input('100%');
+        this.gap = input('8px');
+        this.rowCount = computed(() => Array(this.count()));
     }
-    ngOnInit() { }
     static { this.ɵfac = function SkeLoaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SkeLoaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeLoaderComponent, selectors: [["mis-skeleton-loader"]], inputs: { count: "count", lineHeight: "lineHeight", height: "height", width: "width", gap: "gap" }, decls: 2, vars: 5, consts: [[3, "ngStyle"], [4, "ngFor", "ngForOf"], [1, "ske-loader", 3, "ngStyle"]], template: function SkeLoaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeLoaderComponent, selectors: [["mis-skeleton-loader"]], inputs: { count: [1, "count"], lineHeight: [1, "lineHeight"], height: [1, "height"], width: [1, "width"], gap: [1, "gap"] }, decls: 2, vars: 5, consts: [[3, "ngStyle"], [4, "ngFor", "ngForOf"], [1, "ske-loader", 3, "ngStyle"]], template: function SkeLoaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, SkeLoaderComponent_div_1_Template, 2, 4, "div", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c0, ctx.height, ctx.width));
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c0, ctx.height(), ctx.width()));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngForOf", ctx.rowCount);
-        } }, dependencies: [i1.NgForOf, i1.NgStyle], styles: [".ske-loader[_ngcontent-%COMP%]{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s _ngcontent-%COMP%_shine linear infinite;overflow:hidden}@keyframes _ngcontent-%COMP%_shine{to{background-position-x:-200%}}"] }); }
+            i0.ɵɵproperty("ngForOf", ctx.rowCount());
+        } }, dependencies: [i1.NgForOf, i1.NgStyle], styles: [".ske-loader[_ngcontent-%COMP%]{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s _ngcontent-%COMP%_shine linear infinite;overflow:hidden}@keyframes _ngcontent-%COMP%_shine{to{background-position-x:-200%}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderComponent, [{
         type: Component,
-        args: [{ selector: 'mis-skeleton-loader', template: "<div [ngStyle]=\"{\n    overflow: 'hidden',\n    height: this.height,\n    width: this.width\n  }\">\n    <div *ngFor=\"let n of rowCount; let i = index;\">\n        <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n    </div>\n</div>\n", styles: [".ske-loader{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}\n"] }]
-    }], () => [], { count: [{
-            type: Input
-        }], lineHeight: [{
-            type: Input
-        }], height: [{
-            type: Input
-        }], width: [{
-            type: Input
-        }], gap: [{
-            type: Input
-        }] }); })();
+        args: [{ selector: 'mis-skeleton-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngStyle]=\"{\n    overflow: 'hidden',\n    height: height(),\n    width: width()\n  }\">\n    <div *ngFor=\"let n of rowCount(); let i = index;\">\n        <div class=\"ske-loader\" [ngStyle]=\"{'height': lineHeight(), 'margin-bottom': gap() }\"></div>\n    </div>\n</div>\n", styles: [".ske-loader{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}\n"] }]
+    }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkeLoaderComponent, { className: "SkeLoaderComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL3NrZS1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2tlLWxvYWRlci9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7SUNLckQsMkJBQWdEO0lBQzVDLHlCQUErRjtJQUNuRyxpQkFBTTs7O0lBRHNCLGNBQWdFO0lBQWhFLG1GQUFnRTs7QURDaEcsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QixJQUFhLEtBQUssQ0FBQyxHQUFXO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFBO0lBQzVCLENBQUM7SUFBQSxDQUFDO0lBTUY7UUFUQSxhQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUlOLGVBQVUsR0FBVyxNQUFNLENBQUM7UUFDNUIsV0FBTSxHQUFXLE1BQU0sQ0FBQztRQUN4QixVQUFLLEdBQVcsTUFBTSxDQUFDO1FBQ3ZCLFFBQUcsR0FBVyxLQUFLLENBQUE7SUFFWixDQUFDO0lBRWpCLFFBQVEsS0FBVSxDQUFDO21IQWJSLGtCQUFrQjtvRUFBbEIsa0JBQWtCO1lDUC9CLDhCQUlLO1lBQ0QsbUVBQWdEO1lBR3BELGlCQUFNOztZQVJELDJFQUlEO1lBQ21CLGNBQWE7WUFBYixzQ0FBYTs7O2lGREV2QixrQkFBa0I7Y0FMOUIsU0FBUzsyQkFDRSxxQkFBcUI7b0JBT2xCLEtBQUs7a0JBQWpCLEtBQUs7WUFHRyxVQUFVO2tCQUFsQixLQUFLO1lBQ0csTUFBTTtrQkFBZCxLQUFLO1lBQ0csS0FBSztrQkFBYixLQUFLO1lBQ0csR0FBRztrQkFBWCxLQUFLOztrRkFUSyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNrZWxldG9uLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlLWxvYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNrZUxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgcm93Q291bnQgPSBbMV07XG4gIEBJbnB1dCgpIHNldCBjb3VudChudW06IG51bWJlcikge1xuICAgIHRoaXMucm93Q291bnQgPSBBcnJheShudW0pXG4gIH07XG4gIEBJbnB1dCgpIGxpbmVIZWlnaHQ6IHN0cmluZyA9ICcyMHB4JztcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIGdhcDogc3RyaW5nID0gJzhweCdcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cblxufVxuIiwiPGRpdiBbbmdTdHlsZV09XCJ7XG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIGhlaWdodDogdGhpcy5oZWlnaHQsXG4gICAgd2lkdGg6IHRoaXMud2lkdGhcbiAgfVwiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IG4gb2Ygcm93Q291bnQ7IGxldCBpID0gaW5kZXg7XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2UtbG9hZGVyXCIgW25nU3R5bGVdPVwieydoZWlnaHQnOnRoaXMubGluZUhlaWdodCwnbWFyZ2luLWJvdHRvbSc6dGhpcy5nYXAgfVwiPjwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL3NrZS1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2tlLWxvYWRlci9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDS2hGLDJCQUFrRDtJQUM5Qyx5QkFBNEY7SUFDaEcsaUJBQU07OztJQURzQixjQUE2RDtJQUE3RCx1RkFBNkQ7O0FERTdGLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPRSxVQUFLLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQ3pCLGVBQVUsR0FBRyxLQUFLLENBQVMsTUFBTSxDQUFDLENBQUM7UUFDbkMsV0FBTSxHQUFHLEtBQUssQ0FBUyxNQUFNLENBQUMsQ0FBQztRQUMvQixVQUFLLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLFFBQUcsR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFFM0IsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztLQUNoRDttSEFSWSxrQkFBa0I7b0VBQWxCLGtCQUFrQjtZQ1IvQiw4QkFJSztZQUNELG1FQUFrRDtZQUd0RCxpQkFBTTs7WUFSRCwrRUFJRDtZQUNtQixjQUFlO1lBQWYsd0NBQWU7OztpRkRHekIsa0JBQWtCO2NBTjlCLFNBQVM7MkJBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07O2tGQUVwQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBjb21wdXRlZCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNrZWxldG9uLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlLWxvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa2VMb2FkZXJDb21wb25lbnQge1xuICBjb3VudCA9IGlucHV0PG51bWJlcj4oMSk7XG4gIGxpbmVIZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCcyMHB4Jyk7XG4gIGhlaWdodCA9IGlucHV0PHN0cmluZz4oJzEwMCUnKTtcbiAgd2lkdGggPSBpbnB1dDxzdHJpbmc+KCcxMDAlJyk7XG4gIGdhcCA9IGlucHV0PHN0cmluZz4oJzhweCcpO1xuXG4gIHJvd0NvdW50ID0gY29tcHV0ZWQoKCkgPT4gQXJyYXkodGhpcy5jb3VudCgpKSk7XG59XG4iLCI8ZGl2IFtuZ1N0eWxlXT1cIntcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgaGVpZ2h0OiBoZWlnaHQoKSxcbiAgICB3aWR0aDogd2lkdGgoKVxuICB9XCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgbiBvZiByb3dDb3VudCgpOyBsZXQgaSA9IGluZGV4O1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlLWxvYWRlclwiIFtuZ1N0eWxlXT1cInsnaGVpZ2h0JzogbGluZUhlaWdodCgpLCAnbWFyZ2luLWJvdHRvbSc6IGdhcCgpIH1cIj48L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/slider/slider.component.mjs

@@ -1,46 +1,36 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, input, Output, ChangeDetectionStrategy, signal } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
 export class SliderComponent {
-    constructor(formBuilder) {
-        this.formBuilder = formBuilder;
-        this.min = 0;
-        this.max = 100;
-        this.value = 0;
+    constructor() {
+        this.min = input(0);
+        this.max = input(100);
+        this.value = input(0);
         this.valueChange = new EventEmitter();
-    }
-    ngOnInit() {
-        this.sliderForm = this.formBuilder.group({
-            sliderFormControl: [this.value]
-        });
+        // Internal signal for the current value
+        this.currentValue = signal(0);
+        // Initialize the current value with the input value
+        this.currentValue.set(this.value());
     }
     onInputChange(value) {
-        this.value = value;
-        this.sliderForm.patchValue({ sliderFormControl: value });
-        this.valueChange.emit(this.value);
+        const numValue = Number(value);
+        this.currentValue.set(numValue);
+        this.valueChange.emit(numValue);
     }
-    static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(i0.ɵɵdirectiveInject(i1.UntypedFormBuilder)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, decls: 3, vars: 3, consts: [[3, "formGroup"], [1, "slider"], ["type", "range", "formControlName", "sliderFormControl", 3, "input", "min", "max"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "input", 2);
-            i0.ɵɵlistener("input", function SliderComponent_Template_input_input_2_listener($event) { return ctx.onInputChange($event.target.value); });
-            i0.ɵɵelementEnd()()();
+    static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: [1, "min"], max: [1, "max"], value: [1, "value"] }, outputs: { valueChange: "valueChange" }, decls: 2, vars: 3, consts: [[1, "slider"], ["type", "range", 3, "input", "min", "max", "value"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "input", 1);
+            i0.ɵɵlistener("input", function SliderComponent_Template_input_input_1_listener($event) { return ctx.onInputChange($event.target.value); });
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.sliderForm);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("min", ctx.min)("max", ctx.max);
-        } }, dependencies: [i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.RangeValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName], styles: [".slider[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-left:10px}"] }); }
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("min", ctx.min())("max", ctx.max())("value", ctx.currentValue());
+        } }, styles: [".slider[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-left:10px}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
         type: Component,
-        args: [{ selector: 'mis-slider', template: "<form [formGroup]=\"sliderForm\">\n    <div class=\"slider\">\n      <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n    </div>\n  </form>\n  \n\n  ", styles: [".slider{width:100%;display:flex;align-items:center}.slider input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider span{margin-left:10px}\n"] }]
-    }], () => [{ type: i1.UntypedFormBuilder }], { min: [{
-            type: Input
-        }], max: [{
-            type: Input
-        }], value: [{
-            type: Input
-        }], valueChange: [{
+        args: [{ selector: 'mis-slider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slider\">\n  <input \n    type=\"range\" \n    [min]=\"min()\" \n    [max]=\"max()\" \n    [value]=\"currentValue()\"\n    (input)=\"onInputChange($event.target.value)\" />\n</div>\n  \n\n  ", styles: [".slider{width:100%;display:flex;align-items:center}.slider input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider span{margin-left:10px}\n"] }]
+    }], () => [], { valueChange: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLGVBQWU7SUFTMUIsWUFBb0IsV0FBK0I7UUFBL0IsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBUDFDLFFBQUcsR0FBVyxDQUFDLENBQUM7UUFDaEIsUUFBRyxHQUFXLEdBQUcsQ0FBQztRQUNsQixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2pCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQTtJQUlLLENBQUM7SUFFeEQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDdkMsaUJBQWlCLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBYTtRQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxFQUFDLGlCQUFpQixFQUFFLEtBQUssRUFBQyxDQUFDLENBQUE7UUFDdEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7Z0hBckJVLGVBQWU7b0VBQWYsZUFBZTtZQ050QixBQURGLEFBREosK0JBQStCLGFBQ1AsZUFDNkc7WUFBL0MsaUdBQVMsc0NBQWtDLElBQUM7WUFFaEksQUFERSxBQURFLGlCQUErSCxFQUMzSCxFQUNEOztZQUpILDBDQUF3QjtZQUVKLGVBQVc7WUFBQyxBQUFaLDZCQUFXLGdCQUFZOzs7aUZETXBDLGVBQWU7Y0FMM0IsU0FBUzsyQkFDRSxZQUFZO21EQU1iLEdBQUc7a0JBQVgsS0FBSztZQUNHLEdBQUc7a0JBQVgsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSztZQUNJLFdBQVc7a0JBQXBCLE1BQU07O2tGQUxJLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUJ1aWxkZXIsIFVudHlwZWRGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pcy1zbGlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2xpZGVyLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIG1pbj86bnVtYmVyID0gMDtcbiAgQElucHV0KCkgbWF4PzpudW1iZXIgPSAxMDA7XG4gIEBJbnB1dCgpIHZhbHVlOiBudW1iZXIgPSAwO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKVxuXG4gIHNsaWRlckZvcm06IFVudHlwZWRGb3JtR3JvdXA7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmb3JtQnVpbGRlcjogVW50eXBlZEZvcm1CdWlsZGVyKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNsaWRlckZvcm0gPSB0aGlzLmZvcm1CdWlsZGVyLmdyb3VwKHtcbiAgICAgIHNsaWRlckZvcm1Db250cm9sOiBbdGhpcy52YWx1ZV1cbiAgICB9KTtcbiAgfVxuXG4gIG9uSW5wdXRDaGFuZ2UodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLnNsaWRlckZvcm0ucGF0Y2hWYWx1ZSh7c2xpZGVyRm9ybUNvbnRyb2w6IHZhbHVlfSlcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cblxufVxuIiwiPGZvcm0gW2Zvcm1Hcm91cF09XCJzbGlkZXJGb3JtXCI+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICAgICAgPGlucHV0IHR5cGU9XCJyYW5nZVwiIFttaW5dPVwibWluXCIgW21heF09XCJtYXhcIiBmb3JtQ29udHJvbE5hbWU9XCJzbGlkZXJGb3JtQ29udHJvbFwiIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgLz5cbiAgICA8L2Rpdj5cbiAgPC9mb3JtPlxuICBcblxuICAiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7O0FBUXhILE1BQU0sT0FBTyxlQUFlO0lBUzFCO1FBUkEsUUFBRyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUN2QixRQUFHLEdBQUcsS0FBSyxDQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLFVBQUssR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDZixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsd0NBQXdDO1FBQ3hDLGlCQUFZLEdBQTJCLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUcvQyxvREFBb0Q7UUFDcEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDO2dIQWxCVSxlQUFlO29FQUFmLGVBQWU7WUNQMUIsQUFERiw4QkFBb0IsZUFNK0I7WUFBL0MsaUdBQVMsc0NBQWtDLElBQUM7WUFDaEQsQUFORSxpQkFLaUQsRUFDN0M7O1lBSkYsY0FBYTtZQUViLEFBREEsQUFEQSwrQkFBYSxrQkFDQSw2QkFDVzs7O2lGREdmLGVBQWU7Y0FOM0IsU0FBUzsyQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07b0JBTXJDLFdBQVc7a0JBQXBCLE1BQU07O2tGQUpJLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIE91dHB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNsaWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXIuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJDb21wb25lbnQge1xuICBtaW4gPSBpbnB1dDxudW1iZXI+KDApO1xuICBtYXggPSBpbnB1dDxudW1iZXI+KDEwMCk7XG4gIHZhbHVlID0gaW5wdXQ8bnVtYmVyPigwKTtcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgLy8gSW50ZXJuYWwgc2lnbmFsIGZvciB0aGUgY3VycmVudCB2YWx1ZVxuICBjdXJyZW50VmFsdWU6IFdyaXRhYmxlU2lnbmFsPG51bWJlcj4gPSBzaWduYWwoMCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gSW5pdGlhbGl6ZSB0aGUgY3VycmVudCB2YWx1ZSB3aXRoIHRoZSBpbnB1dCB2YWx1ZVxuICAgIHRoaXMuY3VycmVudFZhbHVlLnNldCh0aGlzLnZhbHVlKCkpO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZSh2YWx1ZTogbnVtYmVyKSB7XG4gICAgY29uc3QgbnVtVmFsdWUgPSBOdW1iZXIodmFsdWUpO1xuICAgIHRoaXMuY3VycmVudFZhbHVlLnNldChudW1WYWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KG51bVZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICA8aW5wdXQgXG4gICAgdHlwZT1cInJhbmdlXCIgXG4gICAgW21pbl09XCJtaW4oKVwiIFxuICAgIFttYXhdPVwibWF4KClcIiBcbiAgICBbdmFsdWVdPVwiY3VycmVudFZhbHVlKClcIlxuICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgLz5cbjwvZGl2PlxuICBcblxuICAiXX0=

package/esm2022/slider/slider.module.mjs

@@ -1,14 +1,11 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SliderComponent } from './slider.component';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class SliderModule {
     static { this.ɵfac = function SliderModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SliderModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            FormsModule,
-            ReactiveFormsModule] }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderModule, [{
         type: NgModule,
@@ -17,14 +14,10 @@ export class SliderModule {
                     SliderComponent
                 ],
                 imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule
+                    CommonModule
                 ],
                 exports: [SliderComponent]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule], exports: [SliderComponent] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBZWxFLE1BQU0sT0FBTyxZQUFZOzZHQUFaLFlBQVk7bUVBQVosWUFBWTt1RUFOckIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7O2lGQUlWLFlBQVk7Y0FYeEIsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixlQUFlO2lCQUNoQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixXQUFXO29CQUNYLG1CQUFtQjtpQkFDcEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzNCOzt3RkFDWSxZQUFZLG1CQVRyQixlQUFlLGFBR2YsWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUIsYUFFWCxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTbGlkZXJDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtTbGlkZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlck1vZHVsZSB7IH1cbiJdfQ==
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule], exports: [SliderComponent] }); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFXckQsTUFBTSxPQUFPLFlBQVk7NkdBQVosWUFBWTttRUFBWixZQUFZO3VFQUpyQixZQUFZOztpRkFJSCxZQUFZO2NBVHhCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osZUFBZTtpQkFDaEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzNCOzt3RkFDWSxZQUFZLG1CQVByQixlQUFlLGFBR2YsWUFBWSxhQUVKLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNsaWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNsaWRlckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtTbGlkZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlck1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/snackbar/snackbar/snackbar.component.mjs

@@ -1,12 +1,13 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Output, ChangeDetectionStrategy, signal } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const _c0 = ["*"];
 function SnackbarComponent_div_1_img_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "img", 7);
 } if (rf & 2) {
+    let tmp_2_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("src", ctx_r0.config.iconUrl, i0.ɵɵsanitizeUrl);
+    i0.ɵɵproperty("src", (tmp_2_0 = ctx_r0.config()) == null ? null : tmp_2_0.iconUrl, i0.ɵɵsanitizeUrl);
 } }
 function SnackbarComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -15,9 +16,10 @@ function SnackbarComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    let tmp_2_0;
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.config.actionString);
+    i0.ɵɵtextInterpolate((tmp_2_0 = ctx_r0.config()) == null ? null : tmp_2_0.actionString);
 } }
 function SnackbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 3)(1, "span", 4);
@@ -27,13 +29,16 @@ function SnackbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(4, SnackbarComponent_div_1_div_4_Template, 3, 1, "div", 6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    let tmp_1_0;
+    let tmp_2_0;
+    let tmp_3_0;
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.config.iconUrl);
+    i0.ɵɵproperty("ngIf", (tmp_1_0 = ctx_r0.config()) == null ? null : tmp_1_0.iconUrl);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.config.message, " ");
+    i0.ɵɵtextInterpolate1(" ", (tmp_2_0 = ctx_r0.config()) == null ? null : tmp_2_0.message, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.config.actionString);
+    i0.ɵɵproperty("ngIf", (tmp_3_0 = ctx_r0.config()) == null ? null : tmp_3_0.actionString);
 } }
 function SnackbarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 10);
@@ -42,31 +47,32 @@ function SnackbarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
 } }
 export class SnackbarComponent {
     constructor() {
+        this.config = signal(undefined);
         this.triggerAction = new EventEmitter();
     }
     onActionClick() {
         this.triggerAction.emit();
     }
     static { this.ɵfac = function SnackbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackbarComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackbarComponent, selectors: [["app-snackbar"]], inputs: { config: "config" }, outputs: { triggerAction: "triggerAction" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "snackbar-container"], ["class", "messages", 4, "ngIf"], ["class", "component-container", 4, "ngIf"], [1, "messages"], [1, "message"], ["alt", "", 3, "src", 4, "ngIf"], ["class", "snackbar-action", 4, "ngIf"], ["alt", "", 3, "src"], [1, "snackbar-action"], [3, "click"], [1, "component-container"]], template: function SnackbarComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackbarComponent, selectors: [["app-snackbar"]], outputs: { triggerAction: "triggerAction" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "snackbar-container"], ["class", "messages", 4, "ngIf"], ["class", "component-container", 4, "ngIf"], [1, "messages"], [1, "message"], ["alt", "", 3, "src", 4, "ngIf"], ["class", "snackbar-action", 4, "ngIf"], ["alt", "", 3, "src"], [1, "snackbar-action"], [3, "click"], [1, "component-container"]], template: function SnackbarComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, SnackbarComponent_div_1_Template, 5, 3, "div", 1)(2, SnackbarComponent_div_2_Template, 2, 0, "div", 2);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            let tmp_0_0;
+            let tmp_1_0;
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.config.hasComponent);
+            i0.ɵɵproperty("ngIf", !((tmp_0_0 = ctx.config()) == null ? null : tmp_0_0.hasComponent));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.config.hasComponent);
-        } }, dependencies: [i1.NgIf], styles: [".snackbar-container[_ngcontent-%COMP%]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.message[_ngcontent-%COMP%]{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#0056b3}.component-container[_ngcontent-%COMP%]{margin-top:10px}@media (max-width: 768px){.snackbar-container[_ngcontent-%COMP%]{left:10px;right:10px;transform:none;width:auto;max-width:none}}"] }); }
+            i0.ɵɵproperty("ngIf", (tmp_1_0 = ctx.config()) == null ? null : tmp_1_0.hasComponent);
+        } }, dependencies: [i1.NgIf], styles: [".snackbar-container[_ngcontent-%COMP%]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.message[_ngcontent-%COMP%]{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover{background-color:#0056b3}.component-container[_ngcontent-%COMP%]{margin-top:10px}@media (max-width: 768px){.snackbar-container[_ngcontent-%COMP%]{left:10px;right:10px;transform:none;width:auto;max-width:none}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarComponent, [{
         type: Component,
-        args: [{ selector: 'app-snackbar', template: "<div class=\"snackbar-container\">\n  <div class=\"messages\" *ngIf=\"!config.hasComponent\">\n    <span class=\"message\">\n      <img *ngIf=\"config.iconUrl\" [src]=\"config.iconUrl\" alt=\"\">\n      {{ config.message }}\n    </span>\n    <div class=\"snackbar-action\" *ngIf=\"config.actionString\">\n      <button (click)=\"onActionClick()\">{{ config.actionString }}</button>\n    </div>\n  </div>\n  <div class=\"component-container\" *ngIf=\"config.hasComponent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width: 768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}\n"] }]
-    }], () => [], { config: [{
-            type: Input
-        }], triggerAction: [{
+        args: [{ selector: 'app-snackbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"snackbar-container\">\n  <div class=\"messages\" *ngIf=\"!config()?.hasComponent\">\n    <span class=\"message\">\n      <img *ngIf=\"config()?.iconUrl\" [src]=\"config()?.iconUrl\" alt=\"\">\n      {{ config()?.message }}\n    </span>\n    <div class=\"snackbar-action\" *ngIf=\"config()?.actionString\">\n      <button (click)=\"onActionClick()\">{{ config()?.actionString }}</button>\n    </div>\n  </div>\n  <div class=\"component-container\" *ngIf=\"config()?.hasComponent\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width: 768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}\n"] }]
+    }], () => [], { triggerAction: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackbarComponent, { className: "SnackbarComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7SUNHakUseUJBQTBEOzs7SUFBOUIsNkRBQXNCOzs7O0lBSWxELEFBREYsOEJBQXlELGdCQUNyQjtJQUExQixvTEFBUyxzQkFBZSxLQUFDO0lBQUMsWUFBeUI7SUFDN0QsQUFENkQsaUJBQVMsRUFDaEU7OztJQUQ4QixlQUF5QjtJQUF6QixnREFBeUI7OztJQUw3RCxBQURGLDhCQUFtRCxjQUMzQjtJQUNwQix3RUFBMEQ7SUFDMUQsWUFDRjtJQUFBLGlCQUFPO0lBQ1Asd0VBQXlEO0lBRzNELGlCQUFNOzs7SUFOSSxlQUFvQjtJQUFwQiw0Q0FBb0I7SUFDMUIsY0FDRjtJQURFLHNEQUNGO0lBQzhCLGNBQXlCO0lBQXpCLGlEQUF5Qjs7O0lBSXpELCtCQUE2RDtJQUMzRCxrQkFBeUI7SUFDM0IsaUJBQU07O0FESlIsTUFBTSxPQUFPLGlCQUFpQjtJQUc1QjtRQURVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUNyQyxDQUFDO0lBQ2YsYUFBYTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztrSEFOVSxpQkFBaUI7b0VBQWpCLGlCQUFpQjs7WUNSOUIsOEJBQWdDO1lBVTlCLEFBVEEsa0VBQW1ELHFEQVNVO1lBRy9ELGlCQUFNOztZQVptQixjQUEwQjtZQUExQiwrQ0FBMEI7WUFTZixjQUF5QjtZQUF6Qiw4Q0FBeUI7OztpRkRGaEQsaUJBQWlCO2NBTDdCLFNBQVM7MkJBQ0UsY0FBYztvQkFLZixNQUFNO2tCQUFkLEtBQUs7WUFDSSxhQUFhO2tCQUF0QixNQUFNOztrRkFGSSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVNuYWNrQmFyQ29uZmlnIH0gZnJvbSAnLi4vc25hY2tiYXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zbmFja2JhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbmFja2Jhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NuYWNrYmFyLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTbmFja2JhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogSVNuYWNrQmFyQ29uZmlnO1xuICBAT3V0cHV0KCkgdHJpZ2dlckFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgY29uc3RydWN0b3IoKXt9XG4gIG9uQWN0aW9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy50cmlnZ2VyQWN0aW9uLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNuYWNrYmFyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwibWVzc2FnZXNcIiAqbmdJZj1cIiFjb25maWcuaGFzQ29tcG9uZW50XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtZXNzYWdlXCI+XG4gICAgICA8aW1nICpuZ0lmPVwiY29uZmlnLmljb25VcmxcIiBbc3JjXT1cImNvbmZpZy5pY29uVXJsXCIgYWx0PVwiXCI+XG4gICAgICB7eyBjb25maWcubWVzc2FnZSB9fVxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwic25hY2tiYXItYWN0aW9uXCIgKm5nSWY9XCJjb25maWcuYWN0aW9uU3RyaW5nXCI+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJvbkFjdGlvbkNsaWNrKClcIj57eyBjb25maWcuYWN0aW9uU3RyaW5nIH19PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29tcG9uZW50LWNvbnRhaW5lclwiICpuZ0lmPVwiY29uZmlnLmhhc0NvbXBvbmVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc25hY2tiYXIvc25hY2tiYXIvc25hY2tiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7Ozs7O0lDRzNHLHlCQUFnRTs7OztJQUFqQyxvR0FBeUI7Ozs7SUFJeEQsQUFERiw4QkFBNEQsZ0JBQ3hCO0lBQTFCLG9MQUFTLHNCQUFlLEtBQUM7SUFBQyxZQUE0QjtJQUNoRSxBQURnRSxpQkFBUyxFQUNuRTs7OztJQUQ4QixlQUE0QjtJQUE1Qix1RkFBNEI7OztJQUxoRSxBQURGLDhCQUFzRCxjQUM5QjtJQUNwQix3RUFBZ0U7SUFDaEUsWUFDRjtJQUFBLGlCQUFPO0lBQ1Asd0VBQTREO0lBRzlELGlCQUFNOzs7Ozs7SUFOSSxlQUF1QjtJQUF2QixtRkFBdUI7SUFDN0IsY0FDRjtJQURFLDZGQUNGO0lBQzhCLGNBQTRCO0lBQTVCLHdGQUE0Qjs7O0lBSTVELCtCQUFnRTtJQUM5RCxrQkFBeUI7SUFDM0IsaUJBQU07O0FESFIsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QjtRQUhBLFdBQU0sR0FBZ0QsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzlELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUVyQyxDQUFDO0lBRWYsYUFBYTtRQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztrSEFSVSxpQkFBaUI7b0VBQWpCLGlCQUFpQjs7WUNUOUIsOEJBQWdDO1lBVTlCLEFBVEEsa0VBQXNELHFEQVNVO1lBR2xFLGlCQUFNOzs7O1lBWm1CLGNBQTZCO1lBQTdCLHdGQUE2QjtZQVNsQixjQUE0QjtZQUE1QixxRkFBNEI7OztpRkREbkQsaUJBQWlCO2NBTjdCLFNBQVM7MkJBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNO29CQUlyQyxhQUFhO2tCQUF0QixNQUFNOztrRkFGSSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSVNuYWNrQmFyQ29uZmlnIH0gZnJvbSAnLi4vc25hY2tiYXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zbmFja2JhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbmFja2Jhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NuYWNrYmFyLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgU25hY2tiYXJDb21wb25lbnQge1xuICBjb25maWc6IFdyaXRhYmxlU2lnbmFsPElTbmFja0JhckNvbmZpZyB8IHVuZGVmaW5lZD4gPSBzaWduYWwodW5kZWZpbmVkKTtcbiAgQE91dHB1dCgpIHRyaWdnZXJBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIFxuICBjb25zdHJ1Y3Rvcigpe31cbiAgXG4gIG9uQWN0aW9uQ2xpY2soKTogdm9pZCB7XG4gICAgdGhpcy50cmlnZ2VyQWN0aW9uLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNuYWNrYmFyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwibWVzc2FnZXNcIiAqbmdJZj1cIiFjb25maWcoKT8uaGFzQ29tcG9uZW50XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJtZXNzYWdlXCI+XG4gICAgICA8aW1nICpuZ0lmPVwiY29uZmlnKCk/Lmljb25VcmxcIiBbc3JjXT1cImNvbmZpZygpPy5pY29uVXJsXCIgYWx0PVwiXCI+XG4gICAgICB7eyBjb25maWcoKT8ubWVzc2FnZSB9fVxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwic25hY2tiYXItYWN0aW9uXCIgKm5nSWY9XCJjb25maWcoKT8uYWN0aW9uU3RyaW5nXCI+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJvbkFjdGlvbkNsaWNrKClcIj57eyBjb25maWcoKT8uYWN0aW9uU3RyaW5nIH19PC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29tcG9uZW50LWNvbnRhaW5lclwiICpuZ0lmPVwiY29uZmlnKCk/Lmhhc0NvbXBvbmVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/snackbar/snackbar.service.mjs

@@ -17,7 +17,8 @@ export class SnackbarService {
         this.snackbarRef = this.overlay.create(overlayConfig);
         const snackbarPortal = new ComponentPortal(SnackbarComponent);
         const componentRef = this.snackbarRef.attach(snackbarPortal);
-        //   componentRef.instance.config = config;
+        // Set the config using the writable signal
+        componentRef.instance.config.set(config);
         config.duration = config.duration || 3000;
         setTimeout(() => {
             this.closeSnackbar();
@@ -44,4 +45,4 @@ export class SnackbarService {
                 providedIn: "root"
             }]
     }], () => [{ type: i1.Overlay }], null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsT0FBTyxFQUFXLGFBQWEsRUFBYyxNQUFNLHNCQUFzQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQWdCLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQyxDQUFDLHNEQUFzRDtBQUNoSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBS2xFLE1BQU0sT0FBTyxlQUFlO0lBSTFCLFlBQW9CLE9BQWdCO1FBQWhCLFlBQU8sR0FBUCxPQUFPLENBQVM7SUFBRyxDQUFDO0lBRXhDLFlBQVksQ0FBQyxNQUF1QjtRQUNsQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixNQUFNLGFBQWEsR0FBRyxJQUFJLGFBQWEsQ0FBQztZQUN0QyxXQUFXLEVBQUUsS0FBSztZQUNsQixnQkFBZ0IsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztTQUN2RixDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXRELE1BQU0sY0FBYyxHQUFHLElBQUksZUFBZSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFN0QsMkNBQTJDO1FBRTNDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUM7UUFDMUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN2QixDQUFDLEVBQUUsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXBCLFlBQVksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDakQsSUFBSSxNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQ3pCLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN6QixDQUFDO1lBQ0QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQzFCLENBQUM7SUFDSCxDQUFDO2dIQXRDVSxlQUFlO3VFQUFmLGVBQWUsV0FBZixlQUFlLG1CQUZkLE1BQU07O2lGQUVQLGVBQWU7Y0FIM0IsVUFBVTtlQUFDO2dCQUNWLFVBQVUsRUFBRSxNQUFNO2FBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJU25hY2tCYXJDb25maWcge1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGFjdGlvblN0cmluZzogc3RyaW5nO1xuICBoYXNDb21wb25lbnQ6IGJvb2xlYW47XG4gIGljb25Vcmw/OiBzdHJpbmc7XG4gIGNvbXBvbmVudD86IENvbXBvbmVudFJlZjxhbnk+O1xuICBkdXJhdGlvbj86IG51bWJlcjtcbiAgb25BY3Rpb25DbGljaz86ICgpID0+IHZvaWQ7XG59XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5Q29uZmlnLCBPdmVybGF5UmVmIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9vdmVybGF5XCI7XG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwgfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmLCBJbmplY3RhYmxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjsgLy8gQXNzdW1pbmcgeW91IGhhdmUgZGVmaW5lZCBJU25hY2tCYXJDb25maWcgaW50ZXJmYWNlXG5pbXBvcnQgeyBTbmFja2JhckNvbXBvbmVudCB9IGZyb20gXCIuL3NuYWNrYmFyL3NuYWNrYmFyLmNvbXBvbmVudFwiO1xuXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46IFwicm9vdFwiXG59KVxuZXhwb3J0IGNsYXNzIFNuYWNrYmFyU2VydmljZSB7XG4gIGNvbmZpZzogSVNuYWNrQmFyQ29uZmlnO1xuICBwcml2YXRlIHNuYWNrYmFyUmVmOiBPdmVybGF5UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSkge31cblxuICBvcGVuU25hY2tiYXIoY29uZmlnOiBJU25hY2tCYXJDb25maWcpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpZyA9IGNvbmZpZztcbiAgICBjb25zdCBvdmVybGF5Q29uZmlnID0gbmV3IE92ZXJsYXlDb25maWcoe1xuICAgICAgaGFzQmFja2Ryb3A6IGZhbHNlLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkuYm90dG9tKFwiNDhweFwiKVxuICAgIH0pO1xuXG4gICAgdGhpcy5zbmFja2JhclJlZiA9IHRoaXMub3ZlcmxheS5jcmVhdGUob3ZlcmxheUNvbmZpZyk7XG5cbiAgICBjb25zdCBzbmFja2JhclBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoU25hY2tiYXJDb21wb25lbnQpO1xuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHRoaXMuc25hY2tiYXJSZWYuYXR0YWNoKHNuYWNrYmFyUG9ydGFsKTtcblxuICAgIC8vICAgY29tcG9uZW50UmVmLmluc3RhbmNlLmNvbmZpZyA9IGNvbmZpZztcblxuICAgIGNvbmZpZy5kdXJhdGlvbiA9IGNvbmZpZy5kdXJhdGlvbiB8fCAzMDAwO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jbG9zZVNuYWNrYmFyKCk7XG4gICAgfSwgY29uZmlnLmR1cmF0aW9uKTtcblxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS50cmlnZ2VyQWN0aW9uLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBpZiAoY29uZmlnLm9uQWN0aW9uQ2xpY2spIHtcbiAgICAgICAgY29uZmlnLm9uQWN0aW9uQ2xpY2soKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY2xvc2VTbmFja2JhcigpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xvc2VTbmFja2JhcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zbmFja2JhclJlZikge1xuICAgICAgdGhpcy5zbmFja2JhclJlZi5kaXNwb3NlKCk7XG4gICAgICB0aGlzLnNuYWNrYmFyUmVmID0gbnVsbDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic25hY2tiYXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NuYWNrYmFyL3NuYWNrYmFyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsT0FBTyxFQUFXLGFBQWEsRUFBYyxNQUFNLHNCQUFzQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQWdCLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQyxDQUFDLHNEQUFzRDtBQUNoSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBS2xFLE1BQU0sT0FBTyxlQUFlO0lBSTFCLFlBQW9CLE9BQWdCO1FBQWhCLFlBQU8sR0FBUCxPQUFPLENBQVM7SUFBRyxDQUFDO0lBRXhDLFlBQVksQ0FBQyxNQUF1QjtRQUNsQyxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixNQUFNLGFBQWEsR0FBRyxJQUFJLGFBQWEsQ0FBQztZQUN0QyxXQUFXLEVBQUUsS0FBSztZQUNsQixnQkFBZ0IsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLGtCQUFrQixFQUFFLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztTQUN2RixDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXRELE1BQU0sY0FBYyxHQUFHLElBQUksZUFBZSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFFN0QsMkNBQTJDO1FBQzNDLFlBQVksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV6QyxNQUFNLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDO1FBQzFDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkIsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVwQixZQUFZLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2pELElBQUksTUFBTSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUN6QixNQUFNLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDekIsQ0FBQztZQUNELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztnSEF2Q1UsZUFBZTt1RUFBZixlQUFlLFdBQWYsZUFBZSxtQkFGZCxNQUFNOztpRkFFUCxlQUFlO2NBSDNCLFVBQVU7ZUFBQztnQkFDVixVQUFVLEVBQUUsTUFBTTthQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVNuYWNrQmFyQ29uZmlnIHtcbiAgbWVzc2FnZTogc3RyaW5nO1xuICBhY3Rpb25TdHJpbmc6IHN0cmluZztcbiAgaGFzQ29tcG9uZW50OiBib29sZWFuO1xuICBpY29uVXJsPzogc3RyaW5nO1xuICBjb21wb25lbnQ/OiBDb21wb25lbnRSZWY8YW55PjtcbiAgZHVyYXRpb24/OiBudW1iZXI7XG4gIG9uQWN0aW9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgT3ZlcmxheVJlZiB9IGZyb20gXCJAYW5ndWxhci9jZGsvb3ZlcmxheVwiO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9wb3J0YWxcIjtcbmltcG9ydCB7IENvbXBvbmVudFJlZiwgSW5qZWN0YWJsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7IC8vIEFzc3VtaW5nIHlvdSBoYXZlIGRlZmluZWQgSVNuYWNrQmFyQ29uZmlnIGludGVyZmFjZVxuaW1wb3J0IHsgU25hY2tiYXJDb21wb25lbnQgfSBmcm9tIFwiLi9zbmFja2Jhci9zbmFja2Jhci5jb21wb25lbnRcIjtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiBcInJvb3RcIlxufSlcbmV4cG9ydCBjbGFzcyBTbmFja2JhclNlcnZpY2Uge1xuICBjb25maWc6IElTbmFja0JhckNvbmZpZztcbiAgcHJpdmF0ZSBzbmFja2JhclJlZjogT3ZlcmxheVJlZjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXkpIHt9XG5cbiAgb3BlblNuYWNrYmFyKGNvbmZpZzogSVNuYWNrQmFyQ29uZmlnKTogdm9pZCB7XG4gICAgdGhpcy5jb25maWcgPSBjb25maWc7XG4gICAgY29uc3Qgb3ZlcmxheUNvbmZpZyA9IG5ldyBPdmVybGF5Q29uZmlnKHtcbiAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgIHBvc2l0aW9uU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLmNlbnRlckhvcml6b250YWxseSgpLmJvdHRvbShcIjQ4cHhcIilcbiAgICB9KTtcblxuICAgIHRoaXMuc25hY2tiYXJSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKG92ZXJsYXlDb25maWcpO1xuXG4gICAgY29uc3Qgc25hY2tiYXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKFNuYWNrYmFyQ29tcG9uZW50KTtcbiAgICBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLnNuYWNrYmFyUmVmLmF0dGFjaChzbmFja2JhclBvcnRhbCk7XG5cbiAgICAvLyBTZXQgdGhlIGNvbmZpZyB1c2luZyB0aGUgd3JpdGFibGUgc2lnbmFsXG4gICAgY29tcG9uZW50UmVmLmluc3RhbmNlLmNvbmZpZy5zZXQoY29uZmlnKTtcblxuICAgIGNvbmZpZy5kdXJhdGlvbiA9IGNvbmZpZy5kdXJhdGlvbiB8fCAzMDAwO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jbG9zZVNuYWNrYmFyKCk7XG4gICAgfSwgY29uZmlnLmR1cmF0aW9uKTtcblxuICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZS50cmlnZ2VyQWN0aW9uLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBpZiAoY29uZmlnLm9uQWN0aW9uQ2xpY2spIHtcbiAgICAgICAgY29uZmlnLm9uQWN0aW9uQ2xpY2soKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY2xvc2VTbmFja2JhcigpO1xuICAgIH0pO1xuICB9XG5cbiAgY2xvc2VTbmFja2JhcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zbmFja2JhclJlZikge1xuICAgICAgdGhpcy5zbmFja2JhclJlZi5kaXNwb3NlKCk7XG4gICAgICB0aGlzLnNuYWNrYmFyUmVmID0gbnVsbDtcbiAgICB9XG4gIH1cbn1cbiJdfQ==