mis-crystal-design-system 2.9.6-test6 → 2.9.6-testing

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","VirtualScrollComponent","changeDetectorRef","_this","this","offset","BehaviorSubject","endOfInfiniteData","rowsLoading","loading","config","minBufferPx","maxBufferPx","rowHeight","pageSize","infiniteScrollDataFunction","of","intialized","EventEmitter","switchOffInfiniteScroll","data$","pipe","tap","detectChanges","catchError","err","console","switchOnInfiniteScroll","setupInfiniteScroll","prototype","ngOnInit","virtualScrollApi","toggleLoader","toggleError","emit","batchMap","throttleTime","mergeMap","getBatch","scan","acc","batch","arguments","length","concat","__spread","data","setTimeout","nextBatch","end","viewPort","getRenderedRange","total","getDataLength","Math","ceil","arr","Component","args","selector","template","ChangeDetectorRef","Input","ViewChild","CdkVirtualScrollViewport","ContentChild","static","Output","VirtualScrollModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","ScrollingModule","LoaderModule","exports"],"mappings":";;;;;;;;;;;;;;oFA2G6BA,OAAOC,gBAwBpBC,EAAOC,EAAGC,GACtB,IAAIC,EAAsB,mBAAXC,QAAyBH,EAAEG,OAAOC,UACjD,IAAKF,EAAG,OAAOF,EACf,IAAmBK,EAAYC,EAA3BC,EAAIL,EAAEM,KAAKR,GAAOS,EAAK,GAC3B,IACI,WAAc,IAANR,GAAgBA,KAAM,MAAQI,EAAIE,EAAEG,QAAQC,MAAMF,EAAGG,KAAKP,EAAEQ,OAExE,MAAOC,GAASR,EAAI,CAAEQ,MAAOA,WAEzB,IACQT,IAAMA,EAAEM,OAAST,EAAIK,EAAU,SAAIL,EAAEM,KAAKD,WAExC,GAAID,EAAG,MAAMA,EAAEQ,OAE7B,OAAOL,EAgEcZ,OAAOC,wBCzK5B,SAAAiB,EAAoBC,GAApB,IAAAC,EAAAC,KAAoBA,KAAAF,kBAAAA,EAzBpBE,KAAAC,OAAS,IAAIC,EAAAA,gBAAgB,MAC7BF,KAAAG,mBAA6B,EAC7BH,KAAAI,aAAuB,EAGvBJ,KAAAK,SAAmB,EACnBL,KAAAJ,OAAiB,EAIAI,KAAAM,OAA+B,CAC5CC,YAAa,KACbC,YAAa,KACbC,UAAW,IACXC,SAAU,EACVC,2BAA4B,SAACV,EAAQS,GAAa,OAAAE,EAAAA,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,MAKxDZ,KAAAa,WAAa,IAAIC,EAAAA,aAgB3Bd,KAAAe,wBAA0B,WACtBhB,EAAKH,OAAQ,EACbG,EAAKM,SAAU,EACfN,EAAKiB,MAAQjB,EAAKO,OAAOU,MAAMC,KAC3BC,EAAAA,KAAI,WACAnB,EAAKM,SAAU,EACfN,EAAKD,kBAAkBqB,mBAE3BC,EAAAA,YAAW,SAAAC,GAIP,OAHAC,QAAQ1B,MAAM,6DAA8DyB,GAC5EtB,EAAKM,SAAU,EACfN,EAAKH,OAAQ,EACN,QAInBI,KAAAuB,uBAAyB,WACrBxB,EAAKH,OAAQ,EACbG,EAAKM,SAAU,EACfN,EAAKE,OAAOT,KAAK,GACjBO,EAAKyB,8BA9BT3B,EAAA4B,UAAAC,SAAA,WAAA,IAAA3B,EAAAC,KACIA,KAAKuB,yBACLvB,KAAK2B,iBAAmB,CACpBC,aAAc,WAAM,OAAA7B,EAAKM,SAAWN,EAAKM,SACzCwB,YAAa,WAAM,OAAA9B,EAAKH,OAASG,EAAKH,OACtC2B,uBAAwBvB,KAAKuB,uBAC7BR,wBAAyBf,KAAKe,yBAElCf,KAAKa,WAAWiB,KAAK9B,KAAK2B,mBAwB9B9B,EAAA4B,UAAAD,oBAAA,WAAA,IAAAzB,EAAAC,KACU+B,EAAW/B,KAAKC,OAAOgB,KAC3Be,EAAAA,aAAa,KACbC,EAAAA,UAAS,SAAAhC,GAAU,OAAAF,EAAKmC,SAASjC,MACjCkC,EAAAA,MAAK,SAACC,EAAiBC,GACrB,kBDwER,IAAK,IAAI9C,EAAK,GAAIF,EAAI,EAAGA,EAAIiD,UAAUC,OAAQlD,IAC3CE,EAAKA,EAAGiD,OAAO3D,EAAOyD,UAAUjD,KACpC,OAAOE,EC1ECkD,CAAWL,EAAQC,KAClB,KAELrC,KAAKgB,MAAQe,EAASd,KAClBC,EAAAA,KAAI,SAAAwB,GACA3C,EAAKK,aAAc,EACnBL,EAAKM,SAAU,EACfsC,YAAW,WACP5C,EAAKD,kBAAkBqB,kBACxB,SAIftB,EAAA4B,UAAAmB,UAAA,SAAU3C,GACN,IAAID,KAAKG,kBAAT,CAGA,IAAM0C,EAAM7C,KAAK8C,SAASC,mBAAmBF,IACvCG,EAAQhD,KAAK8C,SAASG,gBAG5BhD,EAASiD,KAAKC,KAAKlD,EAASD,KAAKM,OAAOI,UACpCmC,IAAQG,GAAUhD,KAAKI,aACvBJ,KAAKC,OAAOT,KAAKS,KAGzBJ,EAAA4B,UAAAS,SAAA,SAASjC,GAAT,IAAAF,EAAAC,KAGI,OAFAA,KAAKI,aAAc,EACL,MAAVH,IAAgBA,EAAS,GACtBD,KAAKM,OACPK,2BAA2BV,EAAQD,KAAKM,OAAOI,UAC/CO,KACGC,EAAAA,KAAI,SAACkC,GACDA,EAAIb,OAASxC,EAAKO,OAAOI,WAAYX,EAAKI,mBAAoB,MAElEiB,EAAAA,YAAW,SAAAC,GAKP,OAJAC,QAAQ1B,MAAM,6DAA8DyB,GAC5EtB,EAAKK,aAAc,EACnBL,EAAKM,SAAU,EACfN,EAAKH,OAAQ,EACN,iCA/G1ByD,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,qBACVC,SAAA,svCATKC,EAAAA,qDAyBJC,EAAAA,MAAKJ,KAAA,CAAC,4BAONK,EAAAA,UAASL,KAAA,CAACM,EAAAA,8CACVC,EAAAA,aAAYP,KAAA,CAAC,oBAAqB,CAAEQ,QAAQ,wBAE5CC,EAAAA,2BChBL,SAAAC,YACWA,EAAAC,QAAP,WACI,MAAO,CAAEC,SAAUF,EAAqBG,UAAW,8BAb1DC,EAAAA,SAAQd,KAAA,CAAC,CACNe,aAAa,CACTxE,GAEJyE,QAAS,CACLC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,cAEJC,QAAQ,CAAC7E,EAAwB2E,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 { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n  })\nexport class VirtualScrollComponent implements OnInit {\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: boolean = false;\n    rowsLoading: boolean = false;\n    \n    // Main state managing variables\n    loading: boolean = false\n    error: boolean = false\n    \n    // Scroll data related variables\n    data$: Observable<any>\n    @Input(\"config\") config: IVirtualScrollConfig = {\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    };\n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any\n\n\n    constructor(private changeDetectorRef: ChangeDetectorRef){}\n    ngOnInit(): void {\n        this.switchOnInfiniteScroll()\n        this.virtualScrollApi = {\n            toggleLoader: () => this.loading = !this.loading,\n            toggleError: () => this.error = !this.error,\n            switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n            switchOffInfiniteScroll: this.switchOffInfiniteScroll\n        }\n        this.intialized.emit(this.virtualScrollApi)\n    }\n    switchOffInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.data$ = this.config.data$.pipe(\n            tap(() => {\n                this.loading = false\n                this.changeDetectorRef.detectChanges()\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading = false;\n                this.error = true;\n                return [];\n            })\n        )\n    }\n    switchOnInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.offset.next(0)\n        this.setupInfiniteScroll()\n    }\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n          throttleTime(500),\n          mergeMap(offset => this.getBatch(offset)),\n          scan((acc: Array<any>, batch: Array<any>) => {\n            return [...acc, ...batch];\n          }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading = false;\n                this.loading = false;\n                setTimeout(() => {\n                    this.changeDetectorRef.detectChanges();\n                }, 50)\n            })\n        );\n    }\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        // console.log(`${end}, '>=', ${total}`);\n        // console.log(\"Offset->\", offset)\n        offset = Math.ceil(offset / this.config.pageSize)\n        if (end === total && !this.rowsLoading) {\n            this.offset.next(offset);\n        }\n    }\n    getBatch(offset): Observable<any> {\n        this.rowsLoading = true;\n        if (offset == null) offset = 0;\n        return this.config\n            .infiniteScrollDataFunction(offset, this.config.pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading = false;\n                    this.loading = false;\n                    this.error = true;\n                    return [];\n                })\n            );\n    }\n    \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}"]}
+{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/virtual-scroll/virtual-scroll.component.ts","../../../projects/mis-components/virtual-scroll/virtual-scroll.module.ts"],"names":["Object","create","__read","o","n","m","Symbol","iterator","r","e","i","call","ar","next","done","push","value","error","VirtualScrollComponent","changeDetectorRef","_this","this","offset","BehaviorSubject","endOfInfiniteData","rowsLoading","loading","config","minBufferPx","maxBufferPx","rowHeight","pageSize","infiniteScrollDataFunction","of","intialized","EventEmitter","switchOffInfiniteScroll","data$","pipe","tap","detectChanges","catchError","err","console","switchOnInfiniteScroll","setupInfiniteScroll","prototype","ngOnInit","virtualScrollApi","toggleLoader","toggleError","emit","batchMap","throttleTime","mergeMap","getBatch","scan","acc","batch","arguments","length","concat","__spread","data","setTimeout","nextBatch","end","viewPort","getRenderedRange","total","getDataLength","Math","ceil","arr","Component","args","selector","template","ChangeDetectorRef","Input","ViewChild","CdkVirtualScrollViewport","ContentChild","static","Output","VirtualScrollModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","ScrollingModule","LoaderModule","exports"],"mappings":";;;;;;;;;;;;;;oFA2G6BA,OAAOC,gBAwBpBC,EAAOC,EAAGC,GACtB,IAAIC,EAAsB,mBAAXC,QAAyBH,EAAEG,OAAOC,UACjD,IAAKF,EAAG,OAAOF,EACf,IAAmBK,EAAYC,EAA3BC,EAAIL,EAAEM,KAAKR,GAAOS,EAAK,GAC3B,IACI,WAAc,IAANR,GAAgBA,KAAM,MAAQI,EAAIE,EAAEG,QAAQC,MAAMF,EAAGG,KAAKP,EAAEQ,OAExE,MAAOC,GAASR,EAAI,CAAEQ,MAAOA,WAEzB,IACQT,IAAMA,EAAEM,OAAST,EAAIK,EAAU,SAAIL,EAAEM,KAAKD,WAExC,GAAID,EAAG,MAAMA,EAAEQ,OAE7B,OAAOL,EAgEcZ,OAAOC,wBCzK5B,SAAAiB,EAAoBC,GAApB,IAAAC,EAAAC,KAAoBA,KAAAF,kBAAAA,EAzBpBE,KAAAC,OAAS,IAAIC,EAAAA,gBAAgB,MAC7BF,KAAAG,mBAA6B,EAC7BH,KAAAI,aAAuB,EAGvBJ,KAAAK,SAAmB,EACnBL,KAAAJ,OAAiB,EAIAI,KAAAM,OAA+B,CAC5CC,YAAa,KACbC,YAAa,KACbC,UAAW,IACXC,SAAU,EACVC,2BAA4B,SAACV,EAAQS,GAAa,OAAAE,EAAAA,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,MAKxDZ,KAAAa,WAAa,IAAIC,EAAAA,aAiB3Bd,KAAAe,wBAA0B,WACtBhB,EAAKH,OAAQ,EACbG,EAAKM,SAAU,EACfN,EAAKiB,MAAQjB,EAAKO,OAAOU,MAAMC,KAC3BC,EAAAA,KAAI,WACAnB,EAAKM,SAAU,EACfN,EAAKD,kBAAkBqB,mBAE3BC,EAAAA,YAAW,SAAAC,GAIP,OAHAC,QAAQ1B,MAAM,6DAA8DyB,GAC5EtB,EAAKM,SAAU,EACfN,EAAKH,OAAQ,EACN,QAInBI,KAAAuB,uBAAyB,WACrBxB,EAAKH,OAAQ,EACbG,EAAKM,SAAU,EACfN,EAAKE,OAAOT,KAAK,GACjBO,EAAKyB,8BA/BT3B,EAAA4B,UAAAC,SAAA,WAAA,IAAA3B,EAAAC,KACIA,KAAKuB,yBACLvB,KAAK2B,iBAAmB,CACpBC,aAAc,WAAM,OAAA7B,EAAKM,SAAWN,EAAKM,SACzCwB,YAAa,WAAM,OAAA9B,EAAKH,OAASG,EAAKH,OACtC2B,uBAAwBvB,KAAKuB,uBAC7BR,wBAAyBf,KAAKe,yBAElCf,KAAKF,kBAAkBqB,gBACvBnB,KAAKa,WAAWiB,KAAK9B,KAAK2B,mBAwB9B9B,EAAA4B,UAAAD,oBAAA,WAAA,IAAAzB,EAAAC,KACU+B,EAAW/B,KAAKC,OAAOgB,KAC3Be,EAAAA,aAAa,KACbC,EAAAA,UAAS,SAAAhC,GAAU,OAAAF,EAAKmC,SAASjC,MACjCkC,EAAAA,MAAK,SAACC,EAAiBC,GACrB,kBDuER,IAAK,IAAI9C,EAAK,GAAIF,EAAI,EAAGA,EAAIiD,UAAUC,OAAQlD,IAC3CE,EAAKA,EAAGiD,OAAO3D,EAAOyD,UAAUjD,KACpC,OAAOE,ECzECkD,CAAWL,EAAQC,KAClB,KAELrC,KAAKgB,MAAQe,EAASd,KAClBC,EAAAA,KAAI,SAAAwB,GACA3C,EAAKK,aAAc,EACnBL,EAAKM,SAAU,EACfsC,YAAW,WACP5C,EAAKD,kBAAkBqB,kBACxB,SAIftB,EAAA4B,UAAAmB,UAAA,SAAU3C,GACN,IAAID,KAAKG,kBAAT,CAGA,IAAM0C,EAAM7C,KAAK8C,SAASC,mBAAmBF,IACvCG,EAAQhD,KAAK8C,SAASG,gBAG5BhD,EAASiD,KAAKC,KAAKlD,EAASD,KAAKM,OAAOI,UACpCmC,IAAQG,GAAUhD,KAAKI,aACvBJ,KAAKC,OAAOT,KAAKS,KAGzBJ,EAAA4B,UAAAS,SAAA,SAASjC,GAAT,IAAAF,EAAAC,KAGI,OAFAA,KAAKI,aAAc,EACL,MAAVH,IAAgBA,EAAS,GACtBD,KAAKM,OACPK,2BAA2BV,EAAQD,KAAKM,OAAOI,UAC/CO,KACGC,EAAAA,KAAI,SAACkC,GACDA,EAAIb,OAASxC,EAAKO,OAAOI,WAAYX,EAAKI,mBAAoB,MAElEiB,EAAAA,YAAW,SAAAC,GAKP,OAJAC,QAAQ1B,MAAM,6DAA8DyB,GAC5EtB,EAAKK,aAAc,EACnBL,EAAKM,SAAU,EACfN,EAAKH,OAAQ,EACN,iCAhH1ByD,EAAAA,UAASC,KAAA,CAAC,CACPC,SAAU,qBACVC,SAAA,svCATKC,EAAAA,qDAyBJC,EAAAA,MAAKJ,KAAA,CAAC,4BAONK,EAAAA,UAASL,KAAA,CAACM,EAAAA,8CACVC,EAAAA,aAAYP,KAAA,CAAC,oBAAqB,CAAEQ,QAAQ,wBAE5CC,EAAAA,2BChBL,SAAAC,YACWA,EAAAC,QAAP,WACI,MAAO,CAAEC,SAAUF,EAAqBG,UAAW,8BAb1DC,EAAAA,SAAQd,KAAA,CAAC,CACNe,aAAa,CACTxE,GAEJyE,QAAS,CACLC,EAAAA,aACAC,EAAAA,gBACAC,EAAAA,cAEJC,QAAQ,CAAC7E,EAAwB2E,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 { ChangeDetectorRef, Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild } from \"@angular/core\";\nimport { CdkVirtualScrollViewport } from \"@angular/cdk/scrolling\";\n\nimport { BehaviorSubject, Observable, of } from \"rxjs\";\nimport { catchError, mergeMap, scan, tap, throttleTime } from \"rxjs/operators\";\nimport { IVirtualScrollConfig } from \"./virtual-scroll.constants\";\n\n@Component({\n    selector: \"mis-virtual-scroll\",\n    templateUrl: \"./virtual-scroll.component.html\",\n    styleUrls: [\"./virtual-scroll.component.scss\"],\n  })\nexport class VirtualScrollComponent implements OnInit {\n\n    // Infinite scroll related variables\n    offset = new BehaviorSubject(null);\n    endOfInfiniteData: boolean = false;\n    rowsLoading: boolean = false;\n    \n    // Main state managing variables\n    loading: boolean = false\n    error: boolean = false\n    \n    // Scroll data related variables\n    data$: Observable<any>\n    @Input(\"config\") config: IVirtualScrollConfig = {\n        minBufferPx: 2400,\n        maxBufferPx: 2400,\n        rowHeight: 128,\n        pageSize: 5,\n        infiniteScrollDataFunction: (offset, pageSize) => of([1,2,3,4,5])\n    };\n    @ViewChild(CdkVirtualScrollViewport) viewPort: CdkVirtualScrollViewport;\n    @ContentChild(\"virtualScrollItem\", { static: false })\n    customItem: TemplateRef<Element>;\n    @Output() intialized = new EventEmitter<any>();\n\n    virtualScrollApi: any\n\n\n    constructor(private changeDetectorRef: ChangeDetectorRef){}\n    ngOnInit(): void {\n        this.switchOnInfiniteScroll()\n        this.virtualScrollApi = {\n            toggleLoader: () => this.loading = !this.loading,\n            toggleError: () => this.error = !this.error,\n            switchOnInfiniteScroll: this.switchOnInfiniteScroll,\n            switchOffInfiniteScroll: this.switchOffInfiniteScroll\n        }\n        this.changeDetectorRef.detectChanges();\n        this.intialized.emit(this.virtualScrollApi)\n    }\n    switchOffInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.data$ = this.config.data$.pipe(\n            tap(() => {\n                this.loading = false\n                this.changeDetectorRef.detectChanges()\n            }),\n            catchError(err => {\n                console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                this.loading = false;\n                this.error = true;\n                return [];\n            })\n        )\n    }\n    switchOnInfiniteScroll = (): void => {\n        this.error = false\n        this.loading = true\n        this.offset.next(0)\n        this.setupInfiniteScroll()\n    }\n    setupInfiniteScroll(): void {\n        const batchMap = this.offset.pipe(\n          throttleTime(500),\n          mergeMap(offset => this.getBatch(offset)),\n          scan((acc: Array<any>, batch: Array<any>) => {\n            return [...acc, ...batch];\n          }, [])\n        );\n        this.data$ = batchMap.pipe(\n            tap(data => {\n                this.rowsLoading = false;\n                this.loading = false;\n                setTimeout(() => {\n                    this.changeDetectorRef.detectChanges();\n                }, 50)\n            })\n        );\n    }\n    nextBatch(offset): void {\n        if (this.endOfInfiniteData) {\n            return;\n        }\n        const end = this.viewPort.getRenderedRange().end;\n        const total = this.viewPort.getDataLength();\n        // console.log(`${end}, '>=', ${total}`);\n        // console.log(\"Offset->\", offset)\n        offset = Math.ceil(offset / this.config.pageSize)\n        if (end === total && !this.rowsLoading) {\n            this.offset.next(offset);\n        }\n    }\n    getBatch(offset): Observable<any> {\n        this.rowsLoading = true;\n        if (offset == null) offset = 0;\n        return this.config\n            .infiniteScrollDataFunction(offset, this.config.pageSize)\n            .pipe(\n                tap((arr: Array<any>) => {\n                    arr.length < this.config.pageSize ? (this.endOfInfiniteData = true) : null;\n                }),\n                catchError(err => {\n                    console.error(\"Error: Unknown error occurred while fetching calendar data\", err);\n                    this.rowsLoading = false;\n                    this.loading = false;\n                    this.error = true;\n                    return [];\n                })\n            );\n    }\n    \n}","import { ScrollingModule } from \"@angular/cdk/scrolling\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\"\n\nimport { LoaderModule} from \"mis-crystal-design-system/loader\"\n\nimport { VirtualScrollComponent } from \"./virtual-scroll.component\";\n\n@NgModule({\n    declarations:[\n        VirtualScrollComponent\n    ],\n    imports: [\n        CommonModule,\n        ScrollingModule,\n        LoaderModule\n    ],\n    exports:[VirtualScrollComponent, ScrollingModule],\n})\nexport class VirtualScrollModule{ \n    static forRoot() : ModuleWithProviders<VirtualScrollModule> {\n        return { ngModule: VirtualScrollModule, providers: []}\n    }\n}"]}

package/button/button.directive.scss

@@ -1,7 +1,3 @@
-@import '../styles/mis-color-constants.scss';
-@import '../styles/mis-fonts.scss';
-@import '../styles/mis-icons.scss';
-
 .mis-btn {
   background: none;
   outline: none;
@@ -35,39 +31,39 @@
   }
 
   background-color: transparent;
-  color: $pmry_500;
+  color: #0937b2;
   &:hover {
-    background-color: $tr_hover;
+    background-color: #f0f3fa;
   }
   &:focus {
-    background-color: $tr_pressed;
+    background-color: #dae1f3;
   }
   &:disabled {
-    color: $text-disabled;
+    color: #929dab;
     pointer-events: none;
   }
 
   &.mis-outline {
-    border: 1px solid $pmry_500;
+    border: 1px solid #0937b2;
 
     &:disabled {
-      color: $text-disabled;
-      border-color: $text-disabled;
+      color: #929dab;
+      border-color: #929dab;
     }
   }
 
   &.mis-primary {
-    background-color: $pmry_500;
-    color: $text_white;
+    background-color: #0937b2;
+    color: #ffffff;
     &:hover {
-      background-color: $pmry_600;
+      background-color: #062a99;
     }
     &:focus {
-      background-color: $pmry_700;
+      background-color: #041f80;
     }
     &:disabled {
-      background-color: $grey_seperators;
-      color: $text-disabled;
+      background-color: #e0e0e0;
+      color: #929dab;
     }
   }
 }

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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":["@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}button{font-family:Lato,sans-serif!important;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#181f33;background-color:#fff}.solid{color:#fff;background:#0937b2}.solid:hover:enabled{background:#062a99}.solid:active:enabled{background:#041f80}.solid:disabled{color:#929dab;background:#f5f5f5}.outline{border:1px solid #0937b2;color:#0937b2;background:#fff}.outline:hover:enabled{background:#f0f3fa}.outline:active:enabled{background:#dae1f3}.outline:disabled{color:#929dab;border:1px solid #929dab}.text{color:#181f33;background:#fff}.text:hover:enabled{background:#f0f3fa}.text:active:enabled{background:#dae1f3}.text:disabled{color:#929dab}.large{height:56px;padding:16px;border-radius:10px;font-weight:700;letter-spacing:.5px}.large,.medium{font-style:normal;font-size:16px;line-height:24px}.medium{height:44px;padding:10px 16px;border-radius:8px;font-weight:400;letter-spacing:.2px}.small{height:32px;padding:6px 16px;border-radius:6px;font-weight:400;font-size:14px;letter-spacing:.25px}.large-mobile,.small{font-style:normal;line-height:20px}.large-mobile{height:44px;padding:12px;font-size:16px}.large-mobile,.small-mobile{border-radius:8px;font-weight:700;letter-spacing:.1px}.small-mobile{height:32px;padding:6px 12px;font-style:normal;font-size:14px;line-height:20px}span{display:flex;justify-content:center;align-items:center}#left-icon{margin-right:8px}#right-icon{margin-left:8px}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disableLeftBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disableRightBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mis-button]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"elementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":56}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"bindTypeClass":[{"__symbolic":"method"}],"bindSizeClass":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ButtonModule"},"providers":[]}}}}},"origins":{"ButtonComponent":"./button.component","ButtonDirective":"./button.directive","ButtonModule":"./button.module"},"importAs":"mis-crystal-design-system/button"}
+{"__symbolic":"module","version":4,"metadata":{"ButtonComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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}"]}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"iconPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"disableLeftBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"disableRightBorderRadius":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}},"ButtonDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[mis-button]"}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":6,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"elementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":8,"character":3},"arguments":["class"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":10,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":56}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"bindTypeClass":[{"__symbolic":"method"}],"bindSizeClass":[{"__symbolic":"method"}]}},"ButtonModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"ButtonComponent"},{"__symbolic":"reference","name":"ButtonDirective"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ButtonModule"},"providers":[]}}}}},"origins":{"ButtonComponent":"./button.component","ButtonDirective":"./button.directive","ButtonModule":"./button.module"},"importAs":"mis-crystal-design-system/button"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-checkbox","template":"<div\n  class=\"checkbox-container\"\n  [ngStyle]=\"{ cursor: formControl.disabled ? 'not-allowed' : 'pointer' }\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n  <input hidden type=\"checkbox\" [formControl]=\"formControl\" (click)=\"$event.stopPropagation()\" />\n  <span\n    class=\"checkmark\"\n    tabindex=\"0\"\n    *ngIf=\"!isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n  <span\n    class=\"checkmark indeterminate\"\n    tabindex=\"0\"\n    *ngIf=\"isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n</div>\n","styles":["@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}.checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]}]}],"members":{"inputBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["input"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggleState":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"CheckboxComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"CheckboxModule"},"providers":[]}}}}},"origins":{"CheckboxComponent":"./checkbox.component","CheckboxModule":"./checkbox.module"},"importAs":"mis-crystal-design-system/checkbox"}
+{"__symbolic":"module","version":4,"metadata":{"CheckboxComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"mis-checkbox","template":"<div\n  class=\"checkbox-container\"\n  [ngStyle]=\"{ cursor: formControl.disabled ? 'not-allowed' : 'pointer' }\"\n  (click)=\"!formControl.disabled && toggleState()\"\n>\n  <input hidden type=\"checkbox\" [formControl]=\"formControl\" (click)=\"$event.stopPropagation()\" />\n  <span\n    class=\"checkmark\"\n    tabindex=\"0\"\n    *ngIf=\"!isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n  <span\n    class=\"checkmark indeterminate\"\n    tabindex=\"0\"\n    *ngIf=\"isIndeterminate\"\n    [ngClass]=\"{\n      'disabled-checkbox': formControl.disabled,\n      error: isError && !formControl.disabled\n    }\"\n  ></span>\n</div>\n","styles":[".checkbox-container{height:20px;width:20px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:sub}.checkbox-container input{opacity:0;cursor:pointer}.checkbox-container input,.checkmark{position:absolute;height:20px;width:20px}.checkmark{display:flex;justify-content:center;align-items:center;top:0;left:0;border-radius:4px;background-color:#fff;border:2px solid #6a737d;box-sizing:border-box}.checkmark:hover{border-color:#929dab}.checkmark:focus,.checkmark:focus-within{box-shadow:0 0 0 .09em #fff,0 0 .01em .2em #0937b2;outline:none}.checkbox-container input:checked~.checkmark{background-color:#0937b2;border-color:#0937b2}.checkbox-container input:checked~.checkmark.disabled-checkbox{background-color:#c8cdd3;border-color:#c8cdd3}.checkmark:after{content:\"\";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark.indeterminate:after{top:2px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.disabled-checkbox{pointer-events:none;border-color:#c8cdd3}.error{border-color:#b00020}.checkbox-container input:checked~.error.checkmark{border:#b00020!important;background:#b00020!important}.checkbox-container .error.checkmark:after{top:3px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .error.checkmark.indeterminate:after{top:4px;width:2px;height:0;border:solid #fff;border-width:0 0 12px;border-radius:14px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}.error:focus,.error:focus-within{box-shadow:none!important;outline:none}"]}]}],"members":{"inputBox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["input"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"indeterminate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"checked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"formControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"toggleState":[{"__symbolic":"method"}]}},"CheckboxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CheckboxComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":8,"character":26}],"exports":[{"__symbolic":"reference","name":"CheckboxComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"CheckboxModule"},"providers":[]}}}}},"origins":{"CheckboxComponent":"./checkbox.component","CheckboxModule":"./checkbox.module"},"importAs":"mis-crystal-design-system/checkbox"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"ChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-chip","template":"<div\n  id=\"chip-container\"\n  [ngClass]=\"{\n    small: size === 'Small',\n    medium: size === 'Medium',\n    'small-m': size === 'Small-M',\n    'medium-m': size === 'Medium-M'\n  }\"\n>\n  <img *ngIf=\"iconUrl && iconUrl.length > 0\" [src]=\"iconUrl\" alt=\"\" />\n  <span>{{ label }}</span>\n  <div *ngIf=\"count != null || count != undefined\" id=\"count-container\">\n    <div id=\"separator\"></div>\n    <span id=\"count-text\">{{ count }}</span>\n  </div>\n  <span *ngIf=\"dismissible\" id=\"close-icon\" (click)=\"cancel.emit(value)\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </span>\n</div>\n","styles":["@charset \"UTF-8\";:root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.h1{font-size:40px;line-height:48px;font-weight:400px;letter-spacing:0}.h2{font-size:32px;line-height:40px}.h2,.h3{font-weight:400;letter-spacing:0}.h3{font-size:28px;line-height:36px}.h4{font-size:24px;line-height:32px;font-weight:400;letter-spacing:0}.h5-b{font-weight:700;letter-spacing:.25px}.h5,.h5-b{font-size:20px;line-height:28px}.h5{font-weight:400;letter-spacing:.15px}.h6-b{font-weight:700;letter-spacing:0;font-size:16px;line-height:24px}.h6{line-height:24}.h6,.p{font-size:16px;font-weight:400;letter-spacing:0}.p{line-height:180%}.h7-b{font-weight:700;letter-spacing:.25px}.h7,.h7-b{font-size:14px;line-height:20px}.h7{font-weight:400;letter-spacing:.2px}.h8-b{font-weight:700;letter-spacing:.25px}.h8,.h8-b{font-size:12px;line-height:18px}.h8{letter-spacing:.2px}.h8,.h9{font-weight:400}.h9{font-size:10px;line-height:15px;letter-spacing:0}.btn-lg-b{font-weight:700;letter-spacing:.5px}.btn-lg,.btn-lg-b{font-size:16px;line-height:24px}.btn-lg{font-weight:400;letter-spacing:.2px}.btn-sm{font-weight:400;letter-spacing:.25px;font-size:14px;line-height:20px}.btn-link{font-size:16px;line-height:24px}.display-1{font-weight:400;letter-spacing:0;font-size:48px;line-height:56px}.display-2{font-weight:400;letter-spacing:.5px;font-size:14px;line-height:20px}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot?sriz9y);src:url(fonts/icomoon.eot?sriz9y#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?sriz9y) format(\"truetype\"),url(fonts/icomoon.woff?sriz9y) format(\"woff\"),url(fonts/icomoon.svg?sriz9y#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ic-ets-green-impact-32 .path1:before{content:\"\";color:#e4f5e9}.icon-ic-ets-green-impact-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-ets-green-impact-32 .path3:before{content:\"\";margin-left:-.9697265625em;color:#547f40}.icon-ic-action-average-kilometers:before{content:\"\"}.icon-ic-action-average-trips:before{content:\"\"}.icon-ic-action-EV-vehicle:before{content:\"\"}.icon-ic-action-total-trips:before{content:\"\"}.icon-ic-ui-front-desk-24:before{content:\"\"}.icon-ic-ui-visitor-invite-24:before{content:\"\"}.icon-ic-ETS-OTA-16:before{content:\"\";color:#ed711c}.icon-ic-ETS-OTD-16:before{content:\"\";color:#0087b2}.icon-ic-home-office-24:before{content:\"\";color:#929dab}.icon-ic-device-unreachable-16:before{content:\"\"}.icon-ic-fixed-device-not-reachable-16:before{content:\"\"}.icon-ic-geo-fence-violation-16:before{content:\"\"}.icon-ic-map-pin-16:before{content:\"\"}.icon-ic-SOS-fixed-device-16:before{content:\"\"}.icon-ic-SOS-mobile-16:before{content:\"\"}.icon-ic-speeding-16:before{content:\"\"}.icon-ic-tamper-alert-16:before{content:\"\"}.icon-ic-unsafe-zone-alert-16:before{content:\"\"}.icon-ic-vehicle-stopage-16:before{content:\"\"}.icon-ic-violations-sign-off-time-16:before{content:\"\"}.icon-ic-woman-travelling-alone-16:before{content:\"\"}.icon-ic-ets-adhoc-32:before{content:\"\";color:#b00020}.icon-ic-ets-help-desk-32:before{content:\"\";color:#fff}.icon-ic-ets-login-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-login-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ets-logout-32 .path1:before{content:\"\";color:#181f33}.icon-ic-ets-logout-32 .path2:before{content:\"\";margin-left:-.9697265625em;color:#000}.icon-ic-ui-WFO-outline-24:before{content:\"\";color:#0087b2}.icon-ic-ui-WFH-24-2:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-outline-24:before{content:\"\";color:#6b034e}.icon-ic-ui-WFH-24-1:before{content:\"\";color:#fff}.icon-ic-ui-WFO-24-2:before{content:\"\";color:#0087b2}.icon-ic-ui-WFO-24-1:before{content:\"\";color:#fff}.icon-ic-ui-battery-life-24:before{content:\"\"}.icon-ic-ets-bus-24-1:before{content:\"\"}.icon-ic-ets-bus-24-2:before{content:\"\";color:#0937b2}.icon-ic-ets-chat-24:before{content:\"\"}.icon-ic-ets-cloud-off-24:before{content:\"\"}.icon-ic-ets-walking-man-24:before{content:\"\";color:#6a737d}.icon-ic-ui-transport-24-1:before{content:\"\";color:#0937b2}.icon-ic-ets-nodal-point-24:before{content:\"\"}.icon-ic-ui-seperator-16:before{content:\"\";color:#6a737d}.icon-ic-action-filter-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-filter-applied-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-action-notif-wbadge-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-notif-wbadge-24 .path2:before{content:\"\";margin-left:-1em;color:#b00020}.icon-ic-action-notif-wbadge-24 .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-notif-wbadge-24 .path4:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-action-sort-applied-24 .path1:before{content:\"\";color:#181f33}.icon-ic-action-sort-applied-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-duplicate-24:before{content:\"\";color:#815fd5}.icon-ic-eligibility-address-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-boy-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-cough-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-covid-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-man-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-sick-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-symptoms-24:before{content:\"\";color:#c13d6d}.icon-ic-eligibility-travel-24:before{content:\"\";color:#c13d6d}.icon-ic-Gigipass-loading-bg:before{content:\"\";color:#0087b2}.icon-ic-map-pin-24:before{content:\"\"}.icon-ic-mobile-side-menu-vaccine-24:before{content:\"\";color:#0937b2}.icon-ic-nav-help-24:before{content:\"\"}.icon-ic-navigation-collapse-16:before{content:\"\"}.icon-ic-navigation-expand-16:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-32:before{content:\"\";color:#6a737d}.icon-ic-not-started-24-no-bg:before{content:\"\";color:#d4900c}.icon-ic-nre-notification-indicator-24 .path1:before{content:\"\";color:#181f33}.icon-ic-nre-notification-indicator-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#38af49}.icon-ic-nrs-multisite-24:before{content:\"\"}.icon-ic-nrs-sort--ascending-24:before{content:\"\"}.icon-ic-nrs-sort--descending-24:before{content:\"\"}.icon-ic-ui-changed-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-changed-24 .path2:before{content:\"\";margin-left:-1em;color:#34d0ec}.icon-ic-ui-clock-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-clock-out-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-clock-out-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-ui-cross-24:before{content:\"\";color:#b00020}.icon-ic-ui-download-24:before{content:\"\"}.icon-ic-ui-error-24:before{content:\"\";color:#b00020}.icon-ic-ui-statistics-24 .path1:before{content:\"\";color:#000}.icon-ic-ui-statistics-24 .path2:before{content:\"\";margin-left:-1em;color:#0937b2}.icon-ic-ui-tick-24:before{content:\"\";color:#38af49}.icon-ic-ui-walked-in-24 .path1:before{content:\"\";color:#0937b2}.icon-ic-ui-walked-in-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#34d0ec}.icon-ic-rep-calendar2-16:before{content:\"\"}.icon-ic-ui-overlap-16:before{content:\"\"}.icon-ic-navigation-arrow_left-16:before{content:\"\"}.icon-ic-navigation-arrow_right-16:before{content:\"\"}.icon-ic-rep-booking-16:before{content:\"\"}.icon-ic-ui-arrow-16:before{content:\"\"}.icon-ic-ui-filters2-16:before{content:\"\"}.icon-ic-ui-nonveg-16:before{content:\"\";color:#b00020}.icon-ic-ui-veg-16:before{content:\"\";color:#38af49}.icon-ic-ui-vegan-16:before{content:\"\";color:#ff9d00}.icon-ic-ui-Gender-24:before{content:\"\"}.icon-ic-ui-Phone-24-1:before{content:\"\"}.icon-ic-ui-Phone-24:before{content:\"\"}.icon-ic-ui-Name-24:before{content:\"\"}.icon-ic-ui-transport-cab-24:before{content:\"\"}.icon-ic-ui-info-24:before{content:\"\";color:#0091ff}.icon-ic-ui-WFO-24:before{content:\"\"}.icon-ic-ui-action-24:before{content:\"\"}.icon-ic-ui-approvals-24:before{content:\"\"}.icon-ic-ui-approvals2-24:before{content:\"\"}.icon-ic-ui-fast-24:before{content:\"\"}.icon-ic-ui-transport-24:before{content:\"\"}.icon-ic-ui-vaccine-review-24:before{content:\"\"}.icon-ic-image-24:before{content:\"\"}.icon-ic-ui-bike-24:before{content:\"\"}.icon-ic-ui-car-24:before{content:\"\"}.icon-ic-ui-description-24:before{content:\"\"}.icon-ic-ui-email-24-1:before{content:\"\"}.icon-ic-ui-format-bullet-24:before{content:\"\"}.icon-ic-ui-format-number-24:before{content:\"\"}.icon-ic-ui-help-24:before{content:\"\"}.icon-ic-ui-location-24:before{content:\"\"}.icon-ic-ui-location-searching-24:before{content:\"\"}.icon-ic-ui-meal-241:before{content:\"\"}.icon-ic-ui-on-call-24:before{content:\"\"}.icon-ic-ui-person-24:before{content:\"\"}.icon-ic-ui-pie-24:before{content:\"\"}.icon-ic-ui-question-24:before{content:\"\"}.icon-ic-ui-request-24:before{content:\"\"}.icon-ic-ui-seat-24:before{content:\"\"}.icon-ic-ui-trend-down-24:before{content:\"\";color:#b00020}.icon-ic-ui-trend-up-24:before{content:\"\";color:#38af49}.icon-ic-ui-warning-24:before{content:\"\";color:#ff9d00}.icon-ic-ui-WFH-24:before{content:\"\"}.icon-ic-nre-check-24:before{content:\"\"}.icon-ic-nre-flag-24:before{content:\"\"}.icon-ic-nre-notification-24:before{content:\"\"}.icon-ic-nre-push-pin-24:before{content:\"\"}.icon-ic-nre-wash-24:before{content:\"\"}.icon-ic-nrs-security-24:before{content:\"\"}.icon-ic-nrs-billing-24:before{content:\"\"}.icon-ic-nrs-downloads-24:before{content:\"\"}.icon-ic-nrs-loader-16:before{content:\"\";color:#0937b2}.icon-ic-nrs-metrics-24:before{content:\"\"}.icon-ic-nrs-refersh-24:before{content:\"\"}.icon-ic-nrs-sanitize-24:before{content:\"\"}.icon-ic-nrs-score-card-24:before{content:\"\"}.icon-ic-nrs-view-24:before{content:\"\"}.icon-ic-device-24:before{content:\"\"}.icon-ic-duplicate-24--no-bg:before{content:\"\";color:#815fd5}.icon-ic-Gigipass-loading-no-bg:before{content:\"\";color:#0087b2}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path1:before{content:\"\";color:#d4900c}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path3:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-transport-Availibilty-Muted-V1-24-bg .path4:before{content:\"\";margin-left:-1em;color:#d4900c}.icon-ic-not-started-24 .path1:before{content:\"\";color:#ed711c}.icon-ic-not-started-24 .path2:before{content:\"\";margin-left:-1em;color:#fff}.icon-ic-new-icon-Marshall-sign-in-24-nobg:before{content:\"\"}.icon-ic-vendor-24:before{content:\"\"}.icon-ic-naviation-directions-24:before{content:\"\"}.icon-ic-navigation-arrow-left-24:before{content:\"\"}.icon-ic-navigation-arrow-right-24:before{content:\"\"}.icon-ic-navigation-cancel-24:before{content:\"\"}.icon-ic-navigation-chevron-left-24:before{content:\"\"}.icon-ic-navigation-chevron-right-24:before{content:\"\"}.icon-ic-navigation-drop-down-24:before{content:\"\"}.icon-ic-navigation-expand-less-24:before{content:\"\"}.icon-ic-ui-check-24:before{content:\"\"}.icon-ic-nav-meeting-fill-24:before{content:\"\";color:#0937b2}.icon-ic-mr-projector-24:before{content:\"\"}.icon-ic-mr-building-24:before{content:\"\"}.icon-ic-mr-deluxe-seat-24:before{content:\"\"}.icon-ic-mr-fridge-24:before{content:\"\"}.icon-ic-mr-guestwifi-24:before{content:\"\"}.icon-ic-mr-ip-phones-24:before{content:\"\"}.icon-ic-mr-mic-24:before{content:\"\"}.icon-ic-mr-sanitization-spray-24:before{content:\"\"}.icon-ic-mr-speakerphones-24:before{content:\"\"}.icon-ic-mr-stationary-24:before{content:\"\"}.icon-ic-mr-tv-24:before{content:\"\"}.icon-ic-mr-video-conferencing-24:before{content:\"\"}.icon-ic-mr-whiteboard-24:before{content:\"\"}.icon-ic-mr-wing-24:before{content:\"\"}.icon-ic-nav-seat-02-24:before{content:\"\"}.icon-ic-nav-seat-fill-24:before{content:\"\";color:#0937b2}.icon-ic--new-icon--user-permissions2-24:before{content:\"\"}.icon-ic-map-current-24 .path1:before{content:\"\";color:#cbddfb;opacity:.5}.icon-ic-map-current-24 .path2:before{content:\"\";margin-left:-.9599609375em;color:#0937b2}.icon-ic-map-locate-24:before{content:\"\"}.icon-ic-map-reposition-24:before{content:\"\";color:#6a737d}.icon-ic-new-icon--user-group-24:before{content:\"\"}.icon-ic-new-icon-Desk-Allocation-24:before{content:\"\"}.icon-ic-new-icon-desk-management-24:before{content:\"\"}.icon-ic-new-icon-desk-utilisation-24:before{content:\"\"}.icon-ic-new-icon-freeze-24-nobg:before{content:\"\"}.icon-ic-new-icon-health-risk-24:before{content:\"\"}.icon-ic-new-icon-key-24:before{content:\"\"}.icon-ic-new-icon-meeting-room2-24:before{content:\"\"}.icon-ic-new-icon-Rupee-24:before{content:\"\"}.icon-ic-new-icon-user-permissions-1-24:before{content:\"\"}.icon-ic-new-icons-User-group-24:before{content:\"\"}.icon-ic-ui-attendance:before{content:\"\"}.icon-ic-ui-cab-login:before{content:\"\"}.icon-ic-ui-cab-logout:before{content:\"\"}.icon-ic-ui-sign-in:before{content:\"\"}.icon-request-2:before{content:\"\"}.icon-seats-available:before{content:\"\";color:#5cc917}.icon-seats-booked:before{content:\"\";color:#039be5}.icon-seats-cancelled:before{content:\"\";color:#ef4d1d}.icon-seats-totals:before{content:\"\";color:#bcbcbc}.icon-ic-nav-team-24:before{content:\"\"}.icon-ic-employee-rest:before{content:\"\"}.icon-ic-nav-cancelled-24:before{content:\"\"}.icon-ic-nav-desk-allocation-24:before{content:\"\"}.icon-ic-nav-desk-bulk-upload-24:before{content:\"\"}.icon-ic-nav-desk-mgmt-24:before{content:\"\"}.icon-ic-nav-desk-utilization-24:before{content:\"\"}.icon-ic-nav-meetingroom-24:before{content:\"\"}.icon-ic-nav-office-24:before{content:\"\"}.icon-ic-nav-qr-mgmt-24:before{content:\"\"}.icon-ic-nav-report-24:before{content:\"\"}.icon-ic-nav-resource-grps-24:before{content:\"\"}.icon-ic-nav-seat-mgmt-24:before{content:\"\"}.icon-ic-nav-settings-24:before{content:\"\"}.icon-ic-nav-translate-24:before{content:\"\"}.icon-ic-nav-unplanned-24:before{content:\"\"}.icon-ic-nav-upload-24:before{content:\"\"}.icon-ic-nav-user-24:before{content:\"\"}.icon-ic-nav-user-grps-24:before{content:\"\"}.icon-ic-nav-user-pemissions-24:before{content:\"\"}.icon-ic-nav-utilisation-24:before{content:\"\"}.icon-ic-nav-vaccine-24:before{content:\"\"}.icon-ic-nav-visitor-management-24:before{content:\"\"}.icon-ic-nav-work-planner-24:before{content:\"\"}.icon-ic-nre-add-24:before{content:\"\"}.icon-ic-nre-deactivate-24:before{content:\"\"}.icon-ic-sidebar-floor-plan-24:before{content:\"\"}.icon-ic-sidebar-guard-24:before{content:\"\"}.icon-ic-sidebar-home-24:before{content:\"\"}.icon-ic-sidebar-meeting-rooms-24:before{content:\"\"}.icon-ic-sidebar-my-bookings-24:before{content:\"\"}.icon-ic-sidebar-reception-24:before{content:\"\"}.icon-ic-ui-pdf-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-V1-325:before{content:\"\";color:#929dab}.icon-ic-ui-daytime-24:before{content:\"\"}.icon-ic-new-icon-transport-Availibilty-Muted-V1-321:before{content:\"\";color:#6a737d}.icon-ic-ui--no_parking-24:before{content:\"\";color:#6a737d}.icon-ic-ui-bus-24:before{content:\"\"}.icon-ic-ui-cab-24:before{content:\"\"}.icon-ic-ui-calendar2-24:before{content:\"\"}.icon-ic-ui-calender-24:before{content:\"\"}.icon-ic-ui-email-24:before{content:\"\"}.icon-ic-ui-home-24:before{content:\"\"}.icon-ic-ui-meal-24:before{content:\"\"}.icon-ic-ui-new_parking-24:before{content:\"\"}.icon-ic-ui-night-24:before{content:\"\"}.icon-ic-ui-office-24:before{content:\"\"}.icon-ic-ui-outofoffice-24:before{content:\"\"}.icon-ic-ui-parking-24:before{content:\"\"}.icon-ic-ui-phone-24:before{content:\"\"}.icon-ic-ui-Transport-availability-24:before{content:\"\"}.icon-ic-ui-Transport-not-availability-24:before{content:\"\"}.icon-ic-action-more-horiz-24:before{content:\"\"}.icon-ic-action-add-24:before{content:\"\"}.icon-ic-action-ascending-24:before{content:\"\"}.icon-ic-action-cached-24:before{content:\"\"}.icon-ic-action-calview-24:before{content:\"\"}.icon-ic-action-copy-link-24:before{content:\"\"}.icon-ic-action-delete-24:before{content:\"\"}.icon-ic-action-descending-24:before{content:\"\"}.icon-ic-action-download-24:before{content:\"\"}.icon-ic-action-drag-24:before{content:\"\";color:#c8cdd3}.icon-ic-action-drag:before{content:\"\";color:#6a737d}.icon-ic-action-edit-24:before{content:\"\"}.icon-ic-action-expand-24-1:before{content:\"\"}.icon-ic-action-external-link-24:before{content:\"\"}.icon-ic-action-favorite-24:before{content:\"\"}.icon-ic-action-filter-24:before{content:\"\"}.icon-ic-action-globe-24:before{content:\"\"}.icon-ic-action-history-24-1:before{content:\"\"}.icon-ic-action-history-24:before{content:\"\"}.icon-ic-action-info-24:before{content:\"\"}.icon-ic-action-invite-24:before{content:\"\"}.icon-ic-action-listview-24:before{content:\"\"}.icon-ic-action-logout-24:before{content:\"\"}.icon-ic-action-menu-24:before{content:\"\"}.icon-ic-action-more-vert-24:before{content:\"\"}.icon-ic-action-notif-2-24:before{content:\"\"}.icon-ic-action-notif-24:before{content:\"\"}.icon-ic-action-person-search-24:before{content:\"\"}.icon-ic-action-print-24:before{content:\"\"}.icon-ic-action-qr-24:before{content:\"\"}.icon-ic-action-refresh-24:before{content:\"\"}.icon-ic-action-remove-24:before{content:\"\"}.icon-ic-action-search-24:before{content:\"\"}.icon-ic-action-see-more-24:before{content:\"\"}.icon-ic-action-send-24:before{content:\"\"}.icon-ic-action-share-24:before{content:\"\"}.icon-ic-action-shift-time-24:before{content:\"\"}.icon-ic-action-sort-24:before{content:\"\"}.icon-ic-action-sort2-24:before{content:\"\"}.icon-ic-action-switch-24:before{content:\"\"}.icon-ic-action-upload-24:before{content:\"\"}.icon-ic-action-visibility-24:before{content:\"\";color:#6a737d}.icon-ic-action-visibility-off-24:before{content:\"\";color:#6a737d}#chip-container{display:flex;justify-content:center;align-items:center;font-family:Lato,sans-serif!important;background-color:#e0e0e0;box-sizing:border-box;cursor:default}#chip-container:hover{background:#d7d9de}img{margin-right:4px}#close-icon{margin-left:4px;cursor:pointer}#close-icon,#count-container{display:flex;justify-content:center;align-items:center}#count-container,#separator{height:100%}#separator{width:1px;background-color:#c8cdd3;margin:0 8px}#count-text{font-weight:700;letter-spacing:.25px}.small{height:24px;padding:4px 8px;border-radius:7px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px}.medium,.small{font-style:normal;color:#181f33}.medium{height:32px;padding:6px 12px;border-radius:16px;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px}.small-m{height:20px;padding:4px 8px;border-radius:10px;font-size:11px;line-height:12px;letter-spacing:.1px}.medium-m,.small-m{font-style:normal;font-weight:400;color:#181f33}.medium-m{height:24px;padding:4px 12px;border-radius:12px;font-size:12px;line-height:16px;letter-spacing:.25px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ChipComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ChipModule"},"providers":[]}}}}},"origins":{"ChipComponent":"./chip.component","ChipModule":"./chip.module"},"importAs":"mis-crystal-design-system/chip"}
+{"__symbolic":"module","version":4,"metadata":{"ChipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"mis-chip","template":"<div\n  id=\"chip-container\"\n  [ngClass]=\"{\n    small: size === 'Small',\n    medium: size === 'Medium',\n    'small-m': size === 'Small-M',\n    'medium-m': size === 'Medium-M'\n  }\"\n>\n  <img *ngIf=\"iconUrl && iconUrl.length > 0\" [src]=\"iconUrl\" alt=\"\" />\n  <span>{{ label }}</span>\n  <div *ngIf=\"count != null || count != undefined\" id=\"count-container\">\n    <div id=\"separator\"></div>\n    <span id=\"count-text\">{{ count }}</span>\n  </div>\n  <span *ngIf=\"dismissible\" id=\"close-icon\" (click)=\"cancel.emit(value)\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M5.49931 4.25725C5.15643 3.91437 4.60052 3.91437 4.25765 4.25725C3.91477 4.60012 3.91477 5.15604 4.25765 5.49891L6.75868 7.99994L4.25827 10.5004C3.91539 10.8432 3.91539 11.3991 4.25827 11.742C4.60114 12.0849 5.15706 12.0849 5.49993 11.742L8.00034 9.24161L10.5007 11.742C10.8436 12.0849 11.3995 12.0849 11.7424 11.742C12.0853 11.3991 12.0853 10.8432 11.7424 10.5003L9.24201 7.99995L11.743 5.49893C12.0859 5.15606 12.0859 4.60014 11.743 4.25727C11.4001 3.91439 10.8442 3.91439 10.5014 4.25727L8.00034 6.75828L5.49931 4.25725Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </span>\n</div>\n","styles":["#chip-container{display:flex;justify-content:center;align-items:center;font-family:Lato,sans-serif!important;background-color:#e0e0e0;box-sizing:border-box;cursor:default}#chip-container:hover{background:#d7d9de}img{margin-right:4px}#close-icon{margin-left:4px;cursor:pointer}#close-icon,#count-container{display:flex;justify-content:center;align-items:center}#count-container,#separator{height:100%}#separator{width:1px;background-color:#c8cdd3;margin:0 8px}#count-text{font-weight:700;letter-spacing:.25px}.small{height:24px;padding:4px 8px;border-radius:7px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.7px}.medium,.small{font-style:normal;color:#181f33}.medium{height:32px;padding:6px 12px;border-radius:16px;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px}.small-m{height:20px;padding:4px 8px;border-radius:10px;font-size:11px;line-height:12px;letter-spacing:.1px}.medium-m,.small-m{font-style:normal;font-weight:400;color:#181f33}.medium-m{height:24px;padding:4px 12px;border-radius:12px;font-size:12px;line-height:16px;letter-spacing:.25px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"iconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"dismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"cancel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ChipModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ChipComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"ChipComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"ChipModule"},"providers":[]}}}}},"origins":{"ChipComponent":"./chip.component","ChipModule":"./chip.module"},"importAs":"mis-crystal-design-system/chip"}