raise-common-lib-new 0.0.3 → 0.0.15

package/esm2022/lib/common-grid/index.component.mjs

@@ -353,11 +353,11 @@ export class CommonGridComponent {
         this.ref && this.ref.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonGridComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonGridComponent, selector: "rs-common-grid", inputs: { showCheckBox: "showCheckBox", loaded: "loaded", hiddenLoaded: "hiddenLoaded", authorized: "authorized", selectedDiffKey: "selectedDiffKey", gridHeight: "gridHeight", gridId: "gridId", resizeSettings: "resizeSettings", filterSettings: "filterSettings", template: "template", fields: "fields", dataSource: "dataSource", editSettings: "editSettings", columnTemplate: "columnTemplate", pageSettings: "pageSettings", allowPaging: "allowPaging", clipMode: "clipMode", checkBoxWidth: "checkBoxWidth", childGrid: "childGrid", contextMenuItems: "contextMenuItems", selectionSettings: "selectionSettings", alwaysShowCheckbox: "alwaysShowCheckbox", defaultRecord: "defaultRecord", disableSystemRow: "disableSystemRow" }, outputs: { recordDoubleClick: "recordDoubleClick", actionComplete: "actionComplete", rowSelected: "rowSelected", rowDeselected: "rowDeselected", onContextMenu: "onContextMenu", actionHandler: "actionHandler", queryCellInfo: "queryCellInfo", recordClick: "recordClick", actionBegin: "actionBegin", rowDataBound: "rowDataBound", dataBound: "dataBound", exportQueryCellInfo: "exportQueryCellInfo", rowSelecting: "rowSelecting" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n", styles: ["::ng-deep .e-grid{font-family:var(--rs-font-family);height:100%;display:flex;flex-direction:column}::ng-deep .e-grid .e-headercell{height:32px}::ng-deep .e-grid .e-headercell .e-headercelldiv{color:#44566c;font-family:Arial;font-size:var(--rs-grid-header-cell-font-size);font-weight:700;line-height:29px;height:29px}::ng-deep .e-grid .e-headercell .e-rhandler{border-right:0!important}::ng-deep .e-grid .e-headercell .e-icons{color:#929dab!important;margin:-22px}::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons{margin:0}::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons.e-check,::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons.e-stop{color:#fff!important;background-color:var(--rs-active-color);border-color:var(--rs-active-color)}::ng-deep .e-grid .e-gridheader{border-bottom-color:transparent}::ng-deep .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv{color:#929dab!important;font-size:13px!important;margin:-31px 10px -29px 0}::ng-deep .e-grid .e-rowcell{padding:2px 8px 3px}::ng-deep .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd){color:var(--rs-text-color);font-family:Arial;font-size:var(--rs-grid-row-cell-font-size);font-weight:400;line-height:23px}::ng-deep .e-grid .e-rowcell.e-active{background:#1f7bff14}::ng-deep .e-grid .e-rowcell .e-checkbox-wrapper .e-icons.e-check{color:#fff!important;background-color:var(--rs-active-color);border-color:var(--rs-active-color)}::ng-deep .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){background-color:var(--rs-grid-row-hover-bg)!important}::ng-deep .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-active:not(.e-cellselectionbackground):not(.e-updatedtd):not(.e-indentcell){background-color:#1f7bff1f!important}::ng-deep .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell){box-shadow:none!important}::ng-deep .e-grid .e-gridcontent{flex:1;height:0}::ng-deep .e-grid .e-gridcontent .e-content{height:100%!important;overflow:auto}::ng-deep .e-pager{padding:12px 0;height:48px;font-family:Arial}::ng-deep .e-pager .e-pp,::ng-deep .e-pager .e-pp:hover,::ng-deep .e-pager .e-np,::ng-deep .e-pager .e-np:hover,::ng-deep .e-pager .e-parentmsgbar{padding:0!important}::ng-deep .e-pager .e-icons{padding:5px!important;min-width:20px!important;border:0!important}::ng-deep .e-pager .e-pagercontainer,::ng-deep .e-pager .e-parentmsgbar{height:24px;line-height:24px;border:0;color:#929dab;font-size:10px}::ng-deep .e-pager .e-numericitem{min-width:24px;width:24px;height:24px;padding:0!important;line-height:24px!important;border:0;color:#6c7c90;font-size:12px}::ng-deep .e-pager .e-numericitem:hover{padding:0!important}::ng-deep .e-pager .e-numericitem.e-active{color:#1f3f5c;border-radius:6px;border:1px solid rgba(31,123,255,.66)}::ng-deep .e-pager .e-numericitem.e-focused{background:#fff!important;box-shadow:none!important}::ng-deep .e-pager .e-numericcontainer div{height:24px}::ng-deep .e-pager .e-numericcontainer .e-currentitem{padding:0;background:#fff}::ng-deep .e-pager .e-pagerconstant{margin:0 0 0 16px;line-height:24px;color:#929dab;font-size:11px}::ng-deep .e-pager div.e-icons.e-pager-default{color:#6b6b6b}::ng-deep .e-pager .e-icons:not(.e-btn-icon){color:#adb5bd}::ng-deep .e-pager .e-currentitem{font-size:11px;font-family:Arial}::ng-deep .e-pager .e-pagerdropdown{height:24px!important;margin-top:-14px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GridComponent, selector: "ejs-grid", inputs: ["adaptiveUIMode", "aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i2.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i2.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i2.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i2.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i3.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i3.ColumnsDirective, selector: "ejs-chart>e-columns" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonGridComponent, selector: "rs-common-grid", inputs: { showCheckBox: "showCheckBox", loaded: "loaded", hiddenLoaded: "hiddenLoaded", authorized: "authorized", selectedDiffKey: "selectedDiffKey", gridHeight: "gridHeight", gridId: "gridId", resizeSettings: "resizeSettings", filterSettings: "filterSettings", template: "template", fields: "fields", dataSource: "dataSource", editSettings: "editSettings", columnTemplate: "columnTemplate", pageSettings: "pageSettings", allowPaging: "allowPaging", clipMode: "clipMode", checkBoxWidth: "checkBoxWidth", childGrid: "childGrid", contextMenuItems: "contextMenuItems", selectionSettings: "selectionSettings", alwaysShowCheckbox: "alwaysShowCheckbox", defaultRecord: "defaultRecord", disableSystemRow: "disableSystemRow" }, outputs: { recordDoubleClick: "recordDoubleClick", actionComplete: "actionComplete", rowSelected: "rowSelected", rowDeselected: "rowDeselected", onContextMenu: "onContextMenu", actionHandler: "actionHandler", queryCellInfo: "queryCellInfo", recordClick: "recordClick", actionBegin: "actionBegin", rowDataBound: "rowDataBound", dataBound: "dataBound", exportQueryCellInfo: "exportQueryCellInfo", rowSelecting: "rowSelecting" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["grid"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GridComponent, selector: "ejs-grid", inputs: ["adaptiveUIMode", "aggregates", "allowExcelExport", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport", "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "autoFit", "childGrid", "clipMode", "columnChooserSettings", "columnMenuItems", "columnQueryMode", "columns", "contextMenuItems", "cssClass", "currencyCode", "currentAction", "currentViewData", "dataSource", "detailTemplate", "editSettings", "ej2StatePersistenceVersion", "emptyRecordTemplate", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableHtmlSanitizer", "enableImmutableMode", "enableInfiniteScrolling", "enablePersistence", "enableRtl", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualization", "exportGrids", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollSettings", "loadingIndicator", "locale", "pageSettings", "pagerTemplate", "parentDetails", "printMode", "query", "queryString", "resizeSettings", "rowDropSettings", "rowHeight", "rowRenderingMode", "rowTemplate", "searchSettings", "selectedRowIndex", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortSettings", "textWrapSettings", "toolbar", "toolbarTemplate", "width"], outputs: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exportDetailTemplate", "exportGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick", "dataSourceChange"] }, { kind: "directive", type: i2.ColumnDirective, selector: "ejs-grid>e-columns>e-column", inputs: ["allowEditing", "allowFiltering", "allowGrouping", "allowReordering", "allowResizing", "allowSearching", "allowSorting", "autoFit", "clipMode", "columns", "commands", "customAttributes", "dataSource", "defaultValue", "disableHtmlEncode", "displayAsCheckBox", "edit", "editTemplate", "editType", "enableGroupByFormat", "field", "filter", "filterBarTemplate", "filterTemplate", "foreignKeyField", "foreignKeyValue", "format", "formatter", "freeze", "headerTemplate", "headerText", "headerTextAlign", "headerValueAccessor", "hideAtMedia", "index", "isFrozen", "isIdentity", "isPrimaryKey", "lockColumn", "maxWidth", "minWidth", "showColumnMenu", "showInColumnChooser", "sortComparer", "template", "textAlign", "type", "uid", "validationRules", "valueAccessor", "visible", "width"] }, { kind: "directive", type: i2.ColumnsDirective, selector: "ejs-grid>e-columns" }, { kind: "directive", type: i2.AggregateColumnDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", inputs: ["columnName", "customAggregate", "field", "footerTemplate", "format", "groupCaptionTemplate", "groupFooterTemplate", "type"] }, { kind: "directive", type: i2.AggregateColumnsDirective, selector: "ejs-grid>e-aggregates>e-aggregate>e-columns" }, { kind: "directive", type: i3.ColumnDirective, selector: "e-columns>e-column", inputs: ["border", "width"] }, { kind: "directive", type: i3.ColumnsDirective, selector: "ejs-chart>e-columns" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-common-grid', template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n", styles: ["::ng-deep .e-grid{font-family:var(--rs-font-family);height:100%;display:flex;flex-direction:column}::ng-deep .e-grid .e-headercell{height:32px}::ng-deep .e-grid .e-headercell .e-headercelldiv{color:#44566c;font-family:Arial;font-size:var(--rs-grid-header-cell-font-size);font-weight:700;line-height:29px;height:29px}::ng-deep .e-grid .e-headercell .e-rhandler{border-right:0!important}::ng-deep .e-grid .e-headercell .e-icons{color:#929dab!important;margin:-22px}::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons{margin:0}::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons.e-check,::ng-deep .e-grid .e-headercell .e-checkbox-wrapper .e-icons.e-stop{color:#fff!important;background-color:var(--rs-active-color);border-color:var(--rs-active-color)}::ng-deep .e-grid .e-gridheader{border-bottom-color:transparent}::ng-deep .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv{color:#929dab!important;font-size:13px!important;margin:-31px 10px -29px 0}::ng-deep .e-grid .e-rowcell{padding:2px 8px 3px}::ng-deep .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd){color:var(--rs-text-color);font-family:Arial;font-size:var(--rs-grid-row-cell-font-size);font-weight:400;line-height:23px}::ng-deep .e-grid .e-rowcell.e-active{background:#1f7bff14}::ng-deep .e-grid .e-rowcell .e-checkbox-wrapper .e-icons.e-check{color:#fff!important;background-color:var(--rs-active-color);border-color:var(--rs-active-color)}::ng-deep .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell){background-color:var(--rs-grid-row-hover-bg)!important}::ng-deep .e-grid .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-active:not(.e-cellselectionbackground):not(.e-updatedtd):not(.e-indentcell){background-color:#1f7bff1f!important}::ng-deep .e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell){box-shadow:none!important}::ng-deep .e-grid .e-gridcontent{flex:1;height:0}::ng-deep .e-grid .e-gridcontent .e-content{height:100%!important;overflow:auto}::ng-deep .e-pager{padding:12px 0;height:48px;font-family:Arial}::ng-deep .e-pager .e-pp,::ng-deep .e-pager .e-pp:hover,::ng-deep .e-pager .e-np,::ng-deep .e-pager .e-np:hover,::ng-deep .e-pager .e-parentmsgbar{padding:0!important}::ng-deep .e-pager .e-icons{padding:5px!important;min-width:20px!important;border:0!important}::ng-deep .e-pager .e-pagercontainer,::ng-deep .e-pager .e-parentmsgbar{height:24px;line-height:24px;border:0;color:#929dab;font-size:10px}::ng-deep .e-pager .e-numericitem{min-width:24px;width:24px;height:24px;padding:0!important;line-height:24px!important;border:0;color:#6c7c90;font-size:12px}::ng-deep .e-pager .e-numericitem:hover{padding:0!important}::ng-deep .e-pager .e-numericitem.e-active{color:#1f3f5c;border-radius:6px;border:1px solid rgba(31,123,255,.66)}::ng-deep .e-pager .e-numericitem.e-focused{background:#fff!important;box-shadow:none!important}::ng-deep .e-pager .e-numericcontainer div{height:24px}::ng-deep .e-pager .e-numericcontainer .e-currentitem{padding:0;background:#fff}::ng-deep .e-pager .e-pagerconstant{margin:0 0 0 16px;line-height:24px;color:#929dab;font-size:11px}::ng-deep .e-pager div.e-icons.e-pager-default{color:#6b6b6b}::ng-deep .e-pager .e-icons:not(.e-btn-icon){color:#adb5bd}::ng-deep .e-pager .e-currentitem{font-size:11px;font-family:Arial}::ng-deep .e-pager .e-pagerdropdown{height:24px!important;margin-top:-14px}\n"] }]
+            args: [{ selector: 'rs-common-grid', template: "<ejs-grid\r\n\t#grid\r\n\t[id]=\"gridId\"\r\n\t[ngClass]=\"{\r\n\t\t'hide-Check-box': !alwaysShowCheckbox,\r\n\t\t'grid-loading': className === 'grid-loading'\r\n\t}\"\r\n\t[dataSource]=\"dataSource\"\r\n\t[allowPaging]=\"allowPaging && pageSettings\"\r\n\t[allowResizing]=\"true\"\r\n\t[pageSettings]=\"pageSettings\"\r\n\t[showColumnMenu]=\"true\"\r\n\t[allowSorting]=\"true\"\r\n\t[allowFiltering]=\"true\"\r\n\t[allowExcelExport]=\"true\"\r\n\t[filterSettings]=\"filterSettings\"\r\n\t[resizeSettings]=\"resizeSettings\"\r\n\t[allowSelection]=\"true\"\r\n\t[editSettings]=\"editSettings\"\r\n\t[childGrid]=\"childGrid\"\r\n\t[contextMenuItems]=\"\r\n\t\tdataSource && dataSource.length ? contextMenuItems : null\r\n\t\"\r\n\t[selectionSettings]=\"selectionSettings\"\r\n\t(recordClick)=\"_recordClick($event)\"\r\n\t(recordDoubleClick)=\"_recordDoubleClick($event)\"\r\n\t(actionBegin)=\"_actionBegin($event)\"\r\n\t(actionComplete)=\"_actionHandler($event)\"\r\n\t(rowSelected)=\"_rowSelected($event)\"\r\n\t(rowDeselected)=\"_rowDeselected($event)\"\r\n\tstyle=\"border: none\"\r\n\t(contextMenuClick)=\"_onContextMenu($event)\"\r\n\t(contextMenuOpen)=\"contextMenuOpen($event)\"\r\n\t(queryCellInfo)=\"customiseCell($event)\"\r\n\t(dataBound)=\"_dataBound($event)\"\r\n\t(rowDataBound)=\"_rowDataBound($event)\"\r\n\t(rowSelecting)=\"_rowSelecting($event)\"\r\n\t(excelQueryCellInfo)=\"_exportQueryCellInfo($event)\"\r\n\t(load)=\"_load()\"\r\n>\r\n\t<e-columns>\r\n\t\t<e-column\r\n\t\t\t*ngIf=\"showCheckBox\"\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\t[width]=\"checkBoxWidth\"\r\n\t\t\t[showColumnMenu]=\"false\"\r\n\t\t></e-column>\r\n\t\t<e-column\r\n\t\t\t*ngFor=\"let item of fields; trackBy: trackByFn\"\r\n\t\t\t[field]=\"item.columnName\"\r\n\t\t\t[filter]=\"item.filter ? item.filter : { type: 'CheckBox' }\"\r\n\t\t\t[customAttributes]=\"\r\n\t\t\t\titem.colName === 'entityUserList' ||\r\n\t\t\t\titem.colName === 'kycProgress'\r\n\t\t\t\t\t? { class: 'hideColumnFilterClass' }\r\n\t\t\t\t\t: {}\r\n\t\t\t\"\r\n\t\t\t[headerText]=\"item.columnDisplayName\"\r\n\t\t\t[textAlign]=\"item.textAlign\"\r\n\t\t\t[showColumnMenu]=\"item.showColumnMenu === undefined ? true : false\"\r\n\t\t\t[allowFiltering]=\"item.allowFiltering === undefined ? true : false\"\r\n\t\t\t[allowSorting]=\"item.allowSorting === undefined ? true : false\"\r\n\t\t\t[editType]=\"item.editType\"\r\n\t\t\t[validationRules]=\"item.validationRules\"\r\n\t\t\t[type]=\"item.dataType\"\r\n\t\t\t[width]=\"item.width\"\r\n\t\t\t[minWidth]=\"item.minWidth\"\r\n\t\t\t[format]=\"item.format\"\r\n\t\t\t[visible]=\"item.visible\"\r\n\t\t\t[template]=\"item.showTemplate ? columnTemplate : undefined\"\r\n\t\t\t[clipMode]=\"\r\n\t\t\t\titem.clipMode\r\n\t\t\t\t\t? item.clipMode\r\n\t\t\t\t\t: clipMode || 'EllipsisWithTooltip'\r\n\t\t\t\"\r\n\t\t\t[sortComparer]=\"item.dateComparer\"\r\n\t\t>\r\n\t\t</e-column>\r\n\t</e-columns>\r\n</ejs-grid>\r\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { grid: [{
                 type: ViewChild,
                 args: ['grid', { static: false }]

package/esm2022/lib/dialog/common-delete-dialog/index.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Inject } from "@angular/core";
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../common-dialog/index.component";
+export class CommonDeleteComponent {
+    data;
+    dialogRef;
+    translation;
+    title = "";
+    saveBtnLabel = "";
+    cancelBtnLabel = "";
+    description = "";
+    size = "small";
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+    }
+    ngOnInit() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+        this.title =
+            this.data.title || this.translation["DELETE_RECORD"] || ".DELETE_RECORD";
+        this.saveBtnLabel =
+            this.data.saveBtnLabel || this.translation.DELETE || ".DELETE";
+        this.cancelBtnLabel =
+            this.data.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
+        this.description =
+            this.data.description ||
+                this.translation.IF_YOU_DELETE_THIS_RECORD_WARNING ||
+                ".If you delete this record, you won't be able to recover it. Do you want to delete it?";
+        this.size = this.data.size || "small";
+    }
+    onSave(e) {
+        this.dialogRef.close(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDeleteComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonDeleteComponent, selector: "kt-common-delete-dialog", ngImport: i0, template: "<kt-common-dialog\r\n\t[size]=\"size\"\r\n\t[title]=\"title\"\r\n\t[hideHeader]=\"false\"\r\n\t[hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n\t[hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n\t[saveBtnLabel]=\"saveBtnLabel\"\r\n\t[cancelBtnLabel]=\"cancelBtnLabel\"\r\n\t[showErrorIcon]=\"\r\n\t\tdata.showErrorIcon === undefined ? false : data.showErrorIcon\r\n\t\"\r\n\t[hideCloseIcon]=\"\r\n\t\tdata.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n\t\"\r\n\t(saveEmit)=\"onSave($event)\"\r\n>\r\n\t<div class=\"mapping-dialog\">\r\n\t\t{{ description }}\r\n\t</div>\r\n</kt-common-dialog>\r\n", styles: [".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}\n"], dependencies: [{ kind: "component", type: i2.CommonDialogComponent, selector: "kt-common-dialog", inputs: ["hideHeader", "hideCloseIcon", "hideCloseBtn", "hideSaveBtn", "saveBtnLabel", "cancelBtnLabel", "showErrorIcon", "size", "title", "loading"], outputs: ["saveEmit", "closeEmit"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDeleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "kt-common-delete-dialog", template: "<kt-common-dialog\r\n\t[size]=\"size\"\r\n\t[title]=\"title\"\r\n\t[hideHeader]=\"false\"\r\n\t[hideCloseBtn]=\"data.hideCloseBtn === undefined ? false : data.hideCloseBtn\"\r\n\t[hideSaveBtn]=\"data.hideSaveBtn === undefined ? false : data.hideSaveBtn\"\r\n\t[saveBtnLabel]=\"saveBtnLabel\"\r\n\t[cancelBtnLabel]=\"cancelBtnLabel\"\r\n\t[showErrorIcon]=\"\r\n\t\tdata.showErrorIcon === undefined ? false : data.showErrorIcon\r\n\t\"\r\n\t[hideCloseIcon]=\"\r\n\t\tdata.hideCloseIcon === undefined ? false : data.hideCloseIcon\r\n\t\"\r\n\t(saveEmit)=\"onSave($event)\"\r\n>\r\n\t<div class=\"mapping-dialog\">\r\n\t\t{{ description }}\r\n\t</div>\r\n</kt-common-dialog>\r\n", styles: [".mapping-dialog{color:#44566c;font-family:Arial;font-size:12px;line-height:16px;white-space:pre-line}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2RpYWxvZy9jb21tb24tZGVsZXRlLWRpYWxvZy9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvZGlhbG9nL2NvbW1vbi1kZWxldGUtZGlhbG9nL2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQWdCLE1BQU0sMEJBQTBCLENBQUM7Ozs7QUFrQnpFLE1BQU0sT0FBTyxxQkFBcUI7SUFVdkI7SUFDQTtJQVZULFdBQVcsQ0FBQztJQUNaLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBQ2xCLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDcEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLEdBQUcsT0FBTyxDQUFDO0lBRWYsWUFFUyxJQUFrQixFQUNsQixTQUE4QztRQUQ5QyxTQUFJLEdBQUosSUFBSSxDQUFjO1FBQ2xCLGNBQVMsR0FBVCxTQUFTLENBQXFDO0lBQ3BELENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztRQUNuRSxJQUFJLENBQUMsS0FBSztZQUNSLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLElBQUksZ0JBQWdCLENBQUM7UUFDM0UsSUFBSSxDQUFDLFlBQVk7WUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7UUFDakUsSUFBSSxDQUFDLGNBQWM7WUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDO1FBQ25FLElBQUksQ0FBQyxXQUFXO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXO2dCQUNyQixJQUFJLENBQUMsV0FBVyxDQUFDLGlDQUFpQztnQkFDbEQsd0ZBQXdGLENBQUM7UUFDM0YsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7SUFDeEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxDQUFDO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUIsQ0FBQzt3R0EvQlUscUJBQXFCLGtCQVN0QixlQUFlOzRGQVRkLHFCQUFxQiwrRENuQmxDLG9xQkFvQkE7OzRGRERhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSx5QkFBeUI7OzBCQWFoQyxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIERpYWxvZ0NvbmZpZyB7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XHJcbiAgc2F2ZUJ0bkxhYmVsPzogc3RyaW5nO1xyXG4gIGNhbmNlbEJ0bkxhYmVsPzogc3RyaW5nO1xyXG4gIHNob3dFcnJvckljb24/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUljb24/OiBib29sZWFuO1xyXG4gIHNpemU/OiBzdHJpbmc7XHJcbiAgaGlkZVNhdmVCdG4/OiBib29sZWFuO1xyXG4gIGhpZGVDbG9zZUJ0bj86IGJvb2xlYW47XHJcbn1cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwia3QtY29tbW9uLWRlbGV0ZS1kaWFsb2dcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uRGVsZXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICB0cmFuc2xhdGlvbjtcclxuICB0aXRsZSA9IFwiXCI7XHJcbiAgc2F2ZUJ0bkxhYmVsID0gXCJcIjtcclxuICBjYW5jZWxCdG5MYWJlbCA9IFwiXCI7XHJcbiAgZGVzY3JpcHRpb24gPSBcIlwiO1xyXG4gIHNpemUgPSBcInNtYWxsXCI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpXHJcbiAgICBwdWJsaWMgZGF0YTogRGlhbG9nQ29uZmlnLFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbW1vbkRlbGV0ZUNvbXBvbmVudD5cclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy50cmFuc2xhdGlvbiA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oXCJ0cmFuc2xhdGlvblwiKSk7XHJcbiAgICB0aGlzLnRpdGxlID1cclxuICAgICAgdGhpcy5kYXRhLnRpdGxlIHx8IHRoaXMudHJhbnNsYXRpb25bXCJERUxFVEVfUkVDT1JEXCJdIHx8IFwiLkRFTEVURV9SRUNPUkRcIjtcclxuICAgIHRoaXMuc2F2ZUJ0bkxhYmVsID1cclxuICAgICAgdGhpcy5kYXRhLnNhdmVCdG5MYWJlbCB8fCB0aGlzLnRyYW5zbGF0aW9uLkRFTEVURSB8fCBcIi5ERUxFVEVcIjtcclxuICAgIHRoaXMuY2FuY2VsQnRuTGFiZWwgPVxyXG4gICAgICB0aGlzLmRhdGEuY2FuY2VsQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5DQU5DRUwgfHwgXCIuQ0FOQ0VMXCI7XHJcbiAgICB0aGlzLmRlc2NyaXB0aW9uID1cclxuICAgICAgdGhpcy5kYXRhLmRlc2NyaXB0aW9uIHx8XHJcbiAgICAgIHRoaXMudHJhbnNsYXRpb24uSUZfWU9VX0RFTEVURV9USElTX1JFQ09SRF9XQVJOSU5HIHx8XHJcbiAgICAgIFwiLklmIHlvdSBkZWxldGUgdGhpcyByZWNvcmQsIHlvdSB3b24ndCBiZSBhYmxlIHRvIHJlY292ZXIgaXQuIERvIHlvdSB3YW50IHRvIGRlbGV0ZSBpdD9cIjtcclxuICAgIHRoaXMuc2l6ZSA9IHRoaXMuZGF0YS5zaXplIHx8IFwic21hbGxcIjtcclxuICB9XHJcblxyXG4gIG9uU2F2ZShlKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShlKTtcclxuICB9XHJcbn1cclxuIiwiPGt0LWNvbW1vbi1kaWFsb2dcclxuXHRbc2l6ZV09XCJzaXplXCJcclxuXHRbdGl0bGVdPVwidGl0bGVcIlxyXG5cdFtoaWRlSGVhZGVyXT1cImZhbHNlXCJcclxuXHRbaGlkZUNsb3NlQnRuXT1cImRhdGEuaGlkZUNsb3NlQnRuID09PSB1bmRlZmluZWQgPyBmYWxzZSA6IGRhdGEuaGlkZUNsb3NlQnRuXCJcclxuXHRbaGlkZVNhdmVCdG5dPVwiZGF0YS5oaWRlU2F2ZUJ0biA9PT0gdW5kZWZpbmVkID8gZmFsc2UgOiBkYXRhLmhpZGVTYXZlQnRuXCJcclxuXHRbc2F2ZUJ0bkxhYmVsXT1cInNhdmVCdG5MYWJlbFwiXHJcblx0W2NhbmNlbEJ0bkxhYmVsXT1cImNhbmNlbEJ0bkxhYmVsXCJcclxuXHRbc2hvd0Vycm9ySWNvbl09XCJcclxuXHRcdGRhdGEuc2hvd0Vycm9ySWNvbiA9PT0gdW5kZWZpbmVkID8gZmFsc2UgOiBkYXRhLnNob3dFcnJvckljb25cclxuXHRcIlxyXG5cdFtoaWRlQ2xvc2VJY29uXT1cIlxyXG5cdFx0ZGF0YS5oaWRlQ2xvc2VJY29uID09PSB1bmRlZmluZWQgPyBmYWxzZSA6IGRhdGEuaGlkZUNsb3NlSWNvblxyXG5cdFwiXHJcblx0KHNhdmVFbWl0KT1cIm9uU2F2ZSgkZXZlbnQpXCJcclxuPlxyXG5cdDxkaXYgY2xhc3M9XCJtYXBwaW5nLWRpYWxvZ1wiPlxyXG5cdFx0e3sgZGVzY3JpcHRpb24gfX1cclxuXHQ8L2Rpdj5cclxuPC9rdC1jb21tb24tZGlhbG9nPlxyXG4iXX0=

package/esm2022/lib/dialog/common-dialog/index.component.mjs

@@ -0,0 +1,85 @@
+import { Component, Input, ContentChild, Output, EventEmitter, } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+export class CommonDialogComponent {
+    dialogRef;
+    translation;
+    // 隐藏元素相关属性
+    hideHeader = false;
+    hideCloseIcon = false;
+    hideCloseBtn = false;
+    hideSaveBtn = false;
+    saveBtnLabel = "";
+    cancelBtnLabel = "";
+    showErrorIcon = false;
+    // 显示相关属性
+    size = "";
+    title = "Dialog";
+    loading = false;
+    saveEmit = new EventEmitter();
+    closeEmit = new EventEmitter();
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+    }
+    // 控制底部插槽有内容时隐藏默认按钮
+    footerContent;
+    customFooter = false;
+    ngAfterContentInit() {
+        this.customFooter = !!this.footerContent;
+    }
+    ngOnInit() {
+        this.getInfo();
+    }
+    onClose(res) {
+        this.dialogRef.close(res);
+        this.closeEmit.emit(res);
+    }
+    onSave() {
+        // 这里把关闭事件emit上去，但是必须使用箭头函数保存this对象
+        this.saveEmit.emit((res) => {
+            this.onClose(res);
+        });
+    }
+    getInfo() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+        this.saveBtnLabel =
+            this.saveBtnLabel || this.translation.SAVE || ".SAVE";
+        this.cancelBtnLabel =
+            this.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDialogComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonDialogComponent, selector: "kt-common-dialog", inputs: { hideHeader: "hideHeader", hideCloseIcon: "hideCloseIcon", hideCloseBtn: "hideCloseBtn", hideSaveBtn: "hideSaveBtn", saveBtnLabel: "saveBtnLabel", cancelBtnLabel: "cancelBtnLabel", showErrorIcon: "showErrorIcon", size: "size", title: "title", loading: "loading" }, outputs: { saveEmit: "saveEmit", closeEmit: "closeEmit" }, queries: [{ propertyName: "footerContent", first: true, predicate: ["footerSlot"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"dialog\" [ngClass]=\"size\">\r\n\t<!-- \u5934\u90E8 -->\r\n\t<div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n\t\t<div class=\"header__title\">\r\n\t\t\t<img\r\n\t\t\t\tsrc=\"../../../assets/img/notification-status-warning.svg\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\t*ngIf=\"showErrorIcon\"\r\n\t\t\t/>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\t*ngIf=\"!hideCloseIcon\"\r\n\t\t\tclass=\"header__close-btn\"\r\n\t\t\t(click)=\"onClose()\"\r\n\t\t>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"header__close-icon\"\r\n\t\t\t\tsrc=\"../../../assets/img/close.svg\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n\t<!-- \u5185\u5BB9 -->\r\n\t<div class=\"dialog__content\" mat-dialog-content>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<!-- \u5E95\u90E8\u6309\u94AE -->\r\n\t<div mat-dialog-actions class=\"dialog__footer\">\r\n\t\t<ng-content select=\"[footerSlot]\"></ng-content>\r\n\t\t<!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n\t\t<ng-container *ngIf=\"!customFooter\">\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n\t\t</ng-container>\r\n\t\t<ng-template #defaultTemplate>\r\n\t\t\t<button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" [ngClass]=\"size\" mat-dialog-close>\r\n\t\t\t\t{{ cancelBtnLabel }}\r\n\t\t\t</button>\r\n\t\t\t<button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" [ngClass]=\"size\" (click)=\"onSave()\">\r\n\t\t\t\t{{ saveBtnLabel }}\r\n\t\t\t</button>\r\n\t\t</ng-template>\r\n\t</div>\r\n\t<!-- loading -->\r\n\t<div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n\t\t<img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;overflow:hidden}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header:before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__footer button{border-radius:4px;padding:6px 16px;border:none;min-width:70px}:host::ng-deep .dialog .dialog__footer button+button{margin-left:12px}:host::ng-deep .dialog .dialog__footer .save-btn{background:#1364b3;border:1px solid #1364b3;font-weight:700;color:#fff}:host::ng-deep .dialog .dialog__footer .cancel-btn{border:1px solid #adb5bd;background:#fff}:host::ng-deep .dialog .dialog__loading{height:100%;background:transparent;position:fixed;inset:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "kt-common-dialog", template: "<div class=\"dialog\" [ngClass]=\"size\">\r\n\t<!-- \u5934\u90E8 -->\r\n\t<div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n\t\t<div class=\"header__title\">\r\n\t\t\t<img\r\n\t\t\t\tsrc=\"../../../assets/img/notification-status-warning.svg\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\t*ngIf=\"showErrorIcon\"\r\n\t\t\t/>\r\n\t\t\t{{ title }}\r\n\t\t</div>\r\n\t\t<div\r\n\t\t\t*ngIf=\"!hideCloseIcon\"\r\n\t\t\tclass=\"header__close-btn\"\r\n\t\t\t(click)=\"onClose()\"\r\n\t\t>\r\n\t\t\t<img\r\n\t\t\t\tclass=\"header__close-icon\"\r\n\t\t\t\tsrc=\"../../../assets/img/close.svg\"\r\n\t\t\t/>\r\n\t\t</div>\r\n\t</div>\r\n\t<!-- \u5185\u5BB9 -->\r\n\t<div class=\"dialog__content\" mat-dialog-content>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n\t<!-- \u5E95\u90E8\u6309\u94AE -->\r\n\t<div mat-dialog-actions class=\"dialog__footer\">\r\n\t\t<ng-content select=\"[footerSlot]\"></ng-content>\r\n\t\t<!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n\t\t<ng-container *ngIf=\"!customFooter\">\r\n\t\t\t<ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n\t\t</ng-container>\r\n\t\t<ng-template #defaultTemplate>\r\n\t\t\t<button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" [ngClass]=\"size\" mat-dialog-close>\r\n\t\t\t\t{{ cancelBtnLabel }}\r\n\t\t\t</button>\r\n\t\t\t<button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" [ngClass]=\"size\" (click)=\"onSave()\">\r\n\t\t\t\t{{ saveBtnLabel }}\r\n\t\t\t</button>\r\n\t\t</ng-template>\r\n\t</div>\r\n\t<!-- loading -->\r\n\t<div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n\t\t<img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n\t</div>\r\n</div>\r\n", styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;overflow:hidden}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header:before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__close-icon{display:block;width:100%;height:100%}:host::ng-deep .dialog .dialog__header .header__close-btn{cursor:pointer;flex:0 0 20px;padding:4px;width:20px;height:20px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__footer button{border-radius:4px;padding:6px 16px;border:none;min-width:70px}:host::ng-deep .dialog .dialog__footer button+button{margin-left:12px}:host::ng-deep .dialog .dialog__footer .save-btn{background:#1364b3;border:1px solid #1364b3;font-weight:700;color:#fff}:host::ng-deep .dialog .dialog__footer .cancel-btn{border:1px solid #adb5bd;background:#fff}:host::ng-deep .dialog .dialog__loading{height:100%;background:transparent;position:fixed;inset:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }]; }, propDecorators: { hideHeader: [{
+                type: Input
+            }], hideCloseIcon: [{
+                type: Input
+            }], hideCloseBtn: [{
+                type: Input
+            }], hideSaveBtn: [{
+                type: Input
+            }], saveBtnLabel: [{
+                type: Input
+            }], cancelBtnLabel: [{
+                type: Input
+            }], showErrorIcon: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], saveEmit: [{
+                type: Output
+            }], closeEmit: [{
+                type: Output
+            }], footerContent: [{
+                type: ContentChild,
+                args: ["footerSlot", { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2RpYWxvZy9jb21tb24tZGlhbG9nL2luZGV4LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3JhaXNlLWNvbW1vbi1saWIvc3JjL2xpYi9kaWFsb2cvY29tbW9uLWRpYWxvZy9pbmRleC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ04sU0FBUyxFQUVULEtBQUssRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLFlBQVksR0FDWixNQUFNLGVBQWUsQ0FBQzs7OztBQVN2QixNQUFNLE9BQU8scUJBQXFCO0lBa0JkO0lBakJaLFdBQVcsQ0FBQztJQUVuQixXQUFXO0lBQ0YsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUNuQixhQUFhLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDckIsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUNwQixZQUFZLEdBQUcsRUFBRSxDQUFDO0lBQ2xCLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDcEIsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUUvQixTQUFTO0lBQ0EsSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNWLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDakIsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUNmLFFBQVEsR0FBMkIsSUFBSSxZQUFZLEVBQVksQ0FBQztJQUNoRSxTQUFTLEdBQTJCLElBQUksWUFBWSxFQUFZLENBQUM7SUFDM0UsWUFBbUIsU0FBOEM7UUFBOUMsY0FBUyxHQUFULFNBQVMsQ0FBcUM7SUFBRyxDQUFDO0lBRXJFLG1CQUFtQjtJQUMyQixhQUFhLENBQU07SUFDakUsWUFBWSxHQUFZLEtBQUssQ0FBQztJQUM5QixrQkFBa0I7UUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMxQyxDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBRUQsT0FBTyxDQUFDLEdBQUk7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsTUFBTTtRQUNMLG1DQUFtQztRQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDbkIsQ0FBQyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRU8sT0FBTztRQUNkLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7UUFDbkUsSUFBSSxDQUFDLFlBQVk7WUFDaEIsSUFBSSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxPQUFPLENBQUM7UUFDdkQsSUFBSSxDQUFDLGNBQWM7WUFDbEIsSUFBSSxDQUFDLGNBQWMsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUM7SUFDOUQsQ0FBQzt3R0FqRFcscUJBQXFCOzRGQUFyQixxQkFBcUIsNGZDaEJsQyxxcERBK0NBOzs0RkQvQmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNDLGtCQUFrQjttR0FRbkIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBSXVDLGFBQWE7c0JBQTFELFlBQVk7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcblx0Q29tcG9uZW50LFxyXG5cdE9uSW5pdCxcclxuXHRJbnB1dCxcclxuXHRDb250ZW50Q2hpbGQsXHJcblx0T3V0cHV0LFxyXG5cdEV2ZW50RW1pdHRlcixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6IFwia3QtY29tbW9uLWRpYWxvZ1wiLFxyXG5cdHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxuXHR0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb21tb25EaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cdHB1YmxpYyB0cmFuc2xhdGlvbjtcclxuXHJcblx0Ly8g6ZqQ6JeP5YWD57Sg55u45YWz5bGe5oCnXHJcblx0QElucHV0KCkgaGlkZUhlYWRlciA9IGZhbHNlO1xyXG5cdEBJbnB1dCgpIGhpZGVDbG9zZUljb24gPSBmYWxzZTtcclxuXHRASW5wdXQoKSBoaWRlQ2xvc2VCdG4gPSBmYWxzZTtcclxuXHRASW5wdXQoKSBoaWRlU2F2ZUJ0biA9IGZhbHNlO1xyXG5cdEBJbnB1dCgpIHNhdmVCdG5MYWJlbCA9IFwiXCI7XHJcblx0QElucHV0KCkgY2FuY2VsQnRuTGFiZWwgPSBcIlwiO1xyXG5cdEBJbnB1dCgpIHNob3dFcnJvckljb24gPSBmYWxzZTtcclxuXHJcblx0Ly8g5pi+56S655u45YWz5bGe5oCnXHJcblx0QElucHV0KCkgc2l6ZSA9IFwiXCI7XHJcblx0QElucHV0KCkgdGl0bGUgPSBcIkRpYWxvZ1wiO1xyXG5cdEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcclxuXHRAT3V0cHV0KCkgc2F2ZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG5cdEBPdXRwdXQoKSBjbG9zZUVtaXQ6IEV2ZW50RW1pdHRlcjxGdW5jdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEZ1bmN0aW9uPigpO1xyXG5cdGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb21tb25EaWFsb2dDb21wb25lbnQ+KSB7fVxyXG5cclxuXHQvLyDmjqfliLblupXpg6jmj5Lmp73mnInlhoXlrrnml7bpmpDol4/pu5jorqTmjInpkq5cclxuXHRAQ29udGVudENoaWxkKFwiZm9vdGVyU2xvdFwiLCB7IHN0YXRpYzogdHJ1ZSB9KSBmb290ZXJDb250ZW50OiBhbnk7XHJcblx0Y3VzdG9tRm9vdGVyOiBib29sZWFuID0gZmFsc2U7XHJcblx0bmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG5cdFx0dGhpcy5jdXN0b21Gb290ZXIgPSAhIXRoaXMuZm9vdGVyQ29udGVudDtcclxuXHR9XHJcblxyXG5cdG5nT25Jbml0KCkge1xyXG5cdFx0dGhpcy5nZXRJbmZvKCk7XHJcblx0fVxyXG5cclxuXHRvbkNsb3NlKHJlcz8pIHtcclxuXHRcdHRoaXMuZGlhbG9nUmVmLmNsb3NlKHJlcyk7XHJcblx0XHR0aGlzLmNsb3NlRW1pdC5lbWl0KHJlcyk7XHJcblx0fVxyXG5cclxuXHRvblNhdmUoKSB7XHJcblx0XHQvLyDov5nph4zmiorlhbPpl63kuovku7ZlbWl05LiK5Y6777yM5L2G5piv5b+F6aG75L2/55So566t5aS05Ye95pWw5L+d5a2YdGhpc+WvueixoVxyXG5cdFx0dGhpcy5zYXZlRW1pdC5lbWl0KChyZXMpID0+IHtcclxuXHRcdFx0dGhpcy5vbkNsb3NlKHJlcyk7XHJcblx0XHR9KTtcclxuXHR9XHJcblxyXG5cdHByaXZhdGUgZ2V0SW5mbygpIHtcclxuXHRcdHRoaXMudHJhbnNsYXRpb24gPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKFwidHJhbnNsYXRpb25cIikpO1xyXG5cdFx0dGhpcy5zYXZlQnRuTGFiZWwgPVxyXG5cdFx0XHR0aGlzLnNhdmVCdG5MYWJlbCB8fCB0aGlzLnRyYW5zbGF0aW9uLlNBVkUgfHwgXCIuU0FWRVwiO1xyXG5cdFx0dGhpcy5jYW5jZWxCdG5MYWJlbCA9XHJcblx0XHRcdHRoaXMuY2FuY2VsQnRuTGFiZWwgfHwgdGhpcy50cmFuc2xhdGlvbi5DQU5DRUwgfHwgXCIuQ0FOQ0VMXCI7XHJcblx0fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkaWFsb2dcIiBbbmdDbGFzc109XCJzaXplXCI+XHJcblx0PCEtLSDlpLTpg6ggLS0+XHJcblx0PGRpdiAqbmdJZj1cIiFoaWRlSGVhZGVyXCIgbWF0LWRpYWxvZy10aXRsZSBjbGFzcz1cImRpYWxvZ19faGVhZGVyXCI+XHJcblx0XHQ8ZGl2IGNsYXNzPVwiaGVhZGVyX190aXRsZVwiPlxyXG5cdFx0XHQ8aW1nXHJcblx0XHRcdFx0c3JjPVwiLi4vLi4vLi4vYXNzZXRzL2ltZy9ub3RpZmljYXRpb24tc3RhdHVzLXdhcm5pbmcuc3ZnXCJcclxuXHRcdFx0XHRhbHQ9XCJcIlxyXG5cdFx0XHRcdCpuZ0lmPVwic2hvd0Vycm9ySWNvblwiXHJcblx0XHRcdC8+XHJcblx0XHRcdHt7IHRpdGxlIH19XHJcblx0XHQ8L2Rpdj5cclxuXHRcdDxkaXZcclxuXHRcdFx0Km5nSWY9XCIhaGlkZUNsb3NlSWNvblwiXHJcblx0XHRcdGNsYXNzPVwiaGVhZGVyX19jbG9zZS1idG5cIlxyXG5cdFx0XHQoY2xpY2spPVwib25DbG9zZSgpXCJcclxuXHRcdD5cclxuXHRcdFx0PGltZ1xyXG5cdFx0XHRcdGNsYXNzPVwiaGVhZGVyX19jbG9zZS1pY29uXCJcclxuXHRcdFx0XHRzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1nL2Nsb3NlLnN2Z1wiXHJcblx0XHRcdC8+XHJcblx0XHQ8L2Rpdj5cclxuXHQ8L2Rpdj5cclxuXHQ8IS0tIOWGheWuuSAtLT5cclxuXHQ8ZGl2IGNsYXNzPVwiZGlhbG9nX19jb250ZW50XCIgbWF0LWRpYWxvZy1jb250ZW50PlxyXG5cdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cdDwvZGl2PlxyXG5cdDwhLS0g5bqV6YOo5oyJ6ZKuIC0tPlxyXG5cdDxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zIGNsYXNzPVwiZGlhbG9nX19mb290ZXJcIj5cclxuXHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIltmb290ZXJTbG90XVwiPjwvbmctY29udGVudD5cclxuXHRcdDwhLS0g6buY6K6k5bGV56S65L+d5a2YL+WFs+mXreaMiemSriAtLT5cclxuXHRcdDxuZy1jb250YWluZXIgKm5nSWY9XCIhY3VzdG9tRm9vdGVyXCI+XHJcblx0XHRcdDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJkZWZhdWx0VGVtcGxhdGVcIj48L25nLXRlbXBsYXRlPlxyXG5cdFx0PC9uZy1jb250YWluZXI+XHJcblx0XHQ8bmctdGVtcGxhdGUgI2RlZmF1bHRUZW1wbGF0ZT5cclxuXHRcdFx0PGJ1dHRvbiAqbmdJZj1cIiFoaWRlQ2xvc2VCdG5cIiBjbGFzcz1cImUtYnRuXCIgW25nQ2xhc3NdPVwic2l6ZVwiIG1hdC1kaWFsb2ctY2xvc2U+XHJcblx0XHRcdFx0e3sgY2FuY2VsQnRuTGFiZWwgfX1cclxuXHRcdFx0PC9idXR0b24+XHJcblx0XHRcdDxidXR0b24gKm5nSWY9XCIhaGlkZVNhdmVCdG5cIiBjbGFzcz1cImUtYnRuIGUtcHJpbWFyeVwiIFtuZ0NsYXNzXT1cInNpemVcIiAoY2xpY2spPVwib25TYXZlKClcIj5cclxuXHRcdFx0XHR7eyBzYXZlQnRuTGFiZWwgfX1cclxuXHRcdFx0PC9idXR0b24+XHJcblx0XHQ8L25nLXRlbXBsYXRlPlxyXG5cdDwvZGl2PlxyXG5cdDwhLS0gbG9hZGluZyAtLT5cclxuXHQ8ZGl2IGNsYXNzPVwiZGlhbG9nX19sb2FkaW5nXCIgW2hpZGRlbl09XCIhbG9hZGluZ1wiPlxyXG5cdFx0PGltZyBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1nL3JhaXNlX2xvYWRpbmcuZ2lmXCIgYWx0PVwiXCIgLz5cclxuXHQ8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/dialog/new-action-notification/new-action-notification.component.mjs

@@ -0,0 +1,51 @@
+import { Component, Inject } from "@angular/core";
+import { MAT_SNACK_BAR_DATA } from "@angular/material/snack-bar";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+;
+export class NewActionNotificationComponent {
+    data;
+    collapsed = false;
+    constructor(data) {
+        this.data = data;
+    }
+    ngAfterViewInit() {
+        if (this.config.type === "Loading") {
+            this.config.loadingCallback((progress) => {
+                if (progress.done) {
+                    return this.config.snackBar.dismiss();
+                }
+            });
+        }
+    }
+    closeNotification() {
+        if (this.config.type === "Loading") {
+            this.collapsed = true;
+        }
+        else {
+            this.config.snackBar.dismiss();
+        }
+    }
+    expandNotification() {
+        if (this.config.type === "Loading" && this.collapsed) {
+            this.collapsed = false;
+        }
+    }
+    get config() {
+        return {
+            status: "Success",
+            type: "Text",
+            ...this.data,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NewActionNotificationComponent, deps: [{ token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NewActionNotificationComponent, selector: "kt-new-action-notification", ngImport: i0, template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n", styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px #0003;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2309B66D%22 stroke%3D%22%2309B66D%22%2F%3E%0D%3Cpath d%3D%22M8 12L10.4279 15L16 8%22 stroke%3D%22white%22 stroke-width%3D%221.8%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF9618%22 stroke%3D%22%23FF9618%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%226.9375%22 width%3D%222%22 height%3D%227.3125%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%2215.375%22 width%3D%222%22 height%3D%222%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=error]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF6060%22 stroke%3D%22%23FF5C5C%22%2F%3E%0D%3Cpath d%3D%22M15.0251 9.23828L9.36829 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M9.36816 9.23828L15.025 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=loading]{animation:rotate linear 2s infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Status%22%3E%0D%3Ccircle id%3D%22Ellipse 80%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2344566C%22 stroke%3D%22%2344566C%22%2F%3E%0D%3Cg id%3D%22refresh%22%3E%0D%3Cpath id%3D%22Ellipse 127%22 d%3D%22M13.2251 7.48555C12.6352 7.32748 12.0199 7.28716 11.4144 7.36687C10.8089 7.44659 10.225 7.64479 9.69608 7.95016C9.16716 8.25553 8.70357 8.66209 8.33177 9.14663C7.95998 9.63116 7.68726 10.1842 7.52919 10.7741C7.37112 11.364 7.33079 11.9793 7.41051 12.5848C7.49022 13.1904 7.68843 13.7742 7.9938 14.3032L5.80539 13.2113%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath id%3D%22Ellipse 128%22 d%3D%22M10.8178 16.4697C11.4078 16.6278 12.0231 16.6681 12.6286 16.5884C13.2341 16.5087 13.818 16.3105 14.3469 16.0051C14.8758 15.6998 15.3394 15.2932 15.7112 14.8087C16.083 14.3241 16.3557 13.7711 16.5138 13.1812C16.6719 12.5913 16.7122 11.976 16.6325 11.3705C16.5528 10.7649 16.3546 10.1811 16.0492 9.65214L18.3237 10.8932%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Group 1000004344%22%3E%0D%3Cg id%3D%22Group 1000004342%22%3E%0D%3Cg id%3D%22Group 1000004345%22%3E%0D%3Cpath id%3D%22Rectangle 1232%22 d%3D%22M8.99512 2.28217V7.28217H13.9951%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 364%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.707107 -0.707107 -0.707107 -0.707107 8.4707 7.04959)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg id%3D%22Group 1000004343%22%3E%0D%3Cpath id%3D%22Rectangle 1233%22 d%3D%22M7.00684 14.1721L7.00684 9.17212L2.00684 9.17212%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 365%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(-0.707107 0.707107 0.707107 0.707107 7.53223 9.4043)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NewActionNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "kt-new-action-notification", template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n", styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px #0003;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2309B66D%22 stroke%3D%22%2309B66D%22%2F%3E%0D%3Cpath d%3D%22M8 12L10.4279 15L16 8%22 stroke%3D%22white%22 stroke-width%3D%221.8%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF9618%22 stroke%3D%22%23FF9618%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%226.9375%22 width%3D%222%22 height%3D%227.3125%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%2211%22 y%3D%2215.375%22 width%3D%222%22 height%3D%222%22 rx%3D%221%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=default][data-status=error]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%23FF6060%22 stroke%3D%22%23FF5C5C%22%2F%3E%0D%3Cpath d%3D%22M15.0251 9.23828L9.36829 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M9.36816 9.23828L15.025 14.8951%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-icon[data-type=loading]{animation:rotate linear 2s infinite}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Status%22%3E%0D%3Ccircle id%3D%22Ellipse 80%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%228.5%22 fill%3D%22%2344566C%22 stroke%3D%22%2344566C%22%2F%3E%0D%3Cg id%3D%22refresh%22%3E%0D%3Cpath id%3D%22Ellipse 127%22 d%3D%22M13.2251 7.48555C12.6352 7.32748 12.0199 7.28716 11.4144 7.36687C10.8089 7.44659 10.225 7.64479 9.69608 7.95016C9.16716 8.25553 8.70357 8.66209 8.33177 9.14663C7.95998 9.63116 7.68726 10.1842 7.52919 10.7741C7.37112 11.364 7.33079 11.9793 7.41051 12.5848C7.49022 13.1904 7.68843 13.7742 7.9938 14.3032L5.80539 13.2113%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath id%3D%22Ellipse 128%22 d%3D%22M10.8178 16.4697C11.4078 16.6278 12.0231 16.6681 12.6286 16.5884C13.2341 16.5087 13.818 16.3105 14.3469 16.0051C14.8758 15.6998 15.3394 15.2932 15.7112 14.8087C16.083 14.3241 16.3557 13.7711 16.5138 13.1812C16.6719 12.5913 16.7122 11.976 16.6325 11.3705C16.5528 10.7649 16.3546 10.1811 16.0492 9.65214L18.3237 10.8932%22 stroke%3D%22%23F8FAFB%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-close[data-type=loading]:before{content:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg id%3D%22Group 1000004344%22%3E%0D%3Cg id%3D%22Group 1000004342%22%3E%0D%3Cg id%3D%22Group 1000004345%22%3E%0D%3Cpath id%3D%22Rectangle 1232%22 d%3D%22M8.99512 2.28217V7.28217H13.9951%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 364%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(0.707107 -0.707107 -0.707107 -0.707107 8.4707 7.04959)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg id%3D%22Group 1000004343%22%3E%0D%3Cpath id%3D%22Rectangle 1233%22 d%3D%22M7.00684 14.1721L7.00684 9.17212L2.00684 9.17212%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cline id%3D%22Line 365%22 y1%3D%22-0.5%22 x2%3D%227%22 y2%3D%22-0.5%22 transform%3D%22matrix(-0.707107 0.707107 0.707107 0.707107 7.53223 9.4043)%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\")}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmV3LWFjdGlvbi1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2RpYWxvZy9uZXctYWN0aW9uLW5vdGlmaWNhdGlvbi9uZXctYWN0aW9uLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvZGlhbG9nL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQWUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBYzdFLENBQUM7QUFPRixNQUFNLE9BQU8sOEJBQThCO0lBS2xDO0lBSlIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUVsQixZQUVRLElBQXdCO1FBQXhCLFNBQUksR0FBSixJQUFJLENBQW9CO0lBQzdCLENBQUM7SUFFSixlQUFlO1FBQ2QsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtnQkFDeEMsSUFBSSxRQUFRLENBQUMsSUFBSSxFQUFFO29CQUNsQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxDQUFDO2lCQUN0QztZQUNGLENBQUMsQ0FBQyxDQUFDO1NBQ0g7SUFDRixDQUFDO0lBRUQsaUJBQWlCO1FBQ2hCLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFO1lBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO2FBQU07WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMvQjtJQUNGLENBQUM7SUFFRCxrQkFBa0I7UUFDakIsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNyRCxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztTQUN2QjtJQUNGLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDVCxPQUFPO1lBQ04sTUFBTSxFQUFFLFNBQVM7WUFDakIsSUFBSSxFQUFFLE1BQU07WUFDWixHQUFHLElBQUksQ0FBQyxJQUFJO1NBQ1osQ0FBQztJQUNILENBQUM7d0dBdENXLDhCQUE4QixrQkFJakMsa0JBQWtCOzRGQUpmLDhCQUE4QixrRUN0QjNDLGkrQkF5QkE7OzRGREhhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDQyw0QkFBNEI7OzBCQVFwQyxNQUFNOzJCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgTUFUX1NOQUNLX0JBUl9EQVRBLCBNYXRTbmFja0JhciB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXJcIjtcclxuXHJcbmV4cG9ydCB0eXBlIExvYWRpbmdQcm9ncmVzcyA9IHtcclxuXHRkb25lOiBib29sZWFuO1xyXG5cdHBlcmNlbnQ/OiBudW1iZXI7XHJcbn07XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIE5vdGlmaWNhdGlvbkNvbmZpZyAge1xyXG5cdG1lc3NhZ2U6IHN0cmluZztcclxuXHRzbmFja0JhcjogTWF0U25hY2tCYXI7XHJcblx0bG9hZGluZ0NhbGxiYWNrOiAoY2FsbGJhY2s6IChwcm9ncmVzczogTG9hZGluZ1Byb2dyZXNzKSA9PiB2b2lkKSA9PiB2b2lkO1xyXG5cdHN0YXR1cz86IFwiU3VjY2Vzc1wiIHwgXCJXYXJuaW5nXCIgfCBcIkVycm9yXCI7XHJcblx0dHlwZT86IFwiVGV4dFwiIHwgXCJEZXRhaWxcIiB8IFwiTG9hZGluZ1wiIHwgXCJQcm9ncmVzc1wiO1xyXG5cdHRpdGxlPzogc3RyaW5nO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6IFwia3QtbmV3LWFjdGlvbi1ub3RpZmljYXRpb25cIixcclxuXHR0ZW1wbGF0ZVVybDogXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sXCIsXHJcblx0c3R5bGVVcmxzOiBbXCIuL25ldy1hY3Rpb24tbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmV3QWN0aW9uTm90aWZpY2F0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcblx0Y29sbGFwc2VkID0gZmFsc2U7XHJcblxyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0QEluamVjdChNQVRfU05BQ0tfQkFSX0RBVEEpXHJcblx0XHRwdWJsaWMgZGF0YTogTm90aWZpY2F0aW9uQ29uZmlnXHJcblx0KSB7fVxyXG5cclxuXHRuZ0FmdGVyVmlld0luaXQoKSB7XHJcblx0XHRpZiAodGhpcy5jb25maWcudHlwZSA9PT0gXCJMb2FkaW5nXCIpIHtcclxuXHRcdFx0dGhpcy5jb25maWcubG9hZGluZ0NhbGxiYWNrKChwcm9ncmVzcykgPT4ge1xyXG5cdFx0XHRcdGlmIChwcm9ncmVzcy5kb25lKSB7XHJcblx0XHRcdFx0XHRyZXR1cm4gdGhpcy5jb25maWcuc25hY2tCYXIuZGlzbWlzcygpO1xyXG5cdFx0XHRcdH1cclxuXHRcdFx0fSk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRjbG9zZU5vdGlmaWNhdGlvbigpIHtcclxuXHRcdGlmICh0aGlzLmNvbmZpZy50eXBlID09PSBcIkxvYWRpbmdcIikge1xyXG5cdFx0XHR0aGlzLmNvbGxhcHNlZCA9IHRydWU7XHJcblx0XHR9IGVsc2Uge1xyXG5cdFx0XHR0aGlzLmNvbmZpZy5zbmFja0Jhci5kaXNtaXNzKCk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRleHBhbmROb3RpZmljYXRpb24oKSB7XHJcblx0XHRpZiAodGhpcy5jb25maWcudHlwZSA9PT0gXCJMb2FkaW5nXCIgJiYgdGhpcy5jb2xsYXBzZWQpIHtcclxuXHRcdFx0dGhpcy5jb2xsYXBzZWQgPSBmYWxzZTtcclxuXHRcdH1cclxuXHR9XHJcblxyXG5cdGdldCBjb25maWcoKSB7XHJcblx0XHRyZXR1cm4ge1xyXG5cdFx0XHRzdGF0dXM6IFwiU3VjY2Vzc1wiLFxyXG5cdFx0XHR0eXBlOiBcIlRleHRcIixcclxuXHRcdFx0Li4udGhpcy5kYXRhLFxyXG5cdFx0fTtcclxuXHR9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm5ldy1hY3Rpb24tbm90aWZpY2F0aW9uLWNvbnRhaW5lclwiIFthdHRyLmRhdGEtY29sbGFwc2VdPVwiY29sbGFwc2VkXCI+XHJcblx0PHNwYW5cclxuXHRcdGNsYXNzPVwibm90aWZpY2F0aW9uLWljb25cIlxyXG5cdFx0W2F0dHIuZGF0YS10eXBlXT1cImNvbmZpZy50eXBlID09PSAnTG9hZGluZycgPyAnbG9hZGluZycgOiAnZGVmYXVsdCdcIlxyXG5cdFx0W2F0dHIuZGF0YS1zdGF0dXNdPVwiY29uZmlnLnN0YXR1cz8udG9Mb3dlckNhc2UoKVwiXHJcblx0XHQoY2xpY2spPVwiZXhwYW5kTm90aWZpY2F0aW9uKClcIlxyXG5cdD48L3NwYW4+XHJcblx0PHNwYW5cclxuXHRcdGNsYXNzPVwibm90aWZpY2F0aW9uLWljb24gbm90aWZpY2F0aW9uLWxvYWRpbmdcIlxyXG5cdFx0Km5nSWY9XCJjb25maWcudHlwZSA9PT0gJ1Byb2dyZXNzJ1wiXHJcblx0Pjwvc3Bhbj5cclxuXHQ8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uLWNvbnRlbnRcIj5cclxuXHRcdDxzcGFuICpuZ0lmPVwiY29uZmlnLnR5cGUgPT09ICdEZXRhaWwnXCIgY2xhc3M9XCJub3RpZmljYXRpb24tdGl0bGVcIj5cclxuXHRcdFx0e3sgY29uZmlnLnRpdGxlIH19XHJcblx0XHQ8L3NwYW4+XHJcblx0XHQ8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvbi10ZXh0XCI+e3sgY29uZmlnLm1lc3NhZ2UgfX08L3NwYW4+XHJcblx0XHQ8YSAqbmdJZj1cImNvbmZpZy50eXBlID09PSAnRGV0YWlsJ1wiIGNsYXNzPVwibm90aWZpY2F0aW9uLWxpbmtcIj5WaWV3PC9hPlxyXG5cdDwvZGl2PlxyXG5cdDxidXR0b25cclxuXHRcdHR5cGU9XCJidXR0b25cIlxyXG5cdFx0Y2xhc3M9XCJub3RpZmljYXRpb24tY2xvc2VcIlxyXG5cdFx0W2F0dHIuZGF0YS10eXBlXT1cImNvbmZpZy50eXBlID09PSAnTG9hZGluZycgPyAnbG9hZGluZycgOiAnZGVmYXVsdCdcIlxyXG5cdFx0KGNsaWNrKT1cImNsb3NlTm90aWZpY2F0aW9uKClcIlxyXG5cdD48L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/form/tag-input/index.component.mjs

@@ -39,11 +39,11 @@ export class TagInputComponent {
         this.inputError = false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagInputComponent, selector: "rs-tag-input", inputs: { value: "value", fields: "fields", disabled: "disabled", error: "error", inputMinlength: "inputMinlength", inputMaxlength: "inputMaxlength" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div\r\n  class=\"form-tags\"\r\n  [ngClass]=\"{\r\n    disabled: disabled,\r\n    error: inputError || error\r\n  }\"\r\n>\r\n  <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n    <span>{{ tag }}</span>\r\n    <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n  </div>\r\n  <input\r\n    class=\"form-tags-input\"\r\n    (keyup.enter)=\"onAddTag($event)\"\r\n    (input)=\"onInput()\"\r\n    (blur)=\"onAddTag($event)\"\r\n    autocomplete=\"off\"\r\n    [minLength]=\"inputMinlength\"\r\n    [maxLength]=\"inputMaxlength\"\r\n  />\r\n</div>\r\n", styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px #1f7bff66;border-color:var(--rs-input-hover-border-color)}.form-tags.error{border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:none;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove:after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TagInputComponent, selector: "rs-tag-input", inputs: { value: "value", fields: "fields", disabled: "disabled", error: "error", inputMinlength: "inputMinlength", inputMaxlength: "inputMaxlength" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div\r\n  class=\"form-tags\"\r\n  [ngClass]=\"{\r\n    disabled: disabled,\r\n    error: inputError || error\r\n  }\"\r\n>\r\n  <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n    <span>{{ tag }}</span>\r\n    <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n  </div>\r\n  <input\r\n    class=\"form-tags-input\"\r\n    (keyup.enter)=\"onAddTag($event)\"\r\n    (input)=\"onInput()\"\r\n    (blur)=\"onAddTag($event)\"\r\n    autocomplete=\"off\"\r\n    [minLength]=\"inputMinlength\"\r\n    [maxLength]=\"inputMaxlength\"\r\n  />\r\n</div>\r\n", styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px #1f7bff66;border-color:var(--rs-input-hover-border-color)}.form-tags.error{border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:none;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove:after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TagInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rs-tag-input", template: "<div\r\n  class=\"form-tags\"\r\n  [ngClass]=\"{\r\n    disabled: disabled,\r\n    error: inputError || error\r\n  }\"\r\n>\r\n  <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n    <span>{{ tag }}</span>\r\n    <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n  </div>\r\n  <input\r\n    class=\"form-tags-input\"\r\n    (keyup.enter)=\"onAddTag($event)\"\r\n    (input)=\"onInput()\"\r\n    (blur)=\"onAddTag($event)\"\r\n    autocomplete=\"off\"\r\n    [minLength]=\"inputMinlength\"\r\n    [maxLength]=\"inputMaxlength\"\r\n  />\r\n</div>\r\n", styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px #1f7bff66;border-color:var(--rs-input-hover-border-color)}.form-tags.error{border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:none;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove:after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}\n"] }]
+            args: [{ selector: "rs-tag-input", template: "<div\r\n  class=\"form-tags\"\r\n  [ngClass]=\"{\r\n    disabled: disabled,\r\n    error: inputError || error\r\n  }\"\r\n>\r\n  <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n    <span>{{ tag }}</span>\r\n    <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n  </div>\r\n  <input\r\n    class=\"form-tags-input\"\r\n    (keyup.enter)=\"onAddTag($event)\"\r\n    (input)=\"onInput()\"\r\n    (blur)=\"onAddTag($event)\"\r\n    autocomplete=\"off\"\r\n    [minLength]=\"inputMinlength\"\r\n    [maxLength]=\"inputMaxlength\"\r\n  />\r\n</div>\r\n", styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px #1f7bff66;border-color:var(--rs-input-hover-border-color)}.form-tags.error{border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:none;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove:after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], fields: [{

package/esm2022/lib/layout/common-list/index.component.mjs

@@ -25,11 +25,11 @@ export class CommonListComponent {
         this.debouncedInput();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonListComponent, selector: "rs-common-list", inputs: { pageTitle: "pageTitle", customPageTitle: "customPageTitle", isInner: "isInner" }, queries: [{ propertyName: "gridContent", first: true, predicate: CommonGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"content-wrap\">\r\n    <ng-content select=\"[tabSlot]\"></ng-content>\r\n    <div class=\"toolbar-wrap\">\r\n      <div class=\"left-col\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"right-col\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"search-input\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            placeholder=\"Search all fields\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.page-list-wrap .page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.page-list-wrap .content-wrap{display:flex;flex-direction:column;flex:1;height:0}.page-list-wrap .content-wrap .toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.page-list-wrap .content-wrap .toolbar-wrap .left-col,.page-list-wrap .content-wrap .toolbar-wrap .right-col{display:flex;gap:12px}.page-list-wrap .content-wrap .toolbar-wrap .left-col ::ng-deep .e-btn,.page-list-wrap .content-wrap .toolbar-wrap .right-col ::ng-deep .e-btn{height:28px}.page-list-wrap .content-wrap .grid-wrap{flex:1;height:0}.page-list-wrap .content-wrap .grid-wrap .employee-grid-container{height:100%}.page-list-wrap.is-not-inner .content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.page-list-wrap .search-input{width:240px}.page-list-wrap .search-input ::ng-deep .e-input-group{border-radius:14px!important}.page-list-wrap .search-input ::ng-deep .e-input-group.e-input-focus,.page-list-wrap .search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.page-list-wrap .search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.page-list-wrap .search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.page-list-wrap .search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.page-list-wrap .search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TextBoxComponent, selector: "ejs-textbox", inputs: ["autocomplete", "cssClass", "enablePersistence", "enableRtl", "enabled", "floatLabelType", "htmlAttributes", "locale", "multiline", "placeholder", "readonly", "showClearButton", "type", "value", "width"], outputs: ["blur", "change", "created", "destroyed", "focus", "input", "valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonListComponent, selector: "rs-common-list", inputs: { pageTitle: "pageTitle", customPageTitle: "customPageTitle", isInner: "isInner" }, queries: [{ propertyName: "gridContent", first: true, predicate: CommonGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"rs-content-wrap\">\r\n    <ng-content select=\"[tabSlot]\"></ng-content>\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-left-col\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"rs-search-input\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            placeholder=\"Search all fields\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TextBoxComponent, selector: "ejs-textbox", inputs: ["autocomplete", "cssClass", "enablePersistence", "enableRtl", "enabled", "floatLabelType", "htmlAttributes", "locale", "multiline", "placeholder", "readonly", "showClearButton", "type", "value", "width"], outputs: ["blur", "change", "created", "destroyed", "focus", "input", "valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-common-list', template: "<div class=\"page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"content-wrap\">\r\n    <ng-content select=\"[tabSlot]\"></ng-content>\r\n    <div class=\"toolbar-wrap\">\r\n      <div class=\"left-col\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"right-col\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"search-input\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            placeholder=\"Search all fields\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.page-list-wrap .page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.page-list-wrap .content-wrap{display:flex;flex-direction:column;flex:1;height:0}.page-list-wrap .content-wrap .toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.page-list-wrap .content-wrap .toolbar-wrap .left-col,.page-list-wrap .content-wrap .toolbar-wrap .right-col{display:flex;gap:12px}.page-list-wrap .content-wrap .toolbar-wrap .left-col ::ng-deep .e-btn,.page-list-wrap .content-wrap .toolbar-wrap .right-col ::ng-deep .e-btn{height:28px}.page-list-wrap .content-wrap .grid-wrap{flex:1;height:0}.page-list-wrap .content-wrap .grid-wrap .employee-grid-container{height:100%}.page-list-wrap.is-not-inner .content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.page-list-wrap .search-input{width:240px}.page-list-wrap .search-input ::ng-deep .e-input-group{border-radius:14px!important}.page-list-wrap .search-input ::ng-deep .e-input-group.e-input-focus,.page-list-wrap .search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.page-list-wrap .search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.page-list-wrap .search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.page-list-wrap .search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.page-list-wrap .search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"] }]
+            args: [{ selector: 'rs-common-list', template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"rs-content-wrap\">\r\n    <ng-content select=\"[tabSlot]\"></ng-content>\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-left-col\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"rs-search-input\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            placeholder=\"Search all fields\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"] }]
         }], propDecorators: { gridContent: [{
                 type: ContentChild,
                 args: [CommonGridComponent, { static: true }]
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], isInner: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9jb21tb24tbGlzdC9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L2NvbW1vbi1saXN0L2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7QUFPbEMsTUFBTSxPQUFPLG1CQUFtQjtJQUN1QixXQUFXLENBQUM7SUFDeEQsU0FBUyxDQUFDO0lBQ1YsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBRWpCLGNBQWMsQ0FBVztJQUVqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQTtRQUNoQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBSUQsV0FBVyxDQUFDO0lBQ1osT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDdkIsQ0FBQzt3R0F2QlUsbUJBQW1COzRGQUFuQixtQkFBbUIsMkxBQ2hCLG1CQUFtQiw4RENoQm5DLG10Q0FpQ0E7OzRGRGxCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUsyQixXQUFXO3NCQUEvRCxZQUFZO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDMUMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInBhZ2UtbGlzdC13cmFwXCIgW25nQ2xhc3NdPVwieyAnaXMtbm90LWlubmVyJzogIWlzSW5uZXIgfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21QYWdlVGl0bGU7IGVsc2UgZGVmYXVsdFRpdGxlXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVTbG90XVwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUaXRsZT5cclxuICAgIDxkaXYgY2xhc3M9XCJwYWdlLXRpdGxlXCIgKm5nSWY9XCJwYWdlVGl0bGVcIj57eyBwYWdlVGl0bGUgfX08L2Rpdj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50LXdyYXBcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b29sYmFyLXdyYXBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImxlZnQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRUb29sYmFyQnRuU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicmlnaHQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0VG9vbGJhckJ0blNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtaW5wdXRcIj5cclxuICAgICAgICAgIDxlanMtdGV4dGJveFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZS1pbnB1dFwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgpXCJcclxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2ggYWxsIGZpZWxkc1wiXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJCdXR0b25dPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcbiAgICAgICAgICA+PC9lanMtdGV4dGJveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJncmlkLXdyYXBcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWRTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9jb21tb24tbGlzdC9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L2NvbW1vbi1saXN0L2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7QUFPbEMsTUFBTSxPQUFPLG1CQUFtQjtJQUN1QixXQUFXLENBQUM7SUFDeEQsU0FBUyxDQUFDO0lBQ1YsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBRWpCLGNBQWMsQ0FBVztJQUVqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQTtRQUNoQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBSUQsV0FBVyxDQUFDO0lBQ1osT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDdkIsQ0FBQzt3R0F2QlUsbUJBQW1COzRGQUFuQixtQkFBbUIsMkxBQ2hCLG1CQUFtQiw4RENoQm5DLDJ1Q0FpQ0E7OzRGRGxCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUsyQixXQUFXO3NCQUEvRCxZQUFZO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDMUMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJzLXBhZ2UtbGlzdC13cmFwXCIgW25nQ2xhc3NdPVwieyAnaXMtbm90LWlubmVyJzogIWlzSW5uZXIgfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21QYWdlVGl0bGU7IGVsc2UgZGVmYXVsdFRpdGxlXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVTbG90XVwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUaXRsZT5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1wYWdlLXRpdGxlXCIgKm5nSWY9XCJwYWdlVGl0bGVcIj57eyBwYWdlVGl0bGUgfX08L2Rpdj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG4gIDxkaXYgY2xhc3M9XCJycy1jb250ZW50LXdyYXBcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgY2xhc3M9XCJycy10b29sYmFyLXdyYXBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJzLWxlZnQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRUb29sYmFyQnRuU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicnMtcmlnaHQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0VG9vbGJhckJ0blNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJycy1zZWFyY2gtaW5wdXRcIj5cclxuICAgICAgICAgIDxlanMtdGV4dGJveFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZS1pbnB1dFwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgpXCJcclxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2ggYWxsIGZpZWxkc1wiXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJCdXR0b25dPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcbiAgICAgICAgICA+PC9lanMtdGV4dGJveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1ncmlkLXdyYXBcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWRTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/layout/main-container/index.component.mjs

@@ -7,12 +7,12 @@ export class MainContainerComponent {
     isCollapsed = false; // 接收输入属性
     ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MainContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MainContainerComponent, selector: "rs-main-container", inputs: { isCollapsed: "isCollapsed" }, ngImport: i0, template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.RSFooterComponent, selector: "rs-footer" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MainContainerComponent, selector: "rs-main-container", inputs: { isCollapsed: "isCollapsed" }, ngImport: i0, template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <!-- <div class=\"multi-tab\"></div> -->\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .multi-tab{height:40px;background-color:#efefef}.app-main-container .right-aside .router-content{flex:1;overflow:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.RSFooterComponent, selector: "rs-footer" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MainContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rs-main-container", template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}\n"] }]
+            args: [{ selector: "rs-main-container", template: "<div class=\"app-main-container\">\r\n  <ng-content select=\"[headerSlot]\"></ng-content>\r\n  <div class=\"main-page\">\r\n    <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n      <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"right-aside\">\r\n      <!-- <div class=\"multi-tab\"></div> -->\r\n      <div class=\"router-content\">\r\n        <ng-content select=\"[routerSlot]\"></ng-content>\r\n      </div>\r\n      <rs-footer></rs-footer>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .multi-tab{height:40px;background-color:#efefef}.app-main-container .right-aside .router-content{flex:1;overflow:auto}\n"] }]
         }], propDecorators: { isCollapsed: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9tYWluLWNvbnRhaW5lci9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L21haW4tY29udGFpbmVyL2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixXQUFXLEdBQVksS0FBSyxDQUFDLENBQUMsU0FBUztJQUNoRCxRQUFRLEtBQUksQ0FBQzt3R0FGRixzQkFBc0I7NEZBQXRCLHNCQUFzQixpR0NSbkMsb2ZBY0E7OzRGRE5hLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBS3BCLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtbWFpbi1jb250YWluZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWFpbkNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTsgLy8g5o6l5pS26L6T5YWl5bGe5oCnXHJcbiAgbmdPbkluaXQoKSB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhcHAtbWFpbi1jb250YWluZXJcIj5cclxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tcGFnZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImxlZnQtYXNpZGVcIiBbbmdDbGFzc109XCJ7IGlzQ29sbGFwc2VkOiBpc0NvbGxhcHNlZCB9XCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0QXNpZGVTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInJpZ2h0LWFzaWRlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3V0ZXItY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyb3V0ZXJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxycy1mb290ZXI+PC9ycy1mb290ZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9tYWluLWNvbnRhaW5lci9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L21haW4tY29udGFpbmVyL2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQUUsU0FBUyxFQUFnQixLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkUsTUFBTSxPQUFPLHNCQUFzQjtJQUN4QixXQUFXLEdBQVksS0FBSyxDQUFDLENBQUMsU0FBUztJQUNoRCxRQUFRLEtBQUksQ0FBQzt3R0FGRixzQkFBc0I7NEZBQXRCLHNCQUFzQixpR0NSbkMsc2lCQWVBOzs0RkRQYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLW1haW4tY29udGFpbmVyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1haW5Db250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGlzQ29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7IC8vIOaOpeaUtui+k+WFpeWxnuaAp1xyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYXBwLW1haW4tY29udGFpbmVyXCI+XHJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2hlYWRlclNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLXBhZ2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsZWZ0LWFzaWRlXCIgW25nQ2xhc3NdPVwieyBpc0NvbGxhcHNlZDogaXNDb2xsYXBzZWQgfVwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdEFzaWRlU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyaWdodC1hc2lkZVwiPlxyXG4gICAgICA8IS0tIDxkaXYgY2xhc3M9XCJtdWx0aS10YWJcIj48L2Rpdj4gLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3V0ZXItY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyb3V0ZXJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxycy1mb290ZXI+PC9ycy1mb290ZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==