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

package/esm2022/input/directives/input/input.directive.mjs

@@ -1,40 +1,36 @@
-import { Directive, Optional, Self } from "@angular/core";
-import { ReplaySubject, Subject } from "rxjs";
-import { takeUntil } from "rxjs/operators";
+import { Directive, ElementRef, signal, inject, DestroyRef } from "@angular/core";
+import { NgControl } from "@angular/forms";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
 export class MisInputDirective {
-    constructor(el, control) {
-        this.el = el;
-        this.control = control;
-        this.validityChange = new ReplaySubject(1);
-        this.validity = this.validityChange.asObservable();
-        this.endObs = new Subject();
-        this.focus = false;
-        this.hasValue = false;
+    constructor() {
+        // Public signal to expose directive state
+        this.validity = signal(true);
+        // Dependencies injected for use with signals
+        this.el = inject(ElementRef);
+        this.control = inject(NgControl, { optional: true, self: true });
+        this.destroyRef = inject(DestroyRef); // Provides a reference for automatic cleanup
+        if (this.control?.control) {
+            this.control.control.statusChanges
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(() => {
+                this.validity.set(!this.control.control.invalid);
+            });
+        }
     }
     ngOnInit() {
-        this.control?.control?.valueChanges.pipe(takeUntil(this.endObs)).subscribe(() => {
-            this.validityChange.next(!this.control.control?.invalid);
-        });
-        this.el.nativeElement.placeholder += " ";
+        // No need for explicit subscription in ngOnInit with the constructor logic
     }
     ngOnDestroy() {
-        this.endObs.next();
-        this.endObs.complete();
+        // `takeUntilDestroyed` handles cleanup automatically.
     }
-    static { this.ɵfac = function MisInputDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MisInputDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.NgControl, 10)); }; }
+    static { this.ɵfac = function MisInputDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MisInputDirective)(); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MisInputDirective, selectors: [["input", "misInput", ""]] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MisInputDirective, [{
         type: Directive,
         args: [{
-                // tslint:disable-next-line
                 selector: "input[misInput]"
             }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
-                type: Self
-            }, {
-                type: Optional
-            }] }], null); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy9pbnB1dC9pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUMsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBZ0IsTUFBTSxNQUFNLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFNM0MsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixZQUFtQixFQUFjLEVBQTZCLE9BQWtCO1FBQTdELE9BQUUsR0FBRixFQUFFLENBQVk7UUFBNkIsWUFBTyxHQUFQLE9BQU8sQ0FBVztRQUN4RSxtQkFBYyxHQUEyQixJQUFJLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN0RSxhQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM5QyxXQUFNLEdBQWtCLElBQUksT0FBTyxFQUFFLENBQUM7UUFDdEMsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLGFBQVEsR0FBRyxLQUFLLENBQUM7SUFMa0UsQ0FBQztJQU9wRixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUM5RSxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzNELENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxJQUFJLEdBQUcsQ0FBQztJQUMzQyxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN6QixDQUFDO2tIQWpCVSxpQkFBaUI7b0VBQWpCLGlCQUFpQjs7aUZBQWpCLGlCQUFpQjtjQUo3QixTQUFTO2VBQUM7Z0JBQ1QsMkJBQTJCO2dCQUMzQixRQUFRLEVBQUUsaUJBQWlCO2FBQzVCOztzQkFFcUMsSUFBSTs7c0JBQUksUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25EZXN0cm95LCBPbkluaXQsIE9wdGlvbmFsLCBTZWxmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCwgU3ViamVjdCwgU3Vic2NyaXB0aW9uIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuXG5ARGlyZWN0aXZlKHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lXG4gIHNlbGVjdG9yOiBcImlucHV0W21pc0lucHV0XVwiXG59KVxuZXhwb3J0IGNsYXNzIE1pc0lucHV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWw6IEVsZW1lbnRSZWYsIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIGNvbnRyb2w6IE5nQ29udHJvbCkge31cbiAgcHJpdmF0ZSB2YWxpZGl0eUNoYW5nZTogUmVwbGF5U3ViamVjdDxib29sZWFuPiA9IG5ldyBSZXBsYXlTdWJqZWN0KDEpO1xuICB2YWxpZGl0eSA9IHRoaXMudmFsaWRpdHlDaGFuZ2UuYXNPYnNlcnZhYmxlKCk7XG4gIGVuZE9iczogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XG4gIGZvY3VzID0gZmFsc2U7XG4gIGhhc1ZhbHVlID0gZmFsc2U7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jb250cm9sPy5jb250cm9sPy52YWx1ZUNoYW5nZXMucGlwZSh0YWtlVW50aWwodGhpcy5lbmRPYnMpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy52YWxpZGl0eUNoYW5nZS5uZXh0KCF0aGlzLmNvbnRyb2wuY29udHJvbD8uaW52YWxpZCk7XG4gICAgfSk7XG4gICAgdGhpcy5lbC5uYXRpdmVFbGVtZW50LnBsYWNlaG9sZGVyICs9IFwiIFwiO1xuICB9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZW5kT2JzLm5leHQoKTtcbiAgICB0aGlzLmVuZE9icy5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
+    }], () => [], null); })();
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvaW5wdXQvZGlyZWN0aXZlcy9pbnB1dC9pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQTBCLE1BQU0sRUFBcUIsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3SCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBS2hFLE1BQU0sT0FBTyxpQkFBaUI7SUFTNUI7UUFSQSwwQ0FBMEM7UUFDbkMsYUFBUSxHQUFHLE1BQU0sQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUV4Qyw2Q0FBNkM7UUFDdEMsT0FBRSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN4QixZQUFPLEdBQUcsTUFBTSxDQUFDLFNBQVMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDM0QsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLDZDQUE2QztRQUdwRixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsYUFBYTtpQkFDL0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztpQkFDekMsU0FBUyxDQUFDLEdBQUcsRUFBRTtnQkFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFRLENBQUMsT0FBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3JELENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sMkVBQTJFO0lBQzdFLENBQUM7SUFFRCxXQUFXO1FBQ1Qsc0RBQXNEO0lBQ3hELENBQUM7a0hBekJVLGlCQUFpQjtvRUFBakIsaUJBQWlCOztpRkFBakIsaUJBQWlCO2NBSDdCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2FBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBPbkluaXQsIE9wdGlvbmFsLCBTZWxmLCBzaWduYWwsIGVmZmVjdCwgT25EZXN0cm95LCBpbmplY3QsIERlc3Ryb3lSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTmdDb250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3BcIjtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiBcImlucHV0W21pc0lucHV0XVwiXG59KVxuZXhwb3J0IGNsYXNzIE1pc0lucHV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvLyBQdWJsaWMgc2lnbmFsIHRvIGV4cG9zZSBkaXJlY3RpdmUgc3RhdGVcbiAgcHVibGljIHZhbGlkaXR5ID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpO1xuICBcbiAgLy8gRGVwZW5kZW5jaWVzIGluamVjdGVkIGZvciB1c2Ugd2l0aCBzaWduYWxzXG4gIHB1YmxpYyBlbCA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgcHVibGljIGNvbnRyb2wgPSBpbmplY3QoTmdDb250cm9sLCB7IG9wdGlvbmFsOiB0cnVlLCBzZWxmOiB0cnVlIH0pO1xuICBwcml2YXRlIGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7IC8vIFByb3ZpZGVzIGEgcmVmZXJlbmNlIGZvciBhdXRvbWF0aWMgY2xlYW51cFxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2w/LmNvbnRyb2wpIHtcbiAgICAgIHRoaXMuY29udHJvbC5jb250cm9sLnN0YXR1c0NoYW5nZXNcbiAgICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMudmFsaWRpdHkuc2V0KCF0aGlzLmNvbnRyb2whLmNvbnRyb2whLmludmFsaWQpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAvLyBObyBuZWVkIGZvciBleHBsaWNpdCBzdWJzY3JpcHRpb24gaW4gbmdPbkluaXQgd2l0aCB0aGUgY29uc3RydWN0b3IgbG9naWNcbiAgfVxuICBcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgLy8gYHRha2VVbnRpbERlc3Ryb3llZGAgaGFuZGxlcyBjbGVhbnVwIGF1dG9tYXRpY2FsbHkuXG4gIH1cbn1cblxuXG4iXX0=

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

@@ -1,4 +1,4 @@
-import { Component, ContentChild, Input } from "@angular/core";
+import { Component, computed, contentChild, input, effect } from "@angular/core";
 import { MisInputDirective } from "./directives/input/input.directive";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -11,34 +11,43 @@ function MisInputComponent_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 export class MisInputComponent {
-    set formInput(input) {
-        if (!this.placeholder) {
-            this.placeholder = input?.el.nativeElement.placeholder || "";
-        }
-        this.inputCtrl = input.control?.control;
-        this.inputSubscription?.unsubscribe();
-        this.inputSubscription = input?.validity.subscribe(res => (this.inputValidity = res));
-        this.placeholder += " ";
-    }
     constructor() {
-        this.type = "floating";
-        this.size = "sm";
-        this.noHints = false;
-        this.hasError = false; // show input in error state
-        this.isMandatory = false; // show input as mandatory
-        this.inputValidity = true;
+        // Signal Inputs replacing @Input()
+        this.type = input("floating");
+        this.size = input("sm");
+        this.placeholder = input(undefined);
+        this.noHints = input(false);
+        this.hasError = input(false);
+        this.isMandatory = input(false);
+        // Content Child as a signal
+        this.formInput = contentChild(MisInputDirective);
+        // Use a computed signal to derive the input control from the content child.
+        // This will automatically update when the content child becomes available.
+        this.inputCtrl = computed(() => this.formInput()?.control?.control || null);
+        // Use a computed signal to derive the validity state.
+        // It reads the signal from the directive and updates whenever the directive's signal changes.
+        this.inputValidity = computed(() => this.formInput()?.validity() ?? true);
+        // Computed signal to determine the overall invalid state
+        this.isInvalid = computed(() => !this.inputValidity() || this.hasError());
+        // This effect is now only for a side-effect (modifying a DOM element)
+        // and no longer writes to signals.
+        effect(() => {
+            const input = this.formInput();
+            if (input && this.type() === 'floating') {
+                if (!this.placeholder() && input.el.nativeElement.placeholder) {
+                    input.el.nativeElement.placeholder = '';
+                }
+            }
+        });
     }
     ngOnInit() { }
-    ngOnDestroy() {
-        this.inputSubscription?.unsubscribe();
-    }
+    ngOnDestroy() { }
     static { this.ɵfac = function MisInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MisInputComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MisInputComponent, selectors: [["mis-input"]], contentQueries: function MisInputComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, MisInputDirective, 5);
+            i0.ɵɵcontentQuerySignal(dirIndex, ctx.formInput, MisInputDirective, 5);
         } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formInput = _t.first);
-        } }, inputs: { type: "type", size: "size", placeholder: "placeholder", noHints: "noHints", hasError: "hasError", isMandatory: "isMandatory" }, ngContentSelectors: _c1, decls: 11, vars: 11, consts: [[3, "ngClass"], [1, "input-wrapper"], [1, "mis-input"], [1, "mis-placeholder"], ["style", "color: red;", 4, "ngIf"], [2, "color", "red"]], template: function MisInputComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵqueryAdvance();
+        } }, inputs: { type: [1, "type"], size: [1, "size"], placeholder: [1, "placeholder"], noHints: [1, "noHints"], hasError: [1, "hasError"], isMandatory: [1, "isMandatory"] }, ngContentSelectors: _c1, decls: 11, vars: 11, consts: [[3, "ngClass"], [1, "input-wrapper"], [1, "mis-input"], [1, "mis-placeholder"], ["style", "color: red;", 4, "ngIf"], [2, "color", "red"]], template: function MisInputComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵprojection(2);
@@ -54,32 +63,19 @@ export class MisInputComponent {
             i0.ɵɵprojection(10, 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMap("input-container " + ctx.size);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction5(5, _c2, ctx.type === "rounded", ctx.type === "floating", !ctx.inputValidity || ctx.hasError, ctx.noHints, ctx.inputCtrl == null ? null : ctx.inputCtrl.disabled));
+            let tmp_1_0;
+            let tmp_2_0;
+            i0.ɵɵclassMap("input-container " + ctx.size());
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction5(5, _c2, ctx.type() === "rounded", ctx.type() === "floating", ctx.isInvalid(), ctx.noHints(), (tmp_1_0 = ctx.inputCtrl()) == null ? null : tmp_1_0.disabled));
             i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(ctx.placeholder);
+            i0.ɵɵtextInterpolate(ctx.placeholder() || ((tmp_2_0 = ctx.formInput()) == null ? null : tmp_2_0.el.nativeElement.placeholder));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isMandatory);
+            i0.ɵɵproperty("ngIf", ctx.isMandatory());
         } }, dependencies: [i1.NgClass, i1.NgIf], styles: ["[_ngcontent-%COMP%]:root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.input-container[_ngcontent-%COMP%]{position:relative;padding-bottom:24px}.input-container.mis-disabled[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{pointer-events:none!important}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all ease-in 60ms;background-color:#fff;padding:3px 16px;gap:16px}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   .mis-input[_ngcontent-%COMP%]{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder{transition:all ease-in .1s;opacity:0;transform-origin:left center;color:transparent}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   .mis-placeholder[_ngcontent-%COMP%]{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all ease-in .15s}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:focus-within{background-color:#f5f5f5}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:focus-within{border:1px solid #0937B2}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   [mis-input-act][_ngcontent-%COMP%], .input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   [mis-input-icon][_ngcontent-%COMP%]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   [mis-input-act][_ngcontent-%COMP%]{cursor:pointer}.input-container.no-hint[_ngcontent-%COMP%]{padding-bottom:0}.input-container.rounded[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{box-sizing:initial}.input-container.rounded.sm[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding:3px 16px}.input-container.rounded.md[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding:9px 16px}.input-container.rounded.lg[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding:15px 16px}.input-container.rounded[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:hover{background-color:#f5f5f5}.input-container.rounded[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:focus-within{border:1px solid #0937b2}.input-container.rounded[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:not(:placeholder-shown) + .mis-placeholder[_ngcontent-%COMP%]{color:transparent!important}.input-container.rounded[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   .mis-placeholder[_ngcontent-%COMP%]{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{border:1px solid #b00020!important}.input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus + .mis-placeholder[_ngcontent-%COMP%]{color:#0937b2!important}.input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:not(:placeholder-shown) + .mis-placeholder[_ngcontent-%COMP%], .input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus + .mis-placeholder[_ngcontent-%COMP%]{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]:focus-within   input[_ngcontent-%COMP%]::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]{border-bottom:1px solid #b00020!important}.input-container.floating.has-error[_ngcontent-%COMP%]   .input-wrapper[_ngcontent-%COMP%]   .mis-placeholder[_ngcontent-%COMP%]{color:#b00020!important}.input-container[_ngcontent-%COMP%]   [mis-input-hint][_ngcontent-%COMP%], .input-container[_ngcontent-%COMP%]   [mis-input-error][_ngcontent-%COMP%]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container[_ngcontent-%COMP%]   [mis-input-error][_ngcontent-%COMP%]{color:#b00020}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MisInputComponent, [{
         type: Component,
-        args: [{ selector: "mis-input", template: "<div\n  [class]=\"'input-container ' + size\"\n  [ngClass]=\"{\n    rounded: type === 'rounded',\n    floating: type === 'floating',\n    'has-error': !inputValidity || hasError,\n    'no-hint': noHints,\n    'mis-disabled': inputCtrl?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder }}<span *ngIf=\"isMandatory\" style=\"color: red;\">*</span></span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all ease-in 60ms;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::placeholder{transition:all ease-in .1s;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all ease-in .15s}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937B2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder,.input-container.floating .input-wrapper input:focus+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-hint],.input-container [mis-input-error]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}\n"] }]
-    }], () => [], { type: [{
-            type: Input
-        }], size: [{
-            type: Input
-        }], placeholder: [{
-            type: Input
-        }], noHints: [{
-            type: Input
-        }], hasError: [{
-            type: Input
-        }], isMandatory: [{
-            type: Input
-        }], formInput: [{
-            type: ContentChild,
-            args: [MisInputDirective]
-        }] }); })();
+        args: [{ selector: "mis-input", template: "<div\n  [class]=\"'input-container ' + size()\"\n  [ngClass]=\"{\n    rounded: type() === 'rounded',\n    floating: type() === 'floating',\n    'has-error': isInvalid(),\n    'no-hint': noHints(),\n    'mis-disabled': inputCtrl()?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder() || formInput()?.el.nativeElement.placeholder }}<span *ngIf=\"isMandatory()\" style=\"color: red;\">*</span></span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\n\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all ease-in 60ms;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::placeholder{transition:all ease-in .1s;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all ease-in .15s}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937B2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder,.input-container.floating .input-wrapper input:focus+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-hint],.input-container [mis-input-error]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}\n"] }]
+    }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MisInputComponent, { className: "MisInputComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2lucHV0L21pcy1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC9taXMtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUdyRyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7OztJQ1dsQiwrQkFBOEM7SUFBQSxpQkFBQztJQUFBLGlCQUFPOztBREozRyxNQUFNLE9BQU8saUJBQWlCO0lBTzVCLElBQXFDLFNBQVMsQ0FBQyxLQUF3QjtRQUNyRSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxJQUFJLEVBQUUsQ0FBQztRQUMvRCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQztRQUN4QyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLENBQUM7UUFDdEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssRUFBRSxRQUFRLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDdEYsSUFBSSxDQUFDLFdBQVcsSUFBSSxHQUFHLENBQUM7SUFDMUIsQ0FBQztJQUlEO1FBbEJTLFNBQUksR0FBMkIsVUFBVSxDQUFDO1FBQzFDLFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBRWhDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDLDRCQUE0QjtRQUM5QyxnQkFBVyxHQUFXLEtBQUssQ0FBQyxDQUFDLDBCQUEwQjtRQVloRSxrQkFBYSxHQUFZLElBQUksQ0FBQztJQUNmLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFDbkIsV0FBVztRQUNULElBQUksQ0FBQyxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUN4QyxDQUFDO2tIQXhCVSxpQkFBaUI7b0VBQWpCLGlCQUFpQjt3Q0FPZCxpQkFBaUI7Ozs7OztZQ1AvQixBQVZGLDhCQVNDLGFBQzRCO1lBQ3pCLGtCQUFtRDtZQUNuRCw4QkFBdUI7WUFDckIscUJBQXdDO1lBQ3hDLCtCQUE4QjtZQUFBLFlBQWlCO1lBQUEsb0VBQThDO1lBQy9GLEFBRHVHLGlCQUFPLEVBQ3hHO1lBQ04scUJBQWtEO1lBQ3BELGlCQUFNO1lBQ04scUJBQW1EO1lBQ25ELHNCQUFvRDtZQUN0RCxpQkFBTTs7WUFuQkosNENBQW1DO1lBQ25DLDZNQU1FO1lBTWdDLGVBQWlCO1lBQWpCLHFDQUFpQjtZQUFPLGNBQWlCO1lBQWpCLHNDQUFpQjs7O2lGREpoRSxpQkFBaUI7Y0FMN0IsU0FBUzsyQkFDRSxXQUFXO29CQUtaLElBQUk7a0JBQVosS0FBSztZQUNHLElBQUk7a0JBQVosS0FBSztZQUNHLFdBQVc7a0JBQW5CLEtBQUs7WUFDRyxPQUFPO2tCQUFmLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUMrQixTQUFTO2tCQUE3QyxZQUFZO21CQUFDLGlCQUFpQjs7a0ZBUHBCLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IE1pc0lucHV0RGlyZWN0aXZlIH0gZnJvbSBcIi4vZGlyZWN0aXZlcy9pbnB1dC9pbnB1dC5kaXJlY3RpdmVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1pcy1pbnB1dFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL21pcy1pbnB1dC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vbWlzLWlucHV0LmNvbXBvbmVudC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIE1pc0lucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSB0eXBlOiBcInJvdW5kZWRcIiB8IFwiZmxvYXRpbmdcIiA9IFwiZmxvYXRpbmdcIjtcbiAgQElucHV0KCkgc2l6ZTogXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiID0gXCJzbVwiO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nOyAvLyBmbG9hdGluZyBwbGFjZWhvbGRlciB0ZXh0XG4gIEBJbnB1dCgpIG5vSGludHMgPSBmYWxzZTtcbiAgQElucHV0KCkgaGFzRXJyb3IgPSBmYWxzZTsgLy8gc2hvdyBpbnB1dCBpbiBlcnJvciBzdGF0ZVxuICBASW5wdXQoKSBpc01hbmRhdG9yeTpib29sZWFuID0gZmFsc2U7IC8vIHNob3cgaW5wdXQgYXMgbWFuZGF0b3J5XG4gIEBDb250ZW50Q2hpbGQoTWlzSW5wdXREaXJlY3RpdmUpIHNldCBmb3JtSW5wdXQoaW5wdXQ6IE1pc0lucHV0RGlyZWN0aXZlKSB7XG4gICAgaWYgKCF0aGlzLnBsYWNlaG9sZGVyKSB7XG4gICAgICB0aGlzLnBsYWNlaG9sZGVyID0gaW5wdXQ/LmVsLm5hdGl2ZUVsZW1lbnQucGxhY2Vob2xkZXIgfHwgXCJcIjtcbiAgICB9XG4gICAgdGhpcy5pbnB1dEN0cmwgPSBpbnB1dC5jb250cm9sPy5jb250cm9sO1xuICAgIHRoaXMuaW5wdXRTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gICAgdGhpcy5pbnB1dFN1YnNjcmlwdGlvbiA9IGlucHV0Py52YWxpZGl0eS5zdWJzY3JpYmUocmVzID0+ICh0aGlzLmlucHV0VmFsaWRpdHkgPSByZXMpKTtcbiAgICB0aGlzLnBsYWNlaG9sZGVyICs9IFwiIFwiO1xuICB9XG4gIGlucHV0Q3RybDogQWJzdHJhY3RDb250cm9sO1xuICBpbnB1dFN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uIHwgdW5kZWZpbmVkO1xuICBpbnB1dFZhbGlkaXR5OiBib29sZWFuID0gdHJ1ZTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dFN1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBbY2xhc3NdPVwiJ2lucHV0LWNvbnRhaW5lciAnICsgc2l6ZVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICByb3VuZGVkOiB0eXBlID09PSAncm91bmRlZCcsXG4gICAgZmxvYXRpbmc6IHR5cGUgPT09ICdmbG9hdGluZycsXG4gICAgJ2hhcy1lcnJvcic6ICFpbnB1dFZhbGlkaXR5IHx8IGhhc0Vycm9yLFxuICAgICduby1oaW50Jzogbm9IaW50cyxcbiAgICAnbWlzLWRpc2FibGVkJzogaW5wdXRDdHJsPy5kaXNhYmxlZFxuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cImlucHV0LXdyYXBwZXJcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWlzLWlucHV0LWljb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJtaXMtaW5wdXRcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImlucHV0XCI+PC9uZy1jb250ZW50PlxuICAgICAgPHNwYW4gY2xhc3M9XCJtaXMtcGxhY2Vob2xkZXJcIj57eyBwbGFjZWhvbGRlciB9fTxzcGFuICpuZ0lmPVwiaXNNYW5kYXRvcnlcIiBzdHlsZT1cImNvbG9yOiByZWQ7XCI+Kjwvc3Bhbj48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1hY3RdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1oaW50XVwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1lcnJvcl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2lucHV0L21pcy1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC9taXMtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBd0MsUUFBUSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRS9ILE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7O0lDWTZCLCtCQUFnRDtJQUFBLGlCQUFDO0lBQUEsaUJBQU87O0FETDVKLE1BQU0sT0FBTyxpQkFBaUI7SUFvQjVCO1FBbkJBLG1DQUFtQztRQUM1QixTQUFJLEdBQUcsS0FBSyxDQUF5QixVQUFVLENBQUMsQ0FBQztRQUNqRCxTQUFJLEdBQUcsS0FBSyxDQUFxQixJQUFJLENBQUMsQ0FBQztRQUN2QyxnQkFBVyxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDbkQsWUFBTyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNoQyxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLGdCQUFXLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRTNDLDRCQUE0QjtRQUNyQixjQUFTLEdBQUcsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFFbkQsNEVBQTRFO1FBQzVFLDJFQUEyRTtRQUNwRSxjQUFTLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLElBQUksQ0FBQyxDQUFDO1FBRTlFLHNEQUFzRDtRQUN0RCw4RkFBOEY7UUFDdkYsa0JBQWEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLElBQUksQ0FBQyxDQUFDO1FBa0I1RSx5REFBeUQ7UUFDbEQsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQWhCMUUsc0VBQXNFO1FBQ3RFLG1DQUFtQztRQUNuQyxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQy9CLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxVQUFVLEVBQUUsQ0FBQztnQkFDeEMsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsSUFBSSxLQUFLLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztvQkFDOUQsS0FBSyxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztnQkFDMUMsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUNuQixXQUFXLEtBQVUsQ0FBQztrSEFsQ1gsaUJBQWlCO29FQUFqQixpQkFBaUI7NkRBVUksaUJBQWlCOzs7OztZQ1RqRCxBQVZGLDhCQVNDLGFBQzRCO1lBQ3pCLGtCQUFtRDtZQUNuRCw4QkFBdUI7WUFDckIscUJBQXdDO1lBQ3hDLCtCQUE4QjtZQUFBLFlBQWdFO1lBQUEsb0VBQWdEO1lBQ2hKLEFBRHdKLGlCQUFPLEVBQ3pKO1lBQ04scUJBQWtEO1lBQ3BELGlCQUFNO1lBQ04scUJBQW1EO1lBQ25ELHNCQUFvRDtZQUN0RCxpQkFBTTs7OztZQW5CSiw4Q0FBcUM7WUFDckMsd01BTUU7WUFNZ0MsZUFBZ0U7WUFBaEUsOEhBQWdFO1lBQU8sY0FBbUI7WUFBbkIsd0NBQW1COzs7aUZETGpILGlCQUFpQjtjQUw3QixTQUFTOzJCQUNFLFdBQVc7O2tGQUlWLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBPbkRlc3Ryb3ksIFZpZXdFbmNhcHN1bGF0aW9uLCBjb21wdXRlZCwgY29udGVudENoaWxkLCBpbnB1dCwgZWZmZWN0LCBzaWduYWwgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBNaXNJbnB1dERpcmVjdGl2ZSB9IGZyb20gXCIuL2RpcmVjdGl2ZXMvaW5wdXQvaW5wdXQuZGlyZWN0aXZlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtaW5wdXRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9taXMtaW5wdXQuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL21pcy1pbnB1dC5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgTWlzSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8vIFNpZ25hbCBJbnB1dHMgcmVwbGFjaW5nIEBJbnB1dCgpXG4gIHB1YmxpYyB0eXBlID0gaW5wdXQ8XCJyb3VuZGVkXCIgfCBcImZsb2F0aW5nXCI+KFwiZmxvYXRpbmdcIik7XG4gIHB1YmxpYyBzaXplID0gaW5wdXQ8XCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiPihcInNtXCIpO1xuICBwdWJsaWMgcGxhY2Vob2xkZXIgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHB1YmxpYyBub0hpbnRzID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICBwdWJsaWMgaGFzRXJyb3IgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHB1YmxpYyBpc01hbmRhdG9yeSA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuICAvLyBDb250ZW50IENoaWxkIGFzIGEgc2lnbmFsXG4gIHB1YmxpYyBmb3JtSW5wdXQgPSBjb250ZW50Q2hpbGQoTWlzSW5wdXREaXJlY3RpdmUpO1xuXG4gIC8vIFVzZSBhIGNvbXB1dGVkIHNpZ25hbCB0byBkZXJpdmUgdGhlIGlucHV0IGNvbnRyb2wgZnJvbSB0aGUgY29udGVudCBjaGlsZC5cbiAgLy8gVGhpcyB3aWxsIGF1dG9tYXRpY2FsbHkgdXBkYXRlIHdoZW4gdGhlIGNvbnRlbnQgY2hpbGQgYmVjb21lcyBhdmFpbGFibGUuXG4gIHB1YmxpYyBpbnB1dEN0cmwgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmZvcm1JbnB1dCgpPy5jb250cm9sPy5jb250cm9sIHx8IG51bGwpO1xuXG4gIC8vIFVzZSBhIGNvbXB1dGVkIHNpZ25hbCB0byBkZXJpdmUgdGhlIHZhbGlkaXR5IHN0YXRlLlxuICAvLyBJdCByZWFkcyB0aGUgc2lnbmFsIGZyb20gdGhlIGRpcmVjdGl2ZSBhbmQgdXBkYXRlcyB3aGVuZXZlciB0aGUgZGlyZWN0aXZlJ3Mgc2lnbmFsIGNoYW5nZXMuXG4gIHB1YmxpYyBpbnB1dFZhbGlkaXR5ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5mb3JtSW5wdXQoKT8udmFsaWRpdHkoKSA/PyB0cnVlKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICAvLyBUaGlzIGVmZmVjdCBpcyBub3cgb25seSBmb3IgYSBzaWRlLWVmZmVjdCAobW9kaWZ5aW5nIGEgRE9NIGVsZW1lbnQpXG4gICAgLy8gYW5kIG5vIGxvbmdlciB3cml0ZXMgdG8gc2lnbmFscy5cbiAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgY29uc3QgaW5wdXQgPSB0aGlzLmZvcm1JbnB1dCgpO1xuICAgICAgaWYgKGlucHV0ICYmIHRoaXMudHlwZSgpID09PSAnZmxvYXRpbmcnKSB7XG4gICAgICAgIGlmICghdGhpcy5wbGFjZWhvbGRlcigpICYmIGlucHV0LmVsLm5hdGl2ZUVsZW1lbnQucGxhY2Vob2xkZXIpIHtcbiAgICAgICAgICBpbnB1dC5lbC5uYXRpdmVFbGVtZW50LnBsYWNlaG9sZGVyID0gJyc7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7fVxuXG4gIC8vIENvbXB1dGVkIHNpZ25hbCB0byBkZXRlcm1pbmUgdGhlIG92ZXJhbGwgaW52YWxpZCBzdGF0ZVxuICBwdWJsaWMgaXNJbnZhbGlkID0gY29tcHV0ZWQoKCkgPT4gIXRoaXMuaW5wdXRWYWxpZGl0eSgpIHx8IHRoaXMuaGFzRXJyb3IoKSk7XG59XG5cbiIsIjxkaXZcbiAgW2NsYXNzXT1cIidpbnB1dC1jb250YWluZXIgJyArIHNpemUoKVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICByb3VuZGVkOiB0eXBlKCkgPT09ICdyb3VuZGVkJyxcbiAgICBmbG9hdGluZzogdHlwZSgpID09PSAnZmxvYXRpbmcnLFxuICAgICdoYXMtZXJyb3InOiBpc0ludmFsaWQoKSxcbiAgICAnbm8taGludCc6IG5vSGludHMoKSxcbiAgICAnbWlzLWRpc2FibGVkJzogaW5wdXRDdHJsKCk/LmRpc2FibGVkXG4gIH1cIlxuPlxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtd3JhcHBlclwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlttaXMtaW5wdXQtaWNvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPGRpdiBjbGFzcz1cIm1pcy1pbnB1dFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaW5wdXRcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8c3BhbiBjbGFzcz1cIm1pcy1wbGFjZWhvbGRlclwiPnt7IHBsYWNlaG9sZGVyKCkgfHwgZm9ybUlucHV0KCk/LmVsLm5hdGl2ZUVsZW1lbnQucGxhY2Vob2xkZXIgfX08c3BhbiAqbmdJZj1cImlzTWFuZGF0b3J5KClcIiBzdHlsZT1cImNvbG9yOiByZWQ7XCI+Kjwvc3Bhbj48L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1hY3RdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1oaW50XVwiPjwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21pcy1pbnB1dC1lcnJvcl1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cblxuIl19

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

@@ -1,92 +1,82 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, Output, EventEmitter, input, signal, computed, effect } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
 import * as i2 from "@angular/common";
 const _c0 = a0 => ({ "max-width": a0 });
-const _c1 = a0 => ({ "cursor": a0 });
-const _c2 = a0 => ({ "disabled": a0 });
+const _c1 = a0 => ({ "disabled": a0 });
+const _c2 = a0 => ({ cursor: a0 });
 export class InputStepperComponent {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
-        this.value = 1;
-        this.width = '200px';
-        this.minLimit = 0;
-        this.maxLimit = 2;
+        // Input signals
+        this.value = input(1);
+        this.width = input('200px');
+        this.minLimit = input(0);
+        this.maxLimit = input(2);
+        // Internal state
+        this.currentValue = signal(0);
         this.valueChange = new EventEmitter();
+        // Computed states
+        this.canIncrement = computed(() => this.currentValue() < this.maxLimit());
+        this.canDecrement = computed(() => this.currentValue() > this.minLimit());
         this.svgMinusIcon = this.sanitizer.bypassSecurityTrustHtml(`
       <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd" d="M3 9.11705C3 8.63819 3.3833 8.25 3.85612 8.25H14.1439C14.6167 8.25 15 8.63819 15 9.11705C15 9.59591 14.6167 9.9841 14.1439 9.9841H3.85612C3.3833 9.9841 3 9.59591 3 9.11705Z" fill="#0937B2"/>
       </svg>`);
         this.svgPlusIcon = this.sanitizer.bypassSecurityTrustHtml(`
-        <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.85677 3.86705C9.85677 3.38819 9.47347 3 9.00066 3C8.52784 3 8.14454 3.38819 8.14454 3.86705V8.13159H3.85612C3.3833 8.13159 3 8.51978 3 8.99864C3 9.4775 3.3833 9.8657 3.85612 9.8657H8.14454V14.1329C8.14454 14.6118 8.52784 15 9.00066 15C9.47347 15 9.85677 14.6118 9.85677 14.1329V9.8657H14.1439C14.6167 9.8657 15 9.4775 15 8.99864C15 8.51978 14.6167 8.13159 14.1439 8.13159H9.85677V3.86705Z" fill="#0937B2"/>
-        </svg>`);
+      <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.85677 3.86705C9.85677 3.38819 9.47347 3 9.00066 3C8.52784 3 8.14454 3.38819 8.14454 3.86705V8.13159H3.85612C3.3833 8.13159 3 8.51978 3 8.99864C3 9.4775 3.3833 9.8657 3.85612 9.8657H8.14454V14.1329C8.14454 14.6118 8.52784 15 9.00066 15C9.47347 15 9.85677 14.6118 9.85677 14.1329V9.8657H14.1439C14.6167 9.8657 15 9.4775 15 8.99864C15 8.51978 14.6167 8.13159 14.1439 8.13159H9.85677V3.86705Z" fill="#0937B2"/>
+      </svg>`);
+        // Keep internal value in sync with input
+        effect(() => {
+            const inputVal = this.value();
+            if (inputVal !== undefined) {
+                this.currentValue.set(inputVal);
+            }
+        }, { allowSignalWrites: true });
     }
     increment() {
-        if (this.value === this.maxLimit) {
-            this.emitValueChange();
-            return;
+        if (this.canIncrement()) {
+            this.currentValue.update(v => v + 1);
+            this.valueChange.emit(this.currentValue());
         }
-        this.value++;
-        this.emitValueChange();
     }
     decrement() {
-        if (this.value > 0) {
-            this.value--;
-            this.emitValueChange();
-        }
-    }
-    onInputChange(newValue) {
-        const parsedValue = parseInt(newValue, 10);
-        if (!isNaN(parsedValue)) {
-            this.value = parsedValue;
-            this.emitValueChange();
+        if (this.canDecrement()) {
+            this.currentValue.update(v => v - 1);
+            this.valueChange.emit(this.currentValue());
         }
     }
-    emitValueChange() {
-        console.log("value change", this.value);
-        this.valueChange.emit(this.value);
-    }
     static { this.ɵfac = function InputStepperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InputStepperComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputStepperComponent, selectors: [["mis-input-stepper"]], inputs: { value: "value", width: "width", minLimit: "minLimit", maxLimit: "maxLimit" }, outputs: { valueChange: "valueChange" }, decls: 6, vars: 18, consts: [[1, "nudger", 3, "ngStyle"], [3, "click", "ngStyle"], [3, "innerHtml", "ngClass"], ["type", "text", "readonly", "", 3, "input", "value"]], template: function InputStepperComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InputStepperComponent, selectors: [["mis-input-stepper"]], inputs: { value: [1, "value"], width: [1, "width"], minLimit: [1, "minLimit"], maxLimit: [1, "maxLimit"] }, outputs: { valueChange: "valueChange" }, decls: 6, vars: 20, consts: [[1, "nudger", 3, "ngStyle"], [3, "click", "disabled", "ngClass", "ngStyle"], [3, "innerHtml"], ["type", "text", "readonly", "", 3, "value"]], template: function InputStepperComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
             i0.ɵɵlistener("click", function InputStepperComponent_Template_button_click_1_listener() { return ctx.decrement(); });
             i0.ɵɵelement(2, "span", 2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "input", 3);
-            i0.ɵɵlistener("input", function InputStepperComponent_Template_input_input_3_listener($event) { return ctx.onInputChange($event.target.value); });
-            i0.ɵɵelementEnd();
+            i0.ɵɵelement(3, "input", 3);
             i0.ɵɵelementStart(4, "button", 1);
             i0.ɵɵlistener("click", function InputStepperComponent_Template_button_click_4_listener() { return ctx.increment(); });
             i0.ɵɵelement(5, "span", 2);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(8, _c0, ctx.width));
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c0, ctx.width()));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c1, ctx.value === ctx.minLimit ? "not-allowed" : "pointer"));
+            i0.ɵɵproperty("disabled", !ctx.canDecrement())("ngClass", i0.ɵɵpureFunction1(12, _c1, !ctx.canDecrement()))("ngStyle", i0.ɵɵpureFunction1(14, _c2, ctx.canDecrement() ? "pointer" : "not-allowed"));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("innerHtml", ctx.svgMinusIcon, i0.ɵɵsanitizeHtml)("ngClass", i0.ɵɵpureFunction1(12, _c2, ctx.value === ctx.minLimit));
+            i0.ɵɵproperty("innerHtml", ctx.svgMinusIcon, i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("value", ctx.value);
+            i0.ɵɵproperty("value", ctx.currentValue());
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c1, ctx.value === ctx.maxLimit ? "not-allowed" : "pointer"));
+            i0.ɵɵproperty("disabled", !ctx.canIncrement())("ngClass", i0.ɵɵpureFunction1(16, _c1, !ctx.canIncrement()))("ngStyle", i0.ɵɵpureFunction1(18, _c2, ctx.canIncrement() ? "pointer" : "not-allowed"));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("innerHtml", ctx.svgPlusIcon, i0.ɵɵsanitizeHtml)("ngClass", i0.ɵɵpureFunction1(16, _c2, ctx.value === ctx.maxLimit));
+            i0.ɵɵproperty("innerHtml", ctx.svgPlusIcon, i0.ɵɵsanitizeHtml);
         } }, dependencies: [i2.NgClass, i2.NgStyle], styles: [".nudger[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937B2;border-radius:4px}button[_ngcontent-%COMP%]{cursor:pointer;border:none;background-color:#fff;transition:background-color .3s;color:#0937b2}button[_ngcontent-%COMP%]:hover{background-color:#fff}input[_ngcontent-%COMP%]{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width: 600px){.nudger[_ngcontent-%COMP%]{max-width:150px}}.disabled[_ngcontent-%COMP%]{opacity:.6;cursor:not-allowed}.nudger[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:inline-block;width:18px;height:18px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InputStepperComponent, [{
         type: Component,
-        args: [{ selector: 'mis-input-stepper', template: "<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n    <button (click)=\"decrement()\" [ngStyle]=\"{'cursor': value === minLimit ? 'not-allowed' : 'pointer'}\">\n        <span [innerHtml]=\"svgMinusIcon\" [ngClass]=\"{'disabled': value === minLimit}\"></span>\n    </button>\n    <input type=\"text\" [value]=\"value\" (input)=\"onInputChange($event.target.value)\" readonly>\n    <button (click)=\"increment()\" [ngStyle]=\"{'cursor': value === maxLimit ? 'not-allowed' : 'pointer'}\">\n        <span [innerHtml]=\"svgPlusIcon\" [ngClass]=\"{'disabled': value === maxLimit}\"></span>\n    </button>\n</div>\n  ", styles: [".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937B2;border-radius:4px}button{cursor:pointer;border:none;background-color:#fff;transition:background-color .3s;color:#0937b2}button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width: 600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}.nudger span{display:inline-block;width:18px;height:18px}\n"] }]
-    }], () => [{ type: i1.DomSanitizer }], { value: [{
-            type: Input
-        }], width: [{
-            type: Input
-        }], minLimit: [{
-            type: Input
-        }], maxLimit: [{
-            type: Input
-        }], valueChange: [{
+        args: [{ selector: 'mis-input-stepper', template: "<div class=\"nudger\" [ngStyle]=\"{ 'max-width': width() }\">\n  <!-- Decrement Button -->\n  <button \n    (click)=\"decrement()\" \n    [disabled]=\"!canDecrement()\" \n    [ngClass]=\"{ 'disabled': !canDecrement() }\"\n    [ngStyle]=\"{ cursor: canDecrement() ? 'pointer' : 'not-allowed' }\"\n  >\n    <span [innerHtml]=\"svgMinusIcon\"></span>\n  </button>\n\n  <!-- Input Display -->\n  <input \n    type=\"text\" \n    [value]=\"currentValue()\" \n    readonly\n  >\n\n  <!-- Increment Button -->\n  <button \n    (click)=\"increment()\" \n    [disabled]=\"!canIncrement()\" \n    [ngClass]=\"{ 'disabled': !canIncrement() }\"\n    [ngStyle]=\"{ cursor: canIncrement() ? 'pointer' : 'not-allowed' }\"\n  >\n    <span [innerHtml]=\"svgPlusIcon\"></span>\n  </button>\n</div>", styles: [".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937B2;border-radius:4px}button{cursor:pointer;border:none;background-color:#fff;transition:background-color .3s;color:#0937b2}button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width: 600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}.nudger span{display:inline-block;width:18px;height:18px}\n"] }]
+    }], () => [{ type: i1.DomSanitizer }], { valueChange: [{
             type: Output
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InputStepperComponent, { className: "InputStepperComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC1zdGVwcGVyL2lucHV0LXN0ZXBwZXIvaW5wdXQtc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC1zdGVwcGVyL2lucHV0LXN0ZXBwZXIvaW5wdXQtc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUS9FLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEMsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQU5sQyxVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2xCLFVBQUssR0FBWSxPQUFPLENBQUM7UUFDekIsYUFBUSxHQUFZLENBQUMsQ0FBQztRQUN0QixhQUFRLEdBQVcsQ0FBQyxDQUFDO1FBQ3BCLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFHdkUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDOzs7YUFHbEQsQ0FBQyxDQUFDO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDOzs7ZUFHL0MsQ0FBQyxDQUFDO0lBQ2QsQ0FBQztJQUVGLFNBQVM7UUFDUCxJQUFHLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLFFBQVEsRUFBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN2QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsQ0FBQztJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsUUFBZ0I7UUFDNUIsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7WUFDekIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRU8sZUFBZTtRQUNyQixPQUFPLENBQUMsR0FBRyxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7c0hBL0NVLHFCQUFxQjtvRUFBckIscUJBQXFCO1lDUDlCLEFBREosOEJBQXNELGdCQUNtRDtZQUE3RixrR0FBUyxlQUFXLElBQUM7WUFDekIsMEJBQXFGO1lBQ3pGLGlCQUFTO1lBQ1QsZ0NBQXlGO1lBQXRELHVHQUFTLHNDQUFrQyxJQUFDO1lBQS9FLGlCQUF5RjtZQUN6RixpQ0FBcUc7WUFBN0Ysa0dBQVMsZUFBVyxJQUFDO1lBQ3pCLDBCQUFvRjtZQUU1RixBQURJLGlCQUFTLEVBQ1A7O1lBUmMsK0RBQWlDO1lBQ25CLGNBQXNFO1lBQXRFLDZHQUFzRTtZQUMxRixjQUEwQjtZQUFDLEFBQTNCLCtEQUEwQixvRUFBNkM7WUFFOUQsY0FBZTtZQUFmLGlDQUFlO1lBQ0osY0FBc0U7WUFBdEUsNkdBQXNFO1lBQzFGLGNBQXlCO1lBQUMsQUFBMUIsOERBQXlCLG9FQUE2Qzs7O2lGREV2RSxxQkFBcUI7Y0FMakMsU0FBUzsyQkFDRSxtQkFBbUI7NkNBT3BCLEtBQUs7a0JBQWIsS0FBSztZQUNHLEtBQUs7a0JBQWIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxRQUFRO2tCQUFoQixLQUFLO1lBQ0ksV0FBVztrQkFBcEIsTUFBTTs7a0ZBUEkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtaXMtaW5wdXQtc3RlcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtc3RlcHBlci5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRTdGVwcGVyQ29tcG9uZW50IHtcbiAgc3ZnTWludXNJY29uOiBTYWZlSHRtbDtcbiAgc3ZnUGx1c0ljb246IFNhZmVIdG1sO1xuICBASW5wdXQoKSB2YWx1ZTogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgd2lkdGg/OiBzdHJpbmcgPSAnMjAwcHgnO1xuICBASW5wdXQoKSBtaW5MaW1pdCA6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIG1heExpbWl0OiBudW1iZXIgPSAyO1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcikge1xuICAgIHRoaXMuc3ZnTWludXNJY29uID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoYFxuICAgICAgPHN2ZyB3aWR0aD1cIjE4XCIgaGVpZ2h0PVwiMThcIiB2aWV3Qm94PVwiMCAwIDE4IDE4XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0zIDkuMTE3MDVDMyA4LjYzODE5IDMuMzgzMyA4LjI1IDMuODU2MTIgOC4yNUgxNC4xNDM5QzE0LjYxNjcgOC4yNSAxNSA4LjYzODE5IDE1IDkuMTE3MDVDMTUgOS41OTU5MSAxNC42MTY3IDkuOTg0MSAxNC4xNDM5IDkuOTg0MUgzLjg1NjEyQzMuMzgzMyA5Ljk4NDEgMyA5LjU5NTkxIDMgOS4xMTcwNVpcIiBmaWxsPVwiIzA5MzdCMlwiLz5cbiAgICAgIDwvc3ZnPmApO1xuICAgIHRoaXMuc3ZnUGx1c0ljb24gPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChgXG4gICAgICAgIDxzdmcgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgdmlld0JveD1cIjAgMCAxOCAxOFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICAgIDxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk05Ljg1Njc3IDMuODY3MDVDOS44NTY3NyAzLjM4ODE5IDkuNDczNDcgMyA5LjAwMDY2IDNDOC41Mjc4NCAzIDguMTQ0NTQgMy4zODgxOSA4LjE0NDU0IDMuODY3MDVWOC4xMzE1OUgzLjg1NjEyQzMuMzgzMyA4LjEzMTU5IDMgOC41MTk3OCAzIDguOTk4NjRDMyA5LjQ3NzUgMy4zODMzIDkuODY1NyAzLjg1NjEyIDkuODY1N0g4LjE0NDU0VjE0LjEzMjlDOC4xNDQ1NCAxNC42MTE4IDguNTI3ODQgMTUgOS4wMDA2NiAxNUM5LjQ3MzQ3IDE1IDkuODU2NzcgMTQuNjExOCA5Ljg1Njc3IDE0LjEzMjlWOS44NjU3SDE0LjE0MzlDMTQuNjE2NyA5Ljg2NTcgMTUgOS40Nzc1IDE1IDguOTk4NjRDMTUgOC41MTk3OCAxNC42MTY3IDguMTMxNTkgMTQuMTQzOSA4LjEzMTU5SDkuODU2NzdWMy44NjcwNVpcIiBmaWxsPVwiIzA5MzdCMlwiLz5cbiAgICAgICAgPC9zdmc+YCk7XG4gICB9XG5cbiAgaW5jcmVtZW50KCkge1xuICAgIGlmKHRoaXMudmFsdWUgPT09IHRoaXMubWF4TGltaXQpe1xuICAgICAgdGhpcy5lbWl0VmFsdWVDaGFuZ2UoKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy52YWx1ZSsrO1xuICAgIHRoaXMuZW1pdFZhbHVlQ2hhbmdlKCk7XG4gIH1cblxuICBkZWNyZW1lbnQoKSB7XG4gICAgaWYgKHRoaXMudmFsdWUgPiAwKSB7XG4gICAgICB0aGlzLnZhbHVlLS07XG4gICAgICB0aGlzLmVtaXRWYWx1ZUNoYW5nZSgpO1xuICAgIH1cbiAgfVxuXG4gIG9uSW5wdXRDaGFuZ2UobmV3VmFsdWU6IHN0cmluZykge1xuICAgIGNvbnN0IHBhcnNlZFZhbHVlID0gcGFyc2VJbnQobmV3VmFsdWUsIDEwKTtcbiAgICBpZiAoIWlzTmFOKHBhcnNlZFZhbHVlKSkge1xuICAgICAgdGhpcy52YWx1ZSA9IHBhcnNlZFZhbHVlO1xuICAgICAgdGhpcy5lbWl0VmFsdWVDaGFuZ2UoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGVtaXRWYWx1ZUNoYW5nZSgpIHtcbiAgICBjb25zb2xlLmxvZyhcInZhbHVlIGNoYW5nZVwiLCB0aGlzLnZhbHVlKTtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIm51ZGdlclwiIFtuZ1N0eWxlXT1cInsnbWF4LXdpZHRoJzogd2lkdGggfVwiPlxuICAgIDxidXR0b24gKGNsaWNrKT1cImRlY3JlbWVudCgpXCIgW25nU3R5bGVdPVwieydjdXJzb3InOiB2YWx1ZSA9PT0gbWluTGltaXQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInfVwiPlxuICAgICAgICA8c3BhbiBbaW5uZXJIdG1sXT1cInN2Z01pbnVzSWNvblwiIFtuZ0NsYXNzXT1cInsnZGlzYWJsZWQnOiB2YWx1ZSA9PT0gbWluTGltaXR9XCI+PC9zcGFuPlxuICAgIDwvYnV0dG9uPlxuICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIFt2YWx1ZV09XCJ2YWx1ZVwiIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgcmVhZG9ubHk+XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwiaW5jcmVtZW50KClcIiBbbmdTdHlsZV09XCJ7J2N1cnNvcic6IHZhbHVlID09PSBtYXhMaW1pdCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcid9XCI+XG4gICAgICAgIDxzcGFuIFtpbm5lckh0bWxdPVwic3ZnUGx1c0ljb25cIiBbbmdDbGFzc109XCJ7J2Rpc2FibGVkJzogdmFsdWUgPT09IG1heExpbWl0fVwiPjwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuICAiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC1zdGVwcGVyL2lucHV0LXN0ZXBwZXIvaW5wdXQtc3RlcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9pbnB1dC1zdGVwcGVyL2lucHV0LXN0ZXBwZXIvaW5wdXQtc3RlcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUWpHLE1BQU0sT0FBTyxxQkFBcUI7SUFvQmhDLFlBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFmM0MsZ0JBQWdCO1FBQ1AsVUFBSyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUN6QixVQUFLLEdBQUcsS0FBSyxDQUFTLE9BQU8sQ0FBQyxDQUFDO1FBQy9CLGFBQVEsR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDNUIsYUFBUSxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUVyQyxpQkFBaUI7UUFDUCxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV6QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsa0JBQWtCO1FBQ2xCLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNyRSxpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFHbkUsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDOzs7YUFHbEQsQ0FBQyxDQUFDO1FBRVgsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDOzs7YUFHakQsQ0FBQyxDQUFDO1FBRVgseUNBQXlDO1FBQ3pDLE1BQU0sQ0FBQyxHQUFHLEVBQUU7WUFDVixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDOUIsSUFBSSxRQUFRLEtBQUssU0FBUyxFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2xDLENBQUM7UUFDSCxDQUFDLEVBQUUsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztZQUNyQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztRQUM3QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO1lBQ3JDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO1FBQzdDLENBQUM7SUFDSCxDQUFDO3NIQXBEVSxxQkFBcUI7b0VBQXJCLHFCQUFxQjtZQ05oQyxBQUZGLDhCQUF5RCxnQkFPdEQ7WUFKQyxrR0FBUyxlQUFXLElBQUM7WUFLckIsMEJBQXdDO1lBQzFDLGlCQUFTO1lBR1QsMkJBSUM7WUFHRCxpQ0FLQztZQUpDLGtHQUFTLGVBQVcsSUFBQztZQUtyQiwwQkFBdUM7WUFFM0MsQUFERSxpQkFBUyxFQUNMOztZQTNCYyxrRUFBb0M7WUFJcEQsY0FBNEI7WUFFNUIsQUFEQSxBQURBLDhDQUE0Qiw2REFDZSx3RkFDdUI7WUFFNUQsY0FBMEI7WUFBMUIsK0RBQTBCO1lBTWhDLGNBQXdCO1lBQXhCLDBDQUF3QjtZQU94QixjQUE0QjtZQUU1QixBQURBLEFBREEsOENBQTRCLDZEQUNlLHdGQUN1QjtZQUU1RCxjQUF5QjtZQUF6Qiw4REFBeUI7OztpRkRqQnRCLHFCQUFxQjtjQUxqQyxTQUFTOzJCQUNFLG1CQUFtQjs2Q0FrQm5CLFdBQVc7a0JBQXBCLE1BQU07O2tGQWRJLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGlucHV0LCBzaWduYWwsIGNvbXB1dGVkLCBlZmZlY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZUh0bWwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLWlucHV0LXN0ZXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LXN0ZXBwZXIuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0U3RlcHBlckNvbXBvbmVudCB7XG4gIC8vIFNWRyBpY29uc1xuICBzdmdNaW51c0ljb246IFNhZmVIdG1sO1xuICBzdmdQbHVzSWNvbjogU2FmZUh0bWw7XG5cbiAgLy8gSW5wdXQgc2lnbmFsc1xuICByZWFkb25seSB2YWx1ZSA9IGlucHV0PG51bWJlcj4oMSk7XG4gIHJlYWRvbmx5IHdpZHRoID0gaW5wdXQ8c3RyaW5nPignMjAwcHgnKTtcbiAgcmVhZG9ubHkgbWluTGltaXQgPSBpbnB1dDxudW1iZXI+KDApO1xuICByZWFkb25seSBtYXhMaW1pdCA9IGlucHV0PG51bWJlcj4oMik7XG5cbiAgLy8gSW50ZXJuYWwgc3RhdGVcbiAgcHJvdGVjdGVkIGN1cnJlbnRWYWx1ZSA9IHNpZ25hbCgwKTtcblxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAvLyBDb21wdXRlZCBzdGF0ZXNcbiAgY2FuSW5jcmVtZW50ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jdXJyZW50VmFsdWUoKSA8IHRoaXMubWF4TGltaXQoKSk7XG4gIGNhbkRlY3JlbWVudCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuY3VycmVudFZhbHVlKCkgPiB0aGlzLm1pbkxpbWl0KCkpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHtcbiAgICB0aGlzLnN2Z01pbnVzSWNvbiA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKGBcbiAgICAgIDxzdmcgd2lkdGg9XCIxOFwiIGhlaWdodD1cIjE4XCIgdmlld0JveD1cIjAgMCAxOCAxOFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxuICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMyA5LjExNzA1QzMgOC42MzgxOSAzLjM4MzMgOC4yNSAzLjg1NjEyIDguMjVIMTQuMTQzOUMxNC42MTY3IDguMjUgMTUgOC42MzgxOSAxNSA5LjExNzA1QzE1IDkuNTk1OTEgMTQuNjE2NyA5Ljk4NDEgMTQuMTQzOSA5Ljk4NDFIMy44NTYxMkMzLjM4MzMgOS45ODQxIDMgOS41OTU5MSAzIDkuMTE3MDVaXCIgZmlsbD1cIiMwOTM3QjJcIi8+XG4gICAgICA8L3N2Zz5gKTtcblxuICAgIHRoaXMuc3ZnUGx1c0ljb24gPSB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChgXG4gICAgICA8c3ZnIHdpZHRoPVwiMThcIiBoZWlnaHQ9XCIxOFwiIHZpZXdCb3g9XCIwIDAgMTggMThcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgICAgPHBhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTkuODU2NzcgMy44NjcwNUM5Ljg1Njc3IDMuMzg4MTkgOS40NzM0NyAzIDkuMDAwNjYgM0M4LjUyNzg0IDMgOC4xNDQ1NCAzLjM4ODE5IDguMTQ0NTQgMy44NjcwNVY4LjEzMTU5SDMuODU2MTJDMy4zODMzIDguMTMxNTkgMyA4LjUxOTc4IDMgOC45OTg2NEMzIDkuNDc3NSAzLjM4MzMgOS44NjU3IDMuODU2MTIgOS44NjU3SDguMTQ0NTRWMTQuMTMyOUM4LjE0NDU0IDE0LjYxMTggOC41Mjc4NCAxNSA5LjAwMDY2IDE1QzkuNDczNDcgMTUgOS44NTY3NyAxNC42MTE4IDkuODU2NzcgMTQuMTMyOVY5Ljg2NTdIMTQuMTQzOUMxNC42MTY3IDkuODY1NyAxNSA5LjQ3NzUgMTUgOC45OTg2NEMxNSA4LjUxOTc4IDE0LjYxNjcgOC4xMzE1OSAxNC4xNDM5IDguMTMxNTlIOS44NTY3N1YzLjg2NzA1WlwiIGZpbGw9XCIjMDkzN0IyXCIvPlxuICAgICAgPC9zdmc+YCk7XG5cbiAgICAvLyBLZWVwIGludGVybmFsIHZhbHVlIGluIHN5bmMgd2l0aCBpbnB1dFxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dFZhbCA9IHRoaXMudmFsdWUoKTtcbiAgICAgIGlmIChpbnB1dFZhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuY3VycmVudFZhbHVlLnNldChpbnB1dFZhbCk7XG4gICAgICB9XG4gICAgfSwgeyBhbGxvd1NpZ25hbFdyaXRlczogdHJ1ZSB9KTtcbiAgfVxuXG4gIGluY3JlbWVudCgpIHtcbiAgICBpZiAodGhpcy5jYW5JbmNyZW1lbnQoKSkge1xuICAgICAgdGhpcy5jdXJyZW50VmFsdWUudXBkYXRlKHYgPT4gdiArIDEpO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMuY3VycmVudFZhbHVlKCkpO1xuICAgIH1cbiAgfVxuXG4gIGRlY3JlbWVudCgpIHtcbiAgICBpZiAodGhpcy5jYW5EZWNyZW1lbnQoKSkge1xuICAgICAgdGhpcy5jdXJyZW50VmFsdWUudXBkYXRlKHYgPT4gdiAtIDEpO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMuY3VycmVudFZhbHVlKCkpO1xuICAgIH1cbiAgfVxufSIsIjxkaXYgY2xhc3M9XCJudWRnZXJcIiBbbmdTdHlsZV09XCJ7ICdtYXgtd2lkdGgnOiB3aWR0aCgpIH1cIj5cbiAgPCEtLSBEZWNyZW1lbnQgQnV0dG9uIC0tPlxuICA8YnV0dG9uIFxuICAgIChjbGljayk9XCJkZWNyZW1lbnQoKVwiIFxuICAgIFtkaXNhYmxlZF09XCIhY2FuRGVjcmVtZW50KClcIiBcbiAgICBbbmdDbGFzc109XCJ7ICdkaXNhYmxlZCc6ICFjYW5EZWNyZW1lbnQoKSB9XCJcbiAgICBbbmdTdHlsZV09XCJ7IGN1cnNvcjogY2FuRGVjcmVtZW50KCkgPyAncG9pbnRlcicgOiAnbm90LWFsbG93ZWQnIH1cIlxuICA+XG4gICAgPHNwYW4gW2lubmVySHRtbF09XCJzdmdNaW51c0ljb25cIj48L3NwYW4+XG4gIDwvYnV0dG9uPlxuXG4gIDwhLS0gSW5wdXQgRGlzcGxheSAtLT5cbiAgPGlucHV0IFxuICAgIHR5cGU9XCJ0ZXh0XCIgXG4gICAgW3ZhbHVlXT1cImN1cnJlbnRWYWx1ZSgpXCIgXG4gICAgcmVhZG9ubHlcbiAgPlxuXG4gIDwhLS0gSW5jcmVtZW50IEJ1dHRvbiAtLT5cbiAgPGJ1dHRvbiBcbiAgICAoY2xpY2spPVwiaW5jcmVtZW50KClcIiBcbiAgICBbZGlzYWJsZWRdPVwiIWNhbkluY3JlbWVudCgpXCIgXG4gICAgW25nQ2xhc3NdPVwieyAnZGlzYWJsZWQnOiAhY2FuSW5jcmVtZW50KCkgfVwiXG4gICAgW25nU3R5bGVdPVwieyBjdXJzb3I6IGNhbkluY3JlbWVudCgpID8gJ3BvaW50ZXInIDogJ25vdC1hbGxvd2VkJyB9XCJcbiAgPlxuICAgIDxzcGFuIFtpbm5lckh0bWxdPVwic3ZnUGx1c0ljb25cIj48L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+Il19

package/esm2022/loader/loader.component.mjs

@@ -1,25 +1,22 @@
-import { Component, Input } from "@angular/core";
+import { Component, input, ChangeDetectionStrategy } from "@angular/core";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 const _c0 = a0 => ({ mobile: a0 });
 export class LoaderComponent {
     constructor() {
         /** Controls loader size */
-        this.mobileView = false;
+        this.mobileView = input(false);
     }
-    ngOnInit() { }
     static { this.ɵfac = function LoaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoaderComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["mis-loader"]], inputs: { mobileView: "mobileView" }, decls: 1, vars: 3, consts: [["id", "spinner", 3, "ngClass"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["mis-loader"]], inputs: { mobileView: [1, "mobileView"] }, decls: 1, vars: 3, consts: [["id", "spinner", 3, "ngClass"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0, ctx.mobileView));
-        } }, dependencies: [i1.NgClass], styles: ["[_ngcontent-%COMP%]:root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}#spinner[_ngcontent-%COMP%]{-webkit-animation:_ngcontent-%COMP%_frames 1s infinite linear;animation:_ngcontent-%COMP%_frames 1s infinite linear;background:transparent;border:4px solid #e0e0e0;border-radius:100%;border-top-color:#0937b2;width:40px;height:40px;padding:0;position:absolute}@keyframes _ngcontent-%COMP%_frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.mobile[_ngcontent-%COMP%]{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#0937b2!important}"] }); }
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0, ctx.mobileView()));
+        } }, dependencies: [i1.NgClass], styles: ["[_ngcontent-%COMP%]:root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}#spinner[_ngcontent-%COMP%]{-webkit-animation:_ngcontent-%COMP%_frames 1s infinite linear;animation:_ngcontent-%COMP%_frames 1s infinite linear;background:transparent;border:4px solid #e0e0e0;border-radius:100%;border-top-color:#0937b2;width:40px;height:40px;padding:0;position:absolute}@keyframes _ngcontent-%COMP%_frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.mobile[_ngcontent-%COMP%]{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#0937b2!important}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoaderComponent, [{
         type: Component,
-        args: [{ selector: "mis-loader", template: "<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView\n  }\"\n></div>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}#spinner{-webkit-animation:frames 1s infinite linear;animation:frames 1s infinite linear;background:transparent;border:4px solid #e0e0e0;border-radius:100%;border-top-color:#0937b2;width:40px;height:40px;padding:0;position:absolute}@keyframes frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#0937b2!important}\n"] }]
-    }], () => [], { mobileView: [{
-            type: Input
-        }] }); })();
+        args: [{ selector: "mis-loader", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView()\n  }\"\n></div>\n", styles: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}#spinner{-webkit-animation:frames 1s infinite linear;animation:frames 1s infinite linear;background:transparent;border:4px solid #e0e0e0;border-radius:100%;border-top-color:#0937b2;width:40px;height:40px;padding:0;position:absolute}@keyframes frames{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#0937b2!important}\n"] }]
+    }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoaderComponent, { className: "LoaderComponent" }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sZUFBZTtJQUkxQjtRQUhBLDJCQUEyQjtRQUNsQixlQUFVLEdBQVksS0FBSyxDQUFDO0lBRXRCLENBQUM7SUFDaEIsUUFBUSxLQUFJLENBQUM7Z0hBTEYsZUFBZTtvRUFBZixlQUFlO1lDUDVCLHlCQUtPOztZQUhMLG9FQUVFOzs7aUZER1MsZUFBZTtjQUwzQixTQUFTOzJCQUNFLFlBQVk7b0JBTWIsVUFBVTtrQkFBbEIsS0FBSzs7a0ZBRkssZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtbG9hZGVyXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vbG9hZGVyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9sb2FkZXIuY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqIENvbnRyb2xzIGxvYWRlciBzaXplICovXG4gIEBJbnB1dCgpIG1vYmlsZVZpZXc6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCkge31cbn1cbiIsIjxkaXZcbiAgaWQ9XCJzcGlubmVyXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIG1vYmlsZTogbW9iaWxlVmlld1xuICB9XCJcbj48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExRSxNQUFNLE9BQU8sZUFBZTtJQU41QjtRQU9FLDJCQUEyQjtRQUMzQixlQUFVLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0tBQ3BDO2dIQUhZLGVBQWU7b0VBQWYsZUFBZTtZQ1I1Qix5QkFLTzs7WUFITCxzRUFFRTs7O2lGRElTLGVBQWU7Y0FOM0IsU0FBUzsyQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07O2tGQUVwQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLWxvYWRlclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2xvYWRlci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vbG9hZGVyLmNvbXBvbmVudC5zY3NzXCJdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJDb21wb25lbnQge1xuICAvKiogQ29udHJvbHMgbG9hZGVyIHNpemUgKi9cbiAgbW9iaWxlVmlldyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcbn1cbiIsIjxkaXZcbiAgaWQ9XCJzcGlubmVyXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIG1vYmlsZTogbW9iaWxlVmlldygpXG4gIH1cIlxuPjwvZGl2PlxuIl19