raise-common-lib 0.0.167 → 0.0.169

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

@@ -2751,14 +2751,7 @@
          * @return {?}
          */
         function () {
-            var _this = this;
             this.getInfo();
-            this.debouncedInput = lodash.debounce((/**
-             * @return {?}
-             */
-            function () {
-                _this.onSeach();
-            }), 300);
         };
         /**
          * @return {?}
@@ -2780,39 +2773,32 @@
             this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
         };
         /**
+         * @param {?} value
          * @return {?}
          */
         RsPageListComponent.prototype.onSeach = /**
+         * @param {?} value
          * @return {?}
          */
-        function () {
+        function (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 {?}
-         */
-        RsPageListComponent.prototype.onInput = /**
-         * @return {?}
-         */
-        function () {
-            this.debouncedInput();
-        };
         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        <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 = {
@@ -2847,17 +2833,10 @@
         RsPageListComponent.prototype.isInner;
         /** @type {?} */
         RsPageListComponent.prototype.onGridSearch;
-        /**
-         * @type {?}
-         * @private
-         */
-        RsPageListComponent.prototype.debouncedInput;
         /** @type {?} */
         RsPageListComponent.prototype.hasWholeToolbarSlot;
         /** @type {?} */
         RsPageListComponent.prototype.translation;
-        /** @type {?} */
-        RsPageListComponent.prototype.searchValue;
     }
 
     /**
@@ -2979,6 +2958,7 @@
         function GridBoxComponent() {
             this.hideSearch = false;
             this.isInner = false;
+            this.onGridSearch = new core.EventEmitter();
             this.hasWholeToolbarSlot = false;
         }
         /**
@@ -2988,14 +2968,7 @@
          * @return {?}
          */
         function () {
-            var _this = this;
             this.getInfo();
-            this.debouncedInput = lodash.debounce((/**
-             * @return {?}
-             */
-            function () {
-                _this.onSeach();
-            }), 300);
         };
         /**
          * @return {?}
@@ -3017,36 +2990,32 @@
             this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
         };
         /**
+         * @param {?} value
          * @return {?}
          */
         GridBoxComponent.prototype.onSeach = /**
+         * @param {?} value
          * @return {?}
          */
-        function () {
+        function (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 {?}
-         */
-        GridBoxComponent.prototype.onInput = /**
-         * @return {?}
-         */
-        function () {
-            this.debouncedInput();
         };
         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      <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 = {
@@ -3055,7 +3024,8 @@
             treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: false },] }],
             wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
             hideSearch: [{ type: core.Input }],
-            isInner: [{ type: core.Input }]
+            isInner: [{ type: core.Input }],
+            onGridSearch: [{ type: core.Output }]
         };
         return GridBoxComponent;
     }());
@@ -3072,17 +3042,12 @@
         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;
     }
 
     /**
@@ -3382,6 +3347,7 @@
             this.flattenMenu = [];
             this.defaultTabUrl = "";
             this.onRefreshTab = new core.EventEmitter();
+            this.onCloseTab = new core.EventEmitter();
             this.subscriptions = [];
             this.TAB_WIDTH = 164;
             this.GAP_NORMAL = 54;
@@ -3641,6 +3607,7 @@
             }
             this.setEllipsisTitle();
             sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
+            this.onCloseTab.emit(tab);
             this.ref.markForCheck();
         };
         /**
@@ -3876,6 +3843,7 @@
             flattenMenu: [{ type: core.Input }],
             defaultTabUrl: [{ type: core.Input }],
             onRefreshTab: [{ type: core.Output }],
+            onCloseTab: [{ type: core.Output }],
             onResize: [{ type: core.HostListener, args: ["window:resize", ["$event"],] }]
         };
         return MultiTabComponent;
@@ -3893,6 +3861,8 @@
         MultiTabComponent.prototype.defaultTabUrl;
         /** @type {?} */
         MultiTabComponent.prototype.onRefreshTab;
+        /** @type {?} */
+        MultiTabComponent.prototype.onCloseTab;
         /**
          * @type {?}
          * @private
@@ -22196,6 +22166,99 @@
         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 ::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 = 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
@@ -23307,6 +23370,146 @@
         return KeepAliveService;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: lib/form/confirm-select/index.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var ConfirmSelectComponent = /** @class */ (function () {
+        function ConfirmSelectComponent() {
+            this.dataSource = [];
+            this.disabled = false;
+            this.fields = { text: "Game", value: "Id" };
+            this.showSelectAll = true;
+            this.valueChange = new core.EventEmitter();
+            this.selectedItems = [];
+            this.isInteracted = false;
+        }
+        /**
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.getInfo();
+            this.resetSelectedItems();
+        };
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            if (changes.value && !changes.value.firstChange) {
+                this.resetSelectedItems();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.getInfo = /**
+         * @return {?}
+         */
+        function () {
+            this.translation = JSON.parse(localStorage.getItem("translation"));
+        };
+        /**
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.resetSelectedItems = /**
+         * @return {?}
+         */
+        function () {
+            this.selectedItems = JSON.parse(JSON.stringify(this.value || []));
+        };
+        /**
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.onCancel = /**
+         * @return {?}
+         */
+        function () {
+            this.isInteracted = true;
+            this.resetSelectedItems();
+            this.comfirmSelect.hidePopup();
+        };
+        /**
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.onApply = /**
+         * @return {?}
+         */
+        function () {
+            this.isInteracted = true;
+            /** @type {?} */
+            var val = this.comfirmSelect.value;
+            this.valueChange.emit(val);
+            this.comfirmSelect.hidePopup();
+        };
+        /**
+         * @param {?} e
+         * @return {?}
+         */
+        ConfirmSelectComponent.prototype.onClose = /**
+         * @param {?} e
+         * @return {?}
+         */
+        function (e) {
+            if (this.isInteracted) {
+                this.isInteracted = false;
+            }
+            else {
+                this.resetSelectedItems();
+            }
+        };
+        ConfirmSelectComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: "rs-confirm-select",
+                        template: "<div class=\"rs-confirm-select\">\r\n  <ejs-multiselect\r\n    #comfirmSelect\r\n    [dataSource]=\"dataSource\"\r\n    [showDropDownIcon]=\"true\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"selectedItems\"\r\n    [fields]=\"fields\"\r\n    [showSelectAll]=\"showSelectAll\"\r\n    mode=\"CheckBox\"\r\n    [footerTemplate]=\"footerTemplate\"\r\n    [showClearButton]=\"false\"\r\n    (close)=\"onClose($event)\"\r\n  >\r\n    <ng-template #footerTemplate=\"\" let-data=\"data\">\r\n      <div class=\"confirm-select-footer\">\r\n        <button class=\"e-btn\" (click)=\"onCancel()\">Cancel</button>\r\n        <button class=\"e-btn e-primary\" (click)=\"onApply()\">Apply</button>\r\n      </div>\r\n    </ng-template>\r\n  </ejs-multiselect>\r\n</div>\r\n",
+                        styles: [".confirm-select-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:12px;height:40px;border-top:solid 1px var(--rs-border-color)}"]
+                    }] }
+        ];
+        ConfirmSelectComponent.propDecorators = {
+            comfirmSelect: [{ type: core.ViewChild, args: ["comfirmSelect", { static: false },] }],
+            value: [{ type: core.Input }],
+            dataSource: [{ type: core.Input }],
+            disabled: [{ type: core.Input }],
+            fields: [{ type: core.Input }],
+            placeholder: [{ type: core.Input }],
+            showSelectAll: [{ type: core.Input }],
+            valueChange: [{ type: core.Output }]
+        };
+        return ConfirmSelectComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.comfirmSelect;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.value;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.dataSource;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.disabled;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.fields;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.placeholder;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.showSelectAll;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.valueChange;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.translation;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.selectedItems;
+        /** @type {?} */
+        ConfirmSelectComponent.prototype.isInteracted;
+    }
+
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/raise-common-lib.module.ts
@@ -23335,6 +23538,8 @@
                             CheckboxGroupComponent,
                             SwitchInputComponent,
                             EncryptedInputComponent,
+                            SearchInputComponent,
+                            ConfirmSelectComponent,
                             NewActionNotificationComponent,
                             CommonDialogComponent,
                             CommonDeleteComponent,
@@ -23495,6 +23700,8 @@
                             CheckboxGroupComponent,
                             SwitchInputComponent,
                             EncryptedInputComponent,
+                            SearchInputComponent,
+                            ConfirmSelectComponent,
                             DrawerComponent,
                             DrawerFormComponent,
                             ToolbarItemComponent,
@@ -23545,6 +23752,7 @@
     exports.RsCommentaryComponent = RsCommentaryComponent;
     exports.RsPageListComponent = RsPageListComponent;
     exports.RsPageTabComponent = RsPageTabComponent;
+    exports.SearchInputComponent = SearchInputComponent;
     exports.SwitchInputComponent = SwitchInputComponent;
     exports.TagInputComponent = TagInputComponent;
     exports.ToolbarItemComponent = ToolbarItemComponent;
@@ -23552,8 +23760,9 @@
     exports.TruncatedTextToggleComponent = TruncatedTextToggleComponent;
     exports.filterShowSection = filterShowSection;
     exports.ɵa = Debounce;
-    exports.ɵb = NewActionNotificationComponent;
-    exports.ɵc = CommonDeleteComponent;
+    exports.ɵb = ConfirmSelectComponent;
+    exports.ɵc = NewActionNotificationComponent;
+    exports.ɵd = CommonDeleteComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });