ngx-histaff-alpha 4.9.0 → 4.9.2

package/fesm2022/ngx-histaff-alpha.mjs

@@ -19326,6 +19326,7 @@ class CoreShiftStickerComponent extends BaseComponent {
         this.$check = viewChild('check');
         this.$deleteToggler = viewChild('deleteToggler');
         this.$plus = viewChild('plus');
+        this.$readOnly = input(false);
         this.$hideSymbolLine = input();
         this.$shiftCellId = input.required();
         this.cdr = inject(ChangeDetectorRef);
@@ -19446,7 +19447,7 @@ class CoreShiftStickerComponent extends BaseComponent {
         this.workShiftDndService.shiftCollectionOpen$.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreShiftStickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { shift$: { classPropertyName: "shift$", publicName: "shift$", isSignal: false, isRequired: true, transformFunction: null }, parentShifts$: { classPropertyName: "parentShifts$", publicName: "parentShifts$", isSignal: false, isRequired: true, transformFunction: null }, $hideSymbolLine: { classPropertyName: "$hideSymbolLine", publicName: "$hideSymbolLine", isSignal: true, isRequired: false, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$deleteToggler", first: true, predicate: ["deleteToggler"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between inter-font\" [ngStyle]=\"{\r\n    position: 'relative',\r\n    height,\r\n    fontSize,\r\n    cursor,\r\n    width: $width() + 'px',\r\n    margin: '2px'\r\n}\" [draggable]=\"!(shift$ | async)?.deleted\" [appTooltip]=\"(shift$ | async)?.temporaryId\">\r\n    <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.added]=\"!!(shift$ | async)?.added && !(shift$ | async)?.deleted\"\r\n        [class.deleted]=\"!!(shift$ | async)?.deleted && !(shift$ | async)?.added\" [class.added-deleted]=\"!!(shift$ | async)?.deleted && !!(shift$ | async)?.added\">\r\n        <div #check class=\"check p-absolute\">\r\n            <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n        </div>\r\n        <div class=\"ellipsis p-relative first-line\">\r\n            <span>[{{ (shift$ | async)?.code }}]</span>\r\n            @if (!!(shift$ | async)?.hoursStart && !!(shift$ | async)?.hoursStop) {\r\n                <span>&nbsp;</span>\r\n                <span>{{ (shift$ | async)?.hoursStart | tableCell : 'TIME_HHMM' : lang }} - {{ (shift$ | async)?.hoursStop | tableCell : 'TIME_HHMM' : lang }}</span>\r\n                <span> \u2022 </span>\r\n                <span>{{ ((duration || 0) - (breakDuration || 0)) | tableCell : 'DECIMAL_TO_FIX_2' : lang }}h</span>\r\n            } \r\n        </div>\r\n        @if (!$hideSymbolLine()) {\r\n            <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon &amp;&amp; event.summary}\">\r\n                <span>\r\n                    {{ (shift$ | async)?.symbol?.code }}\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff || (shift$ | async)?.symbol?.isHolidayCal || (shift$ | async)?.symbol?.isHaveSal || (shift$ | async)?.symbol?.isInsArising) {\r\n                    <span>\u2022</span>\r\n                    }\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff) {\r\n                    <i class=\"fas fa-plug-circle-minus\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHolidayCal) {\r\n                    <i class=\"fas fa-champagne-glasses\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHaveSal) {\r\n                    <i class=\"fas fa-sack-dollar\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isInsArising) {\r\n                    <i class=\"fas fa-car-burst\"></i>\r\n                    }\r\n                </span>\r\n            </div>\r\n        }\r\n\r\n        <div #deleteToggler class=\"remove p-absolute\">\r\n            @if ((shift$ | async)?.deleted) {\r\n            <i class=\"feather-rotate-ccw\" (click)=\"onDeleteToggle($event)\"></i>\r\n            } @else {\r\n            <i class=\"feather-x\" (click)=\"onDeleteToggle($event)\"></i>\r\n            }\r\n\r\n        </div>\r\n        <div #plus class=\"plus p-absolute\">\r\n            <i class=\"feather-plus\" (click)=\"onAddLocal($event)\"></i>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: black;--background-color: #DDF5D5;--boder-radius: 0px;box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .inter-font{font-family:Inter,sans-serif!important}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;height:36.59px;border-radius:var(--boder-radius);color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:400}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.added{color:#fff;background-color:var(--color-basic-orange)}.core-shift-sticker-container .shift-details.deleted{color:red;background-color:#fff;border:red 3px dashed;background-color:var(--color-basic-blue)}.core-shift-sticker-container .shift-details.added-deleted{color:red;border:red 3px dashed;background-color:var(--color-basic-orange)}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) * 2 - 4px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .remove,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;color:#646464}.core-shift-sticker-container .remove{right:calc(var(--height) * -1 - 2px)}.core-shift-sticker-container .plus{right:calc(var(--height) * -2 - 4px)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreShiftStickerComponent, isStandalone: true, selector: "core-shift-sticker", inputs: { shift$: { classPropertyName: "shift$", publicName: "shift$", isSignal: false, isRequired: true, transformFunction: null }, parentShifts$: { classPropertyName: "parentShifts$", publicName: "parentShifts$", isSignal: false, isRequired: true, transformFunction: null }, $readOnly: { classPropertyName: "$readOnly", publicName: "$readOnly", isSignal: true, isRequired: false, transformFunction: null }, $hideSymbolLine: { classPropertyName: "$hideSymbolLine", publicName: "$hideSymbolLine", isSignal: true, isRequired: false, transformFunction: null }, $shiftCellId: { classPropertyName: "$shiftCellId", publicName: "$shiftCellId", isSignal: true, isRequired: true, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: false, isRequired: false, transformFunction: null }, $height: { classPropertyName: "$height", publicName: "$height", isSignal: true, isRequired: false, transformFunction: null }, $width: { classPropertyName: "$width", publicName: "$width", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$shiftDetails", first: true, predicate: ["shiftDetails"], descendants: true, isSignal: true }, { propertyName: "$check", first: true, predicate: ["check"], descendants: true, isSignal: true }, { propertyName: "$deleteToggler", first: true, predicate: ["deleteToggler"], descendants: true, isSignal: true }, { propertyName: "$plus", first: true, predicate: ["plus"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between inter-font\" [ngStyle]=\"{\r\n    position: 'relative',\r\n    height,\r\n    fontSize,\r\n    cursor,\r\n    width: $width() + 'px',\r\n    margin: '2px'\r\n}\" [class.readonly]=\"$readOnly()\" [draggable]=\"!(shift$ | async)?.deleted\" [appTooltip]=\"(shift$ | async)?.temporaryId\">\r\n    <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.added]=\"!!(shift$ | async)?.added && !(shift$ | async)?.deleted\"\r\n        [class.deleted]=\"!!(shift$ | async)?.deleted && !(shift$ | async)?.added\" [class.added-deleted]=\"!!(shift$ | async)?.deleted && !!(shift$ | async)?.added\">\r\n        <div #check class=\"check p-absolute\">\r\n            <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n        </div>\r\n        <div class=\"ellipsis p-relative first-line\">\r\n            <span>[{{ (shift$ | async)?.code }}]</span>\r\n            @if (!!(shift$ | async)?.hoursStart && !!(shift$ | async)?.hoursStop) {\r\n                <span>&nbsp;</span>\r\n                <span>{{ (shift$ | async)?.hoursStart | tableCell : 'TIME_HHMM' : lang }} - {{ (shift$ | async)?.hoursStop | tableCell : 'TIME_HHMM' : lang }}</span>\r\n                <span> \u2022 </span>\r\n                <span>{{ ((duration || 0) - (breakDuration || 0)) | tableCell : 'DECIMAL_TO_FIX_2' : lang }}h</span>\r\n            } \r\n        </div>\r\n        @if (!$hideSymbolLine()) {\r\n            <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon &amp;&amp; event.summary}\">\r\n                <span>\r\n                    {{ (shift$ | async)?.symbol?.code }}\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff || (shift$ | async)?.symbol?.isHolidayCal || (shift$ | async)?.symbol?.isHaveSal || (shift$ | async)?.symbol?.isInsArising) {\r\n                    <span>\u2022</span>\r\n                    }\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff) {\r\n                    <i class=\"fas fa-plug-circle-minus\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHolidayCal) {\r\n                    <i class=\"fas fa-champagne-glasses\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHaveSal) {\r\n                    <i class=\"fas fa-sack-dollar\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isInsArising) {\r\n                    <i class=\"fas fa-car-burst\"></i>\r\n                    }\r\n                </span>\r\n            </div>\r\n        }\r\n\r\n        <div #deleteToggler class=\"remove p-absolute\">\r\n            @if ((shift$ | async)?.deleted) {\r\n            <i class=\"feather-rotate-ccw\" (click)=\"onDeleteToggle($event)\"></i>\r\n            } @else {\r\n            <i class=\"feather-x\" (click)=\"onDeleteToggle($event)\"></i>\r\n            }\r\n\r\n        </div>\r\n        <div #plus class=\"plus p-absolute\">\r\n            <i class=\"feather-plus\" (click)=\"onAddLocal($event)\"></i>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: black;--background-color: #DDF5D5;--boder-radius: 0px;box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .inter-font{font-family:Inter,sans-serif!important}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;height:36.59px;border-radius:var(--boder-radius);color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:400}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.added{color:#fff;background-color:var(--color-basic-orange)}.core-shift-sticker-container .shift-details.deleted{color:red;background-color:#fff;border:red 3px dashed;background-color:var(--color-basic-blue)}.core-shift-sticker-container .shift-details.added-deleted{color:red;border:red 3px dashed;background-color:var(--color-basic-orange)}.core-shift-sticker-container:not(.readonly):hover{opacity:.8}.core-shift-sticker-container:not(.readonly):hover .shift-details{width:calc(100% - var(--height) * 2 - 4px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:not(.readonly):hover .shift-details .check,.core-shift-sticker-container:not(.readonly):hover .shift-details .remove,.core-shift-sticker-container:not(.readonly):hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;color:#646464}.core-shift-sticker-container .remove{right:calc(var(--height) * -1 - 2px)}.core-shift-sticker-container .plus{right:calc(var(--height) * -2 - 4px)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreShiftStickerComponent, decorators: [{
             type: Component,
@@ -19458,7 +19459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         TableCellPipe,
                         CoreCheckboxComponent,
                         FormsModule
-                    ], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between inter-font\" [ngStyle]=\"{\r\n    position: 'relative',\r\n    height,\r\n    fontSize,\r\n    cursor,\r\n    width: $width() + 'px',\r\n    margin: '2px'\r\n}\" [draggable]=\"!(shift$ | async)?.deleted\" [appTooltip]=\"(shift$ | async)?.temporaryId\">\r\n    <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.added]=\"!!(shift$ | async)?.added && !(shift$ | async)?.deleted\"\r\n        [class.deleted]=\"!!(shift$ | async)?.deleted && !(shift$ | async)?.added\" [class.added-deleted]=\"!!(shift$ | async)?.deleted && !!(shift$ | async)?.added\">\r\n        <div #check class=\"check p-absolute\">\r\n            <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n        </div>\r\n        <div class=\"ellipsis p-relative first-line\">\r\n            <span>[{{ (shift$ | async)?.code }}]</span>\r\n            @if (!!(shift$ | async)?.hoursStart && !!(shift$ | async)?.hoursStop) {\r\n                <span>&nbsp;</span>\r\n                <span>{{ (shift$ | async)?.hoursStart | tableCell : 'TIME_HHMM' : lang }} - {{ (shift$ | async)?.hoursStop | tableCell : 'TIME_HHMM' : lang }}</span>\r\n                <span> \u2022 </span>\r\n                <span>{{ ((duration || 0) - (breakDuration || 0)) | tableCell : 'DECIMAL_TO_FIX_2' : lang }}h</span>\r\n            } \r\n        </div>\r\n        @if (!$hideSymbolLine()) {\r\n            <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon &amp;&amp; event.summary}\">\r\n                <span>\r\n                    {{ (shift$ | async)?.symbol?.code }}\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff || (shift$ | async)?.symbol?.isHolidayCal || (shift$ | async)?.symbol?.isHaveSal || (shift$ | async)?.symbol?.isInsArising) {\r\n                    <span>\u2022</span>\r\n                    }\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff) {\r\n                    <i class=\"fas fa-plug-circle-minus\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHolidayCal) {\r\n                    <i class=\"fas fa-champagne-glasses\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHaveSal) {\r\n                    <i class=\"fas fa-sack-dollar\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isInsArising) {\r\n                    <i class=\"fas fa-car-burst\"></i>\r\n                    }\r\n                </span>\r\n            </div>\r\n        }\r\n\r\n        <div #deleteToggler class=\"remove p-absolute\">\r\n            @if ((shift$ | async)?.deleted) {\r\n            <i class=\"feather-rotate-ccw\" (click)=\"onDeleteToggle($event)\"></i>\r\n            } @else {\r\n            <i class=\"feather-x\" (click)=\"onDeleteToggle($event)\"></i>\r\n            }\r\n\r\n        </div>\r\n        <div #plus class=\"plus p-absolute\">\r\n            <i class=\"feather-plus\" (click)=\"onAddLocal($event)\"></i>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: black;--background-color: #DDF5D5;--boder-radius: 0px;box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .inter-font{font-family:Inter,sans-serif!important}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;height:36.59px;border-radius:var(--boder-radius);color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:400}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.added{color:#fff;background-color:var(--color-basic-orange)}.core-shift-sticker-container .shift-details.deleted{color:red;background-color:#fff;border:red 3px dashed;background-color:var(--color-basic-blue)}.core-shift-sticker-container .shift-details.added-deleted{color:red;border:red 3px dashed;background-color:var(--color-basic-orange)}.core-shift-sticker-container:hover{opacity:.8}.core-shift-sticker-container:hover .shift-details{width:calc(100% - var(--height) * 2 - 4px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:hover .shift-details .check,.core-shift-sticker-container:hover .shift-details .remove,.core-shift-sticker-container:hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;color:#646464}.core-shift-sticker-container .remove{right:calc(var(--height) * -1 - 2px)}.core-shift-sticker-container .plus{right:calc(var(--height) * -2 - 4px)}\n"] }]
+                    ], template: "<div #container class=\"core-shift-sticker-container d-flex d-flex-between inter-font\" [ngStyle]=\"{\r\n    position: 'relative',\r\n    height,\r\n    fontSize,\r\n    cursor,\r\n    width: $width() + 'px',\r\n    margin: '2px'\r\n}\" [class.readonly]=\"$readOnly()\" [draggable]=\"!(shift$ | async)?.deleted\" [appTooltip]=\"(shift$ | async)?.temporaryId\">\r\n    <div #shiftDetails class=\"shift-details p-relative\" [class.checked]=\"checked\" [class.added]=\"!!(shift$ | async)?.added && !(shift$ | async)?.deleted\"\r\n        [class.deleted]=\"!!(shift$ | async)?.deleted && !(shift$ | async)?.added\" [class.added-deleted]=\"!!(shift$ | async)?.deleted && !!(shift$ | async)?.added\">\r\n        <div #check class=\"check p-absolute\">\r\n            <core-checkbox [(ngModel)]=\"checked\"></core-checkbox>\r\n        </div>\r\n        <div class=\"ellipsis p-relative first-line\">\r\n            <span>[{{ (shift$ | async)?.code }}]</span>\r\n            @if (!!(shift$ | async)?.hoursStart && !!(shift$ | async)?.hoursStop) {\r\n                <span>&nbsp;</span>\r\n                <span>{{ (shift$ | async)?.hoursStart | tableCell : 'TIME_HHMM' : lang }} - {{ (shift$ | async)?.hoursStop | tableCell : 'TIME_HHMM' : lang }}</span>\r\n                <span> \u2022 </span>\r\n                <span>{{ ((duration || 0) - (breakDuration || 0)) | tableCell : 'DECIMAL_TO_FIX_2' : lang }}h</span>\r\n            } \r\n        </div>\r\n        @if (!$hideSymbolLine()) {\r\n            <div class=\"ellipsis second-line\" ng-class=\"{'icon-on-right': !event.showBigIcon &amp;&amp; event.summary}\">\r\n                <span>\r\n                    {{ (shift$ | async)?.symbol?.code }}\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff || (shift$ | async)?.symbol?.isHolidayCal || (shift$ | async)?.symbol?.isHaveSal || (shift$ | async)?.symbol?.isInsArising) {\r\n                    <span>\u2022</span>\r\n                    }\r\n    \r\n                    @if ((shift$ | async)?.symbol?.isOff) {\r\n                    <i class=\"fas fa-plug-circle-minus\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHolidayCal) {\r\n                    <i class=\"fas fa-champagne-glasses\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isHaveSal) {\r\n                    <i class=\"fas fa-sack-dollar\"></i>\r\n                    }\r\n                    @if ((shift$ | async)?.symbol?.isInsArising) {\r\n                    <i class=\"fas fa-car-burst\"></i>\r\n                    }\r\n                </span>\r\n            </div>\r\n        }\r\n\r\n        <div #deleteToggler class=\"remove p-absolute\">\r\n            @if ((shift$ | async)?.deleted) {\r\n            <i class=\"feather-rotate-ccw\" (click)=\"onDeleteToggle($event)\"></i>\r\n            } @else {\r\n            <i class=\"feather-x\" (click)=\"onDeleteToggle($event)\"></i>\r\n            }\r\n\r\n        </div>\r\n        <div #plus class=\"plus p-absolute\">\r\n            <i class=\"feather-plus\" (click)=\"onAddLocal($event)\"></i>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>", styles: [".core-shift-sticker-container{--height: 36.59px;--width: 228px;--border: none;--opacity: 1;--color: black;--background-color: #DDF5D5;--boder-radius: 0px;box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--opacity);border:var(--border)}.core-shift-sticker-container *{box-sizing:border-box}.core-shift-sticker-container .inter-font{font-family:Inter,sans-serif!important}.core-shift-sticker-container .shift-details{padding:4px 6px;font-size:11px;line-height:1.3;width:100%;height:36.59px;border-radius:var(--boder-radius);color:var(--color);background-color:var(--background-color)}.core-shift-sticker-container .shift-details .first-line{height:14.3px;font-weight:400}.core-shift-sticker-container .shift-details .second-line{height:14.3;font-weight:400}.core-shift-sticker-container .shift-details.checked{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container .shift-details.checked .check{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .shift-details.added{color:#fff;background-color:var(--color-basic-orange)}.core-shift-sticker-container .shift-details.deleted{color:red;background-color:#fff;border:red 3px dashed;background-color:var(--color-basic-blue)}.core-shift-sticker-container .shift-details.added-deleted{color:red;border:red 3px dashed;background-color:var(--color-basic-orange)}.core-shift-sticker-container:not(.readonly):hover{opacity:.8}.core-shift-sticker-container:not(.readonly):hover .shift-details{width:calc(100% - var(--height) * 2 - 4px);border-top-right-radius:0;border-bottom-right-radius:0;padding-left:var(--height)}.core-shift-sticker-container:not(.readonly):hover .shift-details .check,.core-shift-sticker-container:not(.readonly):hover .shift-details .remove,.core-shift-sticker-container:not(.readonly):hover .shift-details .plus{display:flex;align-items:center;justify-content:center}.core-shift-sticker-container .check,.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{width:var(--height);height:var(--height);top:0;display:none}.core-shift-sticker-container .check{left:0}.core-shift-sticker-container .remove,.core-shift-sticker-container .plus{font-size:24px;border:solid 2px #646464;border-radius:2px;color:#646464}.core-shift-sticker-container .remove{right:calc(var(--height) * -1 - 2px)}.core-shift-sticker-container .plus{right:calc(var(--height) * -2 - 4px)}\n"] }]
         }], propDecorators: { shift$: [{
                 type: Input,
                 args: [{ required: true }]
@@ -19510,6 +19511,7 @@ class CoreShiftCellComponent extends CoreFormControlBaseComponent {
         this.dialogService = dialogService;
         this.mls = mls;
         this.dndService = dndService;
+        this.$readOnly = input(false);
         this.$hideStarterPlusSign = input(false);
         this.$hideStickersWhileDragover = input(true);
         this.$isDraggingOverContainer = signal(false);
@@ -19570,6 +19572,8 @@ class CoreShiftCellComponent extends CoreFormControlBaseComponent {
             const containerElement = this.$container()?.nativeElement;
             containerElement.style.setProperty('--background-color', this.$backgroundColor());
             this.cdr.markForCheck();
+            if (this.$readOnly())
+                return;
             const dragenterEvent = fromEvent(containerElement, 'dragenter');
             const dragoverEvent = fromEvent(containerElement, 'dragover');
             const dropEvent = fromEvent(containerElement, 'drop');
@@ -19697,13 +19701,13 @@ class CoreShiftCellComponent extends CoreFormControlBaseComponent {
         this.subscriptions.map(x => x?.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreShiftCellComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: WorkShiftDndService }, { token: DialogService }, { token: MultiLanguageService }, { token: DndService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreShiftCellComponent, isStandalone: true, selector: "core-shift-cell", inputs: { $hideStarterPlusSign: { classPropertyName: "$hideStarterPlusSign", publicName: "$hideStarterPlusSign", isSignal: true, isRequired: false, transformFunction: null }, $hideStickersWhileDragover: { classPropertyName: "$hideStickersWhileDragover", publicName: "$hideStickersWhileDragover", isSignal: true, isRequired: false, transformFunction: null }, $backgroundColor: { classPropertyName: "$backgroundColor", publicName: "$backgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreShiftCellComponent, isStandalone: true, selector: "core-shift-cell", inputs: { $readOnly: { classPropertyName: "$readOnly", publicName: "$readOnly", isSignal: true, isRequired: false, transformFunction: null }, $hideStarterPlusSign: { classPropertyName: "$hideStarterPlusSign", publicName: "$hideStarterPlusSign", isSignal: true, isRequired: false, transformFunction: null }, $hideStickersWhileDragover: { classPropertyName: "$hideStickersWhileDragover", publicName: "$hideStickersWhileDragover", isSignal: true, isRequired: false, transformFunction: null }, $backgroundColor: { classPropertyName: "$backgroundColor", publicName: "$backgroundColor", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 multi: true,
                 useExisting: CoreShiftCellComponent
             }
-        ], viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$firstAddWrapper", first: true, predicate: ["firstAddWrapper"], descendants: true, isSignal: true }, { propertyName: "$shiftStickers", predicate: ["shiftSticker"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-shift-cell-container\">\r\n    @for (shift$ of shifts$$!; track $index) {\r\n    <div #shiftSticker>\r\n        <core-shift-sticker [shift$]=\"shift$\" [$shiftCellId]=\"shiftCellId\" [$width]=\"228\"\r\n            [parentShifts$]=\"shifts$\"></core-shift-sticker>\r\n    </div>\r\n    }\r\n\r\n    @if (!value?.length) {\r\n    @if (!$hideStarterPlusSign()) {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\" (click)=\"onAdd($event)\">\r\n        <div class=\"icon-wrapper\">\r\n            <i class=\"feather-plus\"></i>\r\n        </div>\r\n    </div>\r\n    } @else {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\">\r\n        {{ 'DROP_A_SHIFT_HERE' | translate: lang }}\r\n    </div>\r\n    }\r\n    }\r\n\r\n\r\n\r\n</div>", styles: [".core-shift-cell-container{--first-add-height: 36.59px;--first-add-width: 228px;--first-add-border: 1px solid #E6EBED;--first-add-opacity: 1;--first-add-icon-width: 15px;--first-add-icon-height: 15px;--first-add-icon-border-radius: 50%;--first-add-icon-color: white;--first-add-icon-background-color: #3DC65A;--first-add-color: gray;padding:15px;background-color:transparent;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.core-shift-cell-container .first-add-wrapper{display:flex;align-items:center;justify-content:center;height:var(--first-add-height);box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--first-add-opacity);border:var(--first-add-border);cursor:pointer}.core-shift-cell-container .first-add-wrapper .icon-wrapper{width:var(--first-add-icon-width);height:var(--first-add-icon-height);color:var(--first-add-icon-color);background-color:var(--first-add-icon-background-color);border-radius:var(--first-add-icon-border-radius)}.core-shift-cell-container.valid-drop{background-color:#dff6dd}.core-shift-cell-container.invalid-drop{background-color:#f08080}\n"], dependencies: [{ kind: "component", type: CoreShiftStickerComponent, selector: "core-shift-sticker", inputs: ["shift$", "parentShifts$", "$hideSymbolLine", "$shiftCellId", "checked", "$height", "$width"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "$container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "$firstAddWrapper", first: true, predicate: ["firstAddWrapper"], descendants: true, isSignal: true }, { propertyName: "$shiftStickers", predicate: ["shiftSticker"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div #container class=\"core-shift-cell-container\">\r\n    @for (shift$ of shifts$$!; track $index) {\r\n    <div #shiftSticker>\r\n        <core-shift-sticker [shift$]=\"shift$\" [$shiftCellId]=\"shiftCellId\" [$width]=\"228\"\r\n            [parentShifts$]=\"shifts$\" [$readOnly]=\"$readOnly()\"></core-shift-sticker>\r\n    </div>\r\n    }\r\n\r\n    @if (!value?.length) {\r\n    @if (!$hideStarterPlusSign()) {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\" (click)=\"onAdd($event)\">\r\n        <div class=\"icon-wrapper\">\r\n            <i class=\"feather-plus\"></i>\r\n        </div>\r\n    </div>\r\n    } @else {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\">\r\n        {{ 'DROP_A_SHIFT_HERE' | translate: lang }}\r\n    </div>\r\n    }\r\n    }\r\n\r\n\r\n\r\n</div>", styles: [".core-shift-cell-container{--first-add-height: 36.59px;--first-add-width: 228px;--first-add-border: 1px solid #E6EBED;--first-add-opacity: 1;--first-add-icon-width: 15px;--first-add-icon-height: 15px;--first-add-icon-border-radius: 50%;--first-add-icon-color: white;--first-add-icon-background-color: #3DC65A;--first-add-color: gray;padding:15px;background-color:transparent;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.core-shift-cell-container .first-add-wrapper{display:flex;align-items:center;justify-content:center;height:var(--first-add-height);box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--first-add-opacity);border:var(--first-add-border);cursor:pointer}.core-shift-cell-container .first-add-wrapper .icon-wrapper{width:var(--first-add-icon-width);height:var(--first-add-icon-height);color:var(--first-add-icon-color);background-color:var(--first-add-icon-background-color);border-radius:var(--first-add-icon-border-radius)}.core-shift-cell-container.valid-drop{background-color:#dff6dd}.core-shift-cell-container.invalid-drop{background-color:#f08080}\n"], dependencies: [{ kind: "component", type: CoreShiftStickerComponent, selector: "core-shift-sticker", inputs: ["shift$", "parentShifts$", "$readOnly", "$hideSymbolLine", "$shiftCellId", "checked", "$height", "$width"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreShiftCellComponent, decorators: [{
             type: Component,
@@ -19716,7 +19720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                             multi: true,
                             useExisting: CoreShiftCellComponent
                         }
-                    ], template: "<div #container class=\"core-shift-cell-container\">\r\n    @for (shift$ of shifts$$!; track $index) {\r\n    <div #shiftSticker>\r\n        <core-shift-sticker [shift$]=\"shift$\" [$shiftCellId]=\"shiftCellId\" [$width]=\"228\"\r\n            [parentShifts$]=\"shifts$\"></core-shift-sticker>\r\n    </div>\r\n    }\r\n\r\n    @if (!value?.length) {\r\n    @if (!$hideStarterPlusSign()) {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\" (click)=\"onAdd($event)\">\r\n        <div class=\"icon-wrapper\">\r\n            <i class=\"feather-plus\"></i>\r\n        </div>\r\n    </div>\r\n    } @else {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\">\r\n        {{ 'DROP_A_SHIFT_HERE' | translate: lang }}\r\n    </div>\r\n    }\r\n    }\r\n\r\n\r\n\r\n</div>", styles: [".core-shift-cell-container{--first-add-height: 36.59px;--first-add-width: 228px;--first-add-border: 1px solid #E6EBED;--first-add-opacity: 1;--first-add-icon-width: 15px;--first-add-icon-height: 15px;--first-add-icon-border-radius: 50%;--first-add-icon-color: white;--first-add-icon-background-color: #3DC65A;--first-add-color: gray;padding:15px;background-color:transparent;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.core-shift-cell-container .first-add-wrapper{display:flex;align-items:center;justify-content:center;height:var(--first-add-height);box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--first-add-opacity);border:var(--first-add-border);cursor:pointer}.core-shift-cell-container .first-add-wrapper .icon-wrapper{width:var(--first-add-icon-width);height:var(--first-add-icon-height);color:var(--first-add-icon-color);background-color:var(--first-add-icon-background-color);border-radius:var(--first-add-icon-border-radius)}.core-shift-cell-container.valid-drop{background-color:#dff6dd}.core-shift-cell-container.invalid-drop{background-color:#f08080}\n"] }]
+                    ], template: "<div #container class=\"core-shift-cell-container\">\r\n    @for (shift$ of shifts$$!; track $index) {\r\n    <div #shiftSticker>\r\n        <core-shift-sticker [shift$]=\"shift$\" [$shiftCellId]=\"shiftCellId\" [$width]=\"228\"\r\n            [parentShifts$]=\"shifts$\" [$readOnly]=\"$readOnly()\"></core-shift-sticker>\r\n    </div>\r\n    }\r\n\r\n    @if (!value?.length) {\r\n    @if (!$hideStarterPlusSign()) {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\" (click)=\"onAdd($event)\">\r\n        <div class=\"icon-wrapper\">\r\n            <i class=\"feather-plus\"></i>\r\n        </div>\r\n    </div>\r\n    } @else {\r\n    <div #firstAddWrapper class=\"first-add-wrapper\">\r\n        {{ 'DROP_A_SHIFT_HERE' | translate: lang }}\r\n    </div>\r\n    }\r\n    }\r\n\r\n\r\n\r\n</div>", styles: [".core-shift-cell-container{--first-add-height: 36.59px;--first-add-width: 228px;--first-add-border: 1px solid #E6EBED;--first-add-opacity: 1;--first-add-icon-width: 15px;--first-add-icon-height: 15px;--first-add-icon-border-radius: 50%;--first-add-icon-color: white;--first-add-icon-background-color: #3DC65A;--first-add-color: gray;padding:15px;background-color:transparent;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.core-shift-cell-container .first-add-wrapper{display:flex;align-items:center;justify-content:center;height:var(--first-add-height);box-sizing:border-box;min-width:105px;max-width:228px;opacity:var(--first-add-opacity);border:var(--first-add-border);cursor:pointer}.core-shift-cell-container .first-add-wrapper .icon-wrapper{width:var(--first-add-icon-width);height:var(--first-add-icon-height);color:var(--first-add-icon-color);background-color:var(--first-add-icon-background-color);border-radius:var(--first-add-icon-border-radius)}.core-shift-cell-container.valid-drop{background-color:#dff6dd}.core-shift-cell-container.invalid-drop{background-color:#f08080}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: WorkShiftDndService }, { type: DialogService }, { type: MultiLanguageService }, { type: DndService }] });
 
 class CoreControlComponent extends BaseComponent {
@@ -19807,7 +19811,7 @@ class CoreControlComponent extends BaseComponent {
         this.control.click$?.next(e);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreControlComponent, deps: [{ token: MultiLanguageService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreControlComponent, isStandalone: true, selector: "core-control", inputs: { control: "control", form: "form", checkError$: "checkError$", rangeLimit: "rangeLimit" }, usesInheritance: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        <!-- START: LABEL SESSION-->\r\n        <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n            [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" [ngStyle]=\"{\r\n                display: 'inline-block'\r\n            }\">\r\n            {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n        </label>\r\n\r\n        @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n            <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [ngStyle]=\"{\r\n                display: 'inline-block',\r\n                marginLeft: '2px'\r\n            }\"></i>\r\n        }\r\n\r\n        <!-- START: LABEL SESSION-->\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"TEXTBOX\") {\r\n                <input *ngIf=\"control.type==='date'\" [formControlName]=\"control.field\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly!\" useValueAsDate>\r\n    \r\n                <input *ngIf=\"control.type==='number'\" [formControlName]=\"control.field\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly\" [step]=\"control.step || '1'\">\r\n    \r\n                <input *ngIf=\"control.type!=='date' && control.type!=='number'\" [formControlName]=\"control.field\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    >\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [formControlName]=\"control.field\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\"></core-checkbox>\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [formControlName]=\"control.field\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n            }\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown [formControlName]=\"control.field\" [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\"></core-dropdown>\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [formControlName]=\"control.field\" [options]=\"control.listOptions!\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [formControlName]=\"control.field\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n</div>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight"] }, { kind: "component", type: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore"], outputs: ["onDoubleClick"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoreControlComponent, isStandalone: true, selector: "core-control", inputs: { control: "control", form: "form", checkError$: "checkError$", rangeLimit: "rangeLimit" }, usesInheritance: true, ngImport: i0, template: "<div class=\"core-control-container\">\r\n    <div [formGroup]=\"form\" [class.hidden]=\"!!control.hidden\">\r\n\r\n        <!-- START: LABEL SESSION-->\r\n        <label [class]=\"'control-label' +  (required ? ' required' : '')\" [attr.for]=\"control.field\"\r\n            [class.avatar-label]=\"control.uploadFileType==='IMAGE_AVATAR'\" [appTooltip]=\"control.tooltip! | translate: lang\" [ngStyle]=\"{\r\n                display: 'inline-block'\r\n            }\">\r\n            {{(control.controlType!=='CHECKBOX' && control.controlType!=='BUTTON') ? (control.label | translate: lang) : ''}}\r\n        </label>\r\n\r\n        @if (!!control.hint! && control.controlType !== 'CHECKBOX') {\r\n            <i class=\"feather-help-circle\" [appTooltip]=\"control.hint!\" [ngStyle]=\"{\r\n                display: 'inline-block',\r\n                marginLeft: '2px'\r\n            }\"></i>\r\n        }\r\n\r\n        <!-- START: LABEL SESSION-->\r\n\r\n        <!-- START: FORM-CONTROL SESSION-->\r\n\r\n        <ng-container>\r\n        @switch (control.controlType) {\r\n            @case (\"TEXTBOX\") {\r\n                <input *ngIf=\"control.type==='date'\" [formControlName]=\"control.field\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly!\" useValueAsDate>\r\n    \r\n                <input *ngIf=\"control.type==='number'\" [formControlName]=\"control.field\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly\" [step]=\"control.step || '1'\">\r\n    \r\n                <input *ngIf=\"control.type!=='date' && control.type!=='number'\" [formControlName]=\"control.field\"\r\n                    [value]=\"form.get(control.field)?.value | tableCell: control.pipe : lang\" [type]=\"control.type\"\r\n                    class=\"form-control\" [readonly]=\"control.readonly\"\r\n                    [appTooltip]=\"form.get(control.field)?.value\"\r\n                    (focus)=\"onFocus($event)\"\r\n                    (blur)=\"onBlur($event)\"\r\n                    >\r\n            }\r\n            @case (\"CURRENCY\") {\r\n                <core-currency-input [formControlName]=\"control.field\"></core-currency-input>\r\n            }\r\n            @case (\"TEXTAREA\") {\r\n                <textarea [rows]=\"control.textareaRows?.toString() || '3'\" [ngStyle]=\"{ height: 'unset' }\"\r\n                    [formControlName]=\"control.field\" class=\"form-control\" [readonly]=\"control.readonly\"></textarea>\r\n            }\r\n            @case (\"CHECKBOX\") {\r\n                <core-checkbox [formControlName]=\"control.field\" [text]=\"control.label\"\r\n                    [inputValue]=\"control.value\"></core-checkbox>\r\n            }\r\n            @case (\"MCC\") {\r\n                <core-mcc [formControlName]=\"control.field\" [columns]=\"control.columns!\" [shownFrom]=\"control.shownFrom!\" \r\n                [apiDefinition]=\"control.apiDefinition!\" [getByIdApi]=\"control.getByIdApi!\" [selectedRow$]=\"control.selectedRow$!\"\r\n                [outerParam$]=\"control.outerParam$!\"\r\n                ></core-mcc>\r\n            }\r\n            @case (\"DATEPICKER\") {\r\n                <core-date-picker [formControlName]=\"control.field\" [rangeLimit]=\"control.rangeLimit!\" [popupAlign]=\"control.popupAlign!\"></core-date-picker>\r\n            }\r\n            @case (\"DROPDOWN\") {\r\n                @if (!!control.dropdownOptions$) {\r\n                    <core-dropdown [formControlName]=\"control.field\" [options$]=\"control.dropdownOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\"></core-dropdown>\r\n                }\r\n            }\r\n            @case (\"LIST\") {\r\n                <core-list [formControlName]=\"control.field\" [options]=\"control.listOptions!\"></core-list>\r\n            }\r\n            @case (\"CHECKLIST\") {\r\n                @if (!!control.checklistOptions$) {\r\n                    <core-checklist [formControlName]=\"control.field\" [options$]=\"control.checklistOptions$!\"\r\n                        [getByIdObject$]=\"control.getByIdObject$!\" [shownFrom]=\"control.shownFrom!\"></core-checklist>\r\n                }\r\n            }\r\n            @case (\"FILEUPLOADER\") {\r\n                @if (!!control.uploadFileType) {\r\n                    <core-file-uploader [formControlName]=\"control.field\" [uploadFileType]=\"control.uploadFileType\"\r\n                        [fileDataControlName]=\"control.fileDataControlName!\"\r\n                        [fileNameControlName]=\"control.fileNameControlName!\"\r\n                        [fileTypeControlName]=\"control.fileTypeControlName!\"\r\n                        [verticalMode]=\"control.verticalMode!\"></core-file-uploader>\r\n                }\r\n            }\r\n            @case (\"ATTACHMENT\") {\r\n                <core-attachment ngDefaultControl [formControlName]=\"control.field\" [assignTo]=\"control.assignTo!\"\r\n                    [valueToShow]=\"control.valueToShow!\"></core-attachment>\r\n            }\r\n            @case (\"GRIDBUFFER\") {\r\n                @if (!!control.gridBufferFormSections && !!control.gridBufferTableColumns) {\r\n                    <core-grid-buffer [formControlName]=\"control.field\" [formSections]=\"control.gridBufferFormSections\"\r\n                        [gridColumns]=\"control.gridBufferTableColumns\"\r\n                        (onBufferFormCreated)=\"!!control.onBufferFormCreated ? control.onBufferFormCreated($event) : null\"></core-grid-buffer>\r\n                }\r\n            }\r\n            @case (\"ORGTREECHECK\") {\r\n                <core-org-tree [formControlName]=\"control.field\"\r\n                    [accessorMode]=\"coreOrgTreeDefaultAccessorMode\" [height]=\"control.height!\"></core-org-tree>\r\n            }\r\n            @case (\"RADIOGROUP\") {\r\n                <core-radio-group [formControlName]=\"control.field\"\r\n                    [options$]=\"control.radioGroupOptions$!\"\r\n                    [vertical]=\"control.verticalMode!\"\r\n                    ></core-radio-group>\r\n            }\r\n            @case (\"MONTHSELECTOR\") {\r\n                <core-month-selector [formControlName]=\"control.field\"></core-month-selector>\r\n            }\r\n            @case (\"SHIFTCELL\") {\r\n                <core-shift-cell [formControlName]=\"control.field\"></core-shift-cell>\r\n            }\r\n            @case (\"SHIFTCOLLECTION\") {\r\n                <core-shift-collection [relativeMode]=\"true\" [height]=\"control.height || 800\"></core-shift-collection>\r\n            }\r\n            @case (\"SEEKER\") {\r\n                @switch(control.seekerSourceType) {\r\n                    @case(\"JOB_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"EMPLOYEE_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [editBufferData$]=\"control.editBufferData$!\"\r\n                            [indirectBinding]=\"control.indirectBinding!\"\r\n                            [bindGridIdTo]=\"control.bindGridIdTo!\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"CONTRACT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" [boundFrom]=\"control.boundFrom!\"\r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\" \r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [shownFrom]=\"control.shownFrom!\"\r\n                            [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WORKING_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\" [formControlName]=\"control.field\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"WAGE_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [formControlName]=\"control.field\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_SEEK\") {\r\n                        <core-form-control-seeker \r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [objectList$]=\"control.objectList$!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [seekerVerifyIgnore]=\"control.seekerVerifyIgnore!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"POSITION_CONCURRENT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [excludeExistingList]=\"control.excludeExistingList!\"\r\n                            [multiMode]=\"control.multiMode!\" [multiModeTableHeight]=\"control.multiModeTableHeight!\" [multiModeRowHeight]=\"control.multiModeRowHeight!\"\r\n                            [formControlName]=\"control.field\" [alsoBindTo]=\"control.alsoBindTo!\"\r\n                            [seekerSourceType]=\"control.seekerSourceType!\" \r\n                            [preDefinedOuterParam$]=\"control.preDefinedOuterParam$!\"\r\n                            [preDefinedOuterFilter$]=\"control.preDefinedOuterFilter$!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [multiModeExtendedColumns]=\"control.multiModeExtendedColumns!\"\r\n                            [multiModeExtendedSections]=\"control.multiModeExtendedSections!\"\r\n                            [multiModeTableHeight]=\"control.multiModeTableHeight!\"\r\n                            [click$]=\"control.click$\"\r\n                            [useTheseColumns]=\"control.useTheseColumns!\"\r\n                            [hideOrgTree]=\"control.hideOrgTree!\"\r\n                            [sourceSpaceHeight]=\"control.sourceSpaceHeight!\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                    @case(\"ORGANIZATION_UNIT_SEEK\") {\r\n                        <core-form-control-seeker\r\n                            [formControlName]=\"control.field\" [seekerSourceType]=\"control.seekerSourceType!\"\r\n                            [boundFrom]=\"control.boundFrom!\" [alsoBindTo]=\"control.alsoBindTo!\" [shownFrom]=\"control.shownFrom!\"\r\n                            [getByIdObject$]=\"control.getByIdObject$!\"\r\n                            [click$]=\"control.click$\"\r\n                        ></core-form-control-seeker>\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"control.controlType==='BUTTON'\">\r\n            <button type=\"button\" class=\"btn btn-secondary text\" (click)=\"oHandleClick($event)\">{{control.label| translate: lang}}</button>\r\n        </ng-container>\r\n        <!-- END: FORM-CONTROL SESSION-->\r\n\r\n        <!-- START: ERROR SESSION-->\r\n        <div *ngIf=\"!!errors!.length\">\r\n            <div class=\"form-control-error\" *ngFor=\"let error of errors\">\r\n                {{ error.errorMessage | translate: lang }}\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!!!errors!.length && !!checkError$.value\">\r\n            <div>\r\n                {{ '&nbsp;' }}\r\n            </div>\r\n        </div>\r\n        <!-- END: ERROR SESSION-->\r\n\r\n    </div>\r\n</div>", styles: [".core-control-container{font-size:var(--typo-basic-font-size)!important}.core-control-container .control-label{color:#848484}.core-control-container>div.hidden{display:none}.core-control-container label{color:#464646}.core-control-container label.required:after{content:\"*\";color:#ff040b}.core-control-container label.avatar-label{width:var(--size-file-uploader);display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight"] }, { kind: "component", type: CoreListComponent, selector: "core-list", inputs: ["title", "height", "options"] }, { kind: "component", type: CoreChecklistComponent, selector: "core-checklist", inputs: ["paramMode", "getByIdObject$", "shownFrom", "options$", "height", "placeholder", "loading", "readonly", "disabled"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore"], outputs: ["onDoubleClick"] }, { kind: "component", type: CoreCheckboxComponent, selector: "core-checkbox", inputs: ["text", "tooltipPosition", "tooltip", "inputValue", "disabled"], outputs: ["onClick"] }, { kind: "component", type: CoreFileUploaderComponent, selector: "core-file-uploader", inputs: ["uploadFileType", "fileDataControlName", "fileNameControlName", "fileTypeControlName", "avatarSize", "defaultAvatar", "hidePreview", "verticalMode"] }, { kind: "component", type: CoreAttachmentComponent, selector: "core-attachment", inputs: ["assignTo", "readonly", "valueToShow"] }, { kind: "component", type: CoreGridBufferComponent, selector: "core-grid-buffer", inputs: ["formSections", "gridColumns"], outputs: ["onBufferFormCreated"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "readonly", "disabled"] }, { kind: "component", type: CoreOrgTreeComponent, selector: "core-org-tree", inputs: ["lineColor", "fullWidthMode", "accessorMode", "searchMode", "fullRendering", "height", "disabledLoopExpand", "showCheckInheritance", "excludedIds$", "stateIsolated$"], outputs: ["itemDoubleClick", "itemClick"] }, { kind: "component", type: CoreRadioGroupComponent, selector: "core-radio-group", inputs: ["options$", "vertical"] }, { kind: "component", type: CoreMccComponent, selector: "core-mcc", inputs: ["height", "columns", "shownFrom", "apiDefinition", "getByIdApi", "outerParam$", "selectedRow$", "outerFilterOperators", "outerInOperators"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }, { kind: "component", type: CoreCurrencyInputComponent, selector: "core-currency-input", inputs: ["currencySign"], outputs: ["onLeftFocus"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoreControlComponent, decorators: [{
             type: Component,
@@ -20515,7 +20519,7 @@ class CorePageEditComponent {
         this.onInitialValueStringReady.emit(JSON.stringify(this.form.getRawValue()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CorePageEditComponent, deps: [{ token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: CorePageEditService }, { token: CommonHttpRequestService }, { token: AnimatedTextService }, { token: MultiLanguageService }, { token: CoreFormService }, { token: CorePageListService }, { token: HubConnectionService }, { token: AuthService }, { token: AlertService }, { token: UrlService }, { token: RoutingService }, { token: ResponseService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CorePageEditComponent, isStandalone: true, selector: "core-page-edit", inputs: { stayAfterSubmit: "stayAfterSubmit", width: "width", entityTable: "entityTable", hasIdOfStringType: "hasIdOfStringType", captionCode: "captionCode", leftInputSections: "leftInputSections", leftInputSectionsFlexSize: "leftInputSectionsFlexSize", sections: "sections", normalMode: "normalMode", bottomTemplateRef: "bottomTemplateRef", autoGetByIdOff: "autoGetByIdOff", autoSubmitLogicOff: "autoSubmitLogicOff", autoCancelLogicOff: "autoCancelLogicOff", customFormButtonItems: "customFormButtonItems", mixedMode: "mixedMode", checkError$: "checkError$", showSaveButton: "showSaveButton", disableSaveButton: "disableSaveButton", disableCancelButton: "disableCancelButton", forceListRefreshOnCreateOrUpdate: "forceListRefreshOnCreateOrUpdate", crud: "crud", entityUniqueIndexs: "entityUniqueIndexs" }, outputs: { submitLogic: "submitLogic", onFormCreated: "onFormCreated", onSubmitSuccess: "onSubmitSuccess", onButtonClick: "onButtonClick", cancelLogic: "cancelLogic", onInitialValueStringReady: "onInitialValueStringReady" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "containerBigger", first: true, predicate: ["containerBigger"], descendants: true }], ngImport: i0, template: "@if (!!normalMode) {\r\n<div #container class=\"core-page-edit-container\">\r\n    <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n        <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n    </div>\r\n    @if (!!sections.length) {\r\n    <core-form [width]=\"width\" [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n        [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n        [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [customFormButtonItems]=\"customFormButtonItems\" [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\"\r\n        [checkError$]=\"checkError$\" (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\"\r\n        (onSave)=\"onSave($event)\" (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n    }\r\n</div>\r\n} @else {\r\n<div class=\"modal-container\" [ngStyle]=\"{\r\n        overflowY: 'scroll'\r\n    }\">\r\n    <div #containerBigger class=\"modal-content\">\r\n        <div class=\"custom-header-popup\">\r\n            <i class=\"feather-x\" (click)=\"onCancel()\"></i>\r\n            <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n                <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n            </div>\r\n        </div>\r\n        <div #container class=\"core-page-edit-container not-normal-mode\" [ngStyle]=\"{\r\n                overflow: 'visible'\r\n            }\">\r\n            @if (!!sections.length) {\r\n            <core-form [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n                [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n                [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\" [customFormButtonItems]=\"customFormButtonItems\"\r\n                [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\" [checkError$]=\"checkError$\"\r\n                (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\" (onSave)=\"onSave($event)\"\r\n                (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: ["@charset \"UTF-8\";.core-page-edit-container{--width: 50%;background-color:#fff;padding:0,var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing);width:var(--width)}@media (max-width: 992px){.core-page-edit-container{width:100%}}.core-page-edit-container>.custom-header-popup{display:flex}.core-page-edit-container>i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.core-page-edit-container>caption{display:block;width:100%;color:#464646;font-weight:400}.modal-content{--height: 100%;height:var(--height);border-radius:10px}.modal-content i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.modal-content caption{display:block;width:100%;color:#000}.custom-header-popup{background:#fff}.captionText{margin-left:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CoreFormComponent, selector: "core-form", inputs: ["formName", "width", "submitText", "leftInputSections", "leftInputSectionsFlexSize", "inputSections", "mode$", "bottomTemplateRef", "customFormButtonItems", "showCaptionButton", "disableSaveButton", "disableCancelButton", "checkError$"], outputs: ["onFormCreated", "onFormRefCreated", "onSubmit", "onSave", "onCancal", "buttonClick"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CorePageEditComponent, isStandalone: true, selector: "core-page-edit", inputs: { stayAfterSubmit: "stayAfterSubmit", width: "width", entityTable: "entityTable", hasIdOfStringType: "hasIdOfStringType", captionCode: "captionCode", leftInputSections: "leftInputSections", leftInputSectionsFlexSize: "leftInputSectionsFlexSize", sections: "sections", normalMode: "normalMode", bottomTemplateRef: "bottomTemplateRef", autoGetByIdOff: "autoGetByIdOff", autoSubmitLogicOff: "autoSubmitLogicOff", autoCancelLogicOff: "autoCancelLogicOff", customFormButtonItems: "customFormButtonItems", mixedMode: "mixedMode", checkError$: "checkError$", showSaveButton: "showSaveButton", disableSaveButton: "disableSaveButton", disableCancelButton: "disableCancelButton", forceListRefreshOnCreateOrUpdate: "forceListRefreshOnCreateOrUpdate", crud: "crud", entityUniqueIndexs: "entityUniqueIndexs" }, outputs: { submitLogic: "submitLogic", onFormCreated: "onFormCreated", onSubmitSuccess: "onSubmitSuccess", onButtonClick: "onButtonClick", cancelLogic: "cancelLogic", onInitialValueStringReady: "onInitialValueStringReady" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "containerBigger", first: true, predicate: ["containerBigger"], descendants: true }], ngImport: i0, template: "@if (!!normalMode) {\r\n<div #container class=\"core-page-edit-container\">\r\n    <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n        <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n    </div>\r\n    @if (!!sections.length) {\r\n    <core-form [width]=\"width\" [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n        [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n        [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [customFormButtonItems]=\"customFormButtonItems\" [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\"\r\n        [checkError$]=\"checkError$\" (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\"\r\n        (onSave)=\"onSave($event)\" (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n    }\r\n</div>\r\n} @else {\r\n<div class=\"modal-container\" [ngStyle]=\"{\r\n        overflowY: 'scroll'\r\n    }\">\r\n    <div #containerBigger class=\"modal-content\">\r\n        <div class=\"custom-header-popup\">\r\n            <i class=\"feather-x\" (click)=\"onCancel()\"></i>\r\n            <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n                <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n            </div>\r\n        </div>\r\n        <div #container class=\"core-page-edit-container not-normal-mode\" [ngStyle]=\"{\r\n                overflow: 'visible'\r\n            }\">\r\n            @if (!!sections.length) {\r\n            <core-form [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n                [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n                [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\" [customFormButtonItems]=\"customFormButtonItems\"\r\n                [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\" [checkError$]=\"checkError$\"\r\n                (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\" (onSave)=\"onSave($event)\"\r\n                (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: ["@charset \"UTF-8\";.core-page-edit-container{--width: 50vw;background-color:#fff;padding:0,var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing);width:var(--width)}@media (max-width: 992px){.core-page-edit-container{width:100%}}.core-page-edit-container>.custom-header-popup{display:flex}.core-page-edit-container>i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.core-page-edit-container>caption{display:block;width:100%;color:#464646;font-weight:400}.modal-content{--height: 100%;height:var(--height);border-radius:10px}.modal-content i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.modal-content caption{display:block;width:100%;color:#000}.custom-header-popup{background:#fff}.captionText{margin-left:24px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CoreFormComponent, selector: "core-form", inputs: ["formName", "width", "submitText", "leftInputSections", "leftInputSectionsFlexSize", "inputSections", "mode$", "bottomTemplateRef", "customFormButtonItems", "showCaptionButton", "disableSaveButton", "disableCancelButton", "checkError$"], outputs: ["onFormCreated", "onFormRefCreated", "onSubmit", "onSave", "onCancal", "buttonClick"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CorePageEditComponent, decorators: [{
             type: Component,
@@ -20527,7 +20531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         TranslatePipe,
                         FullscreenModalLoaderComponent,
                         CorePageHeaderComponent
-                    ], template: "@if (!!normalMode) {\r\n<div #container class=\"core-page-edit-container\">\r\n    <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n        <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n    </div>\r\n    @if (!!sections.length) {\r\n    <core-form [width]=\"width\" [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n        [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n        [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [customFormButtonItems]=\"customFormButtonItems\" [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\"\r\n        [checkError$]=\"checkError$\" (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\"\r\n        (onSave)=\"onSave($event)\" (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n    }\r\n</div>\r\n} @else {\r\n<div class=\"modal-container\" [ngStyle]=\"{\r\n        overflowY: 'scroll'\r\n    }\">\r\n    <div #containerBigger class=\"modal-content\">\r\n        <div class=\"custom-header-popup\">\r\n            <i class=\"feather-x\" (click)=\"onCancel()\"></i>\r\n            <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n                <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n            </div>\r\n        </div>\r\n        <div #container class=\"core-page-edit-container not-normal-mode\" [ngStyle]=\"{\r\n                overflow: 'visible'\r\n            }\">\r\n            @if (!!sections.length) {\r\n            <core-form [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n                [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n                [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\" [customFormButtonItems]=\"customFormButtonItems\"\r\n                [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\" [checkError$]=\"checkError$\"\r\n                (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\" (onSave)=\"onSave($event)\"\r\n                (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: ["@charset \"UTF-8\";.core-page-edit-container{--width: 50%;background-color:#fff;padding:0,var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing);width:var(--width)}@media (max-width: 992px){.core-page-edit-container{width:100%}}.core-page-edit-container>.custom-header-popup{display:flex}.core-page-edit-container>i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.core-page-edit-container>caption{display:block;width:100%;color:#464646;font-weight:400}.modal-content{--height: 100%;height:var(--height);border-radius:10px}.modal-content i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.modal-content caption{display:block;width:100%;color:#000}.custom-header-popup{background:#fff}.captionText{margin-left:24px}\n"] }]
+                    ], template: "@if (!!normalMode) {\r\n<div #container class=\"core-page-edit-container\">\r\n    <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n        <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n    </div>\r\n    @if (!!sections.length) {\r\n    <core-form [width]=\"width\" [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n        [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n        [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\"\r\n        [customFormButtonItems]=\"customFormButtonItems\" [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\"\r\n        [checkError$]=\"checkError$\" (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\"\r\n        (onSave)=\"onSave($event)\" (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n    }\r\n</div>\r\n} @else {\r\n<div class=\"modal-container\" [ngStyle]=\"{\r\n        overflowY: 'scroll'\r\n    }\">\r\n    <div #containerBigger class=\"modal-content\">\r\n        <div class=\"custom-header-popup\">\r\n            <i class=\"feather-x\" (click)=\"onCancel()\"></i>\r\n            <div [ngStyle]=\"{ margin: '0px 24px' }\">\r\n                <core-page-header [title]=\"captionCode\" [hideButtonGroup]=\"true\"></core-page-header>\r\n            </div>\r\n        </div>\r\n        <div #container class=\"core-page-edit-container not-normal-mode\" [ngStyle]=\"{\r\n                overflow: 'visible'\r\n            }\">\r\n            @if (!!sections.length) {\r\n            <core-form [formName]=\"'form'\" [submitText]=\"submitText\" [showCaptionButton]=\"showCaptionButton\"\r\n                [leftInputSections]=\"leftInputSections\" [leftInputSectionsFlexSize]=\"leftInputSectionsFlexSize\"\r\n                [inputSections]=\"sections\" [mode$]=\"mode$\" [bottomTemplateRef]=\"bottomTemplateRef\" [customFormButtonItems]=\"customFormButtonItems\"\r\n                [disableSaveButton]=\"disableSaveButton\" [disableCancelButton]=\"disableCancelButton\" [checkError$]=\"checkError$\"\r\n                (onFormCreated)=\"onFormCreatedLocal($event)\" (onSubmit)=\"onSubmit()\" (onSave)=\"onSave($event)\"\r\n                (buttonClick)=\"buttonClick($event)\" (onCancal)=\"onCancel()\"></core-form>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n}\r\n@if (loading) {\r\n<app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: ["@charset \"UTF-8\";.core-page-edit-container{--width: 50vw;background-color:#fff;padding:0,var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing),var(--size-layout-block-cell-spacing);width:var(--width)}@media (max-width: 992px){.core-page-edit-container{width:100%}}.core-page-edit-container>.custom-header-popup{display:flex}.core-page-edit-container>i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.core-page-edit-container>caption{display:block;width:100%;color:#464646;font-weight:400}.modal-content{--height: 100%;height:var(--height);border-radius:10px}.modal-content i{display:block;float:right;font-size:24px;cursor:pointer;margin:10px}.modal-content caption{display:block;width:100%;color:#000}.custom-header-popup{background:#fff}.captionText{margin-left:24px}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: CorePageEditService }, { type: CommonHttpRequestService }, { type: AnimatedTextService }, { type: MultiLanguageService }, { type: CoreFormService }, { type: CorePageListService }, { type: HubConnectionService }, { type: AuthService }, { type: AlertService }, { type: UrlService }, { type: RoutingService }, { type: ResponseService }, { type: AppConfigService }], propDecorators: { stayAfterSubmit: [{
                 type: Input
             }], width: [{
@@ -20625,7 +20629,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
 class AtShiftPatternService {
     constructor() {
         this.activePattern$ = new BehaviorSubject(undefined);
-        this.showEdit$ = new BehaviorSubject(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternService, providedIn: 'root' }); }
@@ -20792,47 +20795,54 @@ class AtShiftPatternEditComponent extends BaseEditComponent {
                 rotationDaysField?.enable();
             }
         });
+        // this.subscriptions.push(
+        //   this.atShiftPatternService.activePattern$.pipe( filter (x => !!x) ).subscribe(x => {
+        //     this.form.patchValue(x)
+        //   })
+        // )
     }
     /* To allow form to be deactivated */
     onFormReinit(e) {
         this.formInitStringValue = e;
     }
     onSubmit(e) {
-        if (!!this.form?.valid) {
-            if ((this.form?.get('nameEn')?.value).trim() === '') {
-                this.form?.get('nameEn')?.patchValue(this.form?.get('nameVn')?.value || '');
-            }
-            this.loading = true;
-            this.subscriptions.push(this.appService.post(this.crud.c, this.form?.getRawValue()).subscribe(x => {
-                this.loading = false;
-                if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
-                    this.form?.get('code')?.patchValue('');
-                    this.form?.get('nameVn')?.patchValue('');
-                    this.form?.get('nameEn')?.patchValue('');
-                    this.form?.get('note')?.patchValue('');
-                    const tryFind = this.corePageListService.instances.filter(x => x.instanceNumber === this.atShiftPatternService.listInstanceNumber);
-                    if (!!tryFind.length) {
-                        tryFind[0].reloadFlag$.next(!tryFind[0].reloadFlag$.value);
-                        this.atShiftPatternService.activePattern$.next(x.body?.innerBody.id);
-                        this.atShiftPatternService.showEdit$.next(false);
-                        setTimeout(() => tryFind[0].id$.next(x.body?.innerBody.id));
-                    }
-                }
-            }));
-        }
+        // if (!!this.form?.valid) {
+        //   if ((this.form?.get('nameEn')?.value).trim() === '') {
+        //     this.form?.get('nameEn')?.patchValue(this.form?.get('nameVn')?.value || '')
+        //   }
+        //   this.loading = true;
+        //   this.subscriptions.push(
+        //     this.appService.post((this.crud.c! as string), this.form?.getRawValue()).subscribe(x => {
+        //       this.loading = false;
+        //       if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+        //         this.form?.get('code')?.patchValue('') ;
+        //         this.form?.get('nameVn')?.patchValue('') ;
+        //         this.form?.get('nameEn')?.patchValue('') ;
+        //         this.form?.get('note')?.patchValue('') ;
+        //         const tryFind = this.corePageListService.instances.filter(x => x.instanceNumber === this.atShiftPatternService.listInstanceNumber);
+        //         if (!!tryFind.length) {
+        //           tryFind[0].reloadFlag$.next(!tryFind[0].reloadFlag$.value);
+        //           this.atShiftPatternService.activePattern$.next(x.body?.innerBody.id);
+        //           this.atShiftPatternService.showEdit$.next(false);
+        //           setTimeout(() => tryFind[0].id$.next(x.body?.innerBody.id));
+        //         }
+        //       }
+        //     })
+        //   )
+        // }
     }
     ngOnDestroy() {
         this.subscriptions.map(x => x?.unsubscribe());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternEditComponent, deps: [{ token: DialogService }, { token: AppService }, { token: AtShiftPatternService }, { token: CorePageListService }, { token: CorePageEditService }, { token: CoreFormService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternEditComponent, isStandalone: true, selector: "core-at-shift-pattern-edit", inputs: { captionCode: "captionCode" }, usesInheritance: true, ngImport: i0, template: "<core-page-edit \r\n    [normalMode]=\"true\"\r\n    [captionCode]=\"captionCode\" \r\n    [sections]=\"sections\" \r\n    [crud]=\"crud\"\r\n    [entityTable]=\"entityTable\" \r\n    [autoSubmitLogicOff]=\"true\"\r\n    [disableCancelButton]=\"true\"\r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n    (submitLogic)=\"onSubmit($event)\"\r\n></core-page-edit>\r\n\r\n@if (loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: [""], dependencies: [{ kind: "component", type: CorePageEditComponent, selector: "core-page-edit", inputs: ["stayAfterSubmit", "width", "entityTable", "hasIdOfStringType", "captionCode", "leftInputSections", "leftInputSectionsFlexSize", "sections", "normalMode", "bottomTemplateRef", "autoGetByIdOff", "autoSubmitLogicOff", "autoCancelLogicOff", "customFormButtonItems", "mixedMode", "checkError$", "showSaveButton", "disableSaveButton", "disableCancelButton", "forceListRefreshOnCreateOrUpdate", "crud", "entityUniqueIndexs"], outputs: ["submitLogic", "onFormCreated", "onSubmitSuccess", "onButtonClick", "cancelLogic", "onInitialValueStringReady"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternEditComponent, isStandalone: true, selector: "core-at-shift-pattern-edit", inputs: { captionCode: "captionCode" }, usesInheritance: true, ngImport: i0, template: "<core-page-edit \r\n    [captionCode]=\"captionCode\" \r\n    [sections]=\"sections\" \r\n    [crud]=\"crud\"\r\n    [entityTable]=\"entityTable\" \r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n></core-page-edit>\r\n\r\n@if (loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}", styles: [""], dependencies: [{ kind: "component", type: CorePageEditComponent, selector: "core-page-edit", inputs: ["stayAfterSubmit", "width", "entityTable", "hasIdOfStringType", "captionCode", "leftInputSections", "leftInputSectionsFlexSize", "sections", "normalMode", "bottomTemplateRef", "autoGetByIdOff", "autoSubmitLogicOff", "autoCancelLogicOff", "customFormButtonItems", "mixedMode", "checkError$", "showSaveButton", "disableSaveButton", "disableCancelButton", "forceListRefreshOnCreateOrUpdate", "crud", "entityUniqueIndexs"], outputs: ["submitLogic", "onFormCreated", "onSubmitSuccess", "onButtonClick", "cancelLogic", "onInitialValueStringReady"] }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternEditComponent, decorators: [{
             type: Component,
             args: [{ selector: 'core-at-shift-pattern-edit', imports: [
                         CorePageEditComponent,
                         FullscreenModalLoaderComponent
-                    ], template: "<core-page-edit \r\n    [normalMode]=\"true\"\r\n    [captionCode]=\"captionCode\" \r\n    [sections]=\"sections\" \r\n    [crud]=\"crud\"\r\n    [entityTable]=\"entityTable\" \r\n    [autoSubmitLogicOff]=\"true\"\r\n    [disableCancelButton]=\"true\"\r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n    (submitLogic)=\"onSubmit($event)\"\r\n></core-page-edit>\r\n\r\n@if (loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}" }]
+                    ], template: "<core-page-edit \r\n    [captionCode]=\"captionCode\" \r\n    [sections]=\"sections\" \r\n    [crud]=\"crud\"\r\n    [entityTable]=\"entityTable\" \r\n    (onFormCreated)=\"onFormCreated($event)\"\r\n    (onInitialValueStringReady)=\"onFormReinit($event)\"\r\n></core-page-edit>\r\n\r\n@if (loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n}" }]
         }], ctorParameters: () => [{ type: DialogService }, { type: AppService }, { type: AtShiftPatternService }, { type: CorePageListService }, { type: CorePageEditService }, { type: CoreFormService }], propDecorators: { captionCode: [{
                 type: Input
             }] } });
@@ -20888,7 +20898,7 @@ class AtShiftPatternDetailComponent extends BaseComponent {
         this.data$.next(currentData);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternDetailComponent, deps: [{ token: MultiLanguageService }, { token: WorkShiftDndService }, { token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternDetailComponent, isStandalone: true, selector: "core-at-shift-pattern-detail", inputs: { data$: "data$" }, usesInheritance: true, ngImport: i0, template: "<div class=\"core-at-shift-pattern-detail-container\">\r\n\r\n    @if (workShiftDndService.shiftCollectionOpen$ | async) {\r\n    <core-shift-collection [height]=\"(shiftCollectionHeight$ | async) || 800\"></core-shift-collection>\r\n    }\r\n\r\n    <div class=\"repeatable fs13\">\r\n\r\n        @if (!!(data$ | async)) {\r\n\r\n        <div class=\"cell-collection\">\r\n            @for (cell of (data$ | async)?.shiftDetails; track cell.dayNumber) {\r\n            <div class=\"cell-wrapper\">\r\n                <div class=\"day-caption\">\r\n                    @if ((data$ | async)?.patternType === 'WEEK') {\r\n                    {{ mls.covertOneBasedDayNumberToDayOfWeekCode(cell.dayNumber) | translate: lang }}\r\n                    } @else {\r\n                    {{ ('DAY' | translate: lang ) + \" \" + cell.dayNumber }}\r\n                    }\r\n                </div>\r\n                <core-shift-cell [ngModel]=\"cell.shifts\"></core-shift-cell>\r\n                @if ((data$ | async)?.patternType === 'DAYS') {\r\n                <div class=\"d-flex d-flex-end day-tool-icon-wrapper-div\">\r\n                    <div class=\"day-tool-icon-wrapper\" (click)=\"onDayInsert($event, cell.dayNumber)\"\r\n                        [appTooltip]=\"'AT_SHIFT_PATTERN_INSERT_DAY' | translate: lang\">\r\n                        <i class=\"feather-corner-right-down\"></i>\r\n                    </div>\r\n                    <div class=\"day-tool-icon-wrapper\" (click)=\"onDayRemove($event, cell.dayNumber)\"\r\n                        [appTooltip]=\"'AT_SHIFT_PATTERN_REMOVE_DAY' | translate: lang\">\r\n                        <i class=\"feather-trash\"></i>\r\n                    </div>\r\n                    <div class=\"day-tools\">\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n\r\n        }\r\n\r\n    </div>\r\n</div>", styles: [".core-at-shift-pattern-detail-container .fs13{font-size:13px}.core-at-shift-pattern-detail-container .core-shift-collection-container{top:110px}.core-at-shift-pattern-detail-container .shift-collection{display:block}.core-at-shift-pattern-detail-container .repeatable{display:flex;align-items:flex-start;justify-content:flex-start}.core-at-shift-pattern-detail-container .repeatable .cell-collection:not(:last-child){margin-right:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection{display:block}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper{background-color:#fff;width:262px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper .day-caption{padding:15px 0 0 15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper-div{display:flex;align-items:center;justify-content:flex-end;height:24px;padding-right:15px;padding-bottom:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper{width:24px;height:24px;color:#d3d3d3;border:1px lightgray solid;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper:not(:last-child){margin-right:8px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper i{width:16px;height:16px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternDetailComponent, isStandalone: true, selector: "core-at-shift-pattern-detail", inputs: { data$: "data$" }, usesInheritance: true, ngImport: i0, template: "<div class=\"core-at-shift-pattern-detail-container\">\r\n\r\n    @if (workShiftDndService.shiftCollectionOpen$ | async) {\r\n    <core-shift-collection [height]=\"(shiftCollectionHeight$ | async) || 800\"></core-shift-collection>\r\n    }\r\n\r\n    <div class=\"repeatable fs13\">\r\n\r\n        @if (!!(data$ | async)) {\r\n\r\n        <div class=\"cell-collection\">\r\n\r\n            <div class=\"container\">\r\n\r\n                <div class=\"row gx-3 gy-5\">\r\n\r\n                    @for (cell of (data$ | async)?.shiftDetails; track cell.dayNumber) {\r\n    \r\n                    <div class=\"col-md-4\">\r\n    \r\n                        <div class=\"cell-wrapper\" style=\"min-width: 290px;\">\r\n                            <div class=\"day-caption\">\r\n                                @if ((data$ | async)?.patternType === 'WEEK') {\r\n                                {{ mls.covertOneBasedDayNumberToDayOfWeekCode(cell.dayNumber) | translate: lang }}\r\n                                } @else {\r\n                                {{ ('DAY' | translate: lang ) + \" \" + cell.dayNumber }}\r\n                                }\r\n                            </div>\r\n                            <core-shift-cell [(ngModel)]=\"cell.shifts\"></core-shift-cell>\r\n                            @if ((data$ | async)?.patternType === 'DAYS') {\r\n                            <div class=\"d-flex d-flex-end day-tool-icon-wrapper-div\">\r\n                                <div class=\"day-tool-icon-wrapper\" (click)=\"onDayInsert($event, cell.dayNumber)\"\r\n                                    [appTooltip]=\"'AT_SHIFT_PATTERN_INSERT_DAY' | translate: lang\">\r\n                                    <i class=\"feather-corner-right-down\"></i>\r\n                                </div>\r\n                                <div class=\"day-tool-icon-wrapper\" (click)=\"onDayRemove($event, cell.dayNumber)\"\r\n                                    [appTooltip]=\"'AT_SHIFT_PATTERN_REMOVE_DAY' | translate: lang\">\r\n                                    <i class=\"feather-trash\"></i>\r\n                                </div>\r\n                                <div class=\"day-tools\">\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n        \r\n    \r\n                    </div>\r\n    \r\n                    }\r\n    \r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        }\r\n\r\n    </div>\r\n</div>", styles: [".core-at-shift-pattern-detail-container .fs13{font-size:13px}.core-at-shift-pattern-detail-container .core-shift-collection-container{top:110px}.core-at-shift-pattern-detail-container .shift-collection{display:block}.core-at-shift-pattern-detail-container .repeatable{display:flex;align-items:flex-start;justify-content:flex-start}.core-at-shift-pattern-detail-container .repeatable .cell-collection:not(:last-child){margin-right:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection{display:block}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper{background-color:#fff;width:262px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper .day-caption{padding:15px 0 0 15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper-div{display:flex;align-items:center;justify-content:flex-end;height:24px;padding-right:15px;padding-bottom:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper{width:24px;height:24px;color:#d3d3d3;border:1px lightgray solid;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper:not(:last-child){margin-right:8px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper i{width:16px;height:16px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternDetailComponent, decorators: [{
             type: Component,
@@ -20900,7 +20910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         CoreShiftCollectionComponent,
                         CoreShiftCellComponent,
                         TooltipDirective,
-                    ], template: "<div class=\"core-at-shift-pattern-detail-container\">\r\n\r\n    @if (workShiftDndService.shiftCollectionOpen$ | async) {\r\n    <core-shift-collection [height]=\"(shiftCollectionHeight$ | async) || 800\"></core-shift-collection>\r\n    }\r\n\r\n    <div class=\"repeatable fs13\">\r\n\r\n        @if (!!(data$ | async)) {\r\n\r\n        <div class=\"cell-collection\">\r\n            @for (cell of (data$ | async)?.shiftDetails; track cell.dayNumber) {\r\n            <div class=\"cell-wrapper\">\r\n                <div class=\"day-caption\">\r\n                    @if ((data$ | async)?.patternType === 'WEEK') {\r\n                    {{ mls.covertOneBasedDayNumberToDayOfWeekCode(cell.dayNumber) | translate: lang }}\r\n                    } @else {\r\n                    {{ ('DAY' | translate: lang ) + \" \" + cell.dayNumber }}\r\n                    }\r\n                </div>\r\n                <core-shift-cell [ngModel]=\"cell.shifts\"></core-shift-cell>\r\n                @if ((data$ | async)?.patternType === 'DAYS') {\r\n                <div class=\"d-flex d-flex-end day-tool-icon-wrapper-div\">\r\n                    <div class=\"day-tool-icon-wrapper\" (click)=\"onDayInsert($event, cell.dayNumber)\"\r\n                        [appTooltip]=\"'AT_SHIFT_PATTERN_INSERT_DAY' | translate: lang\">\r\n                        <i class=\"feather-corner-right-down\"></i>\r\n                    </div>\r\n                    <div class=\"day-tool-icon-wrapper\" (click)=\"onDayRemove($event, cell.dayNumber)\"\r\n                        [appTooltip]=\"'AT_SHIFT_PATTERN_REMOVE_DAY' | translate: lang\">\r\n                        <i class=\"feather-trash\"></i>\r\n                    </div>\r\n                    <div class=\"day-tools\">\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n            }\r\n        </div>\r\n\r\n        }\r\n\r\n    </div>\r\n</div>", styles: [".core-at-shift-pattern-detail-container .fs13{font-size:13px}.core-at-shift-pattern-detail-container .core-shift-collection-container{top:110px}.core-at-shift-pattern-detail-container .shift-collection{display:block}.core-at-shift-pattern-detail-container .repeatable{display:flex;align-items:flex-start;justify-content:flex-start}.core-at-shift-pattern-detail-container .repeatable .cell-collection:not(:last-child){margin-right:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection{display:block}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper{background-color:#fff;width:262px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper .day-caption{padding:15px 0 0 15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper-div{display:flex;align-items:center;justify-content:flex-end;height:24px;padding-right:15px;padding-bottom:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper{width:24px;height:24px;color:#d3d3d3;border:1px lightgray solid;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper:not(:last-child){margin-right:8px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper i{width:16px;height:16px}\n"] }]
+                    ], template: "<div class=\"core-at-shift-pattern-detail-container\">\r\n\r\n    @if (workShiftDndService.shiftCollectionOpen$ | async) {\r\n    <core-shift-collection [height]=\"(shiftCollectionHeight$ | async) || 800\"></core-shift-collection>\r\n    }\r\n\r\n    <div class=\"repeatable fs13\">\r\n\r\n        @if (!!(data$ | async)) {\r\n\r\n        <div class=\"cell-collection\">\r\n\r\n            <div class=\"container\">\r\n\r\n                <div class=\"row gx-3 gy-5\">\r\n\r\n                    @for (cell of (data$ | async)?.shiftDetails; track cell.dayNumber) {\r\n    \r\n                    <div class=\"col-md-4\">\r\n    \r\n                        <div class=\"cell-wrapper\" style=\"min-width: 290px;\">\r\n                            <div class=\"day-caption\">\r\n                                @if ((data$ | async)?.patternType === 'WEEK') {\r\n                                {{ mls.covertOneBasedDayNumberToDayOfWeekCode(cell.dayNumber) | translate: lang }}\r\n                                } @else {\r\n                                {{ ('DAY' | translate: lang ) + \" \" + cell.dayNumber }}\r\n                                }\r\n                            </div>\r\n                            <core-shift-cell [(ngModel)]=\"cell.shifts\"></core-shift-cell>\r\n                            @if ((data$ | async)?.patternType === 'DAYS') {\r\n                            <div class=\"d-flex d-flex-end day-tool-icon-wrapper-div\">\r\n                                <div class=\"day-tool-icon-wrapper\" (click)=\"onDayInsert($event, cell.dayNumber)\"\r\n                                    [appTooltip]=\"'AT_SHIFT_PATTERN_INSERT_DAY' | translate: lang\">\r\n                                    <i class=\"feather-corner-right-down\"></i>\r\n                                </div>\r\n                                <div class=\"day-tool-icon-wrapper\" (click)=\"onDayRemove($event, cell.dayNumber)\"\r\n                                    [appTooltip]=\"'AT_SHIFT_PATTERN_REMOVE_DAY' | translate: lang\">\r\n                                    <i class=\"feather-trash\"></i>\r\n                                </div>\r\n                                <div class=\"day-tools\">\r\n                                </div>\r\n                            </div>\r\n                            }\r\n                        </div>\r\n        \r\n    \r\n                    </div>\r\n    \r\n                    }\r\n    \r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n        }\r\n\r\n    </div>\r\n</div>", styles: [".core-at-shift-pattern-detail-container .fs13{font-size:13px}.core-at-shift-pattern-detail-container .core-shift-collection-container{top:110px}.core-at-shift-pattern-detail-container .shift-collection{display:block}.core-at-shift-pattern-detail-container .repeatable{display:flex;align-items:flex-start;justify-content:flex-start}.core-at-shift-pattern-detail-container .repeatable .cell-collection:not(:last-child){margin-right:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection{display:block}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper{background-color:#fff;width:262px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .cell-wrapper .day-caption{padding:15px 0 0 15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper-div{display:flex;align-items:center;justify-content:flex-end;height:24px;padding-right:15px;padding-bottom:15px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper{width:24px;height:24px;color:#d3d3d3;border:1px lightgray solid;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper:not(:last-child){margin-right:8px}.core-at-shift-pattern-detail-container .repeatable .cell-collection .day-tool-icon-wrapper i{width:16px;height:16px}\n"] }]
         }], ctorParameters: () => [{ type: MultiLanguageService }, { type: WorkShiftDndService }, { type: AlertService }], propDecorators: { data$: [{
                 type: Input
             }] } });
@@ -20953,7 +20963,7 @@ class AtShiftPatternComponent extends BaseComponent {
                 field: 'rotationDays',
                 type: 'number',
                 align: 'right',
-                width: 80
+                width: 60
             },
         ];
         this.editRoute = {
@@ -20964,15 +20974,14 @@ class AtShiftPatternComponent extends BaseComponent {
     onCorePageHeaderButtonClick(e) {
         console.log("onCorePageHeaderButtonClick", e);
         switch (e.code) {
-            case EnumCoreButtonVNSCode.HEADER_CREATE:
-                this.editCaptionCode = 'ADD_NEW_SHIFT_PATTERN';
-                this.atShiftPatternService.showEdit$.next(true);
-                this.atShiftPatternService.activePattern$.next(undefined);
-                break;
-            case EnumCoreButtonVNSCode.HEADER_EDIT:
-                this.editCaptionCode = 'EDIT_SHIFT_PATTERN';
-                this.atShiftPatternService.showEdit$.next(true);
-                this.atShiftPatternService.activePattern$.next(undefined);
+            case EnumCoreButtonVNSCode.HEADER_SAVE:
+                this.loading = true;
+                this.subscriptions.push(this.appService.post('/api/AtShiftPattern/UpdateWithDetails', this.atShiftPatternService.activePattern$.value).subscribe(x => {
+                    this.loading = false;
+                    if (x.ok && x.status === 200 && x.body?.statusCode === 200) {
+                        this.atShiftPatternService.activePattern$.next(x.body?.innerBody);
+                    }
+                }));
                 break;
             default:
                 break;
@@ -20990,8 +20999,14 @@ class AtShiftPatternComponent extends BaseComponent {
             }
         }));
     }
+    ngOnDestroy() {
+        this.subscriptions.forEach(x => x?.unsubscribe());
+        this.atShiftPatternService.activePattern$.next(undefined);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternComponent, isStandalone: true, selector: "core-at-shift-pattern", usesInheritance: true, ngImport: i0, template: "<div class=\"core-at-shift-pattern-container\">\r\n\r\n    <core-page-header [title]=\"title\" (buttonClick)=\"onCorePageHeaderButtonClick($event)\"></core-page-header>\r\n\r\n    <div class=\"d-flex d-flex-around content-wrapper\">\r\n\r\n\r\n\r\n        <div class=\"list-block\">\r\n\r\n\r\n            <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n                [hideHeader]=\"true\" [title]=\"title\" [autoResizeWithWindow]=\"true\"\r\n                [selfResolveCorePageHeaderButtonClick]=\"true\" [checkboxExplicity]=\"true\"\r\n                (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n                (onInstanceCreated)=\"onInstanceCreated($event)\" (rowClick)=\"rowClick($event)\"></core-page-list>\r\n\r\n        </div>\r\n\r\n        @if (!(atShiftPatternService.showEdit$ | async) && !(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"anim-block\">\r\n            <div class=\"anim-container\">\r\n                <core-sunny-rotating></core-sunny-rotating>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (atShiftPatternService.showEdit$ | async) {\r\n        <div class=\"edit-block\">\r\n            <core-at-shift-pattern-edit [captionCode]=\"editCaptionCode\"></core-at-shift-pattern-edit>\r\n        </div>\r\n        }\r\n        @if (!!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"detail-block\">\r\n            <div class=\"details-wrapper\">\r\n                <div class=\"details-title\">\r\n                    \u2728 {{ (atShiftPatternService.activePattern$ | async)?.code }}\r\n                </div>\r\n                <core-at-shift-pattern-detail\r\n                    [data$]=\"atShiftPatternService.activePattern$\"></core-at-shift-pattern-detail>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n\r\n    @if (!!loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n    }\r\n\r\n</div>", styles: [".core-at-shift-pattern-container .anim-container{height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:flex-end}.core-at-shift-pattern-container .details-wrapper{background-color:bisque;padding:0 15px 15px;width:100%;overflow-x:scroll}.core-at-shift-pattern-container .details-wrapper .details-title{height:40px;display:flex;align-items:center;justify-content:flex-start;font-weight:700}.core-at-shift-pattern-container .content-wrapper{align-items:flex-start}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }, { 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"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: AtShiftPatternEditComponent, selector: "core-at-shift-pattern-edit", inputs: ["captionCode"] }, { kind: "component", type: AtShiftPatternDetailComponent, selector: "core-at-shift-pattern-detail", inputs: ["data$"] }, { kind: "component", type: SunnyRotatingComponent, selector: "core-sunny-rotating" }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtShiftPatternComponent, isStandalone: true, selector: "core-at-shift-pattern", usesInheritance: true, ngImport: i0, template: "<div class=\"core-at-shift-pattern-container\">\r\n\r\n    <!-- <core-page-header [title]=\"title\" (buttonClick)=\"onCorePageHeaderButtonClick($event)\"></core-page-header> -->\r\n\r\n    <div class=\"d-flex d-flex-between content-wrapper\">\r\n        <div class=\"list-block\">\r\n            <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n                [title]=\"title\" [autoResizeWithWindow]=\"true\" [checkboxExplicity]=\"true\"\r\n                (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n                (onInstanceCreated)=\"onInstanceCreated($event)\" (rowClick)=\"rowClick($event)\"></core-page-list>\r\n        </div>\r\n\r\n        @if (!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"anim-block\">\r\n            <div class=\"alert is-success\">\r\n                <p class=\"alert-title\"><span class=\"ti-light-bulb\" aria-hidden=\"true\"></span>\r\n                    @if (lang === 'vi') {\r\n                        G\u1EE2I \u00DD\r\n                    } @else {\r\n                        TIP\r\n                    }\r\n                    \r\n                </p>\r\n\r\n                <div>\r\n                    @if (lang === 'vi') {\r\n                    M\u1EABu x\u1EBFp ca l\u00E0 c\u00F4ng c\u1EE5 tr\u1EF1c quan v\u00E0 ti\u1EC7n l\u1EE3i gi\u00FAp ph\u00F2ng nh\u00E2n s\u1EF1 (HR) qu\u1EA3n l\u00FD v\u00E0 b\u1ED1 tr\u00ED ca l\u00E0m vi\u1EC7c\r\n                    cho nh\u00E2n vi\u00EAn m\u1ED9t c\u00E1ch hi\u1EC7u qu\u1EA3. M\u00E0n h\u00ECnh n\u00E0y \u0111\u01B0\u1EE3c thi\u1EBFt k\u1EBF \u0111\u1EC3 \u0111\u00E1p \u1EE9ng nhu c\u1EA7u l\u1EADp k\u1EBF ho\u1EA1ch c\u00F4ng\r\n                    vi\u1EC7c h\u00E0ng ng\u00E0y, h\u00E0ng tu\u1EA7n ho\u1EB7c theo chu k\u1EF3 c\u1EE5 th\u1EC3, \u0111\u1EA3m b\u1EA3o t\u00EDnh linh ho\u1EA1t v\u00E0 s\u1EF1 d\u1EC5 d\u00E0ng trong qu\u1EA3n\r\n                    l\u00FD.\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>X\u1EBFp ca theo m\u1EABu tu\u1EA7n (WEEK)</b>:\r\n                        Cho ph\u00E9p HR b\u1ED1 tr\u00ED ca l\u00E0m vi\u1EC7c d\u1EF1a tr\u00EAn c\u00E1c th\u1EE9 trong tu\u1EA7n, v\u00ED d\u1EE5: th\u1EE9 Hai, th\u1EE9 Ba, v.v. Ph\u00F9 h\u1EE3p\r\n                        cho\r\n                        nh\u1EEFng chu k\u1EF3 l\u00E0m vi\u1EC7c l\u1EB7p l\u1EA1i \u0111\u1ECBnh k\u1EF3 (v\u00ED d\u1EE5: l\u1ECBch l\u00E0m vi\u1EC7c tu\u1EA7n).\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>X\u1EBFp ca theo chu\u1ED7i ng\u00E0y (DAYS)</b>:\r\n                        D\u00E0nh cho c\u00E1c tr\u01B0\u1EDDng h\u1EE3p x\u1EBFp ca kh\u00F4ng c\u1ED1 \u0111\u1ECBnh theo th\u1EE9 trong tu\u1EA7n m\u00E0 d\u1EF1a tr\u00EAn m\u1ED9t chu\u1ED7i ng\u00E0y li\u00EAn\r\n                        t\u1EE5c. HR c\u00F3 th\u1EC3 ch\u1EC9 \u0111\u1ECBnh b\u1EAFt \u0111\u1EA7u t\u1EEB ng\u00E0y b\u1EA5t k\u1EF3 v\u00E0 thi\u1EBFt l\u1EADp c\u00E1c ca l\u00E0m vi\u1EC7c t\u01B0\u01A1ng \u1EE9ng.\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        \u1EA4n F1 \u0111\u1EC3 c\u00F3 th\u00EAm chi ti\u1EBFt\r\n                    </div>\r\n                    } @else {\r\n                    Shift Scheduling Template is an intuitive and convenient tool to help HR departments effectively\r\n                    manage\r\n                    and assign work shifts for employees. This screen is designed to meet the needs of daily, weekly, or\r\n                    specific cycle-based work planning, ensuring flexibility and ease of management.\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>Schedule shifts by weekly pattern (WEEK)</b>:\r\n                        Allows HR to assign work shifts based on days of the week, e.g., Monday, Tuesday, etc. This is\r\n                        suitable for recurring work cycles (e.g., weekly schedules).\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>Schedule shifts by sequence of days (DAYS)</b>:\r\n                        Designed for cases where shifts are assigned based on a continuous sequence of days rather than\r\n                        specific days of the week. HR can specify any start date and set up corresponding work shifts.\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        Press F1 for more details\r\n                    </div>\r\n                    }\r\n                </div>\r\n\r\n            </div>\r\n            <!-- <div class=\"anim-container\">\r\n                <core-sunny-rotating></core-sunny-rotating>\r\n            </div> -->\r\n        </div>\r\n        }\r\n\r\n        @if (!!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"detail-block\">\r\n            <div class=\"details-wrapper\">\r\n                <div class=\"details-title\">\r\n                    \u2728 {{ (atShiftPatternService.activePattern$ | async)?.code }}\r\n                </div>\r\n                <core-at-shift-pattern-detail\r\n                    [data$]=\"atShiftPatternService.activePattern$\"></core-at-shift-pattern-detail>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n\r\n    @if (!!loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n    }\r\n\r\n</div>", styles: [".core-at-shift-pattern-container .list-block{width:50vw}.core-at-shift-pattern-container .anim-container{height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:flex-end}.core-at-shift-pattern-container .anim-block,.core-at-shift-pattern-container .detail-block{margin-left:15px;padding-top:50px;display:flex}.core-at-shift-pattern-container .anim-block{width:100%;flex-direction:column;align-items:center;justify-content:space-around}.core-at-shift-pattern-container .detail-block{width:100%;align-items:flex-start;justify-content:center}.core-at-shift-pattern-container .details-wrapper{background-color:bisque;padding:0 15px 15px;width:100%;overflow-x:scroll}.core-at-shift-pattern-container .details-wrapper .details-title{height:40px;display:flex;align-items:center;justify-content:flex-start;font-weight:700}.core-at-shift-pattern-container .details-wrapper .col-md-4{min-width:280px}.core-at-shift-pattern-container .content-wrapper{align-items:flex-start}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { 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"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: AtShiftPatternDetailComponent, selector: "core-at-shift-pattern-detail", inputs: ["data$"] }, { kind: "component", type: 
+                //SunnyRotatingComponent,
+                FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtShiftPatternComponent, decorators: [{
             type: Component,
@@ -21001,9 +21016,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         CorePageListComponent,
                         AtShiftPatternEditComponent,
                         AtShiftPatternDetailComponent,
-                        SunnyRotatingComponent,
+                        //SunnyRotatingComponent,
                         FullscreenModalLoaderComponent
-                    ], template: "<div class=\"core-at-shift-pattern-container\">\r\n\r\n    <core-page-header [title]=\"title\" (buttonClick)=\"onCorePageHeaderButtonClick($event)\"></core-page-header>\r\n\r\n    <div class=\"d-flex d-flex-around content-wrapper\">\r\n\r\n\r\n\r\n        <div class=\"list-block\">\r\n\r\n\r\n            <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n                [hideHeader]=\"true\" [title]=\"title\" [autoResizeWithWindow]=\"true\"\r\n                [selfResolveCorePageHeaderButtonClick]=\"true\" [checkboxExplicity]=\"true\"\r\n                (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n                (onInstanceCreated)=\"onInstanceCreated($event)\" (rowClick)=\"rowClick($event)\"></core-page-list>\r\n\r\n        </div>\r\n\r\n        @if (!(atShiftPatternService.showEdit$ | async) && !(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"anim-block\">\r\n            <div class=\"anim-container\">\r\n                <core-sunny-rotating></core-sunny-rotating>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n        @if (atShiftPatternService.showEdit$ | async) {\r\n        <div class=\"edit-block\">\r\n            <core-at-shift-pattern-edit [captionCode]=\"editCaptionCode\"></core-at-shift-pattern-edit>\r\n        </div>\r\n        }\r\n        @if (!!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"detail-block\">\r\n            <div class=\"details-wrapper\">\r\n                <div class=\"details-title\">\r\n                    \u2728 {{ (atShiftPatternService.activePattern$ | async)?.code }}\r\n                </div>\r\n                <core-at-shift-pattern-detail\r\n                    [data$]=\"atShiftPatternService.activePattern$\"></core-at-shift-pattern-detail>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n\r\n    @if (!!loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n    }\r\n\r\n</div>", styles: [".core-at-shift-pattern-container .anim-container{height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:flex-end}.core-at-shift-pattern-container .details-wrapper{background-color:bisque;padding:0 15px 15px;width:100%;overflow-x:scroll}.core-at-shift-pattern-container .details-wrapper .details-title{height:40px;display:flex;align-items:center;justify-content:flex-start;font-weight:700}.core-at-shift-pattern-container .content-wrapper{align-items:flex-start}\n"] }]
+                    ], template: "<div class=\"core-at-shift-pattern-container\">\r\n\r\n    <!-- <core-page-header [title]=\"title\" (buttonClick)=\"onCorePageHeaderButtonClick($event)\"></core-page-header> -->\r\n\r\n    <div class=\"d-flex d-flex-between content-wrapper\">\r\n        <div class=\"list-block\">\r\n            <core-page-list [apiDefinition]=\"apiDefinition\" [columns]=\"columns\" [editRoute]=\"editRoute\" [crud]=\"crud\"\r\n                [title]=\"title\" [autoResizeWithWindow]=\"true\" [checkboxExplicity]=\"true\"\r\n                (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n                (onInstanceCreated)=\"onInstanceCreated($event)\" (rowClick)=\"rowClick($event)\"></core-page-list>\r\n        </div>\r\n\r\n        @if (!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"anim-block\">\r\n            <div class=\"alert is-success\">\r\n                <p class=\"alert-title\"><span class=\"ti-light-bulb\" aria-hidden=\"true\"></span>\r\n                    @if (lang === 'vi') {\r\n                        G\u1EE2I \u00DD\r\n                    } @else {\r\n                        TIP\r\n                    }\r\n                    \r\n                </p>\r\n\r\n                <div>\r\n                    @if (lang === 'vi') {\r\n                    M\u1EABu x\u1EBFp ca l\u00E0 c\u00F4ng c\u1EE5 tr\u1EF1c quan v\u00E0 ti\u1EC7n l\u1EE3i gi\u00FAp ph\u00F2ng nh\u00E2n s\u1EF1 (HR) qu\u1EA3n l\u00FD v\u00E0 b\u1ED1 tr\u00ED ca l\u00E0m vi\u1EC7c\r\n                    cho nh\u00E2n vi\u00EAn m\u1ED9t c\u00E1ch hi\u1EC7u qu\u1EA3. M\u00E0n h\u00ECnh n\u00E0y \u0111\u01B0\u1EE3c thi\u1EBFt k\u1EBF \u0111\u1EC3 \u0111\u00E1p \u1EE9ng nhu c\u1EA7u l\u1EADp k\u1EBF ho\u1EA1ch c\u00F4ng\r\n                    vi\u1EC7c h\u00E0ng ng\u00E0y, h\u00E0ng tu\u1EA7n ho\u1EB7c theo chu k\u1EF3 c\u1EE5 th\u1EC3, \u0111\u1EA3m b\u1EA3o t\u00EDnh linh ho\u1EA1t v\u00E0 s\u1EF1 d\u1EC5 d\u00E0ng trong qu\u1EA3n\r\n                    l\u00FD.\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>X\u1EBFp ca theo m\u1EABu tu\u1EA7n (WEEK)</b>:\r\n                        Cho ph\u00E9p HR b\u1ED1 tr\u00ED ca l\u00E0m vi\u1EC7c d\u1EF1a tr\u00EAn c\u00E1c th\u1EE9 trong tu\u1EA7n, v\u00ED d\u1EE5: th\u1EE9 Hai, th\u1EE9 Ba, v.v. Ph\u00F9 h\u1EE3p\r\n                        cho\r\n                        nh\u1EEFng chu k\u1EF3 l\u00E0m vi\u1EC7c l\u1EB7p l\u1EA1i \u0111\u1ECBnh k\u1EF3 (v\u00ED d\u1EE5: l\u1ECBch l\u00E0m vi\u1EC7c tu\u1EA7n).\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>X\u1EBFp ca theo chu\u1ED7i ng\u00E0y (DAYS)</b>:\r\n                        D\u00E0nh cho c\u00E1c tr\u01B0\u1EDDng h\u1EE3p x\u1EBFp ca kh\u00F4ng c\u1ED1 \u0111\u1ECBnh theo th\u1EE9 trong tu\u1EA7n m\u00E0 d\u1EF1a tr\u00EAn m\u1ED9t chu\u1ED7i ng\u00E0y li\u00EAn\r\n                        t\u1EE5c. HR c\u00F3 th\u1EC3 ch\u1EC9 \u0111\u1ECBnh b\u1EAFt \u0111\u1EA7u t\u1EEB ng\u00E0y b\u1EA5t k\u1EF3 v\u00E0 thi\u1EBFt l\u1EADp c\u00E1c ca l\u00E0m vi\u1EC7c t\u01B0\u01A1ng \u1EE9ng.\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        \u1EA4n F1 \u0111\u1EC3 c\u00F3 th\u00EAm chi ti\u1EBFt\r\n                    </div>\r\n                    } @else {\r\n                    Shift Scheduling Template is an intuitive and convenient tool to help HR departments effectively\r\n                    manage\r\n                    and assign work shifts for employees. This screen is designed to meet the needs of daily, weekly, or\r\n                    specific cycle-based work planning, ensuring flexibility and ease of management.\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>Schedule shifts by weekly pattern (WEEK)</b>:\r\n                        Allows HR to assign work shifts based on days of the week, e.g., Monday, Tuesday, etc. This is\r\n                        suitable for recurring work cycles (e.g., weekly schedules).\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        <b style='color: gray;'>Schedule shifts by sequence of days (DAYS)</b>:\r\n                        Designed for cases where shifts are assigned based on a continuous sequence of days rather than\r\n                        specific days of the week. HR can specify any start date and set up corresponding work shifts.\r\n                    </div>\r\n\r\n                    <p></p>\r\n                    <div class=\"square-before\">\r\n                        Press F1 for more details\r\n                    </div>\r\n                    }\r\n                </div>\r\n\r\n            </div>\r\n            <!-- <div class=\"anim-container\">\r\n                <core-sunny-rotating></core-sunny-rotating>\r\n            </div> -->\r\n        </div>\r\n        }\r\n\r\n        @if (!!(atShiftPatternService.activePattern$ | async)) {\r\n        <div class=\"detail-block\">\r\n            <div class=\"details-wrapper\">\r\n                <div class=\"details-title\">\r\n                    \u2728 {{ (atShiftPatternService.activePattern$ | async)?.code }}\r\n                </div>\r\n                <core-at-shift-pattern-detail\r\n                    [data$]=\"atShiftPatternService.activePattern$\"></core-at-shift-pattern-detail>\r\n            </div>\r\n        </div>\r\n        }\r\n\r\n    </div>\r\n\r\n\r\n    @if (!!loading) {\r\n    <app-fullscreen-modal-loader></app-fullscreen-modal-loader>\r\n    }\r\n\r\n</div>", styles: [".core-at-shift-pattern-container .list-block{width:50vw}.core-at-shift-pattern-container .anim-container{height:calc(100vh - 60px);display:flex;align-items:flex-start;justify-content:flex-end}.core-at-shift-pattern-container .anim-block,.core-at-shift-pattern-container .detail-block{margin-left:15px;padding-top:50px;display:flex}.core-at-shift-pattern-container .anim-block{width:100%;flex-direction:column;align-items:center;justify-content:space-around}.core-at-shift-pattern-container .detail-block{width:100%;align-items:flex-start;justify-content:center}.core-at-shift-pattern-container .details-wrapper{background-color:bisque;padding:0 15px 15px;width:100%;overflow-x:scroll}.core-at-shift-pattern-container .details-wrapper .details-title{height:40px;display:flex;align-items:center;justify-content:flex-start;font-weight:700}.core-at-shift-pattern-container .details-wrapper .col-md-4{min-width:280px}.core-at-shift-pattern-container .content-wrapper{align-items:flex-start}\n"] }]
         }] });
 
 class CoreOrgParamComponent extends CoreFormControlBaseComponent {
@@ -21631,6 +21646,12 @@ class AtWorksignComponent extends BaseComponent {
     }
     ngAfterViewInit() {
         setTimeout(() => {
+            if (!this.orgNameWithLock && isDevMode()) {
+                this.alertService.error('this.orgNameWithLock is undefined');
+            }
+            const tryFindOrgNameField = this.columns.filter(x => x.field === 'orgName');
+            if (!!tryFindOrgNameField.length)
+                tryFindOrgNameField[0].templateRef = this.orgNameWithLock;
             this.onCurrentMonthChange(this.currentMonth);
             this.subscriptions.push(this.workShiftDndService.shiftCollectionOpen$.subscribe(x => this.showShiftCollection = x));
             this.subscriptions.push(this.dialogService.dialogConfirmed$.pipe(filter(i => !!!this.dialogService.busy && !!i?.confirmed)).subscribe(() => {
@@ -21890,7 +21911,7 @@ class AtWorksignComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtWorksignComponent, deps: [{ token: MultiLanguageService }, { token: CoreButtonGroupService }, { token: OrganizationService }, { token: AppService }, { token: AtWorksignService }, { token: AlertService }, { token: CorePageListService }, { token: i1$2.Router }, { token: i1$2.ActivatedRoute }, { token: DialogService }, { token: WorkShiftDndService }, { token: LongTaskService }, { token: CoreDatetimeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtWorksignComponent, isStandalone: true, selector: "core-at-worksign", viewQueries: [{ propertyName: "shiftCells", predicate: ["shiftCell"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"at-worksign-container\">\r\n\r\n    @if (loading) {\r\n    <app-fullscreen-modal-loader [content]=\"threeDots\"></app-fullscreen-modal-loader>\r\n    }\r\n  \r\n    @if (longTaskIsRunning) {\r\n    <core-api-progress></core-api-progress>\r\n    }\r\n  \r\n    <ng-template #top>\r\n      <div class=\"d-flex d-flex-start mb15 pd3\">\r\n        <!-- <div class=\"param-wrapper w250 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-org-param [accessorMode]=\"orgParamAccessorMode\" [(ngModel)]=\"orgIds\"\r\n              (ngModelChange)=\"onOrgIdsChange($event)\"></core-org-param>\r\n          </div>\r\n        </div> -->\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-month-selector [(ngModel)]=\"currentMonth\"\r\n              (ngModelChange)=\"onCurrentMonthChange($event)\"></core-month-selector>\r\n          </div>\r\n        </div>\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-dropdown [paramMode]=\"true\" [(ngModel)]=\"subPeriodOption\"\r\n              (ngModelChange)=\"onSubPeriodOptionChange($event)\" [options$]=\"subPeriodOptions$\"\r\n              [getByIdObject$]=\"subPeriodGetByIdObject$\" [shownFrom]=\"''\" [clearDisable]=\"true\"\r\n              [fitHeightWithItemCount]=\"true\"></core-dropdown>\r\n          </div>\r\n        </div>\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <div class=\"d-flex d-flex-around\">\r\n              @if (!fullPeriodMode) {\r\n              <div (click)=\"goPreviousSevenDays()\" [class.disabled]=\"startDateString===startPeriodString\"><i\r\n                  class=\"feather-arrow-left fs24 color-gray\"></i></div>\r\n              }\r\n              <h6 style=\"color: gray;\" class=\"h35 d-flex no-margin user-select-none\">{{ startDate | tableCell: \"DATE_DDMM\"\r\n                :\r\n                lang }} - {{\r\n                endDate | tableCell: \"DATE_DDMM\" : lang }}</h6>\r\n              @if (!fullPeriodMode) {\r\n              <div (click)=\"goNextSevenDays()\" [class.disabled]=\"endDateString===endPeriodString\"><i\r\n                  class=\"feather-arrow-right fs24 color-gray\"></i></div>\r\n              }\r\n  \r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  \r\n    <core-page-list [top]=\"top\" [title]=\"title\" [apiDefinition]=\"apiDefinition\" [columns]=\"columns\"\r\n      [disableDoubleClick]=\"true\"\r\n      [selfResolveCorePageHeaderButtonClick]=\"true\" [rowHeight]=\"'71px'\" [frozen]=\"2\" [columnSearchDefaultOpen]=\"true\"\r\n      [editRoute]=\"editRoute\" [crud]=\"crud\" [normalMode]=\"true\" [title]=\"title\" [outerInOperators]=\"outerInOperators\"\r\n      [outerParam$]=\"outerParam$\" [changeTracking]=\"true\" [changedItems$]=\"changedItems$\"\r\n      [outerFilterOperators]=\"filterOperators\" [extraManualOffset]=\"55\" [fixedPageSize]=\"10\" [autoResizeWithWindow]=\"true\"\r\n      (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n      (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n      (onInstanceCreated)=\"onListInstanceCreated($event)\"\r\n      [paramRows] = \"paramRows\"\r\n      [autoColumnFitAvailableSpace]=\"false\"\r\n      ></core-page-list>\r\n  \r\n    @if (showShiftCollection) {\r\n    <core-shift-collection [height]=\"800\"></core-shift-collection>\r\n    }\r\n  \r\n    @for (day of days; track $index) {\r\n    <ng-template #shiftCell let-context=\"context\">\r\n      <core-shift-cell [ngModel]=\"context['shifts' + ($index + 1)]\"\r\n        (ngModelChange)=\"onCellChange('shifts' + ($index + 1), $event, context)\"></core-shift-cell>\r\n    </ng-template>\r\n    }\r\n  \r\n    <ng-template #shift let-context=\"context\" let-allowEdit=\"allowEdit\" let-employeeCode=\"context.employeeCode\">\r\n    </ng-template>\r\n  \r\n    <ng-template #threeDots>\r\n      <app-threedots></app-threedots>\r\n    </ng-template>\r\n  \r\n  </div>", styles: [""], dependencies: [{ kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "component", type: CoreApiProgressComponent, selector: "core-api-progress", outputs: ["onClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: AtWorksignComponent, isStandalone: true, selector: "core-at-worksign", viewQueries: [{ propertyName: "orgNameWithLock", first: true, predicate: ["orgNameWithLock"], descendants: true }, { propertyName: "shiftCells", predicate: ["shiftCell"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"at-worksign-container\">\r\n\r\n  @if (loading) {\r\n  <app-fullscreen-modal-loader [content]=\"threeDots\"></app-fullscreen-modal-loader>\r\n  }\r\n\r\n  @if (longTaskIsRunning) {\r\n  <core-api-progress></core-api-progress>\r\n  }\r\n\r\n  <ng-template #top>\r\n    <div class=\"d-flex d-flex-start mb15 pd3\">\r\n      <!-- <div class=\"param-wrapper w250 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-org-param [accessorMode]=\"orgParamAccessorMode\" [(ngModel)]=\"orgIds\"\r\n              (ngModelChange)=\"onOrgIdsChange($event)\"></core-org-param>\r\n          </div>\r\n        </div> -->\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <core-month-selector [(ngModel)]=\"currentMonth\"\r\n            (ngModelChange)=\"onCurrentMonthChange($event)\"></core-month-selector>\r\n        </div>\r\n      </div>\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <core-dropdown [paramMode]=\"true\" [(ngModel)]=\"subPeriodOption\"\r\n            (ngModelChange)=\"onSubPeriodOptionChange($event)\" [options$]=\"subPeriodOptions$\"\r\n            [getByIdObject$]=\"subPeriodGetByIdObject$\" [shownFrom]=\"''\" [clearDisable]=\"true\"\r\n            [fitHeightWithItemCount]=\"true\"></core-dropdown>\r\n        </div>\r\n      </div>\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <div class=\"d-flex d-flex-around\">\r\n            @if (!fullPeriodMode) {\r\n            <div (click)=\"goPreviousSevenDays()\" [class.disabled]=\"startDateString===startPeriodString\"><i\r\n                class=\"feather-arrow-left fs24 color-gray\"></i></div>\r\n            }\r\n            <h6 style=\"color: gray;\" class=\"h35 d-flex no-margin user-select-none\">{{ startDate | tableCell: \"DATE_DDMM\"\r\n              :\r\n              lang }} - {{\r\n              endDate | tableCell: \"DATE_DDMM\" : lang }}</h6>\r\n            @if (!fullPeriodMode) {\r\n            <div (click)=\"goNextSevenDays()\" [class.disabled]=\"endDateString===endPeriodString\"><i\r\n                class=\"feather-arrow-right fs24 color-gray\"></i></div>\r\n            }\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <core-page-list [top]=\"top\" [title]=\"title\" [apiDefinition]=\"apiDefinition\" [columns]=\"columns\"\r\n    [disableDoubleClick]=\"true\" [selfResolveCorePageHeaderButtonClick]=\"true\" [rowHeight]=\"'71px'\" [frozen]=\"2\"\r\n    [columnSearchDefaultOpen]=\"true\" [editRoute]=\"editRoute\" [crud]=\"crud\" [normalMode]=\"true\" [title]=\"title\"\r\n    [outerInOperators]=\"outerInOperators\" [outerParam$]=\"outerParam$\" [changeTracking]=\"true\"\r\n    [changedItems$]=\"changedItems$\" [outerFilterOperators]=\"filterOperators\" [extraManualOffset]=\"55\"\r\n    [fixedPageSize]=\"10\" [autoResizeWithWindow]=\"true\" (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n    (rowDoubleClick)=\"onRowDoubleClick($event)\" (onInstanceCreated)=\"onListInstanceCreated($event)\"\r\n    [paramRows]=\"paramRows\" [autoColumnFitAvailableSpace]=\"false\"></core-page-list>\r\n\r\n  @if (showShiftCollection) {\r\n  <core-shift-collection [height]=\"800\"></core-shift-collection>\r\n  }\r\n\r\n  @for (day of days; track $index) {\r\n  <ng-template #shiftCell let-context=\"context\" let-isLocked=\"context.isLocked\">\r\n    <core-shift-cell [ngModel]=\"context['shifts' + ($index + 1)]\" [$readOnly]=\"isLocked\"\r\n      (ngModelChange)=\"onCellChange('shifts' + ($index + 1), $event, context)\"></core-shift-cell>\r\n  </ng-template>\r\n  }\r\n\r\n  <ng-template #threeDots>\r\n    <app-threedots></app-threedots>\r\n  </ng-template>\r\n\r\n  <ng-template #orgNameWithLock let-orgName=\"context.orgName\" let-isLocked=\"context.isLocked\">\r\n    <div class=\"d-flex d-flex-start orgNameWrapper\">\r\n      <div class=\"icon-wrapper\">\r\n        @if (!!isLocked) {\r\n        <i class=\"feather-lock\"></i>\r\n        } @else {\r\n        <i class=\"feather-unlock\"></i>\r\n        }\r\n      </div>\r\n      <div class=\"org-name\" [appTooltip]=\"orgName\">{{ orgName }}</div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>", styles: [".icon-wrapper{display:block;width:20px;height:20px}.icon-wrapper i{color:gray;font-size:20px}.icon-wrapper i.feather-lock{color:brown}.org-name{display:block;margin-left:8px;width:100%;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.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"], outputs: ["corePageHeaderButtonClick", "rowClick", "rowDoubleClick", "selectedIdsChange", "selectedDataChange", "onInstanceCreated", "onInputFileBase64DataReady", "listChange"] }, { kind: "component", type: CoreDropdownComponent, selector: "core-dropdown", inputs: ["getByIdObject$", "paramMode", "shownFrom", "options$", "height", "placeholder", "loading", "warningDisable", "clearDisable", "fitHeightWithItemCount", "itemHeight"] }, { kind: "component", type: CoreMonthSelectorComponent, selector: "core-month-selector", inputs: ["align"], outputs: ["onYearClick"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "pipe", type: TableCellPipe, name: "tableCell" }, { kind: "component", type: FullscreenModalLoaderComponent, selector: "app-fullscreen-modal-loader", inputs: ["content"] }, { kind: "component", type: ThreedotsComponent, selector: "app-threedots" }, { kind: "component", type: CoreApiProgressComponent, selector: "core-api-progress", outputs: ["onClose"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["color", "backgroundColor", "appTooltip", "showAnyway", "position"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: AtWorksignComponent, decorators: [{
             type: Component,
@@ -21907,9 +21928,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
                         TableCellPipe,
                         FullscreenModalLoaderComponent,
                         ThreedotsComponent,
-                        CoreApiProgressComponent
-                    ], template: "<div class=\"at-worksign-container\">\r\n\r\n    @if (loading) {\r\n    <app-fullscreen-modal-loader [content]=\"threeDots\"></app-fullscreen-modal-loader>\r\n    }\r\n  \r\n    @if (longTaskIsRunning) {\r\n    <core-api-progress></core-api-progress>\r\n    }\r\n  \r\n    <ng-template #top>\r\n      <div class=\"d-flex d-flex-start mb15 pd3\">\r\n        <!-- <div class=\"param-wrapper w250 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-org-param [accessorMode]=\"orgParamAccessorMode\" [(ngModel)]=\"orgIds\"\r\n              (ngModelChange)=\"onOrgIdsChange($event)\"></core-org-param>\r\n          </div>\r\n        </div> -->\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-month-selector [(ngModel)]=\"currentMonth\"\r\n              (ngModelChange)=\"onCurrentMonthChange($event)\"></core-month-selector>\r\n          </div>\r\n        </div>\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-dropdown [paramMode]=\"true\" [(ngModel)]=\"subPeriodOption\"\r\n              (ngModelChange)=\"onSubPeriodOptionChange($event)\" [options$]=\"subPeriodOptions$\"\r\n              [getByIdObject$]=\"subPeriodGetByIdObject$\" [shownFrom]=\"''\" [clearDisable]=\"true\"\r\n              [fitHeightWithItemCount]=\"true\"></core-dropdown>\r\n          </div>\r\n        </div>\r\n        <div class=\"param-wrapper w150 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <div class=\"d-flex d-flex-around\">\r\n              @if (!fullPeriodMode) {\r\n              <div (click)=\"goPreviousSevenDays()\" [class.disabled]=\"startDateString===startPeriodString\"><i\r\n                  class=\"feather-arrow-left fs24 color-gray\"></i></div>\r\n              }\r\n              <h6 style=\"color: gray;\" class=\"h35 d-flex no-margin user-select-none\">{{ startDate | tableCell: \"DATE_DDMM\"\r\n                :\r\n                lang }} - {{\r\n                endDate | tableCell: \"DATE_DDMM\" : lang }}</h6>\r\n              @if (!fullPeriodMode) {\r\n              <div (click)=\"goNextSevenDays()\" [class.disabled]=\"endDateString===endPeriodString\"><i\r\n                  class=\"feather-arrow-right fs24 color-gray\"></i></div>\r\n              }\r\n  \r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  \r\n    <core-page-list [top]=\"top\" [title]=\"title\" [apiDefinition]=\"apiDefinition\" [columns]=\"columns\"\r\n      [disableDoubleClick]=\"true\"\r\n      [selfResolveCorePageHeaderButtonClick]=\"true\" [rowHeight]=\"'71px'\" [frozen]=\"2\" [columnSearchDefaultOpen]=\"true\"\r\n      [editRoute]=\"editRoute\" [crud]=\"crud\" [normalMode]=\"true\" [title]=\"title\" [outerInOperators]=\"outerInOperators\"\r\n      [outerParam$]=\"outerParam$\" [changeTracking]=\"true\" [changedItems$]=\"changedItems$\"\r\n      [outerFilterOperators]=\"filterOperators\" [extraManualOffset]=\"55\" [fixedPageSize]=\"10\" [autoResizeWithWindow]=\"true\"\r\n      (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n      (rowDoubleClick)=\"onRowDoubleClick($event)\"\r\n      (onInstanceCreated)=\"onListInstanceCreated($event)\"\r\n      [paramRows] = \"paramRows\"\r\n      [autoColumnFitAvailableSpace]=\"false\"\r\n      ></core-page-list>\r\n  \r\n    @if (showShiftCollection) {\r\n    <core-shift-collection [height]=\"800\"></core-shift-collection>\r\n    }\r\n  \r\n    @for (day of days; track $index) {\r\n    <ng-template #shiftCell let-context=\"context\">\r\n      <core-shift-cell [ngModel]=\"context['shifts' + ($index + 1)]\"\r\n        (ngModelChange)=\"onCellChange('shifts' + ($index + 1), $event, context)\"></core-shift-cell>\r\n    </ng-template>\r\n    }\r\n  \r\n    <ng-template #shift let-context=\"context\" let-allowEdit=\"allowEdit\" let-employeeCode=\"context.employeeCode\">\r\n    </ng-template>\r\n  \r\n    <ng-template #threeDots>\r\n      <app-threedots></app-threedots>\r\n    </ng-template>\r\n  \r\n  </div>" }]
-        }], ctorParameters: () => [{ type: MultiLanguageService }, { type: CoreButtonGroupService }, { type: OrganizationService }, { type: AppService }, { type: AtWorksignService }, { type: AlertService }, { type: CorePageListService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: DialogService }, { type: WorkShiftDndService }, { type: LongTaskService }, { type: CoreDatetimeService }], propDecorators: { shiftCells: [{
+                        CoreApiProgressComponent,
+                        TooltipDirective
+                    ], template: "<div class=\"at-worksign-container\">\r\n\r\n  @if (loading) {\r\n  <app-fullscreen-modal-loader [content]=\"threeDots\"></app-fullscreen-modal-loader>\r\n  }\r\n\r\n  @if (longTaskIsRunning) {\r\n  <core-api-progress></core-api-progress>\r\n  }\r\n\r\n  <ng-template #top>\r\n    <div class=\"d-flex d-flex-start mb15 pd3\">\r\n      <!-- <div class=\"param-wrapper w250 mr15\">\r\n          <div class=\"form-group vertical\">\r\n            <core-org-param [accessorMode]=\"orgParamAccessorMode\" [(ngModel)]=\"orgIds\"\r\n              (ngModelChange)=\"onOrgIdsChange($event)\"></core-org-param>\r\n          </div>\r\n        </div> -->\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <core-month-selector [(ngModel)]=\"currentMonth\"\r\n            (ngModelChange)=\"onCurrentMonthChange($event)\"></core-month-selector>\r\n        </div>\r\n      </div>\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <core-dropdown [paramMode]=\"true\" [(ngModel)]=\"subPeriodOption\"\r\n            (ngModelChange)=\"onSubPeriodOptionChange($event)\" [options$]=\"subPeriodOptions$\"\r\n            [getByIdObject$]=\"subPeriodGetByIdObject$\" [shownFrom]=\"''\" [clearDisable]=\"true\"\r\n            [fitHeightWithItemCount]=\"true\"></core-dropdown>\r\n        </div>\r\n      </div>\r\n      <div class=\"param-wrapper w150 mr15\">\r\n        <div class=\"form-group vertical\">\r\n          <div class=\"d-flex d-flex-around\">\r\n            @if (!fullPeriodMode) {\r\n            <div (click)=\"goPreviousSevenDays()\" [class.disabled]=\"startDateString===startPeriodString\"><i\r\n                class=\"feather-arrow-left fs24 color-gray\"></i></div>\r\n            }\r\n            <h6 style=\"color: gray;\" class=\"h35 d-flex no-margin user-select-none\">{{ startDate | tableCell: \"DATE_DDMM\"\r\n              :\r\n              lang }} - {{\r\n              endDate | tableCell: \"DATE_DDMM\" : lang }}</h6>\r\n            @if (!fullPeriodMode) {\r\n            <div (click)=\"goNextSevenDays()\" [class.disabled]=\"endDateString===endPeriodString\"><i\r\n                class=\"feather-arrow-right fs24 color-gray\"></i></div>\r\n            }\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <core-page-list [top]=\"top\" [title]=\"title\" [apiDefinition]=\"apiDefinition\" [columns]=\"columns\"\r\n    [disableDoubleClick]=\"true\" [selfResolveCorePageHeaderButtonClick]=\"true\" [rowHeight]=\"'71px'\" [frozen]=\"2\"\r\n    [columnSearchDefaultOpen]=\"true\" [editRoute]=\"editRoute\" [crud]=\"crud\" [normalMode]=\"true\" [title]=\"title\"\r\n    [outerInOperators]=\"outerInOperators\" [outerParam$]=\"outerParam$\" [changeTracking]=\"true\"\r\n    [changedItems$]=\"changedItems$\" [outerFilterOperators]=\"filterOperators\" [extraManualOffset]=\"55\"\r\n    [fixedPageSize]=\"10\" [autoResizeWithWindow]=\"true\" (corePageHeaderButtonClick)=\"onCorePageHeaderButtonClick($event)\"\r\n    (rowDoubleClick)=\"onRowDoubleClick($event)\" (onInstanceCreated)=\"onListInstanceCreated($event)\"\r\n    [paramRows]=\"paramRows\" [autoColumnFitAvailableSpace]=\"false\"></core-page-list>\r\n\r\n  @if (showShiftCollection) {\r\n  <core-shift-collection [height]=\"800\"></core-shift-collection>\r\n  }\r\n\r\n  @for (day of days; track $index) {\r\n  <ng-template #shiftCell let-context=\"context\" let-isLocked=\"context.isLocked\">\r\n    <core-shift-cell [ngModel]=\"context['shifts' + ($index + 1)]\" [$readOnly]=\"isLocked\"\r\n      (ngModelChange)=\"onCellChange('shifts' + ($index + 1), $event, context)\"></core-shift-cell>\r\n  </ng-template>\r\n  }\r\n\r\n  <ng-template #threeDots>\r\n    <app-threedots></app-threedots>\r\n  </ng-template>\r\n\r\n  <ng-template #orgNameWithLock let-orgName=\"context.orgName\" let-isLocked=\"context.isLocked\">\r\n    <div class=\"d-flex d-flex-start orgNameWrapper\">\r\n      <div class=\"icon-wrapper\">\r\n        @if (!!isLocked) {\r\n        <i class=\"feather-lock\"></i>\r\n        } @else {\r\n        <i class=\"feather-unlock\"></i>\r\n        }\r\n      </div>\r\n      <div class=\"org-name\" [appTooltip]=\"orgName\">{{ orgName }}</div>\r\n    </div>\r\n  </ng-template>\r\n\r\n</div>", styles: [".icon-wrapper{display:block;width:20px;height:20px}.icon-wrapper i{color:gray;font-size:20px}.icon-wrapper i.feather-lock{color:brown}.org-name{display:block;margin-left:8px;width:100%;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: () => [{ type: MultiLanguageService }, { type: CoreButtonGroupService }, { type: OrganizationService }, { type: AppService }, { type: AtWorksignService }, { type: AlertService }, { type: CorePageListService }, { type: i1$2.Router }, { type: i1$2.ActivatedRoute }, { type: DialogService }, { type: WorkShiftDndService }, { type: LongTaskService }, { type: CoreDatetimeService }], propDecorators: { orgNameWithLock: [{
+                type: ViewChild,
+                args: ['orgNameWithLock']
+            }], shiftCells: [{
                 type: ViewChildren,
                 args: ['shiftCell']
             }] } });
@@ -22224,7 +22249,7 @@ class IndividualScheduleApplyComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: IndividualScheduleApplyComponent, deps: [{ token: MultiLanguageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: IndividualScheduleApplyComponent, isStandalone: true, selector: "app-individual-schedule-apply", usesInheritance: true, ngImport: i0, template: "<div class=\"modal-container\">\r\n\r\n    <div class=\"modal-content-root\">\r\n\r\n        <div class=\"app-individual-schedule-apply\">\r\n            <div class=\"inner-container\">\r\n                <core-page-header [title]=\"'UI_COMPONENT_TITLE_INDIVIDUAL_WORK_SCHEDULE_APPLY'\"\r\n                    [hideButtonGroup]=\"true\"></core-page-header>\r\n                <div class=\"body\">\r\n                    <div class=\"w320 d-inline-block shift-collection\">\r\n                        <core-shift-collection [relativeMode]=\"true\" [height]=\"shiftCollectionHeight\"></core-shift-collection>\r\n                    </div>\r\n                    <div class=\"d-inline-block right-part pl15\">\r\n                        <div class=\"shift-cell-and-date-range d-inline-flex\">\r\n                            <div class=\"d-inline-block shift-cell pt15\">\r\n                                <label>{{ 'UI_TIME_MANAGEMENT_SHIFT_CELL' | translate: lang }}</label>\r\n                                <core-shift-cell [(ngModel)]=\"shiftCell\" (ngModelChange)=\"onShiftCellChange($event)\" [$hideStarterPlusSign]=\"true\"></core-shift-cell>\r\n                                @if (shiftCellError && shiftCellError.length) {\r\n                                <p class=\"form-control-error p-absolute\">{{shiftCellError | translate: lang}}</p>\r\n                                }\r\n                            </div>\r\n                            <div class=\"p15\">\r\n                                <label>{{ 'FROM_DATE' | translate: lang }}</label>\r\n                                <div class=\"mt15\">\r\n                                    <!-- <core-date-picker [(ngModel)]=\"fromDate\" [rangeLimit]=\"dateRangeLimit\" (ngModelChange)=\"onFromDateChange($event)\"></core-date-picker> -->\r\n                                    <core-date-picker [(ngModel)]=\"fromDate\" (ngModelChange)=\"onFromDateChange($event)\"></core-date-picker>\r\n                                </div>\r\n                                @if (fromDateError && fromDateError.length) {\r\n                                <p class=\"form-control-error p-absolute\">{{fromDateError | translate: lang}}</p>\r\n                                }\r\n                            </div>\r\n                            <div class=\"p15\">\r\n                                <label>{{ 'TO_DATE' | translate: lang }}</label>\r\n                                <div class=\"mt15\">\r\n                                    <!-- <core-date-picker [(ngModel)]=\"toDate\" [rangeLimit]=\"dateRangeLimit\" (ngModelChange)=\"onToDateChange($event)\"></core-date-picker> -->\r\n                                    <core-date-picker [(ngModel)]=\"toDate\" (ngModelChange)=\"onToDateChange($event)\"></core-date-picker>\r\n                                </div>\r\n                                @if (toDateError && toDateError.length) {\r\n                                    <p class=\"form-control-error p-absolute\">{{toDateError | translate: lang}}</p>\r\n                                    }\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"selected-employees mt30 mb15\">\r\n                            <label>{{ 'SELECT_EMPLOYEES' | translate: lang }}</label>\r\n                            <core-form-control-seeker [paramMode]=\"true\" [seekerSourceType]=\"employeeSeekerSourceType\"\r\n                                [multiMode]=\"true\" [objectList$]=\"employeeObjectList$\"\r\n                                [excludeExistingList]=\"true\"\r\n                                [multiModeTableHeight]=\"selectedEmployeeTableHeight\" [(ngModel)]=\"selectedEmployees\" (ngModelChange)=\"onSelectedEmployeesChange($event)\">\r\n                            </core-form-control-seeker>\r\n                            @if (selectedEmployeesError && selectedEmployeesError.length) {\r\n                            <p class=\"form-control-error p-absolute\">{{selectedEmployeesError | translate: lang}}</p>\r\n                            }\r\n                        </div>\r\n                        <div class=\"buttons d-flex d-flex-end\">\r\n                            <core-button-group-vns [shownItems]=\"buttons\" [showCaption]=\"true\"\r\n                                (buttonClick)=\"onButtonClick($event)\"></core-button-group-vns>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n", styles: [".app-individual-schedule-apply .inner-container .body{display:flex}.app-individual-schedule-apply .inner-container .body .right-part .shift-cell-and-date-range .shift-cell{width:262px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "readonly", "disabled"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore"], outputs: ["onDoubleClick"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }, { kind: "component", type: CoreButtonGroupVnsComponent, selector: "core-button-group-vns", inputs: ["height", "instanceNumber", "forHeader", "fixedShow", "shownItems", "showCaption", "lastChildEffectOff"], outputs: ["buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: IndividualScheduleApplyComponent, isStandalone: true, selector: "app-individual-schedule-apply", usesInheritance: true, ngImport: i0, template: "<div class=\"modal-container\">\r\n\r\n    <div class=\"modal-content-root\">\r\n\r\n        <div class=\"app-individual-schedule-apply\">\r\n            <div class=\"inner-container\">\r\n                <core-page-header [title]=\"'UI_COMPONENT_TITLE_INDIVIDUAL_WORK_SCHEDULE_APPLY'\"\r\n                    [hideButtonGroup]=\"true\"></core-page-header>\r\n                <div class=\"body\">\r\n                    <div class=\"w320 d-inline-block shift-collection\">\r\n                        <core-shift-collection [relativeMode]=\"true\" [height]=\"shiftCollectionHeight\"></core-shift-collection>\r\n                    </div>\r\n                    <div class=\"d-inline-block right-part pl15\">\r\n                        <div class=\"shift-cell-and-date-range d-inline-flex\">\r\n                            <div class=\"d-inline-block shift-cell pt15\">\r\n                                <label>{{ 'UI_TIME_MANAGEMENT_SHIFT_CELL' | translate: lang }}</label>\r\n                                <core-shift-cell [(ngModel)]=\"shiftCell\" (ngModelChange)=\"onShiftCellChange($event)\" [$hideStarterPlusSign]=\"true\"></core-shift-cell>\r\n                                @if (shiftCellError && shiftCellError.length) {\r\n                                <p class=\"form-control-error p-absolute\">{{shiftCellError | translate: lang}}</p>\r\n                                }\r\n                            </div>\r\n                            <div class=\"p15\">\r\n                                <label>{{ 'FROM_DATE' | translate: lang }}</label>\r\n                                <div class=\"mt15\">\r\n                                    <!-- <core-date-picker [(ngModel)]=\"fromDate\" [rangeLimit]=\"dateRangeLimit\" (ngModelChange)=\"onFromDateChange($event)\"></core-date-picker> -->\r\n                                    <core-date-picker [(ngModel)]=\"fromDate\" (ngModelChange)=\"onFromDateChange($event)\"></core-date-picker>\r\n                                </div>\r\n                                @if (fromDateError && fromDateError.length) {\r\n                                <p class=\"form-control-error p-absolute\">{{fromDateError | translate: lang}}</p>\r\n                                }\r\n                            </div>\r\n                            <div class=\"p15\">\r\n                                <label>{{ 'TO_DATE' | translate: lang }}</label>\r\n                                <div class=\"mt15\">\r\n                                    <!-- <core-date-picker [(ngModel)]=\"toDate\" [rangeLimit]=\"dateRangeLimit\" (ngModelChange)=\"onToDateChange($event)\"></core-date-picker> -->\r\n                                    <core-date-picker [(ngModel)]=\"toDate\" (ngModelChange)=\"onToDateChange($event)\"></core-date-picker>\r\n                                </div>\r\n                                @if (toDateError && toDateError.length) {\r\n                                    <p class=\"form-control-error p-absolute\">{{toDateError | translate: lang}}</p>\r\n                                    }\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"selected-employees mt30 mb15\">\r\n                            <label>{{ 'SELECT_EMPLOYEES' | translate: lang }}</label>\r\n                            <core-form-control-seeker [paramMode]=\"true\" [seekerSourceType]=\"employeeSeekerSourceType\"\r\n                                [multiMode]=\"true\" [objectList$]=\"employeeObjectList$\"\r\n                                [excludeExistingList]=\"true\"\r\n                                [multiModeTableHeight]=\"selectedEmployeeTableHeight\" [(ngModel)]=\"selectedEmployees\" (ngModelChange)=\"onSelectedEmployeesChange($event)\">\r\n                            </core-form-control-seeker>\r\n                            @if (selectedEmployeesError && selectedEmployeesError.length) {\r\n                            <p class=\"form-control-error p-absolute\">{{selectedEmployeesError | translate: lang}}</p>\r\n                            }\r\n                        </div>\r\n                        <div class=\"buttons d-flex d-flex-end\">\r\n                            <core-button-group-vns [shownItems]=\"buttons\" [showCaption]=\"true\"\r\n                                (buttonClick)=\"onButtonClick($event)\"></core-button-group-vns>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n</div>\r\n\r\n", styles: [".app-individual-schedule-apply .inner-container .body{display:flex}.app-individual-schedule-apply .inner-container .body .right-part .shift-cell-and-date-range .shift-cell{width:262px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CoreShiftCollectionComponent, selector: "core-shift-collection", inputs: ["height", "relativeMode"] }, { kind: "component", type: CoreShiftCellComponent, selector: "core-shift-cell", inputs: ["$readOnly", "$hideStarterPlusSign", "$hideStickersWhileDragover", "$backgroundColor"] }, { kind: "component", type: CoreDatePickerComponent, selector: "core-date-picker", inputs: ["enableTimeZoneConverter", "showPlaceholder", "popupWidth", "popupXPadding", "popupAlign", "rangeLimit", "readonly", "disabled"] }, { kind: "component", type: CoreFormControlSeekerComponent, selector: "core-form-control-seeker", inputs: ["title", "showPageHeader", "preDefinedOuterParam$", "preDefinedOuterFilter$", "click$", "getByIdObject$", "paramMode", "multiMode", "objectList$", "useTheseColumns", "hideOrgTree", "excludedColumns", "excludeExistingList", "sourceSpaceHeight", "indirectBinding", "bindGridIdTo", "multiModeExtendedColumns", "multiModeExtendedSections", "editBufferData$", "multiModeTableHeight", "multiModeRowHeight", "seekerSourceType", "boundFrom", "shownFrom", "alsoBindTo", "seekerVerifyIgnore"], outputs: ["onDoubleClick"] }, { kind: "component", type: CorePageHeaderComponent, selector: "core-page-header", inputs: ["instanceNumber", "shownItems", "title", "hideButtonGroup"], outputs: ["buttonClick"] }, { kind: "component", type: CoreButtonGroupVnsComponent, selector: "core-button-group-vns", inputs: ["height", "instanceNumber", "forHeader", "fixedShow", "shownItems", "showCaption", "lastChildEffectOff"], outputs: ["buttonClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: IndividualScheduleApplyComponent, decorators: [{
             type: Component,
@@ -33657,5 +33682,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActionService, ActionSvgEditComponent, AlertComponent, AlertService, AnimatedTextComponent, AnimatedTextService, AppConfigService, AppInitializationService, AppService, ApplicationHelpService, AtShiftPatternComponent, AtWorksignComponent, AtWorksignService, AuthService, BaseComponent, BaseDropdownComponent, BaseEditComponent, ButtonGroupComponent, ButtonGroupModule, ButtonGroupService, CORE_VNS_BUTTONS, CacheService, CanActivateFunctionUrlMapperGuard, CanDeactivateGuard, CheckForUpdateService, ClientService, CommonHttpRequestService, ConfigService, ConfirmDialogStateComponent, ControlBase, CoreAccordionComponent, CoreAccordionService, CoreActiveUserCountComponent, CoreApiProgressComponent, CoreAttachmentComponent, CoreButtonComponent, CoreButtonGroupComponent, CoreButtonGroupService, CoreButtonGroupVnsComponent, CoreButtonVnsComponent, CoreCheckboxComponent, CoreChecklistComponent, CoreCommonParamKitComponent, CoreCompareDbPipelineComponent, CoreCompositionComponent, CoreCompositionService, CoreCompositionState, CoreConfirmDialogComponent, CoreContractSeekerComponent, CoreControlComponent, CoreControlNoGridBufferComponent, CoreControlNoSeekerComponent, CoreControlService, CoreCurrencyInputComponent, CoreD3Service, CoreDatePickerComponent, CoreDatetimeService, CoreDropdownComponent, CoreEmployeeScheduleComponent, CoreEmployeeSeekerComponent, CoreFileFormatPickerComponent, CoreFileUploaderComponent, CoreFilterHubComponent, CoreFilterHubService, CoreFormComponent, CoreFormControlBaseComponent, CoreFormControlSeekerComponent, CoreFormLiteComponent, CoreFormService, CoreFormTabComponent, CoreGridBufferComponent, CoreHeaderParamsComponent, CoreHelperComponent, CoreIosSwitcherComponent, CoreLineComponent, CoreListComponent, CoreListLazyComponent, CoreLoadingSurfaceComponent, CoreMccComponent, CoreMonthPickerComponent, CoreMonthSelectorComponent, CoreNavigationTrackerComponent, CoreOauthCallbackComponent, CoreOauthCallbackOffice365Component, CoreOrgParamComponent, CoreOrgTreeComponent, CoreOrgTreeService, CoreOrgTreeState, CoreOrgUnitSeekerComponent, CoreOrgchartflexComponent, CorePageEditComponent, CorePageEditLiteComponent, CorePageEditService, CorePageEditTabComponent, CorePageHeaderComponent, CorePageListComponent, CorePageListContentComponent, CorePageListService, CorePageListState, CorePageViewComponent, CorePaginationComponent, CorePaginationFullComponent, CorePaginationFullService, CoreParamControlComponent, CorePermissionActionsComponent, CorePermissionComponent, CorePermissionService, CorePieComponent, CorePositionConcurrentSeekerComponent, CorePositionSeekerComponent, CoreQrcodeComponent, CoreQueryBuilderComponent, CoreRadioGroupComponent, CoreReducerIconComponent, CoreRootMenuItemPickerComponent, CoreRootMenuItemPickerService, CoreRotatingTextComponent, CoreRouteAccumulatorComponent, CoreRoutingHistoryComponent, CoreSalaryPolicyPickerComponent, CoreScatterPlotComponent, CoreScrollComponent, CoreScrollLazyComponent, CoreSeenByComponent, CoreShiftCardComponent, CoreShiftCellComponent, CoreShiftCollectionComponent, CoreShiftStickerComponent, CoreStatisticWidgetComponent, CoreStatusStickerComponent, CoreSubFormGroupComponent, CoreTabListComponent, CoreTableComponent, CoreTableService, CoreTabsComponent, CoreTagsComponent, CoreTopicPickerComponent, CoreTopicTreeComponent, CoreTreeComponent, CoreTreeGridComponent, CoreWageSeekerComponent, CoreWorkingSeekerComponent, CoreYearPickerComponent, CoreYearSelectorComponent, CustomValidators, DATE_VALUE_ACCESSOR, DEFAULT_SVG, DESKTOP_SCREEN_HEDER_HEIGHT, DateValueAccessor, DecisionComponent, DialogService, DialogStateComponent, DndService, DomService, ECoreTableToolClass, ECoreTableToolCode, EnumAlertType, EnumBrowserType, EnumButtonCaptionCode, EnumCoreArticleCategoryTreeaAccessorMode, EnumCoreButtonCode, EnumCoreButtonVNSCode, EnumCoreD3ScaleType, EnumCoreFileUploaderType, EnumCoreFormControlSeekerSourceType, EnumCoreOrgTreeaAccessorMode, EnumCoreOrgTreeaSearchMode, EnumCorePageEditBootstrapClass, EnumCorePageEditFieldType, EnumCorePageEditMode, EnumCoreSeekerColumnContract, EnumCoreSeekerColumnJob, EnumCoreSeekerColumnPosition, EnumCoreSeekerColumnPositionConcurrent, EnumCoreSeekerColumnStaffProfile, EnumCoreSeekerColumnWage, EnumCoreSeekerColumnWorking, EnumCoreTablePipeType, EnumCoreTreeGridEditMode, EnumCoreViewItemType, EnumDeviceType, EnumDragType, EnumErrorType, EnumExType, EnumFilterOperator, EnumFormBaseContolType, EnumHrComparisonCode, EnumICoreStatisticWidgetDataType, EnumIconClass, EnumImageResolverType, EnumNotificationDir, EnumOparator, EnumOsType, EnumPermissionObjectType, EnumProfileInfoSector, EnumRecursiveFields, EnumSignalRType, EnumSortDirection, EnumSsrsExpressExportFormat, EnumSsrsExpressFileExtension, EnumStyleButtonClass, EnumSwUpdateVersionUpdatesEventType, EnumWorkScheduleViewMode, EvaluateDialogComponent, EvaluateDialogService, FileService, FilterKitService, FilterPipe, FooterComponent, FullscreenModalLoaderComponent, FunctionComponent, FunctionEditComponent, FunctionEditService, FunctionIgnoreComponent, FunctionIgnoreEditComponent, GroupFunctionComponent, GroupFunctionEditComponent, GrpcService, HeaderService, HistoryService, HotKeysDirective, HttpErrorHandler, HubConnectionService, HuconcurrentlyComponent, IAlertOptions, ImageErrorResolverDirective, InMemoryComponent, IndividualScheduleApplyComponent, InitializationCanActivateFn, InitializationCanMatchFn, InterceptorSkipHeader, IpServiceService, ItemComponent, JobComponent, JsonService, LanguageChangerComponent, LanguageComponent, LanguageEditComponent, LayoutService, LongTaskService, MOBILE_SCREEN_HEDER_HEIGHT, MapAppdemoToServerPipePipe, MapAttachmentToServerPipe, MapAvatarToServerPipe, MapNewsfeedMediaToServerPipe, MapService, MenuComponent, MenuEditComponent, MenuService, MessageService, ModalService, MultiLanguageService, MutationLogComponent, MutationViewComponent, NavigatorComponent, NavigatorService, NewlyCreatedTokenService, NormalizeHumanNamePipe, NotificationActionType, OnlineUsersComponent, OrganizationService, OtpInputComponent, OtpInputService, PaSalaryPolicyComponent, PaSalaryPolicyEditComponent, PageTitleComponent, PaginationComponent, PkceService, PortalRouteComponent, PortalRouteEditComponent, PositionComponent, PositionEditService, PositionTransferService, PushNotificationService, RandomAvatarService, RecursiveService, RequestCache, RequestCacheWithMap, ResponseService, RightchatComponent, RoutingService, STICKER_COLOR_SCHEMA, ScheduleOverviewComponent, SeekerService, SocketService, SsrsExpressService, StaffProfileComponent, StatisticAuthService, StatisticService, StringHtmlPipe, StringService, SunnyRotatingComponent, SysActionComponent, SysActionEditComponent, SysFunctionActionComponent, SysFunctionActionEditComponent, SysFunctionActionMapperComponent, SysFunctionUrlMapperComponent, SysMenuService, SysModuleComponent, SysModuleEditComponent, SysRouteAccessComponent, TLA_CONFIG, TableCellPipe, Textbox, ThreedotsComponent, TimeSheetService, TooltipComponent, TooltipDirective, TopicPermissionService, TopicTreeService, TranslatePipe, UnicodeService, UploadedFileService, UploadedFilenameCutoffPipe, UrlService, UserActivityComponent, UserActivityService, WageComponent, WaittingScreenComponent, WorkShiftDndService, alertOptions, appTypeInterceptor, attachmentOptions, authInterceptor, baseUrlInterceptor, blob_to_base64_script, cachingInterceptor, defaultPaging, graphInterceptor, httpInterceptorProviders, langInterceptor, liner_to_nested_array_script, longAlertOptions, noneAutoClosedAlertOptions, normalizeHumanName, responseInterceptor, themeBlue, timeZoneInterceptor, tokenInterceptor };
+export { ActionService, ActionSvgEditComponent, AlertComponent, AlertService, AnimatedTextComponent, AnimatedTextService, AppConfigService, AppInitializationService, AppService, ApplicationHelpService, AtShiftPatternComponent, AtShiftPatternEditComponent, AtWorksignComponent, AtWorksignService, AuthService, BaseComponent, BaseDropdownComponent, BaseEditComponent, ButtonGroupComponent, ButtonGroupModule, ButtonGroupService, CORE_VNS_BUTTONS, CacheService, CanActivateFunctionUrlMapperGuard, CanDeactivateGuard, CheckForUpdateService, ClientService, CommonHttpRequestService, ConfigService, ConfirmDialogStateComponent, ControlBase, CoreAccordionComponent, CoreAccordionService, CoreActiveUserCountComponent, CoreApiProgressComponent, CoreAttachmentComponent, CoreButtonComponent, CoreButtonGroupComponent, CoreButtonGroupService, CoreButtonGroupVnsComponent, CoreButtonVnsComponent, CoreCheckboxComponent, CoreChecklistComponent, CoreCommonParamKitComponent, CoreCompareDbPipelineComponent, CoreCompositionComponent, CoreCompositionService, CoreCompositionState, CoreConfirmDialogComponent, CoreContractSeekerComponent, CoreControlComponent, CoreControlNoGridBufferComponent, CoreControlNoSeekerComponent, CoreControlService, CoreCurrencyInputComponent, CoreD3Service, CoreDatePickerComponent, CoreDatetimeService, CoreDropdownComponent, CoreEmployeeScheduleComponent, CoreEmployeeSeekerComponent, CoreFileFormatPickerComponent, CoreFileUploaderComponent, CoreFilterHubComponent, CoreFilterHubService, CoreFormComponent, CoreFormControlBaseComponent, CoreFormControlSeekerComponent, CoreFormLiteComponent, CoreFormService, CoreFormTabComponent, CoreGridBufferComponent, CoreHeaderParamsComponent, CoreHelperComponent, CoreIosSwitcherComponent, CoreLineComponent, CoreListComponent, CoreListLazyComponent, CoreLoadingSurfaceComponent, CoreMccComponent, CoreMonthPickerComponent, CoreMonthSelectorComponent, CoreNavigationTrackerComponent, CoreOauthCallbackComponent, CoreOauthCallbackOffice365Component, CoreOrgParamComponent, CoreOrgTreeComponent, CoreOrgTreeService, CoreOrgTreeState, CoreOrgUnitSeekerComponent, CoreOrgchartflexComponent, CorePageEditComponent, CorePageEditLiteComponent, CorePageEditService, CorePageEditTabComponent, CorePageHeaderComponent, CorePageListComponent, CorePageListContentComponent, CorePageListService, CorePageListState, CorePageViewComponent, CorePaginationComponent, CorePaginationFullComponent, CorePaginationFullService, CoreParamControlComponent, CorePermissionActionsComponent, CorePermissionComponent, CorePermissionService, CorePieComponent, CorePositionConcurrentSeekerComponent, CorePositionSeekerComponent, CoreQrcodeComponent, CoreQueryBuilderComponent, CoreRadioGroupComponent, CoreReducerIconComponent, CoreRootMenuItemPickerComponent, CoreRootMenuItemPickerService, CoreRotatingTextComponent, CoreRouteAccumulatorComponent, CoreRoutingHistoryComponent, CoreSalaryPolicyPickerComponent, CoreScatterPlotComponent, CoreScrollComponent, CoreScrollLazyComponent, CoreSeenByComponent, CoreShiftCardComponent, CoreShiftCellComponent, CoreShiftCollectionComponent, CoreShiftStickerComponent, CoreStatisticWidgetComponent, CoreStatusStickerComponent, CoreSubFormGroupComponent, CoreTabListComponent, CoreTableComponent, CoreTableService, CoreTabsComponent, CoreTagsComponent, CoreTopicPickerComponent, CoreTopicTreeComponent, CoreTreeComponent, CoreTreeGridComponent, CoreWageSeekerComponent, CoreWorkingSeekerComponent, CoreYearPickerComponent, CoreYearSelectorComponent, CustomValidators, DATE_VALUE_ACCESSOR, DEFAULT_SVG, DESKTOP_SCREEN_HEDER_HEIGHT, DateValueAccessor, DecisionComponent, DialogService, DialogStateComponent, DndService, DomService, ECoreTableToolClass, ECoreTableToolCode, EnumAlertType, EnumBrowserType, EnumButtonCaptionCode, EnumCoreArticleCategoryTreeaAccessorMode, EnumCoreButtonCode, EnumCoreButtonVNSCode, EnumCoreD3ScaleType, EnumCoreFileUploaderType, EnumCoreFormControlSeekerSourceType, EnumCoreOrgTreeaAccessorMode, EnumCoreOrgTreeaSearchMode, EnumCorePageEditBootstrapClass, EnumCorePageEditFieldType, EnumCorePageEditMode, EnumCoreSeekerColumnContract, EnumCoreSeekerColumnJob, EnumCoreSeekerColumnPosition, EnumCoreSeekerColumnPositionConcurrent, EnumCoreSeekerColumnStaffProfile, EnumCoreSeekerColumnWage, EnumCoreSeekerColumnWorking, EnumCoreTablePipeType, EnumCoreTreeGridEditMode, EnumCoreViewItemType, EnumDeviceType, EnumDragType, EnumErrorType, EnumExType, EnumFilterOperator, EnumFormBaseContolType, EnumHrComparisonCode, EnumICoreStatisticWidgetDataType, EnumIconClass, EnumImageResolverType, EnumNotificationDir, EnumOparator, EnumOsType, EnumPermissionObjectType, EnumProfileInfoSector, EnumRecursiveFields, EnumSignalRType, EnumSortDirection, EnumSsrsExpressExportFormat, EnumSsrsExpressFileExtension, EnumStyleButtonClass, EnumSwUpdateVersionUpdatesEventType, EnumWorkScheduleViewMode, EvaluateDialogComponent, EvaluateDialogService, FileService, FilterKitService, FilterPipe, FooterComponent, FullscreenModalLoaderComponent, FunctionComponent, FunctionEditComponent, FunctionEditService, FunctionIgnoreComponent, FunctionIgnoreEditComponent, GroupFunctionComponent, GroupFunctionEditComponent, GrpcService, HeaderService, HistoryService, HotKeysDirective, HttpErrorHandler, HubConnectionService, HuconcurrentlyComponent, IAlertOptions, ImageErrorResolverDirective, InMemoryComponent, IndividualScheduleApplyComponent, InitializationCanActivateFn, InitializationCanMatchFn, InterceptorSkipHeader, IpServiceService, ItemComponent, JobComponent, JsonService, LanguageChangerComponent, LanguageComponent, LanguageEditComponent, LayoutService, LongTaskService, MOBILE_SCREEN_HEDER_HEIGHT, MapAppdemoToServerPipePipe, MapAttachmentToServerPipe, MapAvatarToServerPipe, MapNewsfeedMediaToServerPipe, MapService, MenuComponent, MenuEditComponent, MenuService, MessageService, ModalService, MultiLanguageService, MutationLogComponent, MutationViewComponent, NavigatorComponent, NavigatorService, NewlyCreatedTokenService, NormalizeHumanNamePipe, NotificationActionType, OnlineUsersComponent, OrganizationService, OtpInputComponent, OtpInputService, PaSalaryPolicyComponent, PaSalaryPolicyEditComponent, PageTitleComponent, PaginationComponent, PkceService, PortalRouteComponent, PortalRouteEditComponent, PositionComponent, PositionEditService, PositionTransferService, PushNotificationService, RandomAvatarService, RecursiveService, RequestCache, RequestCacheWithMap, ResponseService, RightchatComponent, RoutingService, STICKER_COLOR_SCHEMA, ScheduleOverviewComponent, SeekerService, SocketService, SsrsExpressService, StaffProfileComponent, StatisticAuthService, StatisticService, StringHtmlPipe, StringService, SunnyRotatingComponent, SysActionComponent, SysActionEditComponent, SysFunctionActionComponent, SysFunctionActionEditComponent, SysFunctionActionMapperComponent, SysFunctionUrlMapperComponent, SysMenuService, SysModuleComponent, SysModuleEditComponent, SysRouteAccessComponent, TLA_CONFIG, TableCellPipe, Textbox, ThreedotsComponent, TimeSheetService, TooltipComponent, TooltipDirective, TopicPermissionService, TopicTreeService, TranslatePipe, UnicodeService, UploadedFileService, UploadedFilenameCutoffPipe, UrlService, UserActivityComponent, UserActivityService, WageComponent, WaittingScreenComponent, WorkShiftDndService, alertOptions, appTypeInterceptor, attachmentOptions, authInterceptor, baseUrlInterceptor, blob_to_base64_script, cachingInterceptor, defaultPaging, graphInterceptor, httpInterceptorProviders, langInterceptor, liner_to_nested_array_script, longAlertOptions, noneAutoClosedAlertOptions, normalizeHumanName, responseInterceptor, themeBlue, timeZoneInterceptor, tokenInterceptor };
 //# sourceMappingURL=ngx-histaff-alpha.mjs.map