npm - mis-crystal-design-system - Versions diffs - 2.9.7-v14 → 2.9.7-v14-1 - Mend

mis-crystal-design-system 2.9.7-v14 → 2.9.7-v14-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-async-search-dropdown.mjs","sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.component.html","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts","../../../projects/mis-components/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.ts"],"sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n AfterViewInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewContainerRef\n} from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\nimport { Observable, Subscription } from \"rxjs\";\nimport { debounceTime, distinctUntilChanged, filter, tap } from \"rxjs/operators\";\n\n// tslint:disable-next-line\ntype IListData = any;\n\n@Component({\n selector: \"mis-async-search-dropdown\",\n templateUrl: \"./async-dropdown.component.html\",\n styleUrls: [\"./async-dropdown.component.scss\"]\n})\nexport class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {\n constructor(private overlay: Overlay, private viewContainerRef: ViewContainerRef, private _ngZone: NgZone) { }\n @Input() height;\n @Input() size: 'md' \| 'sm' = 'md'\n @Input() httpStream!: (searchKey: string) => Observable<IListData>; // function that returns an httpobservable\n @Input() displayKey!: string; // string to show value in list\n @Input() secondaryDisplayKey!: string; // string to display secondary value\n @Input() placeholder = \"Select\"; // placeholder for input\n @Input() debounceTime = 400; // wait time till which API call is paused\n @Input() minInputLength = 2; // min length after which API call is made\n @Input() multi = false; // maintain a list or emit value\n @Input() uniqueKey: string; // for identifying unique values\n @Input() control: AbstractControl \| null; // form control for reactive forms\n @Input() disabled: boolean; // disable actions on component\n @Input() readonly: boolean; // make component readonly\n @ViewChild(\"ddBtn\", { static: false }) origin: ElementRef;\n @ViewChild(\"input\", { static: false }) input: ElementRef;\n @ViewChild(\"dd\", { static: false }) dd: TemplateRef<Element>;\n @ContentChild(\"misCustomItem\", { static: false })\n customItem: TemplateRef<Element>;\n @ContentChild(\"asyncCustomLoader\", { static: false})\n customLoader: TemplateRef<Element>;\n // tslint:disable-next-line\n @Output() onSelect: EventEmitter<IListData \| IListData[]> = new EventEmitter(true); // emit selected values\n searchInput: UntypedFormControl = new UntypedFormControl();\n data: IListData[] = [];\n opened = false;\n loading: boolean = false;\n error: boolean = false;\n // tslint:disable-next-line\n selections: Map<string, any> = new Map();\n private searchSubscription: Subscription;\n private overlayRef: OverlayRef;\n controlSubscription: Subscription \| undefined;\n @Input() searchValue;\n @Output() searchQueryChange = new EventEmitter<string>()\n @Output() clear: EventEmitter<boolean> = new EventEmitter(false);\n @Output() itemSelected = new EventEmitter<IListData>()\n @Output() itemRemoved = new EventEmitter<IListData>()\n ngOnInit(): void {\n if (this.multi && !this.uniqueKey) {\n throw new Error(\"[uniqueKey] required in multi mode.\");\n }\n if (this.disabled) {\n this.searchInput.disable();\n }\n this.searchSubscription = this.searchInput.valueChanges\n .pipe(\n // filter(val => val && val.length >= this.minInputLength),\n tap((val) => this.searchQueryChange.emit(val)),\n debounceTime(this.debounceTime),\n distinctUntilChanged()\n )\n .subscribe(res => {\n this._ngZone.run(() => {\n if (res?.length < this.minInputLength \|\| !res?.length) {\n this.closeDropdown();\n return;\n } else if (res?.length > this.minInputLength && this.httpStream) {\n this.loading = true;\n this.error = false;\n if(!this.overlayRef?.hasAttached())\n this.openDropdown(this.dd, this.origin.nativeElement);\n this.httpStream(res).subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && list.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n })\n });\n if (this.control?.value) {\n this.handleControlChanges(this.control.value);\n }\n this.controlSubscription = this.control?.valueChanges.subscribe(this.handleControlChanges);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes?.searchValue?.currentValue) {\n this.searchInput.patchValue(changes.searchValue.currentValue);\n }\n if (changes && changes.disabled) {\n this.searchInput.enable();\n if (this.disabled) {\n this.searchInput.disable();\n }\n }\n }\n\n ngOnDestroy(): void {\n this.searchSubscription?.unsubscribe();\n }\n\n private handleControlChanges = (values: IListData[]) => {\n values.forEach(el => {\n this.selectData(el, true);\n });\n // tslint:disable-next-line\n };\n\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement): void {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions([\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }),\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" })\n ])\n .withPush(true);\n\n const configs = new OverlayConfig({\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth\n });\n this.overlayRef = this.overlay.create(configs);\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(res => {\n this.closeDropdown();\n });\n }\n\n /*\n closes the dropdown\n /\n closeDropdown(): void {\n this.opened = false;\n this.overlayRef?.detach();\n this.data = [];\n }\n\n /\n \n * @param item item to select\n * if item property disabled is set to true, selection will be disabled\n * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input\n /\n selectData(item: IListData, effectedFromOutside = true): void {\n if (item.disabled) {\n return;\n }\n this.itemSelected.emit(item)\n if (!this.multi) {\n this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });\n this.setControlValue(item);\n } else {\n if (!this.selections.has(item[this.uniqueKey])) {\n this.selections.set(item[this.uniqueKey], item);\n }\n this.setControlValue(this.selectedItems);\n if (!effectedFromOutside) {\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.input.nativeElement.scrollIntoView();\n }, 10);\n }\n this.searchInput.patchValue(\"\");\n this.data = [];\n }\n this.closeDropdown();\n }\n\n /\n \n * @param item remove item from selected list\n /\n removeItem(item: IListData): void {\n this.itemRemoved.emit(item)\n this.selections.delete(item[this.uniqueKey]);\n this.setControlValue(this.selectedItems);\n // tslint:disable-next-line\n this.input[\"nativeElement\"].focus();\n }\n\n private setControlValue(value: IListData): void {\n this.onSelect.emit(value);\n this.control?.patchValue(value, { emitEvent: false });\n }\n\n /\n @returns list of selected items\n /\n get selectedItems(): Array<IListData> {\n return Array.from(this.selections.values());\n }\n\n removeInputValue() {\n this.searchInput.reset();\n this.data = [];\n this.clear.emit(true);\n }\n}\n","<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","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { LoaderModule } from \"mis-crystal-design-system/loader\";\nimport { AsyncDropdownComponent } from \"./async-dropdown.component\";\n\n@NgModule({\n declarations: [AsyncDropdownComponent],\n imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule, LoaderModule],\n exports: [AsyncDropdownComponent]\n})\nexport class AsyncDropdownModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-async-search-dropdown.mjs","sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.component.html","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts","../../../projects/mis-components/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.ts"],"sourcesContent":["import { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport {\n AfterViewInit,\n Component,\n ContentChild,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n NgZone,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n TemplateRef,\n ViewChild,\n ViewContainerRef\n} from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\nimport { Observable, Subscription } from \"rxjs\";\nimport { debounceTime, distinctUntilChanged, filter, tap } from \"rxjs/operators\";\n\n// tslint:disable-next-line\ntype IListData = any;\n\n@Component({\n selector: \"mis-async-search-dropdown\",\n templateUrl: \"./async-dropdown.component.html\",\n styleUrls: [\"./async-dropdown.component.scss\"]\n})\nexport class AsyncDropdownComponent implements OnInit, OnChanges, OnDestroy {\n constructor(private overlay: Overlay, private viewContainerRef: ViewContainerRef, private _ngZone: NgZone) { }\n @Input() height;\n @Input() size: 'md' \| 'sm' = 'md'\n @Input() httpStream!: (searchKey: string) => Observable<IListData>; // function that returns an httpobservable\n @Input() displayKey!: string; // string to show value in list\n @Input() secondaryDisplayKey!: string; // string to display secondary value\n @Input() placeholder = \"Select\"; // placeholder for input\n @Input() debounceTime = 400; // wait time till which API call is paused\n @Input() minInputLength = 2; // min length after which API call is made\n @Input() multi = false; // maintain a list or emit value\n @Input() uniqueKey: string; // for identifying unique values\n @Input() control: AbstractControl \| null; // form control for reactive forms\n @Input() disabled: boolean; // disable actions on component\n @Input() readonly: boolean; // make component readonly\n @ViewChild(\"ddBtn\", { static: false }) origin: ElementRef;\n @ViewChild(\"input\", { static: false }) input: ElementRef;\n @ViewChild(\"dd\", { static: false }) dd: TemplateRef<Element>;\n @ContentChild(\"misCustomItem\", { static: false })\n customItem: TemplateRef<Element>;\n @ContentChild(\"asyncCustomLoader\", { static: false})\n customLoader: TemplateRef<Element>;\n // tslint:disable-next-line\n @Output() onSelect: EventEmitter<IListData \| IListData[]> = new EventEmitter(true); // emit selected values\n searchInput: UntypedFormControl = new UntypedFormControl();\n data: IListData[] = [];\n opened = false;\n loading: boolean = false;\n error: boolean = false;\n // tslint:disable-next-line\n selections: Map<string, any> = new Map();\n private searchSubscription: Subscription;\n private overlayRef: OverlayRef;\n controlSubscription: Subscription \| undefined;\n @Input() searchValue;\n @Output() searchQueryChange = new EventEmitter<string>()\n @Output() clear: EventEmitter<boolean> = new EventEmitter(false);\n @Output() itemSelected = new EventEmitter<IListData>()\n @Output() itemRemoved = new EventEmitter<IListData>()\n ngOnInit(): void {\n if (this.multi && !this.uniqueKey) {\n throw new Error(\"[uniqueKey] required in multi mode.\");\n }\n if (this.disabled) {\n this.searchInput.disable();\n }\n this.searchSubscription = this.searchInput.valueChanges\n .pipe(\n // filter(val => val && val.length >= this.minInputLength),\n tap((val) => this.searchQueryChange.emit(val)),\n debounceTime(this.debounceTime),\n distinctUntilChanged()\n )\n .subscribe(res => {\n this._ngZone.run(() => {\n if (res?.length < this.minInputLength \|\| !res?.length) {\n this.closeDropdown();\n return;\n } else if (res?.length > this.minInputLength && this.httpStream) {\n this.loading = true;\n this.error = false;\n if(!this.overlayRef?.hasAttached())\n this.openDropdown(this.dd, this.origin.nativeElement);\n this.httpStream(res).subscribe(list => {\n this.loading = false;\n this.data = list;\n if (!this.overlayRef?.hasAttached() && list.length > 0) {\n this.openDropdown(this.dd, this.origin.nativeElement);\n }\n }, error => {\n this.loading = false;\n this.error = true;\n });\n }\n })\n });\n if (this.control?.value) {\n this.handleControlChanges(this.control.value);\n }\n this.controlSubscription = this.control?.valueChanges.subscribe(this.handleControlChanges);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes && changes?.searchValue?.currentValue) {\n this.searchInput.patchValue(changes.searchValue.currentValue);\n }\n if (changes && changes.disabled) {\n this.searchInput.enable();\n if (this.disabled) {\n this.searchInput.disable();\n }\n }\n }\n\n ngOnDestroy(): void {\n this.searchSubscription?.unsubscribe();\n }\n\n private handleControlChanges = (values: IListData[]) => {\n values.forEach(el => {\n this.selectData(el, true);\n });\n // tslint:disable-next-line\n };\n\n private openDropdown(template: TemplateRef<Element>, origin: HTMLElement): void {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(origin)\n .withPositions([\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }),\n new ConnectionPositionPair({ originX: \"start\", originY: \"top\" }, { overlayX: \"start\", overlayY: \"bottom\" })\n ])\n .withPush(true);\n\n const configs = new OverlayConfig({\n hasBackdrop: true,\n backdropClass: \"cdk-overlay-transparent-backdrop\",\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n positionStrategy,\n width: origin.clientWidth\n });\n this.overlayRef = this.overlay.create(configs);\n this.overlayRef.attach(new TemplatePortal(template, this.viewContainerRef));\n this.overlayRef.backdropClick().subscribe(res => {\n this.closeDropdown();\n });\n }\n\n /*\n closes the dropdown\n /\n closeDropdown(): void {\n this.opened = false;\n this.overlayRef?.detach();\n this.data = [];\n }\n\n /\n \n * @param item item to select\n * if item property disabled is set to true, selection will be disabled\n * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input\n /\n selectData(item: IListData, effectedFromOutside = true): void {\n if (item.disabled) {\n return;\n }\n this.itemSelected.emit(item)\n if (!this.multi) {\n this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });\n this.setControlValue(item);\n } else {\n if (!this.selections.has(item[this.uniqueKey])) {\n this.selections.set(item[this.uniqueKey], item);\n }\n this.setControlValue(this.selectedItems);\n if (!effectedFromOutside) {\n setTimeout(() => {\n this.input.nativeElement.focus();\n this.input.nativeElement.scrollIntoView();\n }, 10);\n }\n this.searchInput.patchValue(\"\");\n this.data = [];\n }\n this.closeDropdown();\n }\n\n /\n \n * @param item remove item from selected list\n /\n removeItem(item: IListData): void {\n this.itemRemoved.emit(item)\n this.selections.delete(item[this.uniqueKey]);\n this.setControlValue(this.selectedItems);\n // tslint:disable-next-line\n this.input[\"nativeElement\"].focus();\n }\n\n private setControlValue(value: IListData): void {\n this.onSelect.emit(value);\n this.control?.patchValue(value, { emitEvent: false });\n }\n\n /\n @returns list of selected items\n /\n get selectedItems(): Array<IListData> {\n return Array.from(this.selections.values());\n }\n\n removeInputValue() {\n this.searchInput.reset();\n this.data = [];\n this.clear.emit(true);\n }\n}\n","<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","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { LoaderModule } from \"mis-crystal-design-system/loader\";\nimport { AsyncDropdownComponent } from \"./async-dropdown.component\";\n\n@NgModule({\n declarations: [AsyncDropdownComponent],\n imports: [CommonModule, OverlayModule, ReactiveFormsModule, FormsModule, LoaderModule],\n exports: [AsyncDropdownComponent]\n})\nexport class AsyncDropdownModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-button.mjs CHANGED Viewed

@@ -24,10 +24,10 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ButtonComponent, selector: "mis-button", inputs: { name: "name", type: "type", size: "size", width: "width", showIcon: "showIcon", iconUrl: "iconUrl", iconPosition: "iconPosition", disabled: "disabled", disableLeftBorderRadius: "disableLeftBorderRadius", disableRightBorderRadius: "disableRightBorderRadius" }, outputs: { click: "click" }, ngImport: i0, 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: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.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:0px;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-feature-settings:normal;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:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";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:#FFFFFF}.outline:hover:enabled{background:#F0F3FA}.outline:active:enabled{background:#DAE1F3}.outline:disabled{color:#929dab;border:1px solid #929DAB}.text{color:#181f33;background:#FFFFFF}.text:hover:enabled{background:#F0F3FA}.text:active:enabled{background:#DAE1F3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: ButtonComponent, selector: "mis-button", inputs: { name: "name", type: "type", size: "size", width: "width", showIcon: "showIcon", iconUrl: "iconUrl", iconPosition: "iconPosition", disabled: "disabled", disableLeftBorderRadius: "disableLeftBorderRadius", disableRightBorderRadius: "disableRightBorderRadius" }, outputs: { click: "click" }, ngImport: i0, 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:#ffffff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#ffffff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: 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: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.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:0px;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-feature-settings:normal;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:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";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:#FFFFFF}.outline:hover:enabled{background:#F0F3FA}.outline:active:enabled{background:#DAE1F3}.outline:disabled{color:#929dab;border:1px solid #929DAB}.text{color:#181f33;background:#FFFFFF}.text:hover:enabled{background:#F0F3FA}.text:active:enabled{background:#DAE1F3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:16px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}\n"] }]
+            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:#ffffff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#ffffff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-style:normal;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.5px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-style:normal;font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px}.large-mobile{height:44px;padding:12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;border-radius:8px;font-style:normal;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.1px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { name: [{
                 type: Input
             }], type: [{

package/fesm2020/mis-crystal-design-system-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-button.mjs","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.component.html","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef } from \"@angular/core\";\n\n@Component({\n selector: \"mis-button\",\n templateUrl: \"./button.component.html\",\n styleUrls: [\"./button.component.scss\"]\n})\nexport class ButtonComponent implements OnInit {\n @Input() name: string = \"Enabled\";\n @Input() type: \"Solid\" \| \"Outline\" \| \"Text\" = \"Solid\";\n @Input() size: \"Small\" \| \"Medium\" \| \"Large\" \| \"Small-M\" \| \"Large-M\" = \"Medium\";\n @Input() width: string = \"\";\n\n @Input() showIcon: boolean = false;\n @Input() iconUrl: string = \"\";\n @Input() iconPosition: \"Left\" \| \"Right\" = \"Left\";\n\n @Input() disabled: boolean = false;\n @Input() disableLeftBorderRadius: boolean = false;\n @Input() disableRightBorderRadius: boolean = false;\n\n /** Emits event when button is clicked /\n @Output() click = new EventEmitter<any>();\n\n constructor() {}\n\n ngOnInit() {}\n\n onClick(event) {\n this.click.emit(event);\n }\n}\n","<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","import { AfterViewInit, Directive, ElementRef, HostBinding, Input, Renderer2 } from \"@angular/core\";\n\n@Directive({\n selector: \"[mis-button]\"\n})\nexport class ButtonDirective implements AfterViewInit {\n @Input() type: \"primary\" \| \"outline\" \| \"none\" = \"none\";\n @Input() size: \"sm\" \| \"md\" \| \"lg\" = \"md\";\n @HostBinding(\"class\") elementClass = \"mis-btn\";\n\n constructor(private el: ElementRef, private renderer: Renderer2) {}\n\n ngAfterViewInit(): void {\n this.bindTypeClass();\n this.bindSizeClass();\n }\n\n private bindTypeClass(): void {\n let className = \"\";\n switch (this.type) {\n case \"primary\":\n className = \"mis-primary\";\n break;\n case \"outline\":\n className = \"mis-outline\";\n break;\n default:\n className = \"mis-none\";\n }\n this.renderer.addClass(this.el.nativeElement, className);\n }\n\n private bindSizeClass(): void {\n let className = \"\";\n switch (this.size) {\n case \"lg\":\n className = \"mis-btn-lg\";\n break;\n case \"sm\":\n className = \"mis-btn-sm\";\n break;\n default:\n className = \"mis-btn-md\";\n }\n this.renderer.addClass(this.el.nativeElement, className);\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonDirective } from \"./button.directive\";\nimport { ButtonComponent } from \"./button.component\";\n\n@NgModule({\n declarations: [ButtonComponent, ButtonDirective],\n imports: [CommonModule],\n exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n static forRoot(): ModuleWithProviders<ButtonModule> {\n return { ngModule: ButtonModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAiB1B,IAAA,WAAA,GAAA;QAhBS,IAAI,CAAA,IAAA,GAAW,SAAS,CAAC;QACzB,IAAI,CAAA,IAAA,GAAiC,OAAO,CAAC;QAC7C,IAAI,CAAA,IAAA,GAAyD,QAAQ,CAAC;QACtE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAEnB,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAC1B,IAAO,CAAA,OAAA,GAAW,EAAE,CAAC;QACrB,IAAY,CAAA,YAAA,GAAqB,MAAM,CAAC;QAExC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAC1B,IAAuB,CAAA,uBAAA,GAAY,KAAK,CAAC;QACzC,IAAwB,CAAA,wBAAA,GAAY,KAAK,CAAC;;AAGzC,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAO,CAAC;KAE1B;AAEhB,IAAA,QAAQ,MAAK;AAEb,IAAA,OAAO,CAAC,KAAK,EAAA;AACX,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACxB;;6GAvBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,6VCP5B,o8BA6BA,EAAA,MAAA,EAAA,CAAA,~~ihtBAAA,~~CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDtBa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,o8BAAA,EAAA,MAAA,EAAA,CAAA,~~ihtBAAA,~~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"}
1	+ {"version":3,"file":"mis-crystal-design-system-button.mjs","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.component.html","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef } from \"@angular/core\";\n\n@Component({\n selector: \"mis-button\",\n templateUrl: \"./button.component.html\",\n styleUrls: [\"./button.component.scss\"]\n})\nexport class ButtonComponent implements OnInit {\n @Input() name: string = \"Enabled\";\n @Input() type: \"Solid\" \| \"Outline\" \| \"Text\" = \"Solid\";\n @Input() size: \"Small\" \| \"Medium\" \| \"Large\" \| \"Small-M\" \| \"Large-M\" = \"Medium\";\n @Input() width: string = \"\";\n\n @Input() showIcon: boolean = false;\n @Input() iconUrl: string = \"\";\n @Input() iconPosition: \"Left\" \| \"Right\" = \"Left\";\n\n @Input() disabled: boolean = false;\n @Input() disableLeftBorderRadius: boolean = false;\n @Input() disableRightBorderRadius: boolean = false;\n\n /** Emits event when button is clicked /\n @Output() click = new EventEmitter<any>();\n\n constructor() {}\n\n ngOnInit() {}\n\n onClick(event) {\n this.click.emit(event);\n }\n}\n","<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","import { AfterViewInit, Directive, ElementRef, HostBinding, Input, Renderer2 } from \"@angular/core\";\n\n@Directive({\n selector: \"[mis-button]\"\n})\nexport class ButtonDirective implements AfterViewInit {\n @Input() type: \"primary\" \| \"outline\" \| \"none\" = \"none\";\n @Input() size: \"sm\" \| \"md\" \| \"lg\" = \"md\";\n @HostBinding(\"class\") elementClass = \"mis-btn\";\n\n constructor(private el: ElementRef, private renderer: Renderer2) {}\n\n ngAfterViewInit(): void {\n this.bindTypeClass();\n this.bindSizeClass();\n }\n\n private bindTypeClass(): void {\n let className = \"\";\n switch (this.type) {\n case \"primary\":\n className = \"mis-primary\";\n break;\n case \"outline\":\n className = \"mis-outline\";\n break;\n default:\n className = \"mis-none\";\n }\n this.renderer.addClass(this.el.nativeElement, className);\n }\n\n private bindSizeClass(): void {\n let className = \"\";\n switch (this.size) {\n case \"lg\":\n className = \"mis-btn-lg\";\n break;\n case \"sm\":\n className = \"mis-btn-sm\";\n break;\n default:\n className = \"mis-btn-md\";\n }\n this.renderer.addClass(this.el.nativeElement, className);\n }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { ButtonDirective } from \"./button.directive\";\nimport { ButtonComponent } from \"./button.component\";\n\n@NgModule({\n declarations: [ButtonComponent, ButtonDirective],\n imports: [CommonModule],\n exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n static forRoot(): ModuleWithProviders<ButtonModule> {\n return { ngModule: ButtonModule, providers: [] };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/mis-crystal-design-system-checkbox.mjs CHANGED Viewed

@@ -64,10 +64,10 @@ class CheckboxComponent {
     }
 }
 CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CheckboxComponent, selector: "mis-checkbox", inputs: { type: "type", indeterminate: "indeterminate", checked: "checked", disabled: "disabled", name: "name", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "inputBox", first: true, predicate: ["input"], descendants: true }], ngImport: i0, 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: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.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:0px;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-feature-settings:normal;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:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:20px;width:20px}.checkmark{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;height:20px;width:20px;border-radius:4px;background-color:#fff;border:solid 2px #6A737D;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus-within,.checkmark:focus{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 #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0px;border:solid #FFFFFF;border-width:0 0px 12px 0;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 #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0px;border:solid #FFFFFF;border-width:0 0px 12px 0;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus-within,.error:focus{box-shadow:none!important;outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: CheckboxComponent, selector: "mis-checkbox", inputs: { type: "type", indeterminate: "indeterminate", checked: "checked", disabled: "disabled", name: "name", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "inputBox", first: true, predicate: ["input"], descendants: true }], ngImport: i0, 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;user-select:none;vertical-align:sub}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:20px;width:20px}.checkmark{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;height:20px;width:20px;border-radius:4px;background-color:#fff;border:solid 2px #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus-within,.checkmark:focus{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 white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0px;border:solid white;border-width:0 0px 12px 0;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 white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0px;border:solid white;border-width:0 0px 12px 0;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus-within,.error:focus{box-shadow:none!important;outline:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: 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: [":root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-disabled: #929DAB;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0px}.h2{font-size:32px;line-height:40px;font-weight:400;letter-spacing:0px}.h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:0px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0px}.h5-b{font-weight:700;letter-spacing:.25px;font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px;font-size:20px;line-height:28px}.h6-b{font-weight:700;letter-spacing:0px;font-size:16px;line-height:24px}.h6{font-size:16px;line-height:24;font-weight:400;letter-spacing:0px}.p{font-size:16px;line-height:180%;font-weight:400;letter-spacing:0px}.h7-b{font-weight:700;letter-spacing:.25px;font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px;font-size:14px;line-height:20px}.h8-b{font-weight:700;letter-spacing:.25px;font-size:12px;line-height:18px}.h8{font-weight:400;letter-spacing:.2px;font-size:12px;line-height:18px}.h9{font-size:10px;line-height:15px;font-weight:400;letter-spacing:0px}.btn-lg-b{font-size:16px;line-height:24px;font-weight:700;letter-spacing:.5px}.btn-lg{font-weight:400;letter-spacing:.2px;font-size:16px;line-height:24px}.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:0px;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-feature-settings:normal;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:\"\\e90c\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\\ea1a\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\\ea1b\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\\ea28\"}.icon-ic-action-average-trips:before{content:\"\\ea29\"}.icon-ic-action-EV-vehicle:before{content:\"\\ea2e\"}.icon-ic-action-total-trips:before{content:\"\\ea2f\"}.icon-ic-ui-front-desk-24:before{content:\"\\ea26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\\ea27\"}.icon-ic-ETS-OTA-16:before{content:\"\\ea24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\\ea25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\\ea23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\\e900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\\e901\"}.icon-ic-geo-fence-violation-16:before{content:\"\\e902\"}.icon-ic-map-pin-16:before{content:\"\\e903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\\e904\"}.icon-ic-SOS-mobile-16:before{content:\"\\e905\"}.icon-ic-speeding-16:before{content:\"\\e906\"}.icon-ic-tamper-alert-16:before{content:\"\\e907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\\e908\"}.icon-ic-vehicle-stopage-16:before{content:\"\\e909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\\e90a\"}.icon-ic-woman-travelling-alone-16:before{content:\"\\ea22\"}.icon-ic-ets-adhoc-32:before{content:\"\\e90b\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\\e90d\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\\e90e\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\\ea1c\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\\e90f\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\\ea1d\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\\ea00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\\ea01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\\ea02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\\ea03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\\ea04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\\ea05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\\ea06\"}.icon-ic-ets-bus-24-1:before{content:\"\\ea07\"}.icon-ic-ets-bus-24-2:before{content:\"\\ea08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\\ea0b\"}.icon-ic-ets-cloud-off-24:before{content:\"\\ea0c\"}.icon-ic-ets-walking-man-24:before{content:\"\\ea0d\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\\ea0e\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\\ea0f\"}.icon-ic-ui-seperator-16:before{content:\"\\e94c\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\\e910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\\ea1e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\\e911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\\ea1f\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\\ea20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\\ea21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\\e920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\\e921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\\e922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\\e92b\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\\e938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\\e939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\\e952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\\e96e\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\\e96f\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\\e970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\\e971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\\e972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\\e973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\\e974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\\e975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\\e976\"}.icon-ic-navigation-collapse-16:before{content:\"\\e979\"}.icon-ic-navigation-expand-16:before{content:\"\\e989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\\e98a\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\\e98b\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\\e98d\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\\e98e\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\\e9b2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\\e9b3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\\e9b6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\\e9bd\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\\e9c1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\\e9c2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\\e9c7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\\e9d1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\\e9d5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\\e9d6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\\e9eb\"}.icon-ic-ui-error-24:before{content:\"\\e9f4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\\e9f5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\\e9fc\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\\e9fd\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\\e9fe\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\\e9ff\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\\e9f0\"}.icon-ic-ui-overlap-16:before{content:\"\\e9f1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\\e9f2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\\e9f3\"}.icon-ic-rep-booking-16:before{content:\"\\e9f6\"}.icon-ic-ui-arrow-16:before{content:\"\\e9f7\"}.icon-ic-ui-filters2-16:before{content:\"\\e9f8\"}.icon-ic-ui-nonveg-16:before{content:\"\\e9f9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\\e9fa\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\\e9fb\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\\e9ca\"}.icon-ic-ui-Phone-24-1:before{content:\"\\e9cb\"}.icon-ic-ui-Phone-24:before{content:\"\\e9cc\"}.icon-ic-ui-Name-24:before{content:\"\\e9cd\"}.icon-ic-ui-transport-cab-24:before{content:\"\\e9ce\"}.icon-ic-ui-info-24:before{content:\"\\e9cf\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\\e9d0\"}.icon-ic-ui-action-24:before{content:\"\\e9d2\"}.icon-ic-ui-approvals-24:before{content:\"\\e9d3\"}.icon-ic-ui-approvals2-24:before{content:\"\\e9d4\"}.icon-ic-ui-fast-24:before{content:\"\\e9d7\"}.icon-ic-ui-transport-24:before{content:\"\\e9d8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\\e9d9\"}.icon-ic-image-24:before{content:\"\\e9da\"}.icon-ic-ui-bike-24:before{content:\"\\e9db\"}.icon-ic-ui-car-24:before{content:\"\\e9dc\"}.icon-ic-ui-description-24:before{content:\"\\e9dd\"}.icon-ic-ui-email-24-1:before{content:\"\\e9de\"}.icon-ic-ui-format-bullet-24:before{content:\"\\e9df\"}.icon-ic-ui-format-number-24:before{content:\"\\e9e0\"}.icon-ic-ui-help-24:before{content:\"\\e9e1\"}.icon-ic-ui-location-24:before{content:\"\\e9e2\"}.icon-ic-ui-location-searching-24:before{content:\"\\e9e3\"}.icon-ic-ui-meal-241:before{content:\"\\e9e4\"}.icon-ic-ui-on-call-24:before{content:\"\\e9e5\"}.icon-ic-ui-person-24:before{content:\"\\e9e6\"}.icon-ic-ui-pie-24:before{content:\"\\e9e7\"}.icon-ic-ui-question-24:before{content:\"\\e9e8\"}.icon-ic-ui-request-24:before{content:\"\\e9e9\"}.icon-ic-ui-seat-24:before{content:\"\\e9ea\"}.icon-ic-ui-trend-down-24:before{content:\"\\e9ec\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\\e9ed\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\\e9ee\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\\e9ef\"}.icon-ic-nre-check-24:before{content:\"\\e9c4\"}.icon-ic-nre-flag-24:before{content:\"\\e9c5\"}.icon-ic-nre-notification-24:before{content:\"\\e9c6\"}.icon-ic-nre-push-pin-24:before{content:\"\\e9c8\"}.icon-ic-nre-wash-24:before{content:\"\\e9c9\"}.icon-ic-nrs-security-24:before{content:\"\\e9b8\"}.icon-ic-nrs-billing-24:before{content:\"\\e9b9\"}.icon-ic-nrs-downloads-24:before{content:\"\\e9ba\"}.icon-ic-nrs-loader-16:before{content:\"\\e9bb\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\\e9bc\"}.icon-ic-nrs-refersh-24:before{content:\"\\e9be\"}.icon-ic-nrs-sanitize-24:before{content:\"\\e9bf\"}.icon-ic-nrs-score-card-24:before{content:\"\\e9c0\"}.icon-ic-nrs-view-24:before{content:\"\\e9c3\"}.icon-ic-device-24:before{content:\"\\e9b0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\\e9b1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\\e9b4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\\e9b5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\\ea2a\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\\ea2b\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\\ea2c\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\\e9b7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\\ea2d\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\\e9ae\"}.icon-ic-vendor-24:before{content:\"\\e9af\"}.icon-ic-naviation-directions-24:before{content:\"\\e9a5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\\e9a6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\\e9a7\"}.icon-ic-navigation-cancel-24:before{content:\"\\e9a8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\\e9a9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\\e9aa\"}.icon-ic-navigation-drop-down-24:before{content:\"\\e9ab\"}.icon-ic-navigation-expand-less-24:before{content:\"\\e9ac\"}.icon-ic-ui-check-24:before{content:\"\\e9ad\"}.icon-ic-nav-meeting-fill-24:before{content:\"\\e994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\\e995\"}.icon-ic-mr-building-24:before{content:\"\\e996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\\e997\"}.icon-ic-mr-fridge-24:before{content:\"\\e998\"}.icon-ic-mr-guestwifi-24:before{content:\"\\e999\"}.icon-ic-mr-ip-phones-24:before{content:\"\\e99a\"}.icon-ic-mr-mic-24:before{content:\"\\e99b\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\\e99c\"}.icon-ic-mr-speakerphones-24:before{content:\"\\e99d\"}.icon-ic-mr-stationary-24:before{content:\"\\e99e\"}.icon-ic-mr-tv-24:before{content:\"\\e99f\"}.icon-ic-mr-video-conferencing-24:before{content:\"\\e9a0\"}.icon-ic-mr-whiteboard-24:before{content:\"\\e9a1\"}.icon-ic-mr-wing-24:before{content:\"\\e9a2\"}.icon-ic-nav-seat-02-24:before{content:\"\\e9a3\"}.icon-ic-nav-seat-fill-24:before{content:\"\\e9a4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\\e96d\"}.icon-ic-map-current-24 .path1:before{content:\"\\e977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\\ea3e\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\\e978\"}.icon-ic-map-reposition-24:before{content:\"\\e97a\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\\e97b\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\\e97c\"}.icon-ic-new-icon-desk-management-24:before{content:\"\\e97d\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\\e97e\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\\e97f\"}.icon-ic-new-icon-health-risk-24:before{content:\"\\e980\"}.icon-ic-new-icon-key-24:before{content:\"\\e981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\\e982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\\e983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\\e984\"}.icon-ic-new-icons-User-group-24:before{content:\"\\e985\"}.icon-ic-ui-attendance:before{content:\"\\e986\"}.icon-ic-ui-cab-login:before{content:\"\\e987\"}.icon-ic-ui-cab-logout:before{content:\"\\e988\"}.icon-ic-ui-sign-in:before{content:\"\\e98c\"}.icon-request-2:before{content:\"\\e98f\"}.icon-seats-available:before{content:\"\\e990\";color:#5cc917}.icon-seats-booked:before{content:\"\\e991\";color:#039be5}.icon-seats-cancelled:before{content:\"\\e992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\\e993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\\e94a\"}.icon-ic-employee-rest:before{content:\"\\e94b\"}.icon-ic-nav-cancelled-24:before{content:\"\\e94d\"}.icon-ic-nav-desk-allocation-24:before{content:\"\\e94e\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\\e94f\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\\e950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\\e951\"}.icon-ic-nav-meetingroom-24:before{content:\"\\e953\"}.icon-ic-nav-office-24:before{content:\"\\e954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\\e955\"}.icon-ic-nav-report-24:before{content:\"\\e956\"}.icon-ic-nav-resource-grps-24:before{content:\"\\e957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\\e958\"}.icon-ic-nav-settings-24:before{content:\"\\e959\"}.icon-ic-nav-translate-24:before{content:\"\\e95a\"}.icon-ic-nav-unplanned-24:before{content:\"\\e95b\"}.icon-ic-nav-upload-24:before{content:\"\\e95c\"}.icon-ic-nav-user-24:before{content:\"\\e95d\"}.icon-ic-nav-user-grps-24:before{content:\"\\e95e\"}.icon-ic-nav-user-pemissions-24:before{content:\"\\e95f\"}.icon-ic-nav-utilisation-24:before{content:\"\\e960\"}.icon-ic-nav-vaccine-24:before{content:\"\\e961\"}.icon-ic-nav-visitor-management-24:before{content:\"\\e962\"}.icon-ic-nav-work-planner-24:before{content:\"\\e963\"}.icon-ic-nre-add-24:before{content:\"\\e964\"}.icon-ic-nre-deactivate-24:before{content:\"\\e965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\\e966\"}.icon-ic-sidebar-guard-24:before{content:\"\\e967\"}.icon-ic-sidebar-home-24:before{content:\"\\e968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\\e969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\\e96a\"}.icon-ic-sidebar-reception-24:before{content:\"\\e96b\"}.icon-ic-ui-pdf-24:before{content:\"\\e96c\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\\e92f\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\\e930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\\e931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\\e93a\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\\e93b\"}.icon-ic-ui-cab-24:before{content:\"\\e93c\"}.icon-ic-ui-calendar2-24:before{content:\"\\e93d\"}.icon-ic-ui-calender-24:before{content:\"\\e93e\"}.icon-ic-ui-email-24:before{content:\"\\e93f\"}.icon-ic-ui-home-24:before{content:\"\\e949\"}.icon-ic-ui-meal-24:before{content:\"\\e940\"}.icon-ic-ui-new_parking-24:before{content:\"\\e941\"}.icon-ic-ui-night-24:before{content:\"\\e942\"}.icon-ic-ui-office-24:before{content:\"\\e943\"}.icon-ic-ui-outofoffice-24:before{content:\"\\e944\"}.icon-ic-ui-parking-24:before{content:\"\\e945\"}.icon-ic-ui-phone-24:before{content:\"\\e946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\\e947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\\e948\"}.icon-ic-action-more-horiz-24:before{content:\"\\e912\"}.icon-ic-action-add-24:before{content:\"\\e913\"}.icon-ic-action-ascending-24:before{content:\"\\e914\"}.icon-ic-action-cached-24:before{content:\"\\e915\"}.icon-ic-action-calview-24:before{content:\"\\e916\"}.icon-ic-action-copy-link-24:before{content:\"\\e917\"}.icon-ic-action-delete-24:before{content:\"\\e918\"}.icon-ic-action-descending-24:before{content:\"\\e919\"}.icon-ic-action-download-24:before{content:\"\\e91a\"}.icon-ic-action-drag-24:before{content:\"\\e91b\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\\e91c\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\\e91d\"}.icon-ic-action-expand-24-1:before{content:\"\\e91e\"}.icon-ic-action-external-link-24:before{content:\"\\e91f\"}.icon-ic-action-favorite-24:before{content:\"\\e923\"}.icon-ic-action-filter-24:before{content:\"\\e924\"}.icon-ic-action-globe-24:before{content:\"\\e925\"}.icon-ic-action-history-24-1:before{content:\"\\e926\"}.icon-ic-action-history-24:before{content:\"\\e927\"}.icon-ic-action-info-24:before{content:\"\\e928\"}.icon-ic-action-invite-24:before{content:\"\\e929\"}.icon-ic-action-listview-24:before{content:\"\\e92a\"}.icon-ic-action-logout-24:before{content:\"\\e92c\"}.icon-ic-action-menu-24:before{content:\"\\e92d\"}.icon-ic-action-more-vert-24:before{content:\"\\e92e\"}.icon-ic-action-notif-2-24:before{content:\"\\e932\"}.icon-ic-action-notif-24:before{content:\"\\e933\"}.icon-ic-action-person-search-24:before{content:\"\\e934\"}.icon-ic-action-print-24:before{content:\"\\e935\"}.icon-ic-action-qr-24:before{content:\"\\e936\"}.icon-ic-action-refresh-24:before{content:\"\\e937\"}.icon-ic-action-remove-24:before{content:\"\\ea09\"}.icon-ic-action-search-24:before{content:\"\\ea0a\"}.icon-ic-action-see-more-24:before{content:\"\\ea10\"}.icon-ic-action-send-24:before{content:\"\\ea11\"}.icon-ic-action-share-24:before{content:\"\\ea12\"}.icon-ic-action-shift-time-24:before{content:\"\\ea13\"}.icon-ic-action-sort-24:before{content:\"\\ea14\"}.icon-ic-action-sort2-24:before{content:\"\\ea15\"}.icon-ic-action-switch-24:before{content:\"\\ea16\"}.icon-ic-action-upload-24:before{content:\"\\ea17\"}.icon-ic-action-visibility-24:before{content:\"\\ea18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\\ea19\";color:#6a737d}.checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:20px;width:20px}.checkmark{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;height:20px;width:20px;border-radius:4px;background-color:#fff;border:solid 2px #6A737D;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus-within,.checkmark:focus{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 #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0px;border:solid #FFFFFF;border-width:0 0px 12px 0;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 #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0px;border:solid #FFFFFF;border-width:0 0px 12px 0;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus-within,.error:focus{box-shadow:none!important;outline:none}\n"] }]
+            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;user-select:none;vertical-align:sub}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:20px;width:20px}.checkmark{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;height:20px;width:20px;border-radius:4px;background-color:#fff;border:solid 2px #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus-within,.checkmark:focus{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 white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0px;border:solid white;border-width:0 0px 12px 0;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 white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0px;border:solid white;border-width:0 0px 12px 0;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus-within,.error:focus{box-shadow:none!important;outline:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { inputBox: [{
                 type: ViewChild,
                 args: ["input"]

package/fesm2020/mis-crystal-design-system-checkbox.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-checkbox.mjs","sources":["../../../projects/mis-components/checkbox/checkbox.component.ts","../../../projects/mis-components/checkbox/checkbox.component.html","../../../projects/mis-components/checkbox/checkbox.module.ts","../../../projects/mis-components/checkbox/mis-crystal-design-system-checkbox.ts"],"sourcesContent":["import { Component, OnInit, EventEmitter, Input, Output, ViewChild, ElementRef, Renderer2 } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-checkbox\",\n templateUrl: \"./checkbox.component.html\",\n styleUrls: [\"./checkbox.component.scss\"]\n})\nexport class CheckboxComponent implements OnInit {\n public isError: boolean = false;\n public isIndeterminate: boolean = false;\n\n @ViewChild(\"input\") inputBox: ElementRef;\n @Input() set type(value: \"Default\" \| \"Error\") {\n this.isError = value === \"Error\";\n }\n @Input() set indeterminate(value: boolean) {\n if (value) {\n this.formControl.setValue(true);\n this.valueChange.emit({\n name: this.name,\n value: true\n });\n } else {\n this.formControl.setValue(false);\n this.valueChange.emit({\n name: this.name,\n value: false\n });\n }\n this.isIndeterminate = value;\n }\n @Input() set checked(value: boolean) {\n if (value) this.formControl.setValue(true);\n else this.formControl.setValue(false);\n }\n @Input() set disabled(value: boolean) {\n if (value) this.formControl.disable();\n else this.formControl.enable();\n }\n @Input() name: string = \"\";\n @Input() formControl: AbstractControl = new UntypedFormControl();\n @Output() valueChange = new EventEmitter<{ name: string; value: boolean }>();\n\n constructor() {}\n ngOnInit() {}\n\n toggleState() {\n if (this.isIndeterminate) {\n this.isIndeterminate = false;\n this.formControl.setValue(true);\n } else {\n if (this.formControl.value) this.formControl.setValue(false);\n else this.formControl.setValue(true);\n }\n this.valueChange.emit({\n name: this.name,\n value: this.formControl.value\n });\n }\n}\n","<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","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { CheckboxComponent } from \"./checkbox.component\";\n\n@NgModule({\n declarations: [CheckboxComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [CheckboxComponent]\n})\nexport class CheckboxModule {\n static forRoot(): ModuleWithProviders<CheckboxModule> {\n return { ngModule: CheckboxModule, providers: [] };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAQa,iBAAiB,CAAA;AAoC5B,IAAA,WAAA,GAAA;QAnCO,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QACzB,IAAe,CAAA,eAAA,GAAY,KAAK,CAAC;QA8B/B,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;AAClB,QAAA,IAAA,CAAA,WAAW,GAAoB,IAAI,kBAAkB,EAAE,CAAC;AACvD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAoC,CAAC;KAE7D;IA/BhB,IAAa,IAAI,CAAC,KAA0B,EAAA;AAC1C,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;KAClC;IACD,IAAa,aAAa,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAChC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA,CAAC,CAAC;AACJ,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBACpB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,gBAAA,KAAK,EAAE,KAAK;AACb,aAAA,CAAC,CAAC;AACJ,SAAA;AACD,QAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;KAC9B;IACD,IAAa,OAAO,CAAC,KAAc,EAAA;AACjC,QAAA,IAAI,KAAK;AAAE,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;AACtC,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACvC;IACD,IAAa,QAAQ,CAAC,KAAc,EAAA;AAClC,QAAA,IAAI,KAAK;AAAE,YAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;;AACjC,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;KAChC;AAMD,IAAA,QAAQ,MAAK;IAEb,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AAC7B,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjC,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK;AAAE,gBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;;AACxD,gBAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK;AAC9B,SAAA,CAAC,CAAC;KACJ;;+GAnDU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,8UCR9B,2uBAyBA,EAAA,MAAA,EAAA,CAAA,~~g5tBAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,uGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDjBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,cAAc,EAAA,QAAA,EAAA,2uBAAA,EAAA,MAAA,EAAA,CAAA,~~g5tBAAA~~,CAAA,EAAA,CAAA;0EAQJ,QAAQ,EAAA,CAAA;sBAA3B,SAAS;uBAAC,OAAO,CAAA;gBACL,IAAI,EAAA,CAAA;sBAAhB,KAAK;gBAGO,aAAa,EAAA,CAAA;sBAAzB,KAAK;gBAgBO,OAAO,EAAA,CAAA;sBAAnB,KAAK;gBAIO,QAAQ,EAAA,CAAA;sBAApB,KAAK;gBAIG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;ME/BI,cAAc,CAAA;AACzB,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACpD;;4GAHU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBAJV,iBAAiB,CAAA,EAAA,OAAA,EAAA,CACtB,YAAY,EAAE,mBAAmB,aACjC,iBAAiB,CAAA,EAAA,CAAA,CAAA;6GAEhB,cAAc,EAAA,OAAA,EAAA,CAHf,YAAY,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA;4FAGhC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;AACjC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;oBAC5C,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC7B,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
1	+ {"version":3,"file":"mis-crystal-design-system-checkbox.mjs","sources":["../../../projects/mis-components/checkbox/checkbox.component.ts","../../../projects/mis-components/checkbox/checkbox.component.html","../../../projects/mis-components/checkbox/checkbox.module.ts","../../../projects/mis-components/checkbox/mis-crystal-design-system-checkbox.ts"],"sourcesContent":["import { Component, OnInit, EventEmitter, Input, Output, ViewChild, ElementRef, Renderer2 } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-checkbox\",\n templateUrl: \"./checkbox.component.html\",\n styleUrls: [\"./checkbox.component.scss\"]\n})\nexport class CheckboxComponent implements OnInit {\n public isError: boolean = false;\n public isIndeterminate: boolean = false;\n\n @ViewChild(\"input\") inputBox: ElementRef;\n @Input() set type(value: \"Default\" \| \"Error\") {\n this.isError = value === \"Error\";\n }\n @Input() set indeterminate(value: boolean) {\n if (value) {\n this.formControl.setValue(true);\n this.valueChange.emit({\n name: this.name,\n value: true\n });\n } else {\n this.formControl.setValue(false);\n this.valueChange.emit({\n name: this.name,\n value: false\n });\n }\n this.isIndeterminate = value;\n }\n @Input() set checked(value: boolean) {\n if (value) this.formControl.setValue(true);\n else this.formControl.setValue(false);\n }\n @Input() set disabled(value: boolean) {\n if (value) this.formControl.disable();\n else this.formControl.enable();\n }\n @Input() name: string = \"\";\n @Input() formControl: AbstractControl = new UntypedFormControl();\n @Output() valueChange = new EventEmitter<{ name: string; value: boolean }>();\n\n constructor() {}\n ngOnInit() {}\n\n toggleState() {\n if (this.isIndeterminate) {\n this.isIndeterminate = false;\n this.formControl.setValue(true);\n } else {\n if (this.formControl.value) this.formControl.setValue(false);\n else this.formControl.setValue(true);\n }\n this.valueChange.emit({\n name: this.name,\n value: this.formControl.value\n });\n }\n}\n","<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","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { CheckboxComponent } from \"./checkbox.component\";\n\n@NgModule({\n declarations: [CheckboxComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [CheckboxComponent]\n})\nexport class CheckboxModule {\n static forRoot(): ModuleWithProviders<CheckboxModule> {\n return { ngModule: CheckboxModule, providers: [] };\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}