raise-common-lib-new 0.0.3

package/fesm2022/raise-common-lib-new.mjs

@@ -0,0 +1,1391 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewChild, Input, Output, ContentChild, Injectable, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@syncfusion/ej2-angular-grids';
+import { GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
+import * as i3 from '@syncfusion/ej2-angular-charts';
+import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
+import { debounce } from 'lodash';
+import * as i2$1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i3$1 from '@syncfusion/ej2-angular-inputs';
+import { TextBoxModule, ColorPickerModule, UploaderModule, NumericTextBoxModule } from '@syncfusion/ej2-angular-inputs';
+import * as i1$1 from '@syncfusion/ej2-angular-splitbuttons';
+import { DropDownButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
+import * as i1$2 from '@angular/router';
+import * as i1$3 from 'angular-svg-icon';
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import * as i3$2 from '@syncfusion/ej2-angular-buttons';
+import { SwitchModule, CheckBoxModule, RadioButtonModule, ButtonModule } from '@syncfusion/ej2-angular-buttons';
+import { HttpClientModule } from '@angular/common/http';
+import { DiagramModule } from '@syncfusion/ej2-angular-diagrams';
+import { TooltipModule, DialogModule } from '@syncfusion/ej2-angular-popups';
+import { DatePickerModule, DateRangePickerModule, DateTimePickerModule } from '@syncfusion/ej2-angular-calendars';
+import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompleteModule, ListBoxModule } from '@syncfusion/ej2-angular-dropdowns';
+import { PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
+import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
+import { CarouselAllModule, ToolbarModule } from '@syncfusion/ej2-angular-navigations';
+import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
+import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
+
+class CommonGridComponent {
+    ref;
+    grid;
+    showCheckBox = true;
+    loaded = true;
+    hiddenLoaded = false;
+    authorized = true; // Dataset是否授权，未授权则显示权限错误提示
+    // only use for local data pagination
+    selectedDiffKey = '';
+    gridHeight = '';
+    // 这玩意必填，不然filter columnChooser都会报错
+    gridId = 'grid';
+    resizeSettings = { mode: 'Auto' };
+    filterSettings = { type: 'Menu' };
+    template;
+    fields = [];
+    dataSource = [];
+    editSettings;
+    columnTemplate;
+    pageSettings;
+    allowPaging = true;
+    clipMode = 'EllipsisWithTooltip';
+    checkBoxWidth = 32; // col 数量过少的时候，check宽度会拉伸，这时候设置null
+    childGrid;
+    /**
+       * Sample: [
+              {
+                  text: "Preview",
+                  target: ".e-content",
+                  id: "preview-icon",
+                  iconCss: "preview",
+              },
+              {
+                  text: "Download",
+                  target: ".e-content",
+                  id: "download-icon",
+                  iconCss: "download",
+              }
+          ]
+          用于定义row中 点击事件
+       */
+    contextMenuItems = [];
+    // @Input() selectionSettings = { checkboxOnly: true, type: "Multiple" };
+    selectionSettings = {
+        type: 'Multiple',
+        // persistSelection: true,
+        checkboxOnly: true,
+    };
+    alwaysShowCheckbox = false;
+    defaultRecord;
+    disableSystemRow = false; // 禁用IsSytem = true的整行
+    recordDoubleClick = new EventEmitter();
+    actionComplete = new EventEmitter();
+    rowSelected = new EventEmitter();
+    rowDeselected = new EventEmitter();
+    onContextMenu = new EventEmitter();
+    actionHandler = new EventEmitter();
+    queryCellInfo = new EventEmitter();
+    recordClick = new EventEmitter();
+    actionBegin = new EventEmitter();
+    rowDataBound = new EventEmitter();
+    dataBound = new EventEmitter();
+    exportQueryCellInfo = new EventEmitter();
+    rowSelecting = new EventEmitter();
+    selectId = [];
+    startPaging = false;
+    indexList = [];
+    className = 'grid-loading';
+    translation;
+    constructor(ref) {
+        this.ref = ref;
+        this.translation = JSON.parse(localStorage.getItem('translation'));
+    }
+    ngOnInit() {
+        if (this.hiddenLoaded)
+            this.className = '';
+        this.ref && this.ref.markForCheck();
+    }
+    trackByFn(index, item) {
+        return index; // or a unique identifier in your object
+    }
+    ngOnChanges(changes) {
+        if (changes.dataSource && changes.dataSource.currentValue) {
+            if (this.allowPaging &&
+                changes.dataSource.currentValue.length &&
+                !this.pageSettings) {
+                this.pageSettings =
+                    changes.dataSource.currentValue.length > 9
+                        ? {
+                            pageSizes: ['All', '25', '50', '100'],
+                            pageSize: 50,
+                        }
+                        : null;
+            }
+        }
+    }
+    _load() {
+        if (!this.authorized) {
+            this.grid.localeObj.localeStrings.EmptyRecord =
+                this.translation.YOU_DO_NOT_HAVE_THE_DATASET_PERMISSION ||
+                    "You don't have the dataset permission to view the record.";
+        }
+    }
+    _dataBound(args) {
+        // 整个组件加载完成时的回调函数
+        var pagerContainer = document.querySelector('.e-pagercontainer');
+        if (pagerContainer) {
+            var linkElements = pagerContainer.querySelectorAll('.e-link');
+            linkElements.forEach(function (element) {
+                element.removeAttribute('href'); // SMP2-10310 删除分页器的href属性
+            });
+        }
+        if (this.selectedDiffKey) {
+            setTimeout(() => {
+                this.chooseRecords();
+            });
+        }
+        this.dataBound.emit(args);
+    }
+    _exportQueryCellInfo(args) {
+        this.exportQueryCellInfo.emit(args);
+    }
+    _recordDoubleClick($event) {
+        this.recordDoubleClick.emit($event);
+    }
+    /**
+       * [selectionSettings]="{ checkboxOnly: true }"
+         [showCheckBox]="true"
+         控件使用时，必须配置上面两个属性，否则，全选会失效
+       */
+    _rowSelected($event) {
+        if (this.selectedDiffKey) {
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                if ($event.data && $event.data.length) {
+                    $event.data.forEach((item) => {
+                        item.isSelected = true;
+                        this.selectId.push(item);
+                    });
+                    this.dataSource.forEach((data) => {
+                        $event.data.forEach((_data) => {
+                            if (_data[this.selectedDiffKey] === data[this.selectedDiffKey]) {
+                                data.isSelected = true;
+                            }
+                        });
+                    });
+                }
+            }
+            else {
+                $event.data.isSelected = true;
+                this.selectId.push($event.data);
+                this.dataSource.forEach((data) => {
+                    if (data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]) {
+                        data.isSelected = true;
+                    }
+                });
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowSelected.emit($event);
+    }
+    _rowDeselected($event) {
+        if (this.selectedDiffKey) {
+            if (this.startPaging) {
+                return;
+            }
+            if ($event.isHeaderCheckboxClicked && Array.isArray($event.data)) {
+                $event.data.forEach((item) => {
+                    item.isSelected = false;
+                });
+                this.selectId = [];
+                this.dataSource.forEach((data) => {
+                    $event.data.forEach((_data) => {
+                        if (_data[this.selectedDiffKey] === data[this.selectedDiffKey]) {
+                            data.isSelected = false;
+                        }
+                    });
+                });
+            }
+            else {
+                $event.data.isSelected = false;
+                this.selectId = this.selectId.filter((item) => item[this.selectedDiffKey] !== $event.data[this.selectedDiffKey]);
+                this.dataSource.forEach((data) => {
+                    if (data[this.selectedDiffKey] === $event.data[this.selectedDiffKey]) {
+                        data.isSelected = false;
+                    }
+                });
+            }
+            this.ref && this.ref.markForCheck();
+        }
+        this.rowDeselected.emit($event);
+    }
+    _onContextMenu(args) {
+        this.onContextMenu.emit(args);
+    }
+    _actionBegin(args) {
+        if (this.selectedDiffKey &&
+            (args.requestType === 'paging' ||
+                args.requestType === 'searching' ||
+                args.requestType === 'filtering' ||
+                args.requestType === 'sorting')) {
+            this.startPaging = true;
+        }
+        this.actionBegin.emit(args);
+    }
+    search(keywords) {
+        this.grid.search(keywords);
+    }
+    selectRows(indexList) {
+        this.grid.selectRows(indexList);
+    }
+    selectRow(index) {
+        this.grid.selectRow(index);
+    }
+    getCurrentViewRecords() {
+        return this.grid.getCurrentViewRecords();
+    }
+    customiseCell($event) {
+        this.queryCellInfo.emit($event);
+    }
+    contextMenuOpen(args) {
+        const data = args.rowInfo.rowData;
+        if (!data) {
+            args.cancel = true;
+            return;
+        }
+        let enableItems = [];
+        let hideItems = [];
+        this.grid.contextMenuModule.contextMenu.refresh(); // 每次点击按钮弹窗前需再次初始化状态 否则不更新；
+        this.contextMenuItems.forEach((item) => {
+            // 用于处理部分按钮disabled的情况
+            if (item.disabled ||
+                (data.disableItem && data.disableItem.includes(item.iconCss))) {
+                enableItems.push(item.text);
+                // this.grid.contextMenuModule.contextMenu.enableItems(
+                // 	[item.text],
+                // 	false
+                // );
+            }
+            // 用于处理部分按钮需要hide的情况
+            if (item.isHide ||
+                (data.hideItem && data.hideItem.includes(item.iconCss))) {
+                hideItems.push(item.text);
+                // this.grid.contextMenuModule.contextMenu.hideItems(
+                // 	[item.text],
+                // 	false
+                // );
+            }
+        });
+        this.grid.contextMenuModule.contextMenu.enableItems(enableItems, false);
+        this.grid.contextMenuModule.contextMenu.hideItems(hideItems, false);
+    }
+    _actionHandler($event) {
+        if (this.selectedDiffKey &&
+            ($event.requestType === 'paging' ||
+                $event.requestType === 'searching' ||
+                $event.requestType === 'filtering' ||
+                $event.requestType === 'sorting')) {
+            this.indexList = [];
+            setTimeout(() => {
+                this.chooseRecords();
+                this.startPaging = false;
+                this.ref && this.ref.detectChanges();
+                this.ref && this.ref.markForCheck();
+            });
+        }
+        this.actionHandler.emit($event);
+        this.actionComplete.emit($event);
+    }
+    chooseRecords() {
+        this.indexList = [];
+        this.dataSource.forEach((data) => {
+            this.grid.getCurrentViewRecords().forEach((row, i) => {
+                if (row &&
+                    data[this.selectedDiffKey] === row[this.selectedDiffKey] &&
+                    data.isSelected) {
+                    this.indexList.push(i);
+                }
+            });
+        });
+        this.grid.selectRows(this.indexList);
+    }
+    _recordClick($event) {
+        this.recordClick.emit($event);
+    }
+    refresh() {
+        this.grid.refresh();
+    }
+    _rowSelecting(e) {
+        this.rowSelecting.emit(e);
+    }
+    refreshColumns() {
+        this.grid.refreshColumns();
+    }
+    refreshHeader() {
+        this.grid.refreshHeader();
+    }
+    export(excelExportProperties) {
+        this.grid.excelExport(excelExportProperties);
+    }
+    getSelectedRecords() {
+        return this.grid.getSelectedRecords();
+    }
+    _rowDataBound($event) {
+        if (this.disableSystemRow && $event.data && $event.data.IsSystem) {
+            $event.row.classList.add('e-disabled');
+        }
+        this.rowDataBound.emit($event);
+    }
+    clearSelection() {
+        this.grid.clearSelection();
+    }
+    excelExport() {
+        this.grid.excelExport();
+    }
+    addItem() {
+        this.grid.addRecord({ ...this.defaultRecord, isNew: true }, 0);
+        setTimeout(() => {
+            this.grid.selectRow(0);
+            this.grid.startEdit();
+        }, 30);
+    }
+    saveItem() {
+        this.grid.endEdit();
+    }
+    editItem(index) {
+        setTimeout(() => {
+            this.grid.selectRow(Number(index));
+            this.grid.startEdit();
+        }, 30);
+    }
+    deleteItem(index) {
+        this.grid.selectRow(Number(index));
+        var selectedRecord = this.grid.getSelectedRecords()[0];
+        this.grid.deleteRecord(selectedRecord);
+    }
+    cancelItem(index) {
+        this.grid.closeEdit();
+        this.deleteItem(index);
+    }
+    showLoading() {
+        this.className = 'grid-loading';
+        this.ref && this.ref.markForCheck();
+        this.ref && this.ref.detectChanges();
+    }
+    hideLoading() {
+        this.className = '';
+        this.ref && this.ref.markForCheck();
+        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" }] });
+}
+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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { grid: [{
+                type: ViewChild,
+                args: ['grid', { static: false }]
+            }], showCheckBox: [{
+                type: Input
+            }], loaded: [{
+                type: Input
+            }], hiddenLoaded: [{
+                type: Input
+            }], authorized: [{
+                type: Input
+            }], selectedDiffKey: [{
+                type: Input
+            }], gridHeight: [{
+                type: Input
+            }], gridId: [{
+                type: Input
+            }], resizeSettings: [{
+                type: Input
+            }], filterSettings: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], editSettings: [{
+                type: Input
+            }], columnTemplate: [{
+                type: Input
+            }], pageSettings: [{
+                type: Input
+            }], allowPaging: [{
+                type: Input
+            }], clipMode: [{
+                type: Input
+            }], checkBoxWidth: [{
+                type: Input
+            }], childGrid: [{
+                type: Input
+            }], contextMenuItems: [{
+                type: Input
+            }], selectionSettings: [{
+                type: Input
+            }], alwaysShowCheckbox: [{
+                type: Input
+            }], defaultRecord: [{
+                type: Input
+            }], disableSystemRow: [{
+                type: Input
+            }], recordDoubleClick: [{
+                type: Output
+            }], actionComplete: [{
+                type: Output
+            }], rowSelected: [{
+                type: Output
+            }], rowDeselected: [{
+                type: Output
+            }], onContextMenu: [{
+                type: Output
+            }], actionHandler: [{
+                type: Output
+            }], queryCellInfo: [{
+                type: Output
+            }], recordClick: [{
+                type: Output
+            }], actionBegin: [{
+                type: Output
+            }], rowDataBound: [{
+                type: Output
+            }], dataBound: [{
+                type: Output
+            }], exportQueryCellInfo: [{
+                type: Output
+            }], rowSelecting: [{
+                type: Output
+            }] } });
+
+class FloatBoxComponent {
+    ref;
+    _placement;
+    _position;
+    _trigger = "hover";
+    _animation = "no";
+    _fixed = "no";
+    get placement() {
+        if (["top", "left", "right", "bottom"].includes(this._placement)) {
+            return this._placement;
+        }
+        return "bottom";
+    }
+    get position() {
+        if (["start", "center", "end"].includes(this._position)) {
+            return this._position;
+        }
+        return "center";
+    }
+    get trigger() {
+        if (this._trigger === "click") {
+            return "click";
+        }
+        return "hover";
+    }
+    get animation() {
+        if (this._animation === "yes") {
+            return "yes";
+        }
+        return "no";
+    }
+    get fixed() {
+        if (this._fixed === "yes") {
+            return "yes";
+        }
+        return "no";
+    }
+    openChange = new EventEmitter();
+    rootElement;
+    contentElement;
+    constructor(ref) {
+        this.ref = ref;
+    }
+    ngAfterViewInit() {
+        this.fixedContainerEl = this.getFixedContainer();
+        if (this.fixed === "yes") {
+            this.fixedContainerEl.append(this.contentElement.nativeElement);
+        }
+    }
+    ngOnDestroy() {
+        this.contentElement.nativeElement.remove();
+    }
+    FIXED_CONTAINER_ID = "kt-float-box-fixed-container";
+    fixedContainerEl;
+    getFixedContainer() {
+        let containerElement = document.getElementById(this.FIXED_CONTAINER_ID);
+        if (!containerElement) {
+            containerElement = document.createElement("div");
+            containerElement.setAttribute("id", this.FIXED_CONTAINER_ID);
+            document.body.append(containerElement);
+        }
+        return containerElement;
+    }
+    setFixedContentPosition() {
+        if (this.fixed === "no") {
+            return;
+        }
+        const { top: y, left: x, width, height, } = this.rootElement.nativeElement.getBoundingClientRect();
+        let top = "0";
+        let left = "0";
+        let translateX = "0";
+        let translateY = "0";
+        switch (this.placement + "_" + this.position) {
+            case "top_start":
+                top = y + "px";
+                left = x - 8 + "px";
+                translateY = "-100%";
+                break;
+            case "top_center":
+                top = y + "px";
+                left = x + width / 2 + "px";
+                translateX = "-50%";
+                translateY = "-100%";
+                break;
+            case "top_end":
+                top = y + "px";
+                left = x + width + 8 + "px";
+                translateX = "-100%";
+                translateY = "-100%";
+                break;
+            case "left_start":
+                top = y - 8 + "px";
+                left = x + "px";
+                translateX = "-100%";
+                break;
+            case "left_center":
+                top = y + height / 2 + "px";
+                left = x + "px";
+                translateX = "-100%";
+                translateY = "-50%";
+                break;
+            case "left_end":
+                top = y + height + 8 + "px";
+                left = x + "px";
+                translateX = "-100%";
+                translateY = "-100%";
+                break;
+            case "right_start":
+                top = y - 8 + "px";
+                left = x + width + "px";
+                break;
+            case "right_center":
+                top = y + height / 2 + "px";
+                left = x + width + "px";
+                translateY = "-50%";
+                break;
+            case "right_end":
+                top = y + height + 8 + "px";
+                left = x + width + "px";
+                translateY = "-100%";
+                break;
+            case "bottom_start":
+                top = y + height + "px";
+                left = x - 8 + "px";
+                break;
+            case "bottom_center":
+                top = y + height + "px";
+                left = x + width / 2 + "px";
+                translateX = "-50%";
+                break;
+            case "bottom_end":
+                top = y + height + "px";
+                left = x + width + 8 + "px";
+                translateX = "-100%";
+                break;
+        }
+        this.contentElement.nativeElement.style.top = top;
+        this.contentElement.nativeElement.style.left = left;
+        this.contentElement.nativeElement.style.transform = `translate(${translateX}, ${translateY})`;
+    }
+    opened = "no";
+    onClickContainer() {
+        if (this.trigger !== "click") {
+            return;
+        }
+        this.opened = "yes";
+        this.openChange.emit(true);
+        this.setFixedContentPosition();
+        window.addEventListener("click", this.onClickOutside);
+    }
+    onClickOutside = (event) => {
+        if (!this.rootElement.nativeElement.contains(event.target) &&
+            !this.fixedContainerEl.contains(event.target)) {
+            this.opened = "no";
+            this.openChange.emit(false);
+            window.removeEventListener("click", this.onClickOutside);
+            this.ref.markForCheck();
+        }
+    };
+    onMouseEnter() {
+        if (this.fixed === "no" || this.trigger !== "hover") {
+            return;
+        }
+        this.opened = "yes";
+        this.openChange.emit(true);
+        this.setFixedContentPosition();
+        window.addEventListener("mousemove", this.onMoveOutside);
+    }
+    onMoveOutside = (event) => {
+        if (!this.rootElement.nativeElement.contains(event.target) &&
+            !this.contentElement.nativeElement.contains(event.target)) {
+            this.opened = "no";
+            this.openChange.emit(false);
+            window.removeEventListener("click", this.onMoveOutside);
+            this.ref.markForCheck();
+        }
+    };
+    close() {
+        setTimeout(() => {
+            this.opened = "no";
+            this.openChange.emit(false);
+        }, 0);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FloatBoxComponent, selector: "rs-float-box", inputs: { _placement: ["placement", "_placement"], _position: ["position", "_position"], _trigger: ["trigger", "_trigger"], _animation: ["animation", "_animation"], _fixed: ["fixed", "_fixed"] }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "rootElement", first: true, predicate: ["element"], descendants: true }, { propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<div\r\n  #element\r\n  class=\"float-box-container\"\r\n  [attr.data-trigger]=\"trigger\"\r\n  (click)=\"onClickContainer()\"\r\n  (mouseenter)=\"onMouseEnter()\"\r\n>\r\n  <ng-content></ng-content>\r\n  <div\r\n    #content\r\n    class=\"float-box-content\"\r\n    [attr.data-placement]=\"placement\"\r\n    [attr.data-position]=\"position\"\r\n    [attr.data-animation]=\"animation\"\r\n    [attr.data-fixed]=\"fixed\"\r\n    [attr.data-opened]=\"opened\"\r\n  >\r\n    <div class=\"float-box-show-content\">\r\n      <ng-content select=\"[float-content]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".float-box-container{position:relative}.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content,.float-box-container[data-trigger=click]>.float-box-content[data-opened=no]{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top: 0;--left: 0;--translate-x: 0;--translate-y: 0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{animation:ease-in-out .25s}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start]{--left: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center]{--left: 50%;--translate-x: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end]{--left: calc(100% + 8px) ;--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top: 50%;--translate-y: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top: calc(100% + 8px) ;--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{animation-name:open-from-top}@keyframes open-from-top{0%{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{0%{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px #00000040}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FloatBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-float-box", template: "<div\r\n  #element\r\n  class=\"float-box-container\"\r\n  [attr.data-trigger]=\"trigger\"\r\n  (click)=\"onClickContainer()\"\r\n  (mouseenter)=\"onMouseEnter()\"\r\n>\r\n  <ng-content></ng-content>\r\n  <div\r\n    #content\r\n    class=\"float-box-content\"\r\n    [attr.data-placement]=\"placement\"\r\n    [attr.data-position]=\"position\"\r\n    [attr.data-animation]=\"animation\"\r\n    [attr.data-fixed]=\"fixed\"\r\n    [attr.data-opened]=\"opened\"\r\n  >\r\n    <div class=\"float-box-show-content\">\r\n      <ng-content select=\"[float-content]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".float-box-container{position:relative}.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content,.float-box-container[data-trigger=click]>.float-box-content[data-opened=no]{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top: 0;--left: 0;--translate-x: 0;--translate-y: 0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{animation:ease-in-out .25s}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top: 100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start]{--left: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center]{--left: 50%;--translate-x: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end]{--left: calc(100% + 8px) ;--translate-x: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top: -8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top: 50%;--translate-y: -50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top: calc(100% + 8px) ;--translate-y: -100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{animation-name:open-from-top}@keyframes open-from-top{0%{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{0%{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px #00000040}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _placement: [{
+                type: Input,
+                args: ["placement"]
+            }], _position: [{
+                type: Input,
+                args: ["position"]
+            }], _trigger: [{
+                type: Input,
+                args: ["trigger"]
+            }], _animation: [{
+                type: Input,
+                args: ["animation"]
+            }], _fixed: [{
+                type: Input,
+                args: ["fixed"]
+            }], openChange: [{
+                type: Output,
+                args: ["openChange"]
+            }], rootElement: [{
+                type: ViewChild,
+                args: ["element", { static: false }]
+            }], contentElement: [{
+                type: ViewChild,
+                args: ["content", { static: false }]
+            }] } });
+
+// 组件类
+class CommonListComponent {
+    gridContent;
+    pageTitle;
+    customPageTitle = false;
+    isInner = false;
+    debouncedInput;
+    ngOnInit() {
+        this.debouncedInput = debounce(() => {
+            this.onSeach();
+        }, 300);
+    }
+    searchValue;
+    onSeach() {
+        this.gridContent.grid.search(this.searchValue);
+    }
+    onInput() {
+        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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.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"] }]
+        }], propDecorators: { gridContent: [{
+                type: ContentChild,
+                args: [CommonGridComponent, { static: true }]
+            }], pageTitle: [{
+                type: Input
+            }], customPageTitle: [{
+                type: Input
+            }], isInner: [{
+                type: Input
+            }] } });
+
+// 组件类
+class RSFooterComponent {
+    today = new Date();
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RSFooterComponent, selector: "rs-footer", ngImport: i0, template: "<div class=\"rs-footer\">\r\n  <span>\r\n    RAISE<sup>&reg;</sup>\u00A0\u00A9\u00A0\r\n    {{ today | date : \"yyyy\" }}\r\n    Linnovate Partners</span\r\n  >\r\n</div>\r\n", styles: [".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px}\n"], dependencies: [{ kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-footer', template: "<div class=\"rs-footer\">\r\n  <span>\r\n    RAISE<sup>&reg;</sup>\u00A0\u00A9\u00A0\r\n    {{ today | date : \"yyyy\" }}\r\n    Linnovate Partners</span\r\n  >\r\n</div>\r\n", styles: [".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px}\n"] }]
+        }] });
+
+// 组件类
+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: 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"] }]
+        }], propDecorators: { isCollapsed: [{
+                type: Input
+            }] } });
+
+// 组件类
+class RSHeaderComponent {
+    toggleMenu = new EventEmitter();
+    lastLoginTime = new Date();
+    translation;
+    ngOnInit() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+    }
+    isCollapsed = false;
+    onToggleMenu() {
+        this.isCollapsed = !this.isCollapsed;
+        this.toggleMenu.emit(this.isCollapsed);
+    }
+    langOptions = [
+        {
+            value: 1,
+            text: "English",
+        },
+        {
+            value: 2,
+            text: "繁體中文",
+        },
+        {
+            value: 3,
+            text: "简体中文",
+        },
+    ];
+    currentLang = this.langOptions[0];
+    selectLanguage(event) {
+        this.currentLang = this.langOptions.find((item) => item.text === event.item.text);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RSHeaderComponent, selector: "rs-header", inputs: { lastLoginTime: "lastLoginTime" }, outputs: { toggleMenu: "toggleMenu" }, ngImport: i0, template: "<div class=\"rs-header\">\r\n  <div class=\"logo-wrap\">\r\n    <div class=\"toggle-menu-wrap\">\r\n      <img\r\n        class=\"toggle-menu\"\r\n        src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n        (click)=\"onToggleMenu()\"\r\n      />\r\n    </div>\r\n    <img\r\n      class=\"logo\"\r\n      src=\"../../../assets/img/raise_logo_main.svg\"\r\n      alt=\"logo\"\r\n    />\r\n  </div>\r\n  <div class=\"bread-crumbs-wrap\">\r\n    <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-toolbar-wrap\">\r\n    <div class=\"group\">\r\n      <ng-content select=\"[toolbar]\"></ng-content>\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"langulage-wrap\">\r\n      <button\r\n        class=\"e-btn text\"\r\n        ejs-dropdownbutton\r\n        [items]=\"langOptions\"\r\n        (select)=\"selectLanguage($event)\"\r\n      >\r\n        {{currentLang.text}}\r\n      </button>\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"last-login-wrap\">\r\n      {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n      {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"user-info-wrap\">\r\n      <ng-content select=\"[userInfo]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .rs-toolbar-wrap{display:flex;align-items:center}.rs-header .rs-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}\n"], dependencies: [{ kind: "component", type: i1$1.DropDownButtonComponent, selector: "[ejs-dropdownbutton]", inputs: ["closeActionEvents", "content", "createPopupOnClick", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "iconCss", "iconPosition", "items", "locale", "target"], outputs: ["beforeClose", "beforeItemRender", "beforeOpen", "close", "created", "open", "select"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-header", template: "<div class=\"rs-header\">\r\n  <div class=\"logo-wrap\">\r\n    <div class=\"toggle-menu-wrap\">\r\n      <img\r\n        class=\"toggle-menu\"\r\n        src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n        (click)=\"onToggleMenu()\"\r\n      />\r\n    </div>\r\n    <img\r\n      class=\"logo\"\r\n      src=\"../../../assets/img/raise_logo_main.svg\"\r\n      alt=\"logo\"\r\n    />\r\n  </div>\r\n  <div class=\"bread-crumbs-wrap\">\r\n    <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-toolbar-wrap\">\r\n    <div class=\"group\">\r\n      <ng-content select=\"[toolbar]\"></ng-content>\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"langulage-wrap\">\r\n      <button\r\n        class=\"e-btn text\"\r\n        ejs-dropdownbutton\r\n        [items]=\"langOptions\"\r\n        (select)=\"selectLanguage($event)\"\r\n      >\r\n        {{currentLang.text}}\r\n      </button>\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"last-login-wrap\">\r\n      {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n      {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n    </div>\r\n    <div class=\"line\"></div>\r\n    <div class=\"user-info-wrap\">\r\n      <ng-content select=\"[userInfo]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .rs-toolbar-wrap{display:flex;align-items:center}.rs-header .rs-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}\n"] }]
+        }], propDecorators: { toggleMenu: [{
+                type: Output
+            }], lastLoginTime: [{
+                type: Input
+            }] } });
+
+// 组件类
+class RSAsideComponent {
+    router;
+    constructor(router) {
+        this.router = router;
+    }
+    isCollapsed = false; // 接收输入属性
+    navList = [];
+    ngOnInit() { }
+    currentNav = null;
+    onNavClick(item) {
+        this.currentNav = item.title;
+        this.router.navigate([item.url]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSAsideComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RSAsideComponent, selector: "rs-aside", inputs: { isCollapsed: "isCollapsed", navList: "navList" }, ngImport: i0, template: "<div class=\"rs-aside\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-item\"\r\n      [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n      *ngFor=\"let nav of navList\"\r\n      (click)=\"onNavClick(nav)\"\r\n    >\r\n      <div class=\"nav-item-inner\">\r\n        <div\r\n          class=\"icon-wrap\"\r\n          [ngStyle]=\"{\r\n            stroke: currentNav === nav.title ? '#44566c' : '#6c7c90',\r\n            fill: currentNav === nav.title ? '#44566c' : '#6c7c90'\r\n          }\"\r\n        >\r\n          <svg-icon\r\n            [name]=\"nav.icon\"\r\n            [svgStyle]=\"{\r\n              'width.px': 16,\r\n              'height.px': 16\r\n            }\"\r\n          ></svg-icon>\r\n        </div>\r\n        <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n          nav.title\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".rs-aside{display:flex;flex-direction:column;height:100%}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:#1f7bff0a}.rs-aside .nav-list .nav-item .icon-wrap{width:33px;height:16px}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent:before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap{width:24px;height:24px;border-radius:12px;border:1px solid #eaedf0;display:flex;justify-content:center;align-items:center;background-color:#fff;stroke:#6c7c90;fill:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap:not(.disabled){cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap:not(.disabled):hover{stroke:var(--rs-active-color);fill:var(--rs-active-color)}\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1$3.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RSAsideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-aside", template: "<div class=\"rs-aside\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-item\"\r\n      [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n      *ngFor=\"let nav of navList\"\r\n      (click)=\"onNavClick(nav)\"\r\n    >\r\n      <div class=\"nav-item-inner\">\r\n        <div\r\n          class=\"icon-wrap\"\r\n          [ngStyle]=\"{\r\n            stroke: currentNav === nav.title ? '#44566c' : '#6c7c90',\r\n            fill: currentNav === nav.title ? '#44566c' : '#6c7c90'\r\n          }\"\r\n        >\r\n          <svg-icon\r\n            [name]=\"nav.icon\"\r\n            [svgStyle]=\"{\r\n              'width.px': 16,\r\n              'height.px': 16\r\n            }\"\r\n          ></svg-icon>\r\n        </div>\r\n        <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n          nav.title\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".rs-aside{display:flex;flex-direction:column;height:100%}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:#1f7bff0a}.rs-aside .nav-list .nav-item .icon-wrap{width:33px;height:16px}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:all .3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent:before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap{width:24px;height:24px;border-radius:12px;border:1px solid #eaedf0;display:flex;justify-content:center;align-items:center;background-color:#fff;stroke:#6c7c90;fill:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap:not(.disabled){cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .icon-wrap:not(.disabled):hover{stroke:var(--rs-active-color);fill:var(--rs-active-color)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$2.Router }]; }, propDecorators: { isCollapsed: [{
+                type: Input
+            }], navList: [{
+                type: Input
+            }] } });
+
+// 组件类
+class TagInputComponent {
+    value = [];
+    fields;
+    disabled = false;
+    error = false;
+    inputMinlength = 3;
+    inputMaxlength = 30;
+    valueChange = new EventEmitter();
+    ngOnInit() {
+    }
+    onRemoveTag(tag) {
+        const tagsList = this.value.filter((i) => i !== tag);
+        this.valueChange.emit(tagsList);
+    }
+    onAddTag(event) {
+        const inputValue = event.target.value;
+        if (inputValue && this.verifyInputValue(inputValue)) {
+            this.valueChange.emit([...this.value, inputValue]);
+            event.target.value = "";
+        }
+    }
+    inputError = false;
+    verifyInputValue(inputValue) {
+        this.inputError = false;
+        const inputValueLength = inputValue.length;
+        if (this.value.includes(inputValue) ||
+            inputValueLength > this.inputMaxlength ||
+            inputValueLength < this.inputMinlength) {
+            this.inputError = true;
+            return false;
+        }
+        return true;
+    }
+    onInput() {
+        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"] }] });
+}
+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"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], inputMinlength: [{
+                type: Input
+            }], inputMaxlength: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+// 组件类
+class RadioGroupComponent {
+    value;
+    dataSource = [];
+    orientation = 'horizontal';
+    fields = { text: 'text', value: 'value', disabled: 'disabled' };
+    disabled = false;
+    error = false;
+    valueChange = new EventEmitter();
+    ngOnInit() {
+    }
+    onChange(event) {
+        const value = event.value;
+        this.valueChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioGroupComponent, selector: "rs-radio-group", inputs: { value: "value", dataSource: "dataSource", orientation: "orientation", fields: "fields", disabled: "disabled", error: "error" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"radio-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <div class=\"radio-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-radiobutton\r\n      [label]=\"option[fields.text]\"\r\n      [(ngModel)]=\"value\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      (change)=\"onChange($event)\"\r\n    ></ejs-radiobutton>\r\n  </div>\r\n</div>\r\n", styles: [".radio-group{display:flex;padding-left:4px}.radio-group.horizontal{flex-direction:row;gap:35px}.radio-group.vertical{flex-direction:column;gap:14px}.radio-group .radio-item .e-radio:disabled+label:before{border-color:#d1d1d180;background-color:#eaedf059}.radio-group .radio-item .e-radio:checked+label:before{background-color:var(--rs-active-color);border-color:var(--rs-active-color);box-shadow:none}.radio-group .radio-item .e-radio:checked+label:after{content:\"\"!important;display:block;width:11px;height:8px;background-image:url(/assets/img/checked-vector.svg);background-size:cover;background-position:center;background-color:transparent;transform:scale(1);left:2px;top:3px;border:0;border-radius:0}.radio-group .radio-item .e-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);font-weight:400;line-height: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: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.RadioButtonComponent, selector: "ejs-radiobutton", inputs: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "htmlAttributes", "label", "labelPosition", "locale", "name", "value"], outputs: ["focus", "blur", "change", "created", "valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-radio-group", template: "<div class=\"radio-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <div class=\"radio-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-radiobutton\r\n      [label]=\"option[fields.text]\"\r\n      [(ngModel)]=\"value\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      (change)=\"onChange($event)\"\r\n    ></ejs-radiobutton>\r\n  </div>\r\n</div>\r\n", styles: [".radio-group{display:flex;padding-left:4px}.radio-group.horizontal{flex-direction:row;gap:35px}.radio-group.vertical{flex-direction:column;gap:14px}.radio-group .radio-item .e-radio:disabled+label:before{border-color:#d1d1d180;background-color:#eaedf059}.radio-group .radio-item .e-radio:checked+label:before{background-color:var(--rs-active-color);border-color:var(--rs-active-color);box-shadow:none}.radio-group .radio-item .e-radio:checked+label:after{content:\"\"!important;display:block;width:11px;height:8px;background-image:url(/assets/img/checked-vector.svg);background-size:cover;background-position:center;background-color:transparent;transform:scale(1);left:2px;top:3px;border:0;border-radius:0}.radio-group .radio-item .e-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);font-weight:400;line-height:14px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+// 组件类
+class CheckboxGroupComponent {
+    ref;
+    constructor(ref) {
+        this.ref = ref;
+    }
+    name; // 分组凭证
+    value = [];
+    dataSource = [];
+    orientation = "horizontal";
+    fields = { text: "text", value: "value", disabled: "disabled" };
+    disabled = false;
+    error = false;
+    valueChange = new EventEmitter();
+    ngOnInit() {
+        console.log('first', this.value);
+    }
+    onChange(event, option) {
+        const originalValue = this.value;
+        let result;
+        if (event.checked) {
+            result = [...originalValue, option[this.fields.value]];
+        }
+        else {
+            result = originalValue.filter((val) => val !== option[this.fields.value]);
+        }
+        this.valueChange.emit(result);
+        this.ref.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxGroupComponent, selector: "rs-checkbox-group", inputs: { name: "name", value: "value", dataSource: "dataSource", orientation: "orientation", fields: "fields", disabled: "disabled", error: "error" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-checkbox\r\n      [name]=\"name\"\r\n      [label]=\"option[fields.text]\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      [checked]=\"value.includes(option[fields.value])\"\r\n      (change)=\"onChange($event, option)\"\r\n    ></ejs-checkbox>\r\n  </div>\r\n</div>\r\n", styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:14px}.checkbox-group .checkbox-item .e-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);font-weight:400;line-height:14px}.checkbox-group .checkbox-item .e-checkbox-wrapper.e-checkbox-disabled .e-icons{border-color:#d1d1d180;background-color:#eaedf059}.checkbox-group .checkbox-item .e-icons{box-shadow:none!important}.checkbox-group .checkbox-item .e-icons.e-check{background-color:var(--rs-active-color);border-color:var(--rs-active-color)}.checkbox-group .checkbox-item .e-icons.e-check:before{content:\"\"!important;display:block;width:11px;height:8px;background-image:url(/assets/img/checked-vector.svg);background-size:cover;background-position:center;background-color:transparent;margin:2px auto}\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: "component", type: i3$2.CheckBoxComponent, selector: "ejs-checkbox", inputs: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "htmlAttributes", "indeterminate", "label", "labelPosition", "locale", "name", "value"], outputs: ["focus", "blur", "change", "created", "checkedChange", "indeterminateChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-checkbox-group", template: "<div class=\"checkbox-group\" [ngClass]=\"[orientation, error ? 'error' : '']\">\r\n  <div class=\"checkbox-item\" *ngFor=\"let option of dataSource\">\r\n    <ejs-checkbox\r\n      [name]=\"name\"\r\n      [label]=\"option[fields.text]\"\r\n      [value]=\"option[fields.value]\"\r\n      [disabled]=\"option[fields.disabled] || disabled\"\r\n      [checked]=\"value.includes(option[fields.value])\"\r\n      (change)=\"onChange($event, option)\"\r\n    ></ejs-checkbox>\r\n  </div>\r\n</div>\r\n", styles: [".checkbox-group{display:flex;padding-left:4px}.checkbox-group.horizontal{flex-direction:row;gap:35px}.checkbox-group.vertical{flex-direction:column;gap:14px}.checkbox-group .checkbox-item .e-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);font-weight:400;line-height:14px}.checkbox-group .checkbox-item .e-checkbox-wrapper.e-checkbox-disabled .e-icons{border-color:#d1d1d180;background-color:#eaedf059}.checkbox-group .checkbox-item .e-icons{box-shadow:none!important}.checkbox-group .checkbox-item .e-icons.e-check{background-color:var(--rs-active-color);border-color:var(--rs-active-color)}.checkbox-group .checkbox-item .e-icons.e-check:before{content:\"\"!important;display:block;width:11px;height:8px;background-image:url(/assets/img/checked-vector.svg);background-size:cover;background-position:center;background-color:transparent;margin:2px auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+// 组件类
+class SwitchInputComponent {
+    value;
+    text;
+    orientation = 'front';
+    disabled = false;
+    error = false;
+    valueChange = new EventEmitter();
+    ngOnInit() { }
+    onChange(event) {
+        const value = event.checked;
+        this.valueChange.emit(value);
+    }
+    onClick() {
+        const value = !this.value;
+        this.valueChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SwitchInputComponent, selector: "rs-switch-input", inputs: { value: "value", text: "text", orientation: "orientation", disabled: "disabled", error: "error" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"rs-switch\" [ngClass]=\"[orientation, error ? 'error' : '', disabled ? 'disabled' : '']\">\r\n  <label class=\"switch-label\" (click)=\"onClick()\"> {{ text }} </label>\r\n  <ejs-switch\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    (change)=\"onChange($event)\"\r\n  ></ejs-switch>\r\n</div>\r\n", styles: [".rs-switch{display:flex;align-items:center;gap:8px}.rs-switch.behind{flex-direction:row-reverse;justify-content:flex-end}.rs-switch .switch-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);cursor:pointer}.rs-switch.disabled .switch-label{cursor:default;pointer-events:none}.rs-switch .e-switch-wrapper{width:28px}.rs-switch .e-switch-wrapper .e-switch-inner{border:1px solid rgb(173,181,189)}.rs-switch .e-switch-wrapper .e-switch-inner.e-switch-active{background-color:var(--rs-active-color);border-color:var(--rs-active-color)}.rs-switch .e-switch-wrapper .e-switch-handle{background-color:#fff;border:1px solid rgb(173,181,189);left:2px}.rs-switch .e-switch-wrapper .e-switch-handle.e-switch-active{background-color:#fff;border-color:var(--rs-active-color);left:100%}.rs-switch .e-switch-wrapper.e-switch-disabled .e-switch-handle{background-color:#e9ecef;opacity:.5}.rs-switch .e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active{border-color:#0081ff80}.rs-switch .e-switch-wrapper .e-switch-on{background-color:var(--rs-active-color);color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.SwitchComponent, selector: "ejs-switch", inputs: ["checked", "cssClass", "disabled", "enablePersistence", "enableRtl", "htmlAttributes", "locale", "name", "offLabel", "onLabel", "value"], outputs: ["focus", "blur", "change", "created", "checkedChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SwitchInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "rs-switch-input", template: "<div class=\"rs-switch\" [ngClass]=\"[orientation, error ? 'error' : '', disabled ? 'disabled' : '']\">\r\n  <label class=\"switch-label\" (click)=\"onClick()\"> {{ text }} </label>\r\n  <ejs-switch\r\n    [(ngModel)]=\"value\"\r\n    [disabled]=\"disabled\"\r\n    (change)=\"onChange($event)\"\r\n  ></ejs-switch>\r\n</div>\r\n", styles: [".rs-switch{display:flex;align-items:center;gap:8px}.rs-switch.behind{flex-direction:row-reverse;justify-content:flex-end}.rs-switch .switch-label{color:var(--rs-label-color);font-family:var(--rs-font-family);font-size:var(--rs-font-size);cursor:pointer}.rs-switch.disabled .switch-label{cursor:default;pointer-events:none}.rs-switch .e-switch-wrapper{width:28px}.rs-switch .e-switch-wrapper .e-switch-inner{border:1px solid rgb(173,181,189)}.rs-switch .e-switch-wrapper .e-switch-inner.e-switch-active{background-color:var(--rs-active-color);border-color:var(--rs-active-color)}.rs-switch .e-switch-wrapper .e-switch-handle{background-color:#fff;border:1px solid rgb(173,181,189);left:2px}.rs-switch .e-switch-wrapper .e-switch-handle.e-switch-active{background-color:#fff;border-color:var(--rs-active-color);left:100%}.rs-switch .e-switch-wrapper.e-switch-disabled .e-switch-handle{background-color:#e9ecef;opacity:.5}.rs-switch .e-switch-wrapper.e-switch-disabled .e-switch-handle.e-switch-active{border-color:#0081ff80}.rs-switch .e-switch-wrapper .e-switch-on{background-color:var(--rs-active-color);color:#fff}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+class CommonFunctionService {
+    constructor() { }
+    testMethod() {
+        return "test1111";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonFunctionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonFunctionService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonFunctionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class IconLoaderService {
+    iconReg;
+    constructor(iconReg) {
+        this.iconReg = iconReg;
+    }
+    registerIcons(list) {
+        list.forEach((item) => {
+            this.iconReg.loadSvg(item.url, item.name).subscribe();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconLoaderService, deps: [{ token: i1$3.SvgIconRegistryService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconLoaderService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconLoaderService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.SvgIconRegistryService }]; } });
+
+class RaiseCommonLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RaiseCommonLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RaiseCommonLibModule, declarations: [CommonGridComponent,
+            FloatBoxComponent,
+            CommonListComponent,
+            RSHeaderComponent,
+            RSFooterComponent,
+            RSAsideComponent,
+            MainContainerComponent,
+            TagInputComponent,
+            RadioGroupComponent,
+            CheckboxGroupComponent,
+            SwitchInputComponent], imports: [CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule,
+            FormsModule,
+            GridModule,
+            PagerModule,
+            GridAllModule,
+            SwitchModule,
+            CheckBoxModule,
+            RadioButtonModule,
+            ButtonModule,
+            DiagramModule,
+            TooltipModule,
+            DialogModule,
+            DatePickerModule,
+            DateRangePickerModule,
+            DateTimePickerModule,
+            TextBoxModule,
+            ColorPickerModule,
+            UploaderModule,
+            NumericTextBoxModule,
+            DropDownListModule,
+            DropDownTreeModule,
+            MultiSelectAllModule,
+            AutoCompleteModule,
+            ListBoxModule,
+            PivotViewAllModule,
+            PivotFieldListAllModule,
+            ChartAllModule,
+            AccumulationChartAllModule,
+            RangeNavigatorAllModule,
+            AccumulationChartModule,
+            DashboardLayoutModule,
+            CarouselAllModule,
+            ToolbarModule,
+            PdfViewerModule,
+            DropDownButtonModule,
+            RichTextEditorAllModule, i1$3.AngularSvgIconModule], exports: [CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule,
+            FormsModule,
+            GridModule,
+            PagerModule,
+            GridAllModule,
+            SwitchModule,
+            CheckBoxModule,
+            RadioButtonModule,
+            ButtonModule,
+            DiagramModule,
+            TooltipModule,
+            DialogModule,
+            DatePickerModule,
+            DateRangePickerModule,
+            DateTimePickerModule,
+            TextBoxModule,
+            ColorPickerModule,
+            UploaderModule,
+            NumericTextBoxModule,
+            DropDownListModule,
+            DropDownTreeModule,
+            MultiSelectAllModule,
+            AutoCompleteModule,
+            ListBoxModule,
+            PivotViewAllModule,
+            PivotFieldListAllModule,
+            ChartAllModule,
+            AccumulationChartAllModule,
+            RangeNavigatorAllModule,
+            AccumulationChartModule,
+            DashboardLayoutModule,
+            CarouselAllModule,
+            ToolbarModule,
+            PdfViewerModule,
+            DropDownButtonModule,
+            RichTextEditorAllModule,
+            CommonGridComponent,
+            FloatBoxComponent,
+            CommonListComponent,
+            RSHeaderComponent,
+            RSFooterComponent,
+            RSAsideComponent,
+            MainContainerComponent,
+            TagInputComponent,
+            RadioGroupComponent,
+            CheckboxGroupComponent,
+            SwitchInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RaiseCommonLibModule, providers: [
+            PageService,
+            SortService,
+            FilterService,
+            ExcelExportService,
+            EditService,
+            ResizeService,
+            ToolbarService,
+            ColumnChooserService,
+            AggregateService,
+            ColumnMenuService,
+            DetailRowService,
+            SelectionService,
+            GroupService,
+            PieSeriesService,
+            AccumulationLegendService,
+            AccumulationTooltipService,
+            AccumulationAnnotationService,
+            AccumulationDataLabelService,
+            LinkAnnotationService,
+            BookmarkViewService,
+            MagnificationService,
+            ThumbnailViewService,
+            ToolbarService$1,
+            NavigationService,
+            TextSearchService,
+            TextSelectionService,
+            PrintService,
+            HtmlEditorService,
+            ToolbarService$2,
+            CommonFunctionService,
+            IconLoaderService,
+        ], imports: [CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule,
+            FormsModule,
+            GridModule,
+            PagerModule,
+            GridAllModule,
+            SwitchModule,
+            CheckBoxModule,
+            RadioButtonModule,
+            ButtonModule,
+            DiagramModule,
+            TooltipModule,
+            DialogModule,
+            DatePickerModule,
+            DateRangePickerModule,
+            DateTimePickerModule,
+            TextBoxModule,
+            ColorPickerModule,
+            UploaderModule,
+            NumericTextBoxModule,
+            DropDownListModule,
+            DropDownTreeModule,
+            MultiSelectAllModule,
+            AutoCompleteModule,
+            ListBoxModule,
+            PivotViewAllModule,
+            PivotFieldListAllModule,
+            ChartAllModule,
+            AccumulationChartAllModule,
+            RangeNavigatorAllModule,
+            AccumulationChartModule,
+            DashboardLayoutModule,
+            CarouselAllModule,
+            ToolbarModule,
+            PdfViewerModule,
+            DropDownButtonModule,
+            RichTextEditorAllModule,
+            AngularSvgIconModule.forRoot(), CommonModule,
+            HttpClientModule,
+            ReactiveFormsModule,
+            FormsModule,
+            GridModule,
+            PagerModule,
+            GridAllModule,
+            SwitchModule,
+            CheckBoxModule,
+            RadioButtonModule,
+            ButtonModule,
+            DiagramModule,
+            TooltipModule,
+            DialogModule,
+            DatePickerModule,
+            DateRangePickerModule,
+            DateTimePickerModule,
+            TextBoxModule,
+            ColorPickerModule,
+            UploaderModule,
+            NumericTextBoxModule,
+            DropDownListModule,
+            DropDownTreeModule,
+            MultiSelectAllModule,
+            AutoCompleteModule,
+            ListBoxModule,
+            PivotViewAllModule,
+            PivotFieldListAllModule,
+            ChartAllModule,
+            AccumulationChartAllModule,
+            RangeNavigatorAllModule,
+            AccumulationChartModule,
+            DashboardLayoutModule,
+            CarouselAllModule,
+            ToolbarModule,
+            PdfViewerModule,
+            DropDownButtonModule,
+            RichTextEditorAllModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RaiseCommonLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CommonGridComponent,
+                        FloatBoxComponent,
+                        CommonListComponent,
+                        RSHeaderComponent,
+                        RSFooterComponent,
+                        RSAsideComponent,
+                        MainContainerComponent,
+                        TagInputComponent,
+                        RadioGroupComponent,
+                        CheckboxGroupComponent,
+                        SwitchInputComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        GridModule,
+                        PagerModule,
+                        GridAllModule,
+                        SwitchModule,
+                        CheckBoxModule,
+                        RadioButtonModule,
+                        ButtonModule,
+                        DiagramModule,
+                        TooltipModule,
+                        DialogModule,
+                        DatePickerModule,
+                        DateRangePickerModule,
+                        DateTimePickerModule,
+                        TextBoxModule,
+                        ColorPickerModule,
+                        UploaderModule,
+                        NumericTextBoxModule,
+                        DropDownListModule,
+                        DropDownTreeModule,
+                        MultiSelectAllModule,
+                        AutoCompleteModule,
+                        ListBoxModule,
+                        PivotViewAllModule,
+                        PivotFieldListAllModule,
+                        ChartAllModule,
+                        AccumulationChartAllModule,
+                        RangeNavigatorAllModule,
+                        AccumulationChartModule,
+                        DashboardLayoutModule,
+                        CarouselAllModule,
+                        ToolbarModule,
+                        PdfViewerModule,
+                        DropDownButtonModule,
+                        RichTextEditorAllModule,
+                        AngularSvgIconModule.forRoot(),
+                    ],
+                    providers: [
+                        PageService,
+                        SortService,
+                        FilterService,
+                        ExcelExportService,
+                        EditService,
+                        ResizeService,
+                        ToolbarService,
+                        ColumnChooserService,
+                        AggregateService,
+                        ColumnMenuService,
+                        DetailRowService,
+                        SelectionService,
+                        GroupService,
+                        PieSeriesService,
+                        AccumulationLegendService,
+                        AccumulationTooltipService,
+                        AccumulationAnnotationService,
+                        AccumulationDataLabelService,
+                        LinkAnnotationService,
+                        BookmarkViewService,
+                        MagnificationService,
+                        ThumbnailViewService,
+                        ToolbarService$1,
+                        NavigationService,
+                        TextSearchService,
+                        TextSelectionService,
+                        PrintService,
+                        HtmlEditorService,
+                        ToolbarService$2,
+                        CommonFunctionService,
+                        IconLoaderService,
+                    ],
+                    exports: [
+                        CommonModule,
+                        HttpClientModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        GridModule,
+                        PagerModule,
+                        GridAllModule,
+                        SwitchModule,
+                        CheckBoxModule,
+                        RadioButtonModule,
+                        ButtonModule,
+                        DiagramModule,
+                        TooltipModule,
+                        DialogModule,
+                        DatePickerModule,
+                        DateRangePickerModule,
+                        DateTimePickerModule,
+                        TextBoxModule,
+                        ColorPickerModule,
+                        UploaderModule,
+                        NumericTextBoxModule,
+                        DropDownListModule,
+                        DropDownTreeModule,
+                        MultiSelectAllModule,
+                        AutoCompleteModule,
+                        ListBoxModule,
+                        PivotViewAllModule,
+                        PivotFieldListAllModule,
+                        ChartAllModule,
+                        AccumulationChartAllModule,
+                        RangeNavigatorAllModule,
+                        AccumulationChartModule,
+                        DashboardLayoutModule,
+                        CarouselAllModule,
+                        ToolbarModule,
+                        PdfViewerModule,
+                        DropDownButtonModule,
+                        RichTextEditorAllModule,
+                        CommonGridComponent,
+                        FloatBoxComponent,
+                        CommonListComponent,
+                        RSHeaderComponent,
+                        RSFooterComponent,
+                        RSAsideComponent,
+                        MainContainerComponent,
+                        TagInputComponent,
+                        RadioGroupComponent,
+                        CheckboxGroupComponent,
+                        SwitchInputComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of raise-common-lib
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxGroupComponent, CommonFunctionService, CommonGridComponent, CommonListComponent, FloatBoxComponent, IconLoaderService, MainContainerComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RadioGroupComponent, RaiseCommonLibModule, SwitchInputComponent, TagInputComponent };
+//# sourceMappingURL=raise-common-lib-new.mjs.map