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

package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-virtual-scroll.mjs","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.html","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["<div class=\"state-container\" *ngIf=\"loading\">\n    <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" *ngIf=\"!loading && error\">\n    <span>Unknown error has occurred.</span>\n</div>\n<ng-container *ngIf=\"data$ | async as data\">\n    <cdk-virtual-scroll-viewport\n        *ngIf=\"!loading && !error\"\n        #viewport\n        [minBufferPx]=\"config.minBufferPx\"\n        [maxBufferPx]=\"config.maxBufferPx\"\n        [itemSize]=\"this.config.rowHeight\"\n        (scrolledIndexChange)=\"nextBatch(data.length)\"\n    >\n        <ng-container *cdkVirtualFor=\"let item of data;  let i = index\">\n            <ng-container\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n            ></ng-container>\n        </ng-container>\n        <div id=\"loader-container\" *ngIf=\"rowsLoading\">\n            <mis-loader></mis-loader>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>","import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n  })\nexport class VirtualScrollComponent implements OnInit {\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: boolean = false;\n    rowsLoading: boolean = false;\n    \n    // Main state managing variables\n    loading: boolean = false\n    error: boolean = false\n    \n    // Scroll data related variables\n    data$: Observable<any>\n    @Input(\"config\") config: IVirtualScrollConfig = {\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    };\n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any\n\n\n    constructor(private changeDetectorRef: ChangeDetectorRef){}\n    ngOnInit(): void {\n        this.switchOnInfiniteScroll()\n        this.virtualScrollApi = {\n            toggleLoader: () => this.loading = !this.loading,\n            toggleError: () => this.error = !this.error,\n            switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n            switchOffInfiniteScroll: this.switchOffInfiniteScroll\n        }\n        this.changeDetectorRef.detectChanges();\n        this.intialized.emit(this.virtualScrollApi)\n    }\n    switchOffInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.data$ = this.config.data$.pipe(\n            tap(() => {\n                this.loading = false\n                this.changeDetectorRef.detectChanges()\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading = false;\n                this.error = true;\n                return [];\n            })\n        )\n    }\n    switchOnInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.endOfInfiniteData = false;\n        this.offset.next(0)\n        this.setupInfiniteScroll()\n    }\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n          throttleTime(500),\n          mergeMap(offset => this.getBatch(offset)),\n          scan((acc: Array<any>, batch: Array<any>) => {\n            return [...acc, ...batch];\n          }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading = false;\n                this.loading = false;\n                setTimeout(() => {\n                    this.changeDetectorRef.detectChanges();\n                }, 50)\n            })\n        );\n    }\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        offset = Math.ceil(offset / this.config.pageSize)\n        if (end === total && !this.rowsLoading) {\n            this.offset.next(offset);\n        }\n    }\n    getBatch(offset): Observable<any> {\n        this.rowsLoading = true;\n        if (offset == null) offset = 0;\n        return this.config\n            .infiniteScrollDataFunction(offset, this.config.pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading = false;\n                    this.loading = false;\n                    this.error = true;\n                    return [];\n                })\n            );\n    }\n    \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-virtual-scroll.mjs","sources":["../../../projects/mis-components/virtual-scroll/virtual-scroll.component.html","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts","../../../projects/mis-components/virtual-scroll/public_api.ts","../../../projects/mis-components/virtual-scroll/mis-crystal-design-system-virtual-scroll.ts"],"sourcesContent":["<div class=\"state-container\" *ngIf=\"loading()\">\n    <mis-loader></mis-loader>\n</div>\n<div class=\"state-container\" *ngIf=\"!loading() && error()\">\n    <span>Unknown error has occurred.</span>\n</div>\n<ng-container *ngIf=\"data$ | async as data\">\n    <cdk-virtual-scroll-viewport\n        *ngIf=\"!loading() && !error()\"\n        #viewport\n        [minBufferPx]=\"config().minBufferPx\"\n        [maxBufferPx]=\"config().maxBufferPx\"\n        [itemSize]=\"config().rowHeight\"\n        (scrolledIndexChange)=\"nextBatch(data.length)\"\n    >\n        <ng-container *cdkVirtualFor=\"let item of data;  let i = index\">\n            <ng-container\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n            ></ng-container>\n        </ng-container>\n        <div id=\"loader-container\" *ngIf=\"rowsLoading()\">\n            <mis-loader></mis-loader>\n        </div>\n    </cdk-virtual-scroll-viewport>\n</ng-container>","import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Output, TemplateRef, ViewChild, ChangeDetectionStrategy, input, signal, WritableSignal, computed, effect } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class VirtualScrollComponent {\n\n    // Input signals\n    config = input<IVirtualScrollConfig>({\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    });\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: WritableSignal<boolean> = signal(false);\n    rowsLoading: WritableSignal<boolean> = signal(false);\n    \n    // Main state managing variables\n    loading: WritableSignal<boolean> = signal(false);\n    error: WritableSignal<boolean> = signal(false);\n    \n    // Scroll data related variables\n    data$: Observable<any>;\n    \n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any;\n\n    constructor(private changeDetectorRef: ChangeDetectorRef) {\n        // Initialize the component with signals\n        effect(() => {\n            this.switchOnInfiniteScroll();\n            this.virtualScrollApi = {\n                toggleLoader: () => this.loading.set(!this.loading()),\n                toggleError: () => this.error.set(!this.error()),\n                switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n                switchOffInfiniteScroll: this.switchOffInfiniteScroll\n            };\n            // Keep this one - needed for external API emission\n            this.changeDetectorRef.detectChanges();\n            this.intialized.emit(this.virtualScrollApi);\n        }, { allowSignalWrites: true });\n    }\n\n    switchOffInfiniteScroll = (): void => {\n        this.error.set(false);\n        this.loading.set(true);\n        this.data$ = this.config().data$.pipe(\n            tap(() => {\n                this.loading.set(false);\n                // Removed detectChanges() - signals handle this automatically\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading.set(false);\n                this.error.set(true);\n                return [];\n            })\n        );\n    };\n\n    switchOnInfiniteScroll = (): void => {\n        this.error.set(false);\n        this.loading.set(true);\n        this.endOfInfiniteData.set(false);\n        this.offset.next(0);\n        this.setupInfiniteScroll();\n    };\n\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n            throttleTime(500),\n            mergeMap(offset => this.getBatch(offset)),\n            scan((acc: Array<any>, batch: Array<any>) => {\n                return [...acc, ...batch];\n            }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading.set(false);\n                this.loading.set(false);\n                // Removed setTimeout and detectChanges() - signals handle this automatically\n            })\n        );\n    }\n\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData()) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        offset = Math.ceil(offset / this.config().pageSize);\n        if (end === total && !this.rowsLoading()) {\n            this.offset.next(offset);\n        }\n    }\n\n    getBatch(offset): Observable<any> {\n        this.rowsLoading.set(true);\n        if (offset == null) offset = 0;\n        return this.config()\n            .infiniteScrollDataFunction(offset, this.config().pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config().pageSize ? this.endOfInfiniteData.set(true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading.set(false);\n                    this.loading.set(false);\n                    this.error.set(true);\n                    return [];\n                })\n            );\n    }\n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}","// import { VirtualScrollModule } from \"./virtual-scroll.module\";\n\nexport { VirtualScrollModule } from \"./virtual-scroll.module\";\nexport { VirtualScrollComponent } from \"./virtual-scroll.component\";\nexport { IVirtualScrollApi, IVirtualScrollConfig } from \"./virtual-scroll.constants\"\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mis-crystal-design-system.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system.mjs","sources":["../../../projects/mis-components/public-api.ts","../../../projects/mis-components/mis-crystal-design-system.ts"],"sourcesContent":["/*\n * Public API Surface of mis-components\n */\n// export * from './button';\n// export * from './checkbox';\n// export * from './chip';\n// export * from './drawer';\n// export * from './dropdown';\n// export * from './fab';\n// export * from './loader';\n// export * from './multi-select-dropdown'\n// export * from './nested-multi-select-dropdown'\n// export * from './radio-button'\n// export * from './switch'\n// export * from './table';\n// export * from './toast'\n// export * from './tooltip'\n// export * from './datepicker'\n\nexport default {};","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,gBAAe,EAAE;;ACnBjB;;AAEG"}
+{"version":3,"file":"mis-crystal-design-system.mjs","sources":["../../../projects/mis-components/public-api.ts","../../../projects/mis-components/mis-crystal-design-system.ts"],"sourcesContent":["/*\n * Public API Surface of mis-components\n */\n// export * from './button';\n// export * from './checkbox';\n// export * from './chip';\n// export * from './drawer';\n// export * from './dropdown';\n// export * from './fab';\n// export * from './loader';\n// export * from './multi-select-dropdown'\n// export * from './nested-multi-select-dropdown'\n// export * from './radio-button'\n// export * from './switch'\n// export * from './table';\n// export * from './toast'\n// export * from './tooltip'\n// export * from './datepicker'\n\nexport default {};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,gBAAe,EAAE;;ACnBjB;;AAEG"}

package/filter/filter-panel/filter-panel.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { OnInit, WritableSignal } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { IDatePickerConfig } from 'mis-crystal-design-system/datepicker_v2';
 import { IRSelectedDatesConfig } from 'mis-crystal-design-system/specificdatepicker';
@@ -22,24 +22,24 @@ export interface FilterPanelConfig {
     defaultValue?: any;
     selectedValue?: any;
 }
-export declare class FilterPanelComponent implements OnInit, OnChanges {
+export declare class FilterPanelComponent implements OnInit {
     private hasValue;
     constructor(hasValue: HasValuePipe);
-    show: boolean;
-    onClose: EventEmitter<any>;
-    onApply: EventEmitter<any>;
-    config: FilterPanelConfig[];
-    emitFiltersAfterSettingNewValues: boolean;
+    show: import("@angular/core").InputSignal<boolean>;
+    config: import("@angular/core").InputSignal<FilterPanelConfig[]>;
+    emitFiltersAfterSettingNewValues: import("@angular/core").InputSignal<boolean>;
+    onClose: import("@angular/core").OutputEmitterRef<void>;
+    onApply: import("@angular/core").OutputEmitterRef<{
+        filterData: any;
+        filterCount: number;
+    }>;
     filterForm: FormGroup;
     lastAppliedData: any;
-    rangeMin: number;
-    rangeMax: number;
-    dateRangeSelectedDates: IRSelectedDatesConfig;
+    dateRangeSelectedDates: WritableSignal<IRSelectedDatesConfig>;
+    filterCount: import("@angular/core").Signal<number>;
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    initializeFormControls(): void;
+    initializeFormControls(config: FilterPanelConfig[]): void;
     closePanel(): void;
-    filterCount(): number;
     applyFilters(): void;
     handleSelect(event: any, filterKey: string, filter: FilterPanelConfig): void;
     onDateChange(event: any, filterKey: string, filter: FilterPanelConfig): void;
@@ -48,5 +48,5 @@ export declare class FilterPanelComponent implements OnInit, OnChanges {
     resetFilters(): void;
     setFilterValue(config: FilterPanelConfig[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterPanelComponent, "mis-filter-panel", never, { "show": { "alias": "show"; "required": false; }; "config": { "alias": "config"; "required": false; }; "emitFiltersAfterSettingNewValues": { "alias": "emitFiltersAfterSettingNewValues"; "required": false; }; }, { "onClose": "onClose"; "onApply": "onApply"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterPanelComponent, "mis-filter-panel", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "emitFiltersAfterSettingNewValues": { "alias": "emitFiltersAfterSettingNewValues"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; "onApply": "onApply"; }, never, never, false, never>;
 }

package/input/directives/input/input.directive.d.ts

@@ -1,18 +1,14 @@
-import { ElementRef, OnDestroy, OnInit } from "@angular/core";
+import { ElementRef, OnInit, OnDestroy } from "@angular/core";
 import { NgControl } from "@angular/forms";
-import { Subject } from "rxjs";
 import * as i0 from "@angular/core";
 export declare class MisInputDirective implements OnInit, OnDestroy {
-    el: ElementRef;
+    validity: import("@angular/core").WritableSignal<boolean>;
+    el: ElementRef<any>;
     control: NgControl;
-    constructor(el: ElementRef, control: NgControl);
-    private validityChange;
-    validity: import("rxjs").Observable<boolean>;
-    endObs: Subject<void>;
-    focus: boolean;
-    hasValue: boolean;
+    private destroyRef;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MisInputDirective, [null, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MisInputDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MisInputDirective, "input[misInput]", never, {}, {}, never, never, false, never>;
 }

package/input/mis-input.component.d.ts

@@ -1,22 +1,21 @@
-import { OnDestroy, OnInit } from "@angular/core";
+import { OnInit, OnDestroy } from "@angular/core";
 import { AbstractControl } from "@angular/forms";
-import { Subscription } from "rxjs";
 import { MisInputDirective } from "./directives/input/input.directive";
 import * as i0 from "@angular/core";
 export declare class MisInputComponent implements OnInit, OnDestroy {
-    type: "rounded" | "floating";
-    size: "sm" | "md" | "lg";
-    placeholder: string;
-    noHints: boolean;
-    hasError: boolean;
-    isMandatory: boolean;
-    set formInput(input: MisInputDirective);
-    inputCtrl: AbstractControl;
-    inputSubscription: Subscription | undefined;
-    inputValidity: boolean;
+    type: import("@angular/core").InputSignal<"rounded" | "floating">;
+    size: import("@angular/core").InputSignal<"sm" | "md" | "lg">;
+    placeholder: import("@angular/core").InputSignal<string>;
+    noHints: import("@angular/core").InputSignal<boolean>;
+    hasError: import("@angular/core").InputSignal<boolean>;
+    isMandatory: import("@angular/core").InputSignal<boolean>;
+    formInput: import("@angular/core").Signal<MisInputDirective>;
+    inputCtrl: import("@angular/core").Signal<AbstractControl<any, any>>;
+    inputValidity: import("@angular/core").Signal<boolean>;
     constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
+    isInvalid: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MisInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MisInputComponent, "mis-input", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "noHints": { "alias": "noHints"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "isMandatory": { "alias": "isMandatory"; "required": false; }; }, {}, ["formInput"], ["[mis-input-icon]", "input", "[mis-input-act]", "[mis-input-hint]", "[mis-input-error]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MisInputComponent, "mis-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "noHints": { "alias": "noHints"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "isMandatory": { "alias": "isMandatory"; "required": false; "isSignal": true; }; }, {}, ["formInput"], ["[mis-input-icon]", "input", "[mis-input-act]", "[mis-input-hint]", "[mis-input-error]"], false, never>;
 }

package/input/mis-input.component.scss

@@ -15,7 +15,7 @@
     flex-direction: row;
     flex-wrap: nowrap;
     transition: all ease-in 60ms;
-    background-color: var(--bg-primary, $text_white);
+    background-color: #ffffff;
     padding: 3px 16px; // DONE CHANGE
     gap: 16px;
     .mis-input {
@@ -36,7 +36,7 @@
       font-weight: normal;
       font-size: 16px;
       height: 24px;
-      color: var(--text-primary, $text_black);
+      color: #181f33;
       background-color: transparent;
       width: 100%;
       vertical-align: middle;
@@ -54,13 +54,13 @@
       font-weight: normal;
       font-size: 16px;
       line-height: 24px;
-      color: var(--text-secondary, $text_muted);
+      color: #6a737d;
       z-index: -1;
       transition: all ease-in 150ms;
     }
 
     &:focus-within {
-      background-color: var(--bg-tertiary, $grey_bg);
+      background-color: #f5f5f5;
     }
     &:focus-within {
       border: 1px solid $pmry_500;
@@ -69,7 +69,7 @@
     [mis-input-icon] {
       width: 18px;
       height: 18px;
-      color: var(--text-secondary, $text_muted);
+      color: #6a737d;
       font-size: 24px;
       line-height: 18px;
     }
@@ -101,19 +101,19 @@
     }
     .input-wrapper {
       border-radius: 4px;
-      border: 1px solid var(--border-primary, $grey_seperators);
+      border: 1px solid #e0e0e0;
       padding: 0;
       // input:not(:disabled) {
       //   &:hover,
       //   &:focus {
-      //     background-color: $grey_bg;
+      //     background-color: #f5f5f5;
       //   }
       // }
       &:hover {
-        background-color: var(--bg-tertiary, $grey_bg);
+        background-color: #f5f5f5;
       }
       &:focus-within {
-        border: 1px solid var(--brand-primary, $pmry_500);
+        border: 1px solid #0937b2;
       }
       input:not(:placeholder-shown) + .mis-placeholder {
         color: transparent !important;
@@ -125,7 +125,7 @@
     }
     &.has-error {
       .input-wrapper {
-        border: 1px solid var(--brand-error, $sem_error) !important;
+        border: 1px solid #b00020 !important;
       }
     }
   }
@@ -133,9 +133,9 @@
     .input-wrapper {
       padding-top: 24px;
       padding-bottom: 7px; // DONE CHANGE
-      border-bottom: 1px solid var(--border-primary, $grey_seperators);
+      border-bottom: 1px solid #e0e0e0;
       input:focus + .mis-placeholder {
-        color: var(--brand-primary, $pmry_500) !important;
+        color: #0937b2 !important;
       }
       input:not(:placeholder-shown) + .mis-placeholder,
       input:focus + .mis-placeholder {
@@ -145,9 +145,9 @@
       }
       &:focus-within {
         border: none;
-        border-bottom: 1px solid var(--brand-primary, $pmry_500);
+        border-bottom: 1px solid #0937b2;
         input::placeholder {
-          color: var(--text-secondary, $text_muted);
+          color: #6a737d;
           opacity: 1;
           font-size: 16px;
         }
@@ -155,9 +155,9 @@
     }
     &.has-error {
       .input-wrapper {
-        border-bottom: 1px solid var(--brand-error, $sem_error) !important;
+        border-bottom: 1px solid #b00020 !important;
         .mis-placeholder {
-          color: var(--brand-error, $sem_error) !important;
+          color: #b00020 !important;
         }
       }
     }
@@ -171,10 +171,10 @@
     line-height: 24px;
     height: 24px;
     font-size: 12px;
-    color: var(--text-secondary, $text_muted);
+    color: #6a737d;
     letter-spacing: 0.2px;
   }
   [mis-input-error] {
-    color: var(--brand-error, $sem_error);
+    color: #b00020;
   }
 }

package/input-stepper/input-stepper/input-stepper.component.d.ts

@@ -5,16 +5,17 @@ export declare class InputStepperComponent {
     private sanitizer;
     svgMinusIcon: SafeHtml;
     svgPlusIcon: SafeHtml;
-    value: number;
-    width?: string;
-    minLimit: number;
-    maxLimit: number;
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly width: import("@angular/core").InputSignal<string>;
+    readonly minLimit: import("@angular/core").InputSignal<number>;
+    readonly maxLimit: import("@angular/core").InputSignal<number>;
+    protected currentValue: import("@angular/core").WritableSignal<number>;
     valueChange: EventEmitter<number>;
+    canIncrement: import("@angular/core").Signal<boolean>;
+    canDecrement: import("@angular/core").Signal<boolean>;
     constructor(sanitizer: DomSanitizer);
     increment(): void;
     decrement(): void;
-    onInputChange(newValue: string): void;
-    private emitValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputStepperComponent, "mis-input-stepper", never, { "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minLimit": { "alias": "minLimit"; "required": false; }; "maxLimit": { "alias": "maxLimit"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputStepperComponent, "mis-input-stepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minLimit": { "alias": "minLimit"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/loader/loader.component.d.ts

@@ -1,10 +1,7 @@
-import { OnInit } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare class LoaderComponent implements OnInit {
+export declare class LoaderComponent {
     /** Controls loader size */
-    mobileView: boolean;
-    constructor();
-    ngOnInit(): void;
+    mobileView: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mis-loader", never, { "mobileView": { "alias": "mobileView"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mis-loader", never, { "mobileView": { "alias": "mobileView"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/mobile-filter/mobile-filter.component.d.ts

@@ -1,22 +1,22 @@
-import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MobileFilterComponent implements OnInit {
-    localFilterOptions: IFilterOptions;
-    currentSelectedItem: string;
-    set filterOptions(options: any);
-    backIcon: string;
-    headerName: string;
-    applyBtnName: string;
-    clearBtnName: string;
-    closeFilters: EventEmitter<any>;
-    clearFilters: EventEmitter<any>;
-    applyFilters: EventEmitter<IFilterOptions>;
+export declare class MobileFilterComponent {
+    readonly currentSelectedItem: import("@angular/core").InputSignal<string>;
+    readonly filterOptions: import("@angular/core").InputSignal<IFilterOptions>;
+    readonly backIcon: import("@angular/core").InputSignal<string>;
+    readonly headerName: import("@angular/core").InputSignal<string>;
+    readonly applyBtnName: import("@angular/core").InputSignal<string>;
+    readonly clearBtnName: import("@angular/core").InputSignal<string>;
+    readonly closeFilters: import("@angular/core").OutputEmitterRef<void>;
+    readonly clearFilters: import("@angular/core").OutputEmitterRef<void>;
+    readonly applyFilters: import("@angular/core").OutputEmitterRef<IFilterOptions>;
+    readonly selectedItem: import("@angular/core").WritableSignal<string>;
+    readonly localFilterOptions: import("@angular/core").Signal<IFilterOptions>;
     constructor();
-    ngOnInit(): void;
     originalOrder(): number;
-    toggleFilter(data: any, isSelectedItem: any): void;
+    toggleFilter(data: any, isSelectedItem: boolean): void;
+    onApply(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MobileFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MobileFilterComponent, "mis-mobile-filter", never, { "currentSelectedItem": { "alias": "currentSelectedItem"; "required": false; }; "filterOptions": { "alias": "filterOptions"; "required": false; }; "backIcon": { "alias": "backIcon"; "required": false; }; "headerName": { "alias": "headerName"; "required": false; }; "applyBtnName": { "alias": "applyBtnName"; "required": false; }; "clearBtnName": { "alias": "clearBtnName"; "required": false; }; }, { "closeFilters": "closeFilters"; "clearFilters": "clearFilters"; "applyFilters": "applyFilters"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileFilterComponent, "mis-mobile-filter", never, { "currentSelectedItem": { "alias": "currentSelectedItem"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": true; "isSignal": true; }; "backIcon": { "alias": "backIcon"; "required": false; "isSignal": true; }; "headerName": { "alias": "headerName"; "required": false; "isSignal": true; }; "applyBtnName": { "alias": "applyBtnName"; "required": false; "isSignal": true; }; "clearBtnName": { "alias": "clearBtnName"; "required": false; "isSignal": true; }; }, { "closeFilters": "closeFilters"; "clearFilters": "clearFilters"; "applyFilters": "applyFilters"; }, never, never, false, never>;
 }
 export interface IFilterOptions {
     [filterName: string]: {

package/modal/modal.scss

@@ -5,5 +5,5 @@
   // transition: all 300ms ease-out;
 }
 .mis-modal-overlay {
-  background: var(--bg-overlay, rgba(0, 0, 0, 0.32));
+  background: rgba(0, 0, 0, 0.32);
 }

package/modal/module-wrapper/module-wrapper.component.d.ts

@@ -1,9 +1,8 @@
 import { ComponentPortal, PortalInjector } from "@angular/cdk/portal";
-import { ViewContainerRef } from "@angular/core";
+import { ViewContainerRef, WritableSignal } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class ModuleWrapperComponent {
-    modalPortal: ComponentPortal<any>;
-    constructor();
+    modalPortal: WritableSignal<ComponentPortal<any> | null>;
     place: ViewContainerRef;
     bindComponent(type: any, injector: PortalInjector): void;
     private initComponent;

package/multi-select-dropdown/multi-select-dropdown.component.d.ts

@@ -1,55 +1,5 @@
-import { ElementRef, EventEmitter, NgZone, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
-import { Overlay } from "@angular/cdk/overlay";
+import { ElementRef, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class MultiSelectDropdownComponent implements OnInit {
-    private eRef;
-    private overlay;
-    private viewContainerRef;
-    private ngZone;
-    searchInput: string;
-    isOpen: boolean;
-    localSelectedItems: MultiSelectDropdownItem[];
-    localData: MultiSelectDropdownItem[];
-    searchData: MultiSelectDropdownItem[];
-    isSearchInputFocused: boolean;
-    SELECT_ALL_ENUM: string;
-    set data(values: MultiSelectDropdownItem[]);
-    label: string;
-    height: string;
-    width: string;
-    dropdownListHeight: string;
-    dropdownListWidth: string;
-    dropdownListPosition: "Left" | "Right";
-    enableSelectAll: boolean;
-    searchEnabled: boolean;
-    showSelectedCount: boolean;
-    noDataMessage: string;
-    options: OPTIONS;
-    set selectedItems(values: MultiSelectDropdownItem[]);
-    hideApplyButton: boolean;
-    searchInputPlaceholder: string;
-    customLabelTemplate: TemplateRef<any>;
-    onChange: EventEmitter<any>;
-    selectElement: ElementRef;
-    popupContainer: TemplateRef<Element>;
-    private overlayRef;
-    constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef, ngZone: NgZone);
-    ngOnInit(): void;
-    handlerSetLocalSelectedItems(values: any): void;
-    searchInputFocused(isFocused: boolean): void;
-    searchInputCanceled(event: any): void;
-    toggleDropdown(): void;
-    private openDropdown;
-    filterByValue(array: MultiSelectDropdownItem[], string: string): MultiSelectDropdownItem[];
-    searchInputOnChange(newValue: any): void;
-    formatValues(array: MultiSelectDropdownItem[]): MultiSelectDropdownItem[];
-    toggleSelectedItems(event: any, item: MultiSelectDropdownItem): void;
-    applyFilters(): void;
-    onReset(): void;
-    onCancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "mis-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; }; "label": { "alias": "label"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; }; "enableSelectAll": { "alias": "enableSelectAll"; "required": false; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "hideApplyButton": { "alias": "hideApplyButton"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "customLabelTemplate": { "alias": "customLabelTemplate"; "required": false; }; }, { "onChange": "onChange"; }, never, never, false, never>;
-}
 export interface MultiSelectDropdownItem {
     label: string;
     value: string;
@@ -60,3 +10,91 @@ export interface MultiSelectDropdownItem {
 export interface OPTIONS {
     sortLabels: boolean;
 }
+export declare class MultiSelectDropdownComponent {
+    private readonly eRef;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    data: import("@angular/core").InputSignal<MultiSelectDropdownItem[]>;
+    selectedItems: import("@angular/core").InputSignal<MultiSelectDropdownItem[]>;
+    label: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    dropdownListHeight: import("@angular/core").InputSignal<string>;
+    dropdownListWidth: import("@angular/core").InputSignal<string>;
+    dropdownListPosition: import("@angular/core").InputSignal<"Left" | "Right">;
+    enableSelectAll: import("@angular/core").InputSignal<boolean>;
+    searchEnabled: import("@angular/core").InputSignal<boolean>;
+    showSelectedCount: import("@angular/core").InputSignal<boolean>;
+    noDataMessage: import("@angular/core").InputSignal<string>;
+    options: import("@angular/core").InputSignal<OPTIONS>;
+    hideApplyButton: import("@angular/core").InputSignal<boolean>;
+    searchInputPlaceholder: import("@angular/core").InputSignal<string>;
+    customLabelTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    onChange: import("@angular/core").OutputEmitterRef<MultiSelectDropdownItem[]>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    searchInput: import("@angular/core").WritableSignal<string>;
+    isSearchInputFocused: import("@angular/core").WritableSignal<boolean>;
+    internalSelectedItems: import("@angular/core").WritableSignal<MultiSelectDropdownItem[]>;
+    internalData: import("@angular/core").WritableSignal<MultiSelectDropdownItem[]>;
+    private readonly SELECT_ALL_ENUM;
+    selectElement: ElementRef;
+    popupContainer: TemplateRef<Element>;
+    private overlayRef;
+    constructor();
+    /**
+     * Effect to manage the component's internal state based on external inputs.
+     */
+    private handleInputChanges;
+    /**
+     * Computed signal for the data to be displayed in the dropdown list.
+     * Filters based on search input and sorts if the option is enabled.
+     */
+    displayData: import("@angular/core").Signal<MultiSelectDropdownItem[]>;
+    /**
+     * Helper function to sort the data.
+     */
+    private sortData;
+    /**
+     * Helper function to filter the data.
+     */
+    private filterByValue;
+    /**
+     * Toggles the dropdown's open/close state.
+     */
+    toggleDropdown(): void;
+    /**
+     * Toggles the checked state of a specific item.
+     * Handles the 'Select All' logic.
+     */
+    toggleSelectedItems(event: Event, item: MultiSelectDropdownItem): void;
+    /**
+     * Emits the selected items and closes the dropdown.
+     */
+    applyFilters(): void;
+    /**
+     * Resets the dropdown to an empty state.
+     */
+    onReset(): void;
+    /**
+     * Closes the dropdown and reverts any changes.
+     */
+    onCancel(): void;
+    /**
+     * Toggles the focus state of the search input.
+     */
+    searchInputFocused(isFocused: boolean): void;
+    /**
+     * Clears the search input and unfocuses it.
+     */
+    searchInputCanceled(event: Event): void;
+    /**
+     * Handles the change event from the search input.
+     */
+    searchInputOnChange(newValue: string): void;
+    /**
+     * Creates and displays the overlay for the dropdown list.
+     */
+    private openDropdown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectDropdownComponent, "mis-multi-select-dropdown", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "dropdownListHeight": { "alias": "dropdownListHeight"; "required": false; "isSignal": true; }; "dropdownListWidth": { "alias": "dropdownListWidth"; "required": false; "isSignal": true; }; "dropdownListPosition": { "alias": "dropdownListPosition"; "required": false; "isSignal": true; }; "enableSelectAll": { "alias": "enableSelectAll"; "required": false; "isSignal": true; }; "searchEnabled": { "alias": "searchEnabled"; "required": false; "isSignal": true; }; "showSelectedCount": { "alias": "showSelectedCount"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "hideApplyButton": { "alias": "hideApplyButton"; "required": false; "isSignal": true; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; "isSignal": true; }; "customLabelTemplate": { "alias": "customLabelTemplate"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, false, never>;
+}