npm - @libs-ui/components-pages-template-full-screen - Versions diffs - 0.2.142 - Mend

@libs-ui/components-pages-template-full-screen 0.2.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +3 -0
package/esm2022/full-screen.component.mjs +111 -0
package/esm2022/index.mjs +3 -0
package/esm2022/interfaces/config.interface.mjs +2 -0
package/esm2022/libs-ui-components-pages-template-full-screen.mjs +5 -0
package/fesm2022/libs-ui-components-pages-template-full-screen.mjs +118 -0
package/fesm2022/libs-ui-components-pages-template-full-screen.mjs.map +1 -0
package/full-screen.component.d.ts +44 -0
package/index.d.ts +2 -0
package/interfaces/config.interface.d.ts +14 -0
package/package.json +25 -0

package/README.md ADDED Viewed

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

package/esm2022/full-screen.component.mjs ADDED Viewed

@@ -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 { UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid, } from '@libs-ui/utils';
+import dayjs from 'dayjs';
+import { interval, Subject, takeUntil } from 'rxjs';
+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: dayjs().unix()
+                }
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+            interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {
+                data.response.timeLiveUpdate = dayjs().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            [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: "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", "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"], 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", "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: [
+                        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            [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnVsbC1zY3JlZW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3BhZ2VzLXRlbXBsYXRlL2Z1bGwtc2NyZWVuL3NyYy9mdWxsLXNjcmVlbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZnVsbC1zY3JlZW4vc3JjL2Z1bGwtc2NyZWVuLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzVGLE9BQU8sRUFBNEQsaUNBQWlDLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzSSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRSxPQUFPLEVBQWdCLCtCQUErQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFM0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLDhCQUE4QixFQUFFLElBQUksR0FBRyxNQUFNLGdCQUFnQixDQUFDO0FBQzlGLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBcUJwRCxNQUFNLE9BQU8s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QmYsbXhTQWtMQSxvcUJENUpJLGdCQUFnQixvSkFDaEIsaUNBQWlDLG0wREFDakMsK0JBQStCLHFKQUMvQixzQ0FBc0MsaWhCQUN0QyxzQ0FBc0Msa0dBQ3RDLGdDQUFnQyxnZUFDaEMseUJBQXlCLGtFQUN6Qiw4QkFBOEI7OzRGQUlyQixnREFBZ0Q7a0JBbEI1RCxTQUFTOytCQUVFLCtDQUErQyxjQUc3QyxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixpQ0FBaUM7d0JBQ2pDLCtCQUErQjt3QkFDL0Isc0NBQXNDO3dCQUN0QyxzQ0FBc0M7d0JBQ3RDLGdDQUFnQzt3QkFDaEMseUJBQXlCO3dCQUN6Qiw4QkFBOEI7cUJBQy9CLGFBQ1UsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIG91dHB1dCwgc2lnbmFsLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNCdXR0b25zU3RhdHVzQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLXN0YXR1cyc7XG5pbXBvcnQgeyBJRHJvcGRvd24sIElEcm9wZG93bkZ1bmN0aW9uQ29udHJvbEV2ZW50LCBJRW1pdFNlbGVjdEtleSwgTGlic1VpQ29tcG9uZW50c0Ryb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1kcm9wZG93bic7XG5pbXBvcnQgeyBMaWJzVWlDb21wb25lbnRzTGFiZWxDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWxhYmVsJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IElTd2l0Y2hFdmVudCwgTGlic1VpQ29tcG9uZW50c1N3aXRjaENvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtc3dpdGNoJztcbmltcG9ydCB7IFRZUEVfVEVNUExBVEVfUkVGIH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5pbXBvcnQgeyBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlIH0gZnJvbSAnQGxpYnMtdWkvcGlwZXMtZXNjYXBlLWh0bWwnO1xuaW1wb3J0IHsgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLCBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwsIHV1aWQsIH0gZnJvbSAnQGxpYnMtdWkvdXRpbHMnO1xuaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJztcbmltcG9ydCB7IGludGVydmFsLCBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbiB9IGZyb20gJy4vaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLXBhZ2VzX3RlbXBsYXRlX2Z1bGxfc2NyZWVuJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Z1bGwtc2NyZWVuLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZnVsbC1zY3JlZW4uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgTGlic1VpQ29tcG9uZW50c0Ryb3Bkb3duQ29tcG9uZW50LFxuICAgIExpYnNVaUNvbXBvbmVudHNTd2l0Y2hDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNTdGF0dXNDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsXG4gICAgTGlic1VpUGlwZXNFc2NhcGVIdG1sUGlwZSxcbiAgICBMaWJzVWlDb21wb25lbnRzTGFiZWxDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgaWRPdmVybGF5ID0gc2lnbmFsPHN0cmluZz4odXVpZCgpKTtcbiAgcHJpdmF0ZSBmdW5jdGlvbkNvbnRyb2xNZW51OiBJRHJvcGRvd25GdW5jdGlvbkNvbnRyb2xFdmVudCB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBvbkRlc3Ryb3kgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHJlYWRvbmx5IGNsYXNzSGVhZGVySW5jbHVkZSA9IGlucHV0PHN0cmluZz4oKTtcbiAgcmVhZG9ubHkgbGFiZWxMZWZ0ID0gaW5wdXQ8c3RyaW5nLCBzdHJpbmcgfCB1bmRlZmluZWQ+KCdpMThuX2JhY2tfdG9fbGlzdCcsIHsgdHJhbnNmb3JtOiB2YWwgPT4gdmFsID8/ICdpMThuX2JhY2tfdG9fbGlzdCcgfSk7XG4gIHJlYWRvbmx5IGNsYXNzQm9keUluY2x1ZGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuICByZWFkb25seSBidXR0b25DZW50ZXIgPSBpbnB1dDxBcnJheTxJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24+IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBidXR0b25SaWdodCA9IGlucHV0PEFycmF5PElQYWdlc1RlbXBsYXRlRnVsbFNjcmVlbkJ1dHRvbj4+KCk7XG4gIHJlYWRvbmx5IGhhc0VkaXQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IG1lbnVEcm9wRG93bkNvbmZpZ3MgPSBpbnB1dDxJRHJvcGRvd24+KCk7XG4gIHJlYWRvbmx5IHpJbmRleCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxMDAwLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAxMDAwIH0pO1xuICByZWFkb25seSBpZ25vcmVDbG9zZVBhZ2VGdWxsRXZlbnQgPSBpbnB1dDxib29sZWFuLCBib29sZWFuIHwgdW5kZWZpbmVkPihmYWxzZSwgeyB0cmFuc2Zvcm06IHZhbCA9PiB2YWwgPz8gZmFsc2UgfSk7XG4gIHJlYWRvbmx5IGlnbm9yZUJhY2tncm91bmRDb2xvciA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IGRpdmlkZUNsYXNzSGVhZGVyID0gaW5wdXQ8eyBjbGFzc0J1dHRvbkNhbmNlbDogc3RyaW5nLCBjbGFzc0J1dHRvbkNlbnRlcjogc3RyaW5nLCBjbGFzc0J1dHRvblJpZ2h0OiBzdHJpbmcgfSB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgY2VudGVyVGVtcGxhdGUgPSBpbnB1dDxUZW1wbGF0ZVJlZjxUWVBFX1RFTVBMQVRFX1JFRj4gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlUmlnaHQgPSBpbnB1dDxUZW1wbGF0ZVJlZjxUWVBFX1RFTVBMQVRFX1JFRj4gfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IGxlZnRUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPFRZUEVfVEVNUExBVEVfUkVGPiB8IHVuZGVmaW5lZD4oKTtcbiAgcmVhZG9ubHkgZGlzYWJsZSA9IGlucHV0PGJvb2xlYW4sIGJvb2xlYW4gfCB1bmRlZmluZWQ+KGZhbHNlLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyBmYWxzZSB9KTtcblxuICByZWFkb25seSBvdXRDbG9zZSA9IG91dHB1dDx2b2lkPigpO1xuICByZWFkb25seSBvdXRFZGl0ID0gb3V0cHV0PHZvaWQ+KCk7XG4gIHJlYWRvbmx5IG91dFNlbGVjdGVkTWVudURyb3Bkb3duID0gb3V0cHV0PElFbWl0U2VsZWN0S2V5IHwgdW5kZWZpbmVkPigpO1xuICByZWFkb25seSBvdXRDbGlja0J1dHRvbiA9IG91dHB1dDxJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24+KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlnbm9yZUNsb3NlUGFnZUZ1bGxFdmVudCgpKSB7XG4gICAgICBjb25zdCBkYXRhID0ge1xuICAgICAgICB0eXBlOiBVdGlsc0NvbW11bmljYXRlTWljcm9LZXlHbG9iYWwuS0VZX01FU1NBR0VfTU9EQUwsXG4gICAgICAgIHJlc3BvbnNlOiB7XG4gICAgICAgICAgbWVzc2FnZTogJ29wZW4nLFxuICAgICAgICAgIHN0YXRlOiB0cnVlLFxuICAgICAgICAgIGlkT3ZlcmxheTogdGhpcy5pZE92ZXJsYXkoKSxcbiAgICAgICAgICB0aW1lTGl2ZVVwZGF0ZTogZGF5anMoKS51bml4KClcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG5cbiAgICAgIGludGVydmFsKDIwMDApLnBpcGUodGFrZVVudGlsKHRoaXMub25EZXN0cm95KSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgZGF0YS5yZXNwb25zZS50aW1lTGl2ZVVwZGF0ZSA9IGRheWpzKCkudW5peCgpO1xuXG4gICAgICAgIFV0aWxzQ29tbXVuaWNhdGVNaWNyby5Qb3N0TWVzc2FnZVRvUGFyZW50KGRhdGEpO1xuICAgICAgfSk7XG5cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckVkaXQoKSB7XG4gICAgdGhpcy5vdXRFZGl0LmVtaXQoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjYW5jZWwoKSB7XG4gICAgdGhpcy5vdXRDbG9zZS5lbWl0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYXN5bmMgaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbjogSVBhZ2VzVGVtcGxhdGVGdWxsU2NyZWVuQnV0dG9uKSB7XG4gICAgaWYgKGJ1dHRvbiAmJiBidXR0b24uYWN0aW9uKSB7XG4gICAgICBhd2FpdCBidXR0b24uYWN0aW9uKCk7XG4gICAgfVxuICAgIHRoaXMub3V0Q2xpY2tCdXR0b24uZW1pdChidXR0b24pO1xuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJTd2l0Y2goZXZlbnQ6IElTd2l0Y2hFdmVudCwgYnV0dG9uOiBJUGFnZXNUZW1wbGF0ZUZ1bGxTY3JlZW5CdXR0b24pIHtcbiAgICBpZiAoYnV0dG9uICYmIGJ1dHRvbi5hY3Rpb24pIHtcbiAgICAgIGF3YWl0IGJ1dHRvbi5hY3Rpb24oZXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyU2VsZWN0ZWRLZXkoZXZlbnQ6IElFbWl0U2VsZWN0S2V5IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5vdXRTZWxlY3RlZE1lbnVEcm9wZG93bi5lbWl0KGV2ZW50KTtcbiAgICB0aGlzLmZ1bmN0aW9uQ29udHJvbE1lbnU/LnJlc2V0KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckNvbnRyb2xEcm9wZG93bk1lbnUoZXZlbnQ6IElEcm9wZG93bkZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5mdW5jdGlvbkNvbnRyb2xNZW51ID0gZXZlbnQ7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm9uRGVzdHJveS5uZXh0KCk7XG4gICAgdGhpcy5vbkRlc3Ryb3kuY29tcGxldGUoKTtcbiAgICBpZiAoIXRoaXMuaWdub3JlQ2xvc2VQYWdlRnVsbEV2ZW50KCkpIHtcbiAgICAgIGNvbnN0IGRhdGEgPSB7XG4gICAgICAgIHR5cGU6IFV0aWxzQ29tbXVuaWNhdGVNaWNyb0tleUdsb2JhbC5LRVlfTUVTU0FHRV9NT0RBTCxcbiAgICAgICAgcmVzcG9uc2U6IHtcbiAgICAgICAgICBtZXNzYWdlOiAnY2xvc2UnLFxuICAgICAgICAgIHN0YXRlOiBmYWxzZSxcbiAgICAgICAgICBpZE92ZXJsYXk6IHRoaXMuaWRPdmVybGF5KClcbiAgICAgICAgfVxuICAgICAgfTtcblxuICAgICAgVXRpbHNDb21tdW5pY2F0ZU1pY3JvLlBvc3RNZXNzYWdlVG9QYXJlbnQoZGF0YSk7XG4gICAgfVxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsIG92ZXJmbG93LWhpZGRlblwiXG4gIFtzdHlsZS56SW5kZXhdPVwiekluZGV4KClcIlxuICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJpZ25vcmVCYWNrZ3JvdW5kQ29sb3IoKSA/ICd0cmFuc3BhcmVudCc6JyNmMmY1ZjcnXCI+XG4gIDxkaXYgW2NsYXNzXT1cIidsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsLWhlYWRlciAnICsgY2xhc3NIZWFkZXJJbmNsdWRlKClcIj5cbiAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DYW5jZWwgfHwgJ3ctWzI1JV0nIH19XCI+XG4gICAgICBAaWYgKGxlZnRUZW1wbGF0ZSgpOyBhcyBsZWZ0VGVtcGxhdGUpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxlZnRUZW1wbGF0ZVwiIC8+XG4gICAgICB9XG4gICAgICBAaWYgKGxhYmVsTGVmdCgpOyBhcyBsYWJlbExlZnQpIHtcbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbbGFiZWxdPVwibGFiZWxMZWZ0XCJcbiAgICAgICAgICBbdHlwZV09XCInYnV0dG9uLWxpbmstcHJpbWFyeSdcIlxuICAgICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cIidsaWJzLXVpLWljb24tY2hldnJvbi1yaWdodCByb3RhdGUtWzE4MGRlZ10gYmVmb3JlOnRleHQtWzE2cHhdJ1wiXG4gICAgICAgICAgW2NsYXNzTGFiZWxdPVwiJ2xpYnMtdWktZm9udC1oNHInXCJcbiAgICAgICAgICAob3V0Q2xpY2spPVwiY2FuY2VsKClcIiAvPlxuICAgICAgfVxuICAgIDwvZGl2PlxuXG4gICAgQGlmIChjZW50ZXJUZW1wbGF0ZSgpOyBhcyBjZW50ZXJUZW1wbGF0ZSkge1xuICAgICAgPGRpdiBjbGFzcz1cInt7IGRpdmlkZUNsYXNzSGVhZGVyKCk/LmNsYXNzQnV0dG9uQ2VudGVyIHx8ICd3LVs0MCVdJyB9fSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2VudGVyVGVtcGxhdGVcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwie3sgZGl2aWRlQ2xhc3NIZWFkZXIoKT8uY2xhc3NCdXR0b25DZW50ZXJ8fCAndy1bNDAlXScgfX0gZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICBbY29uZmlnXT1cIntcbiAgICAgICAgICAgIG1heFdpZHRoOiAyNTAsXG4gICAgICAgICAgICB6SW5kZXg6IHpJbmRleCgpICsgMVxuICAgICAgICAgIH1cIlxuICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ2xpYnMtdWktZm9udC1oMnMnXCJcbiAgICAgICAgICBbaW5uZXJIdG1sXT1cInRpdGxlKCkgPyAodGl0bGUoKSAgfCBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlKSA6ICcmbWRhc2g7J1wiIC8+XG5cbiAgICAgICAgQGlmIChoYXNFZGl0KCk7IGFzIGhhc0VkaXQpIHtcbiAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFt0eXBlXT1cIididXR0b24tbGluay1wcmltYXJ5J1wiXG4gICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckVkaXQoKVwiXG4gICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cInRydWVcIlxuICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiJ2xpYnMtdWktaWNvbi1lZGl0LWxpbmUnXCJcbiAgICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ21sLVs0cHhdJ1wiIC8+XG4gICAgICAgIH1cbiAgICAgICAgQGZvciAoYnV0dG9uIG9mIGJ1dHRvbkNlbnRlcigpOyB0cmFjayBidXR0b24ua2V5KSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1sLVsxMnB4XSBmbGV4IGl0ZW1zLWNlbnRlclwiPlxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnYnV0dG9uJykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtsYWJlbF09XCJidXR0b24ubGFiZWwgfHwgJydcIlxuICAgICAgICAgICAgICAgIFtjbGFzc0xhYmVsXT1cIihidXR0b24uY2xhc3NMYWJlbCB8fCAnJykgKyAnIGxpYnMtdWktZm9udC1oZWFkLTRzJ1wiXG4gICAgICAgICAgICAgICAgW3R5cGVdPVwiYnV0dG9uLnR5cGUgfHwgJ2J1dHRvbi1wcmltYXJ5J1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJidXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSWNvblJpZ2h0XT1cImJ1dHRvbi5jbGFzc0ljb25SaWdodCB8fCAnJ1wiXG4gICAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgICAgW2lzUGVuZGluZ109XCJidXR0b24uaXNQZW5kaW5nIHx8IGZhbHNlXCJcbiAgICAgICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQnV0dG9uKGJ1dHRvbilcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnYnV0dG9uLXN0YXR1cycgJiYgYnV0dG9uLmNvbmZpZ0J1dHRvblN0YXR1cykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtc3RhdHVzIFtjbGFzc109XCJidXR0b24uY2xhc3NJbmNsdWRlXCJcbiAgICAgICAgICAgICAgICBbY29uZmlnXT1cImJ1dHRvbi5jb25maWdCdXR0b25TdGF0dXNcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmIChidXR0b24ua2V5ID09PSAnc3dpdGNoJykge1xuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLXN3aXRjaCBbYWN0aXZlXT1cImJ1dHRvbi5hY3RpdmUgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ7eyBidXR0b24uY2xhc3NJbmNsdWRlIH19XCJcbiAgICAgICAgICAgICAgICAob3V0U3dpdGNoKT1cImhhbmRsZXJTd2l0Y2goJGV2ZW50LCBidXR0b24pXCIgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2xhYmVsJyAmJiBidXR0b24ubGFiZWxDb25maWcpIHtcbiAgICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1sYWJlbCBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jbGFzc0luY2x1ZGUgKyAnIHBiLTAgdGV4dC13aGl0ZSdcIlxuICAgICAgICAgICAgICAgIFtsYWJlbExlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsTGVmdFwiXG4gICAgICAgICAgICAgICAgW2xhYmVsTGVmdENsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbExlZnRDbGFzc1wiXG4gICAgICAgICAgICAgICAgW3JlcXVpcmVkXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5yZXF1aXJlZCBcIlxuICAgICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgIFtsYWJlbFJpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0XCJcbiAgICAgICAgICAgICAgICBbbGFiZWxSaWdodENsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5sYWJlbFJpZ2h0Q2xhc3NcIlxuICAgICAgICAgICAgICAgIFtvbmx5U2hvd0NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5vbmx5U2hvd0NvdW50XCJcbiAgICAgICAgICAgICAgICBbYnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNMZWZ0XCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUJ1dHRvbnNMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc0xlZnRcIlxuICAgICAgICAgICAgICAgIFtidXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNSaWdodFwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zUmlnaHRcIlxuICAgICAgICAgICAgICAgIFtoYXNUb2dnbGVdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmhhc1RvZ2dsZVwiXG4gICAgICAgICAgICAgICAgW3RvZ2dsZUFjdGl2ZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlQWN0aXZlXCJcbiAgICAgICAgICAgICAgICBbdG9nZ2xlRGlzYWJsZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlRGlzYWJsZVwiXG4gICAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnBvcG92ZXJcIlxuICAgICAgICAgICAgICAgIFtpY29uUG9wb3ZlckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5pY29uUG9wb3ZlckNsYXNzXCJcbiAgICAgICAgICAgICAgICBbb25seVNob3dDb3VudF09XCJidXR0b24ubGFiZWxDb25maWcub25seVNob3dDb3VudFwiXG4gICAgICAgICAgICAgICAgW2xpbWl0TGVuZ3RoXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5saW1pdExlbmd0aFwiXG4gICAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgICBbZGlzYWJsZUJ1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGlzYWJsZUJ1dHRvbnNEZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5idXR0b25zRGVzY3JpcHRpb25Db250YWluZXJDbGFzc1wiXG4gICAgICAgICAgICAgICAgW2NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jb3VudFwiIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIDxkaXYgY2xhc3M9XCJ7eyBkaXZpZGVDbGFzc0hlYWRlcigpPy5jbGFzc0J1dHRvblJpZ2h0IHx8ICd3LVszNSVdJyB9fSBmbGV4IGp1c3RpZnktZW5kIGl0ZW1zLWNlbnRlclwiPlxuXG4gICAgICBAZm9yIChidXR0b24gb2YgYnV0dG9uUmlnaHQoKTsgdHJhY2sgYnV0dG9uLmtleSkge1xuICAgICAgICA8ZGl2IFtjbGFzcy5tbC1bMTJweF1dPVwiISRmaXJzdFwiPlxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2xhYmVsJyAmJiBidXR0b24ubGFiZWxDb25maWcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtbGFiZWwgW2NsYXNzSW5jbHVkZV09XCJidXR0b24ubGFiZWxDb25maWcuY2xhc3NJbmNsdWRlICsgJyBwYi0wJ1wiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsTGVmdFwiXG4gICAgICAgICAgICAgIFtsYWJlbExlZnRDbGFzc109XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxMZWZ0Q2xhc3NcIlxuICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnJlcXVpcmVkIFwiXG4gICAgICAgICAgICAgIFtkZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuZGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBbbGFiZWxSaWdodF09XCJidXR0b24ubGFiZWxDb25maWcubGFiZWxSaWdodFwiXG4gICAgICAgICAgICAgIFtsYWJlbFJpZ2h0Q2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxhYmVsUmlnaHRDbGFzc1wiXG4gICAgICAgICAgICAgIFtvbmx5U2hvd0NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5vbmx5U2hvd0NvdW50XCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNMZWZ0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5idXR0b25zTGVmdFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlQnV0dG9uc0xlZnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zTGVmdFwiXG4gICAgICAgICAgICAgIFtidXR0b25zUmlnaHRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNSaWdodFwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlQnV0dG9uc1JpZ2h0XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5kaXNhYmxlQnV0dG9uc1JpZ2h0XCJcbiAgICAgICAgICAgICAgW2hhc1RvZ2dsZV09XCJidXR0b24ubGFiZWxDb25maWcuaGFzVG9nZ2xlXCJcbiAgICAgICAgICAgICAgW3RvZ2dsZUFjdGl2ZV09XCJidXR0b24ubGFiZWxDb25maWcudG9nZ2xlQWN0aXZlXCJcbiAgICAgICAgICAgICAgW3RvZ2dsZURpc2FibGVdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLnRvZ2dsZURpc2FibGVcIlxuICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ubGFiZWxDb25maWcucG9wb3ZlclwiXG4gICAgICAgICAgICAgIFtpY29uUG9wb3ZlckNsYXNzXT1cImJ1dHRvbi5sYWJlbENvbmZpZy5pY29uUG9wb3ZlckNsYXNzXCJcbiAgICAgICAgICAgICAgW29ubHlTaG93Q291bnRdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLm9ubHlTaG93Q291bnRcIlxuICAgICAgICAgICAgICBbbGltaXRMZW5ndGhdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmxpbWl0TGVuZ3RoXCJcbiAgICAgICAgICAgICAgW2J1dHRvbnNEZXNjcmlwdGlvbl09XCJidXR0b24ubGFiZWxDb25maWcuYnV0dG9uc0Rlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgW2Rpc2FibGVCdXR0b25zRGVzY3JpcHRpb25dPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmRpc2FibGVCdXR0b25zRGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICBbYnV0dG9uc0Rlc2NyaXB0aW9uQ29udGFpbmVyQ2xhc3NdPVwiYnV0dG9uLmxhYmVsQ29uZmlnLmJ1dHRvbnNEZXNjcmlwdGlvbkNvbnRhaW5lckNsYXNzXCJcbiAgICAgICAgICAgICAgW2NvdW50XT1cImJ1dHRvbi5sYWJlbENvbmZpZy5jb3VudFwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ3N3aXRjaCcpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3dpdGNoIFthY3RpdmVdPVwiYnV0dG9uLmFjdGl2ZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwie3sgYnV0dG9uLmNsYXNzSW5jbHVkZSB9fVwiXG4gICAgICAgICAgICAgIChvdXRTd2l0Y2gpPVwiaGFuZGxlclN3aXRjaCgkZXZlbnQsIGJ1dHRvbilcIiAvPlxuICAgICAgICAgIH1cblxuICAgICAgICAgIEBpZiAoYnV0dG9uLmtleSA9PT0gJ2J1dHRvbicpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gW2xhYmVsXT1cImJ1dHRvbj8ubGFiZWwgfHwgJydcIlxuICAgICAgICAgICAgICBbY2xhc3NMYWJlbF09XCIoYnV0dG9uLmNsYXNzTGFiZWwgfHwgJycpICsgJyBsaWJzLXVpLWZvbnQtaDRzJ1wiXG4gICAgICAgICAgICAgIFt0eXBlXT1cImJ1dHRvbi50eXBlIHx8ICdidXR0b24tcHJpbWFyeSdcIlxuICAgICAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGUgfHwgJydcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJidXR0b24uY2xhc3NJY29uTGVmdCB8fCAnJ1wiXG4gICAgICAgICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJidXR0b24uY2xhc3NJY29uUmlnaHQgfHwgJydcIlxuICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJidXR0b24ucG9wb3ZlciB8fCB7fVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImJ1dHRvbi5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIFtpc1BlbmRpbmddPVwiYnV0dG9uLmlzUGVuZGluZyB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtpY29uT25seVR5cGVdPVwiYnV0dG9uLmljb25Pbmx5VHlwZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIChvdXRDbGljayk9XCJoYW5kbGVyQ2xpY2tCdXR0b24oYnV0dG9uKVwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIDwhLS0gIHRow6ptIMSRxrDhu51uZyBwaMOibiBjw6FjaCAtLT5cbiAgICAgICAgICBAaWYgKGJ1dHRvbi5rZXkgPT09ICdsaW5lLXNwYWNlJykge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJnLVsjNjY2Yjc5XSB3LVsxcHhdIGgtWzI4cHhdXCJcbiAgICAgICAgICAgICAgW2NsYXNzXT1cImJ1dHRvbi5jbGFzc0luY2x1ZGVcIj4mbmJzcDs8L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChtZW51RHJvcERvd25Db25maWdzKCk7IGFzIG1lbnVEcm9wRG93bkNvbmZpZ3MpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1sLVsxMnB4XVwiPlxuICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtZHJvcGRvd24gW2lzTmdDb250ZW50XT1cInRydWVcIlxuICAgICAgICAgICAgW3pJbmRleF09XCJ6SW5kZXgoKSArIDFcIlxuICAgICAgICAgICAgW2xpc3RDb25maWddPVwibWVudURyb3BEb3duQ29uZmlncy5saXN0Q29uZmlnXCJcbiAgICAgICAgICAgIFtwb3BvdmVyQ3VzdG9tQ29uZmlnXT1cIm1lbnVEcm9wRG93bkNvbmZpZ3MucG9wb3ZlckN1c3RvbUNvbmZpZ1wiXG4gICAgICAgICAgICAob3V0RnVuY3Rpb25zQ29udHJvbCk9XCJoYW5kbGVyQ29udHJvbERyb3Bkb3duTWVudSgkZXZlbnQpXCJcbiAgICAgICAgICAgIChvdXRTZWxlY3RLZXkpPVwiaGFuZGxlclNlbGVjdGVkS2V5KCRldmVudClcIj5cbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1idXR0b24gW2NsYXNzSW5jbHVkZV09XCIncC1bOHB4XSdcIlxuICAgICAgICAgICAgICBbdHlwZV09XCInYnV0dG9uLXRoaXJkJ1wiXG4gICAgICAgICAgICAgIFtpY29uT25seVR5cGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgIFtjbGFzc0ljb25MZWZ0XT1cIidsaWJzLXVpLWljb24tbW9yZS12ZXJ0aWNhbCB0ZXh0LVsjMzMzMzMzXSB0ZXh0LVsxMnB4XSdcIlxuICAgICAgICAgICAgICBbcG9wb3Zlcl09XCJ7XG4gICAgICAgICAgICAgICAgICBjb25maWc6IHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJ2kxOG5fNHhfb3RoZXJfb3BlcmF0aW9ucydcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgW2lnbm9yZVN0b3BQcm9wYWdhdGlvbkV2ZW50XT1cInRydWVcIiAvPlxuICAgICAgICAgIDwvbGlic191aS1jb21wb25lbnRzLWRyb3Bkb3duPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICAgIEBpZiAodGVtcGxhdGVSaWdodCgpOyBhcyB0ZW1wbGF0ZVJpZ2h0KSB7XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJpZ2h0XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgW2NsYXNzXT1cIidsaWJzLXVpLWNvbXBvbmVudHMtcGFnZV9mdWxsLWJvZHkgJyArIGNsYXNzQm9keUluY2x1ZGUoKVwiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/index.mjs ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

@@ -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, UtilsCommunicateMicroKeyGlobal, UtilsCommunicateMicro } from '@libs-ui/utils';
+import dayjs from 'dayjs';
+import { Subject, interval, takeUntil } from 'rxjs';
+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: dayjs().unix()
+                }
+            };
+            UtilsCommunicateMicro.PostMessageToParent(data);
+            interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {
+                data.response.timeLiveUpdate = dayjs().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            [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: "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", "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"], 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", "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: [
+                        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            [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 ADDED Viewed

@@ -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 { UtilsCommunicateMicro, UtilsCommunicateMicroKeyGlobal, uuid, } from '@libs-ui/utils';\nimport dayjs from 'dayjs';\nimport { interval, Subject, takeUntil } from 'rxjs';\nimport { IPagesTemplateFullScreenButton } from './interfaces/config.interface';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'libs_ui-components-pages_template_full_screen',\n templateUrl: './full-screen.component.html',\n styleUrls: ['./full-screen.component.scss'],\n standalone: true,\n imports: [\n 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: dayjs().unix()\n }\n };\n\n UtilsCommunicateMicro.PostMessageToParent(data);\n\n interval(2000).pipe(takeUntil(this.onDestroy)).subscribe(() => {\n data.response.timeLiveUpdate = 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) : '—'\" />\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 \n @if (button.key === 'line-space') {\n <div class=\"bg-[#666b79] w-[1px] h-[28px]\"\n [class]=\"button.classInclude\"> </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 [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 ADDED Viewed

@@ -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 ADDED Viewed

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

package/interfaces/config.interface.d.ts ADDED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-pages-template-full-screen",
+  "version": "0.2.142",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.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"
+  }
+}