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

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

@@ -1,258 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/core'), require('@angular/forms'), require('rxjs/operators'), require('@angular/common'), require('mis-crystal-design-system/loader')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/async-search-dropdown', ['exports', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/core', '@angular/forms', 'rxjs/operators', '@angular/common', 'mis-crystal-design-system/loader'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system']['async-search-dropdown'] = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.ng.forms, global.rxjs.operators, global.ng.common, global['mis-crystal-design-system'].loader));
-}(this, (function (exports, overlay, portal, core, forms, operators, common, loader) { 'use strict';
-
-    var AsyncDropdownComponent = /** @class */ (function () {
-        function AsyncDropdownComponent(overlay, viewContainerRef, _ngZone) {
-            var _this = this;
-            this.overlay = overlay;
-            this.viewContainerRef = viewContainerRef;
-            this._ngZone = _ngZone;
-            this.size = 'md';
-            this.placeholder = "Select"; // placeholder for input
-            this.debounceTime = 400; // wait time till which API call is paused
-            this.minInputLength = 2; // min length after which API call is made
-            this.multi = false; // maintain a list or emit value
-            // tslint:disable-next-line
-            this.onSelect = new core.EventEmitter(true); // emit selected values
-            this.searchInput = new forms.FormControl();
-            this.data = [];
-            this.opened = false;
-            this.loading = false;
-            this.error = false;
-            // tslint:disable-next-line
-            this.selections = new Map();
-            this.searchQueryChange = new core.EventEmitter();
-            this.clear = new core.EventEmitter(false);
-            this.itemSelected = new core.EventEmitter();
-            this.itemRemoved = new core.EventEmitter();
-            this.handleControlChanges = function (values) {
-                values.forEach(function (el) {
-                    _this.selectData(el, true);
-                });
-                // tslint:disable-next-line
-            };
-        }
-        AsyncDropdownComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            var _a, _b;
-            if (this.multi && !this.uniqueKey) {
-                throw new Error("[uniqueKey] required in multi mode.");
-            }
-            if (this.disabled) {
-                this.searchInput.disable();
-            }
-            this.searchSubscription = this.searchInput.valueChanges
-                .pipe(
-            // filter(val => val && val.length >= this.minInputLength),
-            operators.tap(function (val) { return _this.searchQueryChange.emit(val); }), operators.debounceTime(this.debounceTime), operators.distinctUntilChanged())
-                .subscribe(function (res) {
-                _this._ngZone.run(function () {
-                    var _a;
-                    if ((res === null || res === void 0 ? void 0 : res.length) < _this.minInputLength || !(res === null || res === void 0 ? void 0 : res.length)) {
-                        _this.closeDropdown();
-                        return;
-                    }
-                    else if ((res === null || res === void 0 ? void 0 : res.length) > _this.minInputLength && _this.httpStream) {
-                        _this.loading = true;
-                        _this.error = false;
-                        if (!((_a = _this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()))
-                            _this.openDropdown(_this.dd, _this.origin.nativeElement);
-                        _this.httpStream(res).subscribe(function (list) {
-                            var _a;
-                            _this.loading = false;
-                            _this.data = list;
-                            if (!((_a = _this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) && list.length > 0) {
-                                _this.openDropdown(_this.dd, _this.origin.nativeElement);
-                            }
-                        }, function (error) {
-                            _this.loading = false;
-                            _this.error = true;
-                        });
-                    }
-                });
-            });
-            if ((_a = this.control) === null || _a === void 0 ? void 0 : _a.value) {
-                this.handleControlChanges(this.control.value);
-            }
-            this.controlSubscription = (_b = this.control) === null || _b === void 0 ? void 0 : _b.valueChanges.subscribe(this.handleControlChanges);
-        };
-        AsyncDropdownComponent.prototype.ngOnChanges = function (changes) {
-            var _a;
-            if (changes && ((_a = changes === null || changes === void 0 ? void 0 : changes.searchValue) === null || _a === void 0 ? void 0 : _a.currentValue)) {
-                this.searchInput.patchValue(changes.searchValue.currentValue);
-            }
-            if (changes && changes.disabled) {
-                this.searchInput.enable();
-                if (this.disabled) {
-                    this.searchInput.disable();
-                }
-            }
-        };
-        AsyncDropdownComponent.prototype.ngOnDestroy = function () {
-            var _a;
-            (_a = this.searchSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-        };
-        AsyncDropdownComponent.prototype.openDropdown = function (template, origin) {
-            var _this = this;
-            var positionStrategy = this.overlay
-                .position()
-                .flexibleConnectedTo(origin)
-                .withPositions([
-                new overlay.ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }),
-                new overlay.ConnectionPositionPair({ originX: "start", originY: "top" }, { overlayX: "start", overlayY: "bottom" })
-            ])
-                .withPush(true);
-            var configs = new overlay.OverlayConfig({
-                hasBackdrop: true,
-                backdropClass: "cdk-overlay-transparent-backdrop",
-                scrollStrategy: this.overlay.scrollStrategies.reposition(),
-                positionStrategy: positionStrategy,
-                width: origin.clientWidth
-            });
-            this.overlayRef = this.overlay.create(configs);
-            this.overlayRef.attach(new portal.TemplatePortal(template, this.viewContainerRef));
-            this.overlayRef.backdropClick().subscribe(function (res) {
-                _this.closeDropdown();
-            });
-        };
-        /**
-         * closes the dropdown
-         */
-        AsyncDropdownComponent.prototype.closeDropdown = function () {
-            var _a;
-            this.opened = false;
-            (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-            this.data = [];
-        };
-        /**
-         *
-         * @param item item to select
-         * if item property disabled is set to true, selection will be disabled
-         * @param effectedFromOutside set to true if calling from parent component, if true will focus on search input
-         */
-        AsyncDropdownComponent.prototype.selectData = function (item, effectedFromOutside) {
-            var _this = this;
-            if (effectedFromOutside === void 0) { effectedFromOutside = true; }
-            if (item.disabled) {
-                return;
-            }
-            this.itemSelected.emit(item);
-            if (!this.multi) {
-                this.searchInput.patchValue(item[this.displayKey], { emitEvent: false });
-                this.setControlValue(item);
-            }
-            else {
-                if (!this.selections.has(item[this.uniqueKey])) {
-                    this.selections.set(item[this.uniqueKey], item);
-                }
-                this.setControlValue(this.selectedItems);
-                if (!effectedFromOutside) {
-                    setTimeout(function () {
-                        _this.input.nativeElement.focus();
-                        _this.input.nativeElement.scrollIntoView();
-                    }, 10);
-                }
-                this.searchInput.patchValue("");
-                this.data = [];
-            }
-            this.closeDropdown();
-        };
-        /**
-         *
-         * @param item remove item from selected list
-         */
-        AsyncDropdownComponent.prototype.removeItem = function (item) {
-            this.itemRemoved.emit(item);
-            this.selections.delete(item[this.uniqueKey]);
-            this.setControlValue(this.selectedItems);
-            // tslint:disable-next-line
-            this.input["nativeElement"].focus();
-        };
-        AsyncDropdownComponent.prototype.setControlValue = function (value) {
-            var _a;
-            this.onSelect.emit(value);
-            (_a = this.control) === null || _a === void 0 ? void 0 : _a.patchValue(value, { emitEvent: false });
-        };
-        Object.defineProperty(AsyncDropdownComponent.prototype, "selectedItems", {
-            /**
-             * @returns list of selected items
-             */
-            get: function () {
-                return Array.from(this.selections.values());
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AsyncDropdownComponent.prototype.removeInputValue = function () {
-            this.searchInput.reset();
-            this.data = [];
-            this.clear.emit(true);
-        };
-        return AsyncDropdownComponent;
-    }());
-    AsyncDropdownComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: "mis-async-search-dropdown",
-                    template: "<div class=\"dd-wrapper\" [ngClass]=\"{ opened: opened, disabled: disabled, readonly: readonly }\" #ddBtn>\n  <div class=\"selected-list\" *ngIf=\"multi && selections.size > 0\">\n    <div class=\"chip\" [ngClass]=\"{'chip-md': size === 'md', 'chip-sm': size === 'sm'}\" *ngFor=\"let item of selectedItems\">\n      <span [ngClass]=\"{'h6': size === 'md', 'h8-b': size === 'sm'}\" style=\"margin-right: 4px;\">{{item[displayKey]}}</span>\n      <span style=\"cursor: pointer;\" (click)=\"removeItem(item)\" [ngStyle]=\"{'font-size': size === 'sm' ? '12px': '14px'}\" class=\"ic-navigation-cancel-24\"></span>\n    </div>\n  </div>\n  <div class=\"search-input\">\n    <span class=\"ic-action-search-24\"></span>\n    <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" />\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n",
-                    styles: ["@charset \"UTF-8\";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\uE90C\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\uEA1A\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\uEA1B\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\uEA28\"}.icon-ic-action-average-trips:before{content:\"\uEA29\"}.icon-ic-action-EV-vehicle:before{content:\"\uEA2E\"}.icon-ic-action-total-trips:before{content:\"\uEA2F\"}.icon-ic-ui-front-desk-24:before{content:\"\uEA26\"}.icon-ic-ui-visitor-invite-24:before{content:\"\uEA27\"}.icon-ic-ETS-OTA-16:before{content:\"\uEA24\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\uEA25\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\uEA23\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\uE900\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\uE901\"}.icon-ic-geo-fence-violation-16:before{content:\"\uE902\"}.icon-ic-map-pin-16:before{content:\"\uE903\"}.icon-ic-SOS-fixed-device-16:before{content:\"\uE904\"}.icon-ic-SOS-mobile-16:before{content:\"\uE905\"}.icon-ic-speeding-16:before{content:\"\uE906\"}.icon-ic-tamper-alert-16:before{content:\"\uE907\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\uE908\"}.icon-ic-vehicle-stopage-16:before{content:\"\uE909\"}.icon-ic-violations-sign-off-time-16:before{content:\"\uE90A\"}.icon-ic-woman-travelling-alone-16:before{content:\"\uEA22\"}.icon-ic-ets-adhoc-32:before{content:\"\uE90B\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\uE90D\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\uE90E\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\uEA1C\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\uE90F\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\uEA1D\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\uEA00\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\uEA01\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\uEA02\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\uEA03\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\uEA04\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\uEA05\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\uEA06\"}.icon-ic-ets-bus-24-1:before{content:\"\uEA07\"}.icon-ic-ets-bus-24-2:before{content:\"\uEA08\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\uEA0B\"}.icon-ic-ets-cloud-off-24:before{content:\"\uEA0C\"}.icon-ic-ets-walking-man-24:before{content:\"\uEA0D\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\uEA0E\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\uEA0F\"}.icon-ic-ui-seperator-16:before{content:\"\uE94C\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\uE910\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\uEA1E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\uE911\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\uEA1F\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\uEA20\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\uEA21\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\uE920\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\uE921\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\uE922\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\uE92B\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\uE938\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\uE939\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\uE952\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\uE96E\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\uE96F\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\uE970\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\uE971\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\uE972\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\uE973\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\uE974\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\uE975\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\uE976\"}.icon-ic-navigation-collapse-16:before{content:\"\uE979\"}.icon-ic-navigation-expand-16:before{content:\"\uE989\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\uE98A\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\uE98B\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\uE98D\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\uE98E\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\uE9B2\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\uE9B3\"}.icon-ic-nrs-sort--descending-24:before{content:\"\uE9B6\"}.icon-ic-ui-changed-24 .path1:before{content:\"\uE9BD\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\uE9C1\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\uE9C2\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\uE9C7\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\uE9D1\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\uE9D5\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\uE9D6\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\uE9EB\"}.icon-ic-ui-error-24:before{content:\"\uE9F4\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\uE9F5\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\uE9FC\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\uE9FD\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\uE9FE\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\uE9FF\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\uE9F0\"}.icon-ic-ui-overlap-16:before{content:\"\uE9F1\"}.icon-ic-navigation-arrow_left-16:before{content:\"\uE9F2\"}.icon-ic-navigation-arrow_right-16:before{content:\"\uE9F3\"}.icon-ic-rep-booking-16:before{content:\"\uE9F6\"}.icon-ic-ui-arrow-16:before{content:\"\uE9F7\"}.icon-ic-ui-filters2-16:before{content:\"\uE9F8\"}.icon-ic-ui-nonveg-16:before{content:\"\uE9F9\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\uE9FA\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\uE9FB\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\uE9CA\"}.icon-ic-ui-Phone-24-1:before{content:\"\uE9CB\"}.icon-ic-ui-Phone-24:before{content:\"\uE9CC\"}.icon-ic-ui-Name-24:before{content:\"\uE9CD\"}.icon-ic-ui-transport-cab-24:before{content:\"\uE9CE\"}.icon-ic-ui-info-24:before{content:\"\uE9CF\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\uE9D0\"}.icon-ic-ui-action-24:before{content:\"\uE9D2\"}.icon-ic-ui-approvals-24:before{content:\"\uE9D3\"}.icon-ic-ui-approvals2-24:before{content:\"\uE9D4\"}.icon-ic-ui-fast-24:before{content:\"\uE9D7\"}.icon-ic-ui-transport-24:before{content:\"\uE9D8\"}.icon-ic-ui-vaccine-review-24:before{content:\"\uE9D9\"}.icon-ic-image-24:before{content:\"\uE9DA\"}.icon-ic-ui-bike-24:before{content:\"\uE9DB\"}.icon-ic-ui-car-24:before{content:\"\uE9DC\"}.icon-ic-ui-description-24:before{content:\"\uE9DD\"}.icon-ic-ui-email-24-1:before{content:\"\uE9DE\"}.icon-ic-ui-format-bullet-24:before{content:\"\uE9DF\"}.icon-ic-ui-format-number-24:before{content:\"\uE9E0\"}.icon-ic-ui-help-24:before{content:\"\uE9E1\"}.icon-ic-ui-location-24:before{content:\"\uE9E2\"}.icon-ic-ui-location-searching-24:before{content:\"\uE9E3\"}.icon-ic-ui-meal-241:before{content:\"\uE9E4\"}.icon-ic-ui-on-call-24:before{content:\"\uE9E5\"}.icon-ic-ui-person-24:before{content:\"\uE9E6\"}.icon-ic-ui-pie-24:before{content:\"\uE9E7\"}.icon-ic-ui-question-24:before{content:\"\uE9E8\"}.icon-ic-ui-request-24:before{content:\"\uE9E9\"}.icon-ic-ui-seat-24:before{content:\"\uE9EA\"}.icon-ic-ui-trend-down-24:before{content:\"\uE9EC\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\uE9ED\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\uE9EE\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\uE9EF\"}.icon-ic-nre-check-24:before{content:\"\uE9C4\"}.icon-ic-nre-flag-24:before{content:\"\uE9C5\"}.icon-ic-nre-notification-24:before{content:\"\uE9C6\"}.icon-ic-nre-push-pin-24:before{content:\"\uE9C8\"}.icon-ic-nre-wash-24:before{content:\"\uE9C9\"}.icon-ic-nrs-security-24:before{content:\"\uE9B8\"}.icon-ic-nrs-billing-24:before{content:\"\uE9B9\"}.icon-ic-nrs-downloads-24:before{content:\"\uE9BA\"}.icon-ic-nrs-loader-16:before{content:\"\uE9BB\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\uE9BC\"}.icon-ic-nrs-refersh-24:before{content:\"\uE9BE\"}.icon-ic-nrs-sanitize-24:before{content:\"\uE9BF\"}.icon-ic-nrs-score-card-24:before{content:\"\uE9C0\"}.icon-ic-nrs-view-24:before{content:\"\uE9C3\"}.icon-ic-device-24:before{content:\"\uE9B0\"}.icon-ic-duplicate-24--no-bg:before{content:\"\uE9B1\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\uE9B4\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\uE9B5\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\uEA2A\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\uEA2B\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\uEA2C\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\uE9B7\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\uEA2D\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\uE9AE\"}.icon-ic-vendor-24:before{content:\"\uE9AF\"}.icon-ic-naviation-directions-24:before{content:\"\uE9A5\"}.icon-ic-navigation-arrow-left-24:before{content:\"\uE9A6\"}.icon-ic-navigation-arrow-right-24:before{content:\"\uE9A7\"}.icon-ic-navigation-cancel-24:before{content:\"\uE9A8\"}.icon-ic-navigation-chevron-left-24:before{content:\"\uE9A9\"}.icon-ic-navigation-chevron-right-24:before{content:\"\uE9AA\"}.icon-ic-navigation-drop-down-24:before{content:\"\uE9AB\"}.icon-ic-navigation-expand-less-24:before{content:\"\uE9AC\"}.icon-ic-ui-check-24:before{content:\"\uE9AD\"}.icon-ic-nav-meeting-fill-24:before{content:\"\uE994\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\uE995\"}.icon-ic-mr-building-24:before{content:\"\uE996\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\uE997\"}.icon-ic-mr-fridge-24:before{content:\"\uE998\"}.icon-ic-mr-guestwifi-24:before{content:\"\uE999\"}.icon-ic-mr-ip-phones-24:before{content:\"\uE99A\"}.icon-ic-mr-mic-24:before{content:\"\uE99B\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\uE99C\"}.icon-ic-mr-speakerphones-24:before{content:\"\uE99D\"}.icon-ic-mr-stationary-24:before{content:\"\uE99E\"}.icon-ic-mr-tv-24:before{content:\"\uE99F\"}.icon-ic-mr-video-conferencing-24:before{content:\"\uE9A0\"}.icon-ic-mr-whiteboard-24:before{content:\"\uE9A1\"}.icon-ic-mr-wing-24:before{content:\"\uE9A2\"}.icon-ic-nav-seat-02-24:before{content:\"\uE9A3\"}.icon-ic-nav-seat-fill-24:before{content:\"\uE9A4\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\uE96D\"}.icon-ic-map-current-24 .path1:before{content:\"\uE977\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\uEA3E\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\uE978\"}.icon-ic-map-reposition-24:before{content:\"\uE97A\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\uE97B\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\uE97C\"}.icon-ic-new-icon-desk-management-24:before{content:\"\uE97D\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\uE97E\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\uE97F\"}.icon-ic-new-icon-health-risk-24:before{content:\"\uE980\"}.icon-ic-new-icon-key-24:before{content:\"\uE981\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\uE982\"}.icon-ic-new-icon-Rupee-24:before{content:\"\uE983\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\uE984\"}.icon-ic-new-icons-User-group-24:before{content:\"\uE985\"}.icon-ic-ui-attendance:before{content:\"\uE986\"}.icon-ic-ui-cab-login:before{content:\"\uE987\"}.icon-ic-ui-cab-logout:before{content:\"\uE988\"}.icon-ic-ui-sign-in:before{content:\"\uE98C\"}.icon-request-2:before{content:\"\uE98F\"}.icon-seats-available:before{content:\"\uE990\";color:#5cc917}.icon-seats-booked:before{content:\"\uE991\";color:#039be5}.icon-seats-cancelled:before{content:\"\uE992\";color:#ef4d1d}.icon-seats-totals:before{content:\"\uE993\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\uE94A\"}.icon-ic-employee-rest:before{content:\"\uE94B\"}.icon-ic-nav-cancelled-24:before{content:\"\uE94D\"}.icon-ic-nav-desk-allocation-24:before{content:\"\uE94E\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\uE94F\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\uE950\"}.icon-ic-nav-desk-utilization-24:before{content:\"\uE951\"}.icon-ic-nav-meetingroom-24:before{content:\"\uE953\"}.icon-ic-nav-office-24:before{content:\"\uE954\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\uE955\"}.icon-ic-nav-report-24:before{content:\"\uE956\"}.icon-ic-nav-resource-grps-24:before{content:\"\uE957\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\uE958\"}.icon-ic-nav-settings-24:before{content:\"\uE959\"}.icon-ic-nav-translate-24:before{content:\"\uE95A\"}.icon-ic-nav-unplanned-24:before{content:\"\uE95B\"}.icon-ic-nav-upload-24:before{content:\"\uE95C\"}.icon-ic-nav-user-24:before{content:\"\uE95D\"}.icon-ic-nav-user-grps-24:before{content:\"\uE95E\"}.icon-ic-nav-user-pemissions-24:before{content:\"\uE95F\"}.icon-ic-nav-utilisation-24:before{content:\"\uE960\"}.icon-ic-nav-vaccine-24:before{content:\"\uE961\"}.icon-ic-nav-visitor-management-24:before{content:\"\uE962\"}.icon-ic-nav-work-planner-24:before{content:\"\uE963\"}.icon-ic-nre-add-24:before{content:\"\uE964\"}.icon-ic-nre-deactivate-24:before{content:\"\uE965\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\uE966\"}.icon-ic-sidebar-guard-24:before{content:\"\uE967\"}.icon-ic-sidebar-home-24:before{content:\"\uE968\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\uE969\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\uE96A\"}.icon-ic-sidebar-reception-24:before{content:\"\uE96B\"}.icon-ic-ui-pdf-24:before{content:\"\uE96C\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\uE92F\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\uE930\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\uE931\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\uE93A\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\uE93B\"}.icon-ic-ui-cab-24:before{content:\"\uE93C\"}.icon-ic-ui-calendar2-24:before{content:\"\uE93D\"}.icon-ic-ui-calender-24:before{content:\"\uE93E\"}.icon-ic-ui-email-24:before{content:\"\uE93F\"}.icon-ic-ui-home-24:before{content:\"\uE949\"}.icon-ic-ui-meal-24:before{content:\"\uE940\"}.icon-ic-ui-new_parking-24:before{content:\"\uE941\"}.icon-ic-ui-night-24:before{content:\"\uE942\"}.icon-ic-ui-office-24:before{content:\"\uE943\"}.icon-ic-ui-outofoffice-24:before{content:\"\uE944\"}.icon-ic-ui-parking-24:before{content:\"\uE945\"}.icon-ic-ui-phone-24:before{content:\"\uE946\"}.icon-ic-ui-Transport-availability-24:before{content:\"\uE947\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\uE948\"}.icon-ic-action-more-horiz-24:before{content:\"\uE912\"}.icon-ic-action-add-24:before{content:\"\uE913\"}.icon-ic-action-ascending-24:before{content:\"\uE914\"}.icon-ic-action-cached-24:before{content:\"\uE915\"}.icon-ic-action-calview-24:before{content:\"\uE916\"}.icon-ic-action-copy-link-24:before{content:\"\uE917\"}.icon-ic-action-delete-24:before{content:\"\uE918\"}.icon-ic-action-descending-24:before{content:\"\uE919\"}.icon-ic-action-download-24:before{content:\"\uE91A\"}.icon-ic-action-drag-24:before{content:\"\uE91B\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\uE91C\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\uE91D\"}.icon-ic-action-expand-24-1:before{content:\"\uE91E\"}.icon-ic-action-external-link-24:before{content:\"\uE91F\"}.icon-ic-action-favorite-24:before{content:\"\uE923\"}.icon-ic-action-filter-24:before{content:\"\uE924\"}.icon-ic-action-globe-24:before{content:\"\uE925\"}.icon-ic-action-history-24-1:before{content:\"\uE926\"}.icon-ic-action-history-24:before{content:\"\uE927\"}.icon-ic-action-info-24:before{content:\"\uE928\"}.icon-ic-action-invite-24:before{content:\"\uE929\"}.icon-ic-action-listview-24:before{content:\"\uE92A\"}.icon-ic-action-logout-24:before{content:\"\uE92C\"}.icon-ic-action-menu-24:before{content:\"\uE92D\"}.icon-ic-action-more-vert-24:before{content:\"\uE92E\"}.icon-ic-action-notif-2-24:before{content:\"\uE932\"}.icon-ic-action-notif-24:before{content:\"\uE933\"}.icon-ic-action-person-search-24:before{content:\"\uE934\"}.icon-ic-action-print-24:before{content:\"\uE935\"}.icon-ic-action-qr-24:before{content:\"\uE936\"}.icon-ic-action-refresh-24:before{content:\"\uE937\"}.icon-ic-action-remove-24:before{content:\"\uEA09\"}.icon-ic-action-search-24:before{content:\"\uEA0A\"}.icon-ic-action-see-more-24:before{content:\"\uEA10\"}.icon-ic-action-send-24:before{content:\"\uEA11\"}.icon-ic-action-share-24:before{content:\"\uEA12\"}.icon-ic-action-shift-time-24:before{content:\"\uEA13\"}.icon-ic-action-sort-24:before{content:\"\uEA14\"}.icon-ic-action-sort2-24:before{content:\"\uEA15\"}.icon-ic-action-switch-24:before{content:\"\uEA16\"}.icon-ic-action-upload-24:before{content:\"\uEA17\"}.icon-ic-action-visibility-24:before{content:\"\uEA18\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\uEA19\";color:#6a737d}.dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}"]
-                },] }
-    ];
-    AsyncDropdownComponent.ctorParameters = function () { return [
-        { type: overlay.Overlay },
-        { type: core.ViewContainerRef },
-        { type: core.NgZone }
-    ]; };
-    AsyncDropdownComponent.propDecorators = {
-        height: [{ type: core.Input }],
-        size: [{ type: core.Input }],
-        httpStream: [{ type: core.Input }],
-        displayKey: [{ type: core.Input }],
-        secondaryDisplayKey: [{ type: core.Input }],
-        placeholder: [{ type: core.Input }],
-        debounceTime: [{ type: core.Input }],
-        minInputLength: [{ type: core.Input }],
-        multi: [{ type: core.Input }],
-        uniqueKey: [{ type: core.Input }],
-        control: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        readonly: [{ type: core.Input }],
-        origin: [{ type: core.ViewChild, args: ["ddBtn", { static: false },] }],
-        input: [{ type: core.ViewChild, args: ["input", { static: false },] }],
-        dd: [{ type: core.ViewChild, args: ["dd", { static: false },] }],
-        customItem: [{ type: core.ContentChild, args: ["misCustomItem", { static: false },] }],
-        customLoader: [{ type: core.ContentChild, args: ["asyncCustomLoader", { static: false },] }],
-        onSelect: [{ type: core.Output }],
-        searchValue: [{ type: core.Input }],
-        searchQueryChange: [{ type: core.Output }],
-        clear: [{ type: core.Output }],
-        itemSelected: [{ type: core.Output }],
-        itemRemoved: [{ type: core.Output }]
-    };
-
-    var AsyncDropdownModule = /** @class */ (function () {
-        function AsyncDropdownModule() {
-        }
-        return AsyncDropdownModule;
-    }());
-    AsyncDropdownModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [AsyncDropdownComponent],
-                    imports: [common.CommonModule, overlay.OverlayModule, forms.ReactiveFormsModule, forms.FormsModule, loader.LoaderModule],
-                    exports: [AsyncDropdownComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AsyncDropdownComponent = AsyncDropdownComponent;
-    exports.AsyncDropdownModule = AsyncDropdownModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-async-search-dropdown.umd.js.map

package/bundles/mis-crystal-design-system-async-search-dropdown.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-async-search-dropdown.umd.js","sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../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, FormControl } 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: FormControl = new FormControl();\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","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":["EventEmitter","FormControl","tap","debounceTime","distinctUntilChanged","ConnectionPositionPair","OverlayConfig","TemplatePortal","Component","Overlay","ViewContainerRef","NgZone","Input","ViewChild","ContentChild","Output","NgModule","CommonModule","OverlayModule","ReactiveFormsModule","FormsModule","LoaderModule"],"mappings":"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"}

package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/forms"),require("rxjs/operators"),require("@angular/common"),require("mis-crystal-design-system/loader")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/async-search-dropdown",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/forms","rxjs/operators","@angular/common","mis-crystal-design-system/loader"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"]["async-search-dropdown"]={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.ng.forms,e.rxjs.operators,e.ng.common,e["mis-crystal-design-system"].loader)}(this,(function(e,n,o,t,i,c,r,a){"use strict";var s=function(){function e(e,n,o){var c=this;this.overlay=e,this.viewContainerRef=n,this._ngZone=o,this.size="md",this.placeholder="Select",this.debounceTime=400,this.minInputLength=2,this.multi=!1,this.onSelect=new t.EventEmitter(!0),this.searchInput=new i.FormControl,this.data=[],this.opened=!1,this.loading=!1,this.error=!1,this.selections=new Map,this.searchQueryChange=new t.EventEmitter,this.clear=new t.EventEmitter(!1),this.itemSelected=new t.EventEmitter,this.itemRemoved=new t.EventEmitter,this.handleControlChanges=function(e){e.forEach((function(e){c.selectData(e,!0)}))}}return e.prototype.ngOnInit=function(){var e,n,o=this;if(this.multi&&!this.uniqueKey)throw new Error("[uniqueKey] required in multi mode.");this.disabled&&this.searchInput.disable(),this.searchSubscription=this.searchInput.valueChanges.pipe(c.tap((function(e){return o.searchQueryChange.emit(e)})),c.debounceTime(this.debounceTime),c.distinctUntilChanged()).subscribe((function(e){o._ngZone.run((function(){var n;(null==e?void 0:e.length)<o.minInputLength||!(null==e?void 0:e.length)?o.closeDropdown():(null==e?void 0:e.length)>o.minInputLength&&o.httpStream&&(o.loading=!0,o.error=!1,(null===(n=o.overlayRef)||void 0===n?void 0:n.hasAttached())||o.openDropdown(o.dd,o.origin.nativeElement),o.httpStream(e).subscribe((function(e){var n;o.loading=!1,o.data=e,!(null===(n=o.overlayRef)||void 0===n?void 0:n.hasAttached())&&e.length>0&&o.openDropdown(o.dd,o.origin.nativeElement)}),(function(e){o.loading=!1,o.error=!0})))}))})),(null===(e=this.control)||void 0===e?void 0:e.value)&&this.handleControlChanges(this.control.value),this.controlSubscription=null===(n=this.control)||void 0===n?void 0:n.valueChanges.subscribe(this.handleControlChanges)},e.prototype.ngOnChanges=function(e){var n;e&&(null===(n=null==e?void 0:e.searchValue)||void 0===n?void 0:n.currentValue)&&this.searchInput.patchValue(e.searchValue.currentValue),e&&e.disabled&&(this.searchInput.enable(),this.disabled&&this.searchInput.disable())},e.prototype.ngOnDestroy=function(){var e;null===(e=this.searchSubscription)||void 0===e||e.unsubscribe()},e.prototype.openDropdown=function(e,t){var i=this,c=this.overlay.position().flexibleConnectedTo(t).withPositions([new n.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"}),new n.ConnectionPositionPair({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"})]).withPush(!0),r=new n.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",scrollStrategy:this.overlay.scrollStrategies.reposition(),positionStrategy:c,width:t.clientWidth});this.overlayRef=this.overlay.create(r),this.overlayRef.attach(new o.TemplatePortal(e,this.viewContainerRef)),this.overlayRef.backdropClick().subscribe((function(e){i.closeDropdown()}))},e.prototype.closeDropdown=function(){var e;this.opened=!1,null===(e=this.overlayRef)||void 0===e||e.detach(),this.data=[]},e.prototype.selectData=function(e,n){var o=this;void 0===n&&(n=!0),e.disabled||(this.itemSelected.emit(e),this.multi?(this.selections.has(e[this.uniqueKey])||this.selections.set(e[this.uniqueKey],e),this.setControlValue(this.selectedItems),n||setTimeout((function(){o.input.nativeElement.focus(),o.input.nativeElement.scrollIntoView()}),10),this.searchInput.patchValue(""),this.data=[]):(this.searchInput.patchValue(e[this.displayKey],{emitEvent:!1}),this.setControlValue(e)),this.closeDropdown())},e.prototype.removeItem=function(e){this.itemRemoved.emit(e),this.selections.delete(e[this.uniqueKey]),this.setControlValue(this.selectedItems),this.input.nativeElement.focus()},e.prototype.setControlValue=function(e){var n;this.onSelect.emit(e),null===(n=this.control)||void 0===n||n.patchValue(e,{emitEvent:!1})},Object.defineProperty(e.prototype,"selectedItems",{get:function(){return Array.from(this.selections.values())},enumerable:!1,configurable:!0}),e.prototype.removeInputValue=function(){this.searchInput.reset(),this.data=[],this.clear.emit(!0)},e}();s.decorators=[{type:t.Component,args:[{selector:"mis-async-search-dropdown",template:'<div class="dd-wrapper" [ngClass]="{ opened: opened, disabled: disabled, readonly: readonly }" #ddBtn>\n  <div class="selected-list" *ngIf="multi && selections.size > 0">\n    <div class="chip" [ngClass]="{\'chip-md\': size === \'md\', \'chip-sm\': size === \'sm\'}" *ngFor="let item of selectedItems">\n      <span [ngClass]="{\'h6\': size === \'md\', \'h8-b\': size === \'sm\'}" style="margin-right: 4px;">{{item[displayKey]}}</span>\n      <span style="cursor: pointer;" (click)="removeItem(item)" [ngStyle]="{\'font-size\': size === \'sm\' ? \'12px\': \'14px\'}" class="ic-navigation-cancel-24"></span>\n    </div>\n  </div>\n  <div class="search-input">\n    <span class="ic-action-search-24"></span>\n    <input [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" />\n    <div class="ic-navigation-cancel-24 croos-icon" *ngIf="searchInput?.value?.length" (click)="removeInputValue()"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class="dd-list" [ngStyle]="{\'max-height\':height}"  [ngClass]="{\'dd-list-pd\':data.length === 0}" >\n    <ng-container *ngIf="loading">\n      <ng-container\n        *ngIf="customLoader; else defaultLoader"\n        [ngTemplateOutlet]="customLoader"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class="status-container" *ngIf="loading && !customLoader">\n          <mis-loader [mobileView]="true"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf="error">\n      <div class="status-container">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf="!loading && !error && data.length > 0">\n      <ng-container *ngFor="let item of data">\n        <div (click)="selectData(item, false)">\n          <ng-container\n            *ngIf="customItem; else standardItem"\n            [ngTemplateOutlet]="customItem"\n            [ngTemplateOutletContext]="{ $implicit: item }"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class="item">\n              <div class="value">\n                <div class="primary">\n                  {{ item[displayKey] }}\n                </div>\n                <div class="secondary">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf="!loading && !error && data.length === 0 && searchInput.value">\n      <div class="data-not-found">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n',styles:['@charset "UTF-8";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?sriz9y) format("truetype"),url(fonts/icomoon.woff?sriz9y) format("woff"),url(fonts/icomoon.svg?sriz9y#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:"";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:"";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:""}.icon-ic-action-average-trips:before{content:""}.icon-ic-action-EV-vehicle:before{content:""}.icon-ic-action-total-trips:before{content:""}.icon-ic-ui-front-desk-24:before{content:""}.icon-ic-ui-visitor-invite-24:before{content:""}.icon-ic-ETS-OTA-16:before{content:"";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:"";color:#0087b2}.icon-ic-home-office-24:before{content:"";color:#929dab}.icon-ic-device-unreachable-16:before{content:""}.icon-ic-fixed-device-not-reachable-16:before{content:""}.icon-ic-geo-fence-violation-16:before{content:""}.icon-ic-map-pin-16:before{content:""}.icon-ic-SOS-fixed-device-16:before{content:""}.icon-ic-SOS-mobile-16:before{content:""}.icon-ic-speeding-16:before{content:""}.icon-ic-tamper-alert-16:before{content:""}.icon-ic-unsafe-zone-alert-16:before{content:""}.icon-ic-vehicle-stopage-16:before{content:""}.icon-ic-violations-sign-off-time-16:before{content:""}.icon-ic-woman-travelling-alone-16:before{content:""}.icon-ic-ets-adhoc-32:before{content:"";color:#b00020}.icon-ic-ets-help-desk-32:before{content:"";color:#fff}.icon-ic-ets-login-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:"";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:"";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:"";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:"";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:"";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:"";color:#fff}.icon-ic-ui-WFO-24-2:before{content:"";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:"";color:#fff}.icon-ic-ui-battery-life-24:before{content:""}.icon-ic-ets-bus-24-1:before{content:""}.icon-ic-ets-bus-24-2:before{content:"";color:#0937b2}.icon-ic-ets-chat-24:before{content:""}.icon-ic-ets-cloud-off-24:before{content:""}.icon-ic-ets-walking-man-24:before{content:"";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:"";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:""}.icon-ic-ui-seperator-16:before{content:"";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:"";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:"";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:"";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:"";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:"";color:#815fd5}.icon-ic-eligibility-address-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:"";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:"";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:"";color:#0087b2}.icon-ic-map-pin-24:before{content:""}.icon-ic-mobile-side-menu-vaccine-24:before{content:"";color:#0937b2}.icon-ic-nav-help-24:before{content:""}.icon-ic-navigation-collapse-16:before{content:""}.icon-ic-navigation-expand-16:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:"";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:"";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:"";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:"";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:""}.icon-ic-nrs-sort--ascending-24:before{content:""}.icon-ic-nrs-sort--descending-24:before{content:""}.icon-ic-ui-changed-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:"";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:"";color:#b00020}.icon-ic-ui-download-24:before{content:""}.icon-ic-ui-error-24:before{content:"";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:"";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:"";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:"";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:"";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:"";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:""}.icon-ic-ui-overlap-16:before{content:""}.icon-ic-navigation-arrow_left-16:before{content:""}.icon-ic-navigation-arrow_right-16:before{content:""}.icon-ic-rep-booking-16:before{content:""}.icon-ic-ui-arrow-16:before{content:""}.icon-ic-ui-filters2-16:before{content:""}.icon-ic-ui-nonveg-16:before{content:"";color:#b00020}.icon-ic-ui-veg-16:before{content:"";color:#38af49}.icon-ic-ui-vegan-16:before{content:"";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:""}.icon-ic-ui-Phone-24-1:before{content:""}.icon-ic-ui-Phone-24:before{content:""}.icon-ic-ui-Name-24:before{content:""}.icon-ic-ui-transport-cab-24:before{content:""}.icon-ic-ui-info-24:before{content:"";color:#0091ff}.icon-ic-ui-WFO-24:before{content:""}.icon-ic-ui-action-24:before{content:""}.icon-ic-ui-approvals-24:before{content:""}.icon-ic-ui-approvals2-24:before{content:""}.icon-ic-ui-fast-24:before{content:""}.icon-ic-ui-transport-24:before{content:""}.icon-ic-ui-vaccine-review-24:before{content:""}.icon-ic-image-24:before{content:""}.icon-ic-ui-bike-24:before{content:""}.icon-ic-ui-car-24:before{content:""}.icon-ic-ui-description-24:before{content:""}.icon-ic-ui-email-24-1:before{content:""}.icon-ic-ui-format-bullet-24:before{content:""}.icon-ic-ui-format-number-24:before{content:""}.icon-ic-ui-help-24:before{content:""}.icon-ic-ui-location-24:before{content:""}.icon-ic-ui-location-searching-24:before{content:""}.icon-ic-ui-meal-241:before{content:""}.icon-ic-ui-on-call-24:before{content:""}.icon-ic-ui-person-24:before{content:""}.icon-ic-ui-pie-24:before{content:""}.icon-ic-ui-question-24:before{content:""}.icon-ic-ui-request-24:before{content:""}.icon-ic-ui-seat-24:before{content:""}.icon-ic-ui-trend-down-24:before{content:"";color:#b00020}.icon-ic-ui-trend-up-24:before{content:"";color:#38af49}.icon-ic-ui-warning-24:before{content:"";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:""}.icon-ic-nre-check-24:before{content:""}.icon-ic-nre-flag-24:before{content:""}.icon-ic-nre-notification-24:before{content:""}.icon-ic-nre-push-pin-24:before{content:""}.icon-ic-nre-wash-24:before{content:""}.icon-ic-nrs-security-24:before{content:""}.icon-ic-nrs-billing-24:before{content:""}.icon-ic-nrs-downloads-24:before{content:""}.icon-ic-nrs-loader-16:before{content:"";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:""}.icon-ic-nrs-refersh-24:before{content:""}.icon-ic-nrs-sanitize-24:before{content:""}.icon-ic-nrs-score-card-24:before{content:""}.icon-ic-nrs-view-24:before{content:""}.icon-ic-device-24:before{content:""}.icon-ic-duplicate-24--no-bg:before{content:"";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:"";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:"";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:"";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:"";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:"";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:""}.icon-ic-vendor-24:before{content:""}.icon-ic-naviation-directions-24:before{content:""}.icon-ic-navigation-arrow-left-24:before{content:""}.icon-ic-navigation-arrow-right-24:before{content:""}.icon-ic-navigation-cancel-24:before{content:""}.icon-ic-navigation-chevron-left-24:before{content:""}.icon-ic-navigation-chevron-right-24:before{content:""}.icon-ic-navigation-drop-down-24:before{content:""}.icon-ic-navigation-expand-less-24:before{content:""}.icon-ic-ui-check-24:before{content:""}.icon-ic-nav-meeting-fill-24:before{content:"";color:#0937b2}.icon-ic-mr-projector-24:before{content:""}.icon-ic-mr-building-24:before{content:""}.icon-ic-mr-deluxe-seat-24:before{content:""}.icon-ic-mr-fridge-24:before{content:""}.icon-ic-mr-guestwifi-24:before{content:""}.icon-ic-mr-ip-phones-24:before{content:""}.icon-ic-mr-mic-24:before{content:""}.icon-ic-mr-sanitization-spray-24:before{content:""}.icon-ic-mr-speakerphones-24:before{content:""}.icon-ic-mr-stationary-24:before{content:""}.icon-ic-mr-tv-24:before{content:""}.icon-ic-mr-video-conferencing-24:before{content:""}.icon-ic-mr-whiteboard-24:before{content:""}.icon-ic-mr-wing-24:before{content:""}.icon-ic-nav-seat-02-24:before{content:""}.icon-ic-nav-seat-fill-24:before{content:"";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:""}.icon-ic-map-current-24 .path1:before{content:"";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:"";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:""}.icon-ic-map-reposition-24:before{content:"";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:""}.icon-ic-new-icon-Desk-Allocation-24:before{content:""}.icon-ic-new-icon-desk-management-24:before{content:""}.icon-ic-new-icon-desk-utilisation-24:before{content:""}.icon-ic-new-icon-freeze-24-nobg:before{content:""}.icon-ic-new-icon-health-risk-24:before{content:""}.icon-ic-new-icon-key-24:before{content:""}.icon-ic-new-icon-meeting-room2-24:before{content:""}.icon-ic-new-icon-Rupee-24:before{content:""}.icon-ic-new-icon-user-permissions-1-24:before{content:""}.icon-ic-new-icons-User-group-24:before{content:""}.icon-ic-ui-attendance:before{content:""}.icon-ic-ui-cab-login:before{content:""}.icon-ic-ui-cab-logout:before{content:""}.icon-ic-ui-sign-in:before{content:""}.icon-request-2:before{content:""}.icon-seats-available:before{content:"";color:#5cc917}.icon-seats-booked:before{content:"";color:#039be5}.icon-seats-cancelled:before{content:"";color:#ef4d1d}.icon-seats-totals:before{content:"";color:#bcbcbc}.icon-ic-nav-team-24:before{content:""}.icon-ic-employee-rest:before{content:""}.icon-ic-nav-cancelled-24:before{content:""}.icon-ic-nav-desk-allocation-24:before{content:""}.icon-ic-nav-desk-bulk-upload-24:before{content:""}.icon-ic-nav-desk-mgmt-24:before{content:""}.icon-ic-nav-desk-utilization-24:before{content:""}.icon-ic-nav-meetingroom-24:before{content:""}.icon-ic-nav-office-24:before{content:""}.icon-ic-nav-qr-mgmt-24:before{content:""}.icon-ic-nav-report-24:before{content:""}.icon-ic-nav-resource-grps-24:before{content:""}.icon-ic-nav-seat-mgmt-24:before{content:""}.icon-ic-nav-settings-24:before{content:""}.icon-ic-nav-translate-24:before{content:""}.icon-ic-nav-unplanned-24:before{content:""}.icon-ic-nav-upload-24:before{content:""}.icon-ic-nav-user-24:before{content:""}.icon-ic-nav-user-grps-24:before{content:""}.icon-ic-nav-user-pemissions-24:before{content:""}.icon-ic-nav-utilisation-24:before{content:""}.icon-ic-nav-vaccine-24:before{content:""}.icon-ic-nav-visitor-management-24:before{content:""}.icon-ic-nav-work-planner-24:before{content:""}.icon-ic-nre-add-24:before{content:""}.icon-ic-nre-deactivate-24:before{content:""}.icon-ic-sidebar-floor-plan-24:before{content:""}.icon-ic-sidebar-guard-24:before{content:""}.icon-ic-sidebar-home-24:before{content:""}.icon-ic-sidebar-meeting-rooms-24:before{content:""}.icon-ic-sidebar-my-bookings-24:before{content:""}.icon-ic-sidebar-reception-24:before{content:""}.icon-ic-ui-pdf-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:"";color:#929dab}.icon-ic-ui-daytime-24:before{content:""}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:"";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:"";color:#6a737d}.icon-ic-ui-bus-24:before{content:""}.icon-ic-ui-cab-24:before{content:""}.icon-ic-ui-calendar2-24:before{content:""}.icon-ic-ui-calender-24:before{content:""}.icon-ic-ui-email-24:before{content:""}.icon-ic-ui-home-24:before{content:""}.icon-ic-ui-meal-24:before{content:""}.icon-ic-ui-new_parking-24:before{content:""}.icon-ic-ui-night-24:before{content:""}.icon-ic-ui-office-24:before{content:""}.icon-ic-ui-outofoffice-24:before{content:""}.icon-ic-ui-parking-24:before{content:""}.icon-ic-ui-phone-24:before{content:""}.icon-ic-ui-Transport-availability-24:before{content:""}.icon-ic-ui-Transport-not-availability-24:before{content:""}.icon-ic-action-more-horiz-24:before{content:""}.icon-ic-action-add-24:before{content:""}.icon-ic-action-ascending-24:before{content:""}.icon-ic-action-cached-24:before{content:""}.icon-ic-action-calview-24:before{content:""}.icon-ic-action-copy-link-24:before{content:""}.icon-ic-action-delete-24:before{content:""}.icon-ic-action-descending-24:before{content:""}.icon-ic-action-download-24:before{content:""}.icon-ic-action-drag-24:before{content:"";color:#c8cdd3}.icon-ic-action-drag:before{content:"";color:#6a737d}.icon-ic-action-edit-24:before{content:""}.icon-ic-action-expand-24-1:before{content:""}.icon-ic-action-external-link-24:before{content:""}.icon-ic-action-favorite-24:before{content:""}.icon-ic-action-filter-24:before{content:""}.icon-ic-action-globe-24:before{content:""}.icon-ic-action-history-24-1:before{content:""}.icon-ic-action-history-24:before{content:""}.icon-ic-action-info-24:before{content:""}.icon-ic-action-invite-24:before{content:""}.icon-ic-action-listview-24:before{content:""}.icon-ic-action-logout-24:before{content:""}.icon-ic-action-menu-24:before{content:""}.icon-ic-action-more-vert-24:before{content:""}.icon-ic-action-notif-2-24:before{content:""}.icon-ic-action-notif-24:before{content:""}.icon-ic-action-person-search-24:before{content:""}.icon-ic-action-print-24:before{content:""}.icon-ic-action-qr-24:before{content:""}.icon-ic-action-refresh-24:before{content:""}.icon-ic-action-remove-24:before{content:""}.icon-ic-action-search-24:before{content:""}.icon-ic-action-see-more-24:before{content:""}.icon-ic-action-send-24:before{content:""}.icon-ic-action-share-24:before{content:""}.icon-ic-action-shift-time-24:before{content:""}.icon-ic-action-sort-24:before{content:""}.icon-ic-action-sort2-24:before{content:""}.icon-ic-action-switch-24:before{content:""}.icon-ic-action-upload-24:before{content:""}.icon-ic-action-visibility-24:before{content:"";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:"";color:#6a737d}.dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;font-size:15px;line-height:20px;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;cursor:default}.chip span{color:#181f33}.chip-md{border-radius:16px;padding:4px 12px}.chip-sm{border-radius:6px;padding:4px 8px;text-transform:uppercase}.ip-md{padding-top:8px;padding-bottom:8px}.ip-sm{padding-top:3px;padding-bottom:3px}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}::ng-deep #spinner{position:relative!important}']}]}],s.ctorParameters=function(){return[{type:n.Overlay},{type:t.ViewContainerRef},{type:t.NgZone}]},s.propDecorators={height:[{type:t.Input}],size:[{type:t.Input}],httpStream:[{type:t.Input}],displayKey:[{type:t.Input}],secondaryDisplayKey:[{type:t.Input}],placeholder:[{type:t.Input}],debounceTime:[{type:t.Input}],minInputLength:[{type:t.Input}],multi:[{type:t.Input}],uniqueKey:[{type:t.Input}],control:[{type:t.Input}],disabled:[{type:t.Input}],readonly:[{type:t.Input}],origin:[{type:t.ViewChild,args:["ddBtn",{static:!1}]}],input:[{type:t.ViewChild,args:["input",{static:!1}]}],dd:[{type:t.ViewChild,args:["dd",{static:!1}]}],customItem:[{type:t.ContentChild,args:["misCustomItem",{static:!1}]}],customLoader:[{type:t.ContentChild,args:["asyncCustomLoader",{static:!1}]}],onSelect:[{type:t.Output}],searchValue:[{type:t.Input}],searchQueryChange:[{type:t.Output}],clear:[{type:t.Output}],itemSelected:[{type:t.Output}],itemRemoved:[{type:t.Output}]};var l=function(){};l.decorators=[{type:t.NgModule,args:[{declarations:[s],imports:[r.CommonModule,n.OverlayModule,i.ReactiveFormsModule,i.FormsModule,a.LoaderModule],exports:[s]}]}],e.AsyncDropdownComponent=s,e.AsyncDropdownModule=l,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-async-search-dropdown.umd.min.js.map

package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/async-search-dropdown/async-dropdown.component.ts","../../../projects/mis-components/async-search-dropdown/async-dropdown.module.ts"],"names":["AsyncDropdownComponent","overlay","viewContainerRef","_ngZone","_this","this","size","placeholder","debounceTime","minInputLength","multi","onSelect","EventEmitter","searchInput","FormControl","data","opened","loading","error","selections","Map","searchQueryChange","clear","itemSelected","itemRemoved","handleControlChanges","values","forEach","el","selectData","prototype","ngOnInit","uniqueKey","Error","disabled","disable","searchSubscription","valueChanges","pipe","tap","val","emit","distinctUntilChanged","subscribe","res","run","length","closeDropdown","httpStream","_a","overlayRef","hasAttached","openDropdown","dd","origin","nativeElement","list","control","value","controlSubscription","_b","ngOnChanges","changes","searchValue","currentValue","patchValue","enable","ngOnDestroy","unsubscribe","template","positionStrategy","position","flexibleConnectedTo","withPositions","ConnectionPositionPair","originX","originY","overlayX","overlayY","withPush","configs","OverlayConfig","hasBackdrop","backdropClass","scrollStrategy","scrollStrategies","reposition","width","clientWidth","create","attach","TemplatePortal","backdropClick","detach","item","effectedFromOutside","has","set","setControlValue","selectedItems","setTimeout","input","focus","scrollIntoView","displayKey","emitEvent","removeItem","delete","Object","defineProperty","Array","from","removeInputValue","reset","Component","args","selector","Overlay","ViewContainerRef","NgZone","Input","ViewChild","static","ContentChild","Output","NgModule","declarations","imports","CommonModule","OverlayModule","ReactiveFormsModule","FormsModule","LoaderModule","exports"],"mappings":"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","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, FormControl } 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: FormControl = new FormControl();\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","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"]}