mis-crystal-design-system 3.1.9 → 3.1.11-test-a

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/table/table.component.ts","../../../projects/mis-components/table/custom-table-cell.directive.ts","../../../projects/mis-components/table/sub-table/sub-table.component.ts","../../../projects/mis-components/table/filter/filter.component.ts","../../../projects/mis-components/table/table.module.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","__spread","arguments","concat","TableComponent","renderer","this","showFilter","filterName","filterData","filterContainerStyles","appliedFilters","filtersUpdated","EventEmitter","pages","pageSelected","tableData","subTableData","prototype","ngOnInit","_this","tableLength","apply","initializeFilters","config","paginationConfig","initializePagination","undefined","canScrollHorizontally","document","addEventListener","event","filter","isCheckBoxClicked","target","className","container","nativeElement","contains","toggleFilter","ngAfterViewInit","height","setStyle","table","ngOnChanges","_e","_a","colHeaderConfig","_f","colHeader","filters","_g","e_2","_h","checked","name","data","offSet","colHeadersReversed","colHeaders","toArray","reverse","colHeadersReversed_1","colHeadersReversed_1_1","header","innerText","offsetWidth","top","right","updateAppliedFilters","emit","assign","len","noOfPages","updateSelectedPage","pageNumber","selectedPage","getContainerHeight","getContainerWidth","width","getColHeadersRowHeight","colHeadersRowConfig","getColHeadersRowBorderTop","style","borderTop","_b","getColHeadersRowBorderBottom","borderBottom","Component","args","selector","template","Renderer2","Output","ViewChild","ViewChildren","Input","CustomTableCellDirective","viewContainerRef","componentFactoryResolver","defineProperty","component","createComponent","cellData","ref","instance","cmpFactoryResolver","resolveComponentFactory","clear","setData","Directive","ViewContainerRef","ComponentFactoryResolver","SubTableComponent","offsetHeight","TableFilterComponent","filtersData","containerStyles","filtersApplied","filtersMap","searchValue","mySort","a","b","forEach","resetFilters","applyFilters","list","values","map","updateSearchValue","updateFilter","getFiltersBasedOnSearchValue","match","RegExp","sort","getCheckedFilters","TableModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","CheckboxModule","ScrollingModule","exports"],"mappings":"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","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 {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewChildren\n} from \"@angular/core\";\nimport { Filter, TableFilterComponent } from \"./filter/filter.component\";\n\n@Component({\n  selector: \"mis-table\",\n  templateUrl: \"table.component.html\",\n  styleUrls: [\"table.component.css\"]\n})\nexport class TableComponent implements OnInit, AfterViewInit, OnChanges {\n  // Filter related variables\n  showFilter: boolean = false;\n  filterName: string = \"\";\n  filterData: Array<Filter> = [];\n  filterContainerStyles: any = {};\n  appliedFilters: { [key: string]: Array<{ name: string; value: string }> } = {};\n  @Output() filtersUpdated = new EventEmitter<{\n    [key: string]: Array<{ name: string; value: string }>;\n  }>();\n\n  @ViewChild(\"filter\") filter: TableFilterComponent | any;\n  @ViewChildren(\"colHeaderRef\") colHeaders: QueryList<ElementRef> | any;\n\n  // Pagination related variables\n  pages: Array<number> = [];\n  tableLength: number;\n  @Output() pageSelected = new EventEmitter<number>();\n\n  @Input(\"tableConfig\") config: TableConfig | any;\n  @Input() subTableconfig: TableConfig | any;\n  @Input() tableDataLoading: boolean | any;\n  @Input() expandedIndex: number | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @Input() subTableData: Array<Array<any>> = [];\n  @Input() subTableDataLoading: boolean | any;\n  @ViewChild(\"table\") table: ElementRef | any;\n\n  constructor(private renderer: Renderer2) { }\n\n  ngOnInit(): void {\n    this.tableLength = [].concat(...this.tableData).length;\n    this.initializeFilters();\n    if (this.config.paginationConfig) {\n      this.initializePagination();\n    }\n    if (this.config.canScrollHorizontally === undefined) {\n      this.config.canScrollHorizontally = false;\n    }\n    document.addEventListener(\"click\", event => {\n      if (this.filter) {\n        let isCheckBoxClicked = true;\n        let targetElement = event.target as HTMLSpanElement;\n        if (targetElement.className === \"checkmark\") {\n          isCheckBoxClicked = true;\n          this.showFilter = true;\n        }\n        let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);\n        if (!isClickInsideElement && !isCheckBoxClicked) {\n          this.toggleFilter(this.filterName);\n        }\n      }\n    });\n  }\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.config.height;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n  ngOnChanges() {\n    this.tableLength = [].concat(...this.tableData).length;\n  }\n\n  // Filter related functions\n  initializeFilters() {\n    for (let colHeader of this.config?.colHeaderConfig) {\n      if (colHeader.filters) {\n        let filters = [];\n        for (let filter of colHeader.filters) {\n          if (filter.checked) {\n            filters.push({\n              name: filter.name,\n              value: filter.value\n            });\n          }\n        }\n        if (filters.length > 0) this.appliedFilters[colHeader.data] = filters;\n      }\n    }\n  }\n  toggleFilter(filterName: string) {\n    if (!this.showFilter) {\n      this.filterName = filterName;\n      this.showFilter = true;\n\n      let offSet = 0;\n      let colHeadersReversed = this.colHeaders.toArray().reverse();\n\n      for (let header of colHeadersReversed) {\n        if (header.nativeElement.innerText === filterName) break;\n        offSet += header.nativeElement.offsetWidth;\n      }\n      this.filterContainerStyles = {\n        top: \"44px\",\n        right: offSet > 0 ? offSet - 116 + \"px\" : \"12px\"\n      };\n    } else {\n      this.filterName = \"\";\n      this.filterData = [];\n      this.showFilter = false;\n    }\n  }\n  updateAppliedFilters(appliedFilters: Array<{ name: string; value: string }>) {\n    if (appliedFilters.length == 0) {\n      delete this.appliedFilters[this.filterName];\n    } else {\n      this.appliedFilters[this.filterName] = appliedFilters;\n    }\n    this.filtersUpdated.emit({ ...this.appliedFilters });\n    this.toggleFilter(this.filterName);\n  }\n\n  // Pagination related functions\n  initializePagination() {\n    if (this.config.paginationConfig) {\n      let len = this.config.paginationConfig.noOfPages;\n      if (len <= 7) {\n        for (let i = 1; i <= len; i++) {\n          this.pages.push(i);\n        }\n      } else {\n        this.pages = [1, 2, 3, 4, 0, len];\n      }\n    }\n  }\n  updateSelectedPage(pageNumber: number) {\n    if (pageNumber < 1 || pageNumber > this.config.paginationConfig.noOfPages) return;\n    this.config.paginationConfig.selectedPage = pageNumber;\n    let len = this.config.paginationConfig.noOfPages;\n    if (len > 7) {\n      if (pageNumber - 2 <= 1) {\n        this.pages = [1, 2, 3, 4, 0, len];\n      } else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {\n        this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];\n      } else if (pageNumber + 2 >= len) {\n        this.pages = [1, 0, len - 3, len - 2, len - 1, len];\n      }\n    }\n    this.pageSelected.emit(this.config.paginationConfig?.selectedPage);\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config?.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config?.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface TableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  paginationConfig?: PaginationConfig | undefined | null;\n  colHeadersRowConfig: RowConfig | undefined | null;\n  rowConfig: RowConfig | undefined | null;\n  colHeaderConfig: Array<ColHeaderConfig>;\n  colConfig: Array<ColConfig>;\n  canExpand?: boolean;\n  canScrollHorizontally?: boolean;\n  cellHover?: boolean;\n}\nexport interface PaginationConfig {\n  noOfPages: number;\n  rowsPerPage: number;\n  totalNoOfRows: number;\n  selectedPage?: number;\n}\nexport interface RowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface ColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  filters?: Array<Filter> | null;\n  style?: {};\n  action?: any;\n}\nexport interface ColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from \"@angular/core\";\n\n@Directive({\n  selector: \"[customTableCell]\"\n})\nexport class CustomTableCellDirective {\n  private ref: any;\n  private component: any;\n  private cellData: any;\n\n  @Input() set customComponent(value: any) {\n    this.component = value;\n    this.createComponent();\n  }\n  @Input() set data(value: any) {\n    this.cellData = value;\n    if (this.ref) {\n      this.ref.instance.data = this.cellData;\n    }\n  }\n\n  constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {}\n\n  createComponent() {\n    if (this.component) {\n      const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);\n      this.viewContainerRef.clear();\n      this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);\n      this.setData();\n    }\n  }\n  setData() {\n    this.ref.instance.data = this.cellData;\n  }\n}\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"sub-table\",\n  templateUrl: \"sub-table.component.html\",\n  styleUrls: [\"sub-table.component.css\"]\n})\nexport class SubTableComponent implements OnInit, AfterViewInit {\n  selectedPage = 1;\n  pages: Array<number> = [];\n\n  @Input() config: SubTableConfig | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @ViewChild(\"table\") table: ElementRef | any;\n  constructor(private renderer: Renderer2) {}\n\n  ngOnInit() {}\n\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface SubTableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  dataContainerMaxHeight: string | \"400px\";\n  showHeader?: boolean | undefined;\n  rowConfig: SubTableRowConfig | undefined | null;\n  colHeaderConfig?: Array<SubTableColHeaderConfig>;\n  colConfig: Array<SubTableColConfig>;\n}\n\nexport interface SubTableRowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface SubTableColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\nexport interface SubTableColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"mis-table-filter\",\n  templateUrl: \"filter.component.html\",\n  styleUrls: [\"filter.component.css\"]\n})\nexport class TableFilterComponent implements OnInit {\n  @Input() filtersData: Array<Filter> = [];\n  @Input() containerStyles: any = {};\n\n  @Output() filtersApplied = new EventEmitter<any>();\n\n  @ViewChild(\"mainContainer\") container: ElementRef | undefined;\n\n  filtersMap: any = {};\n  searchValue: string = \"\";\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value] = filter;\n    });\n  }\n  resetFilters() {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value].checked = false;\n    });\n    this.filtersApplied.emit([]);\n  }\n  applyFilters() {\n    let list = Object.values(this.filtersMap)\n      .filter((filter: Filter | any) => filter.checked)\n      .map((filter: Filter | any) => {\n        return {\n          name: filter.name,\n          value: filter.value\n        };\n      });\n    this.filtersApplied.emit(list);\n  }\n  updateSearchValue(event: any) {\n    this.searchValue = event.target.value;\n  }\n  updateFilter(data: any) {\n    if (this.filtersMap[data.name]) {\n      this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;\n    }\n  }\n  getFiltersBasedOnSearchValue(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => {\n      return filter.name.match(new RegExp(this.searchValue, \"i\"));\n    });\n    return list.sort(this.mySort);\n  }\n  getCheckedFilters(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => filter.checked).sort(this.mySort);\n    return list;\n  }\n  mySort = (a: Filter | any, b: Filter | any) => {\n    if (a.name < b.name) return -1;\n    else if (b.name < a.name) return 1;\n    else return 0;\n  };\n}\nexport interface Filter {\n  name: string;\n  value: string;\n  checked: boolean;\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { TableComponent } from \"./table.component\";\nimport { CustomTableCellDirective } from \"./custom-table-cell.directive\";\nimport { SubTableComponent } from \"./sub-table/sub-table.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { TableFilterComponent } from \"./filter/filter.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { ScrollingModule } from \"@angular/cdk/scrolling\";\n\n@NgModule({\n  declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],\n  imports: [CommonModule, CheckboxModule, ScrollingModule],\n  exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]\n})\nexport class TableModule {\n  static forRoot(): ModuleWithProviders<TableModule> {\n    return { ngModule: TableModule, providers: [] };\n  }\n}\n"]}
+{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","../../../projects/mis-components/table/table.component.ts","../../../projects/mis-components/table/custom-table-cell.directive.ts","../../../projects/mis-components/table/sub-table/sub-table.component.ts","../../../projects/mis-components/table/filter/filter.component.ts","../../../projects/mis-components/table/table.module.ts"],"names":["Object","create","__values","o","s","Symbol","iterator","m","i","call","length","next","value","done","TypeError","__read","n","r","e","ar","push","error","TableComponent","renderer","this","showFilter","filterName","filterData","filterContainerStyles","appliedFilters","filtersUpdated","EventEmitter","pages","pageSelected","tableData","subTableData","prototype","ngOnInit","_this","tableLength","concat","apply","arguments","__spread","initializeFilters","config","paginationConfig","initializePagination","undefined","canScrollHorizontally","document","addEventListener","event","filter","isCheckBoxClicked","target","className","container","nativeElement","contains","toggleFilter","ngAfterViewInit","height","setStyle","table","ngOnChanges","_e","_a","colHeaderConfig","_f","colHeader","filters","_g","e_2","_h","checked","name","data","offSet","colHeadersReversed","colHeaders","toArray","reverse","colHeadersReversed_1","colHeadersReversed_1_1","header","innerText","offsetWidth","top","right","updateAppliedFilters","emit","assign","len","noOfPages","updateSelectedPage","pageNumber","selectedPage","getContainerHeight","getContainerWidth","width","getColHeadersRowHeight","colHeadersRowConfig","getColHeadersRowBorderTop","style","borderTop","_b","getColHeadersRowBorderBottom","borderBottom","Component","args","selector","template","Renderer2","Output","ViewChild","ViewChildren","Input","CustomTableCellDirective","viewContainerRef","componentFactoryResolver","defineProperty","component","createComponent","cellData","ref","instance","cmpFactoryResolver","resolveComponentFactory","clear","setData","Directive","ViewContainerRef","ComponentFactoryResolver","SubTableComponent","offsetHeight","TableFilterComponent","filtersData","containerStyles","filtersApplied","filtersMap","searchValue","mySort","a","b","forEach","resetFilters","applyFilters","list","values","map","updateSearchValue","updateFilter","getFiltersBasedOnSearchValue","match","RegExp","sort","getCheckedFilters","TableModule","forRoot","ngModule","providers","NgModule","declarations","imports","CommonModule","CheckboxModule","ScrollingModule","exports"],"mappings":"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","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 {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnInit,\n  Output,\n  QueryList,\n  Renderer2,\n  ViewChild,\n  ViewChildren\n} from \"@angular/core\";\nimport { Filter, TableFilterComponent } from \"./filter/filter.component\";\n\n@Component({\n  selector: \"mis-table\",\n  templateUrl: \"table.component.html\",\n  styleUrls: [\"table.component.css\"]\n})\nexport class TableComponent implements OnInit, AfterViewInit, OnChanges {\n  // Filter related variables\n  showFilter: boolean = false;\n  filterName: string = \"\";\n  filterData: Array<Filter> = [];\n  filterContainerStyles: any = {};\n  appliedFilters: { [key: string]: Array<{ name: string; value: string }> } = {};\n  @Output() filtersUpdated = new EventEmitter<{\n    [key: string]: Array<{ name: string; value: string }>;\n  }>();\n\n  @ViewChild(\"filter\") filter: TableFilterComponent | any;\n  @ViewChildren(\"colHeaderRef\") colHeaders: QueryList<ElementRef> | any;\n\n  // Pagination related variables\n  pages: Array<number> = [];\n  tableLength: number;\n  @Output() pageSelected = new EventEmitter<number>();\n\n  @Input(\"tableConfig\") config: TableConfig | any;\n  @Input() subTableconfig: TableConfig | any;\n  @Input() tableDataLoading: boolean | any;\n  @Input() expandedIndex: number | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @Input() subTableData: Array<Array<any>> = [];\n  @Input() subTableDataLoading: boolean | any;\n  @ViewChild(\"table\") table: ElementRef | any;\n\n  constructor(private renderer: Renderer2) { }\n\n  ngOnInit(): void {\n    this.tableLength = [].concat(...this.tableData).length;\n    this.initializeFilters();\n    if (this.config.paginationConfig) {\n      this.initializePagination();\n    }\n    if (this.config.canScrollHorizontally === undefined) {\n      this.config.canScrollHorizontally = false;\n    }\n    document.addEventListener(\"click\", event => {\n      if (this.filter) {\n        let isCheckBoxClicked = true;\n        let targetElement = event.target as HTMLSpanElement;\n        if (targetElement.className === \"checkmark\") {\n          isCheckBoxClicked = true;\n          this.showFilter = true;\n        }\n        let isClickInsideElement = this.filter.container.nativeElement.contains(event.target);\n        if (!isClickInsideElement && !isCheckBoxClicked) {\n          this.toggleFilter(this.filterName);\n        }\n      }\n    });\n  }\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.config.height;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n  ngOnChanges() {\n    this.tableLength = !!this.tableData ? this.tableData.length : 0;\n  }\n\n  // Filter related functions\n  initializeFilters() {\n    for (let colHeader of this.config?.colHeaderConfig) {\n      if (colHeader.filters) {\n        let filters = [];\n        for (let filter of colHeader.filters) {\n          if (filter.checked) {\n            filters.push({\n              name: filter.name,\n              value: filter.value\n            });\n          }\n        }\n        if (filters.length > 0) this.appliedFilters[colHeader.data] = filters;\n      }\n    }\n  }\n  toggleFilter(filterName: string) {\n    if (!this.showFilter) {\n      this.filterName = filterName;\n      this.showFilter = true;\n\n      let offSet = 0;\n      let colHeadersReversed = this.colHeaders.toArray().reverse();\n\n      for (let header of colHeadersReversed) {\n        if (header.nativeElement.innerText === filterName) break;\n        offSet += header.nativeElement.offsetWidth;\n      }\n      this.filterContainerStyles = {\n        top: \"44px\",\n        right: offSet > 0 ? offSet - 116 + \"px\" : \"12px\"\n      };\n    } else {\n      this.filterName = \"\";\n      this.filterData = [];\n      this.showFilter = false;\n    }\n  }\n  updateAppliedFilters(appliedFilters: Array<{ name: string; value: string }>) {\n    if (appliedFilters.length == 0) {\n      delete this.appliedFilters[this.filterName];\n    } else {\n      this.appliedFilters[this.filterName] = appliedFilters;\n    }\n    this.filtersUpdated.emit({ ...this.appliedFilters });\n    this.toggleFilter(this.filterName);\n  }\n\n  // Pagination related functions\n  initializePagination() {\n    if (this.config.paginationConfig) {\n      let len = this.config.paginationConfig.noOfPages;\n      if (len <= 7) {\n        for (let i = 1; i <= len; i++) {\n          this.pages.push(i);\n        }\n      } else {\n        this.pages = [1, 2, 3, 4, 0, len];\n      }\n    }\n  }\n  updateSelectedPage(pageNumber: number) {\n    if (pageNumber < 1 || pageNumber > this.config.paginationConfig.noOfPages) return;\n    this.config.paginationConfig.selectedPage = pageNumber;\n    let len = this.config.paginationConfig.noOfPages;\n    if (len > 7) {\n      if (pageNumber - 2 <= 1) {\n        this.pages = [1, 2, 3, 4, 0, len];\n      } else if (pageNumber - 2 > 1 && pageNumber + 2 < len) {\n        this.pages = [1, 0, pageNumber - 1, pageNumber, pageNumber + 1, 0, len];\n      } else if (pageNumber + 2 >= len) {\n        this.pages = [1, 0, len - 3, len - 2, len - 1, len];\n      }\n    }\n    this.pageSelected.emit(this.config.paginationConfig?.selectedPage);\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config?.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config?.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface TableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  paginationConfig?: PaginationConfig | undefined | null;\n  colHeadersRowConfig: RowConfig | undefined | null;\n  rowConfig: RowConfig | undefined | null;\n  colHeaderConfig: Array<ColHeaderConfig>;\n  colConfig: Array<ColConfig>;\n  canExpand?: boolean;\n  canScrollHorizontally?: boolean;\n  cellHover?: boolean;\n}\nexport interface PaginationConfig {\n  noOfPages: number;\n  rowsPerPage: number;\n  totalNoOfRows: number;\n  selectedPage?: number;\n}\nexport interface RowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface ColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  filters?: Array<Filter> | null;\n  style?: {};\n  action?: any;\n}\nexport interface ColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { ComponentFactoryResolver, Directive, Input, ViewContainerRef } from \"@angular/core\";\n\n@Directive({\n  selector: \"[customTableCell]\"\n})\nexport class CustomTableCellDirective {\n  private ref: any;\n  private component: any;\n  private cellData: any;\n\n  @Input() set customComponent(value: any) {\n    this.component = value;\n    this.createComponent();\n  }\n  @Input() set data(value: any) {\n    this.cellData = value;\n    if (this.ref) {\n      this.ref.instance.data = this.cellData;\n    }\n  }\n\n  constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {}\n\n  createComponent() {\n    if (this.component) {\n      const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(this.component);\n      this.viewContainerRef.clear();\n      this.ref = this.viewContainerRef.createComponent(cmpFactoryResolver);\n      this.setData();\n    }\n  }\n  setData() {\n    this.ref.instance.data = this.cellData;\n  }\n}\n","import { AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"sub-table\",\n  templateUrl: \"sub-table.component.html\",\n  styleUrls: [\"sub-table.component.css\"]\n})\nexport class SubTableComponent implements OnInit, AfterViewInit {\n  selectedPage = 1;\n  pages: Array<number> = [];\n\n  @Input() config: SubTableConfig | any;\n  @Input() tableData: Array<Array<any>> = [];\n  @ViewChild(\"table\") table: ElementRef | any;\n  constructor(private renderer: Renderer2) {}\n\n  ngOnInit() {}\n\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(this.table.nativeElement, \"height\", height - 56 + \"px\");\n    }\n  }\n\n  // Main container related functions\n  getContainerHeight() {\n    if (this.config.height) return this.config.height;\n    else return \"\";\n  }\n  getContainerWidth() {\n    if (this.config.width) return this.config.width;\n    else return \"\";\n  }\n\n  // Column Headers related functions\n  getColHeadersRowHeight() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.height) {\n      return this.config.colHeadersRowConfig.height;\n    } else return \"44px\";\n  }\n  getColHeadersRowBorderTop() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderTop) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return \"\";\n  }\n  getColHeadersRowBorderBottom() {\n    if (this.config.colHeadersRowConfig && this.config.colHeadersRowConfig.style?.borderBottom) {\n      return this.config.colHeadersRowConfig.style?.borderBottom;\n    } else return \"1px solid #E0E0E0\";\n  }\n}\n\nexport interface SubTableConfig {\n  height: string | \"100%\";\n  width: string | \"100%\";\n  dataContainerMaxHeight: string | \"400px\";\n  showHeader?: boolean | undefined;\n  rowConfig: SubTableRowConfig | undefined | null;\n  colHeaderConfig?: Array<SubTableColHeaderConfig>;\n  colConfig: Array<SubTableColConfig>;\n}\n\nexport interface SubTableRowConfig {\n  height?: string | undefined | null;\n  style?: {};\n}\nexport interface SubTableColHeaderConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  data: any;\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\nexport interface SubTableColConfig {\n  type: \"text\" | \"number\" | \"custom\";\n  componentRef?: any;\n  style?: {};\n  action?: any;\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from \"@angular/core\";\n\n@Component({\n  selector: \"mis-table-filter\",\n  templateUrl: \"filter.component.html\",\n  styleUrls: [\"filter.component.css\"]\n})\nexport class TableFilterComponent implements OnInit {\n  @Input() filtersData: Array<Filter> = [];\n  @Input() containerStyles: any = {};\n\n  @Output() filtersApplied = new EventEmitter<any>();\n\n  @ViewChild(\"mainContainer\") container: ElementRef | undefined;\n\n  filtersMap: any = {};\n  searchValue: string = \"\";\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value] = filter;\n    });\n  }\n  resetFilters() {\n    this.filtersData.forEach(filter => {\n      this.filtersMap[filter.value].checked = false;\n    });\n    this.filtersApplied.emit([]);\n  }\n  applyFilters() {\n    let list = Object.values(this.filtersMap)\n      .filter((filter: Filter | any) => filter.checked)\n      .map((filter: Filter | any) => {\n        return {\n          name: filter.name,\n          value: filter.value\n        };\n      });\n    this.filtersApplied.emit(list);\n  }\n  updateSearchValue(event: any) {\n    this.searchValue = event.target.value;\n  }\n  updateFilter(data: any) {\n    if (this.filtersMap[data.name]) {\n      this.filtersMap[data.name].checked = !this.filtersMap[data.name].checked;\n    }\n  }\n  getFiltersBasedOnSearchValue(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => {\n      return filter.name.match(new RegExp(this.searchValue, \"i\"));\n    });\n    return list.sort(this.mySort);\n  }\n  getCheckedFilters(): Filter[] | any {\n    let list = Object.values(this.filtersMap);\n    list = list.filter((filter: Filter | any) => filter.checked).sort(this.mySort);\n    return list;\n  }\n  mySort = (a: Filter | any, b: Filter | any) => {\n    if (a.name < b.name) return -1;\n    else if (b.name < a.name) return 1;\n    else return 0;\n  };\n}\nexport interface Filter {\n  name: string;\n  value: string;\n  checked: boolean;\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { TableComponent } from \"./table.component\";\nimport { CustomTableCellDirective } from \"./custom-table-cell.directive\";\nimport { SubTableComponent } from \"./sub-table/sub-table.component\";\nimport { CommonModule } from \"@angular/common\";\nimport { TableFilterComponent } from \"./filter/filter.component\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\nimport { ScrollingModule } from \"@angular/cdk/scrolling\";\n\n@NgModule({\n  declarations: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective],\n  imports: [CommonModule, CheckboxModule, ScrollingModule],\n  exports: [TableComponent, SubTableComponent, TableFilterComponent, CustomTableCellDirective]\n})\nexport class TableModule {\n  static forRoot(): ModuleWithProviders<TableModule> {\n    return { ngModule: TableModule, providers: [] };\n  }\n}\n"]}

package/dropdown/dropdown.component.d.ts

@@ -1,5 +1,6 @@
 import { Overlay } from "@angular/cdk/overlay";
 import { ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 export declare class DropdownComponent implements OnInit {
     private eRef;
     private overlay;
@@ -9,10 +10,12 @@ export declare class DropdownComponent implements OnInit {
     isSearchInputFocused: boolean;
     searchInput: string;
     searchData: DropdownItem[];
+    selectedItemIndex: number;
     data: DropdownItem[];
     height: string;
     width: string;
     label: string;
+    itemSizeForCdk: number;
     showOnlyIcon: boolean;
     higlightSelectedValue: boolean;
     dropdownListHeight: string;
@@ -24,9 +27,11 @@ export declare class DropdownComponent implements OnInit {
     noDataMessage: string;
     multiLine: boolean;
     additionalInfoMessage: string;
+    scrollIntoView: boolean;
     onChange: EventEmitter<any>;
     selectElement: ElementRef;
     popupContainer: TemplateRef<Element>;
+    viewPort: CdkVirtualScrollViewport;
     private overlayRef;
     constructor(eRef: ElementRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"mis-dropdown","template":"<div (click)=\"setUpAsyncDataSearch()\"\n  class=\"main-container\"\n  [ngStyle]=\"{\n    height: height.length > 0 ? height : '',\n    width: width.length > 0 ? width : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ background: isOpen ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <p class=\"text\" *ngIf=\"!showOnlyIcon; else showIcon\">\n        {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n      </p>\n      <ng-template #showIcon>\n        <p class=\"text\" *ngIf=\"!selectedItem.icon\">\n          {{ label }}\n        </p>\n        <img class=\"icon\" *ngIf=\"!!selectedItem.icon\" [src]=\"selectedItem.icon\" alt=\"no img\" />\n      </ng-template>\n    </div>\n    <svg\n      class=\"handle\"\n      [ngStyle]=\"{ transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </div>\n</div>\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : 'Search Keyword'\"\n        (focus)=\"searchInputFocused(true)\"\n        class=\"search-input\"\n      />\n      <svg\n        *ngIf=\"isSearchInputFocused\"\n        class=\"cancel-icon\"\n        (click)=\"searchInputCanceled($event)\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n    </div>\n    <div class=\"status-container\" *ngIf=\"loading\">\n      <mis-loader [mobileView]=\"true\"></mis-loader>\n    </div>\n    <div class=\"items\" *ngIf=\"!loading\">    \n      <cdk-virtual-scroll-viewport autosize class=\"dropdown-viewport\">\n      <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled, 'item-selected': (higlightSelectedValue && item.value === selectedItem.value), 'icon-only' : showOnlyIcon }\"\n        (click)=\"item.disabled ? null : selectItem(item)\"\n        (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n        *cdkVirtualFor=\"let item of searchInput ? searchData : data\"\n      >\n        <div class=\"label\" *ngIf=\"!showOnlyIcon\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n          <span class=\"primaryText\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n          <span class=\"secondaryText\" *ngIf=\"multiLine\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage  }} </span>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon\">\n          <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n        </div>\n      </div>\n    </cdk-virtual-scroll-viewport>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":[".main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 12px}.main-container .dropdown:focus-visible,.main-container .dropdown:hover{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.main-container .dropdown .label,.main-container .dropdown .label .text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport .item:focus-visible,.popup-container .items .dropdown-viewport .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:focus-visible,.popup-container .items .item-disabled:hover{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:#929dab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item-selected{background-color:#e0e6f6;outline:none}.popup-container .items .icon-only{justify-content:center!important}::-webkit-scrollbar{height:8px;width:8px;background:#fff;border-radius:13px}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:13px;cursor:pointer}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"showOnlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"higlightSelectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"dropdownListHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"dropdownListWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dropdownListPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"searchEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"selectedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"noDataMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"multiLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"additionalInfoMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"selectElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["select",{"static":false}]}]}],"popupContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":["popupContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":28},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":42,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":42,"character":92}]}],"ngOnInit":[{"__symbolic":"method"}],"setUpAsyncDataSearch":[{"__symbolic":"method"}],"filterByValue":[{"__symbolic":"method"}],"filterByPrimaryText":[{"__symbolic":"method"}],"searchInputOnChange":[{"__symbolic":"method"}],"searchInputFocused":[{"__symbolic":"method"}],"searchInputCanceled":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}},"DropdownItem":{"__symbolic":"interface"},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":39},{"__symbolic":"reference","module":"@angular/cdk-experimental/scrolling","name":"ScrollingModule","line":10,"character":54},{"__symbolic":"reference","module":"mis-crystal-design-system/loader","name":"LoaderModule","line":10,"character":70}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DropdownModule"},"providers":[]}}}}},"origins":{"DropdownComponent":"./dropdown.component","DropdownItem":"./dropdown.component","DropdownModule":"./dropdown.module"},"importAs":"mis-crystal-design-system/dropdown"}
+{"__symbolic":"module","version":4,"metadata":{"DropdownComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mis-dropdown","template":"<div (click)=\"setUpAsyncDataSearch()\"\n  class=\"main-container\"\n  [ngStyle]=\"{\n    height: height.length > 0 ? height : '',\n    width: width.length > 0 ? width : ''\n  }\"\n>\n  <div\n    class=\"dropdown\"\n    #select\n    tabindex=\"0\"\n    (keyup.enter)=\"toggleDropdown()\"\n    (click)=\"toggleDropdown()\"\n    [ngStyle]=\"{ background: isOpen ? '#E6EBF7' : '' }\"\n  >\n    <div class=\"label\">\n      <p class=\"text\" *ngIf=\"!showOnlyIcon; else showIcon\">\n        {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n      </p>\n      <ng-template #showIcon>\n        <p class=\"text\" *ngIf=\"!selectedItem.icon\">\n          {{ label }}\n        </p>\n        <img class=\"icon\" *ngIf=\"!!selectedItem.icon\" [src]=\"selectedItem.icon\" alt=\"no img\" />\n      </ng-template>\n    </div>\n    <svg\n      class=\"handle\"\n      [ngStyle]=\"{ transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n        fill=\"#181F33\"\n      />\n    </svg>\n  </div>\n</div>\n<ng-template #popupContainer>\n  <div\n    class=\"popup-container\"\n    [ngStyle]=\"{\n      height: dropdownListHeight,\n      width: dropdownListWidth\n    }\"\n  >\n    <div *ngIf=\"searchEnabled\" class=\"search-container\">\n      <svg\n        *ngIf=\"!isSearchInputFocused\"\n        class=\"search-icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n      <input\n        [ngModel]=\"searchInput\"\n        [ngStyle]=\"{\n          paddingLeft: isSearchInputFocused ? '12px' : '45px',\n          border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n          paddingRight: isSearchInputFocused ? '45px' : '10px'\n        }\"\n        (ngModelChange)=\"searchInputOnChange($event)\"\n        [placeholder]=\"isSearchInputFocused ? '' : 'Search Keyword'\"\n        (focus)=\"searchInputFocused(true)\"\n        class=\"search-input\"\n      />\n      <svg\n        *ngIf=\"isSearchInputFocused\"\n        class=\"cancel-icon\"\n        (click)=\"searchInputCanceled($event)\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n          fill=\"#6A737D\"\n        />\n      </svg>\n    </div>\n    <div class=\"status-container\" *ngIf=\"loading\">\n      <mis-loader [mobileView]=\"true\"></mis-loader>\n    </div>\n    <div class=\"items\" *ngIf=\"!loading\">    \n      <cdk-virtual-scroll-viewport [itemSize]=\"itemSizeForCdk\" class=\"dropdown-viewport\" >\n        <div\n        class=\"item\"\n        tabindex=\"0\"\n        [ngClass]=\"{ 'item-disabled': item.disabled, 'item-selected': (higlightSelectedValue && item.value === selectedItem.value), 'icon-only' : showOnlyIcon }\"\n        (click)=\"item.disabled ? null : selectItem(item)\"\n        (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n        *cdkVirtualFor=\"let item of searchInput ? searchData : data;\"\n        >\n        <div class=\"label\" *ngIf=\"!showOnlyIcon\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n          <span class=\"primaryText\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n          <span class=\"secondaryText\" *ngIf=\"multiLine\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage  }} </span>\n        </div>\n        <div class=\"icon-container\" *ngIf=\"item.icon\">\n          <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n        </div>\n      </div>\n    </cdk-virtual-scroll-viewport>\n      <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n        {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n      </div>\n    </div>\n  </div>\n</ng-template>\n","styles":[".main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 12px}.main-container .dropdown:focus-visible,.main-container .dropdown:hover{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px)}.main-container .dropdown .label,.main-container .dropdown .label .text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport .item:focus-visible,.popup-container .items .dropdown-viewport .item:hover{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed}.popup-container .items .item-disabled:focus-visible,.popup-container .items .item-disabled:hover{background-color:transparent;outline:none}.popup-container .items .item-disabled .label{color:#929dab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.popup-container .items .item-selected{background-color:#e0e6f6;outline:none}.popup-container .items .icon-only{justify-content:center!important}::-webkit-scrollbar{height:8px;width:8px;background:#fff;border-radius:13px}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:13px;cursor:pointer}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"itemSizeForCdk":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"showOnlyIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"higlightSelectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"dropdownListHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"dropdownListWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"dropdownListPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"searchEnabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"selectedItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"noDataMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"multiLine":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"additionalInfoMessage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"scrollIntoView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"onChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"selectElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":3},"arguments":["select",{"static":false}]}]}],"popupContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":3},"arguments":["popupContainer",{"static":false}]}]}],"viewPort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/scrolling","name":"CdkVirtualScrollViewport","line":45,"character":13}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":47,"character":28},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"Overlay","line":47,"character":57},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":47,"character":92}]}],"ngOnInit":[{"__symbolic":"method"}],"setUpAsyncDataSearch":[{"__symbolic":"method"}],"filterByValue":[{"__symbolic":"method"}],"filterByPrimaryText":[{"__symbolic":"method"}],"searchInputOnChange":[{"__symbolic":"method"}],"searchInputFocused":[{"__symbolic":"method"}],"searchInputCanceled":[{"__symbolic":"method"}],"toggleDropdown":[{"__symbolic":"method"}],"openDropdown":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"onCancel":[{"__symbolic":"method"}]}},"DropdownItem":{"__symbolic":"interface"},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DropdownComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":10,"character":39},{"__symbolic":"reference","module":"@angular/cdk-experimental/scrolling","name":"ScrollingModule","line":10,"character":54},{"__symbolic":"reference","module":"mis-crystal-design-system/loader","name":"LoaderModule","line":10,"character":70}],"exports":[{"__symbolic":"reference","name":"DropdownComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DropdownModule"},"providers":[]}}}}},"origins":{"DropdownComponent":"./dropdown.component","DropdownItem":"./dropdown.component","DropdownModule":"./dropdown.module"},"importAs":"mis-crystal-design-system/dropdown"}

package/dynamic-form/dynamic-form.component.d.ts

@@ -1,29 +1,31 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { NsDynamicFields } from './dynamic-form.namespace';
-import 'moment-timezone';
-import { FormArray, FormGroup } from '@angular/forms';
+import { EventEmitter, OnInit } from "@angular/core";
+import { NsDynamicFields } from "./dynamic-form.namespace";
+import "moment-timezone";
+import { FormArray, FormGroup } from "@angular/forms";
 export declare class DynamicFormComponent implements OnInit {
     /**
      * formFields:  Dynamic fields recieved from the API metadata to build a dynamic form
      * formValues:  Holds the value of the dynamic form with "key" being dynamic field "title"
      *              and value being the user input.
-    */
+     */
     formFields: Array<NsDynamicFields.IField>;
     formValues: {
         [key: string]: any;
     };
     activeBtnIconUrl: string;
-    calendarUrl: string;
+    calendarIconUrl: string;
     /**
      * dynamicForm: Constructed using formFields and formValues(in case of edit)
-    */
+     */
     dynamicForm: FormGroup;
     /**
      * formUpdated: Emits formValues Object whenever there is a change in the dynamic form.
-    */
+     */
     formUpdated: EventEmitter<{
         [key: string]: any;
     }>;
+    initializedDynamicForm: EventEmitter<any>;
+    dynamicFieldsAPI: NsDynamicFields.IDynamicFormAPI;
     constructor();
     ngOnInit(): void;
     generateDynamicFieldsValueObject(formValues: Array<any>): {

package/dynamic-form/dynamic-form.namespace.d.ts

@@ -14,4 +14,7 @@ export declare namespace NsDynamicFields {
         itemsList?: Array<any>;
         placeholderText?: string;
     }
+    interface IDynamicFormAPI {
+        defaultFormValues(): {};
+    }
 }

package/dynamic-form/mis-crystal-design-system-dynamic-form.d.ts

@@ -2,4 +2,3 @@
  * Generated bundle index. Do not edit.
  */
 export * from './index';
-export { DynamicFormComponent as ɵa } from './dynamic-form.component';

package/dynamic-form/mis-crystal-design-system-dynamic-form.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"DynamicFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":15,"character":25},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":46},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":15,"character":59},{"__symbolic":"reference","module":"@angular/cdk-experimental/scrolling","name":"ScrollingModule","line":15,"character":74},{"__symbolic":"reference","module":"mis-crystal-design-system/dropdown","name":"DropdownModule","line":15,"character":91},{"__symbolic":"reference","module":"mis-crystal-design-system/switch","name":"SwitchModule","line":15,"character":107},{"__symbolic":"reference","module":"mis-crystal-design-system/multi-select-dropdown","name":"MultiSelectDropdownModule","line":15,"character":121},{"__symbolic":"reference","module":"mis-crystal-design-system/datepicker_v2","name":"DatepickerModuleV2","line":15,"character":148}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DynamicFormModule"},"providers":[]}}}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mis-dynamic-form","template":"<form [formGroup]=\"dynamicForm\">\n    <ng-container formArrayName=\"dynamicFields\">\n        <ng-container *ngFor=\"let fieldControl of getDynamicFieldsControls().controls; let i = index\">\n            <div class=\"dynamic-field multi-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'input' && (formFields[i].fieldInputType === 'text' || formFields[i].fieldInputType === 'number')\">\n                <p class=\"h7 field-title-sm\">\n                    {{ formFields[i].title }}\n                </p>\n                <div style=\"flex-basis: 100%\"></div>\n                <input class=\"input-field ip-text\" [type]=\"formFields[i].fieldInputType\" [formControl]=\"fieldControl\" [placeholder]=\"formFields[i].placeholderText?formFields[i].placeholderText:'Input Text'\" />\n            </div>\n            <div class=\"dynamic-field single-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'singleSelect' && formFields[i].fieldInputType === 'dropdown'\">\n                <p class=\"h6\">\n                    {{ formFields[i].title }}\n                </p>\n                <mis-dropdown \n                    [searchEnabled]=\"false\"\n                    [width]=\"'140px'\"\n                    [data]=\"formFields[i].itemsList\"\n                    [selectedItem]=\"fieldControl.value\"\n                    (onChange)=\"updateSelectedValueForField(i, $event)\"\n                >\n                </mis-dropdown>\n            </div>\n            <div class=\"dynamic-field single-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'boolean' && formFields[i].fieldInputType === 'toggle'\">\n                <p class=\"h6\">\n                    {{ formFields[i].title }}\n                </p>\n                <mis-switch [formControl]=\"fieldControl\"></mis-switch>\n            </div>\n            <div class=\"dynamic-field multi-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'input' && formFields[i].fieldInputType === 'textarea'\">\n                <p class=\"h7 field-title-sm\">\n                    {{ formFields[i].title }}\n                </p>\n                <div style=\"flex-basis: 100%\"></div>\n                <textarea class=\"input-field ip-textarea\" type=\"text\" [placeholder]=\"formFields[i].placeholderText ? formFields[i].placeholderText : 'Input Text'\" [formControl]=\"fieldControl\"></textarea>\n            </div>\n            <div class=\"dynamic-field single-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'input' && formFields[i].fieldInputType === 'date'\">\n                <p class=\"h6\">\n                    {{ formFields[i].title }}\n                </p>\n                <div class='date-picker-container'>\n                    <input class=\"date-picker\" readonly misTzDp [dpConfig]=\"formFields[i].fieldConfig\" (dateChange)=\"updateSelectedValueForField(i, $event)\" [selectedDate]=\"fieldControl.value\"\n                        [offsetY]=\"0\" [value]=\"fieldControl.value\" #dp />\n                    <img alt=\"data-picker\" *ngIf=\"calendarUrl\" class='date-picker-icon' [src]=\"calendarUrl\" (click)=\"dp.click()\" />\n                </div>\n            </div>\n            <div class=\"dynamic-field multi-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'multiSelect' && formFields[i].fieldInputType === 'checkbox'\">\n                <p class=\"h7 field-title-sm\">\n                    {{ formFields[i].title }}\n                </p>\n                <div style=\"flex-basis: 100%\"></div>\n                <div id=\"checkboxes-container\">\n                    <div class=\"radio-checkbox-common\" \n                        *ngFor=\"let item of formFields[i].itemsList\" \n                        [ngClass]=\"{'checkbox-active': isCheckBoxSelected(item.label, fieldControl.value) }\"\n                        (click)=\"updateSelectedValueForMultiSelect(i, [item])\"\n                    >\n                        <img *ngIf=\"isCheckBoxSelected(item.label, fieldControl.value) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\" alt=\"\" >\n                        <p class=\"h6\">{{ item.label }}</p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"dynamic-field single-line-field-container\"\n                *ngIf=\"formFields[i].fieldType === 'multiSelect' && formFields[i].fieldInputType === 'dropdown'\">\n                <p class=\"h6\">\n                    {{ formFields[i].title }}\n                </p>\n                <mis-multi-select-dropdown\n                    [width]=\"'140px'\"\n                    [showSelectedCount]=\"true\"\n                    [dropdownListWidth]=\"'256px'\"\n                    [searchEnabled]=\"false\"\n                    [hideApplyButton]=\"true\"\n                    [data]=\"formFields[i].itemsList\"\n                    [selectedItems]=\"fieldControl.value\"\n                    (onChange)=\"fieldControl.setValue($event)\"\n                ></mis-multi-select-dropdown>\n            </div>\n        </ng-container>\n    </ng-container>\n</form>\n\n","styles":["p{margin:0}::ng-deep .main-container{margin:0;max-width:100%}.dynamic-field ::ng-deep .container{height:32px!important}.single-line-field-container{justify-content:space-between;align-items:center}.multi-line-field-container,.single-line-field-container{display:flex;padding:28px 16px;border-bottom:1px solid var(--grey-seperators)}.multi-line-field-container{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.field-title-sm{margin-bottom:8px}.input-field{width:100%;background-color:var(--grey-bg-1);border:1px solid var(--grey-seperators);border-radius:6px}.ip-text{height:44px;padding:8px 12px}.ip-textarea{max-height:94px;padding:8px}input:focus{outline:none}input::-moz-placeholder{color:var(--grey-seperators)}input:-ms-input-placeholder{color:var(--grey-seperators)}input::placeholder{color:var(--grey-seperators)}textarea:focus{outline:none}.date-picker-container{position:relative;width:140px}.date-picker-container .date-picker{cursor:pointer;height:32px;width:100%;font-size:14px;border-radius:6px;padding:0 12px;border:1px solid var(--grey-seperators);inset:10px auto auto 80px;background-color:var(--text-white)}.date-picker-container .date-picker:hover{background-color:var(--grey-hover)}.date-picker-container .date-picker-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer}form .dynamic-field:last-child{border-bottom:none!important}#checkboxes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.radio-checkbox-common{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-bottom:8px;background-color:var(--text-white);padding:12px 16px;border:1px solid var(--text-muted);border-radius:8px}.radio-checkbox-common p{color:var(--text-muted)}.radio-checkbox-common img{margin-right:8px}.checkbox-active{background-color:var(--pmry-500)}.checkbox-active p{color:var(--text-white)}"]}]}],"members":{"formFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"formValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"activeBtnIconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"calendarUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"formUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"generateDynamicFieldsValueObject":[{"__symbolic":"method"}],"getDynamicFieldsControls":[{"__symbolic":"method"}],"updateSelectedValueForField":[{"__symbolic":"method"}],"updateSelectedValueForMultiSelect":[{"__symbolic":"method"}],"isCheckBoxSelected":[{"__symbolic":"method"}],"mapFormValueToFormField":[{"__symbolic":"method"}],"mapFormFieldToFormValue":[{"__symbolic":"method"}]}}},"origins":{"DynamicFormModule":"./dynamic-form.module","ɵa":"./dynamic-form.component"},"importAs":"mis-crystal-design-system/dynamic-form"}
+{"__symbolic":"module","version":4,"metadata":{"DynamicFormModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DynamicFormComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/overlay","name":"OverlayModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/cdk-experimental/scrolling","name":"ScrollingModule","line":19,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/dropdown","name":"DropdownModule","line":20,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/switch","name":"SwitchModule","line":21,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/multi-select-dropdown","name":"MultiSelectDropdownModule","line":22,"character":4},{"__symbolic":"reference","module":"mis-crystal-design-system/datepicker_v2","name":"DatepickerModuleV2","line":23,"character":4}],"exports":[{"__symbolic":"reference","name":"DynamicFormComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"DynamicFormModule"},"providers":[]}}}},"DynamicFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"mis-dynamic-form","template":"<form [formGroup]=\"dynamicForm\">\n  <ng-container formArrayName=\"dynamicFields\">\n    <ng-container *ngFor=\"let fieldControl of getDynamicFieldsControls().controls; let i = index\">\n      <div\n        class=\"dynamic-field multi-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'input' && (formFields[i].fieldInputType === 'text' || formFields[i].fieldInputType === 'number')\"\n      >\n        <p class=\"h7 field-title-sm\">\n          {{ formFields[i].title }}\n        </p>\n        <div style=\"flex-basis: 100%\"></div>\n        <input\n          class=\"input-field ip-text\"\n          [type]=\"formFields[i].fieldInputType\"\n          [formControl]=\"fieldControl\"\n          [placeholder]=\"formFields[i].placeholderText ? formFields[i].placeholderText : 'Input Text'\"\n        />\n      </div>\n      <div\n        class=\"dynamic-field single-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'singleSelect' && formFields[i].fieldInputType === 'dropdown'\"\n      >\n        <p class=\"h6\">\n          {{ formFields[i].title }}\n        </p>\n        <mis-dropdown\n          [searchEnabled]=\"false\"\n          [width]=\"'140px'\"\n          [data]=\"formFields[i].itemsList\"\n          [selectedItem]=\"fieldControl.value\"\n          (onChange)=\"updateSelectedValueForField(i, $event)\"\n        >\n        </mis-dropdown>\n      </div>\n      <div\n        class=\"dynamic-field single-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'boolean' && formFields[i].fieldInputType === 'toggle'\"\n      >\n        <p class=\"h6\">\n          {{ formFields[i].title }}\n        </p>\n        <mis-switch [formControl]=\"fieldControl\"></mis-switch>\n      </div>\n      <div\n        class=\"dynamic-field multi-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'input' && formFields[i].fieldInputType === 'textarea'\"\n      >\n        <p class=\"h7 field-title-sm\">\n          {{ formFields[i].title }}\n        </p>\n        <div style=\"flex-basis: 100%\"></div>\n        <textarea\n          class=\"input-field ip-textarea\"\n          type=\"text\"\n          [placeholder]=\"formFields[i].placeholderText ? formFields[i].placeholderText : 'Input Text'\"\n          [formControl]=\"fieldControl\"\n        ></textarea>\n      </div>\n      <div class=\"dynamic-field single-line-field-container\" *ngIf=\"formFields[i].fieldType === 'input' && formFields[i].fieldInputType === 'date'\">\n        <p class=\"h6\">\n          {{ formFields[i].title }}\n        </p>\n        <div class=\"date-picker-container\">\n          <input\n            class=\"date-picker\"\n            readonly\n            misTzDp\n            [dpConfig]=\"formFields[i].fieldConfig\"\n            (dateChange)=\"updateSelectedValueForField(i, $event)\"\n            [selectedDate]=\"fieldControl.value\"\n            [offsetY]=\"0\"\n            [value]=\"fieldControl.value\"\n            #dp\n          />\n          <img alt=\"data-picker\" *ngIf=\"calendarIconUrl\" class=\"date-picker-icon\" [src]=\"calendarIconUrl\" (click)=\"dp.click()\" />\n        </div>\n      </div>\n      <div\n        class=\"dynamic-field multi-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'multiSelect' && formFields[i].fieldInputType === 'checkbox'\"\n      >\n        <p class=\"h7 field-title-sm\">\n          {{ formFields[i].title }}\n        </p>\n        <div style=\"flex-basis: 100%\"></div>\n        <div id=\"checkboxes-container\">\n          <div\n            class=\"radio-checkbox-common\"\n            *ngFor=\"let item of formFields[i].itemsList\"\n            [ngClass]=\"{ 'checkbox-active': isCheckBoxSelected(item.label, fieldControl.value) }\"\n            (click)=\"updateSelectedValueForMultiSelect(i, [item])\"\n          >\n            <img *ngIf=\"isCheckBoxSelected(item.label, fieldControl.value) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\" alt=\"\" />\n            <p class=\"h6\">{{ item.label }}</p>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"dynamic-field single-line-field-container\"\n        *ngIf=\"formFields[i].fieldType === 'multiSelect' && formFields[i].fieldInputType === 'dropdown'\"\n      >\n        <p class=\"h6\">\n          {{ formFields[i].title }}\n        </p>\n        <mis-multi-select-dropdown\n          [width]=\"'140px'\"\n          [showSelectedCount]=\"true\"\n          [dropdownListWidth]=\"'256px'\"\n          [searchEnabled]=\"false\"\n          [hideApplyButton]=\"true\"\n          [data]=\"formFields[i].itemsList\"\n          [selectedItems]=\"fieldControl.value\"\n          (onChange)=\"fieldControl.setValue($event)\"\n        ></mis-multi-select-dropdown>\n      </div>\n    </ng-container>\n  </ng-container>\n</form>\n","styles":["p{margin:0}::ng-deep .main-container{margin:0;max-width:100%}.dynamic-field ::ng-deep .container{height:32px!important}.single-line-field-container{justify-content:space-between;align-items:center}.multi-line-field-container,.single-line-field-container{display:flex;padding:28px 16px;border-bottom:1px solid var(--grey-seperators)}.multi-line-field-container{justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.field-title-sm{margin-bottom:8px}.input-field{width:100%;background-color:var(--grey-bg-1);border:1px solid var(--grey-seperators);border-radius:6px}.ip-text{height:44px;padding:8px 12px}.ip-textarea{max-height:94px;padding:8px}input:focus{outline:none}input::-moz-placeholder{color:var(--grey-seperators)}input:-ms-input-placeholder{color:var(--grey-seperators)}input::placeholder{color:var(--grey-seperators)}textarea:focus{outline:none}.date-picker-container{position:relative;width:140px}.date-picker-container .date-picker{cursor:pointer;height:32px;width:100%;font-size:14px;border-radius:6px;padding:0 12px;border:1px solid var(--grey-seperators);inset:10px auto auto 80px;background-color:var(--text-white)}.date-picker-container .date-picker:hover{background-color:var(--grey-hover)}.date-picker-container .date-picker-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer}form .dynamic-field:last-child{border-bottom:none!important}#checkboxes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.radio-checkbox-common{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-bottom:8px;background-color:var(--text-white);padding:12px 16px;border:1px solid var(--text-muted);border-radius:8px}.radio-checkbox-common p{color:var(--text-muted)}.radio-checkbox-common img{margin-right:8px}.checkbox-active{background-color:var(--pmry-500)}.checkbox-active p{color:var(--text-white)}"]}]}],"members":{"formFields":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"formValues":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"activeBtnIconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"calendarIconUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"formUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"initializedDynamicForm":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"generateDynamicFieldsValueObject":[{"__symbolic":"method"}],"getDynamicFieldsControls":[{"__symbolic":"method"}],"updateSelectedValueForField":[{"__symbolic":"method"}],"updateSelectedValueForMultiSelect":[{"__symbolic":"method"}],"isCheckBoxSelected":[{"__symbolic":"method"}],"mapFormValueToFormField":[{"__symbolic":"method"}],"mapFormFieldToFormValue":[{"__symbolic":"method"}]}}},"origins":{"DynamicFormModule":"./dynamic-form.module","DynamicFormComponent":"./dynamic-form.component"},"importAs":"mis-crystal-design-system/dynamic-form"}

package/dynamic-form/public_api.d.ts

@@ -1 +1,2 @@
 export { DynamicFormModule } from "./dynamic-form.module";
+export { DynamicFormComponent } from "./dynamic-form.component";