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

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

@@ -3,7 +3,7 @@ import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrollin
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, signal, EventEmitter, effect, Component, ChangeDetectionStrategy, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
+import { input, signal, EventEmitter, effect, Component, ViewChild, ContentChild, Output, NgModule } from '@angular/core';
 import * as i3 from 'mis-crystal-design-system/loader';
 import { LoaderModule } from 'mis-crystal-design-system/loader';
 import { of, BehaviorSubject } from 'rxjs';
@@ -171,11 +171,11 @@ class VirtualScrollComponent {
             i0.ɵɵproperty("ngIf", !ctx.loading() && ctx.error());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(3, 3, ctx.data$));
-        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.CdkFixedSizeVirtualScroll, i2.CdkVirtualForOf, i2.CdkVirtualScrollViewport, i3.LoaderComponent, i1.AsyncPipe], styles: ["cdk-virtual-scroll-viewport[_ngcontent-%COMP%]{height:100%}#main-container[_ngcontent-%COMP%]{height:100%;width:100%}.state-container[_ngcontent-%COMP%]{height:100%;width:100%;display:flex;justify-content:center;align-items:center}#loader-container[_ngcontent-%COMP%]{width:100%;height:56px;display:flex;justify-content:center;align-items:center}  #spinner{position:relative!important}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.CdkFixedSizeVirtualScroll, i2.CdkVirtualForOf, i2.CdkVirtualScrollViewport, i3.LoaderComponent, i1.AsyncPipe], styles: ["cdk-virtual-scroll-viewport[_ngcontent-%COMP%]{height:100%}#main-container[_ngcontent-%COMP%]{height:100%;width:100%}.state-container[_ngcontent-%COMP%]{height:100%;width:100%;display:flex;justify-content:center;align-items:center}#loader-container[_ngcontent-%COMP%]{width:100%;height:56px;display:flex;justify-content:center;align-items:center}  #spinner{position:relative!important}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VirtualScrollComponent, [{
         type: Component,
-        args: [{ selector: "mis-virtual-scroll", changeDetection: ChangeDetectionStrategy.OnPush, template: "<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>", styles: ["cdk-virtual-scroll-viewport{height:100%}#main-container{height:100%;width:100%}.state-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}#loader-container{width:100%;height:56px;display:flex;justify-content:center;align-items:center}::ng-deep #spinner{position:relative!important}\n"] }]
+        args: [{ selector: "mis-virtual-scroll", template: "<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>", styles: ["cdk-virtual-scroll-viewport{height:100%}#main-container{height:100%;width:100%}.state-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center}#loader-container{width:100%;height:56px;display:flex;justify-content:center;align-items:center}::ng-deep #spinner{position:relative!important}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { viewPort: [{
             type: ViewChild,
             args: [CdkVirtualScrollViewport]

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]=\"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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"}
+{"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})\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","/**\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 * 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

@@ -36,7 +36,7 @@ export declare class FilterPanelComponent implements OnInit {
     filterForm: FormGroup;
     lastAppliedData: any;
     dateRangeSelectedDates: WritableSignal<IRSelectedDatesConfig>;
-    filterCount: import("@angular/core").Signal<number>;
+    getFilterCount(): number;
     ngOnInit(): void;
     initializeFormControls(config: FilterPanelConfig[]): void;
     closePanel(): void;

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

@@ -1,14 +1,13 @@
-import { ElementRef, OnInit, OnDestroy } from "@angular/core";
+import { ElementRef } from "@angular/core";
 import { NgControl } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class MisInputDirective implements OnInit, OnDestroy {
+export declare class MisInputDirective {
     validity: import("@angular/core").WritableSignal<boolean>;
+    value: import("@angular/core").WritableSignal<any>;
     el: ElementRef<any>;
     control: NgControl;
     private destroyRef;
     constructor();
-    ngOnInit(): void;
-    ngOnDestroy(): void;
     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,20 +1,17 @@
-import { OnInit, OnDestroy } from "@angular/core";
-import { AbstractControl } from "@angular/forms";
 import { MisInputDirective } from "./directives/input/input.directive";
 import * as i0 from "@angular/core";
-export declare class MisInputComponent implements OnInit, OnDestroy {
+export declare class MisInputComponent {
     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>;
+    hasValue: import("@angular/core").Signal<boolean>;
     formInput: import("@angular/core").Signal<MisInputDirective>;
-    inputCtrl: import("@angular/core").Signal<AbstractControl<any, any>>;
+    inputCtrl: import("@angular/core").Signal<import("@angular/forms").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; "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

@@ -0,0 +1,188 @@
+@import "../styles/mis-color-constants.scss";
+
+.input-container {
+  position: relative;
+  padding-bottom: 24px;
+  &.mis-disabled {
+    .input-wrapper {
+      pointer-events: none !important;
+    }
+  }
+  .input-wrapper {
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    transition: all ease-in 60ms;
+    background-color: var(--bg-primary, $text_white);
+    padding: 3px 16px; // DONE CHANGE
+    gap: 16px;
+    .mis-input {
+      flex: 1 1 auto;
+      z-index: 0; // Ensures a new stacking context
+      position: relative;
+      display: flex;
+      align-items: center;
+    }
+    input {
+      flex: 1 1 auto;
+      border: none;
+      outline: none;
+      height: 100%;
+      padding: 0;
+      font-family: Lato;
+      font-style: normal;
+      font-weight: normal;
+      font-size: 16px;
+      height: 24px;
+      color: var(--text-primary, $text_black);
+      background-color: transparent;
+      width: 100%;
+      vertical-align: middle;
+      position: relative;
+      &::placeholder {
+        transition: all ease-in 100ms;
+        opacity: 0;
+        transform-origin: left center;
+        color: transparent;
+      }
+    }
+    .mis-placeholder {
+      position: absolute;
+      font-family: Lato;
+      font-style: normal;
+      font-weight: normal;
+      font-size: 16px;
+      line-height: 24px;
+      color: var(--text-secondary, $text_muted);
+      transition: all ease-in 150ms;
+      pointer-events: none;
+    }
+
+    &:focus-within {
+      background-color: var(--bg-tertiary, $grey_bg);
+    }
+    &:focus-within {
+      border: 1px solid $pmry_500;
+    }
+    [mis-input-act],
+    [mis-input-icon] {
+      width: 18px;
+      height: 18px;
+      color: var(--text-secondary, $text_muted);
+      font-size: 24px;
+      line-height: 18px;
+    }
+    [mis-input-act] {
+      cursor: pointer;
+    }
+  }
+  &.no-hint {
+    padding-bottom: 0px;
+  }
+  &.has-value {
+    .mis-input .mis-placeholder {
+      color: transparent !important;
+    }
+  }
+
+  &.rounded {
+    input {
+      box-sizing: initial;
+    }
+    &.sm {
+      input {
+        padding: 3px 16px;
+      }
+    }
+    &.md {
+      input {
+        padding: 9px 16px;
+      }
+    }
+    &.lg {
+      input {
+        padding: 15px 16px;
+      }
+    }
+    .input-wrapper {
+      border-radius: 4px;
+      border: 1px solid var(--border-primary, $grey_seperators);
+      padding: 0;
+      // input:not(:disabled) {
+      //   &:hover,
+      //   &:focus {
+      //     background-color: $grey_bg;
+      //   }
+      // }
+      &:hover {
+        background-color: var(--bg-tertiary, $grey_bg);
+      }
+      &:focus-within {
+        border: 1px solid var(--brand-primary, $pmry_500);
+      }
+      // Placeholder visibility controlled by hasValue signal
+      .mis-placeholder {
+        color: var(--text-secondary, $text_muted);
+      }
+      .mis-placeholder {
+        margin-left: 16px;
+        transition-duration: 50ms;
+      }
+    }
+    &.has-error {
+      .input-wrapper {
+        border: 1px solid var(--brand-error, $sem_error) !important;
+      }
+    }
+  }
+  &.floating {
+    .input-wrapper {
+      padding-top: 24px;
+      padding-bottom: 7px; // DONE CHANGE
+      border-bottom: 1px solid var(--border-primary, $grey_seperators);
+      input:focus + .mis-placeholder {
+        color: var(--brand-primary, $pmry_500) !important;
+      }
+      input:not(:placeholder-shown) + .mis-placeholder,
+      input:focus + .mis-placeholder {
+        transform: translateY(calc(-100% + 6px)) !important;
+        font-size: 12px !important;
+        letter-spacing: 0.2px !important;
+      }
+      &:focus-within {
+        border: none;
+        border-bottom: 1px solid var(--brand-primary, $pmry_500);
+        input::placeholder {
+          color: var(--text-secondary, $text_muted);
+          opacity: 1;
+          font-size: 16px;
+        }
+      }
+    }
+    &.has-error {
+      .input-wrapper {
+        border-bottom: 1px solid var(--brand-error, $sem_error) !important;
+        .mis-placeholder {
+          color: var(--brand-error, $sem_error) !important;
+        }
+      }
+    }
+  }
+  [mis-input-hint],
+  [mis-input-error] {
+    position: absolute;
+    left: 0;
+    right: 0px;
+    bottom: 0px;
+    line-height: 24px;
+    height: 24px;
+    font-size: 12px;
+    color: var(--text-secondary, $text_muted);
+    letter-spacing: 0.2px;
+  }
+  [mis-input-error] {
+    color: var(--brand-error, $sem_error);
+  }
+}

package/loader/loader.component.d.ts

@@ -2,6 +2,12 @@ import * as i0 from "@angular/core";
 export declare class LoaderComponent {
     /** Controls loader size */
     mobileView: import("@angular/core").InputSignal<boolean>;
+    color: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<string>;
+    width: import("@angular/core").InputSignal<string>;
+    borderTopColor: import("@angular/core").InputSignal<string>;
+    constructor();
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mis-loader", never, { "mobileView": { "alias": "mobileView"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "mis-loader", never, { "mobileView": { "alias": "mobileView"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "borderTopColor": { "alias": "borderTopColor"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/modal/modal.scss

@@ -0,0 +1,9 @@
+.mis-modal {
+  display: block;
+  overflow: auto;
+  padding: 8px;
+  // transition: all 300ms ease-out;
+}
+.mis-modal-overlay {
+  background: var(--bg-overlay, rgba(0, 0, 0, 0.32));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "18.1.0-signal-test-1",
+  "version": "18.1.0",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -46,12 +46,6 @@
       "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
-    },
     "./datepicker_v2": {
       "types": "./datepicker_v2/index.d.ts",
       "esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
@@ -64,6 +58,12 @@
       "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
+    },
     "./daterangepicker_v2": {
       "types": "./daterangepicker_v2/index.d.ts",
       "esm2022": "./esm2022/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.mjs",
@@ -88,6 +88,12 @@
       "esm": "./esm2022/dynamic-form/mis-crystal-design-system-dynamic-form.mjs",
       "default": "./fesm2022/mis-crystal-design-system-dynamic-form.mjs"
     },
+    "./dynamic-theme": {
+      "types": "./dynamic-theme/index.d.ts",
+      "esm2022": "./esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs",
+      "esm": "./esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-dynamic-theme.mjs"
+    },
     "./fab": {
       "types": "./fab/index.d.ts",
       "esm2022": "./esm2022/fab/mis-crystal-design-system-fab.mjs",

package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts

@@ -8,11 +8,11 @@ export declare class TzDrpContainerComponent implements OnInit {
     private injectedData;
     private toast;
     readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
-    private dayjsInstance;
+    private readonly dayjsInstance;
     private readonly rawWeekDays;
     readonly localSelectedDates: import("@angular/core").WritableSignal<ISSelectedDatesConfig[]>;
     readonly localSelectedDatesRange: import("@angular/core").WritableSignal<IRSelectedDatesConfig>;
-    readonly isDatesValid: import("@angular/core").WritableSignal<boolean>;
+    readonly isDatesValid: import("@angular/core").Signal<boolean>;
     readonly dateRangeSelected: import("@angular/core").WritableSignal<boolean>;
     readonly singleDatePickerSelected: import("@angular/core").WritableSignal<boolean>;
     readonly openElement: import("@angular/core").WritableSignal<boolean>;