raise-common-lib 0.0.167 → 0.0.168

package/fesm2015/raise-common-lib.js

@@ -2189,12 +2189,6 @@ class RsPageListComponent {
      */
     ngOnInit() {
         this.getInfo();
-        this.debouncedInput = debounce((/**
-         * @return {?}
-         */
-        () => {
-            this.onSeach();
-        }), 300);
     }
     /**
      * @return {?}
@@ -2210,34 +2204,29 @@ class RsPageListComponent {
         this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
     }
     /**
+     * @param {?} value
      * @return {?}
      */
-    onSeach() {
+    onSeach(value) {
         if (this.gridContent) {
-            this.gridContent.grid.search(this.searchValue);
+            this.gridContent.grid.search(value);
         }
         else if (this.orignGrid) {
-            this.orignGrid.search(this.searchValue);
+            this.orignGrid.search(value);
         }
         else if (this.treeGrid) {
-            this.treeGrid.search(this.searchValue);
+            this.treeGrid.search(value);
         }
         else {
-            this.onGridSearch.emit(this.searchValue);
+            this.onGridSearch.emit(value);
         }
     }
-    /**
-     * @return {?}
-     */
-    onInput() {
-        this.debouncedInput();
-    }
 }
 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        <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            [placeholder]=\"translation.SEARCH_ALL_FIELD || '.SEARCH_ALL_FIELD'\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-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)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
+                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",
+                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)}"]
             }] }
 ];
 RsPageListComponent.propDecorators = {
@@ -2270,17 +2259,10 @@ if (false) {
     RsPageListComponent.prototype.isInner;
     /** @type {?} */
     RsPageListComponent.prototype.onGridSearch;
-    /**
-     * @type {?}
-     * @private
-     */
-    RsPageListComponent.prototype.debouncedInput;
     /** @type {?} */
     RsPageListComponent.prototype.hasWholeToolbarSlot;
     /** @type {?} */
     RsPageListComponent.prototype.translation;
-    /** @type {?} */
-    RsPageListComponent.prototype.searchValue;
 }
 
 /**
@@ -2383,6 +2365,7 @@ class GridBoxComponent {
     constructor() {
         this.hideSearch = false;
         this.isInner = false;
+        this.onGridSearch = new EventEmitter();
         this.hasWholeToolbarSlot = false;
     }
     /**
@@ -2390,12 +2373,6 @@ class GridBoxComponent {
      */
     ngOnInit() {
         this.getInfo();
-        this.debouncedInput = debounce((/**
-         * @return {?}
-         */
-        () => {
-            this.onSeach();
-        }), 300);
     }
     /**
      * @return {?}
@@ -2411,31 +2388,29 @@ class GridBoxComponent {
         this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
     }
     /**
+     * @param {?} value
      * @return {?}
      */
-    onSeach() {
+    onSeach(value) {
         if (this.gridContent) {
-            this.gridContent.grid.search(this.searchValue);
+            this.gridContent.grid.search(value);
         }
         else if (this.orignGrid) {
-            this.orignGrid.search(this.searchValue);
+            this.orignGrid.search(value);
         }
         else if (this.treeGrid) {
-            this.treeGrid.search(this.searchValue);
+            this.treeGrid.search(value);
+        }
+        else {
+            this.onGridSearch.emit(value);
         }
-    }
-    /**
-     * @return {?}
-     */
-    onInput() {
-        this.debouncedInput();
     }
 }
 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      <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n        <ejs-textbox\r\n          type=\"text\"\r\n          class=\"e-input\"\r\n          [(ngModel)]=\"searchValue\"\r\n          (input)=\"onInput()\"\r\n          [placeholder]=\"translation.SEARCH_ALL_FIELD|| '.SEARCH_ALL_FIELD'\"\r\n          [showClearButton]=\"true\"\r\n          autocomplete=\"off\"\r\n        ></ejs-textbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[gridSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
-                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}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .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-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
+                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",
+                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}"]
             }] }
 ];
 GridBoxComponent.propDecorators = {
@@ -2444,7 +2419,8 @@ GridBoxComponent.propDecorators = {
     treeGrid: [{ type: ContentChild, args: [TreeGridComponent, { static: false },] }],
     wholeToolbarSlot: [{ type: ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
     hideSearch: [{ type: Input }],
-    isInner: [{ type: Input }]
+    isInner: [{ type: Input }],
+    onGridSearch: [{ type: Output }]
 };
 if (false) {
     /** @type {?} */
@@ -2459,17 +2435,12 @@ if (false) {
     GridBoxComponent.prototype.hideSearch;
     /** @type {?} */
     GridBoxComponent.prototype.isInner;
-    /**
-     * @type {?}
-     * @private
-     */
-    GridBoxComponent.prototype.debouncedInput;
+    /** @type {?} */
+    GridBoxComponent.prototype.onGridSearch;
     /** @type {?} */
     GridBoxComponent.prototype.hasWholeToolbarSlot;
     /** @type {?} */
     GridBoxComponent.prototype.translation;
-    /** @type {?} */
-    GridBoxComponent.prototype.searchValue;
 }
 
 /**
@@ -2728,6 +2699,7 @@ class MultiTabComponent {
         this.flattenMenu = [];
         this.defaultTabUrl = "";
         this.onRefreshTab = new EventEmitter();
+        this.onCloseTab = new EventEmitter();
         this.subscriptions = [];
         this.TAB_WIDTH = 164;
         this.GAP_NORMAL = 54;
@@ -2954,6 +2926,7 @@ class MultiTabComponent {
         }
         this.setEllipsisTitle();
         sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+        this.onCloseTab.emit(tab);
         this.ref.markForCheck();
     }
     /**
@@ -3152,6 +3125,7 @@ MultiTabComponent.propDecorators = {
     flattenMenu: [{ type: Input }],
     defaultTabUrl: [{ type: Input }],
     onRefreshTab: [{ type: Output }],
+    onCloseTab: [{ type: Output }],
     onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
 };
 if (false) {
@@ -3167,6 +3141,8 @@ if (false) {
     MultiTabComponent.prototype.defaultTabUrl;
     /** @type {?} */
     MultiTabComponent.prototype.onRefreshTab;
+    /** @type {?} */
+    MultiTabComponent.prototype.onCloseTab;
     /**
      * @type {?}
      * @private
@@ -21250,6 +21226,84 @@ 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
+ */
+class SearchInputComponent {
+    constructor() {
+        this.placeholder = "";
+        this.hanleSearch = new EventEmitter();
+        this.handleInput = new EventEmitter();
+        this.searchValue = "";
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.getInfo();
+        this.debouncedInput = debounce((/**
+         * @return {?}
+         */
+        () => {
+            this.onSeach();
+        }), 300);
+    }
+    /**
+     * @return {?}
+     */
+    getInfo() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+        this.placeholder = this.placeholder || this.translation.SEARCH;
+    }
+    /**
+     * @param {?} e
+     * @return {?}
+     */
+    onInput(e) {
+        this.handleInput.emit(e.value);
+        this.debouncedInput();
+    }
+    /**
+     * @return {?}
+     */
+    onSeach() {
+        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 ::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:26px}.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:6px 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 = () => [];
+SearchInputComponent.propDecorators = {
+    placeholder: [{ type: Input }],
+    hanleSearch: [{ type: Output }],
+    handleInput: [{ type: Output }]
+};
+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
@@ -22209,6 +22263,7 @@ RaiseCommonLibModule.decorators = [
                     CheckboxGroupComponent,
                     SwitchInputComponent,
                     EncryptedInputComponent,
+                    SearchInputComponent,
                     NewActionNotificationComponent,
                     CommonDialogComponent,
                     CommonDeleteComponent,
@@ -22369,6 +22424,7 @@ RaiseCommonLibModule.decorators = [
                     CheckboxGroupComponent,
                     SwitchInputComponent,
                     EncryptedInputComponent,
+                    SearchInputComponent,
                     DrawerComponent,
                     DrawerFormComponent,
                     ToolbarItemComponent,
@@ -22399,5 +22455,5 @@ RaiseCommonLibModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, NewActionNotificationComponent as ɵb, CommonDeleteComponent as ɵc };
+export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, NewActionNotificationComponent as ɵb, CommonDeleteComponent as ɵc };
 //# sourceMappingURL=raise-common-lib.js.map