raise-common-lib 0.0.186 → 0.0.188

package/bundles/raise-common-lib.umd.js

@@ -1581,6 +1581,8 @@
              */
             function () {
                 _this.opened = "no";
+                _this.ref.markForCheck();
+                _this.ref.detectChanges();
                 _this.openChange.emit(false);
             }), 0);
         };
@@ -2772,6 +2774,99 @@
         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 core.EventEmitter();
+            this.handleInput = new core.EventEmitter();
+            this.searchValue = "";
+        }
+        /**
+         * @return {?}
+         */
+        SearchInputComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            this.getInfo();
+            this.debouncedInput = lodash.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: core.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: core.Input }],
+            hanleSearch: [{ type: core.Output }],
+            handleInput: [{ type: core.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
@@ -2813,6 +2908,18 @@
             // 检测是否传入了 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 {?}
@@ -2838,7 +2945,7 @@
         RsPageListComponent.decorators = [
             { type: core.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)}"]
                     }] }
         ];
@@ -2847,6 +2954,7 @@
             orignGrid: [{ type: core.ContentChild, args: [ej2AngularGrids.GridComponent, { static: false },] }],
             treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: false },] }],
             wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
+            searchInput: [{ type: core.ViewChild, args: ["searchInput", { static: false },] }],
             pageTitle: [{ type: core.Input }],
             customPageTitle: [{ type: core.Input }],
             hideSearch: [{ type: core.Input }],
@@ -2865,6 +2973,8 @@
         /** @type {?} */
         RsPageListComponent.prototype.wholeToolbarSlot;
         /** @type {?} */
+        RsPageListComponent.prototype.searchInput;
+        /** @type {?} */
         RsPageListComponent.prototype.pageTitle;
         /** @type {?} */
         RsPageListComponent.prototype.customPageTitle;
@@ -3030,6 +3140,18 @@
             // 检测是否传入了 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 {?}
@@ -3055,7 +3177,7 @@
         GridBoxComponent.decorators = [
             { type: core.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}"]
                     }] }
         ];
@@ -3064,6 +3186,7 @@
             orignGrid: [{ type: core.ContentChild, args: [ej2AngularGrids.GridComponent, { static: false },] }],
             treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: false },] }],
             wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
+            searchInput: [{ type: core.ViewChild, args: ["searchInput", { static: false },] }],
             hideSearch: [{ type: core.Input }],
             isInner: [{ type: core.Input }],
             onGridSearch: [{ type: core.Output }]
@@ -3080,6 +3203,8 @@
         /** @type {?} */
         GridBoxComponent.prototype.wholeToolbarSlot;
         /** @type {?} */
+        GridBoxComponent.prototype.searchInput;
+        /** @type {?} */
         GridBoxComponent.prototype.hideSearch;
         /** @type {?} */
         GridBoxComponent.prototype.isInner;
@@ -3256,6 +3381,19 @@
                 drawer && drawer.back();
             }
         };
+        /**
+         * @param {?} config
+         * @return {?}
+         */
+        DrawerService.prototype.setConfig = /**
+         * @param {?} config
+         * @return {?}
+         */
+        function (config) {
+            if (this.uniqueDrawerComponent) {
+                this.uniqueDrawerComponent.setConfig(config);
+            }
+        };
         /**
          * @param {?} cacheKey
          * @return {?}
@@ -4096,6 +4234,24 @@
                 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
@@ -4133,7 +4289,6 @@
             this.setComponentData(componentRef, data);
             this.componentRefMap.set(this.service.cacheKey, cache);
             this.setCache(cache);
-            this.config = showConfig;
             this.toggleOpenStatus(true, true);
             return componentRef.instance;
         };
@@ -4190,7 +4345,6 @@
             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);
             }
@@ -21704,8 +21858,8 @@
         RSAsideComponent.decorators = [
             { type: core.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 */
@@ -22225,99 +22379,6 @@
         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 core.EventEmitter();
-            this.handleInput = new core.EventEmitter();
-            this.searchValue = "";
-        }
-        /**
-         * @return {?}
-         */
-        SearchInputComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            this.getInfo();
-            this.debouncedInput = lodash.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: core.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: core.Input }],
-            hanleSearch: [{ type: core.Output }],
-            handleInput: [{ type: core.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