ngx-histaff-alpha 6.0.6 → 6.0.7

package/fesm2022/{ngx-histaff-alpha-ngx-histaff-alpha-DBfWI_L2.mjs → ngx-histaff-alpha-ngx-histaff-alpha-BUPBaatN.mjs}

@@ -3763,6 +3763,9 @@ class AppInitializationService {
                 this.appConfigService.LOGO_HEADER = LOGO_HEADER;
                 this.appConfigService.HOME_BACKGROUND_IMAGE = HOME_BACKGROUND_IMAGE;
                 this.appConfigService.FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR = FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR;
+                if (!!(FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR?.length)) {
+                    this.dynamicStyleService.setRequiredHighlight(FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR);
+                }
                 this.appConfigService.OAUTH2_OIDC_ENABLED = OAUTH2_OIDC_ENABLED;
                 this.appConfigService.OAUTH2_OIDC_CLIENT_ID = OAUTH2_OIDC_CLIENT_ID;
                 this.appConfigService.OAUTH2_OIDC_LOGIN_URI = OAUTH2_OIDC_LOGIN_URI;
@@ -3987,9 +3990,6 @@ class AppInitializationService {
             console.log("appInitialize() zip() error: ", e);
         }
         finally {
-            if (!!(this.appConfigService.FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR?.length)) {
-                this.dynamicStyleService.setRequiredHighlight(this.appConfigService.FORM_CONTROL_REQUIRED_HIGHLIGHT_COLOR);
-            }
             console.log("finally");
         }
     }
@@ -16779,7 +16779,7 @@ class CoreDatePickerComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: CoreDatePickerComponent
             }
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "backward", first: true, predicate: ["backward"], descendants: true }, { propertyName: "calendarBody", first: true, predicate: ["calendarBody"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-date-picker-container\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"openState\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"monthPickerActive\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"yearPickerActive\">\r\n    <input #backward type=\"checkbox\" class=\"tl-datepicker-direction\">\r\n\r\n    <div class=\"p-relative\">\r\n        <input #input type=\"text\" class=\"form-control\" [placeholder]=\"showPlaceholder ? (placeholder || 'dd/mm/yyyy') : ''\"\r\n            maxlength=\"10\" [(ngModel)]=\"textValue\" [class.form-control-disabled]=\"disabled\" [disabled]=\"disabled\" [class.has-error]=\"hasError\" (blur)=\"onBlur($event)\"\r\n            [class.required-highlight]=\"!!required\">\r\n\r\n        <!-- <label class=\"icon\" (click)=\"toggleOpen()\"></label> -->\r\n\r\n        <div class=\"calendar-icon-wrapper\" [class.form-control-disabled]=\"disabled\"\r\n            (click)=\"toggleOpen()\">\r\n            <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n                <i class=\"feather-calendar\"></i>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"tl-date-picker-popup\" [class.open]=\"openState\" [ngStyle]=\"{\r\n        left: (!popupAlign ||  popupAlign === 'left') ? '0px' : 'auto',\r\n        right: (popupAlign === 'right') ? '0px' : 'auto',\r\n    }\">\r\n        <div class=\"date-picker-session\" [class.d-none]=\"monthPickerActive || yearPickerActive\">\r\n            <div class=\"navigator\">\r\n                <label class=\"month-dropdown\" (click)=\"toggleMonthPickerActive()\">{{ currentMonthText }} {{\r\n                    currentMonthObject$.value.year }}</label>\r\n                <div class=\"arrows\">\r\n                    <div class=\"go-up\" (click)=\"goBackward()\"></div>\r\n                    <div class=\"go-down\" (click)=\"goForeward()\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"weekday-header\">\r\n                <ul>\r\n                    @for (day of headerWeekdays; track $index) {\r\n                    <li [class.t7]=\"$index===5\" [class.cn]=\"$index===6\">\r\n                        <div>{{ day }}</div>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </div>\r\n            <div class=\"calendar-body-container\">\r\n                <div #calendarBody class=\"calendar-body\" [class.slide-up]=\"direction===1\"\r\n                    [class.slide-down]=\"direction===-1\">\r\n                    @for (week of data; track $index) {\r\n                    <ul>\r\n                        @for (item of week.items; track $index) {\r\n                        <li [appTooltip]=\"item.dateValue.toLocaleDateString()\" [showAnyway]=\"isDevMode\">\r\n                            <div [class.out-of-month]=\"!!!item.currentMonth\" [class.t7]=\"$index===5\"\r\n                                [class.cn]=\"$index===6\"\r\n                                [class.out-of-range]=\"!!rangeLimit && !!!((item.dateValue>=rangeLimit.minDate) && (rangeLimit.maxDate>=item.dateValue))\"\r\n                                [class.active]=\"item.dateValue.getFullYear()===pendingYear && item.dateValue.getMonth()===pendingMonthIndex && item.dateValue.getDate()===pendingDay\"\r\n                                (click)=\"onItemClick(item.dateValue)\">\r\n                                {{ item.date }}</div>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"month-picker-session\" [class.active]=\"monthPickerActive\">\r\n            <core-month-picker [lang]=\"lang\" [monthObject$]=\"currentMonthObject$\"\r\n                (onChange)=\"onMonthObjectChange($event)\"\r\n                (onYearClick)=\"onMonthPickerYearClick($event)\"></core-month-picker>\r\n        </div>\r\n        <div class=\"year-picker-session\" [class.active]=\"yearPickerActive\">\r\n            <core-year-picker [lang]=\"lang\" (onChange)=\"onYearPicked($event)\"></core-year-picker>\r\n        </div>\r\n        <div class=\"footer-wrapper\">\r\n            <div class=\"cdp-footer\">\r\n                <div class=\"clear\" [class.opacity-0]=\"!!!textValue\" (click)=\"clear()\">{{ 'UI.CORE_DATE_PICKER_CLEAR' |\r\n                    translate: lang }}</div>\r\n                <div class=\"digi-watch\"></div>\r\n                <div class=\"today\" (click)=\"goToday()\">{{ 'UI.CORE_DATE_PICKER_TODAY' | translate: lang }}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".core-date-picker-container{--indicator-height: 39px;--popup-z-index: 99999999;--popup-width: 300px;--popup-height: 400px;--popup-bg-color: white;--popup-x-padding: 12px;--cell-size: 0px;--arrow-font-size: 28px;--font-size: 13px;--font-bold: 700;--font-light: 400;--hover-bg-color: #E6EBED;--active-bg-color: cadetblue;--error-text: \"\";--scroll-distance: calc(var(--cell-size) * 6);position:relative;font-weight:var(--font-light);font-size:var(--font-size)}.core-date-picker-container input[type=checkbox]{display:none}.core-date-picker-container input.has-error{color:#ef2b58}.core-date-picker-container .calendar-icon-wrapper{display:block;position:absolute;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14.18px;color:#848484;cursor:pointer}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper{width:33px;height:33px;display:flex;align-items:center;justify-content:center}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-date-picker-container .tl-date-picker-popup{position:absolute;overflow:hidden;z-index:var(--popup-z-index);width:var(--popup-width);height:var(--popup-height);background-color:var(--popup-bg-color);box-shadow:var(--decoration-box-shadow);border-radius:3px;padding:0 12px;display:none}.core-date-picker-container .tl-date-picker-popup.open{display:block}.core-date-picker-container .month-picker-session,.core-date-picker-container .year-picker-session{display:none}.core-date-picker-container .month-picker-session.active,.core-date-picker-container .year-picker-session.active{display:block}.core-date-picker-container .date-picker-session.d-none{display:none}.core-date-picker-container .navigator{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .month-dropdown{font-weight:var(--font-bold);cursor:pointer}.core-date-picker-container .arrows{display:flex;align-items:center;justify-content:flex-end}.core-date-picker-container .arrows>div{margin:0 2px}.core-date-picker-container .arrows>div:before{font-family:feather;font-size:var(--arrow-font-size);cursor:pointer}.core-date-picker-container .arrows>div:hover:before{background-color:var(--hover-bg-color)}.core-date-picker-container .go-up:before{content:\"\\e914\"}.core-date-picker-container .go-down:before{content:\"\\e90c\"}.core-date-picker-container ul{padding:0;margin:0}.core-date-picker-container ul{height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7)}.core-date-picker-container ul>li{user-select:none;-webkit-user-select:none;position:relative;display:inline-block!important;width:var(--cell-size);height:var(--cell-size);cursor:pointer}.core-date-picker-container .calendar-body-container{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7 * 6);position:absolute;z-index:1;background-color:var(--popup-bg-color);overflow:hidden}.core-date-picker-container .calendar-body>ul>li>div:hover{background-color:var(--hover-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.active{background-color:var(--active-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.out-of-month{color:#d3d3d3}.core-date-picker-container .calendar-body>ul>li>div.out-of-range{-webkit-user-select:none;user-select:none;cursor:default;opacity:.2!important}.core-date-picker-container .calendar-body>ul>li>div.out-of-range:hover{background-color:var(--popup-bg-color)}.core-date-picker-container ul>li>div{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7);display:flex;align-items:center;justify-content:center;border-radius:5px}.core-date-picker-container .t7{color:#07b7ee}.core-date-picker-container .cn{color:#ef2b58}.core-date-picker-container .weekday-header{font-weight:var(--font-bold)}.core-date-picker-container .calendar-body{position:absolute;bottom:0}.core-date-picker-container .tl-datepicker-direction:checked~.tl-date-picker-popup>.calendar-body-container>.calendar-body{top:0}.core-date-picker-container .slide-up{animation:slide-up .25s linear}.core-date-picker-container .slide-down{transform:translateY(var(--scroll-distance));animation:slide-down .25s linear}.core-date-picker-container .footer-wrapper{width:calc(var(--popup-width) - var(--popup-x-padding) * 2);position:absolute;bottom:var(--popup-x-padding);left:var(--popup-x-padding);background-color:var(--popup-bg-color)!important}.core-date-picker-container .cdp-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .today,.core-date-picker-container .clear{width:30%;height:var(--cell-size);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.core-date-picker-container .today{background-color:#f37540}.core-date-picker-container .clear{background-color:brown}@keyframes slide-down{0%{top:calc(var(--scroll-distance) * -1)}to{top:0}}@keyframes slide-up{0%{top:0}to{top:calc(var(--scroll-distance) * -1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreYearPickerComponent, selector: "core-year-picker", inputs: ["id", "default"], outputs: ["onChange"] }, { kind: "component", type: CoreMonthPickerComponent, selector: "core-month-picker", inputs: ["id", "lang", "monthObject$"], outputs: ["onChange", "onYearClick"] }, { 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 }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "backward", first: true, predicate: ["backward"], descendants: true }, { propertyName: "calendarBody", first: true, predicate: ["calendarBody"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-date-picker-container\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"openState\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"monthPickerActive\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"yearPickerActive\">\r\n    <input #backward type=\"checkbox\" class=\"tl-datepicker-direction\">\r\n\r\n    <div class=\"p-relative\">\r\n        <input #input type=\"text\" class=\"form-control\" [placeholder]=\"showPlaceholder ? (placeholder || 'dd/mm/yyyy') : ''\"\r\n            maxlength=\"10\" [(ngModel)]=\"textValue\" [class.form-control-disabled]=\"disabled\" [disabled]=\"disabled\" [class.has-error]=\"hasError\" (blur)=\"onBlur($event)\"\r\n            [class.required-highlight]=\"!!required\">\r\n\r\n        <!-- <label class=\"icon\" (click)=\"toggleOpen()\"></label> -->\r\n\r\n        <div class=\"calendar-icon-wrapper\" [class.form-control-disabled]=\"disabled\"\r\n            (click)=\"toggleOpen()\">\r\n            <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n                <i class=\"feather-calendar\"></i>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"tl-date-picker-popup\" [class.open]=\"openState\" [ngStyle]=\"{\r\n        left: (!popupAlign ||  popupAlign === 'left') ? '0px' : 'auto',\r\n        right: (popupAlign === 'right') ? '0px' : 'auto',\r\n    }\">\r\n        <div class=\"date-picker-session\" [class.d-none]=\"monthPickerActive || yearPickerActive\">\r\n            <div class=\"navigator\">\r\n                <label class=\"month-dropdown\" (click)=\"toggleMonthPickerActive()\">{{ currentMonthText }} {{\r\n                    currentMonthObject$.value.year }}</label>\r\n                <div class=\"arrows\">\r\n                    <div class=\"go-up\" (click)=\"goBackward()\"></div>\r\n                    <div class=\"go-down\" (click)=\"goForeward()\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"weekday-header\">\r\n                <ul>\r\n                    @for (day of headerWeekdays; track $index) {\r\n                    <li [class.t7]=\"$index===5\" [class.cn]=\"$index===6\">\r\n                        <div>{{ day }}</div>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </div>\r\n            <div class=\"calendar-body-container\">\r\n                <div #calendarBody class=\"calendar-body\" [class.slide-up]=\"direction===1\"\r\n                    [class.slide-down]=\"direction===-1\">\r\n                    @for (week of data; track $index) {\r\n                    <ul>\r\n                        @for (item of week.items; track $index) {\r\n                        <li [appTooltip]=\"item.dateValue.toLocaleDateString()\" [showAnyway]=\"isDevMode\">\r\n                            <div [class.out-of-month]=\"!!!item.currentMonth\" [class.t7]=\"$index===5\"\r\n                                [class.cn]=\"$index===6\"\r\n                                [class.out-of-range]=\"!!rangeLimit && !!!((item.dateValue>=rangeLimit.minDate) && (rangeLimit.maxDate>=item.dateValue))\"\r\n                                [class.active]=\"item.dateValue.getFullYear()===pendingYear && item.dateValue.getMonth()===pendingMonthIndex && item.dateValue.getDate()===pendingDay\"\r\n                                (click)=\"onItemClick(item.dateValue)\">\r\n                                {{ item.date }}</div>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"month-picker-session\" [class.active]=\"monthPickerActive\">\r\n            <core-month-picker [lang]=\"lang\" [monthObject$]=\"currentMonthObject$\"\r\n                (onChange)=\"onMonthObjectChange($event)\"\r\n                (onYearClick)=\"onMonthPickerYearClick($event)\"></core-month-picker>\r\n        </div>\r\n        <div class=\"year-picker-session\" [class.active]=\"yearPickerActive\">\r\n            <core-year-picker [lang]=\"lang\" (onChange)=\"onYearPicked($event)\"></core-year-picker>\r\n        </div>\r\n        <div class=\"footer-wrapper\">\r\n            <div class=\"cdp-footer\">\r\n                <div class=\"clear\" [class.opacity-0]=\"!!!textValue\" (click)=\"clear()\">{{ 'UI.CORE_DATE_PICKER_CLEAR' |\r\n                    translate: lang }}</div>\r\n                <div class=\"digi-watch\"></div>\r\n                <div class=\"today\" (click)=\"goToday()\">{{ 'UI.CORE_DATE_PICKER_TODAY' | translate: lang }}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".core-date-picker-container{--indicator-height: 39px;--popup-z-index: 99999999;--popup-width: 300px;--popup-height: 400px;--popup-bg-color: white;--popup-x-padding: 12px;--cell-size: 0px;--arrow-font-size: 28px;--font-size: 13px;--font-bold: 700;--font-light: 400;--hover-bg-color: #E6EBED;--active-bg-color: cadetblue;--error-text: \"\";--scroll-distance: calc(var(--cell-size) * 6);position:relative;font-weight:var(--font-light);font-size:var(--font-size)}.core-date-picker-container input[type=checkbox]{display:none}.core-date-picker-container input.has-error{color:#ef2b58}.core-date-picker-container .calendar-icon-wrapper{display:block;position:absolute;background-color:#fff;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14.18px;color:#848484;cursor:pointer}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper{width:33px;height:33px;display:flex;align-items:center;justify-content:center}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-date-picker-container .tl-date-picker-popup{position:absolute;overflow:hidden;z-index:var(--popup-z-index);width:var(--popup-width);height:var(--popup-height);background-color:var(--popup-bg-color);box-shadow:var(--decoration-box-shadow);border-radius:3px;padding:0 12px;display:none}.core-date-picker-container .tl-date-picker-popup.open{display:block}.core-date-picker-container .month-picker-session,.core-date-picker-container .year-picker-session{display:none}.core-date-picker-container .month-picker-session.active,.core-date-picker-container .year-picker-session.active{display:block}.core-date-picker-container .date-picker-session.d-none{display:none}.core-date-picker-container .navigator{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .month-dropdown{font-weight:var(--font-bold);cursor:pointer}.core-date-picker-container .arrows{display:flex;align-items:center;justify-content:flex-end}.core-date-picker-container .arrows>div{margin:0 2px}.core-date-picker-container .arrows>div:before{font-family:feather;font-size:var(--arrow-font-size);cursor:pointer}.core-date-picker-container .arrows>div:hover:before{background-color:var(--hover-bg-color)}.core-date-picker-container .go-up:before{content:\"\\e914\"}.core-date-picker-container .go-down:before{content:\"\\e90c\"}.core-date-picker-container ul{padding:0;margin:0}.core-date-picker-container ul{height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7)}.core-date-picker-container ul>li{user-select:none;-webkit-user-select:none;position:relative;display:inline-block!important;width:var(--cell-size);height:var(--cell-size);cursor:pointer}.core-date-picker-container .calendar-body-container{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7 * 6);position:absolute;z-index:1;background-color:var(--popup-bg-color);overflow:hidden}.core-date-picker-container .calendar-body>ul>li>div:hover{background-color:var(--hover-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.active{background-color:var(--active-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.out-of-month{color:#d3d3d3}.core-date-picker-container .calendar-body>ul>li>div.out-of-range{-webkit-user-select:none;user-select:none;cursor:default;opacity:.2!important}.core-date-picker-container .calendar-body>ul>li>div.out-of-range:hover{background-color:var(--popup-bg-color)}.core-date-picker-container ul>li>div{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7);display:flex;align-items:center;justify-content:center;border-radius:5px}.core-date-picker-container .t7{color:#07b7ee}.core-date-picker-container .cn{color:#ef2b58}.core-date-picker-container .weekday-header{font-weight:var(--font-bold)}.core-date-picker-container .calendar-body{position:absolute;bottom:0}.core-date-picker-container .tl-datepicker-direction:checked~.tl-date-picker-popup>.calendar-body-container>.calendar-body{top:0}.core-date-picker-container .slide-up{animation:slide-up .25s linear}.core-date-picker-container .slide-down{transform:translateY(var(--scroll-distance));animation:slide-down .25s linear}.core-date-picker-container .footer-wrapper{width:calc(var(--popup-width) - var(--popup-x-padding) * 2);position:absolute;bottom:var(--popup-x-padding);left:var(--popup-x-padding);background-color:var(--popup-bg-color)!important}.core-date-picker-container .cdp-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .today,.core-date-picker-container .clear{width:30%;height:var(--cell-size);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.core-date-picker-container .today{background-color:#f37540}.core-date-picker-container .clear{background-color:brown}@keyframes slide-down{0%{top:calc(var(--scroll-distance) * -1)}to{top:0}}@keyframes slide-up{0%{top:0}to{top:calc(var(--scroll-distance) * -1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreYearPickerComponent, selector: "core-year-picker", inputs: ["id", "default"], outputs: ["onChange"] }, { kind: "component", type: CoreMonthPickerComponent, selector: "core-month-picker", inputs: ["id", "lang", "monthObject$"], outputs: ["onChange", "onYearClick"] }, { 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: CoreDatePickerComponent, decorators: [{
             type: Component,
@@ -16796,7 +16796,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             multi: true,
                             useExisting: CoreDatePickerComponent
                         }
-                    ], template: "<div #container class=\"core-date-picker-container\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"openState\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"monthPickerActive\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"yearPickerActive\">\r\n    <input #backward type=\"checkbox\" class=\"tl-datepicker-direction\">\r\n\r\n    <div class=\"p-relative\">\r\n        <input #input type=\"text\" class=\"form-control\" [placeholder]=\"showPlaceholder ? (placeholder || 'dd/mm/yyyy') : ''\"\r\n            maxlength=\"10\" [(ngModel)]=\"textValue\" [class.form-control-disabled]=\"disabled\" [disabled]=\"disabled\" [class.has-error]=\"hasError\" (blur)=\"onBlur($event)\"\r\n            [class.required-highlight]=\"!!required\">\r\n\r\n        <!-- <label class=\"icon\" (click)=\"toggleOpen()\"></label> -->\r\n\r\n        <div class=\"calendar-icon-wrapper\" [class.form-control-disabled]=\"disabled\"\r\n            (click)=\"toggleOpen()\">\r\n            <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n                <i class=\"feather-calendar\"></i>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"tl-date-picker-popup\" [class.open]=\"openState\" [ngStyle]=\"{\r\n        left: (!popupAlign ||  popupAlign === 'left') ? '0px' : 'auto',\r\n        right: (popupAlign === 'right') ? '0px' : 'auto',\r\n    }\">\r\n        <div class=\"date-picker-session\" [class.d-none]=\"monthPickerActive || yearPickerActive\">\r\n            <div class=\"navigator\">\r\n                <label class=\"month-dropdown\" (click)=\"toggleMonthPickerActive()\">{{ currentMonthText }} {{\r\n                    currentMonthObject$.value.year }}</label>\r\n                <div class=\"arrows\">\r\n                    <div class=\"go-up\" (click)=\"goBackward()\"></div>\r\n                    <div class=\"go-down\" (click)=\"goForeward()\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"weekday-header\">\r\n                <ul>\r\n                    @for (day of headerWeekdays; track $index) {\r\n                    <li [class.t7]=\"$index===5\" [class.cn]=\"$index===6\">\r\n                        <div>{{ day }}</div>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </div>\r\n            <div class=\"calendar-body-container\">\r\n                <div #calendarBody class=\"calendar-body\" [class.slide-up]=\"direction===1\"\r\n                    [class.slide-down]=\"direction===-1\">\r\n                    @for (week of data; track $index) {\r\n                    <ul>\r\n                        @for (item of week.items; track $index) {\r\n                        <li [appTooltip]=\"item.dateValue.toLocaleDateString()\" [showAnyway]=\"isDevMode\">\r\n                            <div [class.out-of-month]=\"!!!item.currentMonth\" [class.t7]=\"$index===5\"\r\n                                [class.cn]=\"$index===6\"\r\n                                [class.out-of-range]=\"!!rangeLimit && !!!((item.dateValue>=rangeLimit.minDate) && (rangeLimit.maxDate>=item.dateValue))\"\r\n                                [class.active]=\"item.dateValue.getFullYear()===pendingYear && item.dateValue.getMonth()===pendingMonthIndex && item.dateValue.getDate()===pendingDay\"\r\n                                (click)=\"onItemClick(item.dateValue)\">\r\n                                {{ item.date }}</div>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"month-picker-session\" [class.active]=\"monthPickerActive\">\r\n            <core-month-picker [lang]=\"lang\" [monthObject$]=\"currentMonthObject$\"\r\n                (onChange)=\"onMonthObjectChange($event)\"\r\n                (onYearClick)=\"onMonthPickerYearClick($event)\"></core-month-picker>\r\n        </div>\r\n        <div class=\"year-picker-session\" [class.active]=\"yearPickerActive\">\r\n            <core-year-picker [lang]=\"lang\" (onChange)=\"onYearPicked($event)\"></core-year-picker>\r\n        </div>\r\n        <div class=\"footer-wrapper\">\r\n            <div class=\"cdp-footer\">\r\n                <div class=\"clear\" [class.opacity-0]=\"!!!textValue\" (click)=\"clear()\">{{ 'UI.CORE_DATE_PICKER_CLEAR' |\r\n                    translate: lang }}</div>\r\n                <div class=\"digi-watch\"></div>\r\n                <div class=\"today\" (click)=\"goToday()\">{{ 'UI.CORE_DATE_PICKER_TODAY' | translate: lang }}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".core-date-picker-container{--indicator-height: 39px;--popup-z-index: 99999999;--popup-width: 300px;--popup-height: 400px;--popup-bg-color: white;--popup-x-padding: 12px;--cell-size: 0px;--arrow-font-size: 28px;--font-size: 13px;--font-bold: 700;--font-light: 400;--hover-bg-color: #E6EBED;--active-bg-color: cadetblue;--error-text: \"\";--scroll-distance: calc(var(--cell-size) * 6);position:relative;font-weight:var(--font-light);font-size:var(--font-size)}.core-date-picker-container input[type=checkbox]{display:none}.core-date-picker-container input.has-error{color:#ef2b58}.core-date-picker-container .calendar-icon-wrapper{display:block;position:absolute;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14.18px;color:#848484;cursor:pointer}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper{width:33px;height:33px;display:flex;align-items:center;justify-content:center}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-date-picker-container .tl-date-picker-popup{position:absolute;overflow:hidden;z-index:var(--popup-z-index);width:var(--popup-width);height:var(--popup-height);background-color:var(--popup-bg-color);box-shadow:var(--decoration-box-shadow);border-radius:3px;padding:0 12px;display:none}.core-date-picker-container .tl-date-picker-popup.open{display:block}.core-date-picker-container .month-picker-session,.core-date-picker-container .year-picker-session{display:none}.core-date-picker-container .month-picker-session.active,.core-date-picker-container .year-picker-session.active{display:block}.core-date-picker-container .date-picker-session.d-none{display:none}.core-date-picker-container .navigator{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .month-dropdown{font-weight:var(--font-bold);cursor:pointer}.core-date-picker-container .arrows{display:flex;align-items:center;justify-content:flex-end}.core-date-picker-container .arrows>div{margin:0 2px}.core-date-picker-container .arrows>div:before{font-family:feather;font-size:var(--arrow-font-size);cursor:pointer}.core-date-picker-container .arrows>div:hover:before{background-color:var(--hover-bg-color)}.core-date-picker-container .go-up:before{content:\"\\e914\"}.core-date-picker-container .go-down:before{content:\"\\e90c\"}.core-date-picker-container ul{padding:0;margin:0}.core-date-picker-container ul{height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7)}.core-date-picker-container ul>li{user-select:none;-webkit-user-select:none;position:relative;display:inline-block!important;width:var(--cell-size);height:var(--cell-size);cursor:pointer}.core-date-picker-container .calendar-body-container{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7 * 6);position:absolute;z-index:1;background-color:var(--popup-bg-color);overflow:hidden}.core-date-picker-container .calendar-body>ul>li>div:hover{background-color:var(--hover-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.active{background-color:var(--active-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.out-of-month{color:#d3d3d3}.core-date-picker-container .calendar-body>ul>li>div.out-of-range{-webkit-user-select:none;user-select:none;cursor:default;opacity:.2!important}.core-date-picker-container .calendar-body>ul>li>div.out-of-range:hover{background-color:var(--popup-bg-color)}.core-date-picker-container ul>li>div{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7);display:flex;align-items:center;justify-content:center;border-radius:5px}.core-date-picker-container .t7{color:#07b7ee}.core-date-picker-container .cn{color:#ef2b58}.core-date-picker-container .weekday-header{font-weight:var(--font-bold)}.core-date-picker-container .calendar-body{position:absolute;bottom:0}.core-date-picker-container .tl-datepicker-direction:checked~.tl-date-picker-popup>.calendar-body-container>.calendar-body{top:0}.core-date-picker-container .slide-up{animation:slide-up .25s linear}.core-date-picker-container .slide-down{transform:translateY(var(--scroll-distance));animation:slide-down .25s linear}.core-date-picker-container .footer-wrapper{width:calc(var(--popup-width) - var(--popup-x-padding) * 2);position:absolute;bottom:var(--popup-x-padding);left:var(--popup-x-padding);background-color:var(--popup-bg-color)!important}.core-date-picker-container .cdp-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .today,.core-date-picker-container .clear{width:30%;height:var(--cell-size);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.core-date-picker-container .today{background-color:#f37540}.core-date-picker-container .clear{background-color:brown}@keyframes slide-down{0%{top:calc(var(--scroll-distance) * -1)}to{top:0}}@keyframes slide-up{0%{top:0}to{top:calc(var(--scroll-distance) * -1)}}\n"] }]
+                    ], template: "<div #container class=\"core-date-picker-container\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"openState\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"monthPickerActive\">\r\n    <input type=\"checkbox\" [(ngModel)]=\"yearPickerActive\">\r\n    <input #backward type=\"checkbox\" class=\"tl-datepicker-direction\">\r\n\r\n    <div class=\"p-relative\">\r\n        <input #input type=\"text\" class=\"form-control\" [placeholder]=\"showPlaceholder ? (placeholder || 'dd/mm/yyyy') : ''\"\r\n            maxlength=\"10\" [(ngModel)]=\"textValue\" [class.form-control-disabled]=\"disabled\" [disabled]=\"disabled\" [class.has-error]=\"hasError\" (blur)=\"onBlur($event)\"\r\n            [class.required-highlight]=\"!!required\">\r\n\r\n        <!-- <label class=\"icon\" (click)=\"toggleOpen()\"></label> -->\r\n\r\n        <div class=\"calendar-icon-wrapper\" [class.form-control-disabled]=\"disabled\"\r\n            (click)=\"toggleOpen()\">\r\n            <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n                <i class=\"feather-calendar\"></i>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div class=\"tl-date-picker-popup\" [class.open]=\"openState\" [ngStyle]=\"{\r\n        left: (!popupAlign ||  popupAlign === 'left') ? '0px' : 'auto',\r\n        right: (popupAlign === 'right') ? '0px' : 'auto',\r\n    }\">\r\n        <div class=\"date-picker-session\" [class.d-none]=\"monthPickerActive || yearPickerActive\">\r\n            <div class=\"navigator\">\r\n                <label class=\"month-dropdown\" (click)=\"toggleMonthPickerActive()\">{{ currentMonthText }} {{\r\n                    currentMonthObject$.value.year }}</label>\r\n                <div class=\"arrows\">\r\n                    <div class=\"go-up\" (click)=\"goBackward()\"></div>\r\n                    <div class=\"go-down\" (click)=\"goForeward()\"></div>\r\n                </div>\r\n            </div>\r\n            <div class=\"weekday-header\">\r\n                <ul>\r\n                    @for (day of headerWeekdays; track $index) {\r\n                    <li [class.t7]=\"$index===5\" [class.cn]=\"$index===6\">\r\n                        <div>{{ day }}</div>\r\n                    </li>\r\n                    }\r\n                </ul>\r\n            </div>\r\n            <div class=\"calendar-body-container\">\r\n                <div #calendarBody class=\"calendar-body\" [class.slide-up]=\"direction===1\"\r\n                    [class.slide-down]=\"direction===-1\">\r\n                    @for (week of data; track $index) {\r\n                    <ul>\r\n                        @for (item of week.items; track $index) {\r\n                        <li [appTooltip]=\"item.dateValue.toLocaleDateString()\" [showAnyway]=\"isDevMode\">\r\n                            <div [class.out-of-month]=\"!!!item.currentMonth\" [class.t7]=\"$index===5\"\r\n                                [class.cn]=\"$index===6\"\r\n                                [class.out-of-range]=\"!!rangeLimit && !!!((item.dateValue>=rangeLimit.minDate) && (rangeLimit.maxDate>=item.dateValue))\"\r\n                                [class.active]=\"item.dateValue.getFullYear()===pendingYear && item.dateValue.getMonth()===pendingMonthIndex && item.dateValue.getDate()===pendingDay\"\r\n                                (click)=\"onItemClick(item.dateValue)\">\r\n                                {{ item.date }}</div>\r\n                        </li>\r\n                        }\r\n                    </ul>\r\n                    }\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"month-picker-session\" [class.active]=\"monthPickerActive\">\r\n            <core-month-picker [lang]=\"lang\" [monthObject$]=\"currentMonthObject$\"\r\n                (onChange)=\"onMonthObjectChange($event)\"\r\n                (onYearClick)=\"onMonthPickerYearClick($event)\"></core-month-picker>\r\n        </div>\r\n        <div class=\"year-picker-session\" [class.active]=\"yearPickerActive\">\r\n            <core-year-picker [lang]=\"lang\" (onChange)=\"onYearPicked($event)\"></core-year-picker>\r\n        </div>\r\n        <div class=\"footer-wrapper\">\r\n            <div class=\"cdp-footer\">\r\n                <div class=\"clear\" [class.opacity-0]=\"!!!textValue\" (click)=\"clear()\">{{ 'UI.CORE_DATE_PICKER_CLEAR' |\r\n                    translate: lang }}</div>\r\n                <div class=\"digi-watch\"></div>\r\n                <div class=\"today\" (click)=\"goToday()\">{{ 'UI.CORE_DATE_PICKER_TODAY' | translate: lang }}</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".core-date-picker-container{--indicator-height: 39px;--popup-z-index: 99999999;--popup-width: 300px;--popup-height: 400px;--popup-bg-color: white;--popup-x-padding: 12px;--cell-size: 0px;--arrow-font-size: 28px;--font-size: 13px;--font-bold: 700;--font-light: 400;--hover-bg-color: #E6EBED;--active-bg-color: cadetblue;--error-text: \"\";--scroll-distance: calc(var(--cell-size) * 6);position:relative;font-weight:var(--font-light);font-size:var(--font-size)}.core-date-picker-container input[type=checkbox]{display:none}.core-date-picker-container input.has-error{color:#ef2b58}.core-date-picker-container .calendar-icon-wrapper{display:block;position:absolute;background-color:#fff;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14.18px;color:#848484;cursor:pointer}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper{width:33px;height:33px;display:flex;align-items:center;justify-content:center}.core-date-picker-container .calendar-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-date-picker-container .tl-date-picker-popup{position:absolute;overflow:hidden;z-index:var(--popup-z-index);width:var(--popup-width);height:var(--popup-height);background-color:var(--popup-bg-color);box-shadow:var(--decoration-box-shadow);border-radius:3px;padding:0 12px;display:none}.core-date-picker-container .tl-date-picker-popup.open{display:block}.core-date-picker-container .month-picker-session,.core-date-picker-container .year-picker-session{display:none}.core-date-picker-container .month-picker-session.active,.core-date-picker-container .year-picker-session.active{display:block}.core-date-picker-container .date-picker-session.d-none{display:none}.core-date-picker-container .navigator{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .month-dropdown{font-weight:var(--font-bold);cursor:pointer}.core-date-picker-container .arrows{display:flex;align-items:center;justify-content:flex-end}.core-date-picker-container .arrows>div{margin:0 2px}.core-date-picker-container .arrows>div:before{font-family:feather;font-size:var(--arrow-font-size);cursor:pointer}.core-date-picker-container .arrows>div:hover:before{background-color:var(--hover-bg-color)}.core-date-picker-container .go-up:before{content:\"\\e914\"}.core-date-picker-container .go-down:before{content:\"\\e90c\"}.core-date-picker-container ul{padding:0;margin:0}.core-date-picker-container ul{height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7)}.core-date-picker-container ul>li{user-select:none;-webkit-user-select:none;position:relative;display:inline-block!important;width:var(--cell-size);height:var(--cell-size);cursor:pointer}.core-date-picker-container .calendar-body-container{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7 * 6);position:absolute;z-index:1;background-color:var(--popup-bg-color);overflow:hidden}.core-date-picker-container .calendar-body>ul>li>div:hover{background-color:var(--hover-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.active{background-color:var(--active-bg-color)}.core-date-picker-container .calendar-body>ul>li>div.out-of-month{color:#d3d3d3}.core-date-picker-container .calendar-body>ul>li>div.out-of-range{-webkit-user-select:none;user-select:none;cursor:default;opacity:.2!important}.core-date-picker-container .calendar-body>ul>li>div.out-of-range:hover{background-color:var(--popup-bg-color)}.core-date-picker-container ul>li>div{width:100%;height:calc((var(--popup-width) - var(--popup-x-padding) * 2) / 7);display:flex;align-items:center;justify-content:center;border-radius:5px}.core-date-picker-container .t7{color:#07b7ee}.core-date-picker-container .cn{color:#ef2b58}.core-date-picker-container .weekday-header{font-weight:var(--font-bold)}.core-date-picker-container .calendar-body{position:absolute;bottom:0}.core-date-picker-container .tl-datepicker-direction:checked~.tl-date-picker-popup>.calendar-body-container>.calendar-body{top:0}.core-date-picker-container .slide-up{animation:slide-up .25s linear}.core-date-picker-container .slide-down{transform:translateY(var(--scroll-distance));animation:slide-down .25s linear}.core-date-picker-container .footer-wrapper{width:calc(var(--popup-width) - var(--popup-x-padding) * 2);position:absolute;bottom:var(--popup-x-padding);left:var(--popup-x-padding);background-color:var(--popup-bg-color)!important}.core-date-picker-container .cdp-footer{width:100%;display:flex;align-items:center;justify-content:space-between}.core-date-picker-container .today,.core-date-picker-container .clear{width:30%;height:var(--cell-size);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.core-date-picker-container .today{background-color:#f37540}.core-date-picker-container .clear{background-color:brown}@keyframes slide-down{0%{top:calc(var(--scroll-distance) * -1)}to{top:0}}@keyframes slide-up{0%{top:0}to{top:calc(var(--scroll-distance) * -1)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: DomService }, { type: CoreDatetimeService }, { type: MultiLanguageService }, { type: AlertService }], propDecorators: { enableTimeZoneConverter: [{
                 type: Input
             }], showPlaceholder: [{
@@ -20495,7 +20495,7 @@ class CoreDropdownComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: CoreDropdownComponent,
             },
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.required-highlight]=\"!!required\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-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-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-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-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CoreScrollComponent, selector: "core-scroll", inputs: ["localOptions", "itemTemplate", "itemCount", "height", "childHeight", "renderAhread"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.required-highlight]=\"!!required\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-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-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%;background:transparent}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484;background:#fff}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-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-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CoreScrollComponent, selector: "core-scroll", inputs: ["localOptions", "itemTemplate", "itemCount", "height", "childHeight", "renderAhread"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreDropdownComponent, decorators: [{
             type: Component,
@@ -20513,7 +20513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             multi: true,
                             useExisting: CoreDropdownComponent,
                         },
-                    ], template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.required-highlight]=\"!!required\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-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-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-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-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"] }]
+                    ], template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-dropdown-container\" *ngIf=\"!loading\">\r\n  <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\" />\r\n\r\n  <div class=\"input-wrapper\">\r\n    <input class=\"value\" [value]=\"value\" />\r\n    <input class=\"in-place-search form-control\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" (keydown)=\"onInPlaceSearchKeydown($event)\" />\r\n    <div\r\n      class=\"text form-control d-flex align-items-center\"\r\n      [class.required-highlight]=\"!!required\"\r\n      [class.form-control-disabled]=\"disabled\"\r\n      (click)=\"toggleExpanded()\"\r\n      style=\"cursor: pointer;\"\r\n    >\r\n      <input\r\n        type=\"text\"\r\n        [readonly]=\"true\"\r\n        class=\"flex-grow-1 no-border transparent-bg placeholder-input\"\r\n        [class.form-control-disabled]=\"disabled\"\r\n        [value]=\"!!loading ? '...' : (text | translate : lang)\"\r\n        [placeholder]=\"placeholder || ''\"\r\n        [appTooltip]=\"text\"\r\n      />\r\n\r\n      <div class=\"icon\">\r\n        <i class=\"feather-chevron-down\"></i>\r\n      </div>\r\n    </div>\r\n\r\n    @if (!clearDisable) {\r\n    <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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\" *ngIf=\"!!expandState\" (keydown)=\"onDropdownKeydown($event)\">\r\n    <input class=\"search d-none\" type=\"text\" [placeholder]=\"placeholder | translate: lang\" [(ngModel)]=\"searchText\"\r\n      (ngModelChange)=\"onSearchTextChange($event)\" autocomplete=\"false\" [class.form-control-disabled]=\"disabled\"\r\n      [disabled]=\"disabled\" />\r\n    <core-scroll [localOptions]=\"localOptions\" [itemTemplate]=\"itemTemplateRef\" [itemCount]=\"localOptions.length\"\r\n      [height]=\"(fitHeightWithItemCount && localOptions.length * itemHeight < 400) ? localOptions.length * itemHeight : 400 - searchHeight\" [childHeight]=\"itemHeight\"></core-scroll>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #itemTemplateRef let-context=\"context\">\r\n  <li class=\"item-li\" (click)=\"onListItemClick(context, $event)\" (keydown)=\"onListItemKeydown(context, $event)\" [ngStyle]=\"{ height: itemHeight + 'px' }\">\r\n    <label [ngStyle]=\"{\r\n        width: '100%',\r\n        overflow: 'hidden',\r\n        textOverflow: 'ellipsis',\r\n        whiteSpace: 'nowrap'\r\n      }\" [appTooltip]=\"context.text\">{{ context.text | translate : lang }}</label>\r\n  </li>\r\n</ng-template>", styles: [".core-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-dropdown-container input.expand-state,.core-dropdown-container .value{display:none}.core-dropdown-container .in-place-search{display:none;position:absolute;top:0;left:0;z-index:1}.core-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-dropdown-container label.text span{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit}.core-dropdown-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:24px;top:-4px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-dropdown-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:24px}.core-dropdown-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-dropdown-container .input-wrapper>div>input{border:none;padding-right:15px;width:100%;background:transparent}.core-dropdown-container .input-wrapper>div>.icon{display:block;position:absolute;top:9px;right:12px;color:#848484;background:#fff}.core-dropdown-container div.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--height) - 0px);height:calc(var(--height) - 0px);border:#ced4da solid 1px;cursor:pointer}.core-dropdown-container label.text div.icon i{width:14px;height:14px;font-size:14px;color:#848484}.core-dropdown-container .dropdown{display:block;position:absolute;width:100%;max-height:0px;overflow:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-dropdown-container .dropdown ul{padding-left:6px}.core-dropdown-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-dropdown-container .dropdown ul>li>label{width:100%}.core-dropdown-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container .hover-effect{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-dropdown-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:3px;max-height:400px;transition:.25s linear}.core-dropdown-container input.expand-state:checked~.input-wrapper>.in-place-search{display:block}.core-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-dropdown-container input.placeholder-input{height:30px}.core-dropdown-container input.search:focus{outline:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: DomService }, { type: AlertService }, { type: i0.Injector }, { type: MultiLanguageService }, { type: i0.ChangeDetectorRef }, { type: AppService }], propDecorators: { getByIdObject$: [{
                 type: Input
             }], paramMode: [{
@@ -22539,7 +22539,7 @@ class CoreFormControlSeekerComponent extends CoreFormControlBaseComponent {
             CorePositionConcurrentSeekerComponent,
             CoreFormSeekerComponent,
             CoreTableComponent
-        ], viewQueries: [{ propertyName: "avatar", first: true, predicate: ["avatar"], descendants: true }, { propertyName: "sticker", first: true, predicate: ["sticker"], descendants: true }, { propertyName: "idCard", first: true, predicate: ["idCard"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-form-control-seeker-container\" [hotKeys]=\"['Escapce']\">\r\n    <div class=\"input-wrapper\" [class.d-none]=\"!!multiMode\">\r\n        <label #shownText type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\"\r\n            [class.required-highlight]=\"!!required\"\r\n            (click)=\"onClickSeek()\">\r\n            <input\r\n                type=\"text\"\r\n                [readonly]=\"true\"\r\n                [class.required-highlight]=\"!!required\"\r\n                [value]=\"valueToShow || ''\"\r\n                [appTooltip]=\"valueToShow\"\r\n                [placeholder]=\"placeholder || ''\"\r\n            />\r\n        </label>\r\n        @if (!multiMode) {\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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    <div class=\"seeker-icon-wrapper\" [class.form-control-disabled]=\"disabled\" [class.multi-mode]=\"!!multiMode\"\r\n        (click)=\"onClickSeek()\">\r\n        <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n            <i class=\"feather-search\"></i>\r\n        </div>\r\n    </div>\r\n    <input type=\"text\" readonly [placeholder]=\"placeholder || ''\" class=\"multimode-placeholder\" [class.d-none]=\"!multiMode\" [appTooltip]=\"placeholder\">\r\n    @if (!!multiMode) {\r\n    <div class=\"core-tabbe-wrapper\">\r\n        <core-table [height]=\"multiModeTableHeight\" [columns]=\"multiModeColumns\" [data]=\"selectedData\"\r\n            [showTools]=\"!!!disabled\" [tools]=\"tools\" [lazyLoading]=\"true\"\r\n            [rowHeight]=\"(multiModeRowHeight || 46) + 'px'\" [searchSwitchDisabled]=\"true\" [disableSorting]=\"true\"\r\n            (onToolClick)=\"onToolClick($event)\" (onRowDoubleClick)=\"onSelectedDataRowDoubleClick($event)\"></core-table>\r\n    </div>\r\n    }\r\n\r\n    @if (!!sourceOpen) {\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-content-root\" [ngStyle]=\"{ padding: '0px' }\">\r\n\r\n            <div class=\"source-space\" [ngStyle]=\"{\r\n                height: sourceSpaceHeight + 'px',\r\n                overflow: 'hidden',\r\n                boxSizing: 'border-box',\r\n            }\">\r\n                @if (showPageHeader) {\r\n                <div class=\"modal-header-panel\">\r\n                    <core-page-header [title]=\"title\" [hideButtonGroup]=\"true\"></core-page-header>\r\n                </div>\r\n                }\r\n                <div class=\"source-container\" [ngStyle]=\"{\r\n                    height: sourceContainerHeight + 'px',\r\n                    paddingTop: '0px',\r\n                    paddingBottom: '0px'\r\n                }\">\r\n                    <i class=\"close-icon feather-x\" (click)=\"onCancel()\"\r\n                        [class.d-block]=\"seekerSourceType==='ORGANIZATION_UNIT_SEEK'\"></i>\r\n\r\n                    @switch (seekerSourceType) {\r\n                    @case ('JOB_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"jobSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('EMPLOYEE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"employeeSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('CONTRACT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"contractSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WORKING_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"workingSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WAGE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"wageSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('ORGANIZATION_UNIT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"organizationUnitSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_CONCURRENT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionConcurrentSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('FORM_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"formSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"footer\">\r\n                    <div class=\"d-flex-end\">\r\n                        <button class=\"btn-for-form btn btn-secondary\" type=\"button\" (click)=\"onCancel()\" [appTooltip]=\"'(ESC)'\">{{'UI_CORE_CONFIRM_DIALOG_BUTTON_CANCEL' | translate: lang }}</button>\r\n\r\n                        @if ((seekerSourceType === 'ORGANIZATION_UNIT_SEEK' && !!clickedItem) || (!!multiMode && !!pendingSelectedData?.length) || (!multiMode && !!clickedItemIsInTheList())) {\r\n                        <button class=\"btn-for-form last-child btn btn-secondary\" type=\"button\" (click)=\"onSelect()\">{{\r\n                            'UI_CORE_CONFIRM_DIALOG_BUTTON_SELECT' | translate: lang }}</button>\r\n                        }\r\n                        <!-- <button type=\"button\" (click)=\"close()\" class=\"btn-for-form btn btn-secondary\">{{ cancelButtonText | translate: lang}}</button>\r\n                        <button type=\"button\" (click)=\"onConfirm()\" class=\"btn-for-form last-child btn btn-secondary\">{{  okButtonText | translate: lang}}</button> -->\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n\r\n</div>\r\n\r\n<ng-template #jobSeek>\r\n    <core-job-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsJob\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-job-seeker>\r\n</ng-template>\r\n\r\n<ng-template #employeeSeek>\r\n    <core-employee-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsEmployee\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-employee-seeker>\r\n</ng-template>\r\n\r\n<ng-template #contractSeek>\r\n    <core-contract-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsContract\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-contract-seeker>\r\n</ng-template>\r\n\r\n<ng-template #workingSeek>\r\n    <core-working-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWorking\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-working-seeker>\r\n</ng-template>\r\n\r\n<ng-template #wageSeek>\r\n    <core-wage-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWage\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-wage-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionSeek>\r\n    <core-position-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPosition\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [seekerVerifyIgnore]=\"seekerVerifyIgnore\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionConcurrentSeek>\r\n    <core-position-concurrent-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPositionConcurrent\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-concurrent-seeker>\r\n</ng-template>\r\n\r\n<ng-template #formSeek>\r\n    <core-form-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"true\" [excludedColumns]=\"excludedColumnsAutoForm\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"false\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-form-seeker>\r\n</ng-template>\r\n\r\n<ng-template #organizationUnitSeek>\r\n    <core-org-unit-seeker [excludedIds$]=\"excludedIds$\"\r\n        (itemDoubleClick)=\"onItemDoubleClick($event)\"\r\n        (itemClick)=\"onRowClick($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-org-unit-seeker>\r\n</ng-template>\r\n\r\n<ng-template #avatar let-avatar=\"context.avatar\" let-isFemale=\"context.isFemale\">\r\n\r\n\r\n    @if (avatar != null) {\r\n        <img [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver [type]=\"avatarResolverType\" [isFemale]=\"isFemale\">\r\n    } @else {\r\n        <img [src]=\"acs.BASE_URL + '/' + acs.STATIC_FOLDER + '/' + acs.APP_DEMO_FOLDER + '/' + (ras.getDemoAvatar$(isFemale) | async)\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    }\r\n    \r\n\r\n\r\n    <!-- <img *ngIf=\"avatar != null\" [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    <img *ngIf=\"avatar == null\" [src]=\"defaultAvatar\" class=\"in-table-avatar\" appImageErrorResolver> -->\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #sticker let-code=\"context.actflg\">\r\n    <core-status-sticker [code]=\"code\" [isTrueCode]=\"true\"></core-status-sticker>\r\n</ng-template>\r\n<ng-template #idCard let-id=\"context.id\">\r\n    <div class=\"af-instance-id-card\">\r\n        <span>{{ id }}</span>\r\n    </div>\r\n</ng-template>\r\n\r\n<div [class.d-none]=\"!showEditBuffer\">\r\n    <core-page-edit-lite [sections]=\"multiModeExtendedSections\" (onFormCreated)=\"onEditBufferFormCreated($event)\"\r\n        (submitLogic)=\"onEditBufferSubmit($event)\" (cancelLogic)=\"onEditBufferCancel($event)\"></core-page-edit-lite>\r\n</div>", styles: [".core-form-control-seeker-container{display:block;position:relative;background-color:#fff}.core-form-control-seeker-container input.multimode-placeholder{display:block;position:absolute;top:0;left:40px;border:none;height:33px;max-width:100%}.core-form-control-seeker-container>.seeker-icon-wrapper{display:block;position:absolute;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14px;color:#848484;cursor:pointer;overflow:hidden}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper{height:var(--size-form-control-height)}.core-form-control-seeker-container .input-wrapper label.text input{display:block;border:none;height:calc(var(--size-form-control-height) - 12px);line-height:calc(var(--size-form-control-height) - 12px);width:calc(100% - var(--size-form-control-height));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:28px;top:3px;width:29px;height:29px;cursor:pointer}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:29px;height:29px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode{position:relative;display:flex;align-items:center;justify-content:flex-start;height:33px}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode>.flex-wrapper{width:33px;height:33px}.core-form-control-seeker-container .source-container{display:block;background-color:#fff;padding:var(--size-layout-block-cell-spacing);max-width:1200px;border-radius:10px}.core-form-control-seeker-container .source-container i.close-icon{font-size:20px;cursor:pointer;position:absolute;right:15px;top:15px}.core-form-control-seeker-container .source-container.d-none{display:none}.core-form-control-seeker-container .source-container>caption{display:block;width:100%}.core-form-control-seeker-container .source-container:has(~.footer){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.core-form-control-seeker-container .footer{background-color:var(--color-bg-main);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:var(--size-layout-block-cell-spacing);position:absolute;bottom:0;left:0;width:100%}.core-form-control-seeker-container .footer button:first-child{margin-right:var(--size-layout-block-cell-spacing)}.core-form-control-seeker-container .core-tabbe-wrapper{margin-top:5px}.core-form-control-seeker-container .btn-for-form{border:none;border-radius:0;background-color:transparent;color:#000;min-width:120px}.core-form-control-seeker-container button.last-child{background-color:#000;color:#fff}.core-form-control-seeker-container .form-control-disabled input{background-color:#e9ecef}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MapAvatarToServerPipe, name: "mapAvatarToServer" }, { kind: "component", type: CoreJobSeekerComponent, selector: "core-job-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePageEditLiteComponent, selector: "core-page-edit-lite", inputs: ["width", "captionCode", "sections", "submitText", "checkError$"], outputs: ["onFormCreated", "submitLogic", "cancelLogic"] }, { kind: "component", type: CoreTableComponent, selector: "core-table", inputs: ["id", "width", "height", "showCheckbox", "checkboxSize", "outerButtons", "showTools", "tools", "checkingResetFlag", "borderRadius", "headerColor", "headerBackgroundColor", "headerWrap", "headerFirstRowHeight", "headerSecondRowHeight", "wrap", "allowCellScrollY", "loading", "rowHeight", "frozen", "footer", "columns", "data", "selectedIds", "corePageListInstanceNumber", "disableHighlightOnClick", "freeMode", "searchSwitchDisabled", "disableSorting", "inlineToolItems", "columnSearchDefaultOpen", "lazyLoading", "primaryKey", "rowHoverBgColor", "noPaddingCell", "autoColumnFitAvailableSpace", "checkboxExplicity", "liteMode"], outputs: ["onSearching", "onToolClick", "onRowClick", "onRowDoubleClick", "onSelectedIdsChange", "onSelectedDataChange", "onColumnCaptionClick"] }, { kind: "component", type: CoreStatusStickerComponent, selector: "core-status-sticker", inputs: ["code", "caption", "width", "isTrueCode"] }, { kind: "component", type: CoreEmployeeSeekerComponent, selector: "core-employee-seeker", inputs: ["preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreContractSeekerComponent, selector: "core-contract-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreWorkingSeekerComponent, selector: "core-working-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreWageSeekerComponent, selector: "core-wage-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$", "employeeId"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreOrgUnitSeekerComponent, selector: "core-org-unit-seeker", inputs: ["accessorMode", "height", "excludedIds$"], outputs: ["itemDoubleClick", "itemClick", "idsChange"] }, { kind: "component", type: CorePositionSeekerComponent, selector: "core-position-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$", "seekerVerifyIgnore"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePositionConcurrentSeekerComponent, selector: "core-position-concurrent-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreFormSeekerComponent, selector: "core-form-seeker", inputs: ["preDefinedOuterFilter$", "outerFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "directive", type: ImageErrorResolverDirective, selector: "[appImageErrorResolver]", inputs: ["type", "isFemale"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }] }); }
+        ], viewQueries: [{ propertyName: "avatar", first: true, predicate: ["avatar"], descendants: true }, { propertyName: "sticker", first: true, predicate: ["sticker"], descendants: true }, { propertyName: "idCard", first: true, predicate: ["idCard"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-form-control-seeker-container\" [hotKeys]=\"['Escapce']\">\r\n    <div class=\"input-wrapper\" [class.d-none]=\"!!multiMode\">\r\n        <label #shownText type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\"\r\n            [class.required-highlight]=\"!!required\"\r\n            (click)=\"onClickSeek()\">\r\n            <input\r\n                type=\"text\"\r\n                [readonly]=\"true\"\r\n                [class.required-highlight]=\"!!required\"\r\n                [value]=\"valueToShow || ''\"\r\n                [appTooltip]=\"valueToShow\"\r\n                [placeholder]=\"placeholder || ''\"\r\n            />\r\n        </label>\r\n        @if (!multiMode) {\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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    <div class=\"seeker-icon-wrapper\" [class.form-control-disabled]=\"disabled\" [class.multi-mode]=\"!!multiMode\"\r\n        (click)=\"onClickSeek()\">\r\n        <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n            <i class=\"feather-search\"></i>\r\n        </div>\r\n    </div>\r\n    <input type=\"text\" readonly [placeholder]=\"placeholder || ''\" class=\"multimode-placeholder\" [class.d-none]=\"!multiMode\" [appTooltip]=\"placeholder\">\r\n    @if (!!multiMode) {\r\n    <div class=\"core-tabbe-wrapper\">\r\n        <core-table [height]=\"multiModeTableHeight\" [columns]=\"multiModeColumns\" [data]=\"selectedData\"\r\n            [showTools]=\"!!!disabled\" [tools]=\"tools\" [lazyLoading]=\"true\"\r\n            [rowHeight]=\"(multiModeRowHeight || 46) + 'px'\" [searchSwitchDisabled]=\"true\" [disableSorting]=\"true\"\r\n            (onToolClick)=\"onToolClick($event)\" (onRowDoubleClick)=\"onSelectedDataRowDoubleClick($event)\"></core-table>\r\n    </div>\r\n    }\r\n\r\n    @if (!!sourceOpen) {\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-content-root\" [ngStyle]=\"{ padding: '0px' }\">\r\n\r\n            <div class=\"source-space\" [ngStyle]=\"{\r\n                height: sourceSpaceHeight + 'px',\r\n                overflow: 'hidden',\r\n                boxSizing: 'border-box',\r\n            }\">\r\n                @if (showPageHeader) {\r\n                <div class=\"modal-header-panel\">\r\n                    <core-page-header [title]=\"title\" [hideButtonGroup]=\"true\"></core-page-header>\r\n                </div>\r\n                }\r\n                <div class=\"source-container\" [ngStyle]=\"{\r\n                    height: sourceContainerHeight + 'px',\r\n                    paddingTop: '0px',\r\n                    paddingBottom: '0px'\r\n                }\">\r\n                    <i class=\"close-icon feather-x\" (click)=\"onCancel()\"\r\n                        [class.d-block]=\"seekerSourceType==='ORGANIZATION_UNIT_SEEK'\"></i>\r\n\r\n                    @switch (seekerSourceType) {\r\n                    @case ('JOB_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"jobSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('EMPLOYEE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"employeeSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('CONTRACT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"contractSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WORKING_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"workingSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WAGE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"wageSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('ORGANIZATION_UNIT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"organizationUnitSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_CONCURRENT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionConcurrentSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('FORM_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"formSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"footer\">\r\n                    <div class=\"d-flex-end\">\r\n                        <button class=\"btn-for-form btn btn-secondary\" type=\"button\" (click)=\"onCancel()\" [appTooltip]=\"'(ESC)'\">{{'UI_CORE_CONFIRM_DIALOG_BUTTON_CANCEL' | translate: lang }}</button>\r\n\r\n                        @if ((seekerSourceType === 'ORGANIZATION_UNIT_SEEK' && !!clickedItem) || (!!multiMode && !!pendingSelectedData?.length) || (!multiMode && !!clickedItemIsInTheList())) {\r\n                        <button class=\"btn-for-form last-child btn btn-secondary\" type=\"button\" (click)=\"onSelect()\">{{\r\n                            'UI_CORE_CONFIRM_DIALOG_BUTTON_SELECT' | translate: lang }}</button>\r\n                        }\r\n                        <!-- <button type=\"button\" (click)=\"close()\" class=\"btn-for-form btn btn-secondary\">{{ cancelButtonText | translate: lang}}</button>\r\n                        <button type=\"button\" (click)=\"onConfirm()\" class=\"btn-for-form last-child btn btn-secondary\">{{  okButtonText | translate: lang}}</button> -->\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n\r\n</div>\r\n\r\n<ng-template #jobSeek>\r\n    <core-job-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsJob\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-job-seeker>\r\n</ng-template>\r\n\r\n<ng-template #employeeSeek>\r\n    <core-employee-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsEmployee\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-employee-seeker>\r\n</ng-template>\r\n\r\n<ng-template #contractSeek>\r\n    <core-contract-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsContract\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-contract-seeker>\r\n</ng-template>\r\n\r\n<ng-template #workingSeek>\r\n    <core-working-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWorking\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-working-seeker>\r\n</ng-template>\r\n\r\n<ng-template #wageSeek>\r\n    <core-wage-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWage\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-wage-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionSeek>\r\n    <core-position-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPosition\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [seekerVerifyIgnore]=\"seekerVerifyIgnore\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionConcurrentSeek>\r\n    <core-position-concurrent-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPositionConcurrent\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-concurrent-seeker>\r\n</ng-template>\r\n\r\n<ng-template #formSeek>\r\n    <core-form-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"true\" [excludedColumns]=\"excludedColumnsAutoForm\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"false\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-form-seeker>\r\n</ng-template>\r\n\r\n<ng-template #organizationUnitSeek>\r\n    <core-org-unit-seeker [excludedIds$]=\"excludedIds$\"\r\n        (itemDoubleClick)=\"onItemDoubleClick($event)\"\r\n        (itemClick)=\"onRowClick($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-org-unit-seeker>\r\n</ng-template>\r\n\r\n<ng-template #avatar let-avatar=\"context.avatar\" let-isFemale=\"context.isFemale\">\r\n\r\n\r\n    @if (avatar != null) {\r\n        <img [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver [type]=\"avatarResolverType\" [isFemale]=\"isFemale\">\r\n    } @else {\r\n        <img [src]=\"acs.BASE_URL + '/' + acs.STATIC_FOLDER + '/' + acs.APP_DEMO_FOLDER + '/' + (ras.getDemoAvatar$(isFemale) | async)\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    }\r\n    \r\n\r\n\r\n    <!-- <img *ngIf=\"avatar != null\" [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    <img *ngIf=\"avatar == null\" [src]=\"defaultAvatar\" class=\"in-table-avatar\" appImageErrorResolver> -->\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #sticker let-code=\"context.actflg\">\r\n    <core-status-sticker [code]=\"code\" [isTrueCode]=\"true\"></core-status-sticker>\r\n</ng-template>\r\n<ng-template #idCard let-id=\"context.id\">\r\n    <div class=\"af-instance-id-card\">\r\n        <span>{{ id }}</span>\r\n    </div>\r\n</ng-template>\r\n\r\n<div [class.d-none]=\"!showEditBuffer\">\r\n    <core-page-edit-lite [sections]=\"multiModeExtendedSections\" (onFormCreated)=\"onEditBufferFormCreated($event)\"\r\n        (submitLogic)=\"onEditBufferSubmit($event)\" (cancelLogic)=\"onEditBufferCancel($event)\"></core-page-edit-lite>\r\n</div>", styles: [".core-form-control-seeker-container{display:block;position:relative;background-color:#fff}.core-form-control-seeker-container input.multimode-placeholder{display:block;position:absolute;top:0;left:40px;border:none;height:33px;max-width:100%}.core-form-control-seeker-container>.seeker-icon-wrapper{display:block;position:absolute;background-color:#fff;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14px;color:#848484;cursor:pointer;overflow:hidden}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper{height:var(--size-form-control-height)}.core-form-control-seeker-container .input-wrapper label.text input{display:block;border:none;height:calc(var(--size-form-control-height) - 12px);line-height:calc(var(--size-form-control-height) - 12px);width:calc(100% - var(--size-form-control-height));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:28px;top:3px;width:29px;height:29px;cursor:pointer}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:29px;height:29px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode{position:relative;display:flex;align-items:center;justify-content:flex-start;height:33px}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode>.flex-wrapper{width:33px;height:33px}.core-form-control-seeker-container .source-container{display:block;background-color:#fff;padding:var(--size-layout-block-cell-spacing);max-width:1200px;border-radius:10px}.core-form-control-seeker-container .source-container i.close-icon{font-size:20px;cursor:pointer;position:absolute;right:15px;top:15px}.core-form-control-seeker-container .source-container.d-none{display:none}.core-form-control-seeker-container .source-container>caption{display:block;width:100%}.core-form-control-seeker-container .source-container:has(~.footer){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.core-form-control-seeker-container .footer{background-color:var(--color-bg-main);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:var(--size-layout-block-cell-spacing);position:absolute;bottom:0;left:0;width:100%}.core-form-control-seeker-container .footer button:first-child{margin-right:var(--size-layout-block-cell-spacing)}.core-form-control-seeker-container .core-tabbe-wrapper{margin-top:5px}.core-form-control-seeker-container .btn-for-form{border:none;border-radius:0;background-color:transparent;color:#000;min-width:120px}.core-form-control-seeker-container button.last-child{background-color:#000;color:#fff}.core-form-control-seeker-container .form-control-disabled input{background-color:#e9ecef}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MapAvatarToServerPipe, name: "mapAvatarToServer" }, { kind: "component", type: CoreJobSeekerComponent, selector: "core-job-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePageEditLiteComponent, selector: "core-page-edit-lite", inputs: ["width", "captionCode", "sections", "submitText", "checkError$"], outputs: ["onFormCreated", "submitLogic", "cancelLogic"] }, { kind: "component", type: CoreTableComponent, selector: "core-table", inputs: ["id", "width", "height", "showCheckbox", "checkboxSize", "outerButtons", "showTools", "tools", "checkingResetFlag", "borderRadius", "headerColor", "headerBackgroundColor", "headerWrap", "headerFirstRowHeight", "headerSecondRowHeight", "wrap", "allowCellScrollY", "loading", "rowHeight", "frozen", "footer", "columns", "data", "selectedIds", "corePageListInstanceNumber", "disableHighlightOnClick", "freeMode", "searchSwitchDisabled", "disableSorting", "inlineToolItems", "columnSearchDefaultOpen", "lazyLoading", "primaryKey", "rowHoverBgColor", "noPaddingCell", "autoColumnFitAvailableSpace", "checkboxExplicity", "liteMode"], outputs: ["onSearching", "onToolClick", "onRowClick", "onRowDoubleClick", "onSelectedIdsChange", "onSelectedDataChange", "onColumnCaptionClick"] }, { kind: "component", type: CoreStatusStickerComponent, selector: "core-status-sticker", inputs: ["code", "caption", "width", "isTrueCode"] }, { kind: "component", type: CoreEmployeeSeekerComponent, selector: "core-employee-seeker", inputs: ["preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreContractSeekerComponent, selector: "core-contract-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreWorkingSeekerComponent, selector: "core-working-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreWageSeekerComponent, selector: "core-wage-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$", "employeeId"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreOrgUnitSeekerComponent, selector: "core-org-unit-seeker", inputs: ["accessorMode", "height", "excludedIds$"], outputs: ["itemDoubleClick", "itemClick", "idsChange"] }, { kind: "component", type: CorePositionSeekerComponent, selector: "core-position-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$", "seekerVerifyIgnore"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePositionConcurrentSeekerComponent, selector: "core-position-concurrent-seeker", inputs: ["height", "preDefinedOuterFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CoreFormSeekerComponent, selector: "core-form-seeker", inputs: ["preDefinedOuterFilter$", "outerFilter$", "useTheseColumns", "hideOrgTree", "excludedColumns", "multiMode", "preDefinedOuterParam$", "excludedIds$"], outputs: ["rowDoubleClick", "rowClick", "selectedIdsChange", "selectedDataChange", "columnsInit", "listChange"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup", "htmlTooltipRef"], outputs: ["buttonClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "directive", type: ImageErrorResolverDirective, selector: "[appImageErrorResolver]", inputs: ["type", "isFemale"] }, { kind: "directive", type: HotKeysDirective, selector: "[hotKeys]", inputs: ["hotKeys"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreFormControlSeekerComponent, decorators: [{
             type: Component,
@@ -22580,7 +22580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         CorePositionConcurrentSeekerComponent,
                         CoreFormSeekerComponent,
                         CoreTableComponent
-                    ], template: "<div #container class=\"core-form-control-seeker-container\" [hotKeys]=\"['Escapce']\">\r\n    <div class=\"input-wrapper\" [class.d-none]=\"!!multiMode\">\r\n        <label #shownText type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\"\r\n            [class.required-highlight]=\"!!required\"\r\n            (click)=\"onClickSeek()\">\r\n            <input\r\n                type=\"text\"\r\n                [readonly]=\"true\"\r\n                [class.required-highlight]=\"!!required\"\r\n                [value]=\"valueToShow || ''\"\r\n                [appTooltip]=\"valueToShow\"\r\n                [placeholder]=\"placeholder || ''\"\r\n            />\r\n        </label>\r\n        @if (!multiMode) {\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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    <div class=\"seeker-icon-wrapper\" [class.form-control-disabled]=\"disabled\" [class.multi-mode]=\"!!multiMode\"\r\n        (click)=\"onClickSeek()\">\r\n        <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n            <i class=\"feather-search\"></i>\r\n        </div>\r\n    </div>\r\n    <input type=\"text\" readonly [placeholder]=\"placeholder || ''\" class=\"multimode-placeholder\" [class.d-none]=\"!multiMode\" [appTooltip]=\"placeholder\">\r\n    @if (!!multiMode) {\r\n    <div class=\"core-tabbe-wrapper\">\r\n        <core-table [height]=\"multiModeTableHeight\" [columns]=\"multiModeColumns\" [data]=\"selectedData\"\r\n            [showTools]=\"!!!disabled\" [tools]=\"tools\" [lazyLoading]=\"true\"\r\n            [rowHeight]=\"(multiModeRowHeight || 46) + 'px'\" [searchSwitchDisabled]=\"true\" [disableSorting]=\"true\"\r\n            (onToolClick)=\"onToolClick($event)\" (onRowDoubleClick)=\"onSelectedDataRowDoubleClick($event)\"></core-table>\r\n    </div>\r\n    }\r\n\r\n    @if (!!sourceOpen) {\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-content-root\" [ngStyle]=\"{ padding: '0px' }\">\r\n\r\n            <div class=\"source-space\" [ngStyle]=\"{\r\n                height: sourceSpaceHeight + 'px',\r\n                overflow: 'hidden',\r\n                boxSizing: 'border-box',\r\n            }\">\r\n                @if (showPageHeader) {\r\n                <div class=\"modal-header-panel\">\r\n                    <core-page-header [title]=\"title\" [hideButtonGroup]=\"true\"></core-page-header>\r\n                </div>\r\n                }\r\n                <div class=\"source-container\" [ngStyle]=\"{\r\n                    height: sourceContainerHeight + 'px',\r\n                    paddingTop: '0px',\r\n                    paddingBottom: '0px'\r\n                }\">\r\n                    <i class=\"close-icon feather-x\" (click)=\"onCancel()\"\r\n                        [class.d-block]=\"seekerSourceType==='ORGANIZATION_UNIT_SEEK'\"></i>\r\n\r\n                    @switch (seekerSourceType) {\r\n                    @case ('JOB_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"jobSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('EMPLOYEE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"employeeSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('CONTRACT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"contractSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WORKING_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"workingSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WAGE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"wageSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('ORGANIZATION_UNIT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"organizationUnitSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_CONCURRENT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionConcurrentSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('FORM_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"formSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"footer\">\r\n                    <div class=\"d-flex-end\">\r\n                        <button class=\"btn-for-form btn btn-secondary\" type=\"button\" (click)=\"onCancel()\" [appTooltip]=\"'(ESC)'\">{{'UI_CORE_CONFIRM_DIALOG_BUTTON_CANCEL' | translate: lang }}</button>\r\n\r\n                        @if ((seekerSourceType === 'ORGANIZATION_UNIT_SEEK' && !!clickedItem) || (!!multiMode && !!pendingSelectedData?.length) || (!multiMode && !!clickedItemIsInTheList())) {\r\n                        <button class=\"btn-for-form last-child btn btn-secondary\" type=\"button\" (click)=\"onSelect()\">{{\r\n                            'UI_CORE_CONFIRM_DIALOG_BUTTON_SELECT' | translate: lang }}</button>\r\n                        }\r\n                        <!-- <button type=\"button\" (click)=\"close()\" class=\"btn-for-form btn btn-secondary\">{{ cancelButtonText | translate: lang}}</button>\r\n                        <button type=\"button\" (click)=\"onConfirm()\" class=\"btn-for-form last-child btn btn-secondary\">{{  okButtonText | translate: lang}}</button> -->\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n\r\n</div>\r\n\r\n<ng-template #jobSeek>\r\n    <core-job-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsJob\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-job-seeker>\r\n</ng-template>\r\n\r\n<ng-template #employeeSeek>\r\n    <core-employee-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsEmployee\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-employee-seeker>\r\n</ng-template>\r\n\r\n<ng-template #contractSeek>\r\n    <core-contract-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsContract\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-contract-seeker>\r\n</ng-template>\r\n\r\n<ng-template #workingSeek>\r\n    <core-working-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWorking\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-working-seeker>\r\n</ng-template>\r\n\r\n<ng-template #wageSeek>\r\n    <core-wage-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWage\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-wage-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionSeek>\r\n    <core-position-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPosition\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [seekerVerifyIgnore]=\"seekerVerifyIgnore\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionConcurrentSeek>\r\n    <core-position-concurrent-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPositionConcurrent\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-concurrent-seeker>\r\n</ng-template>\r\n\r\n<ng-template #formSeek>\r\n    <core-form-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"true\" [excludedColumns]=\"excludedColumnsAutoForm\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"false\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-form-seeker>\r\n</ng-template>\r\n\r\n<ng-template #organizationUnitSeek>\r\n    <core-org-unit-seeker [excludedIds$]=\"excludedIds$\"\r\n        (itemDoubleClick)=\"onItemDoubleClick($event)\"\r\n        (itemClick)=\"onRowClick($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-org-unit-seeker>\r\n</ng-template>\r\n\r\n<ng-template #avatar let-avatar=\"context.avatar\" let-isFemale=\"context.isFemale\">\r\n\r\n\r\n    @if (avatar != null) {\r\n        <img [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver [type]=\"avatarResolverType\" [isFemale]=\"isFemale\">\r\n    } @else {\r\n        <img [src]=\"acs.BASE_URL + '/' + acs.STATIC_FOLDER + '/' + acs.APP_DEMO_FOLDER + '/' + (ras.getDemoAvatar$(isFemale) | async)\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    }\r\n    \r\n\r\n\r\n    <!-- <img *ngIf=\"avatar != null\" [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    <img *ngIf=\"avatar == null\" [src]=\"defaultAvatar\" class=\"in-table-avatar\" appImageErrorResolver> -->\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #sticker let-code=\"context.actflg\">\r\n    <core-status-sticker [code]=\"code\" [isTrueCode]=\"true\"></core-status-sticker>\r\n</ng-template>\r\n<ng-template #idCard let-id=\"context.id\">\r\n    <div class=\"af-instance-id-card\">\r\n        <span>{{ id }}</span>\r\n    </div>\r\n</ng-template>\r\n\r\n<div [class.d-none]=\"!showEditBuffer\">\r\n    <core-page-edit-lite [sections]=\"multiModeExtendedSections\" (onFormCreated)=\"onEditBufferFormCreated($event)\"\r\n        (submitLogic)=\"onEditBufferSubmit($event)\" (cancelLogic)=\"onEditBufferCancel($event)\"></core-page-edit-lite>\r\n</div>", styles: [".core-form-control-seeker-container{display:block;position:relative;background-color:#fff}.core-form-control-seeker-container input.multimode-placeholder{display:block;position:absolute;top:0;left:40px;border:none;height:33px;max-width:100%}.core-form-control-seeker-container>.seeker-icon-wrapper{display:block;position:absolute;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14px;color:#848484;cursor:pointer;overflow:hidden}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper{height:var(--size-form-control-height)}.core-form-control-seeker-container .input-wrapper label.text input{display:block;border:none;height:calc(var(--size-form-control-height) - 12px);line-height:calc(var(--size-form-control-height) - 12px);width:calc(100% - var(--size-form-control-height));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:28px;top:3px;width:29px;height:29px;cursor:pointer}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:29px;height:29px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode{position:relative;display:flex;align-items:center;justify-content:flex-start;height:33px}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode>.flex-wrapper{width:33px;height:33px}.core-form-control-seeker-container .source-container{display:block;background-color:#fff;padding:var(--size-layout-block-cell-spacing);max-width:1200px;border-radius:10px}.core-form-control-seeker-container .source-container i.close-icon{font-size:20px;cursor:pointer;position:absolute;right:15px;top:15px}.core-form-control-seeker-container .source-container.d-none{display:none}.core-form-control-seeker-container .source-container>caption{display:block;width:100%}.core-form-control-seeker-container .source-container:has(~.footer){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.core-form-control-seeker-container .footer{background-color:var(--color-bg-main);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:var(--size-layout-block-cell-spacing);position:absolute;bottom:0;left:0;width:100%}.core-form-control-seeker-container .footer button:first-child{margin-right:var(--size-layout-block-cell-spacing)}.core-form-control-seeker-container .core-tabbe-wrapper{margin-top:5px}.core-form-control-seeker-container .btn-for-form{border:none;border-radius:0;background-color:transparent;color:#000;min-width:120px}.core-form-control-seeker-container button.last-child{background-color:#000;color:#fff}.core-form-control-seeker-container .form-control-disabled input{background-color:#e9ecef}\n"] }]
+                    ], template: "<div #container class=\"core-form-control-seeker-container\" [hotKeys]=\"['Escapce']\">\r\n    <div class=\"input-wrapper\" [class.d-none]=\"!!multiMode\">\r\n        <label #shownText type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\"\r\n            [class.required-highlight]=\"!!required\"\r\n            (click)=\"onClickSeek()\">\r\n            <input\r\n                type=\"text\"\r\n                [readonly]=\"true\"\r\n                [class.required-highlight]=\"!!required\"\r\n                [value]=\"valueToShow || ''\"\r\n                [appTooltip]=\"valueToShow\"\r\n                [placeholder]=\"placeholder || ''\"\r\n            />\r\n        </label>\r\n        @if (!multiMode) {\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!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    <div class=\"seeker-icon-wrapper\" [class.form-control-disabled]=\"disabled\" [class.multi-mode]=\"!!multiMode\"\r\n        (click)=\"onClickSeek()\">\r\n        <div class=\"flex-wrapper\" [class.form-control-disabled]=\"disabled\">\r\n            <i class=\"feather-search\"></i>\r\n        </div>\r\n    </div>\r\n    <input type=\"text\" readonly [placeholder]=\"placeholder || ''\" class=\"multimode-placeholder\" [class.d-none]=\"!multiMode\" [appTooltip]=\"placeholder\">\r\n    @if (!!multiMode) {\r\n    <div class=\"core-tabbe-wrapper\">\r\n        <core-table [height]=\"multiModeTableHeight\" [columns]=\"multiModeColumns\" [data]=\"selectedData\"\r\n            [showTools]=\"!!!disabled\" [tools]=\"tools\" [lazyLoading]=\"true\"\r\n            [rowHeight]=\"(multiModeRowHeight || 46) + 'px'\" [searchSwitchDisabled]=\"true\" [disableSorting]=\"true\"\r\n            (onToolClick)=\"onToolClick($event)\" (onRowDoubleClick)=\"onSelectedDataRowDoubleClick($event)\"></core-table>\r\n    </div>\r\n    }\r\n\r\n    @if (!!sourceOpen) {\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-content-root\" [ngStyle]=\"{ padding: '0px' }\">\r\n\r\n            <div class=\"source-space\" [ngStyle]=\"{\r\n                height: sourceSpaceHeight + 'px',\r\n                overflow: 'hidden',\r\n                boxSizing: 'border-box',\r\n            }\">\r\n                @if (showPageHeader) {\r\n                <div class=\"modal-header-panel\">\r\n                    <core-page-header [title]=\"title\" [hideButtonGroup]=\"true\"></core-page-header>\r\n                </div>\r\n                }\r\n                <div class=\"source-container\" [ngStyle]=\"{\r\n                    height: sourceContainerHeight + 'px',\r\n                    paddingTop: '0px',\r\n                    paddingBottom: '0px'\r\n                }\">\r\n                    <i class=\"close-icon feather-x\" (click)=\"onCancel()\"\r\n                        [class.d-block]=\"seekerSourceType==='ORGANIZATION_UNIT_SEEK'\"></i>\r\n\r\n                    @switch (seekerSourceType) {\r\n                    @case ('JOB_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"jobSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('EMPLOYEE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"employeeSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('CONTRACT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"contractSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WORKING_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"workingSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('WAGE_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"wageSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('ORGANIZATION_UNIT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"organizationUnitSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('POSITION_CONCURRENT_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"positionConcurrentSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    @case ('FORM_SEEK') {\r\n                    <ng-container *ngTemplateOutlet=\"formSeek\">\r\n                    </ng-container>\r\n                    }\r\n                    }\r\n\r\n                </div>\r\n\r\n                <div class=\"footer\">\r\n                    <div class=\"d-flex-end\">\r\n                        <button class=\"btn-for-form btn btn-secondary\" type=\"button\" (click)=\"onCancel()\" [appTooltip]=\"'(ESC)'\">{{'UI_CORE_CONFIRM_DIALOG_BUTTON_CANCEL' | translate: lang }}</button>\r\n\r\n                        @if ((seekerSourceType === 'ORGANIZATION_UNIT_SEEK' && !!clickedItem) || (!!multiMode && !!pendingSelectedData?.length) || (!multiMode && !!clickedItemIsInTheList())) {\r\n                        <button class=\"btn-for-form last-child btn btn-secondary\" type=\"button\" (click)=\"onSelect()\">{{\r\n                            'UI_CORE_CONFIRM_DIALOG_BUTTON_SELECT' | translate: lang }}</button>\r\n                        }\r\n                        <!-- <button type=\"button\" (click)=\"close()\" class=\"btn-for-form btn btn-secondary\">{{ cancelButtonText | translate: lang}}</button>\r\n                        <button type=\"button\" (click)=\"onConfirm()\" class=\"btn-for-form last-child btn btn-secondary\">{{  okButtonText | translate: lang}}</button> -->\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    }\r\n\r\n</div>\r\n\r\n<ng-template #jobSeek>\r\n    <core-job-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsJob\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-job-seeker>\r\n</ng-template>\r\n\r\n<ng-template #employeeSeek>\r\n    <core-employee-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsEmployee\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-employee-seeker>\r\n</ng-template>\r\n\r\n<ng-template #contractSeek>\r\n    <core-contract-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsContract\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-contract-seeker>\r\n</ng-template>\r\n\r\n<ng-template #workingSeek>\r\n    <core-working-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWorking\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-working-seeker>\r\n</ng-template>\r\n\r\n<ng-template #wageSeek>\r\n    <core-wage-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsWage\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        (rowDoubleClick)=\"onRowDoubleClick($event)\" (columnsInit)=\"onColumnsInit($event)\"\r\n        (selectedDataChange)=\"onSelectedDataChange($event)\" \r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-wage-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionSeek>\r\n    <core-position-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPosition\" [preDefinedOuterParam$]=\"preDefinedOuterParam$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [seekerVerifyIgnore]=\"seekerVerifyIgnore\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-seeker>\r\n</ng-template>\r\n\r\n<ng-template #positionConcurrentSeek>\r\n    <core-position-concurrent-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"hideOrgTree\" [excludedColumns]=\"excludedColumnsPositionConcurrent\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"multiMode\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-position-concurrent-seeker>\r\n</ng-template>\r\n\r\n<ng-template #formSeek>\r\n    <core-form-seeker [useTheseColumns]=\"useTheseColumns\" [hideOrgTree]=\"true\" [excludedColumns]=\"excludedColumnsAutoForm\"\r\n        [preDefinedOuterParam$]=\"preDefinedOuterParam$\" [multiMode]=\"false\" [excludedIds$]=\"excludedIds$\"\r\n        [preDefinedOuterFilter$]=\"preDefinedOuterFilter$\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n        (columnsInit)=\"onColumnsInit($event)\" (selectedDataChange)=\"onSelectedDataChange($event)\"\r\n        (rowClick)=\"onRowClick($event)\"\r\n        (listChange)=\"onListChange($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-form-seeker>\r\n</ng-template>\r\n\r\n<ng-template #organizationUnitSeek>\r\n    <core-org-unit-seeker [excludedIds$]=\"excludedIds$\"\r\n        (itemDoubleClick)=\"onItemDoubleClick($event)\"\r\n        (itemClick)=\"onRowClick($event)\"\r\n        [height]=\"childComponentHeight\"\r\n        ></core-org-unit-seeker>\r\n</ng-template>\r\n\r\n<ng-template #avatar let-avatar=\"context.avatar\" let-isFemale=\"context.isFemale\">\r\n\r\n\r\n    @if (avatar != null) {\r\n        <img [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver [type]=\"avatarResolverType\" [isFemale]=\"isFemale\">\r\n    } @else {\r\n        <img [src]=\"acs.BASE_URL + '/' + acs.STATIC_FOLDER + '/' + acs.APP_DEMO_FOLDER + '/' + (ras.getDemoAvatar$(isFemale) | async)\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    }\r\n    \r\n\r\n\r\n    <!-- <img *ngIf=\"avatar != null\" [src]=\"avatar | mapAvatarToServer\" class=\"in-table-avatar\" appImageErrorResolver>\r\n    <img *ngIf=\"avatar == null\" [src]=\"defaultAvatar\" class=\"in-table-avatar\" appImageErrorResolver> -->\r\n\r\n\r\n\r\n</ng-template>\r\n\r\n\r\n<ng-template #sticker let-code=\"context.actflg\">\r\n    <core-status-sticker [code]=\"code\" [isTrueCode]=\"true\"></core-status-sticker>\r\n</ng-template>\r\n<ng-template #idCard let-id=\"context.id\">\r\n    <div class=\"af-instance-id-card\">\r\n        <span>{{ id }}</span>\r\n    </div>\r\n</ng-template>\r\n\r\n<div [class.d-none]=\"!showEditBuffer\">\r\n    <core-page-edit-lite [sections]=\"multiModeExtendedSections\" (onFormCreated)=\"onEditBufferFormCreated($event)\"\r\n        (submitLogic)=\"onEditBufferSubmit($event)\" (cancelLogic)=\"onEditBufferCancel($event)\"></core-page-edit-lite>\r\n</div>", styles: [".core-form-control-seeker-container{display:block;position:relative;background-color:#fff}.core-form-control-seeker-container input.multimode-placeholder{display:block;position:absolute;top:0;left:40px;border:none;height:33px;max-width:100%}.core-form-control-seeker-container>.seeker-icon-wrapper{display:block;position:absolute;background-color:#fff;border:1px solid #ced4da;right:0;top:0;width:35px;height:35px;font-size:14px;color:#848484;cursor:pointer;overflow:hidden}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container>.seeker-icon-wrapper>.flex-wrapper>i.close-icon{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper{height:var(--size-form-control-height)}.core-form-control-seeker-container .input-wrapper label.text input{display:block;border:none;height:calc(var(--size-form-control-height) - 12px);line-height:calc(var(--size-form-control-height) - 12px);width:calc(100% - var(--size-form-control-height));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:28px;top:3px;width:29px;height:29px;cursor:pointer}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper{width:29px;height:29px;display:flex;align-items:center;justify-content:center}.core-form-control-seeker-container .input-wrapper .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-form-control-seeker-container .input-wrapper:hover>.clear-icon-wrapper{display:block}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode{position:relative;display:flex;align-items:center;justify-content:flex-start;height:33px}.core-form-control-seeker-container>.seeker-icon-wrapper.multi-mode>.flex-wrapper{width:33px;height:33px}.core-form-control-seeker-container .source-container{display:block;background-color:#fff;padding:var(--size-layout-block-cell-spacing);max-width:1200px;border-radius:10px}.core-form-control-seeker-container .source-container i.close-icon{font-size:20px;cursor:pointer;position:absolute;right:15px;top:15px}.core-form-control-seeker-container .source-container.d-none{display:none}.core-form-control-seeker-container .source-container>caption{display:block;width:100%}.core-form-control-seeker-container .source-container:has(~.footer){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.core-form-control-seeker-container .footer{background-color:var(--color-bg-main);border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:var(--size-layout-block-cell-spacing);position:absolute;bottom:0;left:0;width:100%}.core-form-control-seeker-container .footer button:first-child{margin-right:var(--size-layout-block-cell-spacing)}.core-form-control-seeker-container .core-tabbe-wrapper{margin-top:5px}.core-form-control-seeker-container .btn-for-form{border:none;border-radius:0;background-color:transparent;color:#000;min-width:120px}.core-form-control-seeker-container button.last-child{background-color:#000;color:#fff}.core-form-control-seeker-container .form-control-disabled input{background-color:#e9ecef}\n"] }]
         }], ctorParameters: () => [{ type: AlertService }, { type: i0.Injector }, { type: MultiLanguageService }, { type: CoreTableComponent }, { type: CoreJobSeekerComponent }, { type: CoreEmployeeSeekerComponent }, { type: CoreContractSeekerComponent }, { type: CoreWorkingSeekerComponent }, { type: CoreWageSeekerComponent }, { type: CorePositionSeekerComponent }, { type: CorePositionConcurrentSeekerComponent }, { type: CoreFormSeekerComponent }, { type: RandomAvatarService }, { type: SeekerService }, { type: LayoutService }, { type: AppService }], propDecorators: { avatar: [{
                 type: ViewChild,
                 args: ['avatar']
@@ -22966,7 +22966,7 @@ class CoreMccComponent extends CoreFormControlBaseComponent {
                 multi: true,
                 useExisting: CoreMccComponent
             }
-        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-mcc-container\">\r\n    <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\">\r\n    <input class=\"value\" [value]=\"value\">\r\n    <label type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n        <input\r\n            [appTooltip]=\"shownText\"\r\n            [placeholder]=\"placeholder\"\r\n            [class.required-highlight]=\"!!required\"\r\n            [value]=\"!!loading ? '...' : shownText\"\r\n            readonly\r\n        />\r\n        <div class=\"icon\" (click)=\"toggleExpanded()\">\r\n            <i class=\"feather-chevrons-down\"></i>\r\n        </div>\r\n\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear($event)\">\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    </label>\r\n    <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\">\r\n        <ng-container *ngTemplateOutlet=\"dropdown\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #dropdown>\r\n    <core-page-list [hideCheck]=\"true\" [hideHeader]=\"true\" [height]=\"460\" [rowHeight]=\"'40px'\"\r\n    [mccMode]=\"true\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n    [columns]=\"columns\" [apiDefinition]=\"apiDefinition\" [fixedPageSize]=\"5\" [columnSearchDefaultOpen]=\"true\"\r\n    [outerParam$]=\"outerParam$\"\r\n    ></core-page-list>\r\n</ng-template>", styles: [".core-mcc-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-mcc-container input.expand-state,.core-mcc-container .value{display:none}.core-mcc-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-mcc-container label.text .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:22px;top:-5px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-mcc-container label.text:hover>.clear-icon-wrapper{display:block}.core-mcc-container label.text input{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit;border:none}.core-mcc-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:3px;top:3px;width:calc(var(--height) - 6px);height:calc(var(--height) - 6px);background-color:#e9e9e9;border-radius:3px;cursor:pointer}.core-mcc-container label.text div.icon i{width:28px;height:28px;font-size:28px;color:#848484}.core-mcc-container .dropdown{display:block;position:absolute;width:800px;min-width:100%;max-height:0px;overflow-x:auto;overflow-y:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-mcc-container .dropdown ul{padding-left:6px}.core-mcc-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-mcc-container .dropdown ul>li>label{width:100%}.core-mcc-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-mcc-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;max-height:460px;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;transition:.25s linear}.core-mcc-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-mcc-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: CorePageListComponent, selector: "core-page-list", inputs: ["normalMode", "hideHeader", "hideButtonGroup", "seekerMode", "mccMode", "height", "headerWrap", "headerFirstRowHeight", "enableTimeZoneConverterForDateTimePeriodParameters", "showParamKit", "enableFilterKit", "datePeriodComparisonFor", "datePeriodComparisonForLabelKey", "statusInclusionFor", "statusInclusionForLabelKey", "statusOptionsApi", "statusOptions$", "showOrgParam", "showOrgParamDropdown", "hideGeneralSearch", "hideDatePeriodComparison", "hideStatusInclusion", "filterOperators$", "camelCaseDtoStatusIdField", "gridStatusColumn", "title", "hasIdOfStringType", "hideCheck", "apiDefinition", "columns", "useTheseColumns", "hideOrgTree", "frozen", "inlineTools", "inlineToolItems", "editRoute", "crud", "showListInlineTools", "top", "left", "hideLeft", "outerParam$", "outerFilter$", "outerSort", "outerFilterOperators", "outerInOperators", "autoResizeWithWindow", "extraManualOffset", "wrap", "rowHeight", "selfResolveCorePageHeaderButtonClick", "clearData$", "deleteValidateFn", "generateTemplateRequest", "importPreviewPath", "columnSearchDefaultOpen", "fixedPageSize", "disableDoubleClick", "noPaddingCell", "disableHighlightOnClick", "loading$", "excludedIds$", "disableDialogInformationLines", "changeTracking", "primaryKey", "changedItems$", "tabMode", "paramRows", "disableFilterHub", "autoColumnFitAvailableSpace", "ignoredDefaultActions", "checkboxExplicity", "auxOutletName"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+        ], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-mcc-container\">\r\n    <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\">\r\n    <input class=\"value\" [value]=\"value\">\r\n    <label type=\"text\" class=\"text form-control pointer\" [class.required-highlight]=\"!!required\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n        <input\r\n            [appTooltip]=\"shownText\"\r\n            [placeholder]=\"placeholder\"\r\n            [value]=\"!!loading ? '...' : shownText\"\r\n            readonly\r\n        />\r\n        <div class=\"icon\" (click)=\"toggleExpanded()\">\r\n            <i class=\"feather-chevrons-down\"></i>\r\n        </div>\r\n\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear($event)\">\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    </label>\r\n    <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\">\r\n        <ng-container *ngTemplateOutlet=\"dropdown\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #dropdown>\r\n    <core-page-list [hideCheck]=\"true\" [hideHeader]=\"true\" [height]=\"460\" [rowHeight]=\"'40px'\"\r\n    [mccMode]=\"true\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n    [columns]=\"columns\" [apiDefinition]=\"apiDefinition\" [fixedPageSize]=\"5\" [columnSearchDefaultOpen]=\"true\"\r\n    [outerParam$]=\"outerParam$\"\r\n    ></core-page-list>\r\n</ng-template>", styles: [".core-mcc-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-mcc-container input.expand-state,.core-mcc-container .value{display:none}.core-mcc-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-mcc-container label.text .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:22px;top:-5px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-mcc-container label.text:hover>.clear-icon-wrapper{display:block}.core-mcc-container label.text input{background-color:transparent}.core-mcc-container label.text input{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit;border:none}.core-mcc-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;width:var(--height);height:var(--height);top:0;right:0;background-color:#fff;cursor:pointer;border:1px solid #ced4da}.core-mcc-container label.text div.icon i{width:20px;height:20px;font-size:20px;color:#848484}.core-mcc-container .dropdown{display:block;position:absolute;width:800px;min-width:100%;max-height:0px;overflow-x:auto;overflow-y:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-mcc-container .dropdown ul{padding-left:6px}.core-mcc-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-mcc-container .dropdown ul>li>label{width:100%}.core-mcc-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-mcc-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;max-height:460px;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;transition:.25s linear}.core-mcc-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-mcc-container input.search:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: CorePageListComponent, selector: "core-page-list", inputs: ["normalMode", "hideHeader", "hideButtonGroup", "seekerMode", "mccMode", "height", "headerWrap", "headerFirstRowHeight", "enableTimeZoneConverterForDateTimePeriodParameters", "showParamKit", "enableFilterKit", "datePeriodComparisonFor", "datePeriodComparisonForLabelKey", "statusInclusionFor", "statusInclusionForLabelKey", "statusOptionsApi", "statusOptions$", "showOrgParam", "showOrgParamDropdown", "hideGeneralSearch", "hideDatePeriodComparison", "hideStatusInclusion", "filterOperators$", "camelCaseDtoStatusIdField", "gridStatusColumn", "title", "hasIdOfStringType", "hideCheck", "apiDefinition", "columns", "useTheseColumns", "hideOrgTree", "frozen", "inlineTools", "inlineToolItems", "editRoute", "crud", "showListInlineTools", "top", "left", "hideLeft", "outerParam$", "outerFilter$", "outerSort", "outerFilterOperators", "outerInOperators", "autoResizeWithWindow", "extraManualOffset", "wrap", "rowHeight", "selfResolveCorePageHeaderButtonClick", "clearData$", "deleteValidateFn", "generateTemplateRequest", "importPreviewPath", "columnSearchDefaultOpen", "fixedPageSize", "disableDoubleClick", "noPaddingCell", "disableHighlightOnClick", "loading$", "excludedIds$", "disableDialogInformationLines", "changeTracking", "primaryKey", "changedItems$", "tabMode", "paramRows", "disableFilterHub", "autoColumnFitAvailableSpace", "ignoredDefaultActions", "checkboxExplicity", "auxOutletName"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "showAnyway", "color", "backgroundColor", "position"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: CoreMccComponent, decorators: [{
             type: Component,
@@ -22984,7 +22984,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                             multi: true,
                             useExisting: CoreMccComponent
                         }
-                    ], template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-mcc-container\">\r\n    <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\">\r\n    <input class=\"value\" [value]=\"value\">\r\n    <label type=\"text\" class=\"text form-control pointer\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n        <input\r\n            [appTooltip]=\"shownText\"\r\n            [placeholder]=\"placeholder\"\r\n            [class.required-highlight]=\"!!required\"\r\n            [value]=\"!!loading ? '...' : shownText\"\r\n            readonly\r\n        />\r\n        <div class=\"icon\" (click)=\"toggleExpanded()\">\r\n            <i class=\"feather-chevrons-down\"></i>\r\n        </div>\r\n\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear($event)\">\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    </label>\r\n    <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\">\r\n        <ng-container *ngTemplateOutlet=\"dropdown\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #dropdown>\r\n    <core-page-list [hideCheck]=\"true\" [hideHeader]=\"true\" [height]=\"460\" [rowHeight]=\"'40px'\"\r\n    [mccMode]=\"true\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n    [columns]=\"columns\" [apiDefinition]=\"apiDefinition\" [fixedPageSize]=\"5\" [columnSearchDefaultOpen]=\"true\"\r\n    [outerParam$]=\"outerParam$\"\r\n    ></core-page-list>\r\n</ng-template>", styles: [".core-mcc-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-mcc-container input.expand-state,.core-mcc-container .value{display:none}.core-mcc-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-mcc-container label.text .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:22px;top:-5px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-mcc-container label.text:hover>.clear-icon-wrapper{display:block}.core-mcc-container label.text input{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit;border:none}.core-mcc-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;right:3px;top:3px;width:calc(var(--height) - 6px);height:calc(var(--height) - 6px);background-color:#e9e9e9;border-radius:3px;cursor:pointer}.core-mcc-container label.text div.icon i{width:28px;height:28px;font-size:28px;color:#848484}.core-mcc-container .dropdown{display:block;position:absolute;width:800px;min-width:100%;max-height:0px;overflow-x:auto;overflow-y:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-mcc-container .dropdown ul{padding-left:6px}.core-mcc-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-mcc-container .dropdown ul>li>label{width:100%}.core-mcc-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-mcc-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;max-height:460px;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;transition:.25s linear}.core-mcc-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-mcc-container input.search:focus{outline:none}\n"] }]
+                    ], template: "<app-threedots *ngIf=\"loading\"></app-threedots>\r\n<div #container class=\"core-mcc-container\">\r\n    <input type=\"checkbox\" class=\"expand-state\" [(ngModel)]=\"expandState\">\r\n    <input class=\"value\" [value]=\"value\">\r\n    <label type=\"text\" class=\"text form-control pointer\" [class.required-highlight]=\"!!required\" [class.form-control-disabled]=\"disabled\" (click)=\"toggleExpanded()\">\r\n        <input\r\n            [appTooltip]=\"shownText\"\r\n            [placeholder]=\"placeholder\"\r\n            [value]=\"!!loading ? '...' : shownText\"\r\n            readonly\r\n        />\r\n        <div class=\"icon\" (click)=\"toggleExpanded()\">\r\n            <i class=\"feather-chevrons-down\"></i>\r\n        </div>\r\n\r\n        <div class=\"clear-icon-wrapper\" [class.d-none]=\"!!disabled || !!!value\" (click)=\"onClickClear($event)\">\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    </label>\r\n    <div class=\"dropdown\" [class.form-control-disabled]=\"disabled\" *ngIf=\"!!expandState\">\r\n        <ng-container *ngTemplateOutlet=\"dropdown\"></ng-container>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #dropdown>\r\n    <core-page-list [hideCheck]=\"true\" [hideHeader]=\"true\" [height]=\"460\" [rowHeight]=\"'40px'\"\r\n    [mccMode]=\"true\" (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n    [columns]=\"columns\" [apiDefinition]=\"apiDefinition\" [fixedPageSize]=\"5\" [columnSearchDefaultOpen]=\"true\"\r\n    [outerParam$]=\"outerParam$\"\r\n    ></core-page-list>\r\n</ng-template>", styles: [".core-mcc-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);--item-height: 50px;--max-z-index: 0;--search-height: 38px}.core-mcc-container input.expand-state,.core-mcc-container .value{display:none}.core-mcc-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-mcc-container label.text .clear-icon-wrapper{display:none;position:absolute;background-color:transparent;right:22px;top:-5px;width:44px;height:44px;border-radius:.375rem;cursor:pointer}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.core-mcc-container label.text .clear-icon-wrapper>.flex-wrapper>i{color:#848484;font-size:20px}.core-mcc-container label.text:hover>.clear-icon-wrapper{display:block}.core-mcc-container label.text input{background-color:transparent}.core-mcc-container label.text input{width:calc(100% - var(--height));overflow-x:hidden;text-overflow:ellipsis;color:inherit;border:none}.core-mcc-container label.text div.icon{display:flex;align-items:center;justify-content:center;position:absolute;width:var(--height);height:var(--height);top:0;right:0;background-color:#fff;cursor:pointer;border:1px solid #ced4da}.core-mcc-container label.text div.icon i{width:20px;height:20px;font-size:20px;color:#848484}.core-mcc-container .dropdown{display:block;position:absolute;width:800px;min-width:100%;max-height:0px;overflow-x:auto;overflow-y:hidden;background-color:#fff;font-size:15px;box-shadow:0 1rem 3rem #0000002e;transition:.25s linear;z-index:calc(var(--max-z-index) + 1)}.core-mcc-container .dropdown ul{padding-left:6px}.core-mcc-container .dropdown ul>li{display:flex;align-items:center;cursor:pointer;padding:0px var(--size-scrollbar-width);transition:.25s linear}.core-mcc-container .dropdown ul>li>label{width:100%}.core-mcc-container .dropdown ul>li:hover{background-color:var(--search-item-hover-bg);color:var(--search-item-hover-color);transition:.25s linear}.core-mcc-container input.expand-state:checked~.dropdown{border:1px solid #ced4da;margin-top:2px;max-height:460px;border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem;transition:.25s linear}.core-mcc-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-mcc-container input.search:focus{outline:none}\n"] }]
         }], ctorParameters: () => [{ type: DomService }, { type: i0.Renderer2 }, { type: AppService }, { type: ResponseService }, { type: AlertService }, { type: MultiLanguageService }], propDecorators: { height: [{
                 type: Input
             }], columns: [{
@@ -32057,7 +32057,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const simpleChatRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-C7S2zFW4.mjs').then(m => m.SimpleChatComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-simple-chat.component-Bz0fYkPZ.mjs').then(m => m.SimpleChatComponent)
     }
 ];
 
@@ -35388,11 +35388,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-cYIL78qi.mjs').then(m => m.TemplateListComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-template-list.component-C5qNuUad.mjs').then(m => m.TemplateListComponent),
     },
     {
         path: ":id",
-        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-BxHHfqxz.mjs').then(m => m.CoreTemplateEditorComponent),
+        loadComponent: () => import('./ngx-histaff-alpha-core-template-editor.component-ByuhY7IT.mjs').then(m => m.CoreTemplateEditorComponent),
         canDeactivate: [CanDeactivateGuard]
     },
     {
@@ -35421,7 +35421,7 @@ const coreFormDesignRoutes = [
     },
     {
         path: ':id',
-        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-DtCXHYAt.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-core-form-design.component-BT7r_1R-.mjs').then(function (n) { return n.c; }).then(m => m.CoreFormDesignComponent)
     }
 ];
 
@@ -36315,7 +36315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
 const coreNavigationTrackerRoutes = [
     {
         path: '',
-        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-DJ40bSiy.mjs').then(m => m.TrackerStudioComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-tracker-studio.component-BU32uYCl.mjs').then(m => m.TrackerStudioComponent)
     }
 ];
 
@@ -38951,29 +38951,29 @@ const coreWorkflowRoutes = [
                     {
                         path: 'form-assign/:id',
                         outlet: "formAssignAux",
-                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-BLYgef0q.mjs').then(m => m.WfFormAssignComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-wf-form-assign.component-D0fL7caw.mjs').then(m => m.WfFormAssignComponent),
                         canDeactivate: [CanDeactivateGuard]
                     }
                 ]
             },
             {
                 path: 'db-settings',
-                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-DzlRbsDB.mjs').then(m => m.DbSettingsComponent)
+                loadComponent: () => import('./ngx-histaff-alpha-db-settings.component-EDpAuqwL.mjs').then(m => m.DbSettingsComponent)
             },
             {
                 path: 'workflow-consume',
-                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-DFszTiMS.mjs').then(m => m.CoreWorkflowConsumeComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-core-workflow-consume.component-CFEwJ1Ve.mjs').then(m => m.CoreWorkflowConsumeComponent),
                 children: [
                     {
                         path: ':id',
                         outlet: "workflowConsume",
-                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-S0TuRRLS.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                        loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Cy6Gg03T.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
                     }
                 ]
             },
             {
                 path: 'workflow-consume/:id',
-                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-S0TuRRLS.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
+                loadComponent: () => import('./ngx-histaff-alpha-live-form.component-Cy6Gg03T.mjs').then(function (n) { return n.l; }).then(m => m.LiveFormComponent),
             },
             {
                 path: 'workflow-group-edit/:id',
@@ -38983,17 +38983,17 @@ const coreWorkflowRoutes = [
             },
             {
                 path: 'design/:id',
-                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BFpw9Xun.mjs').then(m => m.wfDesignWrapperRoutes),
+                loadChildren: () => import('./ngx-histaff-alpha-design-wrapper.route-BHsvD3B5.mjs').then(m => m.wfDesignWrapperRoutes),
             },
         ]
     },
     {
         path: 'react/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-CiFfXPwi.mjs').then(m => m.WfInstanceStepReactComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-step-react.component-1FmpsmE1.mjs').then(m => m.WfInstanceStepReactComponent)
     },
     {
         path: 'status/:id',
-        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-DD_bAusz.mjs').then(m => m.WfInstanceStatusComponent)
+        loadComponent: () => import('./ngx-histaff-alpha-wf-instance-status.component-g1zQMtch.mjs').then(m => m.WfInstanceStatusComponent)
     }
 ];
 
@@ -41524,4 +41524,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  */
 
 export { EnumFormDesignMode as $, AppService as A, BaseComponent as B, ChatService as C, DialogService as D, EnumCoreTablePipeType as E, FullscreenModalLoaderComponent as F, EnumActorSourceType as G, CoreParamControlComponent as H, ImageErrorResolverDirective as I, CoreRadioGroupComponent as J, GptService as K, ApplicationHelpService as L, MultiLanguageService as M, HotKeysDirective as N, NavigatorService as O, JsonService as P, AppConfigService as Q, EnumCorePageEditMode as R, SocketService as S, TranslatePipe as T, EnumCoreButtonVNSCode as U, READONLY_WORKFLOW_FIELDS as V, noneAutoClosedAlertOptions as W, CoreFormComponent as X, CoreButtonGroupVnsComponent as Y, HtmlTooltipDirective as Z, CoreControlNoFormArrayComponent as _, CorePageListComponent as a, CoreTableService as a$, CoreControlComponent as a0, JsonSafePipe as a1, CoreAttachmentComponent as a2, CoreMonthSelectorComponent as a3, EnumImageResolverType as a4, NormalizeHumanNamePipe as a5, CoreIosSwitcherComponent as a6, CoreFormService as a7, SunnyRotatingComponent as a8, MapAppdemoToServerPipePipe as a9, InitializationCanMatchFn as aA, httpInterceptorProviders as aB, InterceptorSkipHeader as aC, appTypeInterceptor as aD, baseUrlInterceptor as aE, authInterceptor as aF, graphInterceptor as aG, tokenInterceptor as aH, responseInterceptor as aI, timeZoneInterceptor as aJ, cachingInterceptor as aK, langInterceptor as aL, EnumFilterOperator as aM, OnlineUsersComponent as aN, ActionService as aO, AppInitializationService as aP, AuthService as aQ, CacheService as aR, EnumSwUpdateVersionUpdatesEventType as aS, CheckForUpdateService as aT, EnumDeviceType as aU, EnumBrowserType as aV, EnumOsType as aW, ClientService as aX, CommonHttpRequestService as aY, TLA_CONFIG as aZ, ConfigService as a_, MapAttachmentToServerPipe as aa, MapNewsfeedMediaToServerPipe as ab, StringHtmlPipe as ac, UploadedFilenameCutoffPipe as ad, DialogStateComponent as ae, FooterComponent as af, RightchatComponent as ag, WaittingScreenComponent as ah, longAlertOptions as ai, attachmentOptions as aj, CORE_VNS_BUTTONS as ak, defaultPaging as al, DESKTOP_SCREEN_HEDER_HEIGHT as am, MOBILE_SCREEN_HEDER_HEIGHT as an, themeBlue as ao, DATE_VALUE_ACCESSOR as ap, DateValueAccessor as aq, EnumDragType as ar, EnumErrorType as as, EnumIconClass as at, EnumProfileInfoSector as au, EnumSignalRType as av, EnumSortDirection as aw, EnumStyleButtonClass as ax, CanActivateFunctionUrlMapperGuard as ay, InitializationCanActivateFn as az, CoreCheckboxComponent as b, PortalRouteEditComponent as b$, DndService as b0, FilterKitService as b1, GrpcService as b2, HeaderService as b3, HistoryService as b4, HttpErrorHandler as b5, HubConnectionService as b6, IpServiceService as b7, LayoutService as b8, MapService as b9, EvaluateDialogService as bA, EnumWorkScheduleViewMode as bB, WorkShiftDndService as bC, AtShiftPatternComponent as bD, AtShiftPatternApplyComponent as bE, AtShiftPatternEditComponent as bF, AtWorksignComponent as bG, AtWorksignService as bH, FunctionComponent as bI, IndividualScheduleApplyComponent as bJ, FunctionEditComponent as bK, FunctionIgnoreComponent as bL, FunctionIgnoreEditComponent as bM, GroupFunctionComponent as bN, GroupFunctionEditComponent as bO, InMemoryComponent as bP, LanguageComponent as bQ, LanguageEditComponent as bR, MenuComponent as bS, MenuEditComponent as bT, MutationLogComponent as bU, MutationViewComponent as bV, PaSalaryPolicyComponent as bW, PaSalaryPolicyEditComponent as bX, PortalRouteComponent as bY, ScheduleOverviewComponent as bZ, simpleChatRoutes as b_, MenuService as ba, MessageService as bb, ModalService as bc, OrganizationService as bd, PkceService as be, PositionTransferService as bf, EnumNotificationDir as bg, NotificationActionType as bh, PushNotificationService as bi, RandomAvatarService as bj, RequestCache as bk, RequestCacheWithMap as bl, ResponseService as bm, RoutingService as bn, EnumSsrsExpressFileExtension as bo, EnumSsrsExpressExportFormat as bp, SsrsExpressService as bq, StatisticService as br, StatisticAuthService as bs, SysMenuService as bt, TimeSheetService as bu, TopicPermissionService as bv, TopicTreeService as bw, UploadedFileService as bx, UrlService as by, UserActivityService as bz, BaseEditComponent as c, CoreControlService as c$, SysOtherListComponent as c0, SysOtherListEditComponent as c1, SysOtherListTypeComponent as c2, SysOtherListTypeEditComponent as c3, SysActionComponent as c4, SysActionEditComponent as c5, SysFunctionActionComponent as c6, SysFunctionActionEditComponent as c7, SysFunctionActionMapperComponent as c8, SysFunctionUrlMapperComponent as c9, CoreButtonVnsComponent as cA, CoreCommonParamKitComponent as cB, CoreCompareDbPipelineComponent as cC, CoreCompositionState as cD, CoreCompositionService as cE, CoreCompositionComponent as cF, CoreConfirmDialogComponent as cG, ConfirmDialogStateComponent as cH, CoreLazyMountComponent as cI, CoreRootMenuItemPickerComponent as cJ, CoreRootMenuItemPickerService as cK, ECoreTableToolCode as cL, ECoreTableToolClass as cM, CoreTableComponent as cN, CoreContractSeekerComponent as cO, CoreControlNoGridBufferComponent as cP, CoreControlNoSeekerComponent as cQ, coreDocGenRoutes as cR, CoreDocgenToolbarComponent as cS, CoreEmployeeScheduleComponent as cT, CoreEmployeeSeekerComponent as cU, EnumCoreFileUploaderType as cV, CoreFileUploaderComponent as cW, CoreFilterHubComponent as cX, CoreFilterHubService as cY, ControlBase as cZ, Textbox as c_, FunctionEditService as ca, SysModuleComponent as cb, SysModuleEditComponent as cc, SysRouteAccessComponent as cd, liner_to_nested_array_script as ce, blob_to_base64_script as cf, AlertComponent as cg, EnumAlertType as ch, IAlertOptions as ci, AnimatedTextService as cj, AnimatedTextComponent as ck, BaseDropdownComponent as cl, ButtonGroupModule as cm, ButtonGroupService as cn, ButtonGroupComponent as co, EnumButtonCaptionCode as cp, CoreButtonComponent as cq, CoreAccordionComponent as cr, CoreAccordionService as cs, CoreActiveUserCountComponent as ct, NewlyCreatedTokenService as cu, CoreApiProgressComponent as cv, CoreButtonGroupComponent as cw, EnumCoreButtonCode as cx, ActionSvgEditComponent as cy, CoreButtonGroupService as cz, EnumFormBaseContolType as d, CoreRotatingTextComponent as d$, CustomValidators as d0, URL_PATTERN as d1, coreFormDesignRoutes as d2, CoreFormTabComponent as d3, CoreFormLiteComponent as d4, CoreFormControlBaseComponent as d5, EnumCoreSeekerColumnJob as d6, EnumCoreSeekerColumnStaffProfile as d7, EnumCoreSeekerColumnContract as d8, EnumCoreSeekerColumnWorking as d9, CoreOrgchartflexComponent as dA, CoreOrgParamComponent as dB, EnumCorePageEditBootstrapClass as dC, EnumCorePageEditFieldType as dD, CorePageEditService as dE, CorePageEditLiteComponent as dF, CorePageEditTabComponent as dG, EnumExType as dH, CorePageListService as dI, CorePageListState as dJ, CorePageListContentComponent as dK, EnumCoreViewItemType as dL, CorePageViewComponent as dM, CorePaginationComponent as dN, CorePaginationFullComponent as dO, CorePaginationFullService as dP, CoreFileFormatPickerComponent as dQ, CorePermissionService as dR, EnumPermissionObjectType as dS, CorePermissionComponent as dT, CorePermissionActionsComponent as dU, CorePositionConcurrentSeekerComponent as dV, CorePositionSeekerComponent as dW, CoreQrcodeComponent as dX, EnumOparator as dY, CoreQueryBuilderComponent as dZ, CoreReducerIconComponent as d_, EnumCoreSeekerColumnWage as da, EnumCoreSeekerColumnPosition as db, EnumCoreSeekerColumnPositionConcurrent as dc, EnumCoreSeekerColumnAutoForm as dd, SeekerService as de, CoreGridBufferComponent as df, CoreHeaderParamsComponent as dg, CoreHelperComponent as dh, CoreLineComponent as di, CoreLiquidWysiwygComponent as dj, CoreListComponent as dk, CoreListLazyComponent as dl, CoreLoadingSurfaceComponent as dm, CoreMccComponent as dn, CoreMonthPickerComponent as dp, CoreNavigationTrackerComponent as dq, coreNavigationTrackerRoutes as dr, CoreOauthCallbackComponent as ds, CoreOauthCallbackOffice365Component as dt, EnumCoreOrgTreeaAccessorMode as du, EnumCoreOrgTreeaSearchMode as dv, CoreOrgTreeComponent as dw, CoreOrgTreeState as dx, CoreOrgTreeService as dy, CoreOrgUnitSeekerComponent as dz, CorePageEditComponent as e, tooltip_directive as e$, CoreRouteAccumulatorComponent as e0, CoreRoutingHistoryComponent as e1, CoreSalaryPolicyPickerComponent as e2, CoreScrollComponent as e3, CoreScrollLazyComponent as e4, CoreSeenByComponent as e5, CoreShiftCardComponent as e6, CoreShiftCellComponent as e7, CoreShiftCollectionComponent as e8, CoreShiftStickerComponent as e9, EvaluateDialogComponent as eA, HuconcurrentlyComponent as eB, JobComponent as eC, LanguageChangerComponent as eD, DEFAULT_SVG as eE, ItemComponent as eF, NavigatorComponent as eG, OtpInputComponent as eH, OtpInputService as eI, PageTitleComponent as eJ, PaginationComponent as eK, FilterPipe as eL, normalizeHumanName as eM, PositionComponent as eN, PositionEditService as eO, CoreDatetimeService as eP, FileService as eQ, LongTaskService as eR, EnumRecursiveFields as eS, RecursiveService as eT, StringService as eU, UnicodeService as eV, StaffProfileComponent as eW, ThreedotsComponent as eX, TooltipComponent as eY, UserActivityComponent as eZ, WageComponent as e_, STICKER_COLOR_SCHEMA as ea, CoreStatusStickerComponent as eb, CoreSubFormGroupComponent as ec, CoreTabListComponent as ed, CoreTagsComponent as ee, CoreTopicPickerComponent as ef, EnumCoreArticleCategoryTreeaAccessorMode as eg, CoreTopicTreeComponent as eh, CoreTreeComponent as ei, EnumCoreTreeGridEditMode as ej, CoreTreeGridComponent as ek, CoreWageSeekerComponent as el, CoreWorkingSeekerComponent as em, coreWorkflowRoutes as en, CoreWorkflowBuilderComponent as eo, CoreWorkflowGroupEditComponent as ep, CoreYearPickerComponent as eq, CoreYearSelectorComponent as er, EnumCoreD3ScaleType as es, CoreD3Service as et, CorePieComponent as eu, CoreScatterPlotComponent as ev, EnumHrComparisonCode as ew, EnumICoreStatisticWidgetDataType as ex, CoreStatisticWidgetComponent as ey, DecisionComponent as ez, CorePageHeaderComponent as f, dragReorder_directive as f0, CoreTabsComponent as g, CoreWorkflowService as h, EnumCoreFormControlSeekerSourceType as i, CoreWorkflowListComponent as j, TooltipDirective as k, DragReorderDirective as l, CanDeactivateGuard as m, AlertService as n, TableCellPipe as o, MapAvatarToServerPipe as p, alertOptions as q, CoreTerminalSpinnerComponent as r, CoreFormDesignService as s, EnumWorkflowStepType as t, DomService as u, CoreDropdownComponent as v, CoreChecklistComponent as w, CoreDatePickerComponent as x, CoreFormControlSeekerComponent as y, CoreCurrencyInputComponent as z };
-//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-DBfWI_L2.mjs.map
+//# sourceMappingURL=ngx-histaff-alpha-ngx-histaff-alpha-BUPBaatN.mjs.map