ngx-histaff-alpha 6.5.9 → 6.6.2

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-a_p3RrmK.mjs → ngx-histaff-alpha-ngx-histaff-alpha-q6N_damo.mjs}

@@ -5399,6 +5399,17 @@ class CoreLocalStorageService {
             console.warn('localStorage.clearByNamespace failed:', namespace, err);
         }
     }
+    /* ----------------------------------------------------------
+     1) Hash SHA-256 (built-in Web Crypto API)
+  ---------------------------------------------------------- */
+    async sha256(text) {
+        const encoder = new TextEncoder();
+        const data = encoder.encode(text);
+        const digest = await crypto.subtle.digest("SHA-256", data);
+        return Array.from(new Uint8Array(digest))
+            .map(b => b.toString(16).padStart(2, "0"))
+            .join("");
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreLocalStorageService, providedIn: 'root' }); }
 }
@@ -12414,17 +12425,6 @@ var ECoreTableToolClass;
     ECoreTableToolClass["navigate"] = "navigate-icon";
 })(ECoreTableToolClass || (ECoreTableToolClass = {}));
 class CoreTableComponent extends CoreFormControlBaseComponent {
-    /* ----------------------------------------------------------
-       1) Hash SHA-256 (built-in Web Crypto API)
-    ---------------------------------------------------------- */
-    async sha256(text) {
-        const encoder = new TextEncoder();
-        const data = encoder.encode(text);
-        const digest = await crypto.subtle.digest("SHA-256", data);
-        return Array.from(new Uint8Array(digest))
-            .map(b => b.toString(16).padStart(2, "0"))
-            .join("");
-    }
     /* ----------------------------------------------------------
        2) Stable identity cho table:
           route + captions → SHA256 → identity
@@ -12433,7 +12433,7 @@ class CoreTableComponent extends CoreFormControlBaseComponent {
         const route = this.router.url.split("?")[0]; // bỏ query params
         const captions = this.columns?.map(c => c.caption).join("|") ?? "";
         const raw = `${route}::${captions}`;
-        return await this.sha256(raw);
+        return await this.clss.sha256(raw);
     }
     /* ----------------------------------------------------------
        3) State key: alpha:coreTable:state:<identity>
@@ -29580,9 +29580,13 @@ class CoreOrgParamDropdownComponent extends CoreFormControlBaseComponent {
         this.mls = mls;
         this.accessorMode = EnumCoreOrgTreeaAccessorMode.CHECKED;
         this.dropdownHeight = 500;
+        this.savedState = null;
+        this.clss = inject(CoreLocalStorageService);
+        this.stateIsolated$ = new BehaviorSubject(true);
         this.pendingIds = [];
         this.subscriptions = [];
         this.orgIds = [];
+        this.router = inject(Router);
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -29594,49 +29598,99 @@ class CoreOrgParamDropdownComponent extends CoreFormControlBaseComponent {
             const maxZIndex = this.domService.getMaxZIndex();
             this.container.nativeElement.style.setProperty('--max-z-index', maxZIndex + 1);
             this.container.nativeElement.style.setProperty('--dropdown-max-height', this.dropdownHeight + 'px');
-            this.writeValue(this.organizationService.status$.value.activeKeys.map(x => Number(x)));
-            this.subscriptions.push(this.organizationService.status$.subscribe(x => {
-                if (this.accessorMode !== EnumCoreOrgTreeaAccessorMode.CHECKED) {
-                    if (!!x.selectedKey) {
-                        const filteredLinearData = this.organizationService.linerData$.value.filter(i => i.id === Number(x.selectedKey));
-                        if (!!filteredLinearData.length) {
-                            this.valueToShow = filteredLinearData[0].tree$Title || filteredLinearData[0].name;
-                        }
-                        else {
-                            this.valueToShow = '';
-                        }
-                    }
-                    else {
-                        this.valueToShow = '';
-                    }
+            //this.orgParamDropdownId = 
+            this.computeOrgParamDropdownIdentity().then(x => {
+                if (x) {
+                    this.orgParamDropdownId = x;
+                    this.restoreState(this.orgParamDropdownId);
                 }
-                else {
-                    if (!!x.checkedKeys) {
-                        if (x.checkedKeys.length === 1) {
-                            const filteredLinearData = this.organizationService.linerData$.value.filter(i => i.id === Number(x.checkedKeys[0]));
-                            if (!!filteredLinearData.length) {
-                                this.valueToShow = filteredLinearData[0].tree$Title || filteredLinearData[0].name;
-                            }
-                            else {
-                                this.valueToShow = '';
-                            }
-                        }
-                        else if (x.checkedKeys.length === 0) {
-                            this.valueToShow = '';
-                        }
-                        else {
-                            this.valueToShow = this.mls.trans('COMMON.MULTIPLE_SELECTION');
-                        }
+            });
+            //this.writeValue(this.organizationService.status$.value.activeKeys.map(x => Number(x)))
+            /*
+            this.subscriptions.push(
+              this.organizationService.status$.subscribe(x => {
+      
+                if (this.accessorMode !== EnumCoreOrgTreeaAccessorMode.CHECKED) {
+                  if (!!x.selectedKey) {
+                    const filteredLinearData = this.organizationService.linerData$.value.filter(i => i.id === Number(x.selectedKey));
+                    if (!!filteredLinearData.length) {
+                      this.valueToShow = filteredLinearData[0].tree$Title || filteredLinearData[0].name
+                    } else {
+                      this.valueToShow = ''
                     }
-                    else {
-                        this.valueToShow = '';
+                  } else {
+                    this.valueToShow = ''
+                  }
+                } else {
+                  if (!!x.checkedKeys) {
+      
+                    if (x.checkedKeys.length === 1) {
+                      const filteredLinearData = this.organizationService.linerData$.value.filter(i => i.id === Number(x.checkedKeys![0]));
+                      if (!!filteredLinearData.length) {
+                        this.valueToShow = filteredLinearData[0].tree$Title || filteredLinearData[0].name
+                      } else {
+                        this.valueToShow = ''
+                      }
+                    } else if (x.checkedKeys.length === 0) {
+                      this.valueToShow = ''
+                    } else {
+      
+                      this.valueToShow = this.mls.trans('COMMON.MULTIPLE_SELECTION');
+      
                     }
+      
+      
+                  } else {
+                    this.valueToShow = ''
+                  }
                 }
-            }));
+      
+              })
+            )
+            */
         });
     }
     writeValue(obj) {
         this.value = obj;
+        const status = this.organizationService.status$.value;
+        if (!status)
+            return;
+        const linearData = this.organizationService.linerData$.value;
+        switch (this.accessorMode) {
+            case EnumCoreOrgTreeaAccessorMode.ACTIVATED_INHERITANCE:
+            case EnumCoreOrgTreeaAccessorMode.ACTIVATED_SINGLE: {
+                const id = this.value?.[0];
+                if (!id) {
+                    this.valueToShow = '';
+                    break;
+                }
+                const found = linearData.find(i => i.id === Number(id));
+                this.valueToShow = found
+                    ? (found.tree$Title || found.name)
+                    : '';
+                break;
+            }
+            case EnumCoreOrgTreeaAccessorMode.CHECKED: {
+                if (!this.value || this.value.length === 0) {
+                    this.valueToShow = '';
+                    break;
+                }
+                if (this.value.length === 1) {
+                    const id = this.value[0];
+                    const found = linearData.find(i => i.id === Number(id));
+                    this.valueToShow = found
+                        ? (found.tree$Title || found.name)
+                        : '';
+                }
+                else {
+                    this.valueToShow = this.mls.trans('COMMON.MULTIPLE_SELECTION');
+                }
+                break;
+            }
+        }
+        if (this.orgParamDropdownId) {
+            this.saveState(this.orgParamDropdownId);
+        }
     }
     onCancel() {
         this.sourceOpen = false;
@@ -29671,12 +29725,44 @@ class CoreOrgParamDropdownComponent extends CoreFormControlBaseComponent {
         this.expandState = !!!this.expandState;
     }
     onClickClear() {
-        this.writeValue([]);
+        this.writeValue(undefined);
         console.log("CoreOrgParamComponent cleared");
-        this.onChange([]);
+        this.onChange(undefined);
         this.pendingIds = [];
+        this.orgIds = [];
         this.valueToShow = '';
     }
+    async computeOrgParamDropdownIdentity() {
+        const route = this.router.url.split("?")[0]; // bỏ query params
+        const raw = `${route}::${this.computeDomOrder()}`;
+        return await this.clss.sha256(raw);
+    }
+    computeDomOrder() {
+        const el = this.container.nativeElement;
+        // scope: toàn bộ document (đúng theo "scope rất đơn giản")
+        const all = Array.from(document.querySelectorAll('.core-org-param-dropdown-container'));
+        return all.indexOf(el) + 1; // +1 để order bắt đầu từ 1
+    }
+    stateStorageKey(identity) {
+        return `CoreOrgParamDropdown:state:${identity}`;
+    }
+    saveState(identity) {
+        if (!this.value) {
+            this.clss.remove(this.stateStorageKey(identity));
+            return;
+        }
+        const state = {
+            value: [...this.value]
+        };
+        this.clss.set(this.stateStorageKey(identity), state);
+    }
+    restoreState(identity) {
+        const saved = this.clss.get(this.stateStorageKey(identity), null);
+        if (!saved)
+            return;
+        this.savedState = saved;
+        this.value = [...saved.value];
+    }
     ngOnDestroy() {
         this.subscriptions?.forEach(x => x?.unsubscribe());
         if (!!this.listenerFn)
@@ -29687,9 +29773,9 @@ class CoreOrgParamDropdownComponent extends CoreFormControlBaseComponent {
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
-                useExisting: CoreOrgParamDropdownComponent
+                useExisting: forwardRef(() => CoreOrgParamDropdownComponent),
             },
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-org-param-dropdown-container\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <label type=\"text\" class=\"text form-control\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n      <span [appTooltip]=\"valueToShow | translate : lang\">{{ valueToShow | translate : lang }}</span>\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </label>\r\n\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\">\r\n    <core-org-tree [height]=\"dropdownHeight\" [accessorMode]=\"accessorMode\" [(ngModel)]=\"orgIds\"\r\n      (ngModelChange)=\"onIdsChange($event)\"></core-org-tree>\r\n  </div>\r\n\r\n</div>", styles: [".core-org-param-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--max-z-index: 0;--search-height: 38px;--dropdown-max-height: 500px}.core-org-param-dropdown-container input.expand-state,.core-org-param-dropdown-container .value{display:none}.core-org-param-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-org-param-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:20px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-org-param-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-org-param-dropdown-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;border:1px solid #ced4da;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);cursor:pointer}.core-org-param-dropdown-container label.text div.icon i{width:20px;height:20px;color:#848484;font-size:20px}.core-org-param-dropdown-container .dropdown{display:block;position:absolute;width:100%;height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:height .5s ease-out;z-index:calc(var(--max-z-index) + 1)}.core-org-param-dropdown-container .dropdown ul{padding-left:6px}.core-org-param-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-org-param-dropdown-container .dropdown ul>li>label{width:100%}.core-org-param-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-org-param-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;height:calc(var(--dropdown-max-height) + 2px);transition:.25s linear}.core-org-param-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-org-param-dropdown-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }] }); }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-org-param-dropdown-container\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <label type=\"text\" class=\"text form-control\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n      <span [appTooltip]=\"valueToShow | translate : lang\">{{ valueToShow | translate : lang }}</span>\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </label>\r\n\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\">\r\n    <core-org-tree [height]=\"dropdownHeight\" [accessorMode]=\"accessorMode\" [(ngModel)]=\"orgIds\" [stateIsolated$]=\"stateIsolated$\"\r\n      (ngModelChange)=\"onIdsChange($event)\"></core-org-tree>\r\n  </div>\r\n\r\n</div>", styles: [".core-org-param-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--max-z-index: 0;--search-height: 38px;--dropdown-max-height: 500px}.core-org-param-dropdown-container input.expand-state,.core-org-param-dropdown-container .value{display:none}.core-org-param-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-org-param-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:20px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-org-param-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-org-param-dropdown-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;border:1px solid #ced4da;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);cursor:pointer}.core-org-param-dropdown-container label.text div.icon i{width:20px;height:20px;color:#848484;font-size:20px}.core-org-param-dropdown-container .dropdown{display:block;position:absolute;width:100%;height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:height .5s ease-out;z-index:calc(var(--max-z-index) + 1)}.core-org-param-dropdown-container .dropdown ul{padding-left:6px}.core-org-param-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-org-param-dropdown-container .dropdown ul>li>label{width:100%}.core-org-param-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-org-param-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;height:calc(var(--dropdown-max-height) + 2px);transition:.25s linear}.core-org-param-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-org-param-dropdown-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreOrgParamDropdownComponent, decorators: [{
             type: Component,
@@ -29702,9 +29788,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         {
                             provide: NG_VALUE_ACCESSOR,
                             multi: true,
-                            useExisting: CoreOrgParamDropdownComponent
+                            useExisting: forwardRef(() => CoreOrgParamDropdownComponent),
                         },
-                    ], template: "<div #container class=\"core-org-param-dropdown-container\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <label type=\"text\" class=\"text form-control\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n      <span [appTooltip]=\"valueToShow | translate : lang\">{{ valueToShow | translate : lang }}</span>\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </label>\r\n\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\">\r\n    <core-org-tree [height]=\"dropdownHeight\" [accessorMode]=\"accessorMode\" [(ngModel)]=\"orgIds\"\r\n      (ngModelChange)=\"onIdsChange($event)\"></core-org-tree>\r\n  </div>\r\n\r\n</div>", styles: [".core-org-param-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--max-z-index: 0;--search-height: 38px;--dropdown-max-height: 500px}.core-org-param-dropdown-container input.expand-state,.core-org-param-dropdown-container .value{display:none}.core-org-param-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-org-param-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:20px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-org-param-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-org-param-dropdown-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;border:1px solid #ced4da;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);cursor:pointer}.core-org-param-dropdown-container label.text div.icon i{width:20px;height:20px;color:#848484;font-size:20px}.core-org-param-dropdown-container .dropdown{display:block;position:absolute;width:100%;height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:height .5s ease-out;z-index:calc(var(--max-z-index) + 1)}.core-org-param-dropdown-container .dropdown ul{padding-left:6px}.core-org-param-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-org-param-dropdown-container .dropdown ul>li>label{width:100%}.core-org-param-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-org-param-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;height:calc(var(--dropdown-max-height) + 2px);transition:.25s linear}.core-org-param-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-org-param-dropdown-container input.search:focus{outline:none}\n"] }]
+                    ], template: "<div #container class=\"core-org-param-dropdown-container\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <label type=\"text\" class=\"text form-control\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n      <span [appTooltip]=\"valueToShow | translate : lang\">{{ valueToShow | translate : lang }}</span>\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </label>\r\n\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!value\" (click)=\"onClickClear()\">\r\n      <div class=\"flex-wrapper\" [appTooltip]=\"'UI.CORE_CONTOL_COMMON_CLEAR' | translate : lang\">\r\n        <i class=\"feather-x\"></i>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n\r\n  <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\">\r\n    <core-org-tree [height]=\"dropdownHeight\" [accessorMode]=\"accessorMode\" [(ngModel)]=\"orgIds\" [stateIsolated$]=\"stateIsolated$\"\r\n      (ngModelChange)=\"onIdsChange($event)\"></core-org-tree>\r\n  </div>\r\n\r\n</div>", styles: [".core-org-param-dropdown-container{position:relative;display:block;--indicator-height: 0px;--search-bg-color: white;--search-border-color: #D1D1D1;--search-item-hover-bg: #358ccb;--search-item-hover-color: white;--dropdown-bg: lightyellow;--arrow-color: #358ccb;--height: var(--size-form-control-height);--max-z-index: 0;--search-height: 38px;--dropdown-max-height: 500px}.core-org-param-dropdown-container input.expand-state,.core-org-param-dropdown-container .value{display:none}.core-org-param-dropdown-container label.text{width:100%;height:var(--height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between}.core-org-param-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:20px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-org-param-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-org-param-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-org-param-dropdown-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;border:1px solid #ced4da;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);cursor:pointer}.core-org-param-dropdown-container label.text div.icon i{width:20px;height:20px;color:#848484;font-size:20px}.core-org-param-dropdown-container .dropdown{display:block;position:absolute;width:100%;height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:height .5s ease-out;z-index:calc(var(--max-z-index) + 1)}.core-org-param-dropdown-container .dropdown ul{padding-left:6px}.core-org-param-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-org-param-dropdown-container .dropdown ul>li>label{width:100%}.core-org-param-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-org-param-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;height:calc(var(--dropdown-max-height) + 2px);transition:.25s linear}.core-org-param-dropdown-container input.search{margin:0;width:100%;border:0;border-bottom:1px solid var(--search-border-color);background-color:var(--search-bg-color);position:sticky;top:0;height:38px;padding:6px 12px;font-size:15px}.core-org-param-dropdown-container input.search:focus{outline:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: LayoutService }, { type: DomService }, { type: OrganizationService }, { type: MultiLanguageService }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container']
@@ -29994,7 +30080,7 @@ class CoreParamControlComponent extends BaseComponent {
         this.ngModelSubscription?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreParamControlComponent, deps: [{ token: MultiLanguageService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreParamControlComponent, isStandalone: true, selector: "core-param-control", inputs: { control: "control", enableTimeZoneConverterForDateTimePeriodParameters: "enableTimeZoneConverterForDateTimePeriodParameters" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight", "optionApiDriven", "optionApi", "optionHttpVerb", "optionHttpPayload", "optionValueFrom", "optionTextFrom"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgParamComponent, selector: "core-org-param", inputs: ["accessorMode"] }, { kind: "component", type: CoreOrgParamDropdownComponent, selector: "core-org-param-dropdown", inputs: ["accessorMode", "dropdownHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "component", type: CoreYearSelectorComponent, selector: "core-year-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "getByIdApi", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "placeholder", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore", "disabledDoubleClick", "selfEnrichmentApiDriven", "selfEnrichmentApi", "selfEnrichmentHttpVerb", "selfEnrichmentHttpPayload", "selfEnrichmentShownFrom"], outputs: ["onDoubleClick", "selectedDataChange", "fullValueRowChange"] }, { kind: "component", type: CoreFileFormatPickerComponent, selector: "core-file-format-picker" }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: CoreParamControlComponent, isStandalone: true, selector: "core-param-control", inputs: { control: "control", enableTimeZoneConverterForDateTimePeriodParameters: "enableTimeZoneConverterForDateTimePeriodParameters" }, host: { listeners: { "window:click": "onWindowClick()" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"core-param-control-container\">\r\n\r\n    {{ control.ngModel }}\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight", "optionApiDriven", "optionApi", "optionHttpVerb", "optionHttpPayload", "optionValueFrom", "optionTextFrom"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "placeholder", "readonly", "disabled"] }, { kind: "component", type: CoreOrgParamComponent, selector: "core-org-param", inputs: ["accessorMode"] }, { kind: "component", type: CoreOrgParamDropdownComponent, selector: "core-org-param-dropdown", inputs: ["accessorMode", "dropdownHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align", "placeholder"], outputs: ["onYearClick"] }, { kind: "component", type: CoreYearSelectorComponent, selector: "core-year-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "getByIdApi", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "placeholder", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore", "disabledDoubleClick", "selfEnrichmentApiDriven", "selfEnrichmentApi", "selfEnrichmentHttpVerb", "selfEnrichmentHttpPayload", "selfEnrichmentShownFrom"], outputs: ["onDoubleClick", "selectedDataChange", "fullValueRowChange"] }, { kind: "component", type: CoreFileFormatPickerComponent, selector: "core-file-format-picker" }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign", "placeholder"], outputs: ["onLeftFocus"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreParamControlComponent, decorators: [{
             type: Component,
@@ -30013,7 +30099,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CoreFormControlSeekerComponent,
                         CoreFileFormatPickerComponent,
                         CoreCurrencyInputComponent
-                    ], template: "<div class=\"core-param-control-container\">\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"] }]
+                    ], template: "<div class=\"core-param-control-container\">\r\n\r\n    {{ control.ngModel }}\r\n\r\n    <!-- START: LABEL SESSION-->\r\n    <label [class]=\"'control-label'\" *ngIf=\"control.controlType==='CHECKBOX'\">\r\n    </label>\r\n    <!-- ('UI.COMMON_FILTER' | translate: lang) + -->\r\n    <label *ngIf=\"control.name==='dateFrom'\">\r\n        {{\r\n\r\n        (control.label | translate: lang) +\r\n        ('UI.COMMON_FROM' | translate: lang)\r\n        }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.name==='dateTo'\">\r\n        {{\r\n        'UI.COMMON_TO' | translate: lang\r\n        }}\r\n    </label>\r\n    <label *ngIf=\"control.controlType=='DATEPICKER' && control.name!=='dateFrom' && control.name!=='dateTo'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n\r\n    <label *ngIf=\"control.controlType!=='CHECKBOX' && control.controlType!=='DATEPICKER' && control.controlType!=='REPORT_FORMAT'\">\r\n        {{ control.label | translate: lang }}\r\n    </label>\r\n    <!-- START: LABEL SESSION-->\r\n\r\n    <!-- START: FORM-CONTROL SESSION-->\r\n    @switch (control.controlType) {\r\n\r\n    @case ('SEEKER') {\r\n    @if (control.seekerSourceType==='ORGANIZATION_UNIT_SEEK') {\r\n    <core-org-param [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param>\r\n    }\r\n    @else {\r\n    <!-- This code works,\r\n    To do: Avoid hard-coding such as 'id', 'contractNo' and 300 etc -->\r\n    <core-form-control-seeker \r\n        [paramMode]=\"true\"\r\n        [boundFrom]=\"control.boundFrom || 'id'\"\r\n        [shownFrom]=\"control.shownFrom!\"\r\n        [seekerSourceType]=\"control.seekerSourceType!\" \r\n        [multiMode]=\"control.multiMode!\"\r\n        [objectList$]=\"control.objectList$!\"\r\n        [getByIdObject$]=\"control.getByIdObject$!\"\r\n        [getByIdApi]=\"control.getByIdApi!\"\r\n        [excludeExistingList]=\"true\"\r\n        [multiModeTableHeight]=\"300\" \r\n        [placeholder]=\"control.placeholder!\"\r\n        [click$]=\"control.click$!\"\r\n        [disabledDoubleClick]=\"control.disabledDoubleClick!\"\r\n        [(ngModel)]=\"control.ngModel\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\">\r\n    </core-form-control-seeker>\r\n    }\r\n    }\r\n\r\n    @case ('TEXTBOX') {\r\n\r\n    @if (control.type==='date') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" useValueAsDate>\r\n    }\r\n\r\n    @if (control.type==='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\" [step]=\"control.step || '1'\">\r\n    }\r\n\r\n    @if (control.type!=='date' && control.type!=='number') {\r\n    <input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [type]=\"control.type\" [disabled]=\"!!control.disabled!\" class=\"form-control\">\r\n    }\r\n\r\n    }\r\n\r\n    @case ('CURRENCY') {\r\n    <core-currency-input [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [disabled]=\"!!control.disabled!\"></core-currency-input>\r\n    }\r\n\r\n    @case ('CHECKBOX') {\r\n    <core-checkbox [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [text]=\"control.label\" [inputValue]=\"control.value\" [disabled]=\"!!control.disabled!\"></core-checkbox>\r\n    }\r\n\r\n    @case ('DATEPICKER') {\r\n    <core-date-picker [(ngModel)]=\"control.ngModel\" (ngModelChange)=\"control.ngModelChange(control.name, $event)\"\r\n        [rangeLimit]=\"control.rangeLimit!\"\r\n        [enableTimeZoneConverter]=\"enableTimeZoneConverterForDateTimePeriodParameters\" [disabled]=\"!!control.disabled!\"\r\n        [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n    }\r\n\r\n    @case ('DROPDOWN') {\r\n    @if (!!control.dropdownOptions$) {\r\n    <core-dropdown [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.dropdownOptions$!\"></core-dropdown>\r\n    }\r\n    }\r\n\r\n    @case ('CHECKLIST') {\r\n    @if (!!control.checklistOptions$) {\r\n    <core-checklist [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [paramMode]=\"true\"\r\n        [options$]=\"control.checklistOptions$!\"></core-checklist>\r\n    }\r\n    }\r\n\r\n    @case ('ORG_PARAM_DROPDOWN') {\r\n    <core-org-param-dropdown [accessorMode]=\"control.accessorMode!\" [(ngModel)]=\"control.ngModel\"\r\n        [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-org-param-dropdown>\r\n    }\r\n\r\n    @case ('MONTHSELECTOR') {\r\n    <core-month-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-month-selector>\r\n    }\r\n\r\n    @case ('YEARSELECTOR') {\r\n        <core-year-selector [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n            (ngModelChange)=\"control.ngModelChange(control.name, $event)\" [align]=\"'left'\"></core-year-selector>\r\n        }\r\n\r\n    @case ('REPORT_FORMAT') {\r\n    <core-file-format-picker [(ngModel)]=\"control.ngModel\" [disabled]=\"!!control.disabled!\"\r\n        (ngModelChange)=\"control.ngModelChange(control.name, $event)\"></core-file-format-picker>\r\n    }\r\n\r\n    }\r\n\r\n</div>", styles: [".core-param-control-container{padding-left:0;font-size:13px}.core-param-control-container label{color:#848484}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: AlertService }], propDecorators: { control: [{
                 type: Input
             }], enableTimeZoneConverterForDateTimePeriodParameters: [{
@@ -32134,7 +32220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const hrmSchemaRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-CwD71dcc.mjs').then(m => m.HrmSchemaComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-hrm-schema.component-CkXimjGa.mjs').then(m => m.HrmSchemaComponent)
     }
 ];
 
@@ -34307,7 +34393,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-kgT6oHEP.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-oUfod5Lj.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -34973,7 +35059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreSysActionRoutes = [
     {
         path: "",
-        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-49ClhUYT.mjs').then(m => m.CoreSysActionComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-sys-action.component-sdc_nA__.mjs').then(m => m.CoreSysActionComponent),
         children: [
             {
                 path: ":id",
@@ -36366,11 +36452,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const sysSmtpClientRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-DnPCvCvu.mjs').then(m => m.SysSmtpClientComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client.component-B7BhlGDm.mjs').then(m => m.SysSmtpClientComponent),
         children: [
             {
                 path: ':id',
-                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-BRfI9xfI.mjs').then(m => m.SysSmtpClientEditComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-sys-smtp-client-edit.component-Ry4FeUPi.mjs').then(m => m.SysSmtpClientEditComponent),
                 outlet: 'corePageListAux'
             }
         ]
@@ -37556,11 +37642,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreDocGenRoutes = [
     {
         path: 'template-list',
-        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-CxbcizPE.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-wXg-VmYD.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-C9e83Wx3.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-KuEdnw6J.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -37589,7 +37675,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BbMhVVY9.mjs').then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-Q7Mkj3Sw.mjs').then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -38500,7 +38586,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BcevcaX3.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BanWB1v7.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -41603,33 +41689,33 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-COwhOpq_.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-BXbhksfX.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'global-config',
-                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-CM9yHKLd.mjs').then(m => m.WfGlobalConfigComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-wf-global-config.component-DtSoCMp9.mjs').then(m => m.WfGlobalConfigComponent)
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-CpqDyd6d.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-DET37h-d.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BRWsSdsH.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-BX_Z-pZt.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-D9yEPVnX.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-d4utoe.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-D9yEPVnX.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-C-d4utoe.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -41639,21 +41725,21 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-CE9_pw33.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-C6VCPmmi.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-BgVyc_2N.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-xdLSFaSv.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BkV0bd4V.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-BgR1sAaE.mjs').then(m => m.WfInstanceStatusComponent)
     },
     {
         path: 'lab',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-sJQxqHIZ.mjs').then(m => m.WfLabComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-lab.component-BZAQ2s5T.mjs').then(m => m.WfLabComponent)
     }
 ];
 
@@ -44262,4 +44348,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { EnumCoreButtonVNSCode as $, AppService as A, BaseComponent as B, ChatService as C, DragReorderDirective as D, EnumFormBaseContolType as E, FullscreenModalLoaderComponent as F, DomService as G, CoreDropdownComponent as H, ImageErrorResolverDirective as I, CoreChecklistComponent as J, CoreDatePickerComponent as K, CoreFormControlSeekerComponent as L, MultiLanguageService as M, CoreCurrencyInputComponent as N, EnumActorSourceType as O, CoreParamControlComponent as P, CoreRadioGroupComponent as Q, GptService as R, StringHtmlPipe as S, TooltipDirective as T, CoreStickerCollectionComponent as U, ApplicationHelpService as V, HotKeysDirective as W, EnumCorePageEditMode as X, CoreFormComponent as Y, NavigatorService as Z, JsonService as _, AppConfigService as a, ClientService as a$, READONLY_WORKFLOW_FIELDS as a0, noneAutoClosedAlertOptions as a1, CoreButtonGroupVnsComponent as a2, EnumFilterOperator as a3, HtmlTooltipDirective as a4, CoreControlNoFormArrayComponent as a5, EnumFormDesignMode as a6, CoreControlComponent as a7, JsonSafePipe as a8, CoreAttachmentComponent as a9, EnumSignalRType as aA, EnumSortDirection as aB, EnumStyleButtonClass as aC, CanActivateFunctionUrlMapperGuard as aD, InitializationCanActivateFn as aE, InitializationCanMatchFn as aF, httpInterceptorProviders as aG, InterceptorSkipHeader as aH, appTypeInterceptor as aI, baseUrlInterceptor as aJ, authInterceptor as aK, graphInterceptor as aL, tokenInterceptor as aM, responseInterceptor as aN, timeZoneInterceptor as aO, cachingInterceptor as aP, langInterceptor as aQ, OnlineUsersComponent as aR, ActionService as aS, AppInitializationService as aT, AuthService as aU, CacheService as aV, EnumSwUpdateVersionUpdatesEventType as aW, CheckForUpdateService as aX, EnumDeviceType as aY, EnumBrowserType as aZ, EnumOsType as a_, CoreMonthSelectorComponent as aa, EnumImageResolverType as ab, NormalizeHumanNamePipe as ac, CoreIosSwitcherComponent as ad, SunnyRotatingComponent as ae, MapAppdemoToServerPipePipe as af, MapAttachmentToServerPipe as ag, MapNewsfeedMediaToServerPipe as ah, UploadedFilenameCutoffPipe as ai, DialogStateComponent as aj, FooterComponent as ak, RightchatComponent as al, WaittingScreenComponent as am, longAlertOptions as an, attachmentOptions as ao, CORE_VNS_BUTTONS as ap, defaultPaging as aq, DESKTOP_SCREEN_HEDER_HEIGHT as ar, MOBILE_SCREEN_HEDER_HEIGHT as as, themeBlue as at, DATE_VALUE_ACCESSOR as au, DateValueAccessor as av, EnumDragType as aw, EnumErrorType as ax, EnumIconClass as ay, EnumProfileInfoSector as az, AlertService as b, MenuEditComponent as b$, CommonHttpRequestService as b0, TLA_CONFIG as b1, ConfigService as b2, CoreLocalStorageService as b3, CoreTableService as b4, DndService as b5, DocxMergeService as b6, FilterKitService as b7, GrpcService as b8, HeaderService as b9, SysMenuService as bA, TimeSheetService as bB, TopicPermissionService as bC, TopicTreeService as bD, UploadedFileService as bE, UrlService as bF, UserActivityService as bG, EvaluateDialogService as bH, EnumWorkScheduleViewMode as bI, WorkShiftDndService as bJ, AtShiftPatternComponent as bK, AtShiftPatternApplyComponent as bL, AtShiftPatternEditComponent as bM, AtWorksignComponent as bN, AtWorksignService as bO, FunctionComponent as bP, IndividualScheduleApplyComponent as bQ, FunctionEditComponent as bR, FunctionIgnoreComponent as bS, FunctionIgnoreEditComponent as bT, GroupFunctionComponent as bU, GroupFunctionEditComponent as bV, hrmSchemaRoutes as bW, InMemoryComponent as bX, LanguageComponent as bY, LanguageEditComponent as bZ, MenuComponent as b_, HistoryService as ba, HttpErrorHandler as bb, HubConnectionService as bc, IpServiceService as bd, LayoutService as be, LiquidJsService as bf, MapService as bg, MenuService as bh, MessageService as bi, ModalService as bj, OrganizationService as bk, PkceService as bl, PositionTransferService as bm, EnumNotificationDir as bn, NotificationActionType as bo, PushNotificationService as bp, RandomAvatarService as bq, RequestCache as br, RequestCacheWithMap as bs, ResponseService as bt, RoutingService as bu, EnumSsrsExpressFileExtension as bv, EnumSsrsExpressExportFormat as bw, SsrsExpressService as bx, StatisticService as by, StatisticAuthService as bz, CoreTerminalSpinnerComponent as c, coreDocGenRoutes as c$, MutationLogComponent as c0, MutationViewComponent as c1, PaSalaryPolicyComponent as c2, PaSalaryPolicyEditComponent as c3, PortalRouteComponent as c4, ScheduleOverviewComponent as c5, simpleChatRoutes as c6, PortalRouteEditComponent as c7, SysOtherListComponent as c8, SysOtherListEditComponent as c9, CoreButtonComponent as cA, CoreAccordionComponent as cB, CoreAccordionService as cC, CoreActiveUserCountComponent as cD, NewlyCreatedTokenService as cE, CoreApiProgressComponent as cF, CoreButtonGroupComponent as cG, EnumCoreButtonCode as cH, ActionSvgEditComponent as cI, CoreButtonGroupService as cJ, CoreButtonVnsComponent as cK, CoreCommonParamKitComponent as cL, CoreCompareDbPipelineComponent as cM, CoreCompositionState as cN, CoreCompositionService as cO, CoreCompositionComponent as cP, CoreConfirmDialogComponent as cQ, ConfirmDialogStateComponent as cR, CoreLazyMountComponent as cS, CoreRootMenuItemPickerComponent as cT, CoreRootMenuItemPickerService as cU, ECoreTableToolCode as cV, ECoreTableToolClass as cW, CoreTableComponent as cX, CoreContractSeekerComponent as cY, CoreControlNoGridBufferComponent as cZ, CoreControlNoSeekerComponent as c_, SysOtherListTypeComponent as ca, SysOtherListTypeEditComponent as cb, coreSysActionRoutes as cc, SysActionComponent as cd, SysActionEditComponent as ce, SysFunctionActionComponent as cf, SysFunctionActionEditComponent as cg, SysFunctionActionMapperComponent as ch, SysFunctionUrlMapperComponent as ci, FunctionEditService as cj, SysModuleComponent as ck, SysModuleEditComponent as cl, SysRouteAccessComponent as cm, sysSmtpClientRoutes as cn, liner_to_nested_array_script as co, blob_to_base64_script as cp, AlertComponent as cq, EnumAlertType as cr, IAlertOptions as cs, AnimatedTextService as ct, AnimatedTextComponent as cu, BaseDropdownComponent as cv, ButtonGroupModule as cw, ButtonGroupService as cx, ButtonGroupComponent as cy, EnumButtonCaptionCode as cz, CorePageHeaderComponent as d, CorePaginationFullComponent as d$, CoreDocgenToolbarComponent as d0, CoreEmployeeScheduleComponent as d1, CoreEmployeeSeekerComponent as d2, EnumCoreFileUploaderType as d3, CoreFileUploaderComponent as d4, CoreFilterHubComponent as d5, CoreFilterHubService as d6, ControlBase as d7, Textbox as d8, CoreControlService as d9, CoreNavigationTrackerComponent as dA, coreNavigationTrackerRoutes as dB, CoreOauthCallbackComponent as dC, CoreOauthCallbackOffice365Component as dD, EnumCoreOrgTreeaAccessorMode as dE, EnumCoreOrgTreeaSearchMode as dF, CoreOrgTreeComponent as dG, CoreOrgTreeState as dH, CoreOrgTreeService as dI, CoreOrgUnitSeekerComponent as dJ, CoreOrgchartflexComponent as dK, CARD_COLORS as dL, CoreOrgchartflexWrapperComponent as dM, coreOrgchartflexRoutes as dN, CoreOrgParamComponent as dO, EnumCorePageEditBootstrapClass as dP, EnumCorePageEditFieldType as dQ, CorePageEditService as dR, CorePageEditLiteComponent as dS, CorePageEditTabComponent as dT, EnumExType as dU, CorePageListService as dV, CorePageListState as dW, CorePageListContentComponent as dX, EnumCoreViewItemType as dY, CorePageViewComponent as dZ, CorePaginationComponent as d_, CustomValidators as da, URL_PATTERN as db, coreFormDesignRoutes as dc, CoreFormTabComponent as dd, CoreFormLiteComponent as de, CoreFormControlBaseComponent as df, EnumCoreSeekerColumnJob as dg, EnumCoreSeekerColumnStaffProfile as dh, EnumCoreSeekerColumnContract as di, EnumCoreSeekerColumnWorking as dj, EnumCoreSeekerColumnWage as dk, EnumCoreSeekerColumnPosition as dl, EnumCoreSeekerColumnPositionConcurrent as dm, EnumCoreSeekerColumnAutoForm as dn, SeekerService as dp, CoreGridBufferComponent as dq, CoreHeaderParamsComponent as dr, CoreHelperComponent as ds, CoreLineComponent as dt, CoreLiquidWysiwygComponent as du, CoreListComponent as dv, CoreListLazyComponent as dw, CoreLoadingSurfaceComponent as dx, CoreMccComponent as dy, CoreMonthPickerComponent as dz, TranslatePipe as e, CoreDatetimeService as e$, CorePaginationFullService as e0, CoreFileFormatPickerComponent as e1, CorePermissionService as e2, EnumPermissionObjectType as e3, CorePermissionComponent as e4, CorePermissionActionsComponent as e5, CorePositionConcurrentSeekerComponent as e6, CorePositionSeekerComponent as e7, CoreQrcodeComponent as e8, EnumOparator as e9, CoreWorkflowBuilderComponent as eA, CoreWorkflowGroupEditComponent as eB, CoreYearPickerComponent as eC, CoreYearSelectorComponent as eD, EnumCoreD3ScaleType as eE, CoreD3Service as eF, CorePieComponent as eG, CoreScatterPlotComponent as eH, EnumHrComparisonCode as eI, EnumICoreStatisticWidgetDataType as eJ, CoreStatisticWidgetComponent as eK, DecisionComponent as eL, EvaluateDialogComponent as eM, HuconcurrentlyComponent as eN, JobComponent as eO, LanguageChangerComponent as eP, DEFAULT_SVG as eQ, ItemComponent as eR, NavigatorComponent as eS, OtpInputComponent as eT, OtpInputService as eU, PageTitleComponent as eV, PaginationComponent as eW, FilterPipe as eX, normalizeHumanName as eY, PositionComponent as eZ, PositionEditService as e_, CoreQueryBuilderComponent as ea, CoreReducerIconComponent as eb, CoreRotatingTextComponent as ec, CoreRouteAccumulatorComponent as ed, CoreRoutingHistoryComponent as ee, CoreSalaryPolicyPickerComponent as ef, CoreScrollComponent as eg, CoreScrollLazyComponent as eh, CoreSeenByComponent as ei, CoreShiftCardComponent as ej, CoreShiftCellComponent as ek, CoreShiftCollectionComponent as el, CoreShiftStickerComponent as em, STICKER_COLOR_SCHEMA as en, CoreSubFormGroupComponent as eo, CoreTabListComponent as ep, CoreTagsComponent as eq, CoreTopicPickerComponent as er, EnumCoreArticleCategoryTreeaAccessorMode as es, CoreTopicTreeComponent as et, CoreTreeComponent as eu, EnumCoreTreeGridEditMode as ev, CoreTreeGridComponent as ew, CoreWageSeekerComponent as ex, CoreWorkingSeekerComponent as ey, coreWorkflowRoutes as ez, CorePageListComponent as f, FileService as f0, LongTaskService as f1, EnumRecursiveFields as f2, RecursiveService as f3, StringService as f4, UnicodeService as f5, StaffProfileComponent as f6, ThreedotsComponent as f7, TooltipComponent as f8, UserActivityComponent as f9, WageComponent as fa, tooltip_directive as fb, coreStickerCollection_component as fc, dragReorder_directive as fd, CoreStatusStickerComponent as g, BaseEditComponent as h, DialogService as i, CorePageEditComponent as j, EnumCoreTablePipeType as k, CoreCheckboxComponent as l, CoreTabsComponent as m, CoreWorkflowService as n, EnumCoreFormControlSeekerSourceType as o, CoreFormService as p, DbService as q, AiHintForColumnComponent as r, CoreWorkflowListComponent as s, CanDeactivateGuard as t, TableCellPipe as u, MapAvatarToServerPipe as v, alertOptions as w, SocketService as x, CoreFormDesignService as y, EnumWorkflowStepType as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-a_p3RrmK.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-q6N_damo.mjs.map