mis-crystal-design-system 14.0.52-test → 14.0.52-test-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/analytics/analytics.service.d.ts +1 -5
  2. package/esm2020/analytics/analytics.service.mjs +6 -7
  3. package/esm2020/dropdown/dropdown.component.mjs +53 -58
  4. package/esm2020/table/table.component.mjs +2 -2
  5. package/esm2020/tooltip/tooltip-container/tooltip.component.mjs +4 -1
  6. package/fesm2015/mis-crystal-design-system-analytics.mjs +7 -3
  7. package/fesm2015/mis-crystal-design-system-analytics.mjs.map +1 -1
  8. package/fesm2015/mis-crystal-design-system-dropdown.mjs +52 -59
  9. package/fesm2015/mis-crystal-design-system-dropdown.mjs.map +1 -1
  10. package/fesm2015/mis-crystal-design-system-table.mjs +2 -2
  11. package/fesm2015/mis-crystal-design-system-table.mjs.map +1 -1
  12. package/fesm2015/mis-crystal-design-system-tooltip.mjs +3 -0
  13. package/fesm2015/mis-crystal-design-system-tooltip.mjs.map +1 -1
  14. package/fesm2020/mis-crystal-design-system-analytics.mjs +5 -6
  15. package/fesm2020/mis-crystal-design-system-analytics.mjs.map +1 -1
  16. package/fesm2020/mis-crystal-design-system-dropdown.mjs +52 -57
  17. package/fesm2020/mis-crystal-design-system-dropdown.mjs.map +1 -1
  18. package/fesm2020/mis-crystal-design-system-table.mjs +2 -2
  19. package/fesm2020/mis-crystal-design-system-table.mjs.map +1 -1
  20. package/fesm2020/mis-crystal-design-system-tooltip.mjs +3 -0
  21. package/fesm2020/mis-crystal-design-system-tooltip.mjs.map +1 -1
  22. package/package.json +1 -1
package/esm2020/table/table.component.mjs CHANGED
@@ -440,10 +440,10 @@ TableComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TableCompone
440
440
  i0.ɵɵproperty("ngForOf", ctx.tableData);
441
441
  i0.ɵɵadvance(1);
442
442
  i0.ɵɵproperty("ngIf", (ctx.config == null ? null : ctx.config.paginationConfig) && (ctx.tableLength >= ctx.config.paginationConfig.rowsPerPage || (ctx.config.paginationConfig == null ? null : ctx.config.paginationConfig.selectedPage) !== 1));
443
- } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgStyle, i2.SubTableComponent, i3.TableFilterComponent, i4.CustomTableCellDirective], styles: ["#main-container[_ngcontent-%COMP%]{font-family:Lato,sans-serif;position:relative}.no-scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar{width:0}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container[_ngcontent-%COMP%]{height:inherit;overflow-y:auto}.scroll-horizontally[_ngcontent-%COMP%]{height:inherit;width:-moz-fit-content;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container[_ngcontent-%COMP%]{display:flex;align-items:center;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header[_ngcontent-%COMP%]{padding:0 16px;display:flex;align-items:center;height:100%}.col-header-text[_ngcontent-%COMP%]{font-style:normal;font-weight:700;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}.filter-icon[_ngcontent-%COMP%]{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active[_ngcontent-%COMP%]{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row[_ngcontent-%COMP%]{height:auto;border-bottom:none}.loader[_ngcontent-%COMP%] .mat-progress-spinner circle, .mat-spinner[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]{stroke:#0937b2}.t-row[_ngcontent-%COMP%]{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row[_ngcontent-%COMP%]:hover{background-color:#e7eefd}.active-row[_ngcontent-%COMP%]{background-color:#e6f6fd}.t-col-container[_ngcontent-%COMP%]{padding:0 16px}.t-row-hover[_ngcontent-%COMP%]:hover{background-color:#0000}.t-col-container-hover[_ngcontent-%COMP%]:hover{background-color:#e6ebf7}.t-col-container-hover[_ngcontent-%COMP%]:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover[_ngcontent-%COMP%]{border-right:1px solid #e0e0e0}.t-col[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%}.t-col-text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}#pagination-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container[_ngcontent-%COMP%]{display:flex;margin-right:32px}.page[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;width:32px;height:32px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-right:8px;cursor:pointer}.page-seperator[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot[_ngcontent-%COMP%]{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active[_ngcontent-%COMP%]{color:#0937b2;border:1px solid #0937b2}"] });
443
+ } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgStyle, i2.SubTableComponent, i3.TableFilterComponent, i4.CustomTableCellDirective], styles: ["#main-container[_ngcontent-%COMP%]{font-family:Lato,sans-serif;position:relative}.no-scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar{width:0}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container[_ngcontent-%COMP%]{height:inherit;overflow-y:auto}.scroll-horizontally[_ngcontent-%COMP%]{height:inherit;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container[_ngcontent-%COMP%]{display:flex;align-items:center;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header[_ngcontent-%COMP%]{padding:0 16px;display:flex;align-items:center;height:100%}.col-header-text[_ngcontent-%COMP%]{font-style:normal;font-weight:700;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}.filter-icon[_ngcontent-%COMP%]{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active[_ngcontent-%COMP%]{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row[_ngcontent-%COMP%]{height:auto;border-bottom:none}.loader[_ngcontent-%COMP%] .mat-progress-spinner circle, .mat-spinner[_ngcontent-%COMP%] circle[_ngcontent-%COMP%]{stroke:#0937b2}.t-row[_ngcontent-%COMP%]{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row[_ngcontent-%COMP%]:hover{background-color:#e7eefd}.active-row[_ngcontent-%COMP%]{background-color:#e6f6fd}.t-col-container[_ngcontent-%COMP%]{padding:0 16px}.t-row-hover[_ngcontent-%COMP%]:hover{background-color:#0000}.t-col-container-hover[_ngcontent-%COMP%]:hover{background-color:#e6ebf7}.t-col-container-hover[_ngcontent-%COMP%]:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover[_ngcontent-%COMP%]{border-right:1px solid #e0e0e0}.t-col[_ngcontent-%COMP%]{display:flex;align-items:center;height:100%}.t-col-text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}#pagination-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container[_ngcontent-%COMP%]{display:flex;margin-right:32px}.page[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;width:32px;height:32px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-right:8px;cursor:pointer}.page-seperator[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot[_ngcontent-%COMP%]{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active[_ngcontent-%COMP%]{color:#0937b2;border:1px solid #0937b2}"] });
444
444
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TableComponent, [{
445
445
  type: Component,
446
- args: [{ selector: "mis-table", template: "<div\n [ngStyle]=\"{\n height: getContainerHeight(),\n width: getContainerWidth(),\n 'overflow-x': config.canScrollHorizontally ? 'auto' : 'unset'\n }\"\n id=\"main-container\"\n>\n <mis-table-filter\n #filter\n (filtersApplied)=\"updateAppliedFilters($event)\"\n *ngIf=\"showFilter\"\n [containerStyles]=\"filterContainerStyles\"\n [filtersData]=\"filterData\"\n ></mis-table-filter>\n <div\n #table\n id=\"table-container\"\n [ngClass]=\"{ 'no-scrollbar': expandedIndex < 0, scrollbar: !(expandedIndex < 0), 'scroll-horizontally': config.canScrollHorizontally }\"\n >\n <div\n [ngStyle]=\"getColHeadersRowStyles()\"\n id=\"col-headers-container\"\n >\n <div\n #colHeaderRef\n (click)=\"colHeader?.action ? colHeader?.action(colHeader) : null\"\n *ngFor=\"let colHeader of config?.colHeaderConfig\"\n class=\"col-header\"\n [ngStyle]=\"{\n width: colHeader?.style?.width || '',\n cursor: colHeader.action ? 'pointer' : 'default',\n 'justify-content': colHeader?.style?.justifyContent\n ? colHeader?.style?.justifyContent\n : colHeader.type === 'number'\n ? 'flex-end'\n : 'space-between'\n }\"\n >\n <p *ngIf=\"colHeader?.type !== 'custom'\" class=\"col-header-text\">\n {{ colHeader?.data || \" \" }}\n </p>\n <span\n (click)=\"filterData = colHeader.filters; toggleFilter(colHeader.data); $event.stopPropagation()\"\n *ngIf=\"colHeader?.type !== 'custom' && colHeader?.filters && colHeader?.filters?.length > 0\"\n class=\"filter-icon\"\n >\n <span *ngIf=\"appliedFilters[colHeader.data]?.length > 0\" id=\"filter-active\"></span>\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M4.97546 10H7.64213V8H4.97546V10ZM0.308472 0V2H12.3085V0H0.308472ZM2.30847 6H10.3085V4H2.30847V6Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n <ng-template\n *ngIf=\"colHeader?.type === 'custom'\"\n [customComponent]=\"colHeader?.componentRef\"\n [data]=\"colHeader.data\"\n customTableCell\n ></ng-template>\n </div>\n </div>\n <div id=\"data-container\">\n <div class=\"row-wrapper\" *ngFor=\"let row of tableData; let i = index\">\n <div\n class=\"t-row\"\n [ngClass]=\"{ 't-row-hover': config.cellHover, 'active-row': i === activeRowIndex }\"\n [ngStyle]=\"{ 'min-height': config?.rowConfig?.height ? config.rowConfig.height : '44px' }\"\n (click)=\"selectRow(i)\"\n >\n <div\n (click)=\"config?.colConfig[i]?.action ? config?.colConfig[i]?.action(col) : null\"\n *ngFor=\"let col of row; let i = index\"\n [ngStyle]=\"{\n width: config?.colConfig[i]?.style?.width || config?.colHeaderConfig[i]?.style?.width || ''\n }\"\n class=\"t-col-container\"\n [ngClass]=\"{ 't-col-container-hover': config.cellHover }\"\n >\n <div\n class=\"t-col\"\n [style]=\"config.colConfig[i]?.style\"\n [ngStyle]=\"{\n width: '100%',\n cursor: config.colConfig[i]?.action ? 'pointer' : 'default',\n 'justify-content': config.colConfig[i]?.style?.justifyContent\n ? config.colConfig[i]?.style?.justifyContent\n : config.colConfig[i]?.type === 'number'\n ? 'flex-end'\n : 'space-between'\n }\"\n >\n <p\n *ngIf=\"config.colConfig[i]?.type !== 'custom'\"\n [ngStyle]=\"{\n color: config?.colConfig[i]?.style?.color ? config?.colConfig[i]?.style?.color : ''\n }\"\n class=\"t-col-text\"\n >\n {{ col }}\n </p>\n <ng-template\n *ngIf=\"config.colConfig[i]?.type === 'custom'\"\n [customComponent]=\"config.colConfig[i].componentRef\"\n [data]=\"col\"\n customTableCell\n ></ng-template>\n </div>\n </div>\n </div>\n <div *ngIf=\"config?.canExpand && expandedIndex === i\" class=\"sub-row\">\n <ng-container *ngIf=\"subTableDataLoading\">\n <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">Loading...</div>\n </ng-container>\n <ng-container *ngIf=\"!subTableDataLoading && subTableData.length === 0\">\n <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">No Data Available...</div>\n </ng-container>\n <ng-container *ngIf=\"!subTableDataLoading && subTableData.length > 0\">\n <sub-table [config]=\"subTableconfig\" [tableData]=\"subTableData\"></sub-table>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"config?.paginationConfig && (tableLength >= config.paginationConfig.rowsPerPage || config.paginationConfig?.selectedPage !== 1)\"\n id=\"pagination-container\"\n >\n <p id=\"pagination-text\">\n Showing\n {{ (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + 1 }}-{{\n (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + tableLength\n }}\n of {{ config.paginationConfig.totalNoOfRows }} items\n </p>\n <div id=\"pages-container\">\n <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage - 1)\" class=\"page\">\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M0.857405 5.56295C0.855794 5.56139 0.854188 5.55982 0.852588 5.55824C0.695955 5.40408 0.617641 5.20203 0.617647 4.99998C0.617641 4.79793 0.695955 4.59588 0.852588 4.44172C0.854188 4.44014 0.855794 4.43858 0.857404 4.43702L5.13066 0.231231C5.44392 -0.0770771 5.9518 -0.0770771 6.26506 0.231231C6.57831 0.53954 6.57831 1.03941 6.26506 1.34772L2.5542 4.99998L6.26506 8.65225C6.57831 8.96055 6.57831 9.46042 6.26506 9.76873C5.9518 10.077 5.44392 10.077 5.13066 9.76873L0.857405 5.56295Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n <div *ngFor=\"let pageNumber of pages\">\n <span\n (click)=\"updateSelectedPage(pageNumber)\"\n *ngIf=\"pageNumber != 0\"\n [ngClass]=\"{ 'page-active': pageNumber == config.paginationConfig?.selectedPage }\"\n class=\"page\"\n >{{ pageNumber }}</span\n >\n <span *ngIf=\"pageNumber == 0\" class=\"page-seperator\">\n <div style=\"display: flex\">\n <span class=\"dot\" style=\"margin-right: 4px\"></span>\n <span class=\"dot\" style=\"margin-right: 4px\"></span>\n <span class=\"dot\"></span>\n </div>\n </span>\n </div>\n <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage + 1)\" class=\"page\">\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M6.1426 5.56295C6.14421 5.56139 6.14581 5.55982 6.14741 5.55824C6.30405 5.40408 6.38236 5.20203 6.38236 4.99998C6.38236 4.79793 6.30405 4.59588 6.14741 4.44172C6.14581 4.44014 6.14421 4.43858 6.1426 4.43702L1.86934 0.231231C1.55608 -0.0770771 1.0482 -0.0770771 0.734942 0.231231C0.421688 0.53954 0.421688 1.03941 0.734942 1.34772L4.4458 4.99998L0.734941 8.65225C0.421686 8.96055 0.421686 9.46042 0.734941 9.76873C1.0482 10.077 1.55608 10.077 1.86934 9.76873L6.1426 5.56295Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n </div>\n </div>\n</div>\n", styles: ["#main-container{font-family:Lato,sans-serif;position:relative}.no-scrollbar::-webkit-scrollbar{width:0}.scrollbar::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container{height:inherit;overflow-y:auto}.scroll-horizontally{height:inherit;width:-moz-fit-content;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container{display:flex;align-items:center;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header{padding:0 16px;display:flex;align-items:center;height:100%}.col-header-text{font-style:normal;font-weight:700;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}.filter-icon{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row{height:auto;border-bottom:none}.loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#0937b2}.t-row{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#e7eefd}.active-row{background-color:#e6f6fd}.t-col-container{padding:0 16px}.t-row-hover:hover{background-color:#0000}.t-col-container-hover:hover{background-color:#e6ebf7}.t-col-container-hover:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover{border-right:1px solid #e0e0e0}.t-col{display:flex;align-items:center;height:100%}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}#pagination-container{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container{display:flex;margin-right:32px}.page{display:flex;justify-content:center;align-items:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;width:32px;height:32px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-right:8px;cursor:pointer}.page-seperator{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active{color:#0937b2;border:1px solid #0937b2}\n"] }]
446
+ args: [{ selector: "mis-table", template: "<div\n [ngStyle]=\"{\n height: getContainerHeight(),\n width: getContainerWidth(),\n 'overflow-x': config.canScrollHorizontally ? 'auto' : 'unset'\n }\"\n id=\"main-container\"\n>\n <mis-table-filter\n #filter\n (filtersApplied)=\"updateAppliedFilters($event)\"\n *ngIf=\"showFilter\"\n [containerStyles]=\"filterContainerStyles\"\n [filtersData]=\"filterData\"\n ></mis-table-filter>\n <div\n #table\n id=\"table-container\"\n [ngClass]=\"{ 'no-scrollbar': expandedIndex < 0, scrollbar: !(expandedIndex < 0), 'scroll-horizontally': config.canScrollHorizontally }\"\n >\n <div\n [ngStyle]=\"getColHeadersRowStyles()\"\n id=\"col-headers-container\"\n >\n <div\n #colHeaderRef\n (click)=\"colHeader?.action ? colHeader?.action(colHeader) : null\"\n *ngFor=\"let colHeader of config?.colHeaderConfig\"\n class=\"col-header\"\n [ngStyle]=\"{\n width: colHeader?.style?.width || '',\n cursor: colHeader.action ? 'pointer' : 'default',\n 'justify-content': colHeader?.style?.justifyContent\n ? colHeader?.style?.justifyContent\n : colHeader.type === 'number'\n ? 'flex-end'\n : 'space-between'\n }\"\n >\n <p *ngIf=\"colHeader?.type !== 'custom'\" class=\"col-header-text\">\n {{ colHeader?.data || \" \" }}\n </p>\n <span\n (click)=\"filterData = colHeader.filters; toggleFilter(colHeader.data); $event.stopPropagation()\"\n *ngIf=\"colHeader?.type !== 'custom' && colHeader?.filters && colHeader?.filters?.length > 0\"\n class=\"filter-icon\"\n >\n <span *ngIf=\"appliedFilters[colHeader.data]?.length > 0\" id=\"filter-active\"></span>\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 13 10\" width=\"13\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M4.97546 10H7.64213V8H4.97546V10ZM0.308472 0V2H12.3085V0H0.308472ZM2.30847 6H10.3085V4H2.30847V6Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n <ng-template\n *ngIf=\"colHeader?.type === 'custom'\"\n [customComponent]=\"colHeader?.componentRef\"\n [data]=\"colHeader.data\"\n customTableCell\n ></ng-template>\n </div>\n </div>\n <div id=\"data-container\">\n <div class=\"row-wrapper\" *ngFor=\"let row of tableData; let i = index\">\n <div\n class=\"t-row\"\n [ngClass]=\"{ 't-row-hover': config.cellHover, 'active-row': i === activeRowIndex }\"\n [ngStyle]=\"{ 'min-height': config?.rowConfig?.height ? config.rowConfig.height : '44px' }\"\n (click)=\"selectRow(i)\"\n >\n <div\n (click)=\"config?.colConfig[i]?.action ? config?.colConfig[i]?.action(col) : null\"\n *ngFor=\"let col of row; let i = index\"\n [ngStyle]=\"{\n width: config?.colConfig[i]?.style?.width || config?.colHeaderConfig[i]?.style?.width || ''\n }\"\n class=\"t-col-container\"\n [ngClass]=\"{ 't-col-container-hover': config.cellHover }\"\n >\n <div\n class=\"t-col\"\n [style]=\"config.colConfig[i]?.style\"\n [ngStyle]=\"{\n width: '100%',\n cursor: config.colConfig[i]?.action ? 'pointer' : 'default',\n 'justify-content': config.colConfig[i]?.style?.justifyContent\n ? config.colConfig[i]?.style?.justifyContent\n : config.colConfig[i]?.type === 'number'\n ? 'flex-end'\n : 'space-between'\n }\"\n >\n <p\n *ngIf=\"config.colConfig[i]?.type !== 'custom'\"\n [ngStyle]=\"{\n color: config?.colConfig[i]?.style?.color ? config?.colConfig[i]?.style?.color : ''\n }\"\n class=\"t-col-text\"\n >\n {{ col }}\n </p>\n <ng-template\n *ngIf=\"config.colConfig[i]?.type === 'custom'\"\n [customComponent]=\"config.colConfig[i].componentRef\"\n [data]=\"col\"\n customTableCell\n ></ng-template>\n </div>\n </div>\n </div>\n <div *ngIf=\"config?.canExpand && expandedIndex === i\" class=\"sub-row\">\n <ng-container *ngIf=\"subTableDataLoading\">\n <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">Loading...</div>\n </ng-container>\n <ng-container *ngIf=\"!subTableDataLoading && subTableData.length === 0\">\n <div style=\"display: flex; justify-content: center; align-items: center; padding: 16px\">No Data Available...</div>\n </ng-container>\n <ng-container *ngIf=\"!subTableDataLoading && subTableData.length > 0\">\n <sub-table [config]=\"subTableconfig\" [tableData]=\"subTableData\"></sub-table>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"config?.paginationConfig && (tableLength >= config.paginationConfig.rowsPerPage || config.paginationConfig?.selectedPage !== 1)\"\n id=\"pagination-container\"\n >\n <p id=\"pagination-text\">\n Showing\n {{ (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + 1 }}-{{\n (config.paginationConfig?.selectedPage - 1) * config.paginationConfig.rowsPerPage + tableLength\n }}\n of {{ config.paginationConfig.totalNoOfRows }} items\n </p>\n <div id=\"pages-container\">\n <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage - 1)\" class=\"page\">\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M0.857405 5.56295C0.855794 5.56139 0.854188 5.55982 0.852588 5.55824C0.695955 5.40408 0.617641 5.20203 0.617647 4.99998C0.617641 4.79793 0.695955 4.59588 0.852588 4.44172C0.854188 4.44014 0.855794 4.43858 0.857404 4.43702L5.13066 0.231231C5.44392 -0.0770771 5.9518 -0.0770771 6.26506 0.231231C6.57831 0.53954 6.57831 1.03941 6.26506 1.34772L2.5542 4.99998L6.26506 8.65225C6.57831 8.96055 6.57831 9.46042 6.26506 9.76873C5.9518 10.077 5.44392 10.077 5.13066 9.76873L0.857405 5.56295Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n <div *ngFor=\"let pageNumber of pages\">\n <span\n (click)=\"updateSelectedPage(pageNumber)\"\n *ngIf=\"pageNumber != 0\"\n [ngClass]=\"{ 'page-active': pageNumber == config.paginationConfig?.selectedPage }\"\n class=\"page\"\n >{{ pageNumber }}</span\n >\n <span *ngIf=\"pageNumber == 0\" class=\"page-seperator\">\n <div style=\"display: flex\">\n <span class=\"dot\" style=\"margin-right: 4px\"></span>\n <span class=\"dot\" style=\"margin-right: 4px\"></span>\n <span class=\"dot\"></span>\n </div>\n </span>\n </div>\n <span (click)=\"updateSelectedPage(config.paginationConfig?.selectedPage + 1)\" class=\"page\">\n <svg fill=\"none\" height=\"10\" viewBox=\"0 0 7 10\" width=\"7\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n clip-rule=\"evenodd\"\n d=\"M6.1426 5.56295C6.14421 5.56139 6.14581 5.55982 6.14741 5.55824C6.30405 5.40408 6.38236 5.20203 6.38236 4.99998C6.38236 4.79793 6.30405 4.59588 6.14741 4.44172C6.14581 4.44014 6.14421 4.43858 6.1426 4.43702L1.86934 0.231231C1.55608 -0.0770771 1.0482 -0.0770771 0.734942 0.231231C0.421688 0.53954 0.421688 1.03941 0.734942 1.34772L4.4458 4.99998L0.734941 8.65225C0.421686 8.96055 0.421686 9.46042 0.734941 9.76873C1.0482 10.077 1.55608 10.077 1.86934 9.76873L6.1426 5.56295Z\"\n fill=\"#181F33\"\n fill-rule=\"evenodd\"\n />\n </svg>\n </span>\n </div>\n </div>\n</div>\n", styles: ["#main-container{font-family:Lato,sans-serif;position:relative}.no-scrollbar::-webkit-scrollbar{width:0}.scrollbar::-webkit-scrollbar{width:8px;height:8px;border-radius:15px}.scrollbar::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:15px}#table-container{height:inherit;overflow-y:auto}.scroll-horizontally{height:inherit;width:fit-content;overflow-y:unset!important;overflow-x:visible}#col-headers-container{display:flex;align-items:center;position:sticky;background-color:#fff;width:100%;z-index:1;min-height:44px;border-bottom:1px solid #e0e0e0;top:0;left:0;right:0}.col-header{padding:0 16px;display:flex;align-items:center;height:100%}.col-header-text{font-style:normal;font-weight:700;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}.filter-icon{margin-left:8px;padding:0 8px;position:relative;cursor:pointer}#filter-active{height:8px;width:8px;background:#16cbbc;border-radius:50%;position:absolute;top:4px;right:4px}.sub-row{height:auto;border-bottom:none}.loader ::ng-deep .mat-progress-spinner circle,.mat-spinner circle{stroke:#0937b2}.t-row{display:flex;min-height:44px;background-color:#fff;width:100%;border-bottom:1px solid #e0e0e0}.t-row:hover{background-color:#e7eefd}.active-row{background-color:#e6f6fd}.t-col-container{padding:0 16px}.t-row-hover:hover{background-color:#0000}.t-col-container-hover:hover{background-color:#e6ebf7}.t-col-container-hover:first-child{border-left:1px solid #e0e0e0}.t-col-container-hover{border-right:1px solid #e0e0e0}.t-col{display:flex;align-items:center;height:100%}.t-col-text{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;letter-spacing:.2px;margin:0}#pagination-container{display:flex;justify-content:flex-end;align-items:center;height:56px}#pagination-text{font-style:normal;font-weight:400;font-size:12px;line-height:18px;letter-spacing:.4px;color:#6a737d;margin:0 96px 0 0}#pages-container{display:flex;margin-right:32px}.page{display:flex;justify-content:center;align-items:center;border:1px solid #6a737d;box-sizing:border-box;border-radius:4px;width:32px;height:32px;font-size:14px;line-height:20px;letter-spacing:.2px;color:#6a737d;margin-right:8px;cursor:pointer}.page-seperator{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px}.dot{height:3px;width:3px;border-radius:50%;background:#6a737d}.page-active{color:#0937b2;border:1px solid #0937b2}\n"] }]
447
447
  }], function () { return [{ type: i0.Renderer2 }]; }, { filtersUpdated: [{
448
448
  type: Output
449
449
  }], filter: [{
package/esm2020/tooltip/tooltip-container/tooltip.component.mjs CHANGED
@@ -48,6 +48,9 @@ export class ToolTipComponent {
48
48
  return;
49
49
  if (this.toolTipPosition === "top" || this.toolTipPosition === "bottom") {
50
50
  const eleWidth = this.container.nativeElement.getBoundingClientRect();
51
+ if (this.toolTipPosition === 'top') {
52
+ this.container.nativeElement.style.bottom = '-36px';
53
+ }
51
54
  this.container.nativeElement.style.left = eleWidth.width / -2 + "px";
52
55
  return;
53
56
  }
@@ -75,4 +78,4 @@ ToolTipComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToolTipCom
75
78
  type: ViewChild,
76
79
  args: ["container"]
77
80
  }] }); })();
78
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAtY29udGFpbmVyL3Rvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLWNvbnRhaW5lci90b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUEyQyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0lDR3ZHLHdCQUFpRTs7O0lBRG5FLDJCQUErQztJQUM3QywrRkFBaUU7SUFDbkUsaUJBQU07OztJQURXLGVBQWlDO0lBQWpDLHlEQUFpQzs7OztJQUloRCx5QkFDMEY7OztJQURuRSxpRUFBeUIsdUdBQUE7Ozs7SUFQdEQsaUNBQXlGLGFBQUE7SUFFckYsdUVBRU07SUFFTix3SEFHYztJQUVkLDBCQVFRO0lBQ1YsaUJBQU0sRUFBQTs7OztJQWxCRSxlQUF1QjtJQUF2Qiw2Q0FBdUIsaUJBQUE7SUFXM0IsZUFLRTtJQUxGLGtNQUtFOztBRFZSLE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0I7UUFQTyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixvQkFBZSxHQUFzQixRQUFRLENBQUM7UUFDOUMseUJBQW9CLEdBQVcsRUFBRSxDQUFDO0lBSzFCLENBQUM7SUFDaEIsUUFBUSxLQUFJLENBQUM7SUFDYixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYTtZQUFFLE9BQU87UUFDM0MsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLFFBQVEsRUFBRTtZQUN2RSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RFLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsUUFBUSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUM7WUFDckUsT0FBTztTQUNSO1FBQ0QsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLE1BQU0sRUFBRTtZQUNuQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RFLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztTQUNsRTtJQUNILENBQUM7O2dGQXJCVSxnQkFBZ0I7bUVBQWhCLGdCQUFnQjs7Ozs7O1FDUjdCLGlFQXFCTTs7UUFyQnVCLHdFQUErQzs7dUZEUS9ELGdCQUFnQjtjQUw1QixTQUFTOzJCQUNFLGFBQWE7c0NBVUMsU0FBUztrQkFBaEMsU0FBUzttQkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBJVG9vbHRpcFBvc2l0aW9ucyB9IGZyb20gXCIuLi9tb2RlbHMvdG9vbHRpcC5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXRvb2x0aXBcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90b29sdGlwLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi90b29sdGlwLmNvbXBvbmVudC5zY3NzXCJdXG59KVxuZXhwb3J0IGNsYXNzIFRvb2xUaXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBwdWJsaWMgdG9vbFRpcFRleHQ6IHN0cmluZyA9IFwiXCI7XG4gIHB1YmxpYyB0b29sVGlwUG9zaXRpb246IElUb29sdGlwUG9zaXRpb25zID0gXCJib3R0b21cIjtcbiAgcHVibGljIHRvb2xUaXBUZXh0QWxpZ25tZW50OiBzdHJpbmcgPSBcIlwiO1xuICB0b29sdGlwVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT5cblxuICBAVmlld0NoaWxkKFwiY29udGFpbmVyXCIpIGNvbnRhaW5lcjogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIG5nT25Jbml0KCkge31cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICghdGhpcy5jb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQpIHJldHVybjtcbiAgICBpZiAodGhpcy50b29sVGlwUG9zaXRpb24gPT09IFwidG9wXCIgfHwgdGhpcy50b29sVGlwUG9zaXRpb24gPT09IFwiYm90dG9tXCIpIHtcbiAgICAgIGNvbnN0IGVsZVdpZHRoID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IGVsZVdpZHRoLndpZHRoIC8gLTIgKyBcInB4XCI7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLnRvb2xUaXBQb3NpdGlvbiA9PT0gXCJsZWZ0XCIpIHtcbiAgICAgIGNvbnN0IGVsZVdpZHRoID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IC1lbGVXaWR0aC53aWR0aCArIFwicHhcIjtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJ0b29sdGlwLWNvbnRhaW5lclwiICpuZ0lmPVwidG9vbFRpcFRleHQubGVuZ3RoID4gMCB8fCB0b29sdGlwVGVtcGxhdGVcIiAjY29udGFpbmVyPlxuICA8ZGl2IGlkPVwidG9vbHRpcFwiPlxuICAgIDxkaXYgKm5nSWY9XCJ0b29sdGlwVGVtcGxhdGU7IGVsc2UgdG9vbHRpcFRleHRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sdGlwVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjdG9vbHRpcFRleHQ+XG4gICAgICA8ZGl2IGlkPVwidG9vbHRpcC10ZXh0XCIgW2lubmVySFRNTF09XCJ0b29sVGlwVGV4dFwiIFxuICAgICAgICAgICBbbmdTdHlsZV09XCJ7J3RleHQtYWxpZ24nIDogdG9vbFRpcFRleHRBbGlnbm1lbnQgPyB0b29sVGlwVGV4dEFsaWdubWVudCA6ICcnIH1cIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPHNwYW5cbiAgICAgIGlkPVwiYXJyb3dcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnYXJyb3ctbGVmdCc6IHRvb2xUaXBQb3NpdGlvbiA9PT0gJ2xlZnQnLFxuICAgICAgICAnYXJyb3ctcmlnaHQnOiB0b29sVGlwUG9zaXRpb24gPT09ICdyaWdodCcsXG4gICAgICAgICdhcnJvdy10b3AnOiB0b29sVGlwUG9zaXRpb24gPT09ICd0b3AnLFxuICAgICAgICAnYXJyb3ctYm90dG9tJzogdG9vbFRpcFBvc2l0aW9uID09PSAnYm90dG9tJ1xuICAgICAgfVwiXG4gICAgPjwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
81
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAtY29udGFpbmVyL3Rvb2x0aXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLWNvbnRhaW5lci90b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUEyQyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0lDR3ZHLHdCQUFpRTs7O0lBRG5FLDJCQUErQztJQUM3QywrRkFBaUU7SUFDbkUsaUJBQU07OztJQURXLGVBQWlDO0lBQWpDLHlEQUFpQzs7OztJQUloRCx5QkFDMEY7OztJQURuRSxpRUFBeUIsdUdBQUE7Ozs7SUFQdEQsaUNBQXlGLGFBQUE7SUFFckYsdUVBRU07SUFFTix3SEFHYztJQUVkLDBCQVFRO0lBQ1YsaUJBQU0sRUFBQTs7OztJQWxCRSxlQUF1QjtJQUF2Qiw2Q0FBdUIsaUJBQUE7SUFXM0IsZUFLRTtJQUxGLGtNQUtFOztBRFZSLE1BQU0sT0FBTyxnQkFBZ0I7SUFRM0I7UUFQTyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixvQkFBZSxHQUFzQixRQUFRLENBQUM7UUFDOUMseUJBQW9CLEdBQVcsRUFBRSxDQUFDO0lBSzFCLENBQUM7SUFDaEIsUUFBUSxLQUFJLENBQUM7SUFFYixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsYUFBYTtZQUFFLE9BQU87UUFDM0MsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLFFBQVEsRUFBRTtZQUN2RSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RFLElBQUcsSUFBSSxDQUFDLGVBQWUsS0FBSyxLQUFLLEVBQUM7Z0JBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO2FBQ3JEO1lBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxRQUFRLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQztZQUNyRSxPQUFPO1NBQ1I7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssTUFBTSxFQUFFO1lBQ25DLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDdEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1NBQ2xFO0lBQ0gsQ0FBQzs7Z0ZBekJVLGdCQUFnQjttRUFBaEIsZ0JBQWdCOzs7Ozs7UUNSN0IsaUVBcUJNOztRQXJCdUIsd0VBQStDOzt1RkRRL0QsZ0JBQWdCO2NBTDVCLFNBQVM7MkJBQ0UsYUFBYTtzQ0FVQyxTQUFTO2tCQUFoQyxTQUFTO21CQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEluamVjdCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IElUb29sdGlwUG9zaXRpb25zIH0gZnJvbSBcIi4uL21vZGVscy90b29sdGlwLm1vZGVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtaXMtdG9vbHRpcFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL3Rvb2x0aXAuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3NcIl1cbn0pXG5leHBvcnQgY2xhc3MgVG9vbFRpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gIHB1YmxpYyB0b29sVGlwVGV4dDogc3RyaW5nID0gXCJcIjtcbiAgcHVibGljIHRvb2xUaXBQb3NpdGlvbjogSVRvb2x0aXBQb3NpdGlvbnMgPSBcImJvdHRvbVwiO1xuICBwdWJsaWMgdG9vbFRpcFRleHRBbGlnbm1lbnQ6IHN0cmluZyA9IFwiXCI7XG4gIHRvb2x0aXBUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PlxuXG4gIEBWaWV3Q2hpbGQoXCJjb250YWluZXJcIikgY29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbiAgbmdPbkluaXQoKSB7fVxuICBcbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICghdGhpcy5jb250YWluZXI/Lm5hdGl2ZUVsZW1lbnQpIHJldHVybjtcbiAgICBpZiAodGhpcy50b29sVGlwUG9zaXRpb24gPT09IFwidG9wXCIgfHwgdGhpcy50b29sVGlwUG9zaXRpb24gPT09IFwiYm90dG9tXCIpIHtcbiAgICAgIGNvbnN0IGVsZVdpZHRoID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIGlmKHRoaXMudG9vbFRpcFBvc2l0aW9uID09PSAndG9wJyl7XG4gICAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYm90dG9tID0gJy0zNnB4JztcbiAgICAgIH1cbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IGVsZVdpZHRoLndpZHRoIC8gLTIgKyBcInB4XCI7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGlmICh0aGlzLnRvb2xUaXBQb3NpdGlvbiA9PT0gXCJsZWZ0XCIpIHtcbiAgICAgIGNvbnN0IGVsZVdpZHRoID0gdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgIHRoaXMuY29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuc3R5bGUubGVmdCA9IC1lbGVXaWR0aC53aWR0aCArIFwicHhcIjtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgaWQ9XCJ0b29sdGlwLWNvbnRhaW5lclwiICpuZ0lmPVwidG9vbFRpcFRleHQubGVuZ3RoID4gMCB8fCB0b29sdGlwVGVtcGxhdGVcIiAjY29udGFpbmVyPlxuICA8ZGl2IGlkPVwidG9vbHRpcFwiPlxuICAgIDxkaXYgKm5nSWY9XCJ0b29sdGlwVGVtcGxhdGU7IGVsc2UgdG9vbHRpcFRleHRcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0b29sdGlwVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjdG9vbHRpcFRleHQ+XG4gICAgICA8ZGl2IGlkPVwidG9vbHRpcC10ZXh0XCIgW2lubmVySFRNTF09XCJ0b29sVGlwVGV4dFwiIFxuICAgICAgICAgICBbbmdTdHlsZV09XCJ7J3RleHQtYWxpZ24nIDogdG9vbFRpcFRleHRBbGlnbm1lbnQgPyB0b29sVGlwVGV4dEFsaWdubWVudCA6ICcnIH1cIj48L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPHNwYW5cbiAgICAgIGlkPVwiYXJyb3dcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnYXJyb3ctbGVmdCc6IHRvb2xUaXBQb3NpdGlvbiA9PT0gJ2xlZnQnLFxuICAgICAgICAnYXJyb3ctcmlnaHQnOiB0b29sVGlwUG9zaXRpb24gPT09ICdyaWdodCcsXG4gICAgICAgICdhcnJvdy10b3AnOiB0b29sVGlwUG9zaXRpb24gPT09ICd0b3AnLFxuICAgICAgICAnYXJyb3ctYm90dG9tJzogdG9vbFRpcFBvc2l0aW9uID09PSAnYm90dG9tJ1xuICAgICAgfVwiXG4gICAgPjwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
package/fesm2015/mis-crystal-design-system-analytics.mjs CHANGED
@@ -31,12 +31,16 @@ class AnalyticsService {
31
31
  }
32
32
  });
33
33
  }
34
- send(eventAction, event_category, event_label, event_value, force = false, customParameters) {
34
+ send(eventAction, event_category, event_label, event_value, force = false) {
35
35
  if (!this.scriptLoaded && !force) {
36
- this.pendingEvents.push(["event", eventAction, event_category, event_label, event_value, customParameters]);
36
+ this.pendingEvents.push(["event", eventAction, event_category, event_label, event_value]);
37
37
  return;
38
38
  }
39
- gtag === null || gtag === void 0 ? void 0 : gtag("event", eventAction, Object.assign({ event_category: event_category, event_label: event_label, event_value: event_value }, customParameters));
39
+ gtag === null || gtag === void 0 ? void 0 : gtag("event", eventAction, {
40
+ event_category,
41
+ event_label,
42
+ event_value
43
+ });
40
44
  }
41
45
  setIdentity(identifier) {
42
46
  if (!this.scriptLoaded) {
package/fesm2015/mis-crystal-design-system-analytics.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mis-crystal-design-system-analytics.mjs","sources":["../../../projects/mis-components/analytics/analytics.service.ts","../../../projects/mis-components/analytics/analytics.module.ts","../../../projects/mis-components/analytics/mis-crystal-design-system-analytics.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, Renderer2 } from \"@angular/core\";\ndeclare const gtag: Function;\ntype TCustomParameters = { [key: string]: string | number | boolean };\ntype TPendingEvents = ([\"event\", string, string, string?, string?, TCustomParameters?] | [\"set\", string])[];\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class AnalyticsService {\n private scriptLoaded = false;\n private pendingEvents: TPendingEvents = [];\n\n constructor(@Inject(DOCUMENT) private document: any) {}\n\n insertScript(measurementId: string, renderer: Renderer2): void {\n const loadScript = renderer.createElement(\"script\");\n loadScript.setAttribute(\"async\", true);\n loadScript.setAttribute(\"src\", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);\n\n const initScript = renderer.createElement(\"script\");\n initScript.innerText = `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\\'js\\', new Date());gtag(\\'config\\', \\'${measurementId}\\');`;\n renderer.appendChild(this.document.head, loadScript);\n renderer.appendChild(this.document.head, initScript);\n this.handlePendingEvents(loadScript);\n }\n\n private handlePendingEvents(script: HTMLScriptElement): void {\n script.addEventListener(\"load\", () => {\n this.scriptLoaded = true;\n for (const eventDetails of this.pendingEvents) {\n if (eventDetails[0] === \"event\") {\n this.send(eventDetails[1], eventDetails[2], eventDetails[3], eventDetails[4]);\n } else if (eventDetails[0] === \"set\") {\n this.setIdentity(eventDetails[1]);\n }\n }\n });\n }\n\n send(\n eventAction: string, \n event_category: string, \n event_label?: string, \n event_value?: string, \n force = false, \n customParameters?: TCustomParameters\n ): void {\n if (!this.scriptLoaded && !force) {\n this.pendingEvents.push([\"event\", eventAction, event_category, event_label, event_value, customParameters]);\n return;\n }\n gtag?.(\"event\", eventAction, {\n event_category: event_category,\n event_label: event_label,\n event_value: event_value,\n ...customParameters\n });\n }\n\n setIdentity(identifier: string): void {\n if (!this.scriptLoaded) {\n this.pendingEvents.push([\"set\", identifier]);\n return;\n }\n gtag?.(\"set\", { user_id: identifier });\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { AnalyticsService } from \"./analytics.service\";\n\n@NgModule()\nexport class AnalyticsModule {\n static forRoot(): ModuleWithProviders<AnalyticsModule> {\n return {\n ngModule: AnalyticsModule,\n providers: [AnalyticsService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mis-crystal-design-system-analytics.mjs","sources":["../../../projects/mis-components/analytics/analytics.service.ts","../../../projects/mis-components/analytics/analytics.module.ts","../../../projects/mis-components/analytics/mis-crystal-design-system-analytics.ts"],"sourcesContent":["import { DOCUMENT } from \"@angular/common\";\nimport { Inject, Injectable, Renderer2 } from \"@angular/core\";\ndeclare const gtag: Function;\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class AnalyticsService {\n private scriptLoaded = false;\n private pendingEvents: Array<Array<string>> = [];\n\n constructor(@Inject(DOCUMENT) private document: any) {}\n\n insertScript(measurementId: string, renderer: Renderer2): void {\n const loadScript = renderer.createElement(\"script\");\n loadScript.setAttribute(\"async\", true);\n loadScript.setAttribute(\"src\", `https://www.googletagmanager.com/gtag/js?id=${measurementId}`);\n\n const initScript = renderer.createElement(\"script\");\n initScript.innerText = `window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag(\\'js\\', new Date());gtag(\\'config\\', \\'${measurementId}\\');`;\n renderer.appendChild(this.document.head, loadScript);\n renderer.appendChild(this.document.head, initScript);\n this.handlePendingEvents(loadScript);\n }\n\n private handlePendingEvents(script: HTMLScriptElement): void {\n script.addEventListener(\"load\", () => {\n this.scriptLoaded = true;\n for (const eventDetails of this.pendingEvents) {\n if (eventDetails[0] === \"event\") {\n this.send(eventDetails[1], eventDetails[2], eventDetails[3], eventDetails[4]);\n } else if (eventDetails[0] === \"set\") {\n this.setIdentity(eventDetails[1]);\n }\n }\n });\n }\n\n send(eventAction: string, event_category: string, event_label?: string, event_value?: string, force = false): void {\n if (!this.scriptLoaded && !force) {\n this.pendingEvents.push([\"event\", eventAction, event_category, event_label, event_value]);\n return;\n }\n gtag?.(\"event\", eventAction, {\n event_category,\n event_label,\n event_value\n });\n }\n\n setIdentity(identifier: string): void {\n if (!this.scriptLoaded) {\n this.pendingEvents.push([\"set\", identifier]);\n return;\n }\n gtag?.(\"set\", { user_id: identifier });\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { AnalyticsService } from \"./analytics.service\";\n\n@NgModule()\nexport class AnalyticsModule {\n static forRoot(): ModuleWithProviders<AnalyticsModule> {\n return {\n ngModule: AnalyticsModule,\n providers: [AnalyticsService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2015/mis-crystal-design-system-dropdown.mjs CHANGED
@@ -23,7 +23,7 @@ function DropdownComponent_img_3_Template(rf, ctx) {
23
23
  }
24
24
  if (rf & 2) {
25
25
  const ctx_r1 = i0.ɵɵnextContext();
26
- i0.ɵɵproperty("src", ctx_r1.selectedItem == null ? null : ctx_r1.selectedItem.customIcon, i0.ɵɵsanitizeUrl);
26
+ i0.ɵɵproperty("src", ctx_r1.selectedItem.customIcon, i0.ɵɵsanitizeUrl);
27
27
  }
28
28
  }
29
29
  function DropdownComponent_p_5_Template(rf, ctx) {
@@ -81,10 +81,10 @@ function DropdownComponent_ng_template_10_div_1__svg_svg_1_Template(rf, ctx) {
81
81
  }
82
82
  function DropdownComponent_ng_template_10_div_1__svg_svg_3_Template(rf, ctx) {
83
83
  if (rf & 1) {
84
- const _r16 = i0.ɵɵgetCurrentView();
84
+ const _r15 = i0.ɵɵgetCurrentView();
85
85
  i0.ɵɵnamespaceSVG();
86
86
  i0.ɵɵelementStart(0, "svg", 26);
87
- i0.ɵɵlistener("click", function DropdownComponent_ng_template_10_div_1__svg_svg_3_Template__svg_svg_click_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r15.searchInputCanceled($event)); });
87
+ i0.ɵɵlistener("click", function DropdownComponent_ng_template_10_div_1__svg_svg_3_Template__svg_svg_click_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r14.searchInputCanceled($event)); });
88
88
  i0.ɵɵelement(1, "path", 27);
89
89
  i0.ɵɵelementEnd();
90
90
  }
@@ -92,11 +92,11 @@ function DropdownComponent_ng_template_10_div_1__svg_svg_3_Template(rf, ctx) {
92
92
  const _c2 = function (a0, a1, a2) { return { paddingLeft: a0, border: a1, paddingRight: a2 }; };
93
93
  function DropdownComponent_ng_template_10_div_1_Template(rf, ctx) {
94
94
  if (rf & 1) {
95
- const _r18 = i0.ɵɵgetCurrentView();
95
+ const _r17 = i0.ɵɵgetCurrentView();
96
96
  i0.ɵɵelementStart(0, "div", 20);
97
97
  i0.ɵɵtemplate(1, DropdownComponent_ng_template_10_div_1__svg_svg_1_Template, 2, 0, "svg", 21);
98
98
  i0.ɵɵelementStart(2, "input", 22);
99
- i0.ɵɵlistener("ngModelChange", function DropdownComponent_ng_template_10_div_1_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.searchInputOnChange($event)); })("focus", function DropdownComponent_ng_template_10_div_1_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r18); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.searchInputFocused(true)); });
99
+ i0.ɵɵlistener("ngModelChange", function DropdownComponent_ng_template_10_div_1_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.searchInputOnChange($event)); })("focus", function DropdownComponent_ng_template_10_div_1_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.searchInputFocused(true)); });
100
100
  i0.ɵɵelementEnd();
101
101
  i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_1__svg_svg_3_Template, 2, 0, "svg", 23);
102
102
  i0.ɵɵelementEnd();
@@ -106,7 +106,7 @@ function DropdownComponent_ng_template_10_div_1_Template(rf, ctx) {
106
106
  i0.ɵɵadvance(1);
107
107
  i0.ɵɵproperty("ngIf", !ctx_r9.isSearchInputFocused);
108
108
  i0.ɵɵadvance(1);
109
- i0.ɵɵproperty("ngModel", ctx_r9.searchInput)("ngStyle", i0.ɵɵpureFunction3(6, _c2, ctx_r9.isSearchInputFocused ? "12px" : "45px", ctx_r9.isSearchInputFocused ? "1px solid #0937B2" : "1px solid #e0e0e0", ctx_r9.isSearchInputFocused ? "45px" : "10px"))("tabIndex", 0)("placeholder", ctx_r9.isSearchInputFocused ? "" : ctx_r9.searchLabel);
109
+ i0.ɵɵproperty("ngModel", ctx_r9.searchInput)("ngStyle", i0.ɵɵpureFunction3(5, _c2, ctx_r9.isSearchInputFocused ? "12px" : "45px", ctx_r9.isSearchInputFocused ? "1px solid #0937B2" : "1px solid #e0e0e0", ctx_r9.isSearchInputFocused ? "45px" : "10px"))("placeholder", ctx_r9.isSearchInputFocused ? "" : ctx_r9.searchLabel);
110
110
  i0.ɵɵadvance(1);
111
111
  i0.ɵɵproperty("ngIf", ctx_r9.isSearchInputFocused);
112
112
  }
@@ -122,132 +122,125 @@ function DropdownComponent_ng_template_10_div_2_Template(rf, ctx) {
122
122
  i0.ɵɵproperty("mobileView", true);
123
123
  }
124
124
  }
125
- function DropdownComponent_ng_template_10_div_3_Template(rf, ctx) {
126
- if (rf & 1) {
127
- i0.ɵɵelement(0, "div", 30);
128
- }
129
- }
130
125
  function DropdownComponent_ng_template_10_div_4_div_2_div_1_span_3_Template(rf, ctx) {
131
126
  if (rf & 1) {
132
- i0.ɵɵelementStart(0, "span", 41);
127
+ i0.ɵɵelementStart(0, "span", 40);
133
128
  i0.ɵɵtext(1);
134
129
  i0.ɵɵelementEnd();
135
130
  }
136
131
  if (rf & 2) {
137
- const item_r22 = i0.ɵɵnextContext(2).$implicit;
138
- const ctx_r25 = i0.ɵɵnextContext(3);
139
- i0.ɵɵproperty("ngStyle", ctx_r25.getIconStyles(item_r22.icon, ctx_r25.activeItem));
132
+ const item_r21 = i0.ɵɵnextContext(2).$implicit;
133
+ const ctx_r24 = i0.ɵɵnextContext(3);
134
+ i0.ɵɵproperty("ngStyle", ctx_r24.getIconStyles(item_r21.icon, ctx_r24.activeItem));
140
135
  i0.ɵɵadvance(1);
141
- i0.ɵɵtextInterpolate1(" ", (item_r22.label == null ? null : item_r22.label.secondaryText) ? item_r22.label == null ? null : item_r22.label.secondaryText : ctx_r25.additionalInfoMessage, " ");
136
+ i0.ɵɵtextInterpolate1(" ", (item_r21.label == null ? null : item_r21.label.secondaryText) ? item_r21.label == null ? null : item_r21.label.secondaryText : ctx_r24.additionalInfoMessage, " ");
142
137
  }
143
138
  }
144
139
  const _c3 = function (a0, a1, a2) { return { width: a0, "display": a1, "flex-direction": a2 }; };
145
140
  function DropdownComponent_ng_template_10_div_4_div_2_div_1_Template(rf, ctx) {
146
141
  if (rf & 1) {
147
- i0.ɵɵelementStart(0, "div", 38)(1, "span", 39);
142
+ i0.ɵɵelementStart(0, "div", 37)(1, "span", 38);
148
143
  i0.ɵɵtext(2);
149
144
  i0.ɵɵelementEnd();
150
- i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_4_div_2_div_1_span_3_Template, 2, 2, "span", 40);
145
+ i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_4_div_2_div_1_span_3_Template, 2, 2, "span", 39);
151
146
  i0.ɵɵelementEnd();
152
147
  }
153
148
  if (rf & 2) {
154
- const item_r22 = i0.ɵɵnextContext().$implicit;
155
- const ctx_r23 = i0.ɵɵnextContext(3);
156
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(4, _c3, item_r22.icon ? "90%" : "100%", ctx_r23.multiLine ? "flex" : "inherit", ctx_r23.multiLine ? "column" : "inherit"));
149
+ const item_r21 = i0.ɵɵnextContext().$implicit;
150
+ const ctx_r22 = i0.ɵɵnextContext(3);
151
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction3(4, _c3, item_r21.icon ? "90%" : "100%", ctx_r22.multiLine ? "flex" : "inherit", ctx_r22.multiLine ? "column" : "inherit"));
157
152
  i0.ɵɵadvance(1);
158
- i0.ɵɵproperty("ngStyle", ctx_r23.getIconStyles(item_r22.icon, ctx_r23.activeItem));
153
+ i0.ɵɵproperty("ngStyle", ctx_r22.getIconStyles(item_r21.icon, ctx_r22.activeItem));
159
154
  i0.ɵɵadvance(1);
160
- i0.ɵɵtextInterpolate(ctx_r23.multiLine ? item_r22.label == null ? null : item_r22.label.primaryText : item_r22.label);
155
+ i0.ɵɵtextInterpolate(ctx_r22.multiLine ? item_r21.label == null ? null : item_r21.label.primaryText : item_r21.label);
161
156
  i0.ɵɵadvance(1);
162
- i0.ɵɵproperty("ngIf", ctx_r23.multiLine);
157
+ i0.ɵɵproperty("ngIf", ctx_r22.multiLine);
163
158
  }
164
159
  }
165
160
  function DropdownComponent_ng_template_10_div_4_div_2_div_2_Template(rf, ctx) {
166
161
  if (rf & 1) {
167
- i0.ɵɵelementStart(0, "div", 42);
162
+ i0.ɵɵelementStart(0, "div", 41);
168
163
  i0.ɵɵelement(1, "img", 14);
169
164
  i0.ɵɵelementEnd();
170
165
  }
171
166
  if (rf & 2) {
172
- const item_r22 = i0.ɵɵnextContext().$implicit;
167
+ const item_r21 = i0.ɵɵnextContext().$implicit;
173
168
  i0.ɵɵadvance(1);
174
- i0.ɵɵproperty("src", item_r22.icon, i0.ɵɵsanitizeUrl);
169
+ i0.ɵɵproperty("src", item_r21.icon, i0.ɵɵsanitizeUrl);
175
170
  }
176
171
  }
177
172
  const _c4 = function (a0, a1, a2) { return { "item-disabled": a0, "item-selected": a1, "icon-only": a2 }; };
178
173
  function DropdownComponent_ng_template_10_div_4_div_2_Template(rf, ctx) {
179
174
  if (rf & 1) {
180
- const _r30 = i0.ɵɵgetCurrentView();
181
- i0.ɵɵelementStart(0, "div", 35);
182
- i0.ɵɵlistener("click", function DropdownComponent_ng_template_10_div_4_div_2_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r30); const item_r22 = restoredCtx.$implicit; const ctx_r29 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(item_r22.disabled ? null : ctx_r29.selectItem(item_r22)); })("keyup.enter", function DropdownComponent_ng_template_10_div_4_div_2_Template_div_keyup_enter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r30); const item_r22 = restoredCtx.$implicit; const ctx_r31 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(item_r22.disabled ? null : ctx_r31.selectItem(item_r22)); });
183
- i0.ɵɵtemplate(1, DropdownComponent_ng_template_10_div_4_div_2_div_1_Template, 4, 8, "div", 36);
184
- i0.ɵɵtemplate(2, DropdownComponent_ng_template_10_div_4_div_2_div_2_Template, 2, 1, "div", 37);
175
+ const _r29 = i0.ɵɵgetCurrentView();
176
+ i0.ɵɵelementStart(0, "div", 34);
177
+ i0.ɵɵlistener("click", function DropdownComponent_ng_template_10_div_4_div_2_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r29); const item_r21 = restoredCtx.$implicit; const ctx_r28 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(item_r21.disabled ? null : ctx_r28.selectItem(item_r21)); })("keyup.enter", function DropdownComponent_ng_template_10_div_4_div_2_Template_div_keyup_enter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r29); const item_r21 = restoredCtx.$implicit; const ctx_r30 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(item_r21.disabled ? null : ctx_r30.selectItem(item_r21)); });
178
+ i0.ɵɵtemplate(1, DropdownComponent_ng_template_10_div_4_div_2_div_1_Template, 4, 8, "div", 35);
179
+ i0.ɵɵtemplate(2, DropdownComponent_ng_template_10_div_4_div_2_div_2_Template, 2, 1, "div", 36);
185
180
  i0.ɵɵelementEnd();
186
181
  }
187
182
  if (rf & 2) {
188
- const item_r22 = ctx.$implicit;
189
- const ctx_r20 = i0.ɵɵnextContext(3);
190
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(3, _c4, item_r22.disabled, ctx_r20.higlightSelectedValue && item_r22.value === ctx_r20.selectedItem.value, ctx_r20.showOnlyIcon));
183
+ const item_r21 = ctx.$implicit;
184
+ const ctx_r19 = i0.ɵɵnextContext(3);
185
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(3, _c4, item_r21.disabled, ctx_r19.higlightSelectedValue && item_r21.value === ctx_r19.selectedItem.value, ctx_r19.showOnlyIcon));
191
186
  i0.ɵɵadvance(1);
192
- i0.ɵɵproperty("ngIf", !ctx_r20.showOnlyIcon);
187
+ i0.ɵɵproperty("ngIf", !ctx_r19.showOnlyIcon);
193
188
  i0.ɵɵadvance(1);
194
- i0.ɵɵproperty("ngIf", item_r22.icon);
189
+ i0.ɵɵproperty("ngIf", item_r21.icon);
195
190
  }
196
191
  }
197
192
  function DropdownComponent_ng_template_10_div_4_div_3_Template(rf, ctx) {
198
193
  if (rf & 1) {
199
- i0.ɵɵelementStart(0, "div", 43);
194
+ i0.ɵɵelementStart(0, "div", 42);
200
195
  i0.ɵɵtext(1);
201
196
  i0.ɵɵelementEnd();
202
197
  }
203
198
  if (rf & 2) {
204
- const ctx_r21 = i0.ɵɵnextContext(3);
199
+ const ctx_r20 = i0.ɵɵnextContext(3);
205
200
  i0.ɵɵadvance(1);
206
- i0.ɵɵtextInterpolate1(" ", ctx_r21.searchInput === "" ? ctx_r21.noDataMessage : "No results", " ");
201
+ i0.ɵɵtextInterpolate1(" ", ctx_r20.searchInput === "" ? ctx_r20.noDataMessage : "No results", " ");
207
202
  }
208
203
  }
209
204
  function DropdownComponent_ng_template_10_div_4_Template(rf, ctx) {
210
205
  if (rf & 1) {
211
- i0.ɵɵelementStart(0, "div", 31)(1, "cdk-virtual-scroll-viewport", 32);
212
- i0.ɵɵtemplate(2, DropdownComponent_ng_template_10_div_4_div_2_Template, 3, 7, "div", 33);
206
+ i0.ɵɵelementStart(0, "div", 30)(1, "cdk-virtual-scroll-viewport", 31);
207
+ i0.ɵɵtemplate(2, DropdownComponent_ng_template_10_div_4_div_2_Template, 3, 7, "div", 32);
213
208
  i0.ɵɵelementEnd();
214
- i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_4_div_3_Template, 2, 1, "div", 34);
209
+ i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_4_div_3_Template, 2, 1, "div", 33);
215
210
  i0.ɵɵelementEnd();
216
211
  }
217
212
  if (rf & 2) {
218
- const ctx_r12 = i0.ɵɵnextContext(2);
213
+ const ctx_r11 = i0.ɵɵnextContext(2);
219
214
  i0.ɵɵadvance(1);
220
- i0.ɵɵproperty("itemSize", ctx_r12.itemSizeForCdk);
215
+ i0.ɵɵproperty("itemSize", ctx_r11.itemSizeForCdk);
221
216
  i0.ɵɵadvance(1);
222
- i0.ɵɵproperty("cdkVirtualForOf", ctx_r12.searchInput ? ctx_r12.searchData : ctx_r12.data);
217
+ i0.ɵɵproperty("cdkVirtualForOf", ctx_r11.searchInput ? ctx_r11.searchData : ctx_r11.data);
223
218
  i0.ɵɵadvance(1);
224
- i0.ɵɵproperty("ngIf", (ctx_r12.searchInput ? ctx_r12.searchData : ctx_r12.data).length === 0);
219
+ i0.ɵɵproperty("ngIf", (ctx_r11.searchInput ? ctx_r11.searchData : ctx_r11.data).length === 0);
225
220
  }
226
221
  }
227
222
  const _c5 = function (a0, a1) { return { height: a0, width: a1 }; };
228
223
  function DropdownComponent_ng_template_10_Template(rf, ctx) {
229
224
  if (rf & 1) {
230
- const _r33 = i0.ɵɵgetCurrentView();
225
+ const _r32 = i0.ɵɵgetCurrentView();
231
226
  i0.ɵɵnamespaceSVG();
232
227
  i0.ɵɵnamespaceHTML();
233
228
  i0.ɵɵelementStart(0, "div", 15);
234
- i0.ɵɵlistener("keyup.esc", function DropdownComponent_ng_template_10_Template_div_keyup_esc_0_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.closeOnEsc($event)); });
235
- i0.ɵɵtemplate(1, DropdownComponent_ng_template_10_div_1_Template, 4, 10, "div", 16);
229
+ i0.ɵɵlistener("keyup.esc", function DropdownComponent_ng_template_10_Template_div_keyup_esc_0_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.closeOnEsc($event)); });
230
+ i0.ɵɵtemplate(1, DropdownComponent_ng_template_10_div_1_Template, 4, 9, "div", 16);
236
231
  i0.ɵɵtemplate(2, DropdownComponent_ng_template_10_div_2_Template, 2, 1, "div", 17);
237
- i0.ɵɵtemplate(3, DropdownComponent_ng_template_10_div_3_Template, 1, 0, "div", 18);
232
+ i0.ɵɵelement(3, "div", 18);
238
233
  i0.ɵɵtemplate(4, DropdownComponent_ng_template_10_div_4_Template, 4, 3, "div", 19);
239
234
  i0.ɵɵelementEnd();
240
235
  }
241
236
  if (rf & 2) {
242
237
  const ctx_r6 = i0.ɵɵnextContext();
243
- i0.ɵɵproperty("cdkTrapFocusAutoCapture", true)("ngStyle", i0.ɵɵpureFunction2(6, _c5, ctx_r6.dropdownListHeight, ctx_r6.dropdownListWidth));
238
+ i0.ɵɵproperty("cdkTrapFocusAutoCapture", true)("ngStyle", i0.ɵɵpureFunction2(5, _c5, ctx_r6.dropdownListHeight, ctx_r6.dropdownListWidth));
244
239
  i0.ɵɵadvance(1);
245
240
  i0.ɵɵproperty("ngIf", ctx_r6.searchEnabled);
246
241
  i0.ɵɵadvance(1);
247
242
  i0.ɵɵproperty("ngIf", ctx_r6.loading);
248
- i0.ɵɵadvance(1);
249
- i0.ɵɵproperty("ngIf", !ctx_r6.searchEnabled);
250
- i0.ɵɵadvance(1);
243
+ i0.ɵɵadvance(2);
251
244
  i0.ɵɵproperty("ngIf", !ctx_r6.loading);
252
245
  }
253
246
  }
@@ -400,7 +393,7 @@ DropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownC
400
393
  if (rf & 1) {
401
394
  i0.ɵɵlistener("keyup.esc", function DropdownComponent_keyup_esc_HostBindingHandler($event) { return ctx.closeOnEsc($event); });
402
395
  }
403
- }, inputs: { data: "data", height: "height", width: "width", label: "label", itemSizeForCdk: "itemSizeForCdk", showOnlyIcon: "showOnlyIcon", higlightSelectedValue: "higlightSelectedValue", dropdownListHeight: "dropdownListHeight", dropdownListWidth: "dropdownListWidth", dropdownListPosition: "dropdownListPosition", config: "config", searchEnabled: "searchEnabled", selectedItem: "selectedItem", noDataMessage: "noDataMessage", multiLine: "multiLine", additionalInfoMessage: "additionalInfoMessage", scrollIntoView: "scrollIntoView", searchLabel: "searchLabel", customStyles: "customStyles", activeItem: "activeItem" }, outputs: { onChange: "onChange" }, decls: 12, vars: 12, consts: [[1, "main-container", 3, "ngStyle", "click", "keyup.enter"], ["tabindex", "0", 1, "dropdown", 3, "ngStyle", "ngClass", "keyup.enter", "click"], ["select", ""], ["class", "img-container", 3, "src", 4, "ngIf"], [1, "label"], ["class", "text", 4, "ngIf", "ngIfElse"], ["showIcon", ""], ["width", "20", "height", "20", "viewBox", "0 0 20 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "handle", 3, "ngStyle"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z", "fill", "#181F33"], ["popupContainer", ""], [1, "img-container", 3, "src"], [1, "text"], ["class", "text", 4, "ngIf"], ["class", "icon", "alt", "no img", 3, "src", 4, "ngIf"], ["alt", "no img", 1, "icon", 3, "src"], ["cdkTrapFocus", "", "tabindex", "0", "aria-label", "dropdown", 1, "popup-container", 3, "cdkTrapFocusAutoCapture", "ngStyle", "keyup.esc"], ["class", "search-container", 4, "ngIf"], ["class", "status-container", 4, "ngIf"], ["tabindex", "-1", "cdkFocusInitial", "", 4, "ngIf"], ["class", "items", 4, "ngIf"], [1, "search-container"], ["class", "search-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 4, "ngIf"], [1, "search-input", 3, "ngModel", "ngStyle", "tabIndex", "placeholder", "ngModelChange", "focus"], ["class", "cancel-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 3, "click", 4, "ngIf"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "search-icon"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z", "fill", "#6A737D"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "cancel-icon", 3, "click"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z", "fill", "#6A737D"], [1, "status-container"], [3, "mobileView"], ["tabindex", "-1", "cdkFocusInitial", ""], [1, "items"], [1, "dropdown-viewport", 3, "itemSize"], ["class", "item", "tabindex", "0", "tabIndex", "0", 3, "ngClass", "click", "keyup.enter", 4, "cdkVirtualFor", "cdkVirtualForOf"], ["class", "noData", 4, "ngIf"], ["tabindex", "0", "tabIndex", "0", 1, "item", 3, "ngClass", "click", "keyup.enter"], ["class", "label", 3, "ngStyle", 4, "ngIf"], ["class", "icon-container", 4, "ngIf"], [1, "label", 3, "ngStyle"], [1, "primaryText", 3, "ngStyle"], ["class", "secondaryText", 3, "ngStyle", 4, "ngIf"], [1, "secondaryText", 3, "ngStyle"], [1, "icon-container"], [1, "noData"]], template: function DropdownComponent_Template(rf, ctx) {
396
+ }, inputs: { data: "data", height: "height", width: "width", label: "label", itemSizeForCdk: "itemSizeForCdk", showOnlyIcon: "showOnlyIcon", higlightSelectedValue: "higlightSelectedValue", dropdownListHeight: "dropdownListHeight", dropdownListWidth: "dropdownListWidth", dropdownListPosition: "dropdownListPosition", config: "config", searchEnabled: "searchEnabled", selectedItem: "selectedItem", noDataMessage: "noDataMessage", multiLine: "multiLine", additionalInfoMessage: "additionalInfoMessage", scrollIntoView: "scrollIntoView", searchLabel: "searchLabel", customStyles: "customStyles", activeItem: "activeItem" }, outputs: { onChange: "onChange" }, decls: 12, vars: 12, consts: [[1, "main-container", 3, "ngStyle", "click", "keyup.enter"], ["tabindex", "0", 1, "dropdown", 3, "ngStyle", "ngClass", "keyup.enter", "click"], ["select", ""], ["class", "img-container", 3, "src", 4, "ngIf"], [1, "label"], ["class", "text", 4, "ngIf", "ngIfElse"], ["showIcon", ""], ["width", "20", "height", "20", "viewBox", "0 0 20 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "handle", 3, "ngStyle"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z", "fill", "#181F33"], ["popupContainer", ""], [1, "img-container", 3, "src"], [1, "text"], ["class", "text", 4, "ngIf"], ["class", "icon", "alt", "no img", 3, "src", 4, "ngIf"], ["alt", "no img", 1, "icon", 3, "src"], ["cdkTrapFocus", "", "tabindex", "0", "aria-label", "dropdown", 1, "popup-container", 3, "cdkTrapFocusAutoCapture", "ngStyle", "keyup.esc"], ["class", "search-container", 4, "ngIf"], ["class", "status-container", 4, "ngIf"], ["tabindex", "-1", "cdkFocusInitial", ""], ["class", "items", 4, "ngIf"], [1, "search-container"], ["class", "search-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 4, "ngIf"], [1, "search-input", 3, "ngModel", "ngStyle", "placeholder", "ngModelChange", "focus"], ["class", "cancel-icon", "width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 3, "click", 4, "ngIf"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "search-icon"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z", "fill", "#6A737D"], ["width", "24", "height", "24", "viewBox", "0 0 24 24", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "cancel-icon", 3, "click"], ["fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z", "fill", "#6A737D"], [1, "status-container"], [3, "mobileView"], [1, "items"], [1, "dropdown-viewport", 3, "itemSize"], ["class", "item", "tabindex", "0", "tabIndex", "0", 3, "ngClass", "click", "keyup.enter", 4, "cdkVirtualFor", "cdkVirtualForOf"], ["class", "noData", 4, "ngIf"], ["tabindex", "0", "tabIndex", "0", 1, "item", 3, "ngClass", "click", "keyup.enter"], ["class", "label", 3, "ngStyle", 4, "ngIf"], ["class", "icon-container", 4, "ngIf"], [1, "label", 3, "ngStyle"], [1, "primaryText", 3, "ngStyle"], ["class", "secondaryText", 3, "ngStyle", 4, "ngIf"], [1, "secondaryText", 3, "ngStyle"], [1, "icon-container"], [1, "noData"]], template: function DropdownComponent_Template(rf, ctx) {
404
397
  if (rf & 1) {
405
398
  i0.ɵɵelementStart(0, "div", 0);
406
399
  i0.ɵɵlistener("click", function DropdownComponent_Template_div_click_0_listener() { return ctx.setUpAsyncDataSearch(); })("keyup.enter", function DropdownComponent_Template_div_keyup_enter_0_listener() { return ctx.setUpAsyncDataSearch(); });
@@ -415,7 +408,7 @@ DropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownC
415
408
  i0.ɵɵelementStart(8, "svg", 7);
416
409
  i0.ɵɵelement(9, "path", 8);
417
410
  i0.ɵɵelementEnd()()();
418
- i0.ɵɵtemplate(10, DropdownComponent_ng_template_10_Template, 5, 9, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
411
+ i0.ɵɵtemplate(10, DropdownComponent_ng_template_10_Template, 5, 8, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
419
412
  }
420
413
  if (rf & 2) {
421
414
  const _r3 = i0.ɵɵreference(7);
@@ -423,7 +416,7 @@ DropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownC
423
416
  i0.ɵɵadvance(1);
424
417
  i0.ɵɵproperty("ngStyle", ctx.customStyles)("ngClass", ctx.isOpen ? "dropdown-port" : "");
425
418
  i0.ɵɵadvance(2);
426
- i0.ɵɵproperty("ngIf", ctx.selectedItem == null ? null : ctx.selectedItem.customIcon);
419
+ i0.ɵɵproperty("ngIf", ctx.selectedItem.customIcon);
427
420
  i0.ɵɵadvance(2);
428
421
  i0.ɵɵproperty("ngIf", !ctx.showOnlyIcon)("ngIfElse", _r3);
429
422
  i0.ɵɵadvance(3);
@@ -433,7 +426,7 @@ DropdownComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownC
433
426
  (function () {
434
427
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownComponent, [{
435
428
  type: Component,
436
- args: [{ selector: "mis-dropdown", template: "<div (click)=\"setUpAsyncDataSearch()\"\n(keyup.enter)=\"setUpAsyncDataSearch()\"\n class=\"main-container\"\n [ngStyle]=\"{\n height: height.length > 0 ? height : '',\n width: width.length > 0 ? width : ''\n }\"\n>\n <div\n class=\"dropdown\"\n #select\n tabindex=\"0\"\n (keyup.enter)=\"toggleDropdown()\"\n (click)=\"toggleDropdown()\"\n [ngStyle]=\"customStyles\"\n [ngClass]=\"isOpen ? 'dropdown-port': ''\"\n >\n <img class=\"img-container\" [src]=\"selectedItem?.customIcon\" *ngIf=\"selectedItem?.customIcon\">\n <div class=\"label\">\n <p class=\"text\" *ngIf=\"!showOnlyIcon; else showIcon\">\n {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n </p>\n <ng-template #showIcon>\n <p class=\"text\" *ngIf=\"!selectedItem.icon\">\n {{ label }}\n </p>\n <img class=\"icon\" *ngIf=\"!!selectedItem.icon\" [src]=\"selectedItem.icon\" alt=\"no img\" />\n </ng-template>\n </div>\n <svg\n class=\"handle\"\n [ngStyle]=\"{ transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n fill=\"#181F33\"\n />\n </svg>\n </div>\n</div>\n<ng-template #popupContainer>\n <div\n class=\"popup-container\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" tabindex=\"0\"\n [ngStyle]=\"{\n height: dropdownListHeight,\n width: dropdownListWidth\n }\"\n (keyup.esc)=\"closeOnEsc($event)\"\n aria-label=\"dropdown\"\n >\n <div *ngIf=\"searchEnabled\" class=\"search-container\">\n <svg\n *ngIf=\"!isSearchInputFocused\"\n class=\"search-icon\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n fill=\"#6A737D\"\n />\n </svg>\n <input\n [ngModel]=\"searchInput\"\n [ngStyle]=\"{\n paddingLeft: isSearchInputFocused ? '12px' : '45px',\n border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n paddingRight: isSearchInputFocused ? '45px' : '10px'\n }\"\n [tabIndex]=\"0\"\n (ngModelChange)=\"searchInputOnChange($event)\"\n [placeholder]=\"isSearchInputFocused ? '' : searchLabel\"\n (focus)=\"searchInputFocused(true)\"\n class=\"search-input\"\n />\n <svg\n *ngIf=\"isSearchInputFocused\"\n class=\"cancel-icon\"\n (click)=\"searchInputCanceled($event)\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n fill=\"#6A737D\"\n />\n </svg>\n </div>\n <div class=\"status-container\" *ngIf=\"loading\">\n <mis-loader [mobileView]=\"true\"></mis-loader>\n </div>\n <div tabindex=\"-1\" *ngIf=\"!searchEnabled\" cdkFocusInitial></div>\n <div class=\"items\" *ngIf=\"!loading\"> \n <cdk-virtual-scroll-viewport [itemSize]=\"itemSizeForCdk\" class=\"dropdown-viewport\">\n <div\n class=\"item\"\n tabindex=\"0\"\n [ngClass]=\"{ 'item-disabled': item.disabled, 'item-selected': (higlightSelectedValue && item.value === selectedItem.value), 'icon-only' : showOnlyIcon }\"\n (click)=\"item.disabled ? null : selectItem(item)\"\n (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n *cdkVirtualFor=\"let item of searchInput ? searchData : data;\"\n tabIndex=\"0\"\n >\n <div class=\"label\" *ngIf=\"!showOnlyIcon\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n <span class=\"primaryText\" [ngStyle]=\"getIconStyles(item.icon, activeItem)\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n <span class=\"secondaryText\" *ngIf=\"multiLine\" [ngStyle]=\"getIconStyles(item.icon, activeItem)\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage }} </span>\n </div>\n <div class=\"icon-container\" *ngIf=\"item.icon\">\n <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n </div>\n </div>\n </cdk-virtual-scroll-viewport>\n <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 12px}.main-container .dropdown:hover,.main-container .dropdown:focus-visible{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.main-container .dropdown .img-container{width:20px;height:20px}.main-container .dropdown-port{background:#E6EBF7}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport .item:hover,.popup-container .items .dropdown-viewport .item:focus-visible{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed!important}.popup-container .items .item-disabled:hover,.popup-container .items .item-disabled:focus-visible{background-color:transparent!important;outline:none!important}.popup-container .items .item-disabled .label>span{color:#929dab!important;-webkit-user-select:none!important;user-select:none!important}.popup-container .items .item-selected{background-color:#e0e6f6;outline:none}.popup-container .items .icon-only{justify-content:center!important}::-webkit-scrollbar{height:8px;width:8px;background:#ffffff;border-radius:13px}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:13px;cursor:pointer}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}\n"] }]
429
+ args: [{ selector: "mis-dropdown", template: "<div (click)=\"setUpAsyncDataSearch()\"\n(keyup.enter)=\"setUpAsyncDataSearch()\"\n class=\"main-container\"\n [ngStyle]=\"{\n height: height.length > 0 ? height : '',\n width: width.length > 0 ? width : ''\n }\"\n>\n <div\n class=\"dropdown\"\n #select\n tabindex=\"0\"\n (keyup.enter)=\"toggleDropdown()\"\n (click)=\"toggleDropdown()\"\n [ngStyle]=\"customStyles\"\n [ngClass]=\"isOpen ? 'dropdown-port': ''\"\n >\n <img class=\"img-container\" [src]=\"selectedItem.customIcon\" *ngIf=\"selectedItem.customIcon\">\n <div class=\"label\">\n <p class=\"text\" *ngIf=\"!showOnlyIcon; else showIcon\">\n {{ multiLine ? selectedItem.label?.primaryText : selectedItem.label || label }}\n </p>\n <ng-template #showIcon>\n <p class=\"text\" *ngIf=\"!selectedItem.icon\">\n {{ label }}\n </p>\n <img class=\"icon\" *ngIf=\"!!selectedItem.icon\" [src]=\"selectedItem.icon\" alt=\"no img\" />\n </ng-template>\n </div>\n <svg\n class=\"handle\"\n [ngStyle]=\"{ transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M13.825 7.15845L10 10.9751L6.175 7.15845L5 8.33345L10 13.3334L15 8.33345L13.825 7.15845Z\"\n fill=\"#181F33\"\n />\n </svg>\n </div>\n</div>\n<ng-template #popupContainer>\n <div\n class=\"popup-container\" cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\" tabindex=\"0\"\n [ngStyle]=\"{\n height: dropdownListHeight,\n width: dropdownListWidth\n }\"\n (keyup.esc)=\"closeOnEsc($event)\"\n aria-label=\"dropdown\"\n >\n <div *ngIf=\"searchEnabled\" class=\"search-container\">\n <svg\n *ngIf=\"!isSearchInputFocused\"\n class=\"search-icon\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.21508 11.1456C4.21508 7.3179 7.33722 4.21165 11.1926 4.21165C15.048 4.21165 18.1702 7.3179 18.1702 11.1456C18.1702 12.6931 17.6599 14.1226 16.7972 15.2767L15.3685 16.7013C14.2044 17.5668 12.759 18.0796 11.1926 18.0796C7.33722 18.0796 4.21508 14.9734 4.21508 11.1456ZM15.9421 17.7835C14.6021 18.7329 12.9627 19.2913 11.1926 19.2913C6.66977 19.2913 3 15.6461 3 11.1456C3 6.64512 6.66977 3 11.1926 3C15.7155 3 19.3852 6.64512 19.3852 11.1456C19.3852 12.9371 18.8037 14.5931 17.8184 15.9375L19.8361 17.4048C20.6705 17.912 21.7554 18.6543 20.2454 20.215C18.7353 21.7756 18.0099 20.6663 17.4991 19.8364L15.9421 17.7835Z\"\n fill=\"#6A737D\"\n />\n </svg>\n <input\n [ngModel]=\"searchInput\"\n [ngStyle]=\"{\n paddingLeft: isSearchInputFocused ? '12px' : '45px',\n border: isSearchInputFocused ? '1px solid #0937B2' : '1px solid #e0e0e0',\n paddingRight: isSearchInputFocused ? '45px' : '10px'\n }\"\n (ngModelChange)=\"searchInputOnChange($event)\"\n [placeholder]=\"isSearchInputFocused ? '' : searchLabel\"\n (focus)=\"searchInputFocused(true)\"\n class=\"search-input\"\n />\n <svg\n *ngIf=\"isSearchInputFocused\"\n class=\"cancel-icon\"\n (click)=\"searchInputCanceled($event)\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8.87446 7.32144C8.44588 6.89285 7.751 6.89285 7.32242 7.32144C6.89383 7.75002 6.89383 8.4449 7.32242 8.87349L10.4488 11.9999L7.32357 15.1252C6.89498 15.5538 6.89498 16.2486 7.32357 16.6772C7.75215 17.1058 8.44703 17.1058 8.87561 16.6772L12.0009 13.552L15.1261 16.6772C15.5547 17.1058 16.2496 17.1058 16.6781 16.6772C17.1067 16.2486 17.1067 15.5537 16.6781 15.1251L13.5529 11.9999L16.6793 8.87354C17.1079 8.44496 17.1079 7.75008 16.6793 7.3215C16.2507 6.89291 15.5558 6.89291 15.1273 7.3215L12.0009 10.4479L8.87446 7.32144Z\"\n fill=\"#6A737D\"\n />\n </svg>\n </div>\n <div class=\"status-container\" *ngIf=\"loading\">\n <mis-loader [mobileView]=\"true\"></mis-loader>\n </div>\n <div tabindex=\"-1\" cdkFocusInitial></div>\n <div class=\"items\" *ngIf=\"!loading\"> \n <cdk-virtual-scroll-viewport [itemSize]=\"itemSizeForCdk\" class=\"dropdown-viewport\">\n <div\n class=\"item\"\n tabindex=\"0\"\n [ngClass]=\"{ 'item-disabled': item.disabled, 'item-selected': (higlightSelectedValue && item.value === selectedItem.value), 'icon-only' : showOnlyIcon }\"\n (click)=\"item.disabled ? null : selectItem(item)\"\n (keyup.enter)=\"item.disabled ? null : selectItem(item)\"\n *cdkVirtualFor=\"let item of searchInput ? searchData : data;\"\n tabIndex=\"0\"\n >\n <div class=\"label\" *ngIf=\"!showOnlyIcon\" [ngStyle]=\"{ width: item.icon ? '90%' : '100%', 'display': multiLine ? 'flex': 'inherit', 'flex-direction': multiLine ? 'column': 'inherit' }\">\n <span class=\"primaryText\" [ngStyle]=\"getIconStyles(item.icon, activeItem)\">{{ multiLine ? item.label?.primaryText : item.label }}</span>\n <span class=\"secondaryText\" *ngIf=\"multiLine\" [ngStyle]=\"getIconStyles(item.icon, activeItem)\"> {{ item.label?.secondaryText ? item.label?.secondaryText : additionalInfoMessage }} </span>\n </div>\n <div class=\"icon-container\" *ngIf=\"item.icon\">\n <img class=\"icon\" [src]=\"item.icon\" alt=\"no img\" />\n </div>\n </div>\n </cdk-virtual-scroll-viewport>\n <div class=\"noData\" *ngIf=\"(searchInput ? searchData : data).length === 0\">\n {{ searchInput === \"\" ? noDataMessage : \"No results\" }}\n </div>\n </div>\n </div>\n</ng-template>\n", styles: [".main-container{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:32px;width:256px;font-family:Lato,sans-serif!important}.main-container .dropdown{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:inherit;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 12px}.main-container .dropdown:hover,.main-container .dropdown:focus-visible{background-color:#f5f7fc;outline:none}.main-container .dropdown .label{box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .text{margin:0!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.main-container .dropdown .label .count{background-color:#e0e0e0;border-radius:50%;padding:2px 7px;margin:0}.main-container .dropdown .handle{width:24px;height:24px;transition:.3s;position:absolute;right:12px;border-radius:50%;overflow:hidden}.main-container .dropdown .img-container{width:20px;height:20px}.main-container .dropdown-port{background:#E6EBF7}.popup-container{width:100%;max-height:340px;padding-bottom:0;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 12px 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;justify-content:space-between}.popup-container::-webkit-scrollbar{width:0;height:0}.popup-container .search-container{position:relative;box-sizing:border-box;padding:8px}.popup-container .search-container .search-icon{position:absolute;width:24px;height:24px;top:50%;transform:translateY(-50%);left:18px;z-index:1}.popup-container .search-container .search-input{height:40px;width:100%;padding:12px;border:1px solid #e0e0e0;box-sizing:border-box;border-radius:8px;outline:none;caret-color:#0937b2;font-style:normal;font-weight:400;font-size:12px;line-height:18px;display:flex;align-items:center;letter-spacing:.2px;color:#181f33}.popup-container .search-container .cancel-icon{position:absolute;cursor:pointer;width:24px;height:24px;top:50%;transform:translateY(-50%);right:18px;z-index:1}.popup-container .items{padding:8px 0 8px 8px;overflow-y:scroll}.popup-container .items::-webkit-scrollbar{width:5px;height:0}.popup-container .items::-webkit-scrollbar-thumb{background:#9aa7b4;border-radius:10px}.popup-container .items .noData{display:flex;justify-content:center;align-items:center;font-style:normal;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport{height:200px}.popup-container .items .dropdown-viewport .item{cursor:pointer;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;height:auto;letter-spacing:.2px;color:#181f33}.popup-container .items .dropdown-viewport .item:hover,.popup-container .items .dropdown-viewport .item:focus-visible{background-color:#f5f7fc;outline:none}.popup-container .items .dropdown-viewport .item .label{width:100%;line-height:20px;font-size:14px;font-style:normal;font-weight:400;text-overflow:ellipsis;overflow:hidden}.popup-container .items .dropdown-viewport .item .label .primaryText{color:#181f33;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .label .secondaryText{color:#6a737d;font-family:Lato;font-size:14px;line-height:20px;letter-spacing:.2px}.popup-container .items .dropdown-viewport .item .icon-container{width:10%;display:flex;justify-content:flex-end}.popup-container .items .dropdown-viewport .item .icon-container .icon{width:20px;height:20px}.popup-container .items .item-disabled{cursor:not-allowed!important}.popup-container .items .item-disabled:hover,.popup-container .items .item-disabled:focus-visible{background-color:transparent!important;outline:none!important}.popup-container .items .item-disabled .label>span{color:#929dab!important;-webkit-user-select:none!important;user-select:none!important}.popup-container .items .item-selected{background-color:#e0e6f6;outline:none}.popup-container .items .icon-only{justify-content:center!important}::-webkit-scrollbar{height:8px;width:8px;background:#ffffff;border-radius:13px}::-webkit-scrollbar-thumb{background:#c8cdd3;border-radius:13px;cursor:pointer}.status-container{display:flex;justify-content:center;align-items:center;height:128px}.status-container p{text-align:center}\n"] }]
437
430
  }], function () { return [{ type: i0.ElementRef }, { type: i1.Overlay }, { type: i0.ViewContainerRef }]; }, { data: [{
438
431
  type: Input
439
432
  }], height: [{