@libs-ui/components-pages-template-full-screen 0.2.30-6.1

package/README.md

@@ -0,0 +1,3 @@
+# pages-template-full-screen
+
+This library was generated with [Nx](https://nx.dev).

package/esm2022/full-screen.component.mjs

@@ -0,0 +1,111 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { Component, input, output, signal } from '@angular/core';
+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 { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { getDayjs, UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid, } from '@libs-ui/utils';
+import { interval, Subject, takeUntil } from 'rxjs';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+export class LibsUiComponentsPagesTemplateFullScreenComponent {
+    idOverlay = signal(uuid());
+    functionControlMenu;
+    onDestroy = new Subject();
+    classHeaderInclude = input();
+    labelLeft = input('i18n_back_to_list', { transform: val => val ?? 'i18n_back_to_list' });
+    classBodyInclude = input();
+    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 });
+    outClose = output();
+    outEdit = output();
+    outSelectedMenuDropdown = output();
+    outClickButton = output();
+    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);
+            interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {
+                data.response.timeLiveUpdate = getDayjs().unix();
+                UtilsCommunicateMicro.PostMessageToParent(data);
+            });
+        }
+    }
+    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;
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+        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.13", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsPagesTemplateFullScreenComponent, isStandalone: true, selector: "libs_ui-components-pages_template_full_screen", inputs: { classHeaderInclude: { classPropertyName: "classHeaderInclude", publicName: "classHeaderInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, classBodyInclude: { classPropertyName: "classBodyInclude", publicName: "classBodyInclude", 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 } }, outputs: { outClose: "outClose", outEdit: "outEdit", outSelectedMenuDropdown: "outSelectedMenuDropdown", outClickButton: "outClickButton" }, providers: [], ngImport: i0, template: "<div 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 [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 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 [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 [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 [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch [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 [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\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 [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 [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 [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\u00EAm \u0111\u01B0\u1EDDng ph\u00E2n c\u00E1ch -->\n          @if (button.key === 'line-space') {\n            <div class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">&nbsp;</div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown [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 [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", 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: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template_full_screen', standalone: true, imports: [
+                        TranslateModule, NgTemplateOutlet,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsButtonsStatusComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsLabelComponent
+                    ], providers: [], template: "<div 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 [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 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 [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 [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 [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch [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 [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\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 [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 [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 [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\u00EAm \u0111\u01B0\u1EDDng ph\u00E2n c\u00E1ch -->\n          @if (button.key === 'line-space') {\n            <div class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">&nbsp;</div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown [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 [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", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbC1zY3JlZW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3BhZ2VzLXRlbXBsYXRlL2Z1bGwtc2NyZWVuL3NyYy9mdWxsLXNjcmVlbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2Z1bGwtc2NyZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBNEQsaUNBQWlDLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzSSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRSxPQUFPLEVBQWdCLCtCQUErQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxxQkFBcUIsRUFBRSw4QkFBOEIsRUFBRSxJQUFJLEdBQUcsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4RyxPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixD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QUFnRCw4L0VBRmhELEVBQUUsMEJDaENmLGkwU0FtTEEsbXFCRDVKSSxlQUFlLCtCQUFFLGdCQUFnQixvSkFDakMsaUNBQWlDLGkxREFDakMsK0JBQStCLHFKQUMvQixzQ0FBc0Msc2pCQUN0QyxzQ0FBc0Msa0dBQ3RDLGdDQUFnQywrZkFDaEMseUJBQXlCLGtFQUN6Qiw4QkFBOEI7OzRGQUlyQixnREFBZ0Q7a0JBbEI1RCxTQUFTOytCQUVFLCtDQUErQyxjQUc3QyxJQUFJLFdBQ1A7d0JBQ1AsZUFBZSxFQUFFLGdCQUFnQjt3QkFDakMsaUNBQWlDO3dCQUNqQywrQkFBK0I7d0JBQy9CLHNDQUFzQzt3QkFDdEMsc0NBQXNDO3dCQUN0QyxnQ0FBZ0M7d0JBQ2hDLHlCQUF5Qjt3QkFDekIsOEJBQThCO3FCQUMvQixhQUNVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBvdXRwdXQsIHNpZ25hbCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbic7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzQnV0dG9uc1N0YXR1c0NvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1zdGF0dXMnO1xuaW1wb3J0IHsgSURyb3Bkb3duLCBJRHJvcGRvd25GdW5jdGlvbkNvbnRyb2xFdmVudCwgSUVtaXRTZWxlY3RLZXksIExpYnNVaUNvbXBvbmVudHNEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtZHJvcGRvd24nO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0xhYmVsQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1sYWJlbCc7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzUG9wb3ZlckNvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtcG9wb3Zlcic7XG5pbXBvcnQgeyBJU3dpdGNoRXZlbnQsIExpYnNVaUNvbXBvbmVudHNTd2l0Y2hDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXN3aXRjaCc7XG5pbXBvcnQgeyBUWVBFX1RFTVBMQVRFX1JFRiB9IGZyb20gJ0BsaWJzLXVpL2ludGVyZmFjZXMtdHlwZXMnO1xuaW1wb3J0IHsgTGlic1VpUGlwZXNFc2NhcGVIdG1sUGlwZSB9IGZyb20gJ0BsaWJzLXVpL3BpcGVzLWVzY2FwZS1odG1sJztcbmltcG9ydCB7IGdldERheWpzLCBVdGlsc0NvbW11bmljYXRlTWljcm8sIFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbCwgdXVpZCwgfSBmcm9tICdAbGlicy11aS91dGlscyc7XG5pbXBvcnQgeyBEYXlqcyB9IGZyb20gJ2RheWpzJztcbmltcG9ydCB7IGludGVydmFsLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbiB9IGZyb20gJy4vaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtcGFnZXNfdGVtcGxhdGVfZnVsbF9zY3JlZW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vZnVsbC1zY3JlZW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mdWxsLXNjcmVlbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgVHJhbnNsYXRlTW9kdWxlLCBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIExpYnNVaUNvbXBvbmVudHNEcm9wZG93bkNvbXBvbmVudCxcbiAgICBMaWJzVWlDb21wb25lbnRzU3dpdGNoQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zQnV0dG9uQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNCdXR0b25zU3RhdHVzQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LFxuICAgIExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUsXG4gICAgTGlic1VpQ29tcG9uZW50c0xhYmVsQ29tcG9uZW50XG4gIF0sXG4gIHByb3ZpZGVyczogW11cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c1BhZ2VzVGVtcGxhdGVGdWxsU2NyZWVuQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIGlkT3ZlcmxheSA9IHNpZ25hbDxzdHJpbmc+KHV1aWQoKSk7XG4gIHByaXZhdGUgZnVuY3Rpb25Db250cm9sTWVudTogSURyb3Bkb3duRnVuY3Rpb25Db250cm9sRXZlbnQgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgb25EZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICByZWFkb25seSBjbGFzc0hlYWRlckluY2x1ZGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGxhYmVsTGVmdCA9IGlucHV0PHN0cmluZywgc3RyaW5nIHwgdW5kZWZpbmVkPignaTE4bl9iYWNrX3RvX2xpc3QnLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAnaTE4bl9iYWNrX3RvX2xpc3QnIH0pO1xuICByZWFkb25seSBjbGFzc0JvZHlJbmNsdWRlID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uQ2VudGVyID0gaW5wdXQ8QXJyYXk8SVBhZ2VzVGVtcGxhdGVGdWxsU2NyZWVuQnV0dG9uPiB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgYnV0dG9uUmlnaHQgPSBpbnB1dDxBcnJheTxJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24+PigpO1xuICByZWFkb25seSBoYXNFZGl0ID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBtZW51RHJvcERvd25Db25maWdzID0gaW5wdXQ8SURyb3Bkb3duPigpO1xuICByZWFkb25seSB6SW5kZXggPSBpbnB1dDxudW1iZXIsIG51bWJlciB8IHVuZGVmaW5lZD4oMTAwMCwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gMTAwMCB9KTtcbiAgcmVhZG9ubHkgaWdub3JlQ2xvc2VQYWdlRnVsbEV2ZW50ID0gaW5wdXQ8Ym9vbGVhbiwgYm9vbGVhbiB8IHVuZGVmaW5lZD4oZmFsc2UsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/IGZhbHNlIH0pO1xuICByZWFkb25seSBpZ25vcmVCYWNrZ3JvdW5kQ29sb3IgPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSBkaXZpZGVDbGFzc0hlYWRlciA9IGlucHV0PHsgY2xhc3NCdXR0b25DYW5jZWw6IHN0cmluZywgY2xhc3NCdXR0b25DZW50ZXI6IHN0cmluZywgY2xhc3NCdXR0b25SaWdodDogc3RyaW5nIH0gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGNlbnRlclRlbXBsYXRlID0gaW5wdXQ8VGVtcGxhdGVSZWY8VFlQRV9URU1QTEFURV9SRUY+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSB0ZW1wbGF0ZVJpZ2h0ID0gaW5wdXQ8VGVtcGxhdGVSZWY8VFlQRV9URU1QTEFURV9SRUY+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBsZWZ0VGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjxUWVBFX1RFTVBMQVRFX1JFRj4gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBpbnB1dDxib29sZWFuLCBib29sZWFuIHwgdW5kZWZpbmVkPihmYWxzZSwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gZmFsc2UgfSk7XG5cbiAgcmVhZG9ubHkgb3V0Q2xvc2UgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcmVhZG9ubHkgb3V0RWRpdCA9IG91dHB1dDx2b2lkPigpO1xuICByZWFkb25seSBvdXRTZWxlY3RlZE1lbnVEcm9wZG93biA9IG91dHB1dDxJRW1pdFNlbGVjdEtleSB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgb3V0Q2xpY2tCdXR0b24gPSBvdXRwdXQ8SVBhZ2VzVGVtcGxhdGVGdWxsU2NyZWVuQnV0dG9uPigpO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pZ25vcmVDbG9zZVBhZ2VGdWxsRXZlbnQoKSkge1xuICAgICAgY29uc3QgZGF0YSA9IHtcbiAgICAgICAgdHlwZTogVXRpbHNDb21tdW5pY2F0ZU1pY3JvS2V5R2xvYmFsLktFWV9NRVNTQUdFX01PREFMLFxuICAgICAgICByZXNwb25zZToge1xuICAgICAgICAgIG1lc3NhZ2U6ICdvcGVuJyxcbiAgICAgICAgICBzdGF0ZTogdHJ1ZSxcbiAgICAgICAgICBpZE92ZXJsYXk6IHRoaXMuaWRPdmVybGF5KCksXG4gICAgICAgICAgdGltZUxpdmVVcGRhdGU6IGdldERheWpzPERheWpzPigpLnVuaXgoKVxuICAgICAgICB9XG4gICAgICB9O1xuXG4gICAgICBVdGlsc0NvbW11bmljYXRlTWljcm8uUG9zdE1lc3NhZ2VUb1BhcmVudChkYXRhKTtcblxuICAgICAgaW50ZXJ2YWwoMjAwMCkucGlwZSh0YWtlVW50aWwodGhpcy5vbkRlc3Ryb3kpKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICBkYXRhLnJlc3BvbnNlLnRpbWVMaXZlVXBkYXRlID0gZ2V0RGF5anM8RGF5anM+KCkudW5peCgpO1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfSk7XG5cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckVkaXQoKSB7XG4gICAgdGhpcy5vdXRFZGl0LmVtaXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjYW5jZWwoKSB7XG4gICAgdGhpcy5vdXRDbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbjogSVBhZ2VzVGVtcGxhdGVGdWxsU2NyZWVuQnV0dG9uKSB7XG4gICAgaWYgKGJ1dHRvbiAmJiBidXR0b24uYWN0aW9uKSB7XG4gICAgICBhd2FpdCBidXR0b24uYWN0aW9uKCk7XG4gICAgfVxuICAgIHRoaXMub3V0Q2xpY2tCdXR0b24uZW1pdChidXR0b24pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJTd2l0Y2goZXZlbnQ6IElTd2l0Y2hFdmVudCwgYnV0dG9uOiBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24pIHtcbiAgICBpZiAoYnV0dG9uICYmIGJ1dHRvbi5hY3Rpb24pIHtcbiAgICAgIGF3YWl0IGJ1dHRvbi5hY3Rpb24oZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyU2VsZWN0ZWRLZXkoZXZlbnQ6IElFbWl0U2VsZWN0S2V5IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5vdXRTZWxlY3RlZE1lbnVEcm9wZG93bi5lbWl0KGV2ZW50KTtcbiAgICB0aGlzLmZ1bmN0aW9uQ29udHJvbE1lbnU/LnJlc2V0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckNvbnRyb2xEcm9wZG93bk1lbnUoZXZlbnQ6IElEcm9wZG93bkZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5mdW5jdGlvbkNvbnRyb2xNZW51ID0gZXZlbnQ7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uRGVzdHJveS5uZXh0KCk7XG4gICAgdGhpcy5vbkRlc3Ryb3kuY29tcGxldGUoKTtcbiAgICBpZiAoIXRoaXMuaWdub3JlQ2xvc2VQYWdlRnVsbEV2ZW50KCkpIHtcbiAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgIHR5cGU6IFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5LRVlfTUVTU0FHRV9NT0RBTCxcbiAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICBtZXNzYWdlOiAnY2xvc2UnLFxuICAgICAgICAgIHN0YXRlOiBmYWxzZSxcbiAgICAgICAgICBpZE92ZXJsYXk6IHRoaXMuaWRPdmVybGF5KClcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsIG92ZXJmbG93LWhpZGRlblwiXG4gIFtzdHlsZS56SW5kZXhdPVwiekluZGV4KClcIlxuICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJpZ25vcmVCYWNrZ3JvdW5kQ29sb3IoKSA/ICd0cmFuc3BhcmVudCc6JyNmMmY1ZjcnXCI+XG4gIDxkaXYgW2NsYXNzXT1cIidsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsLWhlYWRlciAnICsgY2xhc3NIZWFkZXJJbmNsdWRlKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DYW5jZWwgfHwgJ3ctWzI1JV0nIH19XCI+XG4gICAgICBAaWYgKGxlZnRUZW1wbGF0ZSgpOyBhcyBsZWZ0VGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxlZnRUZW1wbGF0ZVwiIC8+XG4gICAgICB9XG4gICAgICBAaWYgKGxhYmVsTGVmdCgpOyBhcyBsYWJlbExlZnQpIHtcbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbbGFiZWxdPVwibGFiZWxMZWZ0XCJcbiAgICAgICAgICBbdHlwZV09XCInYnV0dG9uLWxpbmstcHJpbWFyeSdcIlxuICAgICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cIidsaWJzLXVpLWljb24tY2hldnJvbi1yaWdodCByb3RhdGUtWzE4MGRlZ10gYmVmb3JlOnRleHQtWzE2cHhdJ1wiXG4gICAgICAgICAgW2NsYXNzTGFiZWxdPVwiJ2xpYnMtdWktZm9udC1oNHInXCJcbiAgICAgICAgICAob3V0Q2xpY2spPVwiY2FuY2VsKClcIiAvPlxuICAgICAgfVxuICAgIDwvZGl2PlxuXG4gICAgQGlmIChjZW50ZXJUZW1wbGF0ZSgpOyBhcyBjZW50ZXJUZW1wbGF0ZSkge1xuICAgICAgPGRpdiBjbGFzcz1cInt7IGRpdmlkZUNsYXNzSGVhZGVyKCk/LmNsYXNzQnV0dG9uQ2VudGVyIHx8ICd3LVs0MCVdJyB9fSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2VudGVyVGVtcGxhdGVcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DZW50ZXJ8fCAndy1bNDAlXScgfX0gZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICBbY29uZmlnXT1cIntcbiAgICAgICAgICAgIG1heFdpZHRoOiAyNTAsXG4gICAgICAgICAgICB6SW5kZXg6IHpJbmRleCgpICsgMVxuICAgICAgICAgIH1cIlxuICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ2xpYnMtdWktZm9udC1oMnMnXCJcbiAgICAgICAgICBbaW5uZXJIdG1sXT1cInRpdGxlKCkgPyAodGl0bGUoKSAgfCBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlKSA6ICcmbWRhc2g7J1wiIC8+XG5cbiAgICAgICAgQGlmIChoYXNFZGl0KCk7IGFzIGhhc0VkaXQpIHtcbiAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFt0eXBlXT1cIididXR0b24tbGluay1wcmltYXJ5J1wiXG4gICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckVkaXQoKVwiXG4gICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cInRydWVcIlxuICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiJ2xpYnMtdWktaWNvbi1lZGl0LWxpbmUnXCJcbiAgICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ21sLVs0cHhdJ1wiIC8+XG4gICAgICAgIH1cbiAgICAgICAgQGZvciAoYnV0dG9uIG9mIGJ1dHRvbkNlbnRlcigpOyB0cmFjayBidXR0b24ua2V5KSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1sLVsxMnB4XSBmbGV4IGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnYnV0dG9uJykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtsYWJlbF09XCJidXR0b24ubGFiZWwgfHwgJydcIlxuICAgICAgICAgICAgICAgIFtjbGFzc0xhYmVsXT1cIihidXR0b24uY2xhc3NMYWJlbCB8fCAnJykgKyAnIGxpYnMtdWktZm9udC1oZWFkLTRzJ1wiXG4gICAgICAgICAgICAgICAgW3R5cGVdPVwiYnV0dG9uLnR5cGUgfHwgJ2J1dHRvbi1wcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSWNvblJpZ2h0XT1cImJ1dHRvbi5jbGFzc0ljb25SaWdodCB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgICAgW2lzUGVuZGluZ109XCJidXR0b24uaXNQZW5kaW5nIHx8IGZhbHNlXCJcbiAgICAgICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnYnV0dG9uLXN0YXR1cycgJiYgYnV0dG9uLmNvbmZpZ0J1dHRvblN0YXR1cykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtc3RhdHVzIFtjbGFzc109XCJidXR0b24uY2xhc3NJbmNsdWRlXCJcbiAgICAgICAgICAgICAgICBbY29uZmlnXT1cImJ1dHRvbi5jb25maWdCdXR0b25TdGF0dXNcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnc3dpdGNoJykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLXN3aXRjaCBbYWN0aXZlXT1cImJ1dHRvbi5hY3RpdmUgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ7eyBidXR0b24uY2xhc3NJbmNsdWRlIH19XCJcbiAgICAgICAgICAgICAgICAob3V0U3dpdGNoKT1cImhhbmRsZXJTd2l0Y2goJGV2ZW50LCBidXR0b24pXCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2xhYmVsJyAmJiBidXR0b24ubGFiZWxDb25maWcpIHtcbiAgICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1sYWJlbCBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jbGFzc0luY2x1ZGUgKyAnIHBiLTAgdGV4dC13aGl0ZSdcIlxuICAgICAgICAgICAgICAgIFtsYWJlbExlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsTGVmdFwiXG4gICAgICAgICAgICAgICAgW2xhYmVsTGVmdENsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbExlZnRDbGFzc1wiXG4gICAgICAgICAgICAgICAgW3JlcXVpcmVkXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5yZXF1aXJlZCBcIlxuICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgIFtsYWJlbFJpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0XCJcbiAgICAgICAgICAgICAgICBbbGFiZWxSaWdodENsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0Q2xhc3NcIlxuICAgICAgICAgICAgICAgIFtvbmx5U2hvd0NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5vbmx5U2hvd0NvdW50XCJcbiAgICAgICAgICAgICAgICBbYnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNMZWZ0XCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUJ1dHRvbnNMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc0xlZnRcIlxuICAgICAgICAgICAgICAgIFtidXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNSaWdodFwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zUmlnaHRcIlxuICAgICAgICAgICAgICAgIFtoYXNUb2dnbGVdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmhhc1RvZ2dsZVwiXG4gICAgICAgICAgICAgICAgW3RvZ2dsZUFjdGl2ZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlQWN0aXZlXCJcbiAgICAgICAgICAgICAgICBbdG9nZ2xlRGlzYWJsZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlRGlzYWJsZVwiXG4gICAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnBvcG92ZXJcIlxuICAgICAgICAgICAgICAgIFtpY29uUG9wb3ZlckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5pY29uUG9wb3ZlckNsYXNzXCJcbiAgICAgICAgICAgICAgICBbb25seVNob3dDb3VudF09XCJidXR0b24ubGFiZWxDb25maWcub25seVNob3dDb3VudFwiXG4gICAgICAgICAgICAgICAgW2xpbWl0TGVuZ3RoXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5saW1pdExlbmd0aFwiXG4gICAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUJ1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGlzYWJsZUJ1dHRvbnNEZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5idXR0b25zRGVzY3JpcHRpb25Db250YWluZXJDbGFzc1wiXG4gICAgICAgICAgICAgICAgW2NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jb3VudFwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIDxkaXYgY2xhc3M9XCJ7eyBkaXZpZGVDbGFzc0hlYWRlcigpPy5jbGFzc0J1dHRvblJpZ2h0IHx8ICd3LVszNSVdJyB9fSBmbGV4IGp1c3RpZnktZW5kIGl0ZW1zLWNlbnRlclwiPlxuXG4gICAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uUmlnaHQoKTsgdHJhY2sgYnV0dG9uLmtleSkge1xuICAgICAgICA8ZGl2IFtjbGFzcy5tbC1bMTJweF1dPVwiISRmaXJzdFwiPlxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2xhYmVsJyAmJiBidXR0b24ubGFiZWxDb25maWcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtbGFiZWwgW2NsYXNzSW5jbHVkZV09XCJidXR0b24ubGFiZWxDb25maWcuY2xhc3NJbmNsdWRlICsgJyBwYi0wJ1wiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsTGVmdFwiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRDbGFzc109XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxMZWZ0Q2xhc3NcIlxuICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnJlcXVpcmVkIFwiXG4gICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBbbGFiZWxSaWdodF09XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxSaWdodFwiXG4gICAgICAgICAgICAgIFtsYWJlbFJpZ2h0Q2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsUmlnaHRDbGFzc1wiXG4gICAgICAgICAgICAgIFtvbmx5U2hvd0NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5vbmx5U2hvd0NvdW50XCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5idXR0b25zTGVmdFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlQnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zTGVmdFwiXG4gICAgICAgICAgICAgIFtidXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNSaWdodFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlQnV0dG9uc1JpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc1JpZ2h0XCJcbiAgICAgICAgICAgICAgW2hhc1RvZ2dsZV09XCJidXR0b24ubGFiZWxDb25maWcuaGFzVG9nZ2xlXCJcbiAgICAgICAgICAgICAgW3RvZ2dsZUFjdGl2ZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlQWN0aXZlXCJcbiAgICAgICAgICAgICAgW3RvZ2dsZURpc2FibGVdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnRvZ2dsZURpc2FibGVcIlxuICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ubGFiZWxDb25maWcucG9wb3ZlclwiXG4gICAgICAgICAgICAgIFtpY29uUG9wb3ZlckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5pY29uUG9wb3ZlckNsYXNzXCJcbiAgICAgICAgICAgICAgW29ubHlTaG93Q291bnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLm9ubHlTaG93Q291bnRcIlxuICAgICAgICAgICAgICBbbGltaXRMZW5ndGhdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxpbWl0TGVuZ3RoXCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zRGVzY3JpcHRpb25dPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zRGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBbYnV0dG9uc0Rlc2NyaXB0aW9uQ29udGFpbmVyQ2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXCJcbiAgICAgICAgICAgICAgW2NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jb3VudFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ3N3aXRjaCcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3dpdGNoIFthY3RpdmVdPVwiYnV0dG9uLmFjdGl2ZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwie3sgYnV0dG9uLmNsYXNzSW5jbHVkZSB9fVwiXG4gICAgICAgICAgICAgIChvdXRTd2l0Y2gpPVwiaGFuZGxlclN3aXRjaCgkZXZlbnQsIGJ1dHRvbilcIiAvPlxuICAgICAgICAgIH1cblxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2J1dHRvbicpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gW2xhYmVsXT1cImJ1dHRvbj8ubGFiZWwgfHwgJydcIlxuICAgICAgICAgICAgICBbY2xhc3NMYWJlbF09XCIoYnV0dG9uLmNsYXNzTGFiZWwgfHwgJycpICsgJyBsaWJzLXVpLWZvbnQtaDRzJ1wiXG4gICAgICAgICAgICAgIFt0eXBlXT1cImJ1dHRvbi50eXBlIHx8ICdidXR0b24tcHJpbWFyeSdcIlxuICAgICAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGUgfHwgJydcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ucG9wb3ZlciB8fCB7fVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIFtpc1BlbmRpbmddPVwiYnV0dG9uLmlzUGVuZGluZyB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtpY29uT25seVR5cGVdPVwiYnV0dG9uLmljb25Pbmx5VHlwZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uKVwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIDwhLS0gIHRow6ptIMSRxrDhu51uZyBwaMOibiBjw6FjaCAtLT5cbiAgICAgICAgICBAaWYgKGJ1dHRvbi5rZXkgPT09ICdsaW5lLXNwYWNlJykge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJnLVsjNjY2Yjc5XSB3LVsxcHhdIGgtWzI4cHhdXCJcbiAgICAgICAgICAgICAgW2NsYXNzXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGVcIj4mbmJzcDs8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChtZW51RHJvcERvd25Db25maWdzKCk7IGFzIG1lbnVEcm9wRG93bkNvbmZpZ3MpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1sLVsxMnB4XVwiPlxuICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtZHJvcGRvd24gW2lzTmdDb250ZW50XT1cInRydWVcIlxuICAgICAgICAgICAgW3pJbmRleF09XCJ6SW5kZXgoKSArIDFcIlxuICAgICAgICAgICAgW2xpc3RDb25maWddPVwibWVudURyb3BEb3duQ29uZmlncy5saXN0Q29uZmlnXCJcbiAgICAgICAgICAgIFtsaXN0SGlkZGVuSW5wdXRTZWFyY2hdPVwidHJ1ZVwiXG4gICAgICAgICAgICBbcG9wb3ZlckN1c3RvbUNvbmZpZ109XCJtZW51RHJvcERvd25Db25maWdzLnBvcG92ZXJDdXN0b21Db25maWdcIlxuICAgICAgICAgICAgKG91dEZ1bmN0aW9uc0NvbnRyb2wpPVwiaGFuZGxlckNvbnRyb2xEcm9wZG93bk1lbnUoJGV2ZW50KVwiXG4gICAgICAgICAgICAob3V0U2VsZWN0S2V5KT1cImhhbmRsZXJTZWxlY3RlZEtleSgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtjbGFzc0luY2x1ZGVdPVwiJ3AtWzhweF0nXCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiJ2J1dHRvbi10aGlyZCdcIlxuICAgICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cInRydWVcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCInbGlicy11aS1pY29uLW1vcmUtdmVydGljYWwgdGV4dC1bIzMzMzMzM10gdGV4dC1bMTJweF0nXCJcbiAgICAgICAgICAgICAgW3BvcG92ZXJdPVwie1xuICAgICAgICAgICAgICAgICAgY29uZmlnOiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICdpMThuXzR4X290aGVyX29wZXJhdGlvbnMnXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIFtpZ25vcmVTdG9wUHJvcGFnYXRpb25FdmVudF09XCJ0cnVlXCIgLz5cbiAgICAgICAgICA8L2xpYnNfdWktY29tcG9uZW50cy1kcm9wZG93bj5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgICBAaWYgKHRlbXBsYXRlUmlnaHQoKTsgYXMgdGVtcGxhdGVSaWdodCkge1xuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSaWdodFwiIC8+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IFtjbGFzc109XCInbGlicy11aS1jb21wb25lbnRzLXBhZ2VfZnVsbC1ib2R5ICcgKyBjbGFzc0JvZHlJbmNsdWRlKClcIj5cbiAgICA8bmctY29udGVudCAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/index.mjs

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

package/esm2022/interfaces/config.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9wYWdlcy10ZW1wbGF0ZS9mdWxsLXNjcmVlbi9zcmMvaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJQnV0dG9uIH0gZnJvbSBcIkBsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b25cIjtcbmltcG9ydCB7IElCdXR0b25TdGF0dXMgfSBmcm9tIFwiQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLXN0YXR1c1wiO1xuaW1wb3J0IHsgSUxhYmVsIH0gZnJvbSBcIkBsaWJzLXVpL2NvbXBvbmVudHMtbGFiZWxcIjtcbmltcG9ydCB7IElTd2l0Y2hFdmVudCB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLXN3aXRjaFwiO1xuXG5leHBvcnQgdHlwZSBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b25LZXkgPSAnYnV0dG9uJyB8ICdidXR0b24tc3RhdHVzJyB8ICdzd2l0Y2gnIHwgJ2xhYmVsJyB8ICdsaW5lLXNwYWNlJyB8ICdidXR0b24tZHJvcGRvd24nO1xuZXhwb3J0IGludGVyZmFjZSBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24gZXh0ZW5kcyBJQnV0dG9uIHtcbiAga2V5OiBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b25LZXk7XG4gIGNsYXNzSW5jbHVkZT86IHN0cmluZztcbiAgZGlzYWJsZT86IGJvb2xlYW47XG4gIGFjdGlvbj86IChldmVudD86IElTd2l0Y2hFdmVudCkgPT4gUHJvbWlzZTx2b2lkPjtcbiAgY29uZmlnQnV0dG9uU3RhdHVzPzogSUJ1dHRvblN0YXR1czsgLy8gYnV0dG9uLXN0YXR1c1xuICBhY3RpdmU/OiBib29sZWFuOyAvLyBidXR0b24tdG9nZ2xlXG4gIGxhYmVsQ29uZmlnPzogSUxhYmVsOyAvLyBsYWJlbFxufVxuIl19

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlicy11aS1jb21wb25lbnRzLXBhZ2VzLXRlbXBsYXRlLWZ1bGwtc2NyZWVuLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3BhZ2VzLXRlbXBsYXRlL2Z1bGwtc2NyZWVuL3NyYy9saWJzLXVpLWNvbXBvbmVudHMtcGFnZXMtdGVtcGxhdGUtZnVsbC1zY3JlZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

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

@@ -0,0 +1,118 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, input, output, Component } from '@angular/core';
+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 { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { uuid, getDayjs, UtilsCommunicateMicroKeyGlobal, UtilsCommunicateMicro } from '@libs-ui/utils';
+import { Subject, interval, takeUntil } from 'rxjs';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsPagesTemplateFullScreenComponent {
+    idOverlay = signal(uuid());
+    functionControlMenu;
+    onDestroy = new Subject();
+    classHeaderInclude = input();
+    labelLeft = input('i18n_back_to_list', { transform: val => val ?? 'i18n_back_to_list' });
+    classBodyInclude = input();
+    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 });
+    outClose = output();
+    outEdit = output();
+    outSelectedMenuDropdown = output();
+    outClickButton = output();
+    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);
+            interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {
+                data.response.timeLiveUpdate = getDayjs().unix();
+                UtilsCommunicateMicro.PostMessageToParent(data);
+            });
+        }
+    }
+    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;
+    }
+    ngOnDestroy() {
+        this.onDestroy.next();
+        this.onDestroy.complete();
+        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.13", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsPagesTemplateFullScreenComponent, isStandalone: true, selector: "libs_ui-components-pages_template_full_screen", inputs: { classHeaderInclude: { classPropertyName: "classHeaderInclude", publicName: "classHeaderInclude", isSignal: true, isRequired: false, transformFunction: null }, labelLeft: { classPropertyName: "labelLeft", publicName: "labelLeft", isSignal: true, isRequired: false, transformFunction: null }, classBodyInclude: { classPropertyName: "classBodyInclude", publicName: "classBodyInclude", 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 } }, outputs: { outClose: "outClose", outEdit: "outEdit", outSelectedMenuDropdown: "outSelectedMenuDropdown", outClickButton: "outClickButton" }, providers: [], ngImport: i0, template: "<div 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 [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 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 [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 [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 [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch [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 [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\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 [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 [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 [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\u00EAm \u0111\u01B0\u1EDDng ph\u00E2n c\u00E1ch -->\n          @if (button.key === 'line-space') {\n            <div class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">&nbsp;</div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown [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 [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", 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: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateFullScreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template_full_screen', standalone: true, imports: [
+                        TranslateModule, NgTemplateOutlet,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsButtonsStatusComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiPipesEscapeHtmlPipe,
+                        LibsUiComponentsLabelComponent
+                    ], providers: [], template: "<div 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 [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 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 [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 [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 [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch [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 [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\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 [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 [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 [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\u00EAm \u0111\u01B0\u1EDDng ph\u00E2n c\u00E1ch -->\n          @if (button.key === 'line-space') {\n            <div class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">&nbsp;</div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown [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 [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", 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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsPagesTemplateFullScreenComponent };
+//# sourceMappingURL=libs-ui-components-pages-template-full-screen.mjs.map

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

@@ -0,0 +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 { Dayjs } from 'dayjs';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { IPagesTemplateFullScreenButton } from './interfaces/config.interface';\nimport { TranslateModule } from '@ngx-translate/core';\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, 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<Dayjs>().unix()\n        }\n      };\n\n      UtilsCommunicateMicro.PostMessageToParent(data);\n\n      interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {\n        data.response.timeLiveUpdate = getDayjs<Dayjs>().unix();\n\n        UtilsCommunicateMicro.PostMessageToParent(data);\n      });\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}\n","<div 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 [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 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 [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 [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 [class]=\"button.classInclude\"\n                [config]=\"button.configButtonStatus\" />\n            }\n            @if (button.key === 'switch') {\n              <libs_ui-components-switch [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 [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\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 [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 [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 [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 class=\"bg-[#666b79] w-[1px] h-[28px]\"\n              [class]=\"button.classInclude\">&nbsp;</div>\n          }\n        </div>\n      }\n      @if (menuDropDownConfigs(); as menuDropDownConfigs) {\n        <div class=\"ml-[12px]\">\n          <libs_ui-components-dropdown [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 [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.component.d.ts

@@ -0,0 +1,44 @@
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { IDropdown, IDropdownFunctionControlEvent, IEmitSelectKey } from '@libs-ui/components-dropdown';
+import { ISwitchEvent } from '@libs-ui/components-switch';
+import { IPagesTemplateFullScreenButton } from './interfaces/config.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsPagesTemplateFullScreenComponent implements OnInit, OnDestroy {
+    private idOverlay;
+    private functionControlMenu;
+    private onDestroy;
+    readonly classHeaderInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly labelLeft: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly classBodyInclude: import("@angular/core").InputSignal<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>;
+    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>;
+    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<LibsUiComponentsPagesTemplateFullScreenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsPagesTemplateFullScreenComponent, "libs_ui-components-pages_template_full_screen", never, { "classHeaderInclude": { "alias": "classHeaderInclude"; "required": false; "isSignal": true; }; "labelLeft": { "alias": "labelLeft"; "required": false; "isSignal": true; }; "classBodyInclude": { "alias": "classBodyInclude"; "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; }; }, { "outClose": "outClose"; "outEdit": "outEdit"; "outSelectedMenuDropdown": "outSelectedMenuDropdown"; "outClickButton": "outClickButton"; }, never, ["*"], true, never>;
+}

package/index.d.ts

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

package/interfaces/config.interface.d.ts

@@ -0,0 +1,14 @@
+import { IButton } from "@libs-ui/components-buttons-button";
+import { IButtonStatus } from "@libs-ui/components-buttons-status";
+import { ILabel } from "@libs-ui/components-label";
+import { ISwitchEvent } from "@libs-ui/components-switch";
+export type IPagesTemplateFullScreenButtonKey = 'button' | 'button-status' | 'switch' | 'label' | 'line-space' | 'button-dropdown';
+export interface IPagesTemplateFullScreenButton extends IButton {
+    key: IPagesTemplateFullScreenButtonKey;
+    classInclude?: string;
+    disable?: boolean;
+    action?: (event?: ISwitchEvent) => Promise<void>;
+    configButtonStatus?: IButtonStatus;
+    active?: boolean;
+    labelConfig?: ILabel;
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@libs-ui/components-pages-template-full-screen",
+  "version": "0.2.306.1",
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0",
+    "@libs-ui/components-buttons-button": "0.2.306.1",
+    "@libs-ui/components-buttons-status": "0.2.306.1",
+    "@libs-ui/components-dropdown": "0.2.306.1",
+    "@libs-ui/components-label": "0.2.306.1",
+    "@libs-ui/components-popover": "0.2.306.1",
+    "@libs-ui/components-switch": "0.2.306.1",
+    "@libs-ui/interfaces-types": "0.2.306.1",
+    "@libs-ui/pipes-escape-html": "0.2.306.1",
+    "@libs-ui/utils": "0.2.306.1",
+    "dayjs": "1.11.5",
+    "rxjs": "~7.8.0",
+    "@ngx-translate/core": "^15.0.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-pages-template-full-screen.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-pages-template-full-screen.mjs",
+      "esm": "./esm2022/libs-ui-components-pages-template-full-screen.mjs",
+      "default": "./fesm2022/libs-ui-components-pages-template-full-screen.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}