raise-common-lib 0.0.186 → 0.0.188

package/fesm5/raise-common-lib.js

@@ -1389,6 +1389,8 @@ var FloatBoxComponent = /** @class */ (function () {
          */
         function () {
             _this.opened = "no";
+            _this.ref.markForCheck();
+            _this.ref.detectChanges();
             _this.openChange.emit(false);
         }), 0);
     };
@@ -2580,6 +2582,99 @@ if (false) {
     TruncatedTextToggleComponent.prototype.showCollapseBtn;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/form/search-input/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var SearchInputComponent = /** @class */ (function () {
+    function SearchInputComponent() {
+        this.placeholder = "";
+        this.hanleSearch = new EventEmitter();
+        this.handleInput = new EventEmitter();
+        this.searchValue = "";
+    }
+    /**
+     * @return {?}
+     */
+    SearchInputComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.getInfo();
+        this.debouncedInput = debounce((/**
+         * @return {?}
+         */
+        function () {
+            _this.onSeach();
+        }), 300);
+    };
+    /**
+     * @return {?}
+     */
+    SearchInputComponent.prototype.getInfo = /**
+     * @return {?}
+     */
+    function () {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+        this.placeholder = this.placeholder || this.translation.SEARCH;
+    };
+    /**
+     * @param {?} e
+     * @return {?}
+     */
+    SearchInputComponent.prototype.onInput = /**
+     * @param {?} e
+     * @return {?}
+     */
+    function (e) {
+        this.handleInput.emit(e.value);
+        this.debouncedInput();
+    };
+    /**
+     * @return {?}
+     */
+    SearchInputComponent.prototype.onSeach = /**
+     * @return {?}
+     */
+    function () {
+        this.hanleSearch.emit(this.searchValue);
+    };
+    SearchInputComponent.decorators = [
+        { type: Component, args: [{
+                    selector: "rs-search-input",
+                    template: "<div class=\"rs-search-input\">\r\n  <ejs-textbox\r\n    type=\"text\"\r\n    class=\"e-input\"\r\n    [(ngModel)]=\"searchValue\"\r\n    (input)=\"onInput($event)\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClearButton]=\"true\"\r\n    autocomplete=\"off\"\r\n  ></ejs-textbox>\r\n</div>\r\n",
+                    styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
+                }] }
+    ];
+    /** @nocollapse */
+    SearchInputComponent.ctorParameters = function () { return []; };
+    SearchInputComponent.propDecorators = {
+        placeholder: [{ type: Input }],
+        hanleSearch: [{ type: Output }],
+        handleInput: [{ type: Output }]
+    };
+    return SearchInputComponent;
+}());
+if (false) {
+    /** @type {?} */
+    SearchInputComponent.prototype.placeholder;
+    /** @type {?} */
+    SearchInputComponent.prototype.hanleSearch;
+    /** @type {?} */
+    SearchInputComponent.prototype.handleInput;
+    /**
+     * @type {?}
+     * @private
+     */
+    SearchInputComponent.prototype.debouncedInput;
+    /** @type {?} */
+    SearchInputComponent.prototype.searchValue;
+    /** @type {?} */
+    SearchInputComponent.prototype.translation;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/layout/page-list/index.component.ts
@@ -2621,6 +2716,18 @@ var RsPageListComponent = /** @class */ (function () {
         // 检测是否传入了 wholeToolbarSlot
         this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
     };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    RsPageListComponent.prototype.setSearchValue = /**
+     * @param {?} value
+     * @return {?}
+     */
+    function (value) {
+        this.searchInput.searchValue = value;
+        this.onSeach(value);
+    };
     /**
      * @param {?} value
      * @return {?}
@@ -2646,7 +2753,7 @@ var RsPageListComponent = /** @class */ (function () {
     RsPageListComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-page-list",
-                    template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <h1 class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n  </ng-template>\r\n  <div class=\"rs-sub-section\">\r\n    <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-content-wrap\">\r\n    <div class=\"rs-content-tab\">\r\n      <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n        <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <rs-search-input\r\n          *ngIf=\"!hideSearch\"\r\n          [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n          (hanleSearch)=\"onSeach($event)\"\r\n        ></rs-search-input>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <h1 class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</h1>\r\n  </ng-template>\r\n  <div class=\"rs-sub-section\">\r\n    <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-content-wrap\">\r\n    <div class=\"rs-content-tab\">\r\n      <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n        <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <rs-search-input\r\n          #searchInput\r\n          *ngIf=\"!hideSearch\"\r\n          [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n          (hanleSearch)=\"onSeach($event)\"\r\n        ></rs-search-input>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}"]
                 }] }
     ];
@@ -2655,6 +2762,7 @@ var RsPageListComponent = /** @class */ (function () {
         orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
         treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
         wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
+        searchInput: [{ type: ViewChild, args: ["searchInput", { static: false },] }],
         pageTitle: [{ type: Input }],
         customPageTitle: [{ type: Input }],
         hideSearch: [{ type: Input }],
@@ -2673,6 +2781,8 @@ if (false) {
     /** @type {?} */
     RsPageListComponent.prototype.wholeToolbarSlot;
     /** @type {?} */
+    RsPageListComponent.prototype.searchInput;
+    /** @type {?} */
     RsPageListComponent.prototype.pageTitle;
     /** @type {?} */
     RsPageListComponent.prototype.customPageTitle;
@@ -2838,6 +2948,18 @@ var GridBoxComponent = /** @class */ (function () {
         // 检测是否传入了 wholeToolbarSlot
         this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
     };
+    /**
+     * @param {?} value
+     * @return {?}
+     */
+    GridBoxComponent.prototype.setSearchValue = /**
+     * @param {?} value
+     * @return {?}
+     */
+    function (value) {
+        this.searchInput.searchValue = value;
+        this.onSeach(value);
+    };
     /**
      * @param {?} value
      * @return {?}
@@ -2863,7 +2985,7 @@ var GridBoxComponent = /** @class */ (function () {
     GridBoxComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-grid-box",
-                    template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <div class=\"rs-content-tab\">\r\n    <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-toolbar-wrap\">\r\n    <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n      <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n      <rs-search-input\r\n          *ngIf=\"!hideSearch\"\r\n          [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n          (hanleSearch)=\"onSeach($event)\"\r\n        ></rs-search-input>\r\n    </div>\r\n  </div>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[gridSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <div class=\"rs-content-tab\">\r\n    <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-toolbar-wrap\">\r\n    <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n      <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n      <rs-search-input\r\n          #searchInput\r\n          *ngIf=\"!hideSearch\"\r\n          [placeholder]=\"translation.SEARCH_ALL_FIELD\"\r\n          (hanleSearch)=\"onSeach($event)\"\r\n        ></rs-search-input>\r\n    </div>\r\n  </div>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[gridSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
                     styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px!important;min-width:auto!important}.rs-grid-box .rs-toolbar-wrap .rs-left-col{flex:1;width:0;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}"]
                 }] }
     ];
@@ -2872,6 +2994,7 @@ var GridBoxComponent = /** @class */ (function () {
         orignGrid: [{ type: ContentChild, args: [GridComponent, { static: false },] }],
         treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
         wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
+        searchInput: [{ type: ViewChild, args: ["searchInput", { static: false },] }],
         hideSearch: [{ type: Input }],
         isInner: [{ type: Input }],
         onGridSearch: [{ type: Output }]
@@ -2888,6 +3011,8 @@ if (false) {
     /** @type {?} */
     GridBoxComponent.prototype.wholeToolbarSlot;
     /** @type {?} */
+    GridBoxComponent.prototype.searchInput;
+    /** @type {?} */
     GridBoxComponent.prototype.hideSearch;
     /** @type {?} */
     GridBoxComponent.prototype.isInner;
@@ -3064,6 +3189,19 @@ var DrawerService = /** @class */ (function () {
             drawer && drawer.back();
         }
     };
+    /**
+     * @param {?} config
+     * @return {?}
+     */
+    DrawerService.prototype.setConfig = /**
+     * @param {?} config
+     * @return {?}
+     */
+    function (config) {
+        if (this.uniqueDrawerComponent) {
+            this.uniqueDrawerComponent.setConfig(config);
+        }
+    };
     /**
      * @param {?} cacheKey
      * @return {?}
@@ -3904,6 +4042,24 @@ var DrawerComponent = /** @class */ (function () {
             this.drawer.nativeElement.insertBefore(this.header.nativeElement, this.drawer.nativeElement.firstChild);
             this.header.nativeElement.append(this.toolbarSlot.nativeElement);
         }
+        this.config = cache.config;
+        this.ref.markForCheck();
+    };
+    /**
+     * @param {?} config
+     * @return {?}
+     */
+    DrawerComponent.prototype.setConfig = /**
+     * @param {?} config
+     * @return {?}
+     */
+    function (config) {
+        /** @type {?} */
+        var cache = this.componentRefMap.get(this.service.cacheKey);
+        if (cache) {
+            cache.config = __assign({}, cache.config, config);
+            this.setCache(cache);
+        }
     };
     /**
      * @template T
@@ -3941,7 +4097,6 @@ var DrawerComponent = /** @class */ (function () {
         this.setComponentData(componentRef, data);
         this.componentRefMap.set(this.service.cacheKey, cache);
         this.setCache(cache);
-        this.config = showConfig;
         this.toggleOpenStatus(true, true);
         return componentRef.instance;
     };
@@ -3998,7 +4153,6 @@ var DrawerComponent = /** @class */ (function () {
         var cache = this.componentRefMap.get(this.service.cacheKey);
         if (cache) {
             cache.ref.location.nativeElement.style.display = "";
-            this.config = cache.config;
             this.setCache(cache);
             this.toggleOpenStatus(true);
         }
@@ -21512,8 +21666,8 @@ var RSAsideComponent = /** @class */ (function () {
     RSAsideComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-aside",
-                    template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-group\"\r\n      [ngClass]=\"group.class\"\r\n      *ngFor=\"let group of navList\"\r\n    >\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"isCollapsed; else originIcon\"\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ejs-tooltip>\r\n          <ng-template #originIcon>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ng-template>\r\n          <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"nav.displayLabel !== nav.label; else originText\"\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n              nav.displayLabel\r\n            }}</span>\r\n          </ejs-tooltip>\r\n          <ng-template #originText>\r\n            <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n              nav.label\r\n            }}</span>\r\n          </ng-template>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\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%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px;flex:1}@media (min-width:993px){.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 .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
+                    template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-group\"\r\n      [ngClass]=\"group.class\"\r\n      *ngFor=\"let group of navList\"\r\n    >\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"isCollapsed; else originIcon\"\r\n            position='RightCenter'\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ejs-tooltip>\r\n          <ng-template #originIcon>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ng-template>\r\n          <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"nav.displayLabel !== nav.label; else originText\"\r\n            position='RightCenter'\r\n            class=\"nav-tooltip-text\"\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n              nav.displayLabel\r\n            }}</span>\r\n          </ejs-tooltip>\r\n          <ng-template #originText>\r\n            <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n              nav.label\r\n            }}</span>\r\n          </ng-template>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\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%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{display:inline-block;color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px;flex:1}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item .nav-tooltip-text{flex:1;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 .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
                 }] }
     ];
     /** @nocollapse */
@@ -22033,99 +22187,6 @@ if (false) {
     EncryptedInputComponent.prototype.encrypted;
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/form/search-input/index.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var SearchInputComponent = /** @class */ (function () {
-    function SearchInputComponent() {
-        this.placeholder = "";
-        this.hanleSearch = new EventEmitter();
-        this.handleInput = new EventEmitter();
-        this.searchValue = "";
-    }
-    /**
-     * @return {?}
-     */
-    SearchInputComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.getInfo();
-        this.debouncedInput = debounce((/**
-         * @return {?}
-         */
-        function () {
-            _this.onSeach();
-        }), 300);
-    };
-    /**
-     * @return {?}
-     */
-    SearchInputComponent.prototype.getInfo = /**
-     * @return {?}
-     */
-    function () {
-        this.translation = JSON.parse(localStorage.getItem("translation"));
-        this.placeholder = this.placeholder || this.translation.SEARCH;
-    };
-    /**
-     * @param {?} e
-     * @return {?}
-     */
-    SearchInputComponent.prototype.onInput = /**
-     * @param {?} e
-     * @return {?}
-     */
-    function (e) {
-        this.handleInput.emit(e.value);
-        this.debouncedInput();
-    };
-    /**
-     * @return {?}
-     */
-    SearchInputComponent.prototype.onSeach = /**
-     * @return {?}
-     */
-    function () {
-        this.hanleSearch.emit(this.searchValue);
-    };
-    SearchInputComponent.decorators = [
-        { type: Component, args: [{
-                    selector: "rs-search-input",
-                    template: "<div class=\"rs-search-input\">\r\n  <ejs-textbox\r\n    type=\"text\"\r\n    class=\"e-input\"\r\n    [(ngModel)]=\"searchValue\"\r\n    (input)=\"onInput($event)\"\r\n    [placeholder]=\"placeholder\"\r\n    [showClearButton]=\"true\"\r\n    autocomplete=\"off\"\r\n  ></ejs-textbox>\r\n</div>\r\n",
-                    styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
-                }] }
-    ];
-    /** @nocollapse */
-    SearchInputComponent.ctorParameters = function () { return []; };
-    SearchInputComponent.propDecorators = {
-        placeholder: [{ type: Input }],
-        hanleSearch: [{ type: Output }],
-        handleInput: [{ type: Output }]
-    };
-    return SearchInputComponent;
-}());
-if (false) {
-    /** @type {?} */
-    SearchInputComponent.prototype.placeholder;
-    /** @type {?} */
-    SearchInputComponent.prototype.hanleSearch;
-    /** @type {?} */
-    SearchInputComponent.prototype.handleInput;
-    /**
-     * @type {?}
-     * @private
-     */
-    SearchInputComponent.prototype.debouncedInput;
-    /** @type {?} */
-    SearchInputComponent.prototype.searchValue;
-    /** @type {?} */
-    SearchInputComponent.prototype.translation;
-}
-
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/form/drawer-form/constants.ts