mis-crystal-design-system 2.9.4 → 2.9.6-test

package/esm2015/virtual-scroll/virtual-scroll.component.js

@@ -0,0 +1,111 @@
+import { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, Output, ViewChild } from "@angular/core";
+import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import { BehaviorSubject, of } from "rxjs";
+import { catchError, mergeMap, scan, tap, throttleTime } from "rxjs/operators";
+export class VirtualScrollComponent {
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        // Infinite scroll related variables
+        this.offset = new BehaviorSubject(null);
+        this.endOfInfiniteData = false;
+        this.rowsLoading = false;
+        // Main state managing variables
+        this.loading = false;
+        this.error = false;
+        this.config = {
+            minBufferPx: 2400,
+            maxBufferPx: 2400,
+            rowHeight: 128,
+            pageSize: 5,
+            infiniteScrollDataFunction: (offset, pageSize) => of([1, 2, 3, 4, 5])
+        };
+        this.intialized = new EventEmitter();
+        this.switchOffInfiniteScroll = () => {
+            this.error = false;
+            this.loading = true;
+            this.data$ = this.config.data$.pipe(tap(() => {
+                this.loading = false;
+                this.changeDetectorRef.detectChanges();
+            }), catchError(err => {
+                console.error("Error: Unknown error occurred while fetching calendar data", err);
+                this.loading = false;
+                this.error = true;
+                return [];
+            }));
+        };
+        this.switchOnInfiniteScroll = () => {
+            this.error = false;
+            this.loading = true;
+            this.offset.next(0);
+            this.setupInfiniteScroll();
+        };
+    }
+    ngOnInit() {
+        this.switchOnInfiniteScroll();
+        this.virtualScrollApi = {
+            toggleLoader: () => this.loading = !this.loading,
+            toggleError: () => this.error = !this.error,
+            switchOnInfiniteScroll: this.switchOnInfiniteScroll,
+            switchOffInfiniteScroll: this.switchOffInfiniteScroll
+        };
+        this.intialized.emit(this.virtualScrollApi);
+    }
+    setupInfiniteScroll() {
+        const batchMap = this.offset.pipe(throttleTime(500), mergeMap(offset => this.getBatch(offset)), scan((acc, batch) => {
+            return [...acc, ...batch];
+        }, []));
+        this.data$ = batchMap.pipe(tap(data => {
+            this.rowsLoading = false;
+            this.loading = false;
+            setTimeout(() => {
+                this.changeDetectorRef.detectChanges();
+            }, 50);
+        }));
+    }
+    nextBatch(offset) {
+        if (this.endOfInfiniteData) {
+            return;
+        }
+        const end = this.viewPort.getRenderedRange().end;
+        const total = this.viewPort.getDataLength();
+        // console.log(`${end}, '>=', ${total}`);
+        // console.log("Offset->", offset)
+        offset = Math.ceil(offset / this.config.pageSize);
+        if (end === total && !this.rowsLoading) {
+            this.offset.next(offset);
+        }
+    }
+    getBatch(offset) {
+        this.rowsLoading = true;
+        if (offset == null)
+            offset = 0;
+        return this.config
+            .infiniteScrollDataFunction(offset, this.config.pageSize)
+            .pipe(tap((arr) => {
+            arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;
+        }), catchError(err => {
+            console.error("Error: Unknown error occurred while fetching calendar data", err);
+            this.rowsLoading = false;
+            this.loading = false;
+            this.error = true;
+            return [];
+        }));
+    }
+}
+VirtualScrollComponent.decorators = [
+    { type: Component, 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]=\"this.config.rowHeight\"\n        (scrolledIndexChange)=\"nextBatch(data.length)\"\n    >\n        <ng-container *cdkVirtualFor=\"let item of data\">\n            <ng-container\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\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,.state-container{height:100%;width:100%}#loader-container,.state-container{display:flex;justify-content:center;align-items:center}#loader-container{width:100%;height:56px}::ng-deep #spinner{position:relative!important}"]
+            },] }
+];
+VirtualScrollComponent.ctorParameters = () => [
+    { type: ChangeDetectorRef }
+];
+VirtualScrollComponent.propDecorators = {
+    config: [{ type: Input, args: ["config",] }],
+    viewPort: [{ type: ViewChild, args: [CdkVirtualScrollViewport,] }],
+    customItem: [{ type: ContentChild, args: ["virtualScrollItem", { static: false },] }],
+    intialized: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdmlydHVhbC1zY3JvbGwvdmlydHVhbC1zY3JvbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVsRSxPQUFPLEVBQUUsZUFBZSxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBTy9FLE1BQU0sT0FBTyxzQkFBc0I7SUE0Qi9CLFlBQW9CLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBMUJ4RCxvQ0FBb0M7UUFDcEMsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25DLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUNuQyxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUU3QixnQ0FBZ0M7UUFDaEMsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVksS0FBSyxDQUFBO1FBSUwsV0FBTSxHQUF5QjtZQUM1QyxXQUFXLEVBQUUsSUFBSTtZQUNqQixXQUFXLEVBQUUsSUFBSTtZQUNqQixTQUFTLEVBQUUsR0FBRztZQUNkLFFBQVEsRUFBRSxDQUFDO1lBQ1gsMEJBQTBCLEVBQUUsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUMsQ0FBQyxFQUFDLENBQUMsRUFBQyxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEUsQ0FBQztRQUlRLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBZ0IvQyw0QkFBdUIsR0FBRyxHQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7WUFDbEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7WUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQy9CLEdBQUcsQ0FBQyxHQUFHLEVBQUU7Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUE7Z0JBQ3BCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtZQUMxQyxDQUFDLENBQUMsRUFDRixVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7Z0JBQ2IsT0FBTyxDQUFDLEtBQUssQ0FBQyw0REFBNEQsRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDakYsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUNsQixPQUFPLEVBQUUsQ0FBQztZQUNkLENBQUMsQ0FBQyxDQUNMLENBQUE7UUFDTCxDQUFDLENBQUE7UUFDRCwyQkFBc0IsR0FBRyxHQUFTLEVBQUU7WUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7WUFDbEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7WUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDbkIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUE7UUFDOUIsQ0FBQyxDQUFBO0lBaEN5RCxDQUFDO0lBQzNELFFBQVE7UUFDSixJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQTtRQUM3QixJQUFJLENBQUMsZ0JBQWdCLEdBQUc7WUFDcEIsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTztZQUNoRCxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLO1lBQzNDLHNCQUFzQixFQUFFLElBQUksQ0FBQyxzQkFBc0I7WUFDbkQsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLHVCQUF1QjtTQUN4RCxDQUFBO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUE7SUFDL0MsQ0FBQztJQXVCRCxtQkFBbUI7UUFDZixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDL0IsWUFBWSxDQUFDLEdBQUcsQ0FBQyxFQUNqQixRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQ3pDLElBQUksQ0FBQyxDQUFDLEdBQWUsRUFBRSxLQUFpQixFQUFFLEVBQUU7WUFDMUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxFQUFFLEdBQUcsS0FBSyxDQUFDLENBQUM7UUFDNUIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUNQLENBQUM7UUFDRixJQUFJLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQ3RCLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNQLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzNDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUNWLENBQUMsQ0FBQyxDQUNMLENBQUM7SUFDTixDQUFDO0lBQ0QsU0FBUyxDQUFDLE1BQU07UUFDWixJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUN4QixPQUFPO1NBQ1Y7UUFDRCxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGdCQUFnQixFQUFFLENBQUMsR0FBRyxDQUFDO1FBQ2pELE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDNUMseUNBQXlDO1FBQ3pDLGtDQUFrQztRQUNsQyxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUNqRCxJQUFJLEdBQUcsS0FBSyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQzVCO0lBQ0wsQ0FBQztJQUNELFFBQVEsQ0FBQyxNQUFNO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxNQUFNLElBQUksSUFBSTtZQUFFLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDL0IsT0FBTyxJQUFJLENBQUMsTUFBTTthQUNiLDBCQUEwQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQzthQUN4RCxJQUFJLENBQ0QsR0FBRyxDQUFDLENBQUMsR0FBZSxFQUFFLEVBQUU7WUFDcEIsR0FBRyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUMvRSxDQUFDLENBQUMsRUFDRixVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDYixPQUFPLENBQUMsS0FBSyxDQUFDLDREQUE0RCxFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQ2pGLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQ3pCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ2xCLE9BQU8sRUFBRSxDQUFDO1FBQ2QsQ0FBQyxDQUFDLENBQ0wsQ0FBQztJQUNWLENBQUM7OztZQWxISixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsazlCQUE4Qzs7YUFFL0M7OztZQVZNLGlCQUFpQjs7O3FCQXdCckIsS0FBSyxTQUFDLFFBQVE7dUJBT2QsU0FBUyxTQUFDLHdCQUF3Qjt5QkFDbEMsWUFBWSxTQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTt5QkFFbkQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0IH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9zY3JvbGxpbmdcIjtcblxuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlLCBvZiB9IGZyb20gXCJyeGpzXCI7XG5pbXBvcnQgeyBjYXRjaEVycm9yLCBtZXJnZU1hcCwgc2NhbiwgdGFwLCB0aHJvdHRsZVRpbWUgfSBmcm9tIFwicnhqcy9vcGVyYXRvcnNcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibWlzLXZpcnR1YWwtc2Nyb2xsXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi92aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi92aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQuc2Nzc1wiXSxcbiAgfSlcbmV4cG9ydCBjbGFzcyBWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIC8vIEluZmluaXRlIHNjcm9sbCByZWxhdGVkIHZhcmlhYmxlc1xuICAgIG9mZnNldCA9IG5ldyBCZWhhdmlvclN1YmplY3QobnVsbCk7XG4gICAgZW5kT2ZJbmZpbml0ZURhdGE6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICByb3dzTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuICAgIFxuICAgIC8vIE1haW4gc3RhdGUgbWFuYWdpbmcgdmFyaWFibGVzXG4gICAgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXG4gICAgZXJyb3I6IGJvb2xlYW4gPSBmYWxzZVxuICAgIFxuICAgIC8vIFNjcm9sbCBkYXRhIHJlbGF0ZWQgdmFyaWFibGVzXG4gICAgZGF0YSQ6IE9ic2VydmFibGU8YW55PlxuICAgIEBJbnB1dChcImNvbmZpZ1wiKSBjb25maWc6IElWaXJ0dWFsU2Nyb2xsQ29uZmlnID0ge1xuICAgICAgICBtaW5CdWZmZXJQeDogMjQwMCxcbiAgICAgICAgbWF4QnVmZmVyUHg6IDI0MDAsXG4gICAgICAgIHJvd0hlaWdodDogMTI4LFxuICAgICAgICBwYWdlU2l6ZTogNSxcbiAgICAgICAgaW5maW5pdGVTY3JvbGxEYXRhRnVuY3Rpb246IChvZmZzZXQsIHBhZ2VTaXplKSA9PiBvZihbMSwyLDMsNCw1XSlcbiAgICB9O1xuICAgIEBWaWV3Q2hpbGQoQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0KSB2aWV3UG9ydDogQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0O1xuICAgIEBDb250ZW50Q2hpbGQoXCJ2aXJ0dWFsU2Nyb2xsSXRlbVwiLCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgICBjdXN0b21JdGVtOiBUZW1wbGF0ZVJlZjxFbGVtZW50PjtcbiAgICBAT3V0cHV0KCkgaW50aWFsaXplZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gICAgdmlydHVhbFNjcm9sbEFwaTogYW55XG5cblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmKXt9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3dpdGNoT25JbmZpbml0ZVNjcm9sbCgpXG4gICAgICAgIHRoaXMudmlydHVhbFNjcm9sbEFwaSA9IHtcbiAgICAgICAgICAgIHRvZ2dsZUxvYWRlcjogKCkgPT4gdGhpcy5sb2FkaW5nID0gIXRoaXMubG9hZGluZyxcbiAgICAgICAgICAgIHRvZ2dsZUVycm9yOiAoKSA9PiB0aGlzLmVycm9yID0gIXRoaXMuZXJyb3IsXG4gICAgICAgICAgICBzd2l0Y2hPbkluZmluaXRlU2Nyb2xsOiB0aGlzLnN3aXRjaE9uSW5maW5pdGVTY3JvbGwsXG4gICAgICAgICAgICBzd2l0Y2hPZmZJbmZpbml0ZVNjcm9sbDogdGhpcy5zd2l0Y2hPZmZJbmZpbml0ZVNjcm9sbFxuICAgICAgICB9XG4gICAgICAgIHRoaXMuaW50aWFsaXplZC5lbWl0KHRoaXMudmlydHVhbFNjcm9sbEFwaSlcbiAgICB9XG4gICAgc3dpdGNoT2ZmSW5maW5pdGVTY3JvbGwgPSAoKTogdm9pZCA9PiB7XG4gICAgICAgIHRoaXMuZXJyb3IgPSBmYWxzZVxuICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlXG4gICAgICAgIHRoaXMuZGF0YSQgPSB0aGlzLmNvbmZpZy5kYXRhJC5waXBlKFxuICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZVxuICAgICAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpXG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKFwiRXJyb3I6IFVua25vd24gZXJyb3Igb2NjdXJyZWQgd2hpbGUgZmV0Y2hpbmcgY2FsZW5kYXIgZGF0YVwiLCBlcnIpO1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMuZXJyb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIClcbiAgICB9XG4gICAgc3dpdGNoT25JbmZpbml0ZVNjcm9sbCA9ICgpOiB2b2lkID0+IHtcbiAgICAgICAgdGhpcy5lcnJvciA9IGZhbHNlXG4gICAgICAgIHRoaXMubG9hZGluZyA9IHRydWVcbiAgICAgICAgdGhpcy5vZmZzZXQubmV4dCgwKVxuICAgICAgICB0aGlzLnNldHVwSW5maW5pdGVTY3JvbGwoKVxuICAgIH1cbiAgICBzZXR1cEluZmluaXRlU2Nyb2xsKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBiYXRjaE1hcCA9IHRoaXMub2Zmc2V0LnBpcGUoXG4gICAgICAgICAgdGhyb3R0bGVUaW1lKDUwMCksXG4gICAgICAgICAgbWVyZ2VNYXAob2Zmc2V0ID0+IHRoaXMuZ2V0QmF0Y2gob2Zmc2V0KSksXG4gICAgICAgICAgc2NhbigoYWNjOiBBcnJheTxhbnk+LCBiYXRjaDogQXJyYXk8YW55PikgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIFsuLi5hY2MsIC4uLmJhdGNoXTtcbiAgICAgICAgICB9LCBbXSlcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5kYXRhJCA9IGJhdGNoTWFwLnBpcGUoXG4gICAgICAgICAgICB0YXAoZGF0YSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgICAgICAgICB9LCA1MClcbiAgICAgICAgICAgIH0pXG4gICAgICAgICk7XG4gICAgfVxuICAgIG5leHRCYXRjaChvZmZzZXQpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZW5kT2ZJbmZpbml0ZURhdGEpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLnZpZXdQb3J0LmdldFJlbmRlcmVkUmFuZ2UoKS5lbmQ7XG4gICAgICAgIGNvbnN0IHRvdGFsID0gdGhpcy52aWV3UG9ydC5nZXREYXRhTGVuZ3RoKCk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKGAke2VuZH0sICc+PScsICR7dG90YWx9YCk7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKFwiT2Zmc2V0LT5cIiwgb2Zmc2V0KVxuICAgICAgICBvZmZzZXQgPSBNYXRoLmNlaWwob2Zmc2V0IC8gdGhpcy5jb25maWcucGFnZVNpemUpXG4gICAgICAgIGlmIChlbmQgPT09IHRvdGFsICYmICF0aGlzLnJvd3NMb2FkaW5nKSB7XG4gICAgICAgICAgICB0aGlzLm9mZnNldC5uZXh0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0QmF0Y2gob2Zmc2V0KTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IHRydWU7XG4gICAgICAgIGlmIChvZmZzZXQgPT0gbnVsbCkgb2Zmc2V0ID0gMDtcbiAgICAgICAgcmV0dXJuIHRoaXMuY29uZmlnXG4gICAgICAgICAgICAuaW5maW5pdGVTY3JvbGxEYXRhRnVuY3Rpb24ob2Zmc2V0LCB0aGlzLmNvbmZpZy5wYWdlU2l6ZSlcbiAgICAgICAgICAgIC5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoYXJyOiBBcnJheTxhbnk+KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGFyci5sZW5ndGggPCB0aGlzLmNvbmZpZy5wYWdlU2l6ZSA/ICh0aGlzLmVuZE9mSW5maW5pdGVEYXRhID0gdHJ1ZSkgOiBudWxsO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc29sZS5lcnJvcihcIkVycm9yOiBVbmtub3duIGVycm9yIG9jY3VycmVkIHdoaWxlIGZldGNoaW5nIGNhbGVuZGFyIGRhdGFcIiwgZXJyKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yb3dzTG9hZGluZyA9IGZhbHNlO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lcnJvciA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKTtcbiAgICB9XG4gICAgXG59XG5leHBvcnQgaW50ZXJmYWNlIElWaXJ0dWFsU2Nyb2xsQ29uZmlne1xuICAgIG1pbkJ1ZmZlclB4PzogbnVtYmVyXG4gICAgbWF4QnVmZmVyUHg/OiBudW1iZXJcbiAgICByb3dIZWlnaHQ6IG51bWJlclxuICAgIHBhZ2VTaXplOiBudW1iZXJcbiAgICBkYXRhJD86IE9ic2VydmFibGU8QXJyYXk8YW55Pj5cbiAgICBpbmZpbml0ZVNjcm9sbERhdGFGdW5jdGlvbjogKG9mZnNldDogbnVtYmVyLCBwYWdlU2l6ZTogbnVtYmVyKSA9PiBPYnNlcnZhYmxlPEFycmF5PGFueT4+XG59XG5leHBvcnQgaW50ZXJmYWNlIElWaXJ0dWFsU2Nyb2xsQXBpe1xuICAgIHRvZ2dsZUxvYWRlcjogKCkgPT4gdm9pZFxuICAgIHRvZ2dsZUVycm9yOiAoKSA9PiB2b2lkLFxuICAgIHN3aXRjaE9uSW5maW5pdGVTY3JvbGw6ICgpID0+IHZvaWQsXG4gICAgc3dpdGNoT2ZmSW5maW5pdGVTY3JvbGw6ICgpID0+IHZvaWRcbn0iXX0=

package/esm2015/virtual-scroll/virtual-scroll.module.js

@@ -0,0 +1,21 @@
+import { ScrollingModule } from "@angular/cdk/scrolling";
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { LoaderModule } from "mis-crystal-design-system/loader";
+import { VirtualScrollComponent } from "./virtual-scroll.component";
+export class VirtualScrollModule {
+}
+VirtualScrollModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    VirtualScrollComponent
+                ],
+                imports: [
+                    CommonModule,
+                    ScrollingModule,
+                    LoaderModule
+                ],
+                exports: [VirtualScrollComponent, ScrollingModule, LoaderModule],
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlydHVhbC1zY3JvbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdmlydHVhbC1zY3JvbGwvdmlydHVhbC1zY3JvbGwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsWUFBWSxFQUFDLE1BQU0sa0NBQWtDLENBQUE7QUFFOUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFhcEUsTUFBTSxPQUFPLG1CQUFtQjs7O1lBWC9CLFFBQVEsU0FBQztnQkFDTixZQUFZLEVBQUM7b0JBQ1Qsc0JBQXNCO2lCQUN6QjtnQkFDRCxPQUFPLEVBQUU7b0JBQ0wsWUFBWTtvQkFDWixlQUFlO29CQUNmLFlBQVk7aUJBQ2Y7Z0JBQ0QsT0FBTyxFQUFDLENBQUMsc0JBQXNCLEVBQUUsZUFBZSxFQUFFLFlBQVksQ0FBQzthQUNsRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNjcm9sbGluZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jZGsvc2Nyb2xsaW5nXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuaW1wb3J0IHsgTG9hZGVyTW9kdWxlfSBmcm9tIFwibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS9sb2FkZXJcIlxuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50IH0gZnJvbSBcIi4vdmlydHVhbC1zY3JvbGwuY29tcG9uZW50XCI7XG5cbkBOZ01vZHVsZSh7XG4gICAgZGVjbGFyYXRpb25zOltcbiAgICAgICAgVmlydHVhbFNjcm9sbENvbXBvbmVudFxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFNjcm9sbGluZ01vZHVsZSxcbiAgICAgICAgTG9hZGVyTW9kdWxlXG4gICAgXSxcbiAgICBleHBvcnRzOltWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50LCBTY3JvbGxpbmdNb2R1bGUsIExvYWRlck1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIFZpcnR1YWxTY3JvbGxNb2R1bGV7IH0iXX0=

package/fab/mis-crystal-design-system-fab.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"FabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"mis-fab","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":26,"character":4},"arguments":["slideUpFab",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":8},"arguments":[{"transform":"translateY(50px)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":8},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":34},"arguments":[{"transform":"translateY(0px)","opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":28},"arguments":["200ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":54},"arguments":[{"transform":"translateY(70px)","opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":33,"character":4},"arguments":["rotateButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":23},"arguments":[{"transform":"rotate(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":23},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":6},"arguments":["rotated => default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":39},"arguments":["300ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":37,"character":6},"arguments":["default => rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":39},"arguments":["200ms ease-in"]}]}]]}],"template":"<div class=\"fab-wrapper\" *ngIf=\"show\">\n  <div class=\"fab-items\" *ngIf=\"isOpen\" @slideUpFab>\n    <div class=\"fab-item\" *ngFor=\"let item of items.reverse(); let i = index\" (click)=\"clickItem(item)\">\n      <div *ngIf=\"item.label\" class=\"fab-tooltip\">\n        {{ item.label }}\n      </div>\n      <div\n        class=\"fab-button\"\n        [ngStyle]=\"{\n          backgroundColor: item.backgroundColor || '#0937B2'\n        }\"\n      >\n        <img [src]=\"item.icon\" class=\"add-img\" />\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"fab-container\"\n    [ngStyle]=\"{\n      backgroundColor: isOpen ? options.backgroundColorOpened : options.backgroundColorClosed\n    }\"\n    (click)=\"toogleFab()\"\n  >\n    <svg\n      [@rotateButton]=\"isOpen ? 'rotated' : 'default'\"\n      class=\"add-img\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.1424 5.15607C13.1424 4.51759 12.6313 4 12.0009 4C11.3704 4 10.8594 4.51759 10.8594 5.15607V10.8421H5.14149C4.51106 10.8421 4 11.3597 4 11.9982C4 12.6367 4.51106 13.1543 5.14149 13.1543H10.8594V18.8439C10.8594 19.4824 11.3704 20 12.0009 20C12.6313 20 13.1424 19.4824 13.1424 18.8439V13.1543H18.8585C19.4889 13.1543 20 12.6367 20 11.9982C20 11.3597 19.4889 10.8421 18.8585 10.8421H13.1424V5.15607Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </div>\n</div>\n","styles":[".fab-wrapper{position:fixed;right:24px;bottom:24px;z-index:1000}.fab-wrapper .fab-item{position:relative;padding:0 0 16px 8px}.fab-wrapper .fab-item .fab-tooltip{position:absolute;background-color:#181f33;border-radius:4px;color:#fff;padding:8px;display:flex;justify-content:center;align-items:center;white-space:nowrap;right:100%;top:calc(50% - 8px);transform:translateY(-50%)}.fab-wrapper .fab-item .fab-button{width:40px;height:40px}.fab-wrapper .fab-container,.fab-wrapper .fab-item .fab-button{cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.fab-wrapper .fab-container{width:56px;height:56px}.add-img{height:24px;width:24px}"]}]}],"members":{"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":28}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["document:click",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"clickItem":[{"__symbolic":"method"}],"closeFab":[{"__symbolic":"method"}],"toogleFab":[{"__symbolic":"method"}]}},"FabItem":{"__symbolic":"interface"},"FabItems":{"__symbolic":"interface"},"FabOptions":{"__symbolic":"interface"},"FabModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"FabComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"FabModule"},"providers":[]}}}}},"origins":{"FabComponent":"./fab.component","FabItem":"./fab.component","FabItems":"./fab.component","FabOptions":"./fab.component","FabModule":"./fab.module"},"importAs":"mis-crystal-design-system/fab"}
+{"__symbolic":"module","version":4,"metadata":{"FabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"mis-fab","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":26,"character":4},"arguments":["slideUpFab",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":27,"character":6},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":28,"character":8},"arguments":[{"transform":"translateY(50px)","opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":29,"character":8},"arguments":["300ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":29,"character":34},"arguments":[{"transform":"translateY(0px)","opacity":1}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":31,"character":6},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":31,"character":28},"arguments":["200ms ease-out",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":31,"character":54},"arguments":[{"transform":"translateY(70px)","opacity":0}]}]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":33,"character":4},"arguments":["rotateButton",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":34,"character":6},"arguments":["default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":34,"character":23},"arguments":[{"transform":"rotate(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":35,"character":6},"arguments":["rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":35,"character":23},"arguments":[{"transform":"rotate(45deg)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":36,"character":6},"arguments":["rotated => default",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":36,"character":39},"arguments":["300ms ease-out"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":37,"character":6},"arguments":["default => rotated",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":37,"character":39},"arguments":["200ms ease-in"]}]}]]}],"template":"<div class=\"fab-wrapper\" *ngIf=\"show\">\n  <div class=\"fab-items\" *ngIf=\"isOpen\" @slideUpFab>\n    <div class=\"fab-item\" *ngFor=\"let item of items.reverse(); let i = index\" (click)=\"clickItem(item)\">\n      <div *ngIf=\"item.label\" class=\"fab-tooltip\">\n        {{ item.label }}\n      </div>\n      <div\n        class=\"fab-button\"\n        [ngStyle]=\"{\n          backgroundColor: item.backgroundColor || '#0937B2'\n        }\"\n      >\n        <img [src]=\"item.icon\" class=\"add-img\" />\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"fab-container\"\n    [ngStyle]=\"{\n      backgroundColor: isOpen ? options.backgroundColorOpened : options.backgroundColorClosed\n    }\"\n    (click)=\"toogleFab()\"\n  >\n    <svg\n      [@rotateButton]=\"isOpen ? 'rotated' : 'default'\"\n      class=\"add-img\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.1424 5.15607C13.1424 4.51759 12.6313 4 12.0009 4C11.3704 4 10.8594 4.51759 10.8594 5.15607V10.8421H5.14149C4.51106 10.8421 4 11.3597 4 11.9982C4 12.6367 4.51106 13.1543 5.14149 13.1543H10.8594V18.8439C10.8594 19.4824 11.3704 20 12.0009 20C12.6313 20 13.1424 19.4824 13.1424 18.8439V13.1543H18.8585C19.4889 13.1543 20 12.6367 20 11.9982C20 11.3597 19.4889 10.8421 18.8585 10.8421H13.1424V5.15607Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </div>\n</div>\n","styles":["@charset \"UTF-8\";: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:#fff;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\"}.icon-ic-action-average-trips:before{content:\"\"}.icon-ic-action-EV-vehicle:before{content:\"\"}.icon-ic-action-total-trips:before{content:\"\"}.icon-ic-ui-front-desk-24:before{content:\"\"}.icon-ic-ui-visitor-invite-24:before{content:\"\"}.icon-ic-ETS-OTA-16:before{content:\"\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\"}.icon-ic-geo-fence-violation-16:before{content:\"\"}.icon-ic-map-pin-16:before{content:\"\"}.icon-ic-SOS-fixed-device-16:before{content:\"\"}.icon-ic-SOS-mobile-16:before{content:\"\"}.icon-ic-speeding-16:before{content:\"\"}.icon-ic-tamper-alert-16:before{content:\"\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\"}.icon-ic-vehicle-stopage-16:before{content:\"\"}.icon-ic-violations-sign-off-time-16:before{content:\"\"}.icon-ic-woman-travelling-alone-16:before{content:\"\"}.icon-ic-ets-adhoc-32:before{content:\"\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\"}.icon-ic-ets-bus-24-1:before{content:\"\"}.icon-ic-ets-bus-24-2:before{content:\"\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\"}.icon-ic-ets-cloud-off-24:before{content:\"\"}.icon-ic-ets-walking-man-24:before{content:\"\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\"}.icon-ic-ui-seperator-16:before{content:\"\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\"}.icon-ic-navigation-collapse-16:before{content:\"\"}.icon-ic-navigation-expand-16:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\"}.icon-ic-nrs-sort--descending-24:before{content:\"\"}.icon-ic-ui-changed-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\"}.icon-ic-ui-error-24:before{content:\"\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\"}.icon-ic-ui-overlap-16:before{content:\"\"}.icon-ic-navigation-arrow_left-16:before{content:\"\"}.icon-ic-navigation-arrow_right-16:before{content:\"\"}.icon-ic-rep-booking-16:before{content:\"\"}.icon-ic-ui-arrow-16:before{content:\"\"}.icon-ic-ui-filters2-16:before{content:\"\"}.icon-ic-ui-nonveg-16:before{content:\"\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\"}.icon-ic-ui-Phone-24-1:before{content:\"\"}.icon-ic-ui-Phone-24:before{content:\"\"}.icon-ic-ui-Name-24:before{content:\"\"}.icon-ic-ui-transport-cab-24:before{content:\"\"}.icon-ic-ui-info-24:before{content:\"\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\"}.icon-ic-ui-action-24:before{content:\"\"}.icon-ic-ui-approvals-24:before{content:\"\"}.icon-ic-ui-approvals2-24:before{content:\"\"}.icon-ic-ui-fast-24:before{content:\"\"}.icon-ic-ui-transport-24:before{content:\"\"}.icon-ic-ui-vaccine-review-24:before{content:\"\"}.icon-ic-image-24:before{content:\"\"}.icon-ic-ui-bike-24:before{content:\"\"}.icon-ic-ui-car-24:before{content:\"\"}.icon-ic-ui-description-24:before{content:\"\"}.icon-ic-ui-email-24-1:before{content:\"\"}.icon-ic-ui-format-bullet-24:before{content:\"\"}.icon-ic-ui-format-number-24:before{content:\"\"}.icon-ic-ui-help-24:before{content:\"\"}.icon-ic-ui-location-24:before{content:\"\"}.icon-ic-ui-location-searching-24:before{content:\"\"}.icon-ic-ui-meal-241:before{content:\"\"}.icon-ic-ui-on-call-24:before{content:\"\"}.icon-ic-ui-person-24:before{content:\"\"}.icon-ic-ui-pie-24:before{content:\"\"}.icon-ic-ui-question-24:before{content:\"\"}.icon-ic-ui-request-24:before{content:\"\"}.icon-ic-ui-seat-24:before{content:\"\"}.icon-ic-ui-trend-down-24:before{content:\"\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\"}.icon-ic-nre-check-24:before{content:\"\"}.icon-ic-nre-flag-24:before{content:\"\"}.icon-ic-nre-notification-24:before{content:\"\"}.icon-ic-nre-push-pin-24:before{content:\"\"}.icon-ic-nre-wash-24:before{content:\"\"}.icon-ic-nrs-security-24:before{content:\"\"}.icon-ic-nrs-billing-24:before{content:\"\"}.icon-ic-nrs-downloads-24:before{content:\"\"}.icon-ic-nrs-loader-16:before{content:\"\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\"}.icon-ic-nrs-refersh-24:before{content:\"\"}.icon-ic-nrs-sanitize-24:before{content:\"\"}.icon-ic-nrs-score-card-24:before{content:\"\"}.icon-ic-nrs-view-24:before{content:\"\"}.icon-ic-device-24:before{content:\"\"}.icon-ic-duplicate-24--no-bg:before{content:\"\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\"}.icon-ic-vendor-24:before{content:\"\"}.icon-ic-naviation-directions-24:before{content:\"\"}.icon-ic-navigation-arrow-left-24:before{content:\"\"}.icon-ic-navigation-arrow-right-24:before{content:\"\"}.icon-ic-navigation-cancel-24:before{content:\"\"}.icon-ic-navigation-chevron-left-24:before{content:\"\"}.icon-ic-navigation-chevron-right-24:before{content:\"\"}.icon-ic-navigation-drop-down-24:before{content:\"\"}.icon-ic-navigation-expand-less-24:before{content:\"\"}.icon-ic-ui-check-24:before{content:\"\"}.icon-ic-nav-meeting-fill-24:before{content:\"\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\"}.icon-ic-mr-building-24:before{content:\"\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\"}.icon-ic-mr-fridge-24:before{content:\"\"}.icon-ic-mr-guestwifi-24:before{content:\"\"}.icon-ic-mr-ip-phones-24:before{content:\"\"}.icon-ic-mr-mic-24:before{content:\"\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\"}.icon-ic-mr-speakerphones-24:before{content:\"\"}.icon-ic-mr-stationary-24:before{content:\"\"}.icon-ic-mr-tv-24:before{content:\"\"}.icon-ic-mr-video-conferencing-24:before{content:\"\"}.icon-ic-mr-whiteboard-24:before{content:\"\"}.icon-ic-mr-wing-24:before{content:\"\"}.icon-ic-nav-seat-02-24:before{content:\"\"}.icon-ic-nav-seat-fill-24:before{content:\"\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\"}.icon-ic-map-current-24 .path1:before{content:\"\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\"}.icon-ic-map-reposition-24:before{content:\"\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\"}.icon-ic-new-icon-desk-management-24:before{content:\"\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\"}.icon-ic-new-icon-health-risk-24:before{content:\"\"}.icon-ic-new-icon-key-24:before{content:\"\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\"}.icon-ic-new-icon-Rupee-24:before{content:\"\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\"}.icon-ic-new-icons-User-group-24:before{content:\"\"}.icon-ic-ui-attendance:before{content:\"\"}.icon-ic-ui-cab-login:before{content:\"\"}.icon-ic-ui-cab-logout:before{content:\"\"}.icon-ic-ui-sign-in:before{content:\"\"}.icon-request-2:before{content:\"\"}.icon-seats-available:before{content:\"\";color:#5cc917}.icon-seats-booked:before{content:\"\";color:#039be5}.icon-seats-cancelled:before{content:\"\";color:#ef4d1d}.icon-seats-totals:before{content:\"\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\"}.icon-ic-employee-rest:before{content:\"\"}.icon-ic-nav-cancelled-24:before{content:\"\"}.icon-ic-nav-desk-allocation-24:before{content:\"\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\"}.icon-ic-nav-desk-utilization-24:before{content:\"\"}.icon-ic-nav-meetingroom-24:before{content:\"\"}.icon-ic-nav-office-24:before{content:\"\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\"}.icon-ic-nav-report-24:before{content:\"\"}.icon-ic-nav-resource-grps-24:before{content:\"\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\"}.icon-ic-nav-settings-24:before{content:\"\"}.icon-ic-nav-translate-24:before{content:\"\"}.icon-ic-nav-unplanned-24:before{content:\"\"}.icon-ic-nav-upload-24:before{content:\"\"}.icon-ic-nav-user-24:before{content:\"\"}.icon-ic-nav-user-grps-24:before{content:\"\"}.icon-ic-nav-user-pemissions-24:before{content:\"\"}.icon-ic-nav-utilisation-24:before{content:\"\"}.icon-ic-nav-vaccine-24:before{content:\"\"}.icon-ic-nav-visitor-management-24:before{content:\"\"}.icon-ic-nav-work-planner-24:before{content:\"\"}.icon-ic-nre-add-24:before{content:\"\"}.icon-ic-nre-deactivate-24:before{content:\"\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\"}.icon-ic-sidebar-guard-24:before{content:\"\"}.icon-ic-sidebar-home-24:before{content:\"\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\"}.icon-ic-sidebar-reception-24:before{content:\"\"}.icon-ic-ui-pdf-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\"}.icon-ic-ui-cab-24:before{content:\"\"}.icon-ic-ui-calendar2-24:before{content:\"\"}.icon-ic-ui-calender-24:before{content:\"\"}.icon-ic-ui-email-24:before{content:\"\"}.icon-ic-ui-home-24:before{content:\"\"}.icon-ic-ui-meal-24:before{content:\"\"}.icon-ic-ui-new_parking-24:before{content:\"\"}.icon-ic-ui-night-24:before{content:\"\"}.icon-ic-ui-office-24:before{content:\"\"}.icon-ic-ui-outofoffice-24:before{content:\"\"}.icon-ic-ui-parking-24:before{content:\"\"}.icon-ic-ui-phone-24:before{content:\"\"}.icon-ic-ui-Transport-availability-24:before{content:\"\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\"}.icon-ic-action-more-horiz-24:before{content:\"\"}.icon-ic-action-add-24:before{content:\"\"}.icon-ic-action-ascending-24:before{content:\"\"}.icon-ic-action-cached-24:before{content:\"\"}.icon-ic-action-calview-24:before{content:\"\"}.icon-ic-action-copy-link-24:before{content:\"\"}.icon-ic-action-delete-24:before{content:\"\"}.icon-ic-action-descending-24:before{content:\"\"}.icon-ic-action-download-24:before{content:\"\"}.icon-ic-action-drag-24:before{content:\"\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\"}.icon-ic-action-expand-24-1:before{content:\"\"}.icon-ic-action-external-link-24:before{content:\"\"}.icon-ic-action-favorite-24:before{content:\"\"}.icon-ic-action-filter-24:before{content:\"\"}.icon-ic-action-globe-24:before{content:\"\"}.icon-ic-action-history-24-1:before{content:\"\"}.icon-ic-action-history-24:before{content:\"\"}.icon-ic-action-info-24:before{content:\"\"}.icon-ic-action-invite-24:before{content:\"\"}.icon-ic-action-listview-24:before{content:\"\"}.icon-ic-action-logout-24:before{content:\"\"}.icon-ic-action-menu-24:before{content:\"\"}.icon-ic-action-more-vert-24:before{content:\"\"}.icon-ic-action-notif-2-24:before{content:\"\"}.icon-ic-action-notif-24:before{content:\"\"}.icon-ic-action-person-search-24:before{content:\"\"}.icon-ic-action-print-24:before{content:\"\"}.icon-ic-action-qr-24:before{content:\"\"}.icon-ic-action-refresh-24:before{content:\"\"}.icon-ic-action-remove-24:before{content:\"\"}.icon-ic-action-search-24:before{content:\"\"}.icon-ic-action-see-more-24:before{content:\"\"}.icon-ic-action-send-24:before{content:\"\"}.icon-ic-action-share-24:before{content:\"\"}.icon-ic-action-shift-time-24:before{content:\"\"}.icon-ic-action-sort-24:before{content:\"\"}.icon-ic-action-sort2-24:before{content:\"\"}.icon-ic-action-switch-24:before{content:\"\"}.icon-ic-action-upload-24:before{content:\"\"}.icon-ic-action-visibility-24:before{content:\"\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\";color:#6a737d}.fab-wrapper{position:fixed;right:24px;bottom:24px;z-index:1000}.fab-wrapper .fab-item{position:relative;padding:0 0 16px 8px}.fab-wrapper .fab-item .fab-tooltip{position:absolute;background-color:#181f33;border-radius:4px;color:#fff;padding:8px;display:flex;justify-content:center;align-items:center;white-space:nowrap;right:100%;top:calc(50% - 8px);transform:translateY(-50%)}.fab-wrapper .fab-item .fab-button{width:40px;height:40px}.fab-wrapper .fab-container,.fab-wrapper .fab-item .fab-button{cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.fab-wrapper .fab-container{width:56px;height:56px}.add-img{height:24px;width:24px}"]}]}],"members":{"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":28}]}],"clickout":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":50,"character":3},"arguments":["document:click",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"clickItem":[{"__symbolic":"method"}],"closeFab":[{"__symbolic":"method"}],"toogleFab":[{"__symbolic":"method"}]}},"FabItem":{"__symbolic":"interface"},"FabItems":{"__symbolic":"interface"},"FabOptions":{"__symbolic":"interface"},"FabModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"FabComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"FabModule"},"providers":[]}}}}},"origins":{"FabComponent":"./fab.component","FabItem":"./fab.component","FabItems":"./fab.component","FabOptions":"./fab.component","FabModule":"./fab.module"},"importAs":"mis-crystal-design-system/fab"}

package/fesm2015/mis-crystal-design-system-action-list.js

@@ -138,7 +138,7 @@ ActionListComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-action-list",
                 template: "<div\n  class=\"main-container\"\n  [ngStyle]=\"{\n    height: height.length > 0 ? height : '',\n    width: width.length > 0 ? width : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ background: isOpen ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <p class=\"text\">\n        {{ label }}\n      </p>\n      <p *ngIf=\"selectedItems?.length > 1\" class=\"count\">+{{ selectedItems?.length - 1 }}</p>\n    </div>\n    <svg\n      class=\"handle\"\n      [ngStyle]=\"{ transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </div>\n</div>\n\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div class=\"items\">\n      <div\n        #singleItem\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item?.disabled }\"\n        (mouseenter)=\"onHover(item, true, singleItem)\"\n        *ngFor=\"let item of data\"\n      >\n        <div class=\"label\" [ngStyle]=\"{ width: item?.icon ? '90%' : '100%' }\">\n          <span>{{ item?.label }}</span>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item?.icon\">\n          <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n        </div>\n      </div>\n      <div class=\"noData\" *ngIf=\"data.length === 0\">\n        {{ noDataMessage || \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #subPopupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div class=\"items\">\n      <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled }\"\n        (click)=\"!item.disabled && selectItem(item)\"\n        *ngFor=\"let item of subItems\"\n      >\n        <div class=\"checkbox-container\" *ngIf=\"item.type === 'MULTIPLE'\">\n          <mis-checkbox [disabled]=\"item.disabled\" [checked]=\"item.checked\"></mis-checkbox>\n        </div>\n        <div class=\"label\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%' }\">\n          <span>{{ item.label }}</span>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon || item.checked\">\n          <img *ngIf=\"!item.checked\" class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n          <ng-container *ngIf=\"item.type === 'SINGLE' && item.checked\">\n            <ng-container *ngTemplateOutlet=\"tickIcon\"></ng-container>\n          </ng-container>\n        </div>\n      </div>\n      <div class=\"noData\" *ngIf=\"data.length === 0\">\n        {{ noDataMessage || \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n<ng-template #tickIcon>\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.47697 14.8237L3.49922 10.5519C3.2776 10.3169 3.2776 9.93437 3.49922 9.69684L4.30273 8.84298C4.52434 8.60795 4.88462 8.60795 5.10623 8.84298L7.87929 11.8334L14.0607 5.17627C14.2823 4.94124 14.6426 4.94124 14.8642 5.17627L15.6677 6.03138C15.8894 6.26641 15.8894 6.65021 15.6677 6.88399L8.28048 14.8237C8.05886 15.0588 7.69859 15.0588 7.47697 14.8237Z\"\n      fill=\"#181F33\"\n    />\n  </svg>\n</ng-template>\n",
-                styles: [".main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:4px 12px}.main-container .dropdown:focus-visible,.main-container .dropdown:hover{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.main-container .dropdown .label,.main-container .dropdown .label .text{font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#e0e0e0;border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:#181f33}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{justify-content:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.popup-container .items .item,.popup-container .items .noData{display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .items .item{cursor:pointer;justify-content:flex-start;gap:10px;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:focus-visible,.popup-container .items .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .item .label{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:focus-visible,.popup-container .items .item-disabled:hover{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:#929dab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]
+                styles: ["@charset \"UTF-8\";: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:#fff;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}.main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:4px 12px}.main-container .dropdown:focus-visible,.main-container .dropdown:hover{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.main-container .dropdown .label,.main-container .dropdown .label .text{font-style:normal;font-weight:400;font-size:16px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-container .dropdown .label .count{width:24px;height:24px;background-color:#e0e0e0;border-radius:50%;padding:2px 4px;margin:0 0 0 8px;font-style:normal;font-weight:400;box-sizing:border-box;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px;color:#181f33}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{justify-content:center;font-style:normal;font-weight:400;font-size:16px;line-height:20px}.popup-container .items .item,.popup-container .items .noData{display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .items .item{cursor:pointer;justify-content:flex-start;gap:10px;padding:8px 12px;border-radius:6px;height:auto}.popup-container .items .item:focus-visible,.popup-container .items .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .item .label{width:100%;line-height:20px;font-size:16px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:focus-visible,.popup-container .items .item-disabled:hover{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:#929dab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}"]
             },] }
 ];
 ActionListComponent.ctorParameters = () => [

package/fesm2015/mis-crystal-design-system-async-search-dropdown.js

@@ -189,7 +189,7 @@ AsyncDropdownComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-async-search-dropdown",
                 template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n",
-                styles: [".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}"]
+                styles: ["@charset \"UTF-8\";: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:#fff;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}.dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}"]
             },] }
 ];
 AsyncDropdownComponent.ctorParameters = () => [

package/fesm2015/mis-crystal-design-system-button.js

@@ -25,7 +25,7 @@ ButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-button",
                 template: "<button\n  (click)=\"onClick($event)\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{\n    solid: type === 'Solid',\n    outline: type === 'Outline',\n    text: type === 'Text',\n    large: size === 'Large',\n    medium: size === 'Medium',\n    small: size === 'Small',\n    'large-mobile': size === 'Large-M',\n    'small-mobile': size === 'Small-M'\n  }\"\n  [ngStyle]=\"{\n    'border-top-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-bottom-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-top-right-radius': disableRightBorderRadius ? '0px' : '',\n    'border-bottom-right-radius': disableRightBorderRadius ? '0px' : '',\n    width: width\n  }\"\n>\n  <span id=\"left-icon\" *ngIf=\"showIcon && iconPosition === 'Left'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n  {{ name }}\n  <span id=\"right-icon\" *ngIf=\"showIcon && iconPosition === 'Right'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n</button>\n",
-                styles: ["button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;letter-spacing:.25px}.large-mobile,.small{font-style:normal;font-size:14px;line-height:20px}.large-mobile{height:44px;padding:12px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]
+                styles: ["@charset \"UTF-8\";: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:#fff;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;font-size:14px;letter-spacing:.25px}.large-mobile,.small{font-style:normal;line-height:20px}.large-mobile{height:44px;padding:12px;font-size:16px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]
             },] }
 ];
 ButtonComponent.ctorParameters = () => [];

package/fesm2015/mis-crystal-design-system-checkbox.js

@@ -64,7 +64,7 @@ CheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: "mis-checkbox",
                 template: "<div\n  class=\"checkbox-container\"\n  [ngStyle]=\"{ cursor: formControl.disabled ? 'not-allowed' : 'pointer' }\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n  <input hidden type=\"checkbox\" [formControl]=\"formControl\" (click)=\"$event.stopPropagation()\" />\n  <span\n    class=\"checkmark\"\n    tabindex=\"0\"\n    *ngIf=\"!isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n  <span\n    class=\"checkmark indeterminate\"\n    tabindex=\"0\"\n    *ngIf=\"isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n</div>\n",
-                styles: [".checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]
+                styles: ["@charset \"UTF-8\";: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:#fff;--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}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}.checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]
             },] }
 ];
 CheckboxComponent.ctorParameters = () => [];