mis-crystal-design-system 2.4.4 → 2.4.7

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","TableComponent","renderer","this","showFilter","filterName","filterData","filterContainerStyles","appliedFilters","filtersUpdated","EventEmitter","selectedPage","pages","pageSelected","tableData","subTableData","prototype","ngOnInit","_this","initializeFilters","config","paginationConfig","initializePagination","undefined","canScrollHorizontally","document","addEventListener","event","filter","isCheckBoxClicked","target","className","container","nativeElement","contains","toggleFilter","ngAfterViewInit","height","table","offsetHeight","setStyle","_e","colHeaderConfig","_f","colHeader","filters","_g","e_2","_h","checked","push","name","data","offSet","colHeadersReversed","colHeaders","toArray","reverse","colHeadersReversed_1","colHeadersReversed_1_1","header","innerText","offsetWidth","top","right","updateAppliedFilters","emit","assign","len","noOfPages","updateSelectedPage","pageNumber","getContainerHeight","getContainerWidth","width","getColHeadersRowHeight","colHeadersRowConfig","getColHeadersRowBorderTop","_a","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","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  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 {\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    {};\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  selectedPage = 1;\n  pages: Array<number> = [];\n\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.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(\n          event.target\n        );\n        if (!isClickInsideElement && !isCheckBoxClicked) {\n          this.toggleFilter(this.filterName);\n        }\n      }\n    });\n  }\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(\n        this.table.nativeElement,\n        'height',\n        (height - 56) + 'px'\n      );\n    }\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)\n      return;\n    this.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.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 (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.height\n    ) {\n      return this.config.colHeadersRowConfig.height;\n    } else return '44px';\n  }\n  getColHeadersRowBorderTop() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderTop\n    ) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return '';\n  }\n  getColHeadersRowBorderBottom() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderBottom\n    ) {\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}\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 {\n  ComponentFactoryResolver,\n  Directive,\n  Input,\n  ViewContainerRef,\n} 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) { this.ref.instance.data = this.cellData; }\n  }\n\n\n  constructor(\n    private viewContainerRef: ViewContainerRef,\n    private componentFactoryResolver: ComponentFactoryResolver\n  ) { }\n\n  createComponent() {\n    if (this.component) {\n      const cmpFactoryResolver =\n        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 {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnInit,\n  Renderer2,\n  ViewChild,\n} 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(\n        this.table.nativeElement,\n        'height',\n        height - 56 + 'px'\n      );\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 (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.height\n    ) {\n      return this.config.colHeadersRowConfig.height;\n    } else return '44px';\n  }\n  getColHeadersRowBorderTop() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderTop\n    ) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return '';\n  }\n  getColHeadersRowBorderBottom() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderBottom\n    ) {\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 {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n} 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\n      .filter((filter: Filter | any) => filter.checked)\n      .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: [\n    TableComponent,\n    SubTableComponent,\n    TableFilterComponent,\n    CustomTableCellDirective,\n  ],\n  imports: [\n    CommonModule,\n    CheckboxModule,\n    ScrollingModule\n  ],\n  exports: [\n    TableComponent,\n    SubTableComponent,\n    TableFilterComponent,\n    CustomTableCellDirective\n  ]\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","table","offsetHeight","setStyle","_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","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  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 {\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    {};\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(\n          event.target\n        );\n        if (!isClickInsideElement && !isCheckBoxClicked) {\n          this.toggleFilter(this.filterName);\n        }\n      }\n    });\n  }\n  ngAfterViewInit() {\n    if (this.config.paginationConfig) {\n      let height = this.table.nativeElement.offsetHeight;\n      this.renderer.setStyle(\n        this.table.nativeElement,\n        'height',\n        (height - 56) + 'px'\n      );\n    }\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)\n      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 (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.height\n    ) {\n      return this.config.colHeadersRowConfig.height;\n    } else return '44px';\n  }\n  getColHeadersRowBorderTop() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderTop\n    ) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return '';\n  }\n  getColHeadersRowBorderBottom() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderBottom\n    ) {\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 {\n  ComponentFactoryResolver,\n  Directive,\n  Input,\n  ViewContainerRef,\n} 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) { this.ref.instance.data = this.cellData; }\n  }\n\n\n  constructor(\n    private viewContainerRef: ViewContainerRef,\n    private componentFactoryResolver: ComponentFactoryResolver\n  ) { }\n\n  createComponent() {\n    if (this.component) {\n      const cmpFactoryResolver =\n        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 {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  Input,\n  OnInit,\n  Renderer2,\n  ViewChild,\n} 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(\n        this.table.nativeElement,\n        'height',\n        height - 56 + 'px'\n      );\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 (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.height\n    ) {\n      return this.config.colHeadersRowConfig.height;\n    } else return '44px';\n  }\n  getColHeadersRowBorderTop() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderTop\n    ) {\n      return this.config.colHeadersRowConfig.style?.borderTop;\n    } else return '';\n  }\n  getColHeadersRowBorderBottom() {\n    if (\n      this.config.colHeadersRowConfig &&\n      this.config.colHeadersRowConfig.style?.borderBottom\n    ) {\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 {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n} 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\n      .filter((filter: Filter | any) => filter.checked)\n      .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: [\n    TableComponent,\n    SubTableComponent,\n    TableFilterComponent,\n    CustomTableCellDirective,\n  ],\n  imports: [\n    CommonModule,\n    CheckboxModule,\n    ScrollingModule\n  ],\n  exports: [\n    TableComponent,\n    SubTableComponent,\n    TableFilterComponent,\n    CustomTableCellDirective\n  ]\n})\nexport class TableModule {\n  static forRoot(): ModuleWithProviders<TableModule> {\n    return { ngModule: TableModule, providers: [] };\n  }\n}\n"]}

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

@@ -1,93 +1,52 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/tooltip', ['exports', '@angular/core', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].tooltip = {}), global.ng.core, global.ng.common));
-}(this, (function (exports, core, common) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/overlay'), require('rxjs/operators'), require('@angular/cdk/portal'), require('mis-crystal-design-system/utils'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/tooltip', ['exports', '@angular/core', '@angular/cdk/overlay', 'rxjs/operators', '@angular/cdk/portal', 'mis-crystal-design-system/utils', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].tooltip = {}), global.ng.core, global.ng.cdk.overlay, global.rxjs.operators, global.ng.cdk.portal, global['mis-crystal-design-system'].utils, global.ng.common));
+}(this, (function (exports, core, overlay, operators, portal, utils, common) { 'use strict';
 
     var ToolTipComponent = /** @class */ (function () {
-        function ToolTipComponent(renderer) {
-            this.renderer = renderer;
-            this.toolTipText = '';
-            this.toolTipWidth = '';
-            this.toolTipPosition = 'Bottom';
+        function ToolTipComponent() {
+            this.toolTipText = "";
+            this.toolTipPosition = "bottom";
         }
-        Object.defineProperty(ToolTipComponent.prototype, "text", {
-            set: function (value) {
-                this.toolTipText = value;
-                this.updateToolTipPosition();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipComponent.prototype, "width", {
-            set: function (value) {
-                this.toolTipWidth = value;
-                this.updateToolTipPosition();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToolTipComponent.prototype, "position", {
-            set: function (value) {
-                this.toolTipPosition = value;
-                this.updateToolTipPosition();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ToolTipComponent.prototype.ngOnInit = function () {
-        };
+        ToolTipComponent.prototype.ngOnInit = function () { };
         ToolTipComponent.prototype.ngAfterViewInit = function () {
-            this.updateToolTipPosition();
-        };
-        ToolTipComponent.prototype.updateToolTipPosition = function () {
-            if (this.container) {
-                var width = this.container.nativeElement.offsetWidth;
-                if (this.toolTipPosition === 'Left') {
-                    this.renderer.setStyle(this.container.nativeElement, 'left', "-" + (width + 12) + "px");
-                    this.renderer.setStyle(this.container.nativeElement, 'right', '');
-                }
-                else if (this.toolTipPosition === 'Right') {
-                    this.renderer.setStyle(this.container.nativeElement, 'left', '');
-                    this.renderer.setStyle(this.container.nativeElement, 'right', "-" + (width + 12) + "px");
-                }
-                else {
-                    this.renderer.setStyle(this.container.nativeElement, 'left', '50%');
-                    this.renderer.setStyle(this.container.nativeElement, 'right', '');
-                }
+            var _a;
+            if (!((_a = this.container) === null || _a === void 0 ? void 0 : _a.nativeElement))
+                return;
+            if (this.toolTipPosition === "top" || this.toolTipPosition === "bottom") {
+                var eleWidth = this.container.nativeElement.getBoundingClientRect();
+                this.container.nativeElement.style.left = eleWidth.width / -2 + "px";
+                return;
+            }
+            if (this.toolTipPosition === "left") {
+                var eleWidth = this.container.nativeElement.getBoundingClientRect();
+                this.container.nativeElement.style.left = -eleWidth.width + "px";
             }
         };
         return ToolTipComponent;
     }());
     ToolTipComponent.decorators = [
         { type: core.Component, args: [{
-                    selector: 'mis-tooltip',
-                    template: "<div id=\"tooltip-container\" [hidden]=\"toolTipText.length < 1\"\n     #container\n     [ngStyle]=\"{'width': toolTipWidth.length > 0? toolTipWidth : ''}\"\n     [ngClass]=\"{\n        'left': toolTipPosition === 'Left',\n        'right': toolTipPosition === 'Right',\n        'top': toolTipPosition === 'Top',\n        'bottom': toolTipPosition === 'Bottom'\n     }\"\n>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{toolTipText}}</div>\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'Left',\n        'arrow-right': toolTipPosition === 'Right',\n        'arrow-top': toolTipPosition === 'Top',\n        'arrow-bottom': toolTipPosition === 'Bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",
-                    styles: ["#tooltip-container{position:absolute;z-index:1}#tooltip-container.top{left:50%;transform:translateX(-50%);top:-48px}#tooltip-container.bottom{left:50%;transform:translateX(-50%);bottom:-48px}#tooltip-container.left,#tooltip-container.right{top:50%;transform:translateY(-50%)}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]
+                    selector: "mis-tooltip",
+                    template: "<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0\" #container>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{ toolTipText }}</div>\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'left',\n        'arrow-right': toolTipPosition === 'right',\n        'arrow-top': toolTipPosition === 'top',\n        'arrow-bottom': toolTipPosition === 'bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",
+                    styles: ["#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]
                 },] }
     ];
-    ToolTipComponent.ctorParameters = function () { return [
-        { type: core.Renderer2 }
-    ]; };
+    ToolTipComponent.ctorParameters = function () { return []; };
     ToolTipComponent.propDecorators = {
-        text: [{ type: core.Input }],
-        width: [{ type: core.Input }],
-        position: [{ type: core.Input }],
-        container: [{ type: core.ViewChild, args: ['container',] }]
+        container: [{ type: core.ViewChild, args: ["container",] }]
     };
 
     var ToolTipDirective = /** @class */ (function () {
-        function ToolTipDirective(elementRef, renderer, viewContainerRef, componentFactoryResolver) {
-            this.elementRef = elementRef;
-            this.renderer = renderer;
+        function ToolTipDirective(element, overlay, viewContainerRef) {
+            this.element = element;
+            this.overlay = overlay;
             this.viewContainerRef = viewContainerRef;
-            this.componentFactoryResolver = componentFactoryResolver;
             this.isToolTipDisplayed = false;
-            this.toolTipWidth = '';
-            this.toolTipText = '';
-            this.toolTipPosition = 'Bottom';
-            this.responsivePosition = false;
-            this.showOnHover = false;
+            this.toolTipText = "";
+            this.toolTipPosition = "bottom";
+            this.showOnHover = true;
         }
         Object.defineProperty(ToolTipDirective.prototype, "showToolTip", {
             set: function (value) {
@@ -100,18 +59,9 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ToolTipDirective.prototype, "width", {
-            set: function (value) {
-                this.toolTipWidth = value;
-                this.createToolTip();
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(ToolTipDirective.prototype, "text", {
             set: function (value) {
                 this.toolTipText = value;
-                this.createToolTip();
             },
             enumerable: false,
             configurable: true
@@ -119,7 +69,6 @@
         Object.defineProperty(ToolTipDirective.prototype, "position", {
             set: function (value) {
                 this.toolTipPosition = value;
-                this.createToolTip();
             },
             enumerable: false,
             configurable: true
@@ -132,69 +81,86 @@
             if (this.showOnHover)
                 this.hideToolTip();
         };
-        ToolTipDirective.prototype.ngOnInit = function () {
-            this.createToolTip();
-        };
+        ToolTipDirective.prototype.ngOnInit = function () { };
         ToolTipDirective.prototype.ngAfterViewInit = function () {
-            this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'relative');
             if (this.isToolTipDisplayed)
                 this.displayToolTip();
             else
                 this.hideToolTip();
-            if (this.isToolTipDisplayed && this.responsivePosition)
-                this.updatePosition();
-        };
-        ToolTipDirective.prototype.createToolTip = function () {
-            var cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(ToolTipComponent);
-            this.viewContainerRef.clear();
-            this.componentRef = this.viewContainerRef.createComponent(cmpFactoryResolver);
-            this.componentRef.instance.width = this.toolTipWidth;
-            this.componentRef.instance.text = this.toolTipText;
-            this.componentRef.instance.position = this.toolTipPosition;
         };
         ToolTipDirective.prototype.displayToolTip = function () {
-            var isChild = this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement);
-            if (!isChild)
-                this.renderer.appendChild(this.elementRef.nativeElement, this.componentRef.location.nativeElement);
-            if (this.responsivePosition)
-                this.updatePosition();
+            var _this = this;
+            var positionStrategy = this.overlay
+                .position()
+                .flexibleConnectedTo(this.element)
+                .withPositions(utils.genPositionPairs({
+                positionX: "center",
+                positionY: this.toolTipPosition === "top" ? "top" : "center",
+                offsetX: this.positionTooltip("OFFSET_X"),
+                offsetY: this.positionTooltip("OFFSET_Y")
+            }, false))
+                .withPush(true);
+            var config = new overlay.OverlayConfig({
+                hasBackdrop: false,
+                positionStrategy: positionStrategy,
+                scrollStrategy: this.overlay.scrollStrategies.reposition()
+            });
+            this.overlayRef = this.overlay.create(config);
+            var tempRef = new portal.ComponentPortal(ToolTipComponent, this.viewContainerRef);
+            var tooltipRef = this.overlayRef.attach(tempRef);
+            tooltipRef.instance.toolTipText = this.toolTipText;
+            tooltipRef.instance.toolTipPosition = this.toolTipPosition;
+            this.overlayRef
+                .backdropClick()
+                .pipe(operators.take(1))
+                .subscribe(function () {
+                _this.hideToolTip();
+            });
         };
-        ToolTipDirective.prototype.hideToolTip = function () {
-            var isChild = this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement);
-            if (isChild)
-                this.renderer.removeChild(this.elementRef.nativeElement, this.componentRef.location.nativeElement);
+        ToolTipDirective.prototype.positionTooltip = function (type) {
+            if (type === "OFFSET_X") {
+                return this.toolTipPosition === "right"
+                    ? this.element.nativeElement.offsetWidth / 2 + 8
+                    : this.toolTipPosition === "left"
+                        ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1
+                        : this.toolTipPosition === "top" || this.toolTipPosition === "bottom"
+                            ? 0
+                            : 8;
+            }
+            if (type !== "OFFSET_Y")
+                return;
+            return this.toolTipPosition === "right" || this.toolTipPosition === "left"
+                ? -18
+                : this.toolTipPosition === "top"
+                    ? -44
+                    : this.toolTipPosition === "bottom"
+                        ? this.element.nativeElement.offsetHeight / 2 + 8
+                        : 8;
         };
-        ToolTipDirective.prototype.updatePosition = function () {
-            // let rect: any = this.componentRef.location.nativeElement.children[0].getBoundingClientRect()
-            // let {x, y, height, width} = rect
-            //TODO: Add logic for responsive positioning
-            // Use default value as priority and dont change it here 'toolTipPosition'
-            // Update the position using below line
-            // this.componentRef.instance.position = 'Right'
-            // console.log(x, y, height, width)
+        ToolTipDirective.prototype.hideToolTip = function () {
+            var _a, _b;
+            (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
+            (_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
         };
         return ToolTipDirective;
     }());
     ToolTipDirective.decorators = [
         { type: core.Directive, args: [{
-                    selector: '[misToolTip]'
+                    selector: "[misToolTip]"
                 },] }
     ];
     ToolTipDirective.ctorParameters = function () { return [
         { type: core.ElementRef },
-        { type: core.Renderer2 },
-        { type: core.ViewContainerRef },
-        { type: core.ComponentFactoryResolver }
+        { type: overlay.Overlay },
+        { type: core.ViewContainerRef }
     ]; };
     ToolTipDirective.propDecorators = {
-        responsivePosition: [{ type: core.Input }],
         showOnHover: [{ type: core.Input }],
         showToolTip: [{ type: core.Input }],
-        width: [{ type: core.Input }],
         text: [{ type: core.Input }],
         position: [{ type: core.Input }],
-        onMouseEnter: [{ type: core.HostListener, args: ['mouseenter',] }],
-        onMouseLeave: [{ type: core.HostListener, args: ['mouseleave',] }]
+        onMouseEnter: [{ type: core.HostListener, args: ["mouseenter",] }],
+        onMouseLeave: [{ type: core.HostListener, args: ["mouseleave",] }]
     };
 
     var ToolTipModule = /** @class */ (function () {

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

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-tooltip.umd.js","sources":["../../../projects/mis-components/tooltip/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts","../../../projects/mis-components/tooltip/mis-crystal-design-system-tooltip.ts"],"sourcesContent":["import {AfterViewInit, Component, ElementRef, Input, OnInit, Renderer2, ViewChild} from '@angular/core';\n\n@Component({\n  selector: 'mis-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.scss']\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit{\n\n  public toolTipText: string = ''\n  public toolTipWidth: string = ''\n  public toolTipPosition: 'Left' | 'Right' | 'Top' | 'Bottom' = 'Bottom'\n\n  @Input() set text(value: string){\n    this.toolTipText = value\n    this.updateToolTipPosition()\n  }\n  @Input() set width(value: string){\n    this.toolTipWidth = value;\n    this.updateToolTipPosition()\n  }\n  @Input() set position(value: 'Left' | 'Right' | 'Top' | 'Bottom'){\n    this.toolTipPosition = value\n    this.updateToolTipPosition()\n  }\n\n  @ViewChild('container') container: ElementRef\n\n  constructor(private renderer: Renderer2) {\n  }\n  ngOnInit() {\n  }\n  ngAfterViewInit(){\n    this.updateToolTipPosition()\n  }\n  updateToolTipPosition(){\n    if(this.container){\n      let width = this.container.nativeElement.offsetWidth\n      if(this.toolTipPosition === 'Left'){\n        this.renderer.setStyle(this.container.nativeElement, 'left', `-${width + 12}px`)\n        this.renderer.setStyle(this.container.nativeElement, 'right', '')\n      }\n      else if(this.toolTipPosition === 'Right'){\n        this.renderer.setStyle(this.container.nativeElement, 'left', '')\n        this.renderer.setStyle(this.container.nativeElement, 'right', `-${width + 12}px`)\n      }\n      else{\n        this.renderer.setStyle(this.container.nativeElement, 'left', '50%')\n        this.renderer.setStyle(this.container.nativeElement, 'right', '')\n      }\n    }\n  }\n}\n","import {\n  AfterViewInit,\n  ComponentFactoryResolver, ComponentRef,\n  Directive,\n  ElementRef, HostListener, Input,\n  OnInit,\n  Renderer2,\n  ViewContainerRef\n} from '@angular/core';\nimport {ToolTipComponent} from './tooltip.component';\nimport {isChildNodeOf} from 'codelyzer/util/isChildNodeOf';\n\n@Directive({\n  selector: '[misToolTip]'\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n  public isToolTipDisplayed: boolean = false\n  public toolTipWidth: string = ''\n  public toolTipText: string = ''\n  public toolTipPosition: 'Left' | 'Right' | 'Top' | 'Bottom' = 'Bottom'\n\n  @Input() responsivePosition: boolean = false\n  @Input() showOnHover: boolean = false\n  @Input() set showToolTip(value: boolean){\n    this.isToolTipDisplayed = value\n    if(value) this.displayToolTip()\n    else this.hideToolTip()\n  }\n  @Input() set width(value: string){\n    this.toolTipWidth = value\n    this.createToolTip()\n  }\n  @Input() set text(value: string){\n    this.toolTipText = value\n    this.createToolTip()\n  }\n  @Input() set position(value: 'Left' | 'Right' | 'Top' | 'Bottom'){\n    this.toolTipPosition = value\n    this.createToolTip()\n  }\n\n  @HostListener('mouseenter',) onMouseEnter() {\n    if (this.showOnHover) this.displayToolTip()\n  }\n  @HostListener('mouseleave',) onMouseLeave(){\n    if(this.showOnHover) this.hideToolTip()\n  }\n\n  private componentRef: ComponentRef<ToolTipComponent>\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    private viewContainerRef: ViewContainerRef,\n    private componentFactoryResolver: ComponentFactoryResolver\n  ) {\n  }\n\n  ngOnInit() {\n    this.createToolTip()\n  }\n  ngAfterViewInit(){\n    this.renderer.setStyle(this.elementRef.nativeElement, 'position', 'relative')\n    if(this.isToolTipDisplayed) this.displayToolTip()\n    else this.hideToolTip()\n    if(this.isToolTipDisplayed && this.responsivePosition) this.updatePosition()\n  }\n  createToolTip(){\n    const cmpFactoryResolver = this.componentFactoryResolver.resolveComponentFactory(ToolTipComponent);\n    this.viewContainerRef.clear();\n    this.componentRef = this.viewContainerRef.createComponent(cmpFactoryResolver);\n    this.componentRef.instance.width = this.toolTipWidth\n    this.componentRef.instance.text = this.toolTipText\n    this.componentRef.instance.position = this.toolTipPosition\n  }\n  displayToolTip(){\n    let isChild = this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement)\n    if(!isChild) this.renderer.appendChild(this.elementRef.nativeElement, this.componentRef.location.nativeElement)\n    if(this.responsivePosition) this.updatePosition()\n  }\n  hideToolTip(){\n    let isChild = this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement)\n    if(isChild) this.renderer.removeChild(this.elementRef.nativeElement, this.componentRef.location.nativeElement)\n  }\n  updatePosition(){\n    // let rect: any = this.componentRef.location.nativeElement.children[0].getBoundingClientRect()\n    // let {x, y, height, width} = rect\n    //TODO: Add logic for responsive positioning\n    // Use default value as priority and dont change it here 'toolTipPosition'\n    // Update the position using below line\n    // this.componentRef.instance.position = 'Right'\n    // console.log(x, y, height, width)\n  }\n}\n\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ToolTipDirective } from './tooltip.directive';\nimport {ToolTipComponent} from './tooltip.component';\n\n@NgModule({\n  declarations: [ToolTipDirective, ToolTipComponent],\n  imports: [CommonModule],\n  exports: [ToolTipDirective, ToolTipComponent],\n  entryComponents:[ToolTipComponent]\n})\nexport class ToolTipModule {\n  static forRoot(): ModuleWithProviders<ToolTipModule> {\n    return { ngModule: ToolTipModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","Renderer2","Input","ViewChild","Directive","ElementRef","ViewContainerRef","ComponentFactoryResolver","HostListener","NgModule","CommonModule"],"mappings":"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"}
+{"version":3,"file":"mis-crystal-design-system-tooltip.umd.js","sources":["../../../projects/mis-components/tooltip/tooltip-container/tooltip.component.ts","../../../projects/mis-components/tooltip/tooltip.directive.ts","../../../projects/mis-components/tooltip/tooltip.module.ts","../../../projects/mis-components/tooltip/mis-crystal-design-system-tooltip.ts"],"sourcesContent":["import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from \"@angular/core\";\nimport { ITooltipPositions } from \"../models/tooltip.model\";\n\n@Component({\n  selector: \"mis-tooltip\",\n  templateUrl: \"./tooltip.component.html\",\n  styleUrls: [\"./tooltip.component.scss\"]\n})\nexport class ToolTipComponent implements OnInit, AfterViewInit {\n  public toolTipText: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n\n  @ViewChild(\"container\") container: ElementRef;\n\n  constructor() {}\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (!this.container?.nativeElement) return;\n    if (this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = eleWidth.width / -2 + \"px\";\n      return;\n    }\n    if (this.toolTipPosition === \"left\") {\n      const eleWidth = this.container.nativeElement.getBoundingClientRect();\n      this.container.nativeElement.style.left = -eleWidth.width + \"px\";\n    }\n  }\n}\n","import { AfterViewInit, Directive, ElementRef, HostListener, Input, OnInit, ViewContainerRef, Injector } from \"@angular/core\";\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { take } from \"rxjs/operators\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { ITooltipPositions } from \"./models/tooltip.model\";\n\n@Directive({\n  selector: \"[misToolTip]\"\n})\nexport class ToolTipDirective implements OnInit, AfterViewInit {\n  public isToolTipDisplayed: boolean = false;\n  public toolTipText: string = \"\";\n  public toolTipPosition: ITooltipPositions = \"bottom\";\n  private overlayRef: OverlayRef;\n\n  @Input() showOnHover: boolean = true;\n  @Input() set showToolTip(value: boolean) {\n    this.isToolTipDisplayed = value;\n    if (value) this.displayToolTip();\n    else this.hideToolTip();\n  }\n  @Input() set text(value: string) {\n    this.toolTipText = value;\n  }\n  @Input() set position(value: ITooltipPositions) {\n    this.toolTipPosition = value;\n  }\n\n  @HostListener(\"mouseenter\") onMouseEnter() {\n    if (this.showOnHover) this.displayToolTip();\n  }\n  @HostListener(\"mouseleave\") onMouseLeave() {\n    if (this.showOnHover) this.hideToolTip();\n  }\n\n  constructor(private element: ElementRef, private overlay: Overlay, private viewContainerRef: ViewContainerRef) {}\n\n  ngOnInit() {}\n  ngAfterViewInit() {\n    if (this.isToolTipDisplayed) this.displayToolTip();\n    else this.hideToolTip();\n  }\n\n  displayToolTip() {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions(\n        genPositionPairs(\n          {\n            positionX: \"center\",\n            positionY: this.toolTipPosition === \"top\" ? \"top\" : \"center\",\n            offsetX: this.positionTooltip(\"OFFSET_X\"),\n            offsetY: this.positionTooltip(\"OFFSET_Y\")\n          },\n          false\n        )\n      )\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: false,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition()\n    });\n    this.overlayRef = this.overlay.create(config);\n    const tempRef = new ComponentPortal(ToolTipComponent, this.viewContainerRef);\n    const tooltipRef = this.overlayRef.attach(tempRef);\n    tooltipRef.instance.toolTipText = this.toolTipText;\n    tooltipRef.instance.toolTipPosition = this.toolTipPosition;\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(() => {\n        this.hideToolTip();\n      });\n  }\n\n  positionTooltip(type: \"OFFSET_X\" | \"OFFSET_Y\") {\n    if (type === \"OFFSET_X\") {\n      return this.toolTipPosition === \"right\"\n        ? this.element.nativeElement.offsetWidth / 2 + 8\n        : this.toolTipPosition === \"left\"\n        ? (this.element.nativeElement.offsetWidth / 2 + 8) * -1\n        : this.toolTipPosition === \"top\" || this.toolTipPosition === \"bottom\"\n        ? 0\n        : 8;\n    }\n    if (type !== \"OFFSET_Y\") return;\n    return this.toolTipPosition === \"right\" || this.toolTipPosition === \"left\"\n      ? -18\n      : this.toolTipPosition === \"top\"\n      ? -44\n      : this.toolTipPosition === \"bottom\"\n      ? this.element.nativeElement.offsetHeight / 2 + 8\n      : 8;\n  }\n\n  hideToolTip() {\n    this.overlayRef?.detach();\n    this.overlayRef?.dispose();\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { ToolTipDirective } from \"./tooltip.directive\";\nimport { ToolTipComponent } from \"./tooltip-container/tooltip.component\";\n\n@NgModule({\n  declarations: [ToolTipDirective, ToolTipComponent],\n  imports: [CommonModule],\n  exports: [ToolTipDirective, ToolTipComponent],\n  entryComponents: [ToolTipComponent]\n})\nexport class ToolTipModule {\n  static forRoot(): ModuleWithProviders<ToolTipModule> {\n    return { ngModule: ToolTipModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["Component","ViewChild","genPositionPairs","OverlayConfig","ComponentPortal","take","Directive","ElementRef","Overlay","ViewContainerRef","Input","HostListener","NgModule","CommonModule"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/tooltip",["exports","@angular/core","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].tooltip={}),t.ng.core,t.ng.common)}(this,(function(t,o,e){"use strict";var i=function(){function t(t){this.renderer=t,this.toolTipText="",this.toolTipWidth="",this.toolTipPosition="Bottom"}return Object.defineProperty(t.prototype,"text",{set:function(t){this.toolTipText=t,this.updateToolTipPosition()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"width",{set:function(t){this.toolTipWidth=t,this.updateToolTipPosition()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"position",{set:function(t){this.toolTipPosition=t,this.updateToolTipPosition()},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){this.updateToolTipPosition()},t.prototype.updateToolTipPosition=function(){if(this.container){var t=this.container.nativeElement.offsetWidth;"Left"===this.toolTipPosition?(this.renderer.setStyle(this.container.nativeElement,"left","-"+(t+12)+"px"),this.renderer.setStyle(this.container.nativeElement,"right","")):"Right"===this.toolTipPosition?(this.renderer.setStyle(this.container.nativeElement,"left",""),this.renderer.setStyle(this.container.nativeElement,"right","-"+(t+12)+"px")):(this.renderer.setStyle(this.container.nativeElement,"left","50%"),this.renderer.setStyle(this.container.nativeElement,"right",""))}},t}();i.decorators=[{type:o.Component,args:[{selector:"mis-tooltip",template:"<div id=\"tooltip-container\" [hidden]=\"toolTipText.length < 1\"\n     #container\n     [ngStyle]=\"{'width': toolTipWidth.length > 0? toolTipWidth : ''}\"\n     [ngClass]=\"{\n        'left': toolTipPosition === 'Left',\n        'right': toolTipPosition === 'Right',\n        'top': toolTipPosition === 'Top',\n        'bottom': toolTipPosition === 'Bottom'\n     }\"\n>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{toolTipText}}</div>\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'Left',\n        'arrow-right': toolTipPosition === 'Right',\n        'arrow-top': toolTipPosition === 'Top',\n        'arrow-bottom': toolTipPosition === 'Bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",styles:["#tooltip-container{position:absolute;z-index:1}#tooltip-container.top{left:50%;transform:translateX(-50%);top:-48px}#tooltip-container.bottom{left:50%;transform:translateX(-50%);bottom:-48px}#tooltip-container.left,#tooltip-container.right{top:50%;transform:translateY(-50%)}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]}]}],i.ctorParameters=function(){return[{type:o.Renderer2}]},i.propDecorators={text:[{type:o.Input}],width:[{type:o.Input}],position:[{type:o.Input}],container:[{type:o.ViewChild,args:["container"]}]};var n=function(){function t(t,o,e,i){this.elementRef=t,this.renderer=o,this.viewContainerRef=e,this.componentFactoryResolver=i,this.isToolTipDisplayed=!1,this.toolTipWidth="",this.toolTipText="",this.toolTipPosition="Bottom",this.responsivePosition=!1,this.showOnHover=!1}return Object.defineProperty(t.prototype,"showToolTip",{set:function(t){this.isToolTipDisplayed=t,t?this.displayToolTip():this.hideToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"width",{set:function(t){this.toolTipWidth=t,this.createToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"text",{set:function(t){this.toolTipText=t,this.createToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"position",{set:function(t){this.toolTipPosition=t,this.createToolTip()},enumerable:!1,configurable:!0}),t.prototype.onMouseEnter=function(){this.showOnHover&&this.displayToolTip()},t.prototype.onMouseLeave=function(){this.showOnHover&&this.hideToolTip()},t.prototype.ngOnInit=function(){this.createToolTip()},t.prototype.ngAfterViewInit=function(){this.renderer.setStyle(this.elementRef.nativeElement,"position","relative"),this.isToolTipDisplayed?this.displayToolTip():this.hideToolTip(),this.isToolTipDisplayed&&this.responsivePosition&&this.updatePosition()},t.prototype.createToolTip=function(){var t=this.componentFactoryResolver.resolveComponentFactory(i);this.viewContainerRef.clear(),this.componentRef=this.viewContainerRef.createComponent(t),this.componentRef.instance.width=this.toolTipWidth,this.componentRef.instance.text=this.toolTipText,this.componentRef.instance.position=this.toolTipPosition},t.prototype.displayToolTip=function(){this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement)||this.renderer.appendChild(this.elementRef.nativeElement,this.componentRef.location.nativeElement),this.responsivePosition&&this.updatePosition()},t.prototype.hideToolTip=function(){this.elementRef.nativeElement.contains(this.componentRef.location.nativeElement)&&this.renderer.removeChild(this.elementRef.nativeElement,this.componentRef.location.nativeElement)},t.prototype.updatePosition=function(){},t}();n.decorators=[{type:o.Directive,args:[{selector:"[misToolTip]"}]}],n.ctorParameters=function(){return[{type:o.ElementRef},{type:o.Renderer2},{type:o.ViewContainerRef},{type:o.ComponentFactoryResolver}]},n.propDecorators={responsivePosition:[{type:o.Input}],showOnHover:[{type:o.Input}],showToolTip:[{type:o.Input}],width:[{type:o.Input}],text:[{type:o.Input}],position:[{type:o.Input}],onMouseEnter:[{type:o.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:o.HostListener,args:["mouseleave"]}]};var r=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();r.decorators=[{type:o.NgModule,args:[{declarations:[n,i],imports:[e.CommonModule],exports:[n,i],entryComponents:[i]}]}],t.ToolTipComponent=i,t.ToolTipDirective=n,t.ToolTipModule=r,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/cdk/overlay"),require("rxjs/operators"),require("@angular/cdk/portal"),require("mis-crystal-design-system/utils"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/tooltip",["exports","@angular/core","@angular/cdk/overlay","rxjs/operators","@angular/cdk/portal","mis-crystal-design-system/utils","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"].tooltip={}),t.ng.core,t.ng.cdk.overlay,t.rxjs.operators,t.ng.cdk.portal,t["mis-crystal-design-system"].utils,t.ng.common)}(this,(function(t,o,i,e,n,r,s){"use strict";var l=function(){function t(){this.toolTipText="",this.toolTipPosition="bottom"}return t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){var t;if(null===(t=this.container)||void 0===t?void 0:t.nativeElement)if("top"!==this.toolTipPosition&&"bottom"!==this.toolTipPosition){if("left"===this.toolTipPosition){o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=-o.width+"px"}}else{var o=this.container.nativeElement.getBoundingClientRect();this.container.nativeElement.style.left=o.width/-2+"px"}},t}();l.decorators=[{type:o.Component,args:[{selector:"mis-tooltip",template:"<div id=\"tooltip-container\" *ngIf=\"toolTipText.length > 0\" #container>\n  <div id=\"tooltip\">\n    <div id=\"tooltip-text\">{{ toolTipText }}</div>\n    <span\n      id=\"arrow\"\n      [ngClass]=\"{\n        'arrow-left': toolTipPosition === 'left',\n        'arrow-right': toolTipPosition === 'right',\n        'arrow-top': toolTipPosition === 'top',\n        'arrow-bottom': toolTipPosition === 'bottom'\n      }\"\n    ></span>\n  </div>\n</div>\n",styles:["#tooltip-container{position:absolute;z-index:1}#tooltip{position:relative;display:block;padding:8px 12px;border-radius:8px;color:#fff;background:#181f33;font-family:Lato,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;text-align:center;letter-spacing:.2px}#tooltip-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#arrow{position:absolute;height:12px;width:12px;background:#181f33;z-index:1}.arrow-top{bottom:-6px}.arrow-bottom,.arrow-top{left:50%;transform:translateX(-50%) rotate(-45deg);-webkit-transform:translateX(-50%) rotate(-45deg)}.arrow-bottom{top:-6px}.arrow-left{right:-6px}.arrow-left,.arrow-right{top:50%;transform:translateY(-50%) rotate(-45deg);-webkit-transform:translateY(-50%) rotate(-45deg)}.arrow-right{left:-6px}"]}]}],l.ctorParameters=function(){return[]},l.propDecorators={container:[{type:o.ViewChild,args:["container"]}]};var p=function(){function t(t,o,i){this.element=t,this.overlay=o,this.viewContainerRef=i,this.isToolTipDisplayed=!1,this.toolTipText="",this.toolTipPosition="bottom",this.showOnHover=!0}return Object.defineProperty(t.prototype,"showToolTip",{set:function(t){this.isToolTipDisplayed=t,t?this.displayToolTip():this.hideToolTip()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"text",{set:function(t){this.toolTipText=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"position",{set:function(t){this.toolTipPosition=t},enumerable:!1,configurable:!0}),t.prototype.onMouseEnter=function(){this.showOnHover&&this.displayToolTip()},t.prototype.onMouseLeave=function(){this.showOnHover&&this.hideToolTip()},t.prototype.ngOnInit=function(){},t.prototype.ngAfterViewInit=function(){this.isToolTipDisplayed?this.displayToolTip():this.hideToolTip()},t.prototype.displayToolTip=function(){var t=this,o=this.overlay.position().flexibleConnectedTo(this.element).withPositions(r.genPositionPairs({positionX:"center",positionY:"top"===this.toolTipPosition?"top":"center",offsetX:this.positionTooltip("OFFSET_X"),offsetY:this.positionTooltip("OFFSET_Y")},!1)).withPush(!0),s=new i.OverlayConfig({hasBackdrop:!1,positionStrategy:o,scrollStrategy:this.overlay.scrollStrategies.reposition()});this.overlayRef=this.overlay.create(s);var p=new n.ComponentPortal(l,this.viewContainerRef),a=this.overlayRef.attach(p);a.instance.toolTipText=this.toolTipText,a.instance.toolTipPosition=this.toolTipPosition,this.overlayRef.backdropClick().pipe(e.take(1)).subscribe((function(){t.hideToolTip()}))},t.prototype.positionTooltip=function(t){return"OFFSET_X"===t?"right"===this.toolTipPosition?this.element.nativeElement.offsetWidth/2+8:"left"===this.toolTipPosition?-1*(this.element.nativeElement.offsetWidth/2+8):"top"===this.toolTipPosition||"bottom"===this.toolTipPosition?0:8:"OFFSET_Y"===t?"right"===this.toolTipPosition||"left"===this.toolTipPosition?-18:"top"===this.toolTipPosition?-44:"bottom"===this.toolTipPosition?this.element.nativeElement.offsetHeight/2+8:8:void 0},t.prototype.hideToolTip=function(){var t,o;null===(t=this.overlayRef)||void 0===t||t.detach(),null===(o=this.overlayRef)||void 0===o||o.dispose()},t}();p.decorators=[{type:o.Directive,args:[{selector:"[misToolTip]"}]}],p.ctorParameters=function(){return[{type:o.ElementRef},{type:i.Overlay},{type:o.ViewContainerRef}]},p.propDecorators={showOnHover:[{type:o.Input}],showToolTip:[{type:o.Input}],text:[{type:o.Input}],position:[{type:o.Input}],onMouseEnter:[{type:o.HostListener,args:["mouseenter"]}],onMouseLeave:[{type:o.HostListener,args:["mouseleave"]}]};var a=function(){function t(){}return t.forRoot=function(){return{ngModule:t,providers:[]}},t}();a.decorators=[{type:o.NgModule,args:[{declarations:[p,l],imports:[s.CommonModule],exports:[p,l],entryComponents:[l]}]}],t.ToolTipComponent=l,t.ToolTipDirective=p,t.ToolTipModule=a,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=mis-crystal-design-system-tooltip.umd.min.js.map