mis-crystal-design-system 4.0.51 → 17.0.0

package/bundles/mis-crystal-design-system-analytics.umd.min.js

@@ -1,16 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/core")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/analytics",["exports","@angular/common","@angular/core"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].analytics={}),e.ng.common,e.ng.core)}(this,(function(e,t,n){"use strict";
-/*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */Object.create;function r(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}Object.create;var o=function(){function e(e){this.document=e,this.scriptLoaded=!1,this.pendingEvents=[]}return e.prototype.insertScript=function(e,t){var n=t.createElement("script");n.setAttribute("async",!0),n.setAttribute("src","https://www.googletagmanager.com/gtag/js?id="+e);var r=t.createElement("script");r.innerText="window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '"+e+"');",t.appendChild(this.document.head,n),t.appendChild(this.document.head,r),this.handlePendingEvents(n)},e.prototype.handlePendingEvents=function(e){var t=this;e.addEventListener("load",(function(){var e,n;t.scriptLoaded=!0;try{for(var o=r(t.pendingEvents),i=o.next();!i.done;i=o.next()){var a=i.value;"event"===a[0]?t.send(a[1],a[2],a[3],a[4]):"set"===a[0]&&t.setIdentity(a[1])}}catch(t){e={error:t}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(e)throw e.error}}}))},e.prototype.send=function(e,t,n,r,o){void 0===o&&(o=!1),this.scriptLoaded||o?null===gtag||void 0===gtag||gtag("event",e,{event_category:t,event_label:n,event_value:r}):this.pendingEvents.push(["event",e,t,n,r])},e.prototype.setIdentity=function(e){this.scriptLoaded?null===gtag||void 0===gtag||gtag("set",{user_id:e}):this.pendingEvents.push(["set",e])},e}();o.ɵprov=n.ɵɵdefineInjectable({factory:function(){return new o(n.ɵɵinject(t.DOCUMENT))},token:o,providedIn:"root"}),o.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],o.ctorParameters=function(){return[{type:void 0,decorators:[{type:n.Inject,args:[t.DOCUMENT]}]}]};var i=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[o]}},e}();i.decorators=[{type:n.NgModule}],e.AnalyticsModule=i,e.AnalyticsService=o,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-analytics.umd.min.js.map

package/bundles/mis-crystal-design-system-analytics.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/analytics/analytics.service.ts","../../../projects/mis-components/analytics/analytics.module.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","AnalyticsService","document","this","scriptLoaded","pendingEvents","prototype","insertScript","measurementId","renderer","loadScript","createElement","setAttribute","initScript","innerText","appendChild","head","handlePendingEvents","script","_this","addEventListener","_b","_c","eventDetails","send","setIdentity","eventAction","event_category","event_label","event_value","force","gtag","push","identifier","user_id","Injectable","args","providedIn","Inject","DOCUMENT","AnalyticsModule","forRoot","ngModule","providers","NgModule"],"mappings":";;;;;;;;;;;;;;oFA2G6BA,OAAOC,gBAYpBC,EAASC,GACrB,IAAIC,EAAsB,mBAAXC,QAAyBA,OAAOC,SAAUC,EAAIH,GAAKD,EAAEC,GAAII,EAAI,EAC5E,GAAID,EAAG,OAAOA,EAAEE,KAAKN,GACrB,GAAIA,GAAyB,iBAAbA,EAAEO,OAAqB,MAAO,CAC1CC,KAAM,WAEF,OADIR,GAAKK,GAAKL,EAAEO,SAAQP,OAAI,GACrB,CAAES,MAAOT,GAAKA,EAAEK,KAAMK,MAAOV,KAG5C,MAAM,IAAIW,UAAUV,EAAI,0BAA4B,mCAiF/BJ,OAAOC,wBCtM9B,SAAAc,EAAsCC,GAAAC,KAAAD,SAAAA,EAH9BC,KAAAC,cAAe,EACfD,KAAAE,cAAsC,UAI9CJ,EAAAK,UAAAC,aAAA,SAAaC,EAAuBC,GAClC,IAAMC,EAAaD,EAASE,cAAc,UAC1CD,EAAWE,aAAa,SAAS,GACjCF,EAAWE,aAAa,MAAO,+CAA+CJ,GAE9E,IAAMK,EAAaJ,EAASE,cAAc,UAC1CE,EAAWC,UAAY,+HAAoIN,EAAa,MACxKC,EAASM,YAAYZ,KAAKD,SAASc,KAAMN,GACzCD,EAASM,YAAYZ,KAAKD,SAASc,KAAMH,GACzCV,KAAKc,oBAAoBP,IAGnBT,EAAAK,UAAAW,oBAAA,SAAoBC,GAApB,IAAAC,EAAAhB,KACNe,EAAOE,iBAAiB,QAAQ,mBAC9BD,EAAKf,cAAe,MACpB,IAA2B,IAAAiB,EAAAjC,EAAA+B,EAAKd,eAAaiB,EAAAD,EAAAxB,QAAAyB,EAAAvB,KAAAuB,EAAAD,EAAAxB,OAAE,CAA1C,IAAM0B,EAAYD,EAAAxB,MACG,UAApByB,EAAa,GACfJ,EAAKK,KAAKD,EAAa,GAAIA,EAAa,GAAIA,EAAa,GAAIA,EAAa,IAC7C,QAApBA,EAAa,IACtBJ,EAAKM,YAAYF,EAAa,2GAMtCtB,EAAAK,UAAAkB,KAAA,SAAKE,EAAqBC,EAAwBC,EAAsBC,EAAsBC,QAAA,IAAAA,IAAAA,GAAA,GACvF3B,KAAKC,cAAiB0B,EAIvB,OAAJC,WAAI,IAAJA,MAAAA,KAAO,QAASL,EAAa,CAC3BC,eAAcA,EACdC,YAAWA,EACXC,YAAWA,IANX1B,KAAKE,cAAc2B,KAAK,CAAC,QAASN,EAAaC,EAAgBC,EAAaC,KAUhF5B,EAAAK,UAAAmB,YAAA,SAAYQ,GACL9B,KAAKC,aAIN,OAAJ2B,WAAI,IAAJA,MAAAA,KAAO,MAAO,CAAEG,QAASD,IAHvB9B,KAAKE,cAAc2B,KAAK,CAAC,MAAOC,iJAhDrCE,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,6EAMCC,EAAAA,OAAMF,KAAA,CAACG,EAAAA,gCCNtB,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CACLC,SAAUF,EACVG,UAAW,CAAC1C,8BALjB2C,EAAAA","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, Renderer2 } from \"@angular/core\";\ndeclare const gtag: Function;\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class AnalyticsService {\n  private scriptLoaded = false;\n  private pendingEvents: Array<Array<string>> = [];\n\n  constructor(@Inject(DOCUMENT) private document: any) {}\n\n  insertScript(measurementId: string, renderer: Renderer2): void {\n    const loadScript = renderer.createElement(\"script\");\n    loadScript.setAttribute(\"async\", true);\n    loadScript.setAttribute(\"src\", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);\n\n    const initScript = renderer.createElement(\"script\");\n    initScript.innerText = `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\\'js\\', new Date());gtag(\\'config\\', \\'${measurementId}\\');`;\n    renderer.appendChild(this.document.head, loadScript);\n    renderer.appendChild(this.document.head, initScript);\n    this.handlePendingEvents(loadScript);\n  }\n\n  private handlePendingEvents(script: HTMLScriptElement): void {\n    script.addEventListener(\"load\", () => {\n      this.scriptLoaded = true;\n      for (const eventDetails of this.pendingEvents) {\n        if (eventDetails[0] === \"event\") {\n          this.send(eventDetails[1], eventDetails[2], eventDetails[3], eventDetails[4]);\n        } else if (eventDetails[0] === \"set\") {\n          this.setIdentity(eventDetails[1]);\n        }\n      }\n    });\n  }\n\n  send(eventAction: string, event_category: string, event_label?: string, event_value?: string, force = false): void {\n    if (!this.scriptLoaded && !force) {\n      this.pendingEvents.push([\"event\", eventAction, event_category, event_label, event_value]);\n      return;\n    }\n    gtag?.(\"event\", eventAction, {\n      event_category,\n      event_label,\n      event_value\n    });\n  }\n\n  setIdentity(identifier: string): void {\n    if (!this.scriptLoaded) {\n      this.pendingEvents.push([\"set\", identifier]);\n      return;\n    }\n    gtag?.(\"set\", { user_id: identifier });\n  }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { AnalyticsService } from \"./analytics.service\";\n\n@NgModule()\nexport class AnalyticsModule {\n  static forRoot(): ModuleWithProviders<AnalyticsModule> {\n    return {\n      ngModule: AnalyticsModule,\n      providers: [AnalyticsService]\n    };\n  }\n}\n"]}

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

@@ -1,279 +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
-            this.disableCopyPaste = false;
-            // 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, _b;
-            (_a = this.searchSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-            (_b = this.defaultCallSubscription) === null || _b === void 0 ? void 0 : _b.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);
-        };
-        AsyncDropdownComponent.prototype.defaultCall = function () {
-            var _this = this;
-            if (this.minInputLength === -1) {
-                this.loading = true;
-                this.defaultCallSubscription = this.httpStream(this.searchInput.value || '').subscribe(function (list) {
-                    var _a, _b;
-                    _this.loading = false;
-                    _this.data = list;
-                    if (!((_a = _this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) && ((_b = _this.data) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                        _this.openDropdown(_this.dd, _this.origin.nativeElement);
-                    }
-                }, function (error) {
-                    _this.loading = false;
-                    _this.error = 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 *ngIf=\"disableCopyPaste; else enableCopyPaste\" [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" oncopy=\"return false;\" onpaste=\"return false\" oncut=\"return false\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" (focus)=\"defaultCall()\"/>\n    <ng-template #enableCopyPaste>\n      <input [ngClass]=\"{'ip-md': size === 'md', 'ip-sm': size === 'sm'}\" tabindex=\"0\" type=\"text\" class=\"black-text h6\" #input [placeholder]=\"placeholder\" [formControl]=\"searchInput\" (focus)=\"defaultCall()\" />\n    </ng-template>\n    <div class=\"ic-navigation-cancel-24 croos-icon\" *ngIf=\"searchInput?.value?.length\" (click)=\"removeInputValue()\"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class=\"dd-list\" [ngStyle]=\"{'max-height':height}\"  [ngClass]=\"{'dd-list-pd':data.length === 0}\" >\n    <ng-container *ngIf=\"loading\">\n      <ng-container\n        *ngIf=\"customLoader; else defaultLoader\"\n        [ngTemplateOutlet]=\"customLoader\"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class=\"status-container\" *ngIf=\"loading && !customLoader\">\n          <mis-loader [mobileView]=\"true\"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"error\">\n      <div class=\"status-container\">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf=\"!loading && !error && data.length > 0\">\n      <ng-container *ngFor=\"let item of data\">\n        <div (click)=\"selectData(item, false)\">\n          <ng-container\n            *ngIf=\"customItem; else standardItem\"\n            [ngTemplateOutlet]=\"customItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class=\"item\">\n              <div class=\"value\">\n                <div class=\"primary\">\n                  {{ item[displayKey] }}\n                </div>\n                <div class=\"secondary\">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf=\"!loading && !error && data.length === 0 && searchInput.value\">\n      <div class=\"data-not-found\">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n",
-                    styles: [".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;overflow-wrap:anywhere;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 }],
-        disableCopyPaste: [{ 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 }],
-        selections: [{ type: core.Input }],
-        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  @Input() disableCopyPaste: boolean = false;\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  @Input() selections: Map<string, any> = new Map();\n  private searchSubscription: Subscription;\n  private defaultCallSubscription: 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    this.defaultCallSubscription?.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  defaultCall(): void {\n    if (this.minInputLength === -1) {\n      this.loading = true;\n      this.defaultCallSubscription = this.httpStream(this.searchInput.value || '').subscribe(list => {\n        this.loading = false;\n        this.data = list;\n        if (!this.overlayRef?.hasAttached() && this.data?.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","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":";;;;;;;QAiCE,gCAAoB,OAAgB,EAAU,gBAAkC,EAAU,OAAe;YAAzG,iBAA8G;YAA1F,YAAO,GAAP,OAAO,CAAS;YAAU,qBAAgB,GAAhB,gBAAgB,CAAkB;YAAU,YAAO,GAAP,OAAO,CAAQ;YAEhG,SAAI,GAAgB,IAAI,CAAA;YAIxB,gBAAW,GAAG,QAAQ,CAAC;YACvB,iBAAY,GAAG,GAAG,CAAC;YACnB,mBAAc,GAAG,CAAC,CAAC;YACnB,UAAK,GAAG,KAAK,CAAC;YAKd,qBAAgB,GAAY,KAAK,CAAC;;YASjC,aAAQ,GAA0C,IAAIA,iBAAY,CAAC,IAAI,CAAC,CAAC;YACnF,gBAAW,GAAgB,IAAIC,iBAAW,EAAE,CAAC;YAC7C,SAAI,GAAgB,EAAE,CAAC;YACvB,WAAM,GAAG,KAAK,CAAC;YACf,YAAO,GAAY,KAAK,CAAC;YACzB,UAAK,GAAY,KAAK,CAAC;;YAEd,eAAU,GAAqB,IAAI,GAAG,EAAE,CAAC;YAMxC,sBAAiB,GAAG,IAAID,iBAAY,EAAU,CAAA;YAC9C,UAAK,GAA0B,IAAIA,iBAAY,CAAC,KAAK,CAAC,CAAC;YACvD,iBAAY,GAAG,IAAIA,iBAAY,EAAa,CAAA;YAC5C,gBAAW,GAAG,IAAIA,iBAAY,EAAa,CAAA;YA6D7C,yBAAoB,GAAG,UAAC,MAAmB;gBACjD,MAAM,CAAC,OAAO,CAAC,UAAA,EAAE;oBACf,KAAI,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;iBAC3B,CAAC,CAAC;;aAEJ,CAAC;SAzG4G;QAwC9G,yCAAQ,GAAR;YAAA,iBAyCC;;YAxCC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACjC,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC;aACxD;YACD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;aAC5B;YACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY;iBACpD,IAAI;;YAEHE,aAAG,CAAC,UAAC,GAAG,IAAK,OAAA,KAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,GAAA,CAAC,EAC9CC,sBAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAC/BC,8BAAoB,EAAE,CACvB;iBACA,SAAS,CAAC,UAAA,GAAG;gBACZ,KAAI,CAAC,OAAO,CAAC,GAAG,CAAC;;oBACf,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,IAAG,KAAI,CAAC,cAAc,IAAI,EAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAA,EAAE;wBACrD,KAAI,CAAC,aAAa,EAAE,CAAC;wBACrB,OAAO;qBACR;yBAAM,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,IAAG,KAAI,CAAC,cAAc,IAAI,KAAI,CAAC,UAAU,EAAE;wBAC/D,KAAI,CAAC,OAAO,GAAG,IAAI,CAAC;wBACpB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;wBACnB,IAAG,QAAC,KAAI,CAAC,UAAU,0CAAE,WAAW,GAAE;4BAChC,KAAI,CAAC,YAAY,CAAC,KAAI,CAAC,EAAE,EAAE,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;wBACxD,KAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,UAAA,IAAI;;4BACjC,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;4BACrB,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;4BACjB,IAAI,QAAC,KAAI,CAAC,UAAU,0CAAE,WAAW,GAAE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gCACtD,KAAI,CAAC,YAAY,CAAC,KAAI,CAAC,EAAE,EAAE,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;6BACvD;yBACF,EAAE,UAAA,KAAK;4BACN,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;4BACrB,KAAI,CAAC,KAAK,GAAG,IAAI,CAAC;yBACnB,CAAC,CAAC;qBACJ;iBACF,CAAC,CAAA;aACH,CAAC,CAAC;YACL,UAAI,IAAI,CAAC,OAAO,0CAAE,KAAK,EAAE;gBACvB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;aAC/C;YACD,IAAI,CAAC,mBAAmB,SAAG,IAAI,CAAC,OAAO,0CAAE,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;SAC5F;QAED,4CAAW,GAAX,UAAY,OAAsB;;YAChC,IAAI,OAAO,WAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,YAAY,CAAA,EAAE;gBACjD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;aAC/D;YACD,IAAI,OAAO,IAAI,OAAO,CAAC,QAAQ,EAAE;gBAC/B,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;iBAC5B;aACF;SACF;QAED,4CAAW,GAAX;;YACE,MAAA,IAAI,CAAC,kBAAkB,0CAAE,WAAW,GAAG;YACvC,MAAA,IAAI,CAAC,uBAAuB,0CAAE,WAAW,GAAG;SAC7C;QASO,6CAAY,GAAZ,UAAa,QAA8B,EAAE,MAAmB;YAAhE,iBAsBP;YArBC,IAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO;iBAClC,QAAQ,EAAE;iBACV,mBAAmB,CAAC,MAAM,CAAC;iBAC3B,aAAa,CAAC;gBACb,IAAIC,8BAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;gBAC3G,IAAIA,8BAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;aAC5G,CAAC;iBACD,QAAQ,CAAC,IAAI,CAAC,CAAC;YAElB,IAAM,OAAO,GAAG,IAAIC,qBAAa,CAAC;gBAChC,WAAW,EAAE,IAAI;gBACjB,aAAa,EAAE,kCAAkC;gBACjD,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE;gBAC1D,gBAAgB,kBAAA;gBAChB,KAAK,EAAE,MAAM,CAAC,WAAW;aAC1B,CAAC,CAAC;YACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC/C,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAIC,qBAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;YAC5E,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC,SAAS,CAAC,UAAA,GAAG;gBAC3C,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,CAAC,CAAC;SACJ;;;;QAKD,8CAAa,GAAb;;YACE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,GAAG;YAC1B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAChB;;;;;;;QAQD,2CAAU,GAAV,UAAW,IAAe,EAAE,mBAA0B;YAAtD,iBAuBC;YAvB2B,oCAAA,EAAA,0BAA0B;YACpD,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;aAC5B;iBAAM;gBACL,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE;oBAC9C,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC;iBACjD;gBACD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACzC,IAAI,CAAC,mBAAmB,EAAE;oBACxB,UAAU,CAAC;wBACT,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;wBACjC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,CAAC;qBAC3C,EAAE,EAAE,CAAC,CAAC;iBACR;gBACD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;gBAChC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;aAChB;YACD,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;;;;;QAMD,2CAAU,GAAV,UAAW,IAAe;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC3B,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;YAEzC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC;SACrC;QAEO,gDAAe,GAAf,UAAgB,KAAgB;;YACtC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC1B,MAAA,IAAI,CAAC,OAAO,0CAAE,UAAU,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;SACvD;QAKD,sBAAI,iDAAa;;;;iBAAjB;gBACE,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC;aAC7C;;;WAAA;QAED,iDAAgB,GAAhB;YACE,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACvB;QACD,4CAAW,GAAX;YAAA,iBAcC;YAbC,IAAI,IAAI,CAAC,cAAc,KAAK,CAAC,CAAC,EAAE;gBAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,UAAA,IAAI;;oBACzF,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;oBACrB,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;oBACjB,IAAI,QAAC,KAAI,CAAC,UAAU,0CAAE,WAAW,GAAE,IAAI,OAAA,KAAI,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,EAAE;wBAC5D,KAAI,CAAC,YAAY,CAAC,KAAI,CAAC,EAAE,EAAE,KAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;qBACvD;iBACF,EAAE,UAAA,KAAK;oBACN,KAAI,CAAC,OAAO,GAAG,KAAK,CAAC;oBACrB,KAAI,CAAC,KAAK,GAAG,IAAI,CAAC;iBACnB,CAAC,CAAC;aACJ;SACF;;;;gBA5NFC,cAAS,SAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,qqGAA8C;;iBAE/C;;;gBA/BgCC,eAAO;gBAkBtCC,qBAAgB;gBARhBC,WAAM;;;yBAwBLC,UAAK;uBACLA,UAAK;6BACLA,UAAK;6BACLA,UAAK;sCACLA,UAAK;8BACLA,UAAK;+BACLA,UAAK;iCACLA,UAAK;wBACLA,UAAK;4BACLA,UAAK;0BACLA,UAAK;2BACLA,UAAK;2BACLA,UAAK;mCACLA,UAAK;yBACLC,cAAS,SAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;wBACpCA,cAAS,SAAC,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;qBACpCA,cAAS,SAAC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;6BACjCC,iBAAY,SAAC,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;+BAE/CA,iBAAY,SAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAC;2BAGlDC,WAAM;6BAONH,UAAK;8BAKLA,UAAK;oCACLG,WAAM;wBACNA,WAAM;+BACNA,WAAM;8BACNA,WAAM;;;;QC5DT;;;;;gBALCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAACC,mBAAY,EAAEC,qBAAa,EAAEC,yBAAmB,EAAEC,iBAAW,EAAEC,mBAAY,CAAC;oBACtF,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;;ICXD;;;;;;;;;;;;;"}

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

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(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"],t):t(((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,t,n,i,o,a,s,r){"use strict";var l=function(){function e(e,t,n){var a=this;this.overlay=e,this.viewContainerRef=t,this._ngZone=n,this.size="md",this.placeholder="Select",this.debounceTime=400,this.minInputLength=2,this.multi=!1,this.disableCopyPaste=!1,this.onSelect=new i.EventEmitter(!0),this.searchInput=new o.FormControl,this.data=[],this.opened=!1,this.loading=!1,this.error=!1,this.selections=new Map,this.searchQueryChange=new i.EventEmitter,this.clear=new i.EventEmitter(!1),this.itemSelected=new i.EventEmitter,this.itemRemoved=new i.EventEmitter,this.handleControlChanges=function(e){e.forEach((function(e){a.selectData(e,!0)}))}}return e.prototype.ngOnInit=function(){var e,t,n=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(a.tap((function(e){return n.searchQueryChange.emit(e)})),a.debounceTime(this.debounceTime),a.distinctUntilChanged()).subscribe((function(e){n._ngZone.run((function(){var t;(null==e?void 0:e.length)<n.minInputLength||!(null==e?void 0:e.length)?n.closeDropdown():(null==e?void 0:e.length)>n.minInputLength&&n.httpStream&&(n.loading=!0,n.error=!1,(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())||n.openDropdown(n.dd,n.origin.nativeElement),n.httpStream(e).subscribe((function(e){var t;n.loading=!1,n.data=e,!(null===(t=n.overlayRef)||void 0===t?void 0:t.hasAttached())&&e.length>0&&n.openDropdown(n.dd,n.origin.nativeElement)}),(function(e){n.loading=!1,n.error=!0})))}))})),(null===(e=this.control)||void 0===e?void 0:e.value)&&this.handleControlChanges(this.control.value),this.controlSubscription=null===(t=this.control)||void 0===t?void 0:t.valueChanges.subscribe(this.handleControlChanges)},e.prototype.ngOnChanges=function(e){var t;e&&(null===(t=null==e?void 0:e.searchValue)||void 0===t?void 0:t.currentValue)&&this.searchInput.patchValue(e.searchValue.currentValue),e&&e.disabled&&(this.searchInput.enable(),this.disabled&&this.searchInput.disable())},e.prototype.ngOnDestroy=function(){var e,t;null===(e=this.searchSubscription)||void 0===e||e.unsubscribe(),null===(t=this.defaultCallSubscription)||void 0===t||t.unsubscribe()},e.prototype.openDropdown=function(e,i){var o=this,a=this.overlay.position().flexibleConnectedTo(i).withPositions([new t.ConnectionPositionPair({originX:"start",originY:"bottom"},{overlayX:"start",overlayY:"top"}),new t.ConnectionPositionPair({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"})]).withPush(!0),s=new t.OverlayConfig({hasBackdrop:!0,backdropClass:"cdk-overlay-transparent-backdrop",scrollStrategy:this.overlay.scrollStrategies.reposition(),positionStrategy:a,width:i.clientWidth});this.overlayRef=this.overlay.create(s),this.overlayRef.attach(new n.TemplatePortal(e,this.viewContainerRef)),this.overlayRef.backdropClick().subscribe((function(e){o.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,t){var n=this;void 0===t&&(t=!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),t||setTimeout((function(){n.input.nativeElement.focus(),n.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 t;this.onSelect.emit(e),null===(t=this.control)||void 0===t||t.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.prototype.defaultCall=function(){var e=this;-1===this.minInputLength&&(this.loading=!0,this.defaultCallSubscription=this.httpStream(this.searchInput.value||"").subscribe((function(t){var n,i;e.loading=!1,e.data=t,!(null===(n=e.overlayRef)||void 0===n?void 0:n.hasAttached())&&(null===(i=e.data)||void 0===i?void 0:i.length)>0&&e.openDropdown(e.dd,e.origin.nativeElement)}),(function(t){e.loading=!1,e.error=!0})))},e}();l.decorators=[{type:i.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 *ngIf="disableCopyPaste; else enableCopyPaste" [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" oncopy="return false;" onpaste="return false" oncut="return false" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()"/>\n    <ng-template #enableCopyPaste>\n      <input [ngClass]="{\'ip-md\': size === \'md\', \'ip-sm\': size === \'sm\'}" tabindex="0" type="text" class="black-text h6" #input [placeholder]="placeholder" [formControl]="searchInput" (focus)="defaultCall()" />\n    </ng-template>\n    <div class="ic-navigation-cancel-24 croos-icon" *ngIf="searchInput?.value?.length" (click)="removeInputValue()"></div>\n  </div>\n</div>\n\n<ng-template #dd>\n  <div class="dd-list" [ngStyle]="{\'max-height\':height}"  [ngClass]="{\'dd-list-pd\':data.length === 0}" >\n    <ng-container *ngIf="loading">\n      <ng-container\n        *ngIf="customLoader; else defaultLoader"\n        [ngTemplateOutlet]="customLoader"\n      ></ng-container>\n      <ng-template #defaultLoader>\n        <div class="status-container" *ngIf="loading && !customLoader">\n          <mis-loader [mobileView]="true"></mis-loader>\n        </div>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf="error">\n      <div class="status-container">\n        <p>Unknown error has occurred, <br> Please try again later.</p>\n      </div>\n    </ng-container>\n    <div *ngIf="!loading && !error && data.length > 0">\n      <ng-container *ngFor="let item of data">\n        <div (click)="selectData(item, false)">\n          <ng-container\n            *ngIf="customItem; else standardItem"\n            [ngTemplateOutlet]="customItem"\n            [ngTemplateOutletContext]="{ $implicit: item }"\n          ></ng-container>\n          <ng-template #standardItem>\n            <div class="item">\n              <div class="value">\n                <div class="primary">\n                  {{ item[displayKey] }}\n                </div>\n                <div class="secondary">\n                  {{ item[secondaryDisplayKey] }}\n                </div>\n              </div>\n            </div>\n          </ng-template>\n        </div>\n      </ng-container>\n    </div>\n    <div *ngIf="!loading && !error && data.length === 0 && searchInput.value">\n      <div class="data-not-found">No Data Available</div>\n  </div>\n  </div>\n</ng-template>\n',styles:[".dd-wrapper{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:4px;display:block;cursor:pointer;outline:none}.dd-wrapper.opened,.dd-wrapper:hover{background:#f5f5f5}.dd-wrapper .selected-list{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:4px;padding:8px 16px}.dd-wrapper:focus-within{border-color:#0937b2;background:#f5f5f5}.dd-wrapper.disabled,.dd-wrapper.readonly{pointer-events:none}.search-input{position:relative;border-radius:8px}.search-input input{box-sizing:border-box;outline:none;padding-left:40px;padding-right:24px;background-color:transparent;color:#181f33;border-radius:inherit;border:1px solid transparent;width:100%}.search-input span{font-size:24px;line-height:24px;height:24px;left:8px;padding-top:2px}.search-input .croos-icon,.search-input span{position:absolute;top:50%;transform:translateY(-50%)}.search-input .croos-icon{font-size:16px;width:24px;line-height:16px;height:16px;right:0}.dd-list{padding:8px 0;max-height:200px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:8px;min-width:100%;overflow-y:auto}.dd-list::-webkit-scrollbar{width:8px;border-radius:4px}.dd-list::-webkit-scrollbar-track{background:#fff;border-radius:4px}.dd-list::-webkit-scrollbar-thumb{background:#929dab;border-radius:4px}.dd-list::-webkit-scrollbar-thumb:hover{background:#929dab}.dd-list .item{padding:8px 16px;cursor:pointer}.dd-list .item .disabled{color:#6a737d!important;pointer-events:none}.dd-list .item .value{display:flex;justify-content:space-between;align-items:center}.dd-list .item .value .primary,.dd-list .item .value .secondary{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.dd-list .item .reason{font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d}.dd-list .item:hover:not(.disabled){background:#f5f7fc}.dd-list .data-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;padding:8px}.dd-list-pd{padding:unset}.chip{display:inline-flex;align-items:center;background:#e0e0e0;overflow-wrap:anywhere;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}"]}]}],l.ctorParameters=function(){return[{type:t.Overlay},{type:i.ViewContainerRef},{type:i.NgZone}]},l.propDecorators={height:[{type:i.Input}],size:[{type:i.Input}],httpStream:[{type:i.Input}],displayKey:[{type:i.Input}],secondaryDisplayKey:[{type:i.Input}],placeholder:[{type:i.Input}],debounceTime:[{type:i.Input}],minInputLength:[{type:i.Input}],multi:[{type:i.Input}],uniqueKey:[{type:i.Input}],control:[{type:i.Input}],disabled:[{type:i.Input}],readonly:[{type:i.Input}],disableCopyPaste:[{type:i.Input}],origin:[{type:i.ViewChild,args:["ddBtn",{static:!1}]}],input:[{type:i.ViewChild,args:["input",{static:!1}]}],dd:[{type:i.ViewChild,args:["dd",{static:!1}]}],customItem:[{type:i.ContentChild,args:["misCustomItem",{static:!1}]}],customLoader:[{type:i.ContentChild,args:["asyncCustomLoader",{static:!1}]}],onSelect:[{type:i.Output}],selections:[{type:i.Input}],searchValue:[{type:i.Input}],searchQueryChange:[{type:i.Output}],clear:[{type:i.Output}],itemSelected:[{type:i.Output}],itemRemoved:[{type:i.Output}]};var d=function(){};d.decorators=[{type:i.NgModule,args:[{declarations:[l],imports:[s.CommonModule,t.OverlayModule,o.ReactiveFormsModule,o.FormsModule,r.LoaderModule],exports:[l]}]}],e.AsyncDropdownComponent=l,e.AsyncDropdownModule=d,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","disableCopyPaste","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","defaultCallSubscription","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","defaultCall","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  @Input() disableCopyPaste: boolean = false;\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  @Input() selections: Map<string, any> = new Map();\n  private searchSubscription: Subscription;\n  private defaultCallSubscription: 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    this.defaultCallSubscription?.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  defaultCall(): void {\n    if (this.minInputLength === -1) {\n      this.loading = true;\n      this.defaultCallSubscription = this.httpStream(this.searchInput.value || '').subscribe(list => {\n        this.loading = false;\n        this.data = list;\n        if (!this.overlayRef?.hasAttached() && this.data?.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","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"]}

package/bundles/mis-crystal-design-system-button.umd.js

@@ -1,134 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/button', ['exports', '@angular/core', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].button = {}), global.ng.core, global.ng.common));
-}(this, (function (exports, core, common) { 'use strict';
-
-    var ButtonComponent = /** @class */ (function () {
-        function ButtonComponent() {
-            this.name = "Enabled";
-            this.type = "Solid";
-            this.size = "Medium";
-            this.width = "";
-            this.showIcon = false;
-            this.iconUrl = "";
-            this.iconPosition = "Left";
-            this.disabled = false;
-            this.disableLeftBorderRadius = false;
-            this.disableRightBorderRadius = false;
-            /** Emits event when button is clicked */
-            this.click = new core.EventEmitter();
-        }
-        ButtonComponent.prototype.ngOnInit = function () { };
-        ButtonComponent.prototype.onClick = function (event) {
-            this.click.emit(event);
-        };
-        return ButtonComponent;
-    }());
-    ButtonComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: "mis-button",
-                    template: "<button\n  (click)=\"onClick($event)\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"{\n    solid: type === 'Solid',\n    outline: type === 'Outline',\n    text: type === 'Text',\n    large: size === 'Large',\n    medium: size === 'Medium',\n    small: size === 'Small',\n    'large-mobile': size === 'Large-M',\n    'small-mobile': size === 'Small-M'\n  }\"\n  [ngStyle]=\"{\n    'border-top-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-bottom-left-radius': disableLeftBorderRadius ? '0px' : '',\n    'border-top-right-radius': disableRightBorderRadius ? '0px' : '',\n    'border-bottom-right-radius': disableRightBorderRadius ? '0px' : '',\n    width: width\n  }\"\n>\n  <span id=\"left-icon\" *ngIf=\"showIcon && iconPosition === 'Left'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n  {{ name }}\n  <span id=\"right-icon\" *ngIf=\"showIcon && iconPosition === 'Right'\">\n    <img [src]=\"iconUrl\" alt=\"\" />\n  </span>\n</button>\n",
-                    styles: ["button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;letter-spacing:.25px}.large-mobile,.small{font-style:normal;font-size:14px;line-height:20px}.large-mobile{height:44px;padding:12px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]
-                },] }
-    ];
-    ButtonComponent.ctorParameters = function () { return []; };
-    ButtonComponent.propDecorators = {
-        name: [{ type: core.Input }],
-        type: [{ type: core.Input }],
-        size: [{ type: core.Input }],
-        width: [{ type: core.Input }],
-        showIcon: [{ type: core.Input }],
-        iconUrl: [{ type: core.Input }],
-        iconPosition: [{ type: core.Input }],
-        disabled: [{ type: core.Input }],
-        disableLeftBorderRadius: [{ type: core.Input }],
-        disableRightBorderRadius: [{ type: core.Input }],
-        click: [{ type: core.Output }]
-    };
-
-    var ButtonDirective = /** @class */ (function () {
-        function ButtonDirective(el, renderer) {
-            this.el = el;
-            this.renderer = renderer;
-            this.type = "none";
-            this.size = "md";
-            this.elementClass = "mis-btn";
-        }
-        ButtonDirective.prototype.ngAfterViewInit = function () {
-            this.bindTypeClass();
-            this.bindSizeClass();
-        };
-        ButtonDirective.prototype.bindTypeClass = function () {
-            var className = "";
-            switch (this.type) {
-                case "primary":
-                    className = "mis-primary";
-                    break;
-                case "outline":
-                    className = "mis-outline";
-                    break;
-                default:
-                    className = "mis-none";
-            }
-            this.renderer.addClass(this.el.nativeElement, className);
-        };
-        ButtonDirective.prototype.bindSizeClass = function () {
-            var className = "";
-            switch (this.size) {
-                case "lg":
-                    className = "mis-btn-lg";
-                    break;
-                case "sm":
-                    className = "mis-btn-sm";
-                    break;
-                default:
-                    className = "mis-btn-md";
-            }
-            this.renderer.addClass(this.el.nativeElement, className);
-        };
-        return ButtonDirective;
-    }());
-    ButtonDirective.decorators = [
-        { type: core.Directive, args: [{
-                    selector: "[mis-button]"
-                },] }
-    ];
-    ButtonDirective.ctorParameters = function () { return [
-        { type: core.ElementRef },
-        { type: core.Renderer2 }
-    ]; };
-    ButtonDirective.propDecorators = {
-        type: [{ type: core.Input }],
-        size: [{ type: core.Input }],
-        elementClass: [{ type: core.HostBinding, args: ["class",] }]
-    };
-
-    var ButtonModule = /** @class */ (function () {
-        function ButtonModule() {
-        }
-        ButtonModule.forRoot = function () {
-            return { ngModule: ButtonModule, providers: [] };
-        };
-        return ButtonModule;
-    }());
-    ButtonModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: [ButtonComponent, ButtonDirective],
-                    imports: [common.CommonModule],
-                    exports: [ButtonComponent, ButtonDirective]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ButtonComponent = ButtonComponent;
-    exports.ButtonDirective = ButtonDirective;
-    exports.ButtonModule = ButtonModule;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-button.umd.js.map