@libs-ui/components-pages-template-full-screen 0.2.356-0 → 0.2.356-2

package/esm2022/full-screen-v2/full-screen-v2.component.mjs

@@ -0,0 +1,150 @@
+import { AsyncPipe, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, input, output, signal } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsButtonsStatusComponent } from '@libs-ui/components-buttons-status';
+import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
+import { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsSkeletonComponent } from '@libs-ui/components-skeleton';
+import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { get, getDayjs, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';
+import { TranslateModule } from '@ngx-translate/core';
+import { interval } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Full Screen Template V2 — Kế thừa toàn bộ V1, bổ sung lazy loading cho body.
+ * Header giữ nguyên 100%. Body hỗ trợ dynamic component injection với skeleton tự động.
+ */
+export class LibsUiComponentsPagesTemplateFullScreenV2Component {
+    // #region --- INPUTS (kế thừa từ V1) ---
+    classHeaderInclude = input();
+    labelLeft = input('i18n_back_to_list', { transform: (val) => val ?? 'i18n_back_to_list' });
+    title = input();
+    buttonCenter = input();
+    buttonRight = input();
+    hasEdit = input(false);
+    menuDropDownConfigs = input();
+    zIndex = input(1000, { transform: (val) => val ?? 1000 });
+    ignoreClosePageFullEvent = input(false, { transform: (val) => val ?? false });
+    ignoreBackgroundColor = input();
+    divideClassHeader = input();
+    centerTemplate = input();
+    templateRight = input();
+    leftTemplate = input();
+    disable = input(false, { transform: (val) => val ?? false });
+    // #endregion
+    // #region --- INPUTS (mới trong V2) ---
+    /** Config lazy load component vào body. Nếu không truyền getComponentOutlet → tự động dùng ng-content. */
+    bodyConfig = input({}, { transform: (v) => v || {} });
+    // #endregion
+    // #region --- OUTPUTS ---
+    outClose = output();
+    outEdit = output();
+    outSelectedMenuDropdown = output();
+    outClickButton = output();
+    // #endregion
+    // #region --- INTERNAL STATE ---
+    idOverlay = signal(uuid()).asReadonly();
+    destroyRef = inject(DestroyRef);
+    functionControlMenu;
+    // #endregion
+    // #region --- COMPUTED ---
+    /** State reactive để truyền vào component outlet */
+    sectionData = computed(() => ({
+        disable: this.disable(),
+    }));
+    /** Skeleton body — fallback về config mặc định nếu không được truyền */
+    resolvedSkeletonBody = computed(() => {
+        return (get(this.bodyConfig, 'skeletonConfig') ?? {
+            repeat: 3,
+            styleMarginBottom: 16,
+            rows: [{ item: { classInclude: 'w-full h-[120px] rounded-[8px]' } }],
+        });
+    });
+    // #endregion
+    ngOnInit() {
+        if (!this.ignoreClosePageFullEvent()) {
+            const data = {
+                type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,
+                response: {
+                    message: 'open',
+                    state: true,
+                    idOverlay: this.idOverlay(),
+                    timeLiveUpdate: getDayjs().unix(),
+                },
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+            if (!UtilsCommunicateMicroKeyGlobal.IGNORE_INTERVAL_UPDATE_TIME_LIVE_EVENT_MODAL) {
+                interval(2000)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => {
+                    data.response.timeLiveUpdate = getDayjs().unix();
+                    UtilsCommunicateMicro.PostMessageToParent(data);
+                });
+            }
+        }
+    }
+    // #region --- EVENT HANDLERS ---
+    handlerEdit() {
+        this.outEdit.emit();
+    }
+    cancel() {
+        this.outClose.emit();
+    }
+    async handlerClickButton(button) {
+        if (button && button.action) {
+            await button.action();
+        }
+        this.outClickButton.emit(button);
+    }
+    async handlerSwitch(event, button) {
+        if (button && button.action) {
+            await button.action(event);
+        }
+    }
+    handlerSelectedKey(event) {
+        this.outSelectedMenuDropdown.emit(event);
+        this.functionControlMenu?.reset();
+    }
+    handlerControlDropdownMenu(event) {
+        this.functionControlMenu = event;
+    }
+    // #endregion
+    ngOnDestroy() {
+        if (!this.ignoreClosePageFullEvent()) {
+            const data = {
+                type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,
+                response: {
+                    message: 'close',
+                    state: false,
+                    idOverlay: this.idOverlay(),
+                },
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsPagesTemplateFullScreenV2Component, isStandalone: true, selector: "libs_ui-components-pages_template_full_screen_v2", inputs: { classHeaderInclude: { classPropertyName: "classHeaderInclude", publicName: "classHeaderInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, buttonCenter: { classPropertyName: "buttonCenter", publicName: "buttonCenter", isSignal: true, isRequired: false, transformFunction: null }, buttonRight: { classPropertyName: "buttonRight", publicName: "buttonRight", isSignal: true, isRequired: false, transformFunction: null }, hasEdit: { classPropertyName: "hasEdit", publicName: "hasEdit", isSignal: true, isRequired: false, transformFunction: null }, menuDropDownConfigs: { classPropertyName: "menuDropDownConfigs", publicName: "menuDropDownConfigs", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, ignoreClosePageFullEvent: { classPropertyName: "ignoreClosePageFullEvent", publicName: "ignoreClosePageFullEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreBackgroundColor: { classPropertyName: "ignoreBackgroundColor", publicName: "ignoreBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, divideClassHeader: { classPropertyName: "divideClassHeader", publicName: "divideClassHeader", isSignal: true, isRequired: false, transformFunction: null }, centerTemplate: { classPropertyName: "centerTemplate", publicName: "centerTemplate", isSignal: true, isRequired: false, transformFunction: null }, templateRight: { classPropertyName: "templateRight", publicName: "templateRight", isSignal: true, isRequired: false, transformFunction: null }, leftTemplate: { classPropertyName: "leftTemplate", publicName: "leftTemplate", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, bodyConfig: { classPropertyName: "bodyConfig", publicName: "bodyConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClose: "outClose", outEdit: "outEdit", outSelectedMenuDropdown: "outSelectedMenuDropdown", outClickButton: "outClickButton" }, ngImport: i0, template: "<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <!-- ===================== HEADER (gi\u1EEF nguy\u00EAn 100% t\u1EEB V1) ===================== -->\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{ maxWidth: 250, zIndex: zIndex() + 1 }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{ config: { content: 'i18n_4x_other_operations' } }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n\n  <!-- ===================== BODY (V2: Lazy Load ho\u1EB7c ng-content) ===================== -->\n  @if (bodyConfig().getComponentOutlet; as getBodyComponentOutlet) {\n    <!-- Lazy load mode -->\n    <div [class]=\"'libs-ui-components-page_full-body ' + (bodyConfig().classInclude || '')\">\n      @let constHtmlCompBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: getBodyComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @let constHtmlInputsBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: bodyConfig().getDataComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @if (constHtmlCompBody) {\n        @defer {\n          <ng-container *ngComponentOutlet=\"constHtmlCompBody; inputs: constHtmlInputsBody\" />\n        } @loading {\n          <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n        }\n      } @else {\n        <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n      }\n    </div>\n  }\n</div>\n", styles: ["@-webkit-keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:12px;opacity:1}}@keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:0;opacity:1}}.libs-ui-components-page_full{position:absolute;width:100vw;height:100vh;left:0;top:0;display:flex;flex-direction:column;animation:animation-slide-to-left ease-out .3s}.libs-ui-components-page_full .libs-ui-components-page_full-header{height:50px;padding:14px 16px;border-bottom:solid 1px #e6e7ea;background-color:#fff;width:100%;display:flex;align-items:center}.libs-ui-components-page_full .libs-ui-components-page_full-body{height:100%}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsStatusComponent, selector: "libs_ui-components-buttons-status", inputs: ["config"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSkeletonComponent, selector: "libs_ui-components-skeleton", inputs: ["config"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgComponentOutlet]] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template_full_screen_v2', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe,
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
+                        TranslateModule,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsButtonsStatusComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsSkeletonComponent,
+                        LibsUiPipesCallFunctionInTemplatePipe,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsLabelComponent,
+                    ], template: "<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <!-- ===================== HEADER (gi\u1EEF nguy\u00EAn 100% t\u1EEB V1) ===================== -->\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{ maxWidth: 250, zIndex: zIndex() + 1 }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{ config: { content: 'i18n_4x_other_operations' } }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n\n  <!-- ===================== BODY (V2: Lazy Load ho\u1EB7c ng-content) ===================== -->\n  @if (bodyConfig().getComponentOutlet; as getBodyComponentOutlet) {\n    <!-- Lazy load mode -->\n    <div [class]=\"'libs-ui-components-page_full-body ' + (bodyConfig().classInclude || '')\">\n      @let constHtmlCompBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: getBodyComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @let constHtmlInputsBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: bodyConfig().getDataComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @if (constHtmlCompBody) {\n        @defer {\n          <ng-container *ngComponentOutlet=\"constHtmlCompBody; inputs: constHtmlInputsBody\" />\n        } @loading {\n          <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n        }\n      } @else {\n        <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n      }\n    </div>\n  }\n</div>\n", styles: ["@-webkit-keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:12px;opacity:1}}@keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:0;opacity:1}}.libs-ui-components-page_full{position:absolute;width:100vw;height:100vh;left:0;top:0;display:flex;flex-direction:column;animation:animation-slide-to-left ease-out .3s}.libs-ui-components-page_full .libs-ui-components-page_full-header{height:50px;padding:14px 16px;border-bottom:solid 1px #e6e7ea;background-color:#fff;width:100%;display:flex;align-items:center}.libs-ui-components-page_full .libs-ui-components-page_full-body{height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbC1zY3JlZW4tdjIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3BhZ2VzLXRlbXBsYXRlL2Z1bGwtc2NyZWVuL3NyYy9mdWxsLXNjcmVlbi12Mi9mdWxsLXNjcmVlbi12Mi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2Z1bGwtc2NyZWVuLXYyL2Z1bGwtc2NyZWVuLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFVLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUNoSyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1RixPQUFPLEVBQTRELGlDQUFpQyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0ksT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0UsT0FBTyxFQUFtQixpQ0FBaUMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xHLE9BQU8sRUFBZ0IsK0JBQStCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUUzRixPQUFPLEVBQUUscUNBQXFD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S0ksU0FBUyw4Q0FFVCxnQkFBZ0IsbUpBQ2hCLGVBQWUsK0JBQ2YsaUNBQWlDLGkxREFDakMsK0JBQStCLHFKQUMvQixzQ0FBc0Msc2pCQUN0QyxzQ0FBc0Msa0dBQ3RDLGdDQUFnQyxvZ0JBQ2hDLGlDQUFpQyx1RkFDakMscUNBQXFDLHlFQUNyQyx5QkFBeUIsa0VBQ3pCLDhCQUE4QixzdUJBWDlCLGlCQUFpQjs7NEZBY1Isa0RBQWtEO2tCQXZCOUQsU0FBUzsrQkFFRSxrREFBa0QsY0FHaEQsSUFBSSxtQkFDQyx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLFNBQVM7d0JBQ1QsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsaUNBQWlDO3dCQUNqQywrQkFBK0I7d0JBQy9CLHNDQUFzQzt3QkFDdEMsc0NBQXNDO3dCQUN0QyxnQ0FBZ0M7d0JBQ2hDLGlDQUFpQzt3QkFDakMscUNBQXFDO3dCQUNyQyx5QkFBeUI7d0JBQ3pCLDhCQUE4QjtxQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUsIE5nQ29tcG9uZW50T3V0bGV0LCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBEZXN0cm95UmVmLCBpbmplY3QsIGlucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgb3V0cHV0LCBTaWduYWwsIHNpZ25hbCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbic7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc1N0YXR1c0NvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1zdGF0dXMnO1xuaW1wb3J0IHsgSURyb3Bkb3duLCBJRHJvcGRvd25GdW5jdGlvbkNvbnRyb2xFdmVudCwgSUVtaXRTZWxlY3RLZXksIExpYnNVaUNvbXBvbmVudHNEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtZHJvcGRvd24nO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0xhYmVsQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1sYWJlbCc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBJU2tlbGV0b25Db25maWcsIExpYnNVaUNvbXBvbmVudHNTa2VsZXRvbkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtc2tlbGV0b24nO1xuaW1wb3J0IHsgSVN3aXRjaEV2ZW50LCBMaWJzVWlDb21wb25lbnRzU3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1zd2l0Y2gnO1xuaW1wb3J0IHsgVFlQRV9URU1QTEFURV9SRUYgfSBmcm9tICdAbGlicy11aS9pbnRlcmZhY2VzLXR5cGVzJztcbmltcG9ydCB7IExpYnNVaVBpcGVzQ2FsbEZ1bmN0aW9uSW5UZW1wbGF0ZVBpcGUgfSBmcm9tICdAbGlicy11aS9waXBlcy1jYWxsLWZ1bmN0aW9uLWluLXRlbXBsYXRlJztcbmltcG9ydCB7IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUgfSBmcm9tICdAbGlicy11aS9waXBlcy1lc2NhcGUtaHRtbCc7XG5pbXBvcnQgeyBnZXQsIGdldERheWpzLCBVdGlsc0NvbW11bmljYXRlTWljcm8sIFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbCwgdXVpZCB9IGZyb20gJ0BsaWJzLXVpL3V0aWxzJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgaW50ZXJ2YWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbiB9IGZyb20gJy4uL2ludGVyZmFjZXMvY29uZmlnLmludGVyZmFjZSc7XG5pbXBvcnQgeyBJRnVsbFNjcmVlblYyQm9keUNvbmZpZywgSUZ1bGxTY3JlZW5WMlNlY3Rpb25EYXRhIH0gZnJvbSAnLi9pbnRlcmZhY2VzL2Z1bGwtc2NyZWVuLXYyLmludGVyZmFjZSc7XG5cbi8qKlxuICogRnVsbCBTY3JlZW4gVGVtcGxhdGUgVjIg4oCUIEvhur8gdGjhu6thIHRvw6BuIGLhu5kgVjEsIGLhu5Ugc3VuZyBsYXp5IGxvYWRpbmcgY2hvIGJvZHkuXG4gKiBIZWFkZXIgZ2nhu68gbmd1ecOqbiAxMDAlLiBCb2R5IGjhu5cgdHLhu6MgZHluYW1pYyBjb21wb25lbnQgaW5qZWN0aW9uIHbhu5tpIHNrZWxldG9uIHThu7EgxJHhu5luZy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLXBhZ2VzX3RlbXBsYXRlX2Z1bGxfc2NyZWVuX3YyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Z1bGwtc2NyZWVuLXYyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZnVsbC1zY3JlZW4tdjIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtcbiAgICBBc3luY1BpcGUsXG4gICAgTmdDb21wb25lbnRPdXRsZXQsXG4gICAgTmdUZW1wbGF0ZU91dGxldCxcbiAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgTGlic1VpQ29tcG9uZW50c0Ryb3Bkb3duQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNTd2l0Y2hDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNTdGF0dXNDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1NrZWxldG9uQ29tcG9uZW50LFxuICAgIExpYnNVaVBpcGVzQ2FsbEZ1bmN0aW9uSW5UZW1wbGF0ZVBpcGUsXG4gICAgTGlic1VpUGlwZXNFc2NhcGVIdG1sUGlwZSxcbiAgICBMaWJzVWlDb21wb25lbnRzTGFiZWxDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNQYWdlc1RlbXBsYXRlRnVsbFNjcmVlblYyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvLyAjcmVnaW9uIC0tLSBJTlBVVFMgKGvhur8gdGjhu6thIHThu6sgVjEpIC0tLVxuICByZWFkb25seSBjbGFzc0hlYWRlckluY2x1ZGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsTGVmdCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignaTE4bl9iYWNrX3RvX2xpc3QnLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/ICdpMThuX2JhY2tfdG9fbGlzdCcgfSk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBidXR0b25DZW50ZXIgPSBpbnB1dDxBcnJheTxJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBidXR0b25SaWdodCA9IGlucHV0PEFycmF5PElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbj4+KCk7XG4gIHJlYWRvbmx5IGhhc0VkaXQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IG1lbnVEcm9wRG93bkNvbmZpZ3MgPSBpbnB1dDxJRHJvcGRvd24+KCk7XG4gIHJlYWRvbmx5IHpJbmRleCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxMDAwLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/IDEwMDAgfSk7XG4gIHJlYWRvbmx5IGlnbm9yZUNsb3NlUGFnZUZ1bGxFdmVudCA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KGZhbHNlLCB7IHRyYW5zZm9ybTogKHZhbCkgPT4gdmFsID8/IGZhbHNlIH0pO1xuICByZWFkb25seSBpZ25vcmVCYWNrZ3JvdW5kQ29sb3IgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBkaXZpZGVDbGFzc0hlYWRlciA9IGlucHV0PHsgY2xhc3NCdXR0b25DYW5jZWw6IHN0cmluZzsgY2xhc3NCdXR0b25DZW50ZXI6IHN0cmluZzsgY2xhc3NCdXR0b25SaWdodDogc3RyaW5nIH0gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGNlbnRlclRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8VFlQRV9URU1QTEFURV9SRUY+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJpZ2h0ID0gaW5wdXQ8VGVtcGxhdGVSZWY8VFlQRV9URU1QTEFURV9SRUY+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBsZWZ0VGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjxUWVBFX1RFTVBMQVRFX1JFRj4gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBpbnB1dDxib29sZWFuLCBib29sZWFuIHwgdW5kZWZpbmVkPihmYWxzZSwgeyB0cmFuc2Zvcm06ICh2YWwpID0+IHZhbCA/PyBmYWxzZSB9KTtcbiAgLy8gI2VuZHJlZ2lvblxuXG4gIC8vICNyZWdpb24gLS0tIElOUFVUUyAobeG7m2kgdHJvbmcgVjIpIC0tLVxuICAvKiogQ29uZmlnIGxhenkgbG9hZCBjb21wb25lbnQgdsOgbyBib2R5LiBO4bq/dSBraMO0bmcgdHJ1eeG7gW4gZ2V0Q29tcG9uZW50T3V0bGV0IOKGkiB04buxIMSR4buZbmcgZMO5bmcgbmctY29udGVudC4gKi9cbiAgcmVhZG9ubHkgYm9keUNvbmZpZyA9IGlucHV0PElGdWxsU2NyZWVuVjJCb2R5Q29uZmlnLCBJRnVsbFNjcmVlblYyQm9keUNvbmZpZyB8IHVuZGVmaW5lZD4oe30sIHsgdHJhbnNmb3JtOiAodikgPT4gdiB8fCB7fSB9KTtcbiAgLy8gI2VuZHJlZ2lvblxuXG4gIC8vICNyZWdpb24gLS0tIE9VVFBVVFMgLS0tXG4gIHJlYWRvbmx5IG91dENsb3NlID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IG91dEVkaXQgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcmVhZG9ubHkgb3V0U2VsZWN0ZWRNZW51RHJvcGRvd24gPSBvdXRwdXQ8SUVtaXRTZWxlY3RLZXkgfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IG91dENsaWNrQnV0dG9uID0gb3V0cHV0PElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbj4oKTtcbiAgLy8gI2VuZHJlZ2lvblxuXG4gIC8vICNyZWdpb24gLS0tIElOVEVSTkFMIFNUQVRFIC0tLVxuICBwcml2YXRlIHJlYWRvbmx5IGlkT3ZlcmxheSA9IHNpZ25hbDxzdHJpbmc+KHV1aWQoKSkuYXNSZWFkb25seSgpO1xuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG4gIHByaXZhdGUgZnVuY3Rpb25Db250cm9sTWVudTogSURyb3Bkb3duRnVuY3Rpb25Db250cm9sRXZlbnQgfCB1bmRlZmluZWQ7XG4gIC8vICNlbmRyZWdpb25cblxuICAvLyAjcmVnaW9uIC0tLSBDT01QVVRFRCAtLS1cbiAgLyoqIFN0YXRlIHJlYWN0aXZlIMSR4buDIHRydXnhu4FuIHbDoG8gY29tcG9uZW50IG91dGxldCAqL1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgc2VjdGlvbkRhdGEgPSBjb21wdXRlZDxJRnVsbFNjcmVlblYyU2VjdGlvbkRhdGE+KCgpID0+ICh7XG4gICAgZGlzYWJsZTogdGhpcy5kaXNhYmxlKCksXG4gIH0pKTtcblxuICAvKiogU2tlbGV0b24gYm9keSDigJQgZmFsbGJhY2sgduG7gSBjb25maWcgbeG6t2MgxJHhu4tuaCBu4bq/dSBraMO0bmcgxJHGsOG7o2MgdHJ1eeG7gW4gKi9cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJlc29sdmVkU2tlbGV0b25Cb2R5OiBTaWduYWw8SVNrZWxldG9uQ29uZmlnPiA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgZ2V0KHRoaXMuYm9keUNvbmZpZywgJ3NrZWxldG9uQ29uZmlnJykgPz8ge1xuICAgICAgICByZXBlYXQ6IDMsXG4gICAgICAgIHN0eWxlTWFyZ2luQm90dG9tOiAxNixcbiAgICAgICAgcm93czogW3sgaXRlbTogeyBjbGFzc0luY2x1ZGU6ICd3LWZ1bGwgaC1bMTIwcHhdIHJvdW5kZWQtWzhweF0nIH0gfV0sXG4gICAgICB9XG4gICAgKTtcbiAgfSk7XG4gIC8vICNlbmRyZWdpb25cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaWdub3JlQ2xvc2VQYWdlRnVsbEV2ZW50KCkpIHtcbiAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgIHR5cGU6IFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5LRVlfTUVTU0FHRV9NT0RBTCxcbiAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICBtZXNzYWdlOiAnb3BlbicsXG4gICAgICAgICAgc3RhdGU6IHRydWUsXG4gICAgICAgICAgaWRPdmVybGF5OiB0aGlzLmlkT3ZlcmxheSgpLFxuICAgICAgICAgIHRpbWVMaXZlVXBkYXRlOiBnZXREYXlqcygpLnVuaXgoKSxcbiAgICAgICAgfSxcbiAgICAgIH07XG5cbiAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuXG4gICAgICBpZiAoIVV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5JR05PUkVfSU5URVJWQUxfVVBEQVRFX1RJTUVfTElWRV9FVkVOVF9NT0RBTCkge1xuICAgICAgICBpbnRlcnZhbCgyMDAwKVxuICAgICAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpKVxuICAgICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgICAgZGF0YS5yZXNwb25zZS50aW1lTGl2ZVVwZGF0ZSA9IGdldERheWpzKCkudW5peCgpO1xuICAgICAgICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG4gICAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLy8gI3JlZ2lvbiAtLS0gRVZFTlQgSEFORExFUlMgLS0tXG4gIHByb3RlY3RlZCBoYW5kbGVyRWRpdCgpIHtcbiAgICB0aGlzLm91dEVkaXQuZW1pdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGNhbmNlbCgpIHtcbiAgICB0aGlzLm91dENsb3NlLmVtaXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBhc3luYyBoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uOiBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24pIHtcbiAgICBpZiAoYnV0dG9uICYmIGJ1dHRvbi5hY3Rpb24pIHtcbiAgICAgIGF3YWl0IGJ1dHRvbi5hY3Rpb24oKTtcbiAgICB9XG4gICAgdGhpcy5vdXRDbGlja0J1dHRvbi5lbWl0KGJ1dHRvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlclN3aXRjaChldmVudDogSVN3aXRjaEV2ZW50LCBidXR0b246IElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbikge1xuICAgIGlmIChidXR0b24gJiYgYnV0dG9uLmFjdGlvbikge1xuICAgICAgYXdhaXQgYnV0dG9uLmFjdGlvbihldmVudCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZXJTZWxlY3RlZEtleShldmVudDogSUVtaXRTZWxlY3RLZXkgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLm91dFNlbGVjdGVkTWVudURyb3Bkb3duLmVtaXQoZXZlbnQpO1xuICAgIHRoaXMuZnVuY3Rpb25Db250cm9sTWVudT8ucmVzZXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyQ29udHJvbERyb3Bkb3duTWVudShldmVudDogSURyb3Bkb3duRnVuY3Rpb25Db250cm9sRXZlbnQpIHtcbiAgICB0aGlzLmZ1bmN0aW9uQ29udHJvbE1lbnUgPSBldmVudDtcbiAgfVxuICAvLyAjZW5kcmVnaW9uXG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlnbm9yZUNsb3NlUGFnZUZ1bGxFdmVudCgpKSB7XG4gICAgICBjb25zdCBkYXRhID0ge1xuICAgICAgICB0eXBlOiBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwuS0VZX01FU1NBR0VfTU9EQUwsXG4gICAgICAgIHJlc3BvbnNlOiB7XG4gICAgICAgICAgbWVzc2FnZTogJ2Nsb3NlJyxcbiAgICAgICAgICBzdGF0ZTogZmFsc2UsXG4gICAgICAgICAgaWRPdmVybGF5OiB0aGlzLmlkT3ZlcmxheSgpLFxuICAgICAgICB9LFxuICAgICAgfTtcbiAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImxpYnMtdWktY29tcG9uZW50cy1wYWdlX2Z1bGwgb3ZlcmZsb3ctaGlkZGVuXCJcbiAgW3N0eWxlLnpJbmRleF09XCJ6SW5kZXgoKVwiXG4gIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImlnbm9yZUJhY2tncm91bmRDb2xvcigpID8gJ3RyYW5zcGFyZW50JyA6ICcjZjJmNWY3J1wiPlxuICA8IS0tID09PT09PT09PT09PT09PT09PT09PSBIRUFERVIgKGdp4buvIG5ndXnDqm4gMTAwJSB04burIFYxKSA9PT09PT09PT09PT09PT09PT09PT0gLS0+XG4gIDxkaXYgW2NsYXNzXT1cIidsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsLWhlYWRlciAnICsgY2xhc3NIZWFkZXJJbmNsdWRlKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DYW5jZWwgfHwgJ3ctWzI1JV0nIH19XCI+XG4gICAgICBAaWYgKGxlZnRUZW1wbGF0ZSgpOyBhcyBsZWZ0VGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxlZnRUZW1wbGF0ZVwiIC8+XG4gICAgICB9XG4gICAgICBAaWYgKGxhYmVsTGVmdCgpOyBhcyBsYWJlbExlZnQpIHtcbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICAgIFtsYWJlbF09XCJsYWJlbExlZnRcIlxuICAgICAgICAgIFt0eXBlXT1cIididXR0b24tbGluay1wcmltYXJ5J1wiXG4gICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiJ2xpYnMtdWktaWNvbi1jaGV2cm9uLXJpZ2h0IHJvdGF0ZS1bMTgwZGVnXSBiZWZvcmU6dGV4dC1bMTZweF0nXCJcbiAgICAgICAgICBbY2xhc3NMYWJlbF09XCInbGlicy11aS1mb250LWg0cidcIlxuICAgICAgICAgIChvdXRDbGljayk9XCJjYW5jZWwoKVwiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG5cbiAgICBAaWYgKGNlbnRlclRlbXBsYXRlKCk7IGFzIGNlbnRlclRlbXBsYXRlKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DZW50ZXIgfHwgJ3ctWzQwJV0nIH19IGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjZW50ZXJUZW1wbGF0ZVwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICB9IEBlbHNlIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ7eyBkaXZpZGVDbGFzc0hlYWRlcigpPy5jbGFzc0J1dHRvbkNlbnRlciB8fCAndy1bNDAlXScgfX0gZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIFtjb25maWddPVwieyBtYXhXaWR0aDogMjUwLCB6SW5kZXg6IHpJbmRleCgpICsgMSB9XCJcbiAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cIidsaWJzLXVpLWZvbnQtaDJzJ1wiXG4gICAgICAgICAgW2lubmVySHRtbF09XCJ0aXRsZSgpID8gKHRpdGxlKCkgfCBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlKSA6ICcmbWRhc2g7J1wiIC8+XG4gICAgICAgIEBpZiAoaGFzRWRpdCgpOyBhcyBoYXNFZGl0KSB7XG4gICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICAgICAgW3R5cGVdPVwiJ2J1dHRvbi1saW5rLXByaW1hcnknXCJcbiAgICAgICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyRWRpdCgpXCJcbiAgICAgICAgICAgIFtpY29uT25seVR5cGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCInbGlicy11aS1pY29uLWVkaXQtbGluZSdcIlxuICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCInbWwtWzRweF0nXCIgLz5cbiAgICAgICAgfVxuICAgICAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uQ2VudGVyKCk7IHRyYWNrIGJ1dHRvbi5rZXkpIHtcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtWzEycHhdIGZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICBAaWYgKGJ1dHRvbi5rZXkgPT09ICdidXR0b24nKSB7XG4gICAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b25cbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnV0dG9uLmxhYmVsIHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NMYWJlbF09XCIoYnV0dG9uLmNsYXNzTGFiZWwgfHwgJycpICsgJyBsaWJzLXVpLWZvbnQtaGVhZC00cydcIlxuICAgICAgICAgICAgICAgIFt0eXBlXT1cImJ1dHRvbi50eXBlIHx8ICdidXR0b24tcHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiYnV0dG9uLmNsYXNzSW5jbHVkZSB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiYnV0dG9uLmNsYXNzSWNvbkxlZnQgfHwgJydcIlxuICAgICAgICAgICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgICAgICAgICAgIFtwb3BvdmVyXT1cImJ1dHRvbi5wb3BvdmVyIHx8IHt9XCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZV09XCJidXR0b24uZGlzYWJsZSB8fCBkaXNhYmxlKClcIlxuICAgICAgICAgICAgICAgIFtpc1BlbmRpbmddPVwiYnV0dG9uLmlzUGVuZGluZyB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgICAgKG91dENsaWNrKT1cImhhbmRsZXJDbGlja0J1dHRvbihidXR0b24pXCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2J1dHRvbi1zdGF0dXMnICYmIGJ1dHRvbi5jb25maWdCdXR0b25TdGF0dXMpIHtcbiAgICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLXN0YXR1c1xuICAgICAgICAgICAgICAgIFtjbGFzc109XCJidXR0b24uY2xhc3NJbmNsdWRlXCJcbiAgICAgICAgICAgICAgICBbY29uZmlnXT1cImJ1dHRvbi5jb25maWdCdXR0b25TdGF0dXNcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnc3dpdGNoJykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLXN3aXRjaFxuICAgICAgICAgICAgICAgIFthY3RpdmVdPVwiYnV0dG9uLmFjdGl2ZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVdPVwiYnV0dG9uLmRpc2FibGUgfHwgZGlzYWJsZSgpXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInt7IGJ1dHRvbi5jbGFzc0luY2x1ZGUgfX1cIlxuICAgICAgICAgICAgICAgIChvdXRTd2l0Y2gpPVwiaGFuZGxlclN3aXRjaCgkZXZlbnQsIGJ1dHRvbilcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnbGFiZWwnICYmIGJ1dHRvbi5sYWJlbENvbmZpZykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWxhYmVsXG4gICAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24ubGFiZWxDb25maWcuY2xhc3NJbmNsdWRlICsgJyBwYi0wIHRleHQtd2hpdGUnXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbExlZnRcIlxuICAgICAgICAgICAgICAgIFtsYWJlbExlZnRDbGFzc109XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxMZWZ0Q2xhc3NcIlxuICAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJidXR0b24ubGFiZWxDb25maWcucmVxdWlyZWRcIlxuICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgIFtsYWJlbFJpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0XCJcbiAgICAgICAgICAgICAgICBbbGFiZWxSaWdodENsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0Q2xhc3NcIlxuICAgICAgICAgICAgICAgIFtvbmx5U2hvd0NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5vbmx5U2hvd0NvdW50XCJcbiAgICAgICAgICAgICAgICBbYnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNMZWZ0XCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUJ1dHRvbnNMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc0xlZnRcIlxuICAgICAgICAgICAgICAgIFtidXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNSaWdodFwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zUmlnaHRcIlxuICAgICAgICAgICAgICAgIFtoYXNUb2dnbGVdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmhhc1RvZ2dsZVwiXG4gICAgICAgICAgICAgICAgW3RvZ2dsZUFjdGl2ZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlQWN0aXZlXCJcbiAgICAgICAgICAgICAgICBbdG9nZ2xlRGlzYWJsZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlRGlzYWJsZVwiXG4gICAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnBvcG92ZXJcIlxuICAgICAgICAgICAgICAgIFtpY29uUG9wb3ZlckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5pY29uUG9wb3ZlckNsYXNzXCJcbiAgICAgICAgICAgICAgICBbbGltaXRMZW5ndGhdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxpbWl0TGVuZ3RoXCJcbiAgICAgICAgICAgICAgICBbYnV0dG9uc0Rlc2NyaXB0aW9uXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5idXR0b25zRGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlQnV0dG9uc0Rlc2NyaXB0aW9uXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgICBbYnV0dG9uc0Rlc2NyaXB0aW9uQ29udGFpbmVyQ2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXCJcbiAgICAgICAgICAgICAgICBbY291bnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmNvdW50XCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgPGRpdiBjbGFzcz1cInt7IGRpdmlkZUNsYXNzSGVhZGVyKCk/LmNsYXNzQnV0dG9uUmlnaHQgfHwgJ3ctWzM1JV0nIH19IGZsZXgganVzdGlmeS1lbmQgaXRlbXMtY2VudGVyXCI+XG4gICAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uUmlnaHQoKTsgdHJhY2sgYnV0dG9uLmtleSkge1xuICAgICAgICA8ZGl2IFtjbGFzcy5tbC1bMTJweF1dPVwiISRmaXJzdFwiPlxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2xhYmVsJyAmJiBidXR0b24ubGFiZWxDb25maWcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtbGFiZWxcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24ubGFiZWxDb25maWcuY2xhc3NJbmNsdWRlICsgJyBwYi0wJ1wiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsTGVmdFwiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRDbGFzc109XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxMZWZ0Q2xhc3NcIlxuICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgW2Rlc2NyaXB0aW9uXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgIFtsYWJlbFJpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0XCJcbiAgICAgICAgICAgICAgW2xhYmVsUmlnaHRDbGFzc109XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxSaWdodENsYXNzXCJcbiAgICAgICAgICAgICAgW29ubHlTaG93Q291bnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLm9ubHlTaG93Q291bnRcIlxuICAgICAgICAgICAgICBbYnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNMZWZ0XCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zTGVmdF09XCJidXR0b24ubGFiZWxDb25maWcuZGlzYWJsZUJ1dHRvbnNMZWZ0XCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNSaWdodF09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc1JpZ2h0XCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zUmlnaHRcIlxuICAgICAgICAgICAgICBbaGFzVG9nZ2xlXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5oYXNUb2dnbGVcIlxuICAgICAgICAgICAgICBbdG9nZ2xlQWN0aXZlXT1cImJ1dHRvbi5sYWJlbENvbmZpZy50b2dnbGVBY3RpdmVcIlxuICAgICAgICAgICAgICBbdG9nZ2xlRGlzYWJsZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlRGlzYWJsZVwiXG4gICAgICAgICAgICAgIFtwb3BvdmVyXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5wb3BvdmVyXCJcbiAgICAgICAgICAgICAgW2ljb25Qb3BvdmVyQ2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmljb25Qb3BvdmVyQ2xhc3NcIlxuICAgICAgICAgICAgICBbbGltaXRMZW5ndGhdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxpbWl0TGVuZ3RoXCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zRGVzY3JpcHRpb25dPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zRGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBbYnV0dG9uc0Rlc2NyaXB0aW9uQ29udGFpbmVyQ2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXCJcbiAgICAgICAgICAgICAgW2NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jb3VudFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ3N3aXRjaCcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3dpdGNoXG4gICAgICAgICAgICAgIFthY3RpdmVdPVwiYnV0dG9uLmFjdGl2ZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwie3sgYnV0dG9uLmNsYXNzSW5jbHVkZSB9fVwiXG4gICAgICAgICAgICAgIChvdXRTd2l0Y2gpPVwiaGFuZGxlclN3aXRjaCgkZXZlbnQsIGJ1dHRvbilcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGJ1dHRvbi5rZXkgPT09ICdidXR0b24nKSB7XG4gICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJidXR0b24/LmxhYmVsIHx8ICcnXCJcbiAgICAgICAgICAgICAgW2NsYXNzTGFiZWxdPVwiKGJ1dHRvbi5jbGFzc0xhYmVsIHx8ICcnKSArICcgbGlicy11aS1mb250LWg0cydcIlxuICAgICAgICAgICAgICBbdHlwZV09XCJidXR0b24udHlwZSB8fCAnYnV0dG9uLXByaW1hcnknXCJcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiYnV0dG9uLmNsYXNzSWNvbkxlZnQgfHwgJydcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uUmlnaHRdPVwiYnV0dG9uLmNsYXNzSWNvblJpZ2h0IHx8ICcnXCJcbiAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgICAgICAgICBbZGlzYWJsZV09XCJidXR0b24uZGlzYWJsZSB8fCBkaXNhYmxlKClcIlxuICAgICAgICAgICAgICBbaXNQZW5kaW5nXT1cImJ1dHRvbi5pc1BlbmRpbmcgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cImJ1dHRvbi5pY29uT25seVR5cGUgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGJ1dHRvbi5rZXkgPT09ICdsaW5lLXNwYWNlJykge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzcz1cImJnLVsjNjY2Yjc5XSB3LVsxcHhdIGgtWzI4cHhdXCJcbiAgICAgICAgICAgICAgW2NsYXNzXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGVcIj5cbiAgICAgICAgICAgICAgJm5ic3A7XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChtZW51RHJvcERvd25Db25maWdzKCk7IGFzIG1lbnVEcm9wRG93bkNvbmZpZ3MpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1sLVsxMnB4XVwiPlxuICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtZHJvcGRvd25cbiAgICAgICAgICAgIFtpc05nQ29udGVudF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFt6SW5kZXhdPVwiekluZGV4KCkgKyAxXCJcbiAgICAgICAgICAgIFtsaXN0Q29uZmlnXT1cIm1lbnVEcm9wRG93bkNvbmZpZ3MubGlzdENvbmZpZ1wiXG4gICAgICAgICAgICBbbGlzdEhpZGRlbklucHV0U2VhcmNoXT1cInRydWVcIlxuICAgICAgICAgICAgW3BvcG92ZXJDdXN0b21Db25maWddPVwibWVudURyb3BEb3duQ29uZmlncy5wb3BvdmVyQ3VzdG9tQ29uZmlnXCJcbiAgICAgICAgICAgIChvdXRGdW5jdGlvbnNDb250cm9sKT1cImhhbmRsZXJDb250cm9sRHJvcGRvd25NZW51KCRldmVudClcIlxuICAgICAgICAgICAgKG91dFNlbGVjdEtleSk9XCJoYW5kbGVyU2VsZWN0ZWRLZXkoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvblxuICAgICAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cIidwLVs4cHhdJ1wiXG4gICAgICAgICAgICAgIFt0eXBlXT1cIididXR0b24tdGhpcmQnXCJcbiAgICAgICAgICAgICAgW2ljb25Pbmx5VHlwZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiJ2xpYnMtdWktaWNvbi1tb3JlLXZlcnRpY2FsIHRleHQtWyMzMzMzMzNdIHRleHQtWzEycHhdJ1wiXG4gICAgICAgICAgICAgIFtwb3BvdmVyXT1cInsgY29uZmlnOiB7IGNvbnRlbnQ6ICdpMThuXzR4X290aGVyX29wZXJhdGlvbnMnIH0gfVwiXG4gICAgICAgICAgICAgIFtpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudF09XCJ0cnVlXCIgLz5cbiAgICAgICAgICA8L2xpYnNfdWktY29tcG9uZW50cy1kcm9wZG93bj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICBAaWYgKHRlbXBsYXRlUmlnaHQoKTsgYXMgdGVtcGxhdGVSaWdodCkge1xuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSaWdodFwiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDwhLS0gPT09PT09PT09PT09PT09PT09PT09IEJPRFkgKFYyOiBMYXp5IExvYWQgaG/hurdjIG5nLWNvbnRlbnQpID09PT09PT09PT09PT09PT09PT09PSAtLT5cbiAgQGlmIChib2R5Q29uZmlnKCkuZ2V0Q29tcG9uZW50T3V0bGV0OyBhcyBnZXRCb2R5Q29tcG9uZW50T3V0bGV0KSB7XG4gICAgPCEtLSBMYXp5IGxvYWQgbW9kZSAtLT5cbiAgICA8ZGl2IFtjbGFzc109XCInbGlicy11aS1jb21wb25lbnRzLXBhZ2VfZnVsbC1ib2R5ICcgKyAoYm9keUNvbmZpZygpLmNsYXNzSW5jbHVkZSB8fCAnJylcIj5cbiAgICAgIEBsZXQgY29uc3RIdG1sQ29tcEJvZHkgPSB1bmRlZmluZWQgfCBMaWJzVWlQaXBlc0NhbGxGdW5jdGlvbkluVGVtcGxhdGVQaXBlOiBnZXRCb2R5Q29tcG9uZW50T3V0bGV0IDogc2VjdGlvbkRhdGEoKSA6IG51bGwgOiB7IHZhbHVlSXNFbXB0eTogbnVsbCB9IHwgYXN5bmM7XG4gICAgICBAbGV0IGNvbnN0SHRtbElucHV0c0JvZHkgPSB1bmRlZmluZWQgfCBMaWJzVWlQaXBlc0NhbGxGdW5jdGlvbkluVGVtcGxhdGVQaXBlOiBib2R5Q29uZmlnKCkuZ2V0RGF0YUNvbXBvbmVudE91dGxldCA6IHNlY3Rpb25EYXRhKCkgOiBudWxsIDogeyB2YWx1ZUlzRW1wdHk6IG51bGwgfSB8IGFzeW5jO1xuICAgICAgQGlmIChjb25zdEh0bWxDb21wQm9keSkge1xuICAgICAgICBAZGVmZXIge1xuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nQ29tcG9uZW50T3V0bGV0PVwiY29uc3RIdG1sQ29tcEJvZHk7IGlucHV0czogY29uc3RIdG1sSW5wdXRzQm9keVwiIC8+XG4gICAgICAgIH0gQGxvYWRpbmcge1xuICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc2tlbGV0b24gW2NvbmZpZ109XCJyZXNvbHZlZFNrZWxldG9uQm9keSgpXCIgLz5cbiAgICAgICAgfVxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc2tlbGV0b24gW2NvbmZpZ109XCJyZXNvbHZlZFNrZWxldG9uQm9keSgpXCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=

package/esm2022/full-screen-v2/interfaces/full-screen-v2.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbC1zY3JlZW4tdjIuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3BhZ2VzLXRlbXBsYXRlL2Z1bGwtc2NyZWVuL3NyYy9mdWxsLXNjcmVlbi12Mi9pbnRlcmZhY2VzL2Z1bGwtc2NyZWVuLXYyLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElTa2VsZXRvbkNvbmZpZyB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtc2tlbGV0b24nO1xuaW1wb3J0IHsgVFlQRV9GVU5DVElPTiB9IGZyb20gJ0BsaWJzLXVpL2ludGVyZmFjZXMtdHlwZXMnO1xuXG4vKipcbiAqIENvbmZpZyBkw6BuaCByacOqbmcgY2hvIHbDuW5nIGJvZHkgVjIg4oCUIGjhu5cgdHLhu6MgbGF6eSBsb2FkIGNvbXBvbmVudCDEkeG7mW5nLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIElGdWxsU2NyZWVuVjJCb2R5Q29uZmlnIHtcbiAgLyoqIEjDoG0gdHLhuqMgduG7gSBPYnNlcnZhYmxlPFR5cGU8YW55Pj4gxJHhu4MgbGF6eSBsb2FkIGNvbXBvbmVudCB2w6BvIGJvZHkgKi9cbiAgZ2V0Q29tcG9uZW50T3V0bGV0PzogVFlQRV9GVU5DVElPTjxhbnk+O1xuICAvKiogSMOgbSB0cuG6oyB24buBIE9ic2VydmFibGU8UmVjb3JkPiDEkeG7gyB0cnV54buBbiBk4buvIGxp4buHdSAoaW5wdXRzKSB2w6BvIGNvbXBvbmVudCDEkcaw4bujYyBsb2FkICovXG4gIGdldERhdGFDb21wb25lbnRPdXRsZXQ/OiBUWVBFX0ZVTkNUSU9OPFJlY29yZDxzdHJpbmcsIHVua25vd24+PjtcbiAgLyoqIFNrZWxldG9uIHTDuXkgY2jhu4luaCB0cm9uZyBsw7pjIE9ic2VydmFibGUgY2jhu50gcmVzb2x2ZSDigJQgZMO5bmcgV3JpdGFibGVTaWduYWwgxJHhu4MgcmVhY3RpdmUgKi9cbiAgc2tlbGV0b25Db25maWc/OiBXcml0YWJsZVNpZ25hbDxJU2tlbGV0b25Db25maWc+O1xuICAvKiogQ2xhc3MgdGjDqm0gdsOgbyB2w7luZyBib2R5IHdyYXBwZXIgbmdvw6BpICovXG4gIGNsYXNzSW5jbHVkZT86IHN0cmluZztcbn1cblxuLyoqIEThu68gbGnhu4d1IHJlYWN0aXZlIHRydXnhu4FuIHbDoG8gQ29tcG9uZW50IE91dGxldCBib2R5ICovXG5leHBvcnQgaW50ZXJmYWNlIElGdWxsU2NyZWVuVjJTZWN0aW9uRGF0YSB7XG4gIGRpc2FibGU6IGJvb2xlYW47XG59XG4iXX0=

package/esm2022/full-screen-v2/interfaces/index.mjs

@@ -0,0 +1,2 @@
+export * from './full-screen-v2.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2Z1bGwtc2NyZWVuLXYyL2ludGVyZmFjZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZnVsbC1zY3JlZW4tdjIuaW50ZXJmYWNlJztcbiJdfQ==

package/esm2022/index.mjs

@@ -1,3 +1,5 @@
+export * from './full-screen-v2/full-screen-v2.component';
+export * from './full-screen-v2/interfaces';
 export * from './full-screen.component';
 export * from './interfaces/config.interface';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZnVsbC1zY3JlZW4uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Z1bGwtc2NyZWVuLXYyL2Z1bGwtc2NyZWVuLXYyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2Z1bGwtc2NyZWVuLXYyL2ludGVyZmFjZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9mdWxsLXNjcmVlbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzL2NvbmZpZy5pbnRlcmZhY2UnO1xuIl19

package/fesm2022/libs-ui-components-pages-template-full-screen.mjs

@@ -1,16 +1,153 @@
-import { NgTemplateOutlet } from '@angular/common';
+import { NgComponentOutlet, AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, input, output, Component } from '@angular/core';
+import { input, output, signal, inject, DestroyRef, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
 import { LibsUiComponentsButtonsStatusComponent } from '@libs-ui/components-buttons-status';
 import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
 import { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';
 import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsSkeletonComponent } from '@libs-ui/components-skeleton';
 import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
 import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
-import { uuid, getDayjs, UtilsCommunicateMicroKeyGlobal, UtilsCommunicateMicro } from '@libs-ui/utils';
+import { uuid, get, getDayjs, UtilsCommunicateMicroKeyGlobal, UtilsCommunicateMicro } from '@libs-ui/utils';
 import { TranslateModule } from '@ngx-translate/core';
-import { Subject, interval, takeUntil } from 'rxjs';
+import { interval, Subject, takeUntil } from 'rxjs';
+
+/**
+ * Full Screen Template V2 — Kế thừa toàn bộ V1, bổ sung lazy loading cho body.
+ * Header giữ nguyên 100%. Body hỗ trợ dynamic component injection với skeleton tự động.
+ */
+class LibsUiComponentsPagesTemplateFullScreenV2Component {
+    // #region --- INPUTS (kế thừa từ V1) ---
+    classHeaderInclude = input();
+    labelLeft = input('i18n_back_to_list', { transform: (val) => val ?? 'i18n_back_to_list' });
+    title = input();
+    buttonCenter = input();
+    buttonRight = input();
+    hasEdit = input(false);
+    menuDropDownConfigs = input();
+    zIndex = input(1000, { transform: (val) => val ?? 1000 });
+    ignoreClosePageFullEvent = input(false, { transform: (val) => val ?? false });
+    ignoreBackgroundColor = input();
+    divideClassHeader = input();
+    centerTemplate = input();
+    templateRight = input();
+    leftTemplate = input();
+    disable = input(false, { transform: (val) => val ?? false });
+    // #endregion
+    // #region --- INPUTS (mới trong V2) ---
+    /** Config lazy load component vào body. Nếu không truyền getComponentOutlet → tự động dùng ng-content. */
+    bodyConfig = input({}, { transform: (v) => v || {} });
+    // #endregion
+    // #region --- OUTPUTS ---
+    outClose = output();
+    outEdit = output();
+    outSelectedMenuDropdown = output();
+    outClickButton = output();
+    // #endregion
+    // #region --- INTERNAL STATE ---
+    idOverlay = signal(uuid()).asReadonly();
+    destroyRef = inject(DestroyRef);
+    functionControlMenu;
+    // #endregion
+    // #region --- COMPUTED ---
+    /** State reactive để truyền vào component outlet */
+    sectionData = computed(() => ({
+        disable: this.disable(),
+    }));
+    /** Skeleton body — fallback về config mặc định nếu không được truyền */
+    resolvedSkeletonBody = computed(() => {
+        return (get(this.bodyConfig, 'skeletonConfig') ?? {
+            repeat: 3,
+            styleMarginBottom: 16,
+            rows: [{ item: { classInclude: 'w-full h-[120px] rounded-[8px]' } }],
+        });
+    });
+    // #endregion
+    ngOnInit() {
+        if (!this.ignoreClosePageFullEvent()) {
+            const data = {
+                type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,
+                response: {
+                    message: 'open',
+                    state: true,
+                    idOverlay: this.idOverlay(),
+                    timeLiveUpdate: getDayjs().unix(),
+                },
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+            if (!UtilsCommunicateMicroKeyGlobal.IGNORE_INTERVAL_UPDATE_TIME_LIVE_EVENT_MODAL) {
+                interval(2000)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => {
+                    data.response.timeLiveUpdate = getDayjs().unix();
+                    UtilsCommunicateMicro.PostMessageToParent(data);
+                });
+            }
+        }
+    }
+    // #region --- EVENT HANDLERS ---
+    handlerEdit() {
+        this.outEdit.emit();
+    }
+    cancel() {
+        this.outClose.emit();
+    }
+    async handlerClickButton(button) {
+        if (button && button.action) {
+            await button.action();
+        }
+        this.outClickButton.emit(button);
+    }
+    async handlerSwitch(event, button) {
+        if (button && button.action) {
+            await button.action(event);
+        }
+    }
+    handlerSelectedKey(event) {
+        this.outSelectedMenuDropdown.emit(event);
+        this.functionControlMenu?.reset();
+    }
+    handlerControlDropdownMenu(event) {
+        this.functionControlMenu = event;
+    }
+    // #endregion
+    ngOnDestroy() {
+        if (!this.ignoreClosePageFullEvent()) {
+            const data = {
+                type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,
+                response: {
+                    message: 'close',
+                    state: false,
+                    idOverlay: this.idOverlay(),
+                },
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LibsUiComponentsPagesTemplateFullScreenV2Component, isStandalone: true, selector: "libs_ui-components-pages_template_full_screen_v2", inputs: { classHeaderInclude: { classPropertyName: "classHeaderInclude", publicName: "classHeaderInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, buttonCenter: { classPropertyName: "buttonCenter", publicName: "buttonCenter", isSignal: true, isRequired: false, transformFunction: null }, buttonRight: { classPropertyName: "buttonRight", publicName: "buttonRight", isSignal: true, isRequired: false, transformFunction: null }, hasEdit: { classPropertyName: "hasEdit", publicName: "hasEdit", isSignal: true, isRequired: false, transformFunction: null }, menuDropDownConfigs: { classPropertyName: "menuDropDownConfigs", publicName: "menuDropDownConfigs", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, ignoreClosePageFullEvent: { classPropertyName: "ignoreClosePageFullEvent", publicName: "ignoreClosePageFullEvent", isSignal: true, isRequired: false, transformFunction: null }, ignoreBackgroundColor: { classPropertyName: "ignoreBackgroundColor", publicName: "ignoreBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, divideClassHeader: { classPropertyName: "divideClassHeader", publicName: "divideClassHeader", isSignal: true, isRequired: false, transformFunction: null }, centerTemplate: { classPropertyName: "centerTemplate", publicName: "centerTemplate", isSignal: true, isRequired: false, transformFunction: null }, templateRight: { classPropertyName: "templateRight", publicName: "templateRight", isSignal: true, isRequired: false, transformFunction: null }, leftTemplate: { classPropertyName: "leftTemplate", publicName: "leftTemplate", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, bodyConfig: { classPropertyName: "bodyConfig", publicName: "bodyConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClose: "outClose", outEdit: "outEdit", outSelectedMenuDropdown: "outSelectedMenuDropdown", outClickButton: "outClickButton" }, ngImport: i0, template: "<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <!-- ===================== HEADER (gi\u1EEF nguy\u00EAn 100% t\u1EEB V1) ===================== -->\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{ maxWidth: 250, zIndex: zIndex() + 1 }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{ config: { content: 'i18n_4x_other_operations' } }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n\n  <!-- ===================== BODY (V2: Lazy Load ho\u1EB7c ng-content) ===================== -->\n  @if (bodyConfig().getComponentOutlet; as getBodyComponentOutlet) {\n    <!-- Lazy load mode -->\n    <div [class]=\"'libs-ui-components-page_full-body ' + (bodyConfig().classInclude || '')\">\n      @let constHtmlCompBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: getBodyComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @let constHtmlInputsBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: bodyConfig().getDataComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @if (constHtmlCompBody) {\n        @defer {\n          <ng-container *ngComponentOutlet=\"constHtmlCompBody; inputs: constHtmlInputsBody\" />\n        } @loading {\n          <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n        }\n      } @else {\n        <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n      }\n    </div>\n  }\n</div>\n", styles: ["@-webkit-keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:12px;opacity:1}}@keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:0;opacity:1}}.libs-ui-components-page_full{position:absolute;width:100vw;height:100vh;left:0;top:0;display:flex;flex-direction:column;animation:animation-slide-to-left ease-out .3s}.libs-ui-components-page_full .libs-ui-components-page_full-header{height:50px;padding:14px 16px;border-bottom:solid 1px #e6e7ea;background-color:#fff;width:100%;display:flex;align-items:center}.libs-ui-components-page_full .libs-ui-components-page_full-body{height:100%}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: LibsUiComponentsDropdownComponent, selector: "libs_ui-components-dropdown", inputs: ["useXssFilter", "popoverElementRefCustom", "classInclude", "ignoreStopPropagationEvent", "flagMouse", "flagMouseContent", "popoverCustomConfig", "isNgContent", "zIndex", "convertItemSelected", "getPopoverItemSelected", "httpRequestDetailItemById", "lengthKeys", "textDisplayWhenNoSelect", "textDisplayWhenMultiSelect", "classIncludeTextDisplayWhenNoSelect", "fieldLabel", "fieldGetLabel", "labelPopoverConfig", "labelPopoverFullWidth", "hasContentUnitRight", "listSearchNoDataTemplateRef", "fieldGetImage", "imageSize", "typeShape", "fieldGetIcon", "fieldGetTextAvatar", "fieldGetColorAvatar", "classAvatarInclude", "getLastTextAfterSpace", "linkImageError", "showError", "showBorderError", "disable", "readonly", "labelConfig", "disableLabel", "listSearchConfig", "isSearchOnline", "listHiddenInputSearch", "listSearchPadding", "listKeySearch", "listDividerClassInclude", "listConfig", "listButtonsOther", "listHasButtonUnSelectOption", "listClickExactly", "listBackgroundCustom", "listMaxItemShow", "listKeySelected", "listMultiKeySelected", "listKeysDisable", "listKeysHidden", "validRequired", "validMaxItemSelected", "changeValidUndefinedResetError", "allowSelectItemMultiple", "focusInputSearch", "onlyEmitDataWhenReset", "resetKeyWhenSelectAllKey", "listConfigHasDivider", "classIncludeIcon", "classIncludeContent", "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", "tabKeyActive", "tabsConfig", "ignoreBorderBottom"], outputs: ["flagMouseChange", "flagMouseContentChange", "lengthKeysChange", "showBorderErrorChange", "listKeySelectedChange", "listMultiKeySelectedChange", "tabKeyActiveChange", "outSelectKey", "outSelectMultiKey", "outFunctionsControl", "outValidEvent", "outChangStageFlagMouse", "outDataChange", "outClickButtonOther", "outShowList", "outChangeTabKeyActive"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { kind: "component", type: LibsUiComponentsButtonsButtonComponent, selector: "libs_ui-components-buttons-button", inputs: ["flagMouse", "type", "buttonCustom", "sizeButton", "label", "disable", "isPending", "imageLeft", "classInclude", "classIconLeft", "classIconRight", "classLabel", "iconOnlyType", "popover", "ignoreStopPropagationEvent", "zIndex", "widthLabelPopover", "styleIconLeft", "styleButton", "ignoreFocusWhenInputTab", "ignoreSetClickWhenShowPopover", "ignorePointerEvent", "isActive", "isHandlerEnterDocumentClickButton"], outputs: ["outClick", "outPopoverEvent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsButtonsStatusComponent, selector: "libs_ui-components-buttons-status", inputs: ["config"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSkeletonComponent, selector: "libs_ui-components-skeleton", inputs: ["config"] }, { kind: "pipe", type: LibsUiPipesCallFunctionInTemplatePipe, name: "LibsUiPipesCallFunctionInTemplatePipe" }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [NgComponentOutlet]] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenV2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template_full_screen_v2', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        AsyncPipe,
+                        NgComponentOutlet,
+                        NgTemplateOutlet,
+                        TranslateModule,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsButtonsStatusComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsSkeletonComponent,
+                        LibsUiPipesCallFunctionInTemplatePipe,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsLabelComponent,
+                    ], template: "<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <!-- ===================== HEADER (gi\u1EEF nguy\u00EAn 100% t\u1EEB V1) ===================== -->\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{ maxWidth: 250, zIndex: zIndex() + 1 }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{ config: { content: 'i18n_4x_other_operations' } }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n\n  <!-- ===================== BODY (V2: Lazy Load ho\u1EB7c ng-content) ===================== -->\n  @if (bodyConfig().getComponentOutlet; as getBodyComponentOutlet) {\n    <!-- Lazy load mode -->\n    <div [class]=\"'libs-ui-components-page_full-body ' + (bodyConfig().classInclude || '')\">\n      @let constHtmlCompBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: getBodyComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @let constHtmlInputsBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: bodyConfig().getDataComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @if (constHtmlCompBody) {\n        @defer {\n          <ng-container *ngComponentOutlet=\"constHtmlCompBody; inputs: constHtmlInputsBody\" />\n        } @loading {\n          <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n        }\n      } @else {\n        <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n      }\n    </div>\n  }\n</div>\n", styles: ["@-webkit-keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:12px;opacity:1}}@keyframes animation-slide-to-left{0%{right:-200px;opacity:0}to{right:0;opacity:1}}.libs-ui-components-page_full{position:absolute;width:100vw;height:100vh;left:0;top:0;display:flex;flex-direction:column;animation:animation-slide-to-left ease-out .3s}.libs-ui-components-page_full .libs-ui-components-page_full-header{height:50px;padding:14px 16px;border-bottom:solid 1px #e6e7ea;background-color:#fff;width:100%;display:flex;align-items:center}.libs-ui-components-page_full .libs-ui-components-page_full-body{height:100%}\n"] }]
+        }] });
 
 class LibsUiComponentsPagesTemplateFullScreenComponent {
     idOverlay = signal(uuid());
@@ -120,5 +257,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { LibsUiComponentsPagesTemplateFullScreenComponent };
+export { LibsUiComponentsPagesTemplateFullScreenComponent, LibsUiComponentsPagesTemplateFullScreenV2Component };
 //# sourceMappingURL=libs-ui-components-pages-template-full-screen.mjs.map

package/fesm2022/libs-ui-components-pages-template-full-screen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-components-pages-template-full-screen.mjs","sources":["../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen.component.ts","../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen.component.html","../../../../../../libs-ui/components/pages-template/full-screen/src/libs-ui-components-pages-template-full-screen.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, input, OnDestroy, OnInit, output, signal, TemplateRef } from '@angular/core';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { LibsUiComponentsButtonsStatusComponent } from '@libs-ui/components-buttons-status';\nimport { IDropdown, IDropdownFunctionControlEvent, IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';\nimport { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';\nimport { ISwitchEvent, LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';\nimport { TYPE_TEMPLATE_REF } from '@libs-ui/interfaces-types';\nimport { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';\nimport { getDayjs, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { IPagesTemplateFullScreenButton } from './interfaces/config.interface';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-pages_template_full_screen',\n  templateUrl: './full-screen.component.html',\n  styleUrls: ['./full-screen.component.scss'],\n  standalone: true,\n  imports: [\n    TranslateModule,\n    NgTemplateOutlet,\n    LibsUiComponentsDropdownComponent,\n    LibsUiComponentsSwitchComponent,\n    LibsUiComponentsButtonsButtonComponent,\n    LibsUiComponentsButtonsStatusComponent,\n    LibsUiComponentsPopoverComponent,\n    LibsUiPipesEscapeHtmlPipe,\n    LibsUiComponentsLabelComponent,\n  ],\n  providers: [],\n})\nexport class LibsUiComponentsPagesTemplateFullScreenComponent implements OnInit, OnDestroy {\n  private idOverlay = signal<string>(uuid());\n  private functionControlMenu: IDropdownFunctionControlEvent | undefined;\n  private onDestroy = new Subject<void>();\n\n  readonly classHeaderInclude = input<string>();\n  readonly labelLeft = input<string, string | undefined>('i18n_back_to_list', { transform: (val) => val ?? 'i18n_back_to_list' });\n  readonly classBodyInclude = input<string>();\n  readonly title = input<string>();\n  readonly buttonCenter = input<Array<IPagesTemplateFullScreenButton> | undefined>();\n  readonly buttonRight = input<Array<IPagesTemplateFullScreenButton>>();\n  readonly hasEdit = input<boolean>(false);\n  readonly menuDropDownConfigs = input<IDropdown>();\n  readonly zIndex = input<number, number | undefined>(1000, { transform: (val) => val ?? 1000 });\n  readonly ignoreClosePageFullEvent = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n  readonly ignoreBackgroundColor = input<boolean>();\n  readonly divideClassHeader = input<{ classButtonCancel: string; classButtonCenter: string; classButtonRight: string } | undefined>();\n  readonly centerTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly templateRight = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly leftTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly disable = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n\n  readonly outClose = output<void>();\n  readonly outEdit = output<void>();\n  readonly outSelectedMenuDropdown = output<IEmitSelectKey | undefined>();\n  readonly outClickButton = output<IPagesTemplateFullScreenButton>();\n\n  ngOnInit(): void {\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'open',\n          state: true,\n          idOverlay: this.idOverlay(),\n          timeLiveUpdate: getDayjs().unix(),\n        },\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      if (UtilsCommunicateMicroKeyGlobal.IGNORE_INTERVAL_UPDATE_TIME_LIVE_EVENT_MODAL) {\n        return;\n      }\n\n      interval(2000)\n        .pipe(takeUntil(this.onDestroy))\n        .subscribe(() => {\n          data.response.timeLiveUpdate = getDayjs().unix();\n\n          UtilsCommunicateMicro.PostMessageToParent(data);\n        });\n    }\n  }\n\n  protected handlerEdit() {\n    this.outEdit.emit();\n  }\n\n  protected cancel() {\n    this.outClose.emit();\n  }\n\n  protected async handlerClickButton(button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action();\n    }\n    this.outClickButton.emit(button);\n  }\n\n  protected async handlerSwitch(event: ISwitchEvent, button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action(event);\n    }\n  }\n\n  protected handlerSelectedKey(event: IEmitSelectKey | undefined) {\n    this.outSelectedMenuDropdown.emit(event);\n    this.functionControlMenu?.reset();\n  }\n\n  protected handlerControlDropdownMenu(event: IDropdownFunctionControlEvent) {\n    this.functionControlMenu = event;\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'close',\n          state: false,\n          idOverlay: this.idOverlay(),\n        },\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n    }\n  }\n}\n","<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{\n            maxWidth: 250,\n            zIndex: zIndex() + 1,\n          }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          <!--  thêm đường phân cách -->\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{\n                config: {\n                  content: 'i18n_4x_other_operations',\n                },\n              }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n  <div [class]=\"'libs-ui-components-page_full-body ' + classBodyInclude()\">\n    <ng-content />\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"libs-ui-components-pages-template-full-screen.mjs","sources":["../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen-v2/full-screen-v2.component.ts","../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen-v2/full-screen-v2.component.html","../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen.component.ts","../../../../../../libs-ui/components/pages-template/full-screen/src/full-screen.component.html","../../../../../../libs-ui/components/pages-template/full-screen/src/libs-ui-components-pages-template-full-screen.ts"],"sourcesContent":["import { AsyncPipe, NgComponentOutlet, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, input, OnDestroy, OnInit, output, Signal, signal, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { LibsUiComponentsButtonsStatusComponent } from '@libs-ui/components-buttons-status';\nimport { IDropdown, IDropdownFunctionControlEvent, IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';\nimport { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';\nimport { ISkeletonConfig, LibsUiComponentsSkeletonComponent } from '@libs-ui/components-skeleton';\nimport { ISwitchEvent, LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';\nimport { TYPE_TEMPLATE_REF } from '@libs-ui/interfaces-types';\nimport { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';\nimport { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';\nimport { get, getDayjs, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval } from 'rxjs';\nimport { IPagesTemplateFullScreenButton } from '../interfaces/config.interface';\nimport { IFullScreenV2BodyConfig, IFullScreenV2SectionData } from './interfaces/full-screen-v2.interface';\n\n/**\n * Full Screen Template V2 — Kế thừa toàn bộ V1, bổ sung lazy loading cho body.\n * Header giữ nguyên 100%. Body hỗ trợ dynamic component injection với skeleton tự động.\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-pages_template_full_screen_v2',\n  templateUrl: './full-screen-v2.component.html',\n  styleUrls: ['./full-screen-v2.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    AsyncPipe,\n    NgComponentOutlet,\n    NgTemplateOutlet,\n    TranslateModule,\n    LibsUiComponentsDropdownComponent,\n    LibsUiComponentsSwitchComponent,\n    LibsUiComponentsButtonsButtonComponent,\n    LibsUiComponentsButtonsStatusComponent,\n    LibsUiComponentsPopoverComponent,\n    LibsUiComponentsSkeletonComponent,\n    LibsUiPipesCallFunctionInTemplatePipe,\n    LibsUiPipesEscapeHtmlPipe,\n    LibsUiComponentsLabelComponent,\n  ],\n})\nexport class LibsUiComponentsPagesTemplateFullScreenV2Component implements OnInit, OnDestroy {\n  // #region --- INPUTS (kế thừa từ V1) ---\n  readonly classHeaderInclude = input<string>();\n  readonly labelLeft = input<string, string | undefined>('i18n_back_to_list', { transform: (val) => val ?? 'i18n_back_to_list' });\n  readonly title = input<string>();\n  readonly buttonCenter = input<Array<IPagesTemplateFullScreenButton> | undefined>();\n  readonly buttonRight = input<Array<IPagesTemplateFullScreenButton>>();\n  readonly hasEdit = input<boolean>(false);\n  readonly menuDropDownConfigs = input<IDropdown>();\n  readonly zIndex = input<number, number | undefined>(1000, { transform: (val) => val ?? 1000 });\n  readonly ignoreClosePageFullEvent = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n  readonly ignoreBackgroundColor = input<boolean>();\n  readonly divideClassHeader = input<{ classButtonCancel: string; classButtonCenter: string; classButtonRight: string } | undefined>();\n  readonly centerTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly templateRight = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly leftTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly disable = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n  // #endregion\n\n  // #region --- INPUTS (mới trong V2) ---\n  /** Config lazy load component vào body. Nếu không truyền getComponentOutlet → tự động dùng ng-content. */\n  readonly bodyConfig = input<IFullScreenV2BodyConfig, IFullScreenV2BodyConfig | undefined>({}, { transform: (v) => v || {} });\n  // #endregion\n\n  // #region --- OUTPUTS ---\n  readonly outClose = output<void>();\n  readonly outEdit = output<void>();\n  readonly outSelectedMenuDropdown = output<IEmitSelectKey | undefined>();\n  readonly outClickButton = output<IPagesTemplateFullScreenButton>();\n  // #endregion\n\n  // #region --- INTERNAL STATE ---\n  private readonly idOverlay = signal<string>(uuid()).asReadonly();\n  private readonly destroyRef = inject(DestroyRef);\n  private functionControlMenu: IDropdownFunctionControlEvent | undefined;\n  // #endregion\n\n  // #region --- COMPUTED ---\n  /** State reactive để truyền vào component outlet */\n  protected readonly sectionData = computed<IFullScreenV2SectionData>(() => ({\n    disable: this.disable(),\n  }));\n\n  /** Skeleton body — fallback về config mặc định nếu không được truyền */\n  protected readonly resolvedSkeletonBody: Signal<ISkeletonConfig> = computed(() => {\n    return (\n      get(this.bodyConfig, 'skeletonConfig') ?? {\n        repeat: 3,\n        styleMarginBottom: 16,\n        rows: [{ item: { classInclude: 'w-full h-[120px] rounded-[8px]' } }],\n      }\n    );\n  });\n  // #endregion\n\n  ngOnInit(): void {\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'open',\n          state: true,\n          idOverlay: this.idOverlay(),\n          timeLiveUpdate: getDayjs().unix(),\n        },\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      if (!UtilsCommunicateMicroKeyGlobal.IGNORE_INTERVAL_UPDATE_TIME_LIVE_EVENT_MODAL) {\n        interval(2000)\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => {\n            data.response.timeLiveUpdate = getDayjs().unix();\n            UtilsCommunicateMicro.PostMessageToParent(data);\n          });\n      }\n    }\n  }\n\n  // #region --- EVENT HANDLERS ---\n  protected handlerEdit() {\n    this.outEdit.emit();\n  }\n\n  protected cancel() {\n    this.outClose.emit();\n  }\n\n  protected async handlerClickButton(button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action();\n    }\n    this.outClickButton.emit(button);\n  }\n\n  protected async handlerSwitch(event: ISwitchEvent, button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action(event);\n    }\n  }\n\n  protected handlerSelectedKey(event: IEmitSelectKey | undefined) {\n    this.outSelectedMenuDropdown.emit(event);\n    this.functionControlMenu?.reset();\n  }\n\n  protected handlerControlDropdownMenu(event: IDropdownFunctionControlEvent) {\n    this.functionControlMenu = event;\n  }\n  // #endregion\n\n  ngOnDestroy(): void {\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'close',\n          state: false,\n          idOverlay: this.idOverlay(),\n        },\n      };\n      UtilsCommunicateMicro.PostMessageToParent(data);\n    }\n  }\n}\n","<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <!-- ===================== HEADER (giữ nguyên 100% từ V1) ===================== -->\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{ maxWidth: 250, zIndex: zIndex() + 1 }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{ config: { content: 'i18n_4x_other_operations' } }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n\n  <!-- ===================== BODY (V2: Lazy Load hoặc ng-content) ===================== -->\n  @if (bodyConfig().getComponentOutlet; as getBodyComponentOutlet) {\n    <!-- Lazy load mode -->\n    <div [class]=\"'libs-ui-components-page_full-body ' + (bodyConfig().classInclude || '')\">\n      @let constHtmlCompBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: getBodyComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @let constHtmlInputsBody = undefined | LibsUiPipesCallFunctionInTemplatePipe: bodyConfig().getDataComponentOutlet : sectionData() : null : { valueIsEmpty: null } | async;\n      @if (constHtmlCompBody) {\n        @defer {\n          <ng-container *ngComponentOutlet=\"constHtmlCompBody; inputs: constHtmlInputsBody\" />\n        } @loading {\n          <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n        }\n      } @else {\n        <libs_ui-components-skeleton [config]=\"resolvedSkeletonBody()\" />\n      }\n    </div>\n  }\n</div>\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, input, OnDestroy, OnInit, output, signal, TemplateRef } from '@angular/core';\nimport { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { LibsUiComponentsButtonsStatusComponent } from '@libs-ui/components-buttons-status';\nimport { IDropdown, IDropdownFunctionControlEvent, IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';\nimport { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';\nimport { ISwitchEvent, LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';\nimport { TYPE_TEMPLATE_REF } from '@libs-ui/interfaces-types';\nimport { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';\nimport { getDayjs, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { IPagesTemplateFullScreenButton } from './interfaces/config.interface';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-pages_template_full_screen',\n  templateUrl: './full-screen.component.html',\n  styleUrls: ['./full-screen.component.scss'],\n  standalone: true,\n  imports: [\n    TranslateModule,\n    NgTemplateOutlet,\n    LibsUiComponentsDropdownComponent,\n    LibsUiComponentsSwitchComponent,\n    LibsUiComponentsButtonsButtonComponent,\n    LibsUiComponentsButtonsStatusComponent,\n    LibsUiComponentsPopoverComponent,\n    LibsUiPipesEscapeHtmlPipe,\n    LibsUiComponentsLabelComponent,\n  ],\n  providers: [],\n})\nexport class LibsUiComponentsPagesTemplateFullScreenComponent implements OnInit, OnDestroy {\n  private idOverlay = signal<string>(uuid());\n  private functionControlMenu: IDropdownFunctionControlEvent | undefined;\n  private onDestroy = new Subject<void>();\n\n  readonly classHeaderInclude = input<string>();\n  readonly labelLeft = input<string, string | undefined>('i18n_back_to_list', { transform: (val) => val ?? 'i18n_back_to_list' });\n  readonly classBodyInclude = input<string>();\n  readonly title = input<string>();\n  readonly buttonCenter = input<Array<IPagesTemplateFullScreenButton> | undefined>();\n  readonly buttonRight = input<Array<IPagesTemplateFullScreenButton>>();\n  readonly hasEdit = input<boolean>(false);\n  readonly menuDropDownConfigs = input<IDropdown>();\n  readonly zIndex = input<number, number | undefined>(1000, { transform: (val) => val ?? 1000 });\n  readonly ignoreClosePageFullEvent = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n  readonly ignoreBackgroundColor = input<boolean>();\n  readonly divideClassHeader = input<{ classButtonCancel: string; classButtonCenter: string; classButtonRight: string } | undefined>();\n  readonly centerTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly templateRight = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly leftTemplate = input<TemplateRef<TYPE_TEMPLATE_REF> | undefined>();\n  readonly disable = input<boolean, boolean | undefined>(false, { transform: (val) => val ?? false });\n\n  readonly outClose = output<void>();\n  readonly outEdit = output<void>();\n  readonly outSelectedMenuDropdown = output<IEmitSelectKey | undefined>();\n  readonly outClickButton = output<IPagesTemplateFullScreenButton>();\n\n  ngOnInit(): void {\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'open',\n          state: true,\n          idOverlay: this.idOverlay(),\n          timeLiveUpdate: getDayjs().unix(),\n        },\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      if (UtilsCommunicateMicroKeyGlobal.IGNORE_INTERVAL_UPDATE_TIME_LIVE_EVENT_MODAL) {\n        return;\n      }\n\n      interval(2000)\n        .pipe(takeUntil(this.onDestroy))\n        .subscribe(() => {\n          data.response.timeLiveUpdate = getDayjs().unix();\n\n          UtilsCommunicateMicro.PostMessageToParent(data);\n        });\n    }\n  }\n\n  protected handlerEdit() {\n    this.outEdit.emit();\n  }\n\n  protected cancel() {\n    this.outClose.emit();\n  }\n\n  protected async handlerClickButton(button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action();\n    }\n    this.outClickButton.emit(button);\n  }\n\n  protected async handlerSwitch(event: ISwitchEvent, button: IPagesTemplateFullScreenButton) {\n    if (button && button.action) {\n      await button.action(event);\n    }\n  }\n\n  protected handlerSelectedKey(event: IEmitSelectKey | undefined) {\n    this.outSelectedMenuDropdown.emit(event);\n    this.functionControlMenu?.reset();\n  }\n\n  protected handlerControlDropdownMenu(event: IDropdownFunctionControlEvent) {\n    this.functionControlMenu = event;\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy.next();\n    this.onDestroy.complete();\n    if (!this.ignoreClosePageFullEvent()) {\n      const data = {\n        type: UtilsCommunicateMicroKeyGlobal.KEY_MESSAGE_MODAL,\n        response: {\n          message: 'close',\n          state: false,\n          idOverlay: this.idOverlay(),\n        },\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n    }\n  }\n}\n","<div\n  class=\"libs-ui-components-page_full overflow-hidden\"\n  [style.zIndex]=\"zIndex()\"\n  [style.background-color]=\"ignoreBackgroundColor() ? 'transparent' : '#f2f5f7'\">\n  <div [class]=\"'libs-ui-components-page_full-header ' + classHeaderInclude()\">\n    <div class=\"{{ divideClassHeader()?.classButtonCancel || 'w-[25%]' }}\">\n      @if (leftTemplate(); as leftTemplate) {\n        <ng-container *ngTemplateOutlet=\"leftTemplate\" />\n      }\n      @if (labelLeft(); as labelLeft) {\n        <libs_ui-components-buttons-button\n          [label]=\"labelLeft\"\n          [type]=\"'button-link-primary'\"\n          [classIconLeft]=\"'libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px]'\"\n          [classLabel]=\"'libs-ui-font-h4r'\"\n          (outClick)=\"cancel()\" />\n      }\n    </div>\n\n    @if (centerTemplate(); as centerTemplate) {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <ng-container *ngTemplateOutlet=\"centerTemplate\" />\n      </div>\n    } @else {\n      <div class=\"{{ divideClassHeader()?.classButtonCenter || 'w-[40%]' }} flex items-center justify-center\">\n        <libs_ui-components-popover\n          type=\"text\"\n          [config]=\"{\n            maxWidth: 250,\n            zIndex: zIndex() + 1,\n          }\"\n          [classInclude]=\"'libs-ui-font-h2s'\"\n          [innerHtml]=\"title() ? (title() | LibsUiPipesEscapeHtmlPipe) : '&mdash;'\" />\n\n        @if (hasEdit(); as hasEdit) {\n          <libs_ui-components-buttons-button\n            [type]=\"'button-link-primary'\"\n            (outClick)=\"handlerEdit()\"\n            [iconOnlyType]=\"true\"\n            [classIconLeft]=\"'libs-ui-icon-edit-line'\"\n            [classInclude]=\"'ml-[4px]'\" />\n        }\n        @for (button of buttonCenter(); track button.key) {\n          <div class=\"ml-[12px] flex items-center\">\n            @if (button.key === 'button') {\n              <libs_ui-components-buttons-button\n                [label]=\"button.label || ''\"\n                [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-head-4s'\"\n                [type]=\"button.type || 'button-primary'\"\n                [classInclude]=\"button.classInclude || ''\"\n                [classIconLeft]=\"button.classIconLeft || ''\"\n                [classIconRight]=\"button.classIconRight || ''\"\n                [popover]=\"button.popover || {}\"\n                [disable]=\"button.disable || disable()\"\n                [isPending]=\"button.isPending || false\"\n                (outClick)=\"handlerClickButton(button)\" />\n            }\n            @if (button.key === 'button-status' && button.configButtonStatus) {\n              <libs_ui-components-buttons-status\n                [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch\n                [active]=\"button.active || false\"\n                [disable]=\"button.disable || disable()\"\n                class=\"{{ button.classInclude }}\"\n                (outSwitch)=\"handlerSwitch($event, button)\" />\n            }\n            @if (button.key === 'label' && button.labelConfig) {\n              <libs_ui-components-label\n                [classInclude]=\"button.labelConfig.classInclude + ' pb-0 text-white'\"\n                [labelLeft]=\"button.labelConfig.labelLeft\"\n                [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n                [required]=\"button.labelConfig.required\"\n                [description]=\"button.labelConfig.description\"\n                [labelRight]=\"button.labelConfig.labelRight\"\n                [labelRightClass]=\"button.labelConfig.labelRightClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n                [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n                [buttonsRight]=\"button.labelConfig.buttonsRight\"\n                [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n                [hasToggle]=\"button.labelConfig.hasToggle\"\n                [toggleActive]=\"button.labelConfig.toggleActive\"\n                [toggleDisable]=\"button.labelConfig.toggleDisable\"\n                [popover]=\"button.labelConfig.popover\"\n                [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n                [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n                [limitLength]=\"button.labelConfig.limitLength\"\n                [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n                [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n                [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n                [count]=\"button.labelConfig.count\" />\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"{{ divideClassHeader()?.classButtonRight || 'w-[35%]' }} flex justify-end items-center\">\n      @for (button of buttonRight(); track button.key) {\n        <div [class.ml-[12px]]=\"!$first\">\n          @if (button.key === 'label' && button.labelConfig) {\n            <libs_ui-components-label\n              [classInclude]=\"button.labelConfig.classInclude + ' pb-0'\"\n              [labelLeft]=\"button.labelConfig.labelLeft\"\n              [labelLeftClass]=\"button.labelConfig.labelLeftClass\"\n              [required]=\"button.labelConfig.required\"\n              [description]=\"button.labelConfig.description\"\n              [labelRight]=\"button.labelConfig.labelRight\"\n              [labelRightClass]=\"button.labelConfig.labelRightClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [buttonsLeft]=\"button.labelConfig.buttonsLeft\"\n              [disableButtonsLeft]=\"button.labelConfig.disableButtonsLeft\"\n              [buttonsRight]=\"button.labelConfig.buttonsRight\"\n              [disableButtonsRight]=\"button.labelConfig.disableButtonsRight\"\n              [hasToggle]=\"button.labelConfig.hasToggle\"\n              [toggleActive]=\"button.labelConfig.toggleActive\"\n              [toggleDisable]=\"button.labelConfig.toggleDisable\"\n              [popover]=\"button.labelConfig.popover\"\n              [iconPopoverClass]=\"button.labelConfig.iconPopoverClass\"\n              [onlyShowCount]=\"button.labelConfig.onlyShowCount\"\n              [limitLength]=\"button.labelConfig.limitLength\"\n              [buttonsDescription]=\"button.labelConfig.buttonsDescription\"\n              [disableButtonsDescription]=\"button.labelConfig.disableButtonsDescription\"\n              [buttonsDescriptionContainerClass]=\"button.labelConfig.buttonsDescriptionContainerClass\"\n              [count]=\"button.labelConfig.count\" />\n          }\n          @if (button.key === 'switch') {\n            <libs_ui-components-switch\n              [active]=\"button.active || false\"\n              [disable]=\"button.disable || disable()\"\n              class=\"{{ button.classInclude }}\"\n              (outSwitch)=\"handlerSwitch($event, button)\" />\n          }\n\n          @if (button.key === 'button') {\n            <libs_ui-components-buttons-button\n              [label]=\"button?.label || ''\"\n              [classLabel]=\"(button.classLabel || '') + ' libs-ui-font-h4s'\"\n              [type]=\"button.type || 'button-primary'\"\n              [classInclude]=\"button.classInclude || ''\"\n              [classIconLeft]=\"button.classIconLeft || ''\"\n              [classIconRight]=\"button.classIconRight || ''\"\n              [popover]=\"button.popover || {}\"\n              [disable]=\"button.disable || disable()\"\n              [isPending]=\"button.isPending || false\"\n              [iconOnlyType]=\"button.iconOnlyType || false\"\n              (outClick)=\"handlerClickButton(button)\" />\n          }\n          <!--  thêm đường phân cách -->\n          @if (button.key === 'line-space') {\n            <div\n              class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">\n              &nbsp;\n            </div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown\n            [isNgContent]=\"true\"\n            [zIndex]=\"zIndex() + 1\"\n            [listConfig]=\"menuDropDownConfigs.listConfig\"\n            [listHiddenInputSearch]=\"true\"\n            [popoverCustomConfig]=\"menuDropDownConfigs.popoverCustomConfig\"\n            (outFunctionsControl)=\"handlerControlDropdownMenu($event)\"\n            (outSelectKey)=\"handlerSelectedKey($event)\">\n            <libs_ui-components-buttons-button\n              [classInclude]=\"'p-[8px]'\"\n              [type]=\"'button-third'\"\n              [iconOnlyType]=\"true\"\n              [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px]'\"\n              [popover]=\"{\n                config: {\n                  content: 'i18n_4x_other_operations',\n                },\n              }\"\n              [ignoreStopPropagationEvent]=\"true\" />\n          </libs_ui-components-dropdown>\n        </div>\n      }\n      @if (templateRight(); as templateRight) {\n        <ng-container *ngTemplateOutlet=\"templateRight\" />\n      }\n    </div>\n  </div>\n  <div [class]=\"'libs-ui-components-page_full-body ' + classBodyInclude()\">\n    <ng-content />\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/full-screen-v2/full-screen-v2.component.d.ts

@@ -0,0 +1,55 @@
+import { OnDestroy, OnInit, Signal, TemplateRef } from '@angular/core';
+import { IDropdown, IDropdownFunctionControlEvent, IEmitSelectKey } from '@libs-ui/components-dropdown';
+import { ISkeletonConfig } from '@libs-ui/components-skeleton';
+import { ISwitchEvent } from '@libs-ui/components-switch';
+import { IPagesTemplateFullScreenButton } from '../interfaces/config.interface';
+import { IFullScreenV2BodyConfig, IFullScreenV2SectionData } from './interfaces/full-screen-v2.interface';
+import * as i0 from "@angular/core";
+/**
+ * Full Screen Template V2 — Kế thừa toàn bộ V1, bổ sung lazy loading cho body.
+ * Header giữ nguyên 100%. Body hỗ trợ dynamic component injection với skeleton tự động.
+ */
+export declare class LibsUiComponentsPagesTemplateFullScreenV2Component implements OnInit, OnDestroy {
+    readonly classHeaderInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelLeft: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly buttonCenter: import("@angular/core").InputSignal<IPagesTemplateFullScreenButton[] | undefined>;
+    readonly buttonRight: import("@angular/core").InputSignal<IPagesTemplateFullScreenButton[] | undefined>;
+    readonly hasEdit: import("@angular/core").InputSignal<boolean>;
+    readonly menuDropDownConfigs: import("@angular/core").InputSignal<IDropdown | undefined>;
+    readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly ignoreClosePageFullEvent: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    readonly ignoreBackgroundColor: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly divideClassHeader: import("@angular/core").InputSignal<{
+        classButtonCancel: string;
+        classButtonCenter: string;
+        classButtonRight: string;
+    } | undefined>;
+    readonly centerTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly templateRight: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly leftTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly disable: import("@angular/core").InputSignalWithTransform<boolean, boolean | undefined>;
+    /** Config lazy load component vào body. Nếu không truyền getComponentOutlet → tự động dùng ng-content. */
+    readonly bodyConfig: import("@angular/core").InputSignalWithTransform<IFullScreenV2BodyConfig, IFullScreenV2BodyConfig | undefined>;
+    readonly outClose: import("@angular/core").OutputEmitterRef<void>;
+    readonly outEdit: import("@angular/core").OutputEmitterRef<void>;
+    readonly outSelectedMenuDropdown: import("@angular/core").OutputEmitterRef<IEmitSelectKey | undefined>;
+    readonly outClickButton: import("@angular/core").OutputEmitterRef<IPagesTemplateFullScreenButton>;
+    private readonly idOverlay;
+    private readonly destroyRef;
+    private functionControlMenu;
+    /** State reactive để truyền vào component outlet */
+    protected readonly sectionData: Signal<IFullScreenV2SectionData>;
+    /** Skeleton body — fallback về config mặc định nếu không được truyền */
+    protected readonly resolvedSkeletonBody: Signal<ISkeletonConfig>;
+    ngOnInit(): void;
+    protected handlerEdit(): void;
+    protected cancel(): void;
+    protected handlerClickButton(button: IPagesTemplateFullScreenButton): Promise<void>;
+    protected handlerSwitch(event: ISwitchEvent, button: IPagesTemplateFullScreenButton): Promise<void>;
+    protected handlerSelectedKey(event: IEmitSelectKey | undefined): void;
+    protected handlerControlDropdownMenu(event: IDropdownFunctionControlEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsPagesTemplateFullScreenV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsPagesTemplateFullScreenV2Component, "libs_ui-components-pages_template_full_screen_v2", never, { "classHeaderInclude": { "alias": "classHeaderInclude"; "required": false; "isSignal": true; }; "labelLeft": { "alias": "labelLeft"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "buttonCenter": { "alias": "buttonCenter"; "required": false; "isSignal": true; }; "buttonRight": { "alias": "buttonRight"; "required": false; "isSignal": true; }; "hasEdit": { "alias": "hasEdit"; "required": false; "isSignal": true; }; "menuDropDownConfigs": { "alias": "menuDropDownConfigs"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "ignoreClosePageFullEvent": { "alias": "ignoreClosePageFullEvent"; "required": false; "isSignal": true; }; "ignoreBackgroundColor": { "alias": "ignoreBackgroundColor"; "required": false; "isSignal": true; }; "divideClassHeader": { "alias": "divideClassHeader"; "required": false; "isSignal": true; }; "centerTemplate": { "alias": "centerTemplate"; "required": false; "isSignal": true; }; "templateRight": { "alias": "templateRight"; "required": false; "isSignal": true; }; "leftTemplate": { "alias": "leftTemplate"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "bodyConfig": { "alias": "bodyConfig"; "required": false; "isSignal": true; }; }, { "outClose": "outClose"; "outEdit": "outEdit"; "outSelectedMenuDropdown": "outSelectedMenuDropdown"; "outClickButton": "outClickButton"; }, never, never, true, never>;
+}

package/full-screen-v2/interfaces/full-screen-v2.interface.d.ts

@@ -0,0 +1,20 @@
+import { WritableSignal } from '@angular/core';
+import { ISkeletonConfig } from '@libs-ui/components-skeleton';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+/**
+ * Config dành riêng cho vùng body V2 — hỗ trợ lazy load component động.
+ */
+export interface IFullScreenV2BodyConfig {
+    /** Hàm trả về Observable<Type<any>> để lazy load component vào body */
+    getComponentOutlet?: TYPE_FUNCTION<any>;
+    /** Hàm trả về Observable<Record> để truyền dữ liệu (inputs) vào component được load */
+    getDataComponentOutlet?: TYPE_FUNCTION<Record<string, unknown>>;
+    /** Skeleton tùy chỉnh trong lúc Observable chờ resolve — dùng WritableSignal để reactive */
+    skeletonConfig?: WritableSignal<ISkeletonConfig>;
+    /** Class thêm vào vùng body wrapper ngoài */
+    classInclude?: string;
+}
+/** Dữ liệu reactive truyền vào Component Outlet body */
+export interface IFullScreenV2SectionData {
+    disable: boolean;
+}

package/full-screen-v2/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './full-screen-v2.interface';

package/index.d.ts

@@ -1,2 +1,4 @@
+export * from './full-screen-v2/full-screen-v2.component';
+export * from './full-screen-v2/interfaces';
 export * from './full-screen.component';
 export * from './interfaces/config.interface';

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@libs-ui/components-pages-template-full-screen",
-  "version": "0.2.356-0",
+  "version": "0.2.356-2",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-buttons-button": "0.2.356-0",
-    "@libs-ui/components-buttons-status": "0.2.356-0",
-    "@libs-ui/components-dropdown": "0.2.356-0",
-    "@libs-ui/components-label": "0.2.356-0",
-    "@libs-ui/components-popover": "0.2.356-0",
-    "@libs-ui/components-switch": "0.2.356-0",
-    "@libs-ui/interfaces-types": "0.2.356-0",
-    "@libs-ui/pipes-escape-html": "0.2.356-0",
-    "@libs-ui/utils": "0.2.356-0",
+    "@libs-ui/components-buttons-button": "0.2.356-2",
+    "@libs-ui/components-buttons-status": "0.2.356-2",
+    "@libs-ui/components-dropdown": "0.2.356-2",
+    "@libs-ui/components-label": "0.2.356-2",
+    "@libs-ui/components-popover": "0.2.356-2",
+    "@libs-ui/components-switch": "0.2.356-2",
+    "@libs-ui/interfaces-types": "0.2.356-2",
+    "@libs-ui/pipes-escape-html": "0.2.356-2",
+    "@libs-ui/utils": "0.2.356-2",
     "dayjs": "1.11.5",
     "rxjs": "~7.8.0",
     "@ngx-translate/core": "^15.0.0"