@libs-ui/components-pages-template-detail 0.2.145

package/README.md

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

package/detail.component.d.ts

@@ -0,0 +1,43 @@
+import { OnInit } from '@angular/core';
+import { IButton } from '@libs-ui/components-buttons-button';
+import { IDropdownFunctionControlEvent, IEmitSelectKey } from '@libs-ui/components-dropdown';
+import { IPopoverFunctionControlEvent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IRadioEvent } from '@libs-ui/components-radio-single';
+import { ISwitch, ISwitchEvent } from '@libs-ui/components-switch';
+import { IPagesTemplateDetailConfigCenter, IPagesTemplateDetailConfigRight, IPagesTemplateDetailConfigTitle } from './interfaces/config.interface';
+import { IPageDetailFunctionControl } from './interfaces/function-control.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiComponentsPagesTemplateDetailComponent implements OnInit {
+    private dropdownFunctionControl;
+    protected configTitleComputed: import("@angular/core").Signal<import("@libs-ui/components-popover").IPopoverOverlay>;
+    readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
+    readonly configRight: import("@angular/core").InputSignal<IPagesTemplateDetailConfigRight[] | undefined>;
+    readonly configTitle: import("@angular/core").InputSignal<IPagesTemplateDetailConfigTitle | undefined>;
+    readonly configCenter: import("@angular/core").InputSignal<IPagesTemplateDetailConfigCenter | undefined>;
+    readonly classIncludeHeader: import("@angular/core").InputSignal<string | undefined>;
+    readonly classIncludeBody: import("@angular/core").InputSignal<string | undefined>;
+    readonly disable: import("@angular/core").ModelSignal<boolean>;
+    readonly isSplitHeaderRatio: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly outScroll: import("@angular/core").OutputEmitterRef<Event>;
+    readonly outClose: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outSelectedMenuDropdown: import("@angular/core").OutputEmitterRef<IEmitSelectKey | undefined>;
+    readonly outSelectedButtonDropdown: import("@angular/core").OutputEmitterRef<IEmitSelectKey>;
+    readonly outFunctionControl: import("@angular/core").OutputEmitterRef<IPageDetailFunctionControl>;
+    readonly outSelectedRadio: import("@angular/core").OutputEmitterRef<IRadioEvent>;
+    readonly outStateDisable: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly outTooltipButtonFunctionControl: import("@angular/core").OutputEmitterRef<IPopoverFunctionControlEvent>;
+    ngOnInit(): void;
+    protected handlerClickAction(event: IButton): void;
+    protected handlerSwitch(event: ISwitch, swicthEvent: ISwitchEvent): Promise<void>;
+    protected handlerClose(e: Event): void;
+    protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT): void;
+    protected handlerSelectedKey(event?: IEmitSelectKey): void;
+    protected handlerSelectedButtonDropdownItem(event: any): void;
+    protected handlerDropdownFunctionControl(event: IDropdownFunctionControlEvent): void;
+    private setStateDisable;
+    protected handlerChangeRadio(event: IRadioEvent): void;
+    protected handlerFunctionControlTooltipButton(event: IPopoverFunctionControlEvent): void;
+    protected handlerScroll(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsPagesTemplateDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsPagesTemplateDetailComponent, "libs_ui-components-pages_template-detail", never, { "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "configRight": { "alias": "configRight"; "required": false; "isSignal": true; }; "configTitle": { "alias": "configTitle"; "required": false; "isSignal": true; }; "configCenter": { "alias": "configCenter"; "required": false; "isSignal": true; }; "classIncludeHeader": { "alias": "classIncludeHeader"; "required": false; "isSignal": true; }; "classIncludeBody": { "alias": "classIncludeBody"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "isSplitHeaderRatio": { "alias": "isSplitHeaderRatio"; "required": false; "isSignal": true; }; }, { "disable": "disableChange"; "outScroll": "outScroll"; "outClose": "outClose"; "outSelectedMenuDropdown": "outSelectedMenuDropdown"; "outSelectedButtonDropdown": "outSelectedButtonDropdown"; "outFunctionControl": "outFunctionControl"; "outSelectedRadio": "outSelectedRadio"; "outStateDisable": "outStateDisable"; "outTooltipButtonFunctionControl": "outTooltipButtonFunctionControl"; }, never, ["*"], true, never>;
+}

package/esm2022/detail.component.mjs

@@ -0,0 +1,111 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { Component, computed, input, model, output } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsButtonsDropdownComponent } from '@libs-ui/components-buttons-dropdown';
+import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsRadioGroupComponent } from '@libs-ui/components-radio-group';
+import { LibsUiComponentsScrollOverlayDirective } from '@libs-ui/components-scroll-overlay';
+import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { escapeHtml } from '@libs-ui/utils';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class LibsUiComponentsPagesTemplateDetailComponent {
+    dropdownFunctionControl;
+    configTitleComputed = computed(() => {
+        const config = this.configTitle()?.config;
+        if (!config) {
+            return { content: 'i18n_back_to_list' };
+        }
+        if (!config.content) {
+            config.content = 'i18n_back_to_list';
+            return config;
+        }
+        return { ...config, content: escapeHtml(config.content) };
+    });
+    zIndex = input(1000, { transform: val => val ?? 1000 });
+    configRight = input();
+    configTitle = input();
+    configCenter = input();
+    classIncludeHeader = input();
+    classIncludeBody = input();
+    disable = model(false);
+    isSplitHeaderRatio = input(); // dùng khi muốn chia header làm 3 phần theo tỉ lệ 24 52 24
+    outScroll = output();
+    outClose = output();
+    outSelectedMenuDropdown = output();
+    outSelectedButtonDropdown = output();
+    outFunctionControl = output();
+    outSelectedRadio = output();
+    outStateDisable = output();
+    outTooltipButtonFunctionControl = output();
+    ngOnInit() {
+        this.outFunctionControl.emit({
+            setStateDisable: this.setStateDisable.bind(this)
+        });
+    }
+    handlerClickAction(event) {
+        if (event && event.action) {
+            event.action();
+        }
+    }
+    async handlerSwitch(event, swicthEvent) {
+        if (event && event.action) {
+            await event.action(swicthEvent);
+        }
+    }
+    handlerClose(e) {
+        e.stopPropagation();
+        this.outClose.emit(true);
+    }
+    handlerPopoverEvent(event) {
+        if (event !== 'click') {
+            return;
+        }
+        this.outClose.emit(true);
+    }
+    handlerSelectedKey(event) {
+        this.outSelectedMenuDropdown.emit(event);
+        this.dropdownFunctionControl?.reset(); //lỗi chọn lần 2 (chưa reset thì keySelected chưa reset nên không chọn tiếp vào lựa chọn cũ)
+        this.dropdownFunctionControl?.removeList();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handlerSelectedButtonDropdownItem(event) {
+        this.outSelectedButtonDropdown.emit(event);
+    }
+    handlerDropdownFunctionControl(event) {
+        this.dropdownFunctionControl = event;
+    }
+    async setStateDisable(stateDisable) {
+        this.disable.set(stateDisable);
+        this.outStateDisable.emit(this.disable());
+    }
+    handlerChangeRadio(event) {
+        this.outSelectedRadio.emit(event);
+    }
+    handlerFunctionControlTooltipButton(event) {
+        this.outTooltipButtonFunctionControl.emit(event);
+    }
+    handlerScroll(event) {
+        this.outScroll.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsPagesTemplateDetailComponent, isStandalone: true, selector: "libs_ui-components-pages_template-detail", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, configRight: { classPropertyName: "configRight", publicName: "configRight", isSignal: true, isRequired: false, transformFunction: null }, configTitle: { classPropertyName: "configTitle", publicName: "configTitle", isSignal: true, isRequired: false, transformFunction: null }, configCenter: { classPropertyName: "configCenter", publicName: "configCenter", isSignal: true, isRequired: false, transformFunction: null }, classIncludeHeader: { classPropertyName: "classIncludeHeader", publicName: "classIncludeHeader", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBody: { classPropertyName: "classIncludeBody", publicName: "classIncludeBody", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isSplitHeaderRatio: { classPropertyName: "isSplitHeaderRatio", publicName: "isSplitHeaderRatio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disable: "disableChange", outScroll: "outScroll", outClose: "outClose", outSelectedMenuDropdown: "outSelectedMenuDropdown", outSelectedButtonDropdown: "outSelectedButtonDropdown", outFunctionControl: "outFunctionControl", outSelectedRadio: "outSelectedRadio", outStateDisable: "outStateDisable", outTooltipButtonFunctionControl: "outTooltipButtonFunctionControl" }, ngImport: i0, template: "<div class=\"libs-ui-components-page_detail\"\n  [style.zIndex]=\"zIndex()\">\n  <div [class.row]=\"!isSplitHeaderRatio()\"\n    class=\"flex items-center px-[16px] py-[8px] justify-between bg-white libs-ui-border-top-general {{ classIncludeHeader() || '' }}\">\n    <div [class.columns-8]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      <div class=\"flex items-center\">\n        @if (!configTitle()?.ignoreButtonBack) {\n          <i class=\"libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px] mr-[8px] cursor-pointer text-[var(--libs-ui-color-default)]\"\n            (click)=\"handlerClose($event)\"></i>\n        }\n        <div class=\"flex w-full items-center\">\n          @if (configTitle()?.isShowBackToListLabel) {\n            <libs_ui-components-buttons-button [label]=\"'i18n_back_to_list'\"\n              [classLabel]=\"'lib-ui-font-h6m'\"\n              [type]=\"'button-link-primary'\"\n              [classInclude]=\"'!p-0'\"\n              (outClick)=\"handlerClose($event)\" />\n          }\n          @if (configTitle()?.config; as config) {\n            <libs_ui-components-popover [config]=\"configTitleComputed()\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"'cursor-pointer ' + (config.classInclude || 'text-[var(--libs-ui-color-default)] mo-lib-font-h6m')\"\n              [innerHtml]=\"config.content ? (!configTitle()?.ignoreEscapeHtml ? (config.content | LibsUiPipesEscapeHtmlPipe | translate) : (config.content | translate)) : '&mdash;'\"\n              (outEvent)=\"handlerPopoverEvent($event)\" />\n          }\n          @if (configTitle()?.configDescription; as configDescription) {\n            <libs_ui-components-popover [config]=\"configDescription.config\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"(configDescription.config.classInclude || 'mo-lib-font-h6r text-[#6a7383]')\"\n              [innerHtml]=\"configDescription.innerView | LibsUiPipesEscapeHtmlPipe | translate\" />\n          }\n        </div>\n      </div>\n    </div>\n    @if (isSplitHeaderRatio()  && configCenter(); as configCenter) {\n      <div class=\"w-[52%] flex items-center justify-center px-[48px]\">\n        @if (!configCenter.template) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"{\n              maxWidth: 250,\n              zIndex: zIndex() + 1\n            }\"\n            [classInclude]=\"configCenter.classIncludeTitle  ?? 'uppercase mo-lib-font-h4s'\"\n            [innerHtml]=\"configCenter.title ? (configCenter.title | translate | LibsUiPipesEscapeHtmlPipe) : '&mdash'\" />\n        }\n        @else {\n          <ng-container *ngTemplateOutlet=\"configCenter.template\" />\n        }\n      </div>\n    }\n    <div class=\"flex justify-end items-center\"\n      [class.columns-4]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      @for (item of configRight(); track $index; let last = $last) {\n        <div [class.mr-[12px]]=\"!last\">\n          @if (item.key === 'button' && item.configButton; as configButton) {\n            <libs_ui-components-buttons-button [label]=\"configButton.label || ''\"\n              [classLabel]=\"configButton.classLabel || ''\"\n              [type]=\"configButton.type || 'button-primary'\"\n              [classInclude]=\"configButton.classInclude || ''\"\n              [classIconLeft]=\"configButton.classIconLeft || ''\"\n              [iconOnlyType]=\"configButton.iconOnlyType || false\"\n              [classIconRight]=\"configButton.classIconRight || ''\"\n              [popover]=\"configButton.popover || {}\"\n              [disable]=\"configButton.disable || disable()\"\n              [isPending]=\"configButton.isPending || false\"\n              (outClick)=\"handlerClickAction(configButton)\" />\n          }\n          @if (item.key === 'swicth' && !item.ignoreShowButton && item.configSwicth; as configSwicth) {\n            <libs_ui-components-switch [active]=\"configSwicth.active || false\"\n              [disable]=\"configSwicth.disable || disable()\"\n              (outSwitch)=\"handlerSwitch(configSwicth, $event)\" />\n          }\n          @if (item.key === 'menu-dropdown' && item.configDropdown; as configDropdown) {\n            <libs_ui-components-dropdown [isNgContent]=\"true\"\n              [zIndex]=\"2004\"\n              [listConfig]=\"configDropdown.listConfig\"\n              [listHiddenInputSearch]=\"true\"\n              [popoverCustomConfig]=\"configDropdown.popoverCustomConfig\"\n              (outSelectKey)=\"handlerSelectedKey($event)\"\n              (outFunctionsControl)=\"handlerDropdownFunctionControl($event)\">\n              <libs_ui-components-buttons-button [iconOnlyType]=\"true\"\n                [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px] {{ configDropdown.classInclude }}'\"\n                [classInclude]=\"'p-[7px] libs-ui-border-general'\"\n                [type]=\"'button-third'\"\n                [ignoreStopPropagationEvent]=\"true\" />\n            </libs_ui-components-dropdown>\n          }\n          @if (item.key === 'button-dropdown' && item.configButtonDropdown; as configDropdown) {\n            <libs_ui-components-buttons-dropdown [applyNow]=\"true\"\n              [label]=\"item.configButtonDropdown.label || ' '\"\n              [classIconRight]=\"item.configButtonDropdown.classIconRight || ' ' \"\n              [classIconLeft]=\"item.configButtonDropdown.classIconLeft || ' '\"\n              [typeButton]=\"item.configButtonDropdown.type || 'button-secondary'\"\n              [items]=\"item.configButtonDropdown.items || []\"\n              [fieldDisplay]=\"item.configButtonDropdown.fieldDisplay\"\n              [popupConfig]=\"item.configButtonDropdown.popupConfig || {width:205,maxWidth:408,maxHeight:48,zIndex:100,direction:'bottom'}\"\n              (outSelectItem)=\"handlerSelectedButtonDropdownItem($event)\" />\n          }\n\n          @if (item.key === 'radio-group' && item.configRadioGroup; as configRadioGroup) {\n            <libs_ui-components-radio-group [groups]=\"configRadioGroup\"\n              [horizontal]=\"true\"\n              [typeRadio]=\"'medium'\"\n              [ignoreClassMarginLastItem]=\"true\"\n              (outChange)=\"handlerChangeRadio($event)\" />\n          }\n\n          @if (item.key === 'tooltip-button' && item.configTooltipButton; as configTooltipButton) {\n            <libs_ui-components-popover [type]=\"configTooltipButton.configTooltip?.type || 'other'\"\n              [config]=\"configTooltipButton.configTooltip?.config\">\n              <libs_ui-components-buttons-button [type]=\"configTooltipButton.configButton?.type || 'button-third'\"\n                [classIconLeft]=\"configTooltipButton.configButton?.classIconLeft || 'libs-ui-icon-more-vertical rotate-[90deg] mr-0'\"\n                [label]=\"configTooltipButton.configButton?.label || ''\"\n                [iconOnlyType]=\"configTooltipButton.configButton?.iconOnlyType ?? false\"\n                [popover]=\"configTooltipButton.configButton?.popover || {}\"\n                (outFunctionsControl)=\"handlerFunctionControlTooltipButton($event)\"\n                [ignoreStopPropagationEvent]=\"true\"\n                [disable]=\"configTooltipButton.configButton?.disable ?? false\" />\n            </libs_ui-components-popover>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <div class=\"libs-ui-components-page_detail-body {{ classIncludeBody() }}\"\n    LibsUiComponentsScrollOverlayDirective\n    (outScroll)=\"handlerScroll($event)\">\n    <ng-content>\n    </ng-content>\n  </div>\n\n</div>\n", styles: [".libs-ui-components-page_detail{position:absolute;width:100%;height:100vh;left:0;top:0;background-color:#f4f5f7;margin-top:40px}.libs-ui-components-page_detail .libs-ui-components-page_detail-body{padding:0 16px;width:100%;height:100%;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: 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: "component", type: LibsUiComponentsRadioGroupComponent, selector: "libs_ui-components-radio-group", inputs: ["fieldKey", "keyActive", "keysDisable", "groups", "disable", "clickExactly", "horizontal", "labelConfig", "validRequired", "ignoreClassMarginLastItem", "typeRadio", "classInclude", "classLabelInclude", "classItemInclude", "alwaysShowSubText"], outputs: ["groupsChange", "outClickButton", "outChange", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { 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: "directive", type: LibsUiComponentsScrollOverlayDirective, selector: "[LibsUiComponentsScrollOverlayDirective]", inputs: ["debugMode", "classContainer", "options", "elementCheckScrollX", "elementCheckScrollY"], outputs: ["outScroll", "outScrollX", "outScrollY", "outScrollTop", "outScrollBottom"] }, { kind: "component", type: LibsUiComponentsButtonsDropdownComponent, selector: "libs_ui-components-buttons-dropdown", inputs: ["label", "fieldClass", "fieldClassIconLeft", "items", "fieldDisplay", "keyField", "keySelected", "applyNow", "showBorderBottom", "disable", "sizeButton", "classLabel", "iconOnlyType", "classIconRight", "classIconLeft", "typeButton", "popupConfig", "ignoreHiddenPopoverContentWhenMouseLeave", "classInclude", "modePopover", "classIncludeContainer"], outputs: ["keySelectedChange", "outSelectItem", "outHover", "outApply", "outPopoverEvent", "outFunctionsControl", "outIconEvent"] }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template-detail', standalone: true, imports: [
+                        TranslateModule, NgTemplateOutlet,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsRadioGroupComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsScrollOverlayDirective,
+                        LibsUiComponentsButtonsDropdownComponent,
+                        LibsUiPipesEscapeHtmlPipe
+                    ], template: "<div class=\"libs-ui-components-page_detail\"\n  [style.zIndex]=\"zIndex()\">\n  <div [class.row]=\"!isSplitHeaderRatio()\"\n    class=\"flex items-center px-[16px] py-[8px] justify-between bg-white libs-ui-border-top-general {{ classIncludeHeader() || '' }}\">\n    <div [class.columns-8]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      <div class=\"flex items-center\">\n        @if (!configTitle()?.ignoreButtonBack) {\n          <i class=\"libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px] mr-[8px] cursor-pointer text-[var(--libs-ui-color-default)]\"\n            (click)=\"handlerClose($event)\"></i>\n        }\n        <div class=\"flex w-full items-center\">\n          @if (configTitle()?.isShowBackToListLabel) {\n            <libs_ui-components-buttons-button [label]=\"'i18n_back_to_list'\"\n              [classLabel]=\"'lib-ui-font-h6m'\"\n              [type]=\"'button-link-primary'\"\n              [classInclude]=\"'!p-0'\"\n              (outClick)=\"handlerClose($event)\" />\n          }\n          @if (configTitle()?.config; as config) {\n            <libs_ui-components-popover [config]=\"configTitleComputed()\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"'cursor-pointer ' + (config.classInclude || 'text-[var(--libs-ui-color-default)] mo-lib-font-h6m')\"\n              [innerHtml]=\"config.content ? (!configTitle()?.ignoreEscapeHtml ? (config.content | LibsUiPipesEscapeHtmlPipe | translate) : (config.content | translate)) : '&mdash;'\"\n              (outEvent)=\"handlerPopoverEvent($event)\" />\n          }\n          @if (configTitle()?.configDescription; as configDescription) {\n            <libs_ui-components-popover [config]=\"configDescription.config\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"(configDescription.config.classInclude || 'mo-lib-font-h6r text-[#6a7383]')\"\n              [innerHtml]=\"configDescription.innerView | LibsUiPipesEscapeHtmlPipe | translate\" />\n          }\n        </div>\n      </div>\n    </div>\n    @if (isSplitHeaderRatio()  && configCenter(); as configCenter) {\n      <div class=\"w-[52%] flex items-center justify-center px-[48px]\">\n        @if (!configCenter.template) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"{\n              maxWidth: 250,\n              zIndex: zIndex() + 1\n            }\"\n            [classInclude]=\"configCenter.classIncludeTitle  ?? 'uppercase mo-lib-font-h4s'\"\n            [innerHtml]=\"configCenter.title ? (configCenter.title | translate | LibsUiPipesEscapeHtmlPipe) : '&mdash'\" />\n        }\n        @else {\n          <ng-container *ngTemplateOutlet=\"configCenter.template\" />\n        }\n      </div>\n    }\n    <div class=\"flex justify-end items-center\"\n      [class.columns-4]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      @for (item of configRight(); track $index; let last = $last) {\n        <div [class.mr-[12px]]=\"!last\">\n          @if (item.key === 'button' && item.configButton; as configButton) {\n            <libs_ui-components-buttons-button [label]=\"configButton.label || ''\"\n              [classLabel]=\"configButton.classLabel || ''\"\n              [type]=\"configButton.type || 'button-primary'\"\n              [classInclude]=\"configButton.classInclude || ''\"\n              [classIconLeft]=\"configButton.classIconLeft || ''\"\n              [iconOnlyType]=\"configButton.iconOnlyType || false\"\n              [classIconRight]=\"configButton.classIconRight || ''\"\n              [popover]=\"configButton.popover || {}\"\n              [disable]=\"configButton.disable || disable()\"\n              [isPending]=\"configButton.isPending || false\"\n              (outClick)=\"handlerClickAction(configButton)\" />\n          }\n          @if (item.key === 'swicth' && !item.ignoreShowButton && item.configSwicth; as configSwicth) {\n            <libs_ui-components-switch [active]=\"configSwicth.active || false\"\n              [disable]=\"configSwicth.disable || disable()\"\n              (outSwitch)=\"handlerSwitch(configSwicth, $event)\" />\n          }\n          @if (item.key === 'menu-dropdown' && item.configDropdown; as configDropdown) {\n            <libs_ui-components-dropdown [isNgContent]=\"true\"\n              [zIndex]=\"2004\"\n              [listConfig]=\"configDropdown.listConfig\"\n              [listHiddenInputSearch]=\"true\"\n              [popoverCustomConfig]=\"configDropdown.popoverCustomConfig\"\n              (outSelectKey)=\"handlerSelectedKey($event)\"\n              (outFunctionsControl)=\"handlerDropdownFunctionControl($event)\">\n              <libs_ui-components-buttons-button [iconOnlyType]=\"true\"\n                [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px] {{ configDropdown.classInclude }}'\"\n                [classInclude]=\"'p-[7px] libs-ui-border-general'\"\n                [type]=\"'button-third'\"\n                [ignoreStopPropagationEvent]=\"true\" />\n            </libs_ui-components-dropdown>\n          }\n          @if (item.key === 'button-dropdown' && item.configButtonDropdown; as configDropdown) {\n            <libs_ui-components-buttons-dropdown [applyNow]=\"true\"\n              [label]=\"item.configButtonDropdown.label || ' '\"\n              [classIconRight]=\"item.configButtonDropdown.classIconRight || ' ' \"\n              [classIconLeft]=\"item.configButtonDropdown.classIconLeft || ' '\"\n              [typeButton]=\"item.configButtonDropdown.type || 'button-secondary'\"\n              [items]=\"item.configButtonDropdown.items || []\"\n              [fieldDisplay]=\"item.configButtonDropdown.fieldDisplay\"\n              [popupConfig]=\"item.configButtonDropdown.popupConfig || {width:205,maxWidth:408,maxHeight:48,zIndex:100,direction:'bottom'}\"\n              (outSelectItem)=\"handlerSelectedButtonDropdownItem($event)\" />\n          }\n\n          @if (item.key === 'radio-group' && item.configRadioGroup; as configRadioGroup) {\n            <libs_ui-components-radio-group [groups]=\"configRadioGroup\"\n              [horizontal]=\"true\"\n              [typeRadio]=\"'medium'\"\n              [ignoreClassMarginLastItem]=\"true\"\n              (outChange)=\"handlerChangeRadio($event)\" />\n          }\n\n          @if (item.key === 'tooltip-button' && item.configTooltipButton; as configTooltipButton) {\n            <libs_ui-components-popover [type]=\"configTooltipButton.configTooltip?.type || 'other'\"\n              [config]=\"configTooltipButton.configTooltip?.config\">\n              <libs_ui-components-buttons-button [type]=\"configTooltipButton.configButton?.type || 'button-third'\"\n                [classIconLeft]=\"configTooltipButton.configButton?.classIconLeft || 'libs-ui-icon-more-vertical rotate-[90deg] mr-0'\"\n                [label]=\"configTooltipButton.configButton?.label || ''\"\n                [iconOnlyType]=\"configTooltipButton.configButton?.iconOnlyType ?? false\"\n                [popover]=\"configTooltipButton.configButton?.popover || {}\"\n                (outFunctionsControl)=\"handlerFunctionControlTooltipButton($event)\"\n                [ignoreStopPropagationEvent]=\"true\"\n                [disable]=\"configTooltipButton.configButton?.disable ?? false\" />\n            </libs_ui-components-popover>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <div class=\"libs-ui-components-page_detail-body {{ classIncludeBody() }}\"\n    LibsUiComponentsScrollOverlayDirective\n    (outScroll)=\"handlerScroll($event)\">\n    <ng-content>\n    </ng-content>\n  </div>\n\n</div>\n", styles: [".libs-ui-components-page_detail{position:absolute;width:100%;height:100vh;left:0;top:0;background-color:#f4f5f7;margin-top:40px}.libs-ui-components-page_detail .libs-ui-components-page_detail-body{padding:0 16px;width:100%;height:100%;overflow-y:auto}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9wYWdlcy10ZW1wbGF0ZS9kZXRhaWwvc3JjL2RldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZGV0YWlsL3NyYy9kZXRhaWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEYsT0FBTyxFQUFXLHNDQUFzQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckcsT0FBTyxFQUFFLHdDQUF3QyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEcsT0FBTyxFQUFpRCxpQ0FBaUMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2hJLE9BQU8sRUFBZ0MsZ0NBQWdDLEVBQXNCLE1BQU0sNkJBQTZCLENBQUM7QUFDakksT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdEYsT0FBTyxFQUFFLHNDQUFzQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDNUYsT0FBTyxFQUF5QiwrQkFBK0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM1QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQXFCdEQsTUFBTSxPQUFPLDRDQUE0QztJQUMvQyx1QkFBdUIsQ0FBaUM7SUFDdEQsbUJBQW1CLEdB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Z0NBQWdDO3dCQUNoQyxtQ0FBbUM7d0JBQ25DLCtCQUErQjt3QkFDL0IsaUNBQWlDO3dCQUNqQyxzQ0FBc0M7d0JBQ3RDLHdDQUF3Qzt3QkFDeEMseUJBQXlCO3FCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG1vZGVsLCBPbkluaXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJ1dHRvbiwgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uJztcbmltcG9ydCB7IExpYnNVaUNvbXBvbmVudHNCdXR0b25zRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtZHJvcGRvd24nO1xuaW1wb3J0IHsgSURyb3Bkb3duRnVuY3Rpb25Db250cm9sRXZlbnQsIElFbWl0U2VsZWN0S2V5LCBMaWJzVWlDb21wb25lbnRzRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLWRyb3Bkb3duJztcbmltcG9ydCB7IElQb3BvdmVyRnVuY3Rpb25Db250cm9sRXZlbnQsIExpYnNVaUNvbXBvbmVudHNQb3BvdmVyQ29tcG9uZW50LCBUWVBFX1BPUE9WRVJfRVZFTlQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXBvcG92ZXInO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c1JhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXJhZGlvLWdyb3VwJztcbmltcG9ydCB7IElSYWRpb0V2ZW50IH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1yYWRpby1zaW5nbGUnO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c1Njcm9sbE92ZXJsYXlEaXJlY3RpdmUgfSBmcm9tICdAbGlicy11aS9jb21wb25lbnRzLXNjcm9sbC1vdmVybGF5JztcbmltcG9ydCB7IElTd2l0Y2gsIElTd2l0Y2hFdmVudCwgTGlic1VpQ29tcG9uZW50c1N3aXRjaENvbXBvbmVudCB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtc3dpdGNoJztcbmltcG9ydCB7IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUgfSBmcm9tICdAbGlicy11aS9waXBlcy1lc2NhcGUtaHRtbCc7XG5pbXBvcnQgeyBlc2NhcGVIdG1sIH0gZnJvbSAnQGxpYnMtdWkvdXRpbHMnO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBJUGFnZXNUZW1wbGF0ZURldGFpbENvbmZpZ0NlbnRlciwgSVBhZ2VzVGVtcGxhdGVEZXRhaWxDb25maWdSaWdodCwgSVBhZ2VzVGVtcGxhdGVEZXRhaWxDb25maWdUaXRsZSB9IGZyb20gJy4vaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlJztcbmltcG9ydCB7IElQYWdlRGV0YWlsRnVuY3Rpb25Db250cm9sIH0gZnJvbSAnLi9pbnRlcmZhY2VzL2Z1bmN0aW9uLWNvbnRyb2wuaW50ZXJmYWNlJztcbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1wYWdlc190ZW1wbGF0ZS1kZXRhaWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGV0YWlsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGV0YWlsLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBUcmFuc2xhdGVNb2R1bGUsIE5nVGVtcGxhdGVPdXRsZXQsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNCdXR0b25Db21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1BvcG92ZXJDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1JhZGlvR3JvdXBDb21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1N3aXRjaENvbXBvbmVudCxcbiAgICBMaWJzVWlDb21wb25lbnRzRHJvcGRvd25Db21wb25lbnQsXG4gICAgTGlic1VpQ29tcG9uZW50c1Njcm9sbE92ZXJsYXlEaXJlY3RpdmUsXG4gICAgTGlic1VpQ29tcG9uZW50c0J1dHRvbnNEcm9wZG93bkNvbXBvbmVudCxcbiAgICBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c1BhZ2VzVGVtcGxhdGVEZXRhaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIGRyb3Bkb3duRnVuY3Rpb25Db250cm9sITogSURyb3Bkb3duRnVuY3Rpb25Db250cm9sRXZlbnQ7XG4gIHByb3RlY3RlZCBjb25maWdUaXRsZUNvbXB1dGVkID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGNvbmZpZyA9IHRoaXMuY29uZmlnVGl0bGUoKT8uY29uZmlnO1xuICAgIGlmICghY29uZmlnKSB7XG4gICAgICByZXR1cm4geyBjb250ZW50OiAnaTE4bl9iYWNrX3RvX2xpc3QnIH07XG4gICAgfVxuXG4gICAgaWYgKCFjb25maWcuY29udGVudCkge1xuICAgICAgY29uZmlnLmNvbnRlbnQgPSAnaTE4bl9iYWNrX3RvX2xpc3QnO1xuICAgICAgcmV0dXJuIGNvbmZpZztcbiAgICB9XG5cbiAgICByZXR1cm4geyAuLi5jb25maWcsIGNvbnRlbnQ6IGVzY2FwZUh0bWwoY29uZmlnLmNvbnRlbnQpIH07XG4gIH0pO1xuXG4gIHJlYWRvbmx5IHpJbmRleCA9IGlucHV0PG51bWJlciwgbnVtYmVyIHwgdW5kZWZpbmVkPigxMDAwLCB7IHRyYW5zZm9ybTogdmFsID0+IHZhbCA/PyAxMDAwIH0pO1xuICByZWFkb25seSBjb25maWdSaWdodCA9IGlucHV0PEFycmF5PElQYWdlc1RlbXBsYXRlRGV0YWlsQ29uZmlnUmlnaHQ+PigpO1xuICByZWFkb25seSBjb25maWdUaXRsZSA9IGlucHV0PElQYWdlc1RlbXBsYXRlRGV0YWlsQ29uZmlnVGl0bGU+KCk7XG4gIHJlYWRvbmx5IGNvbmZpZ0NlbnRlciA9IGlucHV0PElQYWdlc1RlbXBsYXRlRGV0YWlsQ29uZmlnQ2VudGVyPigpO1xuICByZWFkb25seSBjbGFzc0luY2x1ZGVIZWFkZXIgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGNsYXNzSW5jbHVkZUJvZHkgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBtb2RlbDxib29sZWFuPihmYWxzZSk7XG4gIHJlYWRvbmx5IGlzU3BsaXRIZWFkZXJSYXRpbyA9IGlucHV0PGJvb2xlYW4+KCk7IC8vIGTDuW5nIGtoaSBtdeG7kW4gY2hpYSBoZWFkZXIgbMOgbSAzIHBo4bqnbiB0aGVvIHThu4kgbOG7hyAyNCA1MiAyNFxuXG4gIHJlYWRvbmx5IG91dFNjcm9sbCA9IG91dHB1dDxFdmVudD4oKTtcbiAgcmVhZG9ubHkgb3V0Q2xvc2UgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgb3V0U2VsZWN0ZWRNZW51RHJvcGRvd24gPSBvdXRwdXQ8SUVtaXRTZWxlY3RLZXkgfCB1bmRlZmluZWQ+KCk7XG4gIHJlYWRvbmx5IG91dFNlbGVjdGVkQnV0dG9uRHJvcGRvd24gPSBvdXRwdXQ8SUVtaXRTZWxlY3RLZXk+KCk7XG4gIHJlYWRvbmx5IG91dEZ1bmN0aW9uQ29udHJvbCA9IG91dHB1dDxJUGFnZURldGFpbEZ1bmN0aW9uQ29udHJvbD4oKTtcbiAgcmVhZG9ubHkgb3V0U2VsZWN0ZWRSYWRpbyA9IG91dHB1dDxJUmFkaW9FdmVudD4oKTtcbiAgcmVhZG9ubHkgb3V0U3RhdGVEaXNhYmxlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IG91dFRvb2x0aXBCdXR0b25GdW5jdGlvbkNvbnRyb2wgPSBvdXRwdXQ8SVBvcG92ZXJGdW5jdGlvbkNvbnRyb2xFdmVudD4oKTtcblxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMub3V0RnVuY3Rpb25Db250cm9sLmVtaXQoe1xuICAgICAgc2V0U3RhdGVEaXNhYmxlOiB0aGlzLnNldFN0YXRlRGlzYWJsZS5iaW5kKHRoaXMpXG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckNsaWNrQWN0aW9uKGV2ZW50OiBJQnV0dG9uKSB7XG4gICAgaWYgKGV2ZW50ICYmIGV2ZW50LmFjdGlvbikge1xuICAgICAgZXZlbnQuYWN0aW9uKCk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGFzeW5jIGhhbmRsZXJTd2l0Y2goZXZlbnQ6IElTd2l0Y2gsIHN3aWN0aEV2ZW50OiBJU3dpdGNoRXZlbnQpIHtcbiAgICBpZiAoZXZlbnQgJiYgZXZlbnQuYWN0aW9uKSB7XG4gICAgICBhd2FpdCBldmVudC5hY3Rpb24oc3dpY3RoRXZlbnQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyQ2xvc2UoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIHRoaXMub3V0Q2xvc2UuZW1pdCh0cnVlKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyUG9wb3ZlckV2ZW50KGV2ZW50OiBUWVBFX1BPUE9WRVJfRVZFTlQpIHtcbiAgICBpZiAoZXZlbnQgIT09ICdjbGljaycpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5vdXRDbG9zZS5lbWl0KHRydWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZXJTZWxlY3RlZEtleShldmVudD86IElFbWl0U2VsZWN0S2V5KSB7XG4gICAgdGhpcy5vdXRTZWxlY3RlZE1lbnVEcm9wZG93bi5lbWl0KGV2ZW50KTtcbiAgICB0aGlzLmRyb3Bkb3duRnVuY3Rpb25Db250cm9sPy5yZXNldCgpOyAvL2zDtMyDaSBjaG/Mo24gbMOizIBuIDIgKGNoxrBhIHJlc2V0IHRoacyAIGtleVNlbGVjdGVkIGNoxrBhIHJlc2V0IG7Dqm4ga2jDtG5nIGNob8yjbiB0acOqzIFwIHZhzIBvIGzGsMyjYSBjaG/Mo24gY3XMgylcbiAgICB0aGlzLmRyb3Bkb3duRnVuY3Rpb25Db250cm9sPy5yZW1vdmVMaXN0KCk7XG4gIH1cblxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBwcm90ZWN0ZWQgaGFuZGxlclNlbGVjdGVkQnV0dG9uRHJvcGRvd25JdGVtKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm91dFNlbGVjdGVkQnV0dG9uRHJvcGRvd24uZW1pdChldmVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckRyb3Bkb3duRnVuY3Rpb25Db250cm9sKGV2ZW50OiBJRHJvcGRvd25GdW5jdGlvbkNvbnRyb2xFdmVudCkge1xuICAgIHRoaXMuZHJvcGRvd25GdW5jdGlvbkNvbnRyb2wgPSBldmVudDtcbiAgfVxuXG4gIHByaXZhdGUgYXN5bmMgc2V0U3RhdGVEaXNhYmxlKHN0YXRlRGlzYWJsZTogYm9vbGVhbikge1xuICAgIHRoaXMuZGlzYWJsZS5zZXQoc3RhdGVEaXNhYmxlKTtcbiAgICB0aGlzLm91dFN0YXRlRGlzYWJsZS5lbWl0KHRoaXMuZGlzYWJsZSgpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBoYW5kbGVyQ2hhbmdlUmFkaW8oZXZlbnQ6IElSYWRpb0V2ZW50KSB7XG4gICAgdGhpcy5vdXRTZWxlY3RlZFJhZGlvLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZXJGdW5jdGlvbkNvbnRyb2xUb29sdGlwQnV0dG9uKGV2ZW50OiBJUG9wb3ZlckZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gICAgdGhpcy5vdXRUb29sdGlwQnV0dG9uRnVuY3Rpb25Db250cm9sLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZXJTY3JvbGwoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5vdXRTY3JvbGwuZW1pdChldmVudCk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImxpYnMtdWktY29tcG9uZW50cy1wYWdlX2RldGFpbFwiXG4gIFtzdHlsZS56SW5kZXhdPVwiekluZGV4KClcIj5cbiAgPGRpdiBbY2xhc3Mucm93XT1cIiFpc1NwbGl0SGVhZGVyUmF0aW8oKVwiXG4gICAgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlciBweC1bMTZweF0gcHktWzhweF0ganVzdGlmeS1iZXR3ZWVuIGJnLXdoaXRlIGxpYnMtdWktYm9yZGVyLXRvcC1nZW5lcmFsIHt7IGNsYXNzSW5jbHVkZUhlYWRlcigpIHx8ICcnIH19XCI+XG4gICAgPGRpdiBbY2xhc3MuY29sdW1ucy04XT1cIiFpc1NwbGl0SGVhZGVyUmF0aW8oKVwiXG4gICAgICBbY2xhc3Mudy1bMjQlXV09XCJpc1NwbGl0SGVhZGVyUmF0aW8oKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgIEBpZiAoIWNvbmZpZ1RpdGxlKCk/Lmlnbm9yZUJ1dHRvbkJhY2spIHtcbiAgICAgICAgICA8aSBjbGFzcz1cImxpYnMtdWktaWNvbi1jaGV2cm9uLXJpZ2h0IHJvdGF0ZS1bMTgwZGVnXSBiZWZvcmU6dGV4dC1bMTZweF0gbXItWzhweF0gY3Vyc29yLXBvaW50ZXIgdGV4dC1bdmFyKC0tbGlicy11aS1jb2xvci1kZWZhdWx0KV1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZXJDbG9zZSgkZXZlbnQpXCI+PC9pPlxuICAgICAgICB9XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICBAaWYgKGNvbmZpZ1RpdGxlKCk/LmlzU2hvd0JhY2tUb0xpc3RMYWJlbCkge1xuICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbbGFiZWxdPVwiJ2kxOG5fYmFja190b19saXN0J1wiXG4gICAgICAgICAgICAgIFtjbGFzc0xhYmVsXT1cIidsaWItdWktZm9udC1oNm0nXCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiJ2J1dHRvbi1saW5rLXByaW1hcnknXCJcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCInIXAtMCdcIlxuICAgICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsb3NlKCRldmVudClcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGNvbmZpZ1RpdGxlKCk/LmNvbmZpZzsgYXMgY29uZmlnKSB7XG4gICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXIgW2NvbmZpZ109XCJjb25maWdUaXRsZUNvbXB1dGVkKClcIlxuICAgICAgICAgICAgICBbdHlwZV09XCIndGV4dCdcIlxuICAgICAgICAgICAgICBbbW9kZV09XCInaG92ZXInXCJcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCInY3Vyc29yLXBvaW50ZXIgJyArIChjb25maWcuY2xhc3NJbmNsdWRlIHx8ICd0ZXh0LVt2YXIoLS1saWJzLXVpLWNvbG9yLWRlZmF1bHQpXSBtby1saWItZm9udC1oNm0nKVwiXG4gICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiY29uZmlnLmNvbnRlbnQgPyAoIWNvbmZpZ1RpdGxlKCk/Lmlnbm9yZUVzY2FwZUh0bWwgPyAoY29uZmlnLmNvbnRlbnQgfCBMaWJzVWlQaXBlc0VzY2FwZUh0bWxQaXBlIHwgdHJhbnNsYXRlKSA6IChjb25maWcuY29udGVudCB8IHRyYW5zbGF0ZSkpIDogJyZtZGFzaDsnXCJcbiAgICAgICAgICAgICAgKG91dEV2ZW50KT1cImhhbmRsZXJQb3BvdmVyRXZlbnQoJGV2ZW50KVwiIC8+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBpZiAoY29uZmlnVGl0bGUoKT8uY29uZmlnRGVzY3JpcHRpb247IGFzIGNvbmZpZ0Rlc2NyaXB0aW9uKSB7XG4gICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLXBvcG92ZXIgW2NvbmZpZ109XCJjb25maWdEZXNjcmlwdGlvbi5jb25maWdcIlxuICAgICAgICAgICAgICBbdHlwZV09XCIndGV4dCdcIlxuICAgICAgICAgICAgICBbbW9kZV09XCInaG92ZXInXCJcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCIoY29uZmlnRGVzY3JpcHRpb24uY29uZmlnLmNsYXNzSW5jbHVkZSB8fCAnbW8tbGliLWZvbnQtaDZyIHRleHQtWyM2YTczODNdJylcIlxuICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cImNvbmZpZ0Rlc2NyaXB0aW9uLmlubmVyVmlldyB8IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUgfCB0cmFuc2xhdGVcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICBAaWYgKGlzU3BsaXRIZWFkZXJSYXRpbygpICAmJiBjb25maWdDZW50ZXIoKTsgYXMgY29uZmlnQ2VudGVyKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwidy1bNTIlXSBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBweC1bNDhweF1cIj5cbiAgICAgICAgQGlmICghY29uZmlnQ2VudGVyLnRlbXBsYXRlKSB7XG4gICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1wb3BvdmVyIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIFtjb25maWddPVwie1xuICAgICAgICAgICAgICBtYXhXaWR0aDogMjUwLFxuICAgICAgICAgICAgICB6SW5kZXg6IHpJbmRleCgpICsgMVxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbY2xhc3NJbmNsdWRlXT1cImNvbmZpZ0NlbnRlci5jbGFzc0luY2x1ZGVUaXRsZSAgPz8gJ3VwcGVyY2FzZSBtby1saWItZm9udC1oNHMnXCJcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiY29uZmlnQ2VudGVyLnRpdGxlID8gKGNvbmZpZ0NlbnRlci50aXRsZSB8IHRyYW5zbGF0ZSB8IExpYnNVaVBpcGVzRXNjYXBlSHRtbFBpcGUpIDogJyZtZGFzaCdcIiAvPlxuICAgICAgICB9XG4gICAgICAgIEBlbHNlIHtcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29uZmlnQ2VudGVyLnRlbXBsYXRlXCIgLz5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktZW5kIGl0ZW1zLWNlbnRlclwiXG4gICAgICBbY2xhc3MuY29sdW1ucy00XT1cIiFpc1NwbGl0SGVhZGVyUmF0aW8oKVwiXG4gICAgICBbY2xhc3Mudy1bMjQlXV09XCJpc1NwbGl0SGVhZGVyUmF0aW8oKVwiPlxuICAgICAgQGZvciAoaXRlbSBvZiBjb25maWdSaWdodCgpOyB0cmFjayAkaW5kZXg7IGxldCBsYXN0ID0gJGxhc3QpIHtcbiAgICAgICAgPGRpdiBbY2xhc3MubXItWzEycHhdXT1cIiFsYXN0XCI+XG4gICAgICAgICAgQGlmIChpdGVtLmtleSA9PT0gJ2J1dHRvbicgJiYgaXRlbS5jb25maWdCdXR0b247IGFzIGNvbmZpZ0J1dHRvbikge1xuICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbbGFiZWxdPVwiY29uZmlnQnV0dG9uLmxhYmVsIHx8ICcnXCJcbiAgICAgICAgICAgICAgW2NsYXNzTGFiZWxdPVwiY29uZmlnQnV0dG9uLmNsYXNzTGFiZWwgfHwgJydcIlxuICAgICAgICAgICAgICBbdHlwZV09XCJjb25maWdCdXR0b24udHlwZSB8fCAnYnV0dG9uLXByaW1hcnknXCJcbiAgICAgICAgICAgICAgW2NsYXNzSW5jbHVkZV09XCJjb25maWdCdXR0b24uY2xhc3NJbmNsdWRlIHx8ICcnXCJcbiAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiY29uZmlnQnV0dG9uLmNsYXNzSWNvbkxlZnQgfHwgJydcIlxuICAgICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cImNvbmZpZ0J1dHRvbi5pY29uT25seVR5cGUgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uUmlnaHRdPVwiY29uZmlnQnV0dG9uLmNsYXNzSWNvblJpZ2h0IHx8ICcnXCJcbiAgICAgICAgICAgICAgW3BvcG92ZXJdPVwiY29uZmlnQnV0dG9uLnBvcG92ZXIgfHwge31cIlxuICAgICAgICAgICAgICBbZGlzYWJsZV09XCJjb25maWdCdXR0b24uZGlzYWJsZSB8fCBkaXNhYmxlKClcIlxuICAgICAgICAgICAgICBbaXNQZW5kaW5nXT1cImNvbmZpZ0J1dHRvbi5pc1BlbmRpbmcgfHwgZmFsc2VcIlxuICAgICAgICAgICAgICAob3V0Q2xpY2spPVwiaGFuZGxlckNsaWNrQWN0aW9uKGNvbmZpZ0J1dHRvbilcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGl0ZW0ua2V5ID09PSAnc3dpY3RoJyAmJiAhaXRlbS5pZ25vcmVTaG93QnV0dG9uICYmIGl0ZW0uY29uZmlnU3dpY3RoOyBhcyBjb25maWdTd2ljdGgpIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtc3dpdGNoIFthY3RpdmVdPVwiY29uZmlnU3dpY3RoLmFjdGl2ZSB8fCBmYWxzZVwiXG4gICAgICAgICAgICAgIFtkaXNhYmxlXT1cImNvbmZpZ1N3aWN0aC5kaXNhYmxlIHx8IGRpc2FibGUoKVwiXG4gICAgICAgICAgICAgIChvdXRTd2l0Y2gpPVwiaGFuZGxlclN3aXRjaChjb25maWdTd2ljdGgsICRldmVudClcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICBAaWYgKGl0ZW0ua2V5ID09PSAnbWVudS1kcm9wZG93bicgJiYgaXRlbS5jb25maWdEcm9wZG93bjsgYXMgY29uZmlnRHJvcGRvd24pIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtZHJvcGRvd24gW2lzTmdDb250ZW50XT1cInRydWVcIlxuICAgICAgICAgICAgICBbekluZGV4XT1cIjIwMDRcIlxuICAgICAgICAgICAgICBbbGlzdENvbmZpZ109XCJjb25maWdEcm9wZG93bi5saXN0Q29uZmlnXCJcbiAgICAgICAgICAgICAgW2xpc3RIaWRkZW5JbnB1dFNlYXJjaF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgW3BvcG92ZXJDdXN0b21Db25maWddPVwiY29uZmlnRHJvcGRvd24ucG9wb3ZlckN1c3RvbUNvbmZpZ1wiXG4gICAgICAgICAgICAgIChvdXRTZWxlY3RLZXkpPVwiaGFuZGxlclNlbGVjdGVkS2V5KCRldmVudClcIlxuICAgICAgICAgICAgICAob3V0RnVuY3Rpb25zQ29udHJvbCk9XCJoYW5kbGVyRHJvcGRvd25GdW5jdGlvbkNvbnRyb2woJGV2ZW50KVwiPlxuICAgICAgICAgICAgICA8bGlic191aS1jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uIFtpY29uT25seVR5cGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiJ2xpYnMtdWktaWNvbi1tb3JlLXZlcnRpY2FsIHRleHQtWyMzMzMzMzNdIHRleHQtWzEycHhdIHt7IGNvbmZpZ0Ryb3Bkb3duLmNsYXNzSW5jbHVkZSB9fSdcIlxuICAgICAgICAgICAgICAgIFtjbGFzc0luY2x1ZGVdPVwiJ3AtWzdweF0gbGlicy11aS1ib3JkZXItZ2VuZXJhbCdcIlxuICAgICAgICAgICAgICAgIFt0eXBlXT1cIididXR0b24tdGhpcmQnXCJcbiAgICAgICAgICAgICAgICBbaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnRdPVwidHJ1ZVwiIC8+XG4gICAgICAgICAgICA8L2xpYnNfdWktY29tcG9uZW50cy1kcm9wZG93bj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChpdGVtLmtleSA9PT0gJ2J1dHRvbi1kcm9wZG93bicgJiYgaXRlbS5jb25maWdCdXR0b25Ecm9wZG93bjsgYXMgY29uZmlnRHJvcGRvd24pIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtYnV0dG9ucy1kcm9wZG93biBbYXBwbHlOb3ddPVwidHJ1ZVwiXG4gICAgICAgICAgICAgIFtsYWJlbF09XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLmxhYmVsIHx8ICcgJ1wiXG4gICAgICAgICAgICAgIFtjbGFzc0ljb25SaWdodF09XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLmNsYXNzSWNvblJpZ2h0IHx8ICcgJyBcIlxuICAgICAgICAgICAgICBbY2xhc3NJY29uTGVmdF09XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLmNsYXNzSWNvbkxlZnQgfHwgJyAnXCJcbiAgICAgICAgICAgICAgW3R5cGVCdXR0b25dPVwiaXRlbS5jb25maWdCdXR0b25Ecm9wZG93bi50eXBlIHx8ICdidXR0b24tc2Vjb25kYXJ5J1wiXG4gICAgICAgICAgICAgIFtpdGVtc109XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLml0ZW1zIHx8IFtdXCJcbiAgICAgICAgICAgICAgW2ZpZWxkRGlzcGxheV09XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLmZpZWxkRGlzcGxheVwiXG4gICAgICAgICAgICAgIFtwb3B1cENvbmZpZ109XCJpdGVtLmNvbmZpZ0J1dHRvbkRyb3Bkb3duLnBvcHVwQ29uZmlnIHx8IHt3aWR0aDoyMDUsbWF4V2lkdGg6NDA4LG1heEhlaWdodDo0OCx6SW5kZXg6MTAwLGRpcmVjdGlvbjonYm90dG9tJ31cIlxuICAgICAgICAgICAgICAob3V0U2VsZWN0SXRlbSk9XCJoYW5kbGVyU2VsZWN0ZWRCdXR0b25Ecm9wZG93bkl0ZW0oJGV2ZW50KVwiIC8+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgQGlmIChpdGVtLmtleSA9PT0gJ3JhZGlvLWdyb3VwJyAmJiBpdGVtLmNvbmZpZ1JhZGlvR3JvdXA7IGFzIGNvbmZpZ1JhZGlvR3JvdXApIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtcmFkaW8tZ3JvdXAgW2dyb3Vwc109XCJjb25maWdSYWRpb0dyb3VwXCJcbiAgICAgICAgICAgICAgW2hvcml6b250YWxdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgIFt0eXBlUmFkaW9dPVwiJ21lZGl1bSdcIlxuICAgICAgICAgICAgICBbaWdub3JlQ2xhc3NNYXJnaW5MYXN0SXRlbV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgKG91dENoYW5nZSk9XCJoYW5kbGVyQ2hhbmdlUmFkaW8oJGV2ZW50KVwiIC8+XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgQGlmIChpdGVtLmtleSA9PT0gJ3Rvb2x0aXAtYnV0dG9uJyAmJiBpdGVtLmNvbmZpZ1Rvb2x0aXBCdXR0b247IGFzIGNvbmZpZ1Rvb2x0aXBCdXR0b24pIHtcbiAgICAgICAgICAgIDxsaWJzX3VpLWNvbXBvbmVudHMtcG9wb3ZlciBbdHlwZV09XCJjb25maWdUb29sdGlwQnV0dG9uLmNvbmZpZ1Rvb2x0aXA/LnR5cGUgfHwgJ290aGVyJ1wiXG4gICAgICAgICAgICAgIFtjb25maWddPVwiY29uZmlnVG9vbHRpcEJ1dHRvbi5jb25maWdUb29sdGlwPy5jb25maWdcIj5cbiAgICAgICAgICAgICAgPGxpYnNfdWktY29tcG9uZW50cy1idXR0b25zLWJ1dHRvbiBbdHlwZV09XCJjb25maWdUb29sdGlwQnV0dG9uLmNvbmZpZ0J1dHRvbj8udHlwZSB8fCAnYnV0dG9uLXRoaXJkJ1wiXG4gICAgICAgICAgICAgICAgW2NsYXNzSWNvbkxlZnRdPVwiY29uZmlnVG9vbHRpcEJ1dHRvbi5jb25maWdCdXR0b24/LmNsYXNzSWNvbkxlZnQgfHwgJ2xpYnMtdWktaWNvbi1tb3JlLXZlcnRpY2FsIHJvdGF0ZS1bOTBkZWddIG1yLTAnXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwiY29uZmlnVG9vbHRpcEJ1dHRvbi5jb25maWdCdXR0b24/LmxhYmVsIHx8ICcnXCJcbiAgICAgICAgICAgICAgICBbaWNvbk9ubHlUeXBlXT1cImNvbmZpZ1Rvb2x0aXBCdXR0b24uY29uZmlnQnV0dG9uPy5pY29uT25seVR5cGUgPz8gZmFsc2VcIlxuICAgICAgICAgICAgICAgIFtwb3BvdmVyXT1cImNvbmZpZ1Rvb2x0aXBCdXR0b24uY29uZmlnQnV0dG9uPy5wb3BvdmVyIHx8IHt9XCJcbiAgICAgICAgICAgICAgICAob3V0RnVuY3Rpb25zQ29udHJvbCk9XCJoYW5kbGVyRnVuY3Rpb25Db250cm9sVG9vbHRpcEJ1dHRvbigkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICBbaWdub3JlU3RvcFByb3BhZ2F0aW9uRXZlbnRdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVdPVwiY29uZmlnVG9vbHRpcEJ1dHRvbi5jb25maWdCdXR0b24/LmRpc2FibGUgPz8gZmFsc2VcIiAvPlxuICAgICAgICAgICAgPC9saWJzX3VpLWNvbXBvbmVudHMtcG9wb3Zlcj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwibGlicy11aS1jb21wb25lbnRzLXBhZ2VfZGV0YWlsLWJvZHkge3sgY2xhc3NJbmNsdWRlQm9keSgpIH19XCJcbiAgICBMaWJzVWlDb21wb25lbnRzU2Nyb2xsT3ZlcmxheURpcmVjdGl2ZVxuICAgIChvdXRTY3JvbGwpPVwiaGFuZGxlclNjcm9sbCgkZXZlbnQpXCI+XG4gICAgPG5nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuPC9kaXY+XG4iXX0=

package/esm2022/index.mjs

@@ -0,0 +1,4 @@
+export * from './detail.component';
+export * from './interfaces/config.interface';
+export * from './interfaces/function-control.interface';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvcGFnZXMtdGVtcGxhdGUvZGV0YWlsL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5Q0FBeUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZGV0YWlsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvY29uZmlnLmludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMvZnVuY3Rpb24tY29udHJvbC5pbnRlcmZhY2UnOyJdfQ==

package/esm2022/interfaces/config.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9wYWdlcy10ZW1wbGF0ZS9kZXRhaWwvc3JjL2ludGVyZmFjZXMvY29uZmlnLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgVFlQRV9URU1QTEFURV9SRUYgfSBmcm9tIFwiQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlc1wiO1xuaW1wb3J0IHsgSVN3aXRjaCB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLXN3aXRjaFwiO1xuaW1wb3J0IHsgSUJ1dHRvbiB9IGZyb20gXCJAbGlicy11aS9jb21wb25lbnRzLWJ1dHRvbnMtYnV0dG9uXCI7XG5pbXBvcnQgeyBJUmFkaW9Hcm91cEl0ZW0gfSBmcm9tIFwiQGxpYnMtdWkvY29tcG9uZW50cy1yYWRpby1ncm91cFwiO1xuaW1wb3J0IHsgSURyb3Bkb3duIH0gZnJvbSBcIkBsaWJzLXVpL2NvbXBvbmVudHMtZHJvcGRvd25cIjtcbmltcG9ydCB7IElQb3BvdmVyLCBJUG9wb3Zlck92ZXJsYXkgfSBmcm9tIFwiQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyXCI7XG5pbXBvcnQgeyBJQnV0dG9uRHJvcGRvd24gfSBmcm9tIFwiQGxpYnMtdWkvY29tcG9uZW50cy1idXR0b25zLWRyb3Bkb3duXCI7XG5leHBvcnQgdHlwZSBCdXR0b25LZXkgPSAnYnV0dG9uJyB8ICdzd2ljdGgnIHwgJ3JhZGlvLWdyb3VwJyB8ICdjaXJjbGUtYW5kLW51bWJlcicgfCAnYnV0dG9uLWRyb3Bkb3duJyB8ICdtZW51LWRyb3Bkb3duJyB8ICd0b29sdGlwLWJ1dHRvbicgfCAndG9vbHRpcCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVBhZ2VzVGVtcGxhdGVEZXRhaWxDb25maWdSaWdodCB7XG4gIGtleTogQnV0dG9uS2V5O1xuICBjbGFzc0luY2x1ZGU/OiBzdHJpbmc7XG4gIGRpc2FibGU/OiBib29sZWFuO1xuICBpc1BlbmRpbmc/OiBib29sZWFuO1xuICBjb25maWdCdXR0b24/OiBJQnV0dG9uO1xuICBjb25maWdCdXR0b25Ecm9wZG93bj86IElCdXR0b25Ecm9wZG93bjtcbiAgY29uZmlnUmFkaW9Hcm91cD86IEFycmF5PElSYWRpb0dyb3VwSXRlbT47XG4gIGNvbmZpZ1N3aWN0aD86IElTd2l0Y2g7XG4gIGlnbm9yZVNob3dCdXR0b24/OiBib29sZWFuO1xuICBjb25maWdEcm9wZG93bj86IElEcm9wZG93bjtcbiAgY29uZmlnVG9vbHRpcEJ1dHRvbj86IHtcbiAgICBjb25maWdUb29sdGlwPzogSVBvcG92ZXI7XG4gICAgY29uZmlnQnV0dG9uPzogSUJ1dHRvbjtcbiAgfTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJUGFnZXNUZW1wbGF0ZURldGFpbENvbmZpZ1RpdGxlIGV4dGVuZHMgSVBvcG92ZXIge1xuICBpZ25vcmVCdXR0b25CYWNrPzogYm9vbGVhbjtcbiAgaWdub3JlRXNjYXBlSHRtbD86IGJvb2xlYW47XG4gIGlzU2hvd0Fycm93QmVnaW4/OiBib29sZWFuO1xuICBpc1Nob3dCYWNrVG9MaXN0TGFiZWw/OiBib29sZWFuO1xuICBjb25maWdEZXNjcmlwdGlvbj86IHtcbiAgICBpbm5lclZpZXc/OiBzdHJpbmc7XG4gICAgY29uZmlnOiBJUG9wb3Zlck92ZXJsYXk7XG4gIH1cblxufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQYWdlc1RlbXBsYXRlRGV0YWlsQ29uZmlnQ2VudGVyIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNsYXNzSW5jbHVkZVRpdGxlPzogc3RyaW5nO1xuICB0ZW1wbGF0ZT86IFRlbXBsYXRlUmVmPFRZUEVfVEVNUExBVEVfUkVGPiB8IHVuZGVmaW5lZDsgLy8gRMO5bmcga2hpIG114buRbiBjb25maWcgY2VudGVyIHRlbXBsYXRlXG59Il19

package/esm2022/interfaces/function-control.interface.mjs

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

package/esm2022/libs-ui-components-pages-template-detail.mjs

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

package/fesm2022/libs-ui-components-pages-template-detail.mjs

@@ -0,0 +1,118 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { computed, input, model, output, Component } from '@angular/core';
+import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsButtonsDropdownComponent } from '@libs-ui/components-buttons-dropdown';
+import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
+import { LibsUiComponentsPopoverComponent } from '@libs-ui/components-popover';
+import { LibsUiComponentsRadioGroupComponent } from '@libs-ui/components-radio-group';
+import { LibsUiComponentsScrollOverlayDirective } from '@libs-ui/components-scroll-overlay';
+import { LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';
+import { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';
+import { escapeHtml } from '@libs-ui/utils';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+
+class LibsUiComponentsPagesTemplateDetailComponent {
+    dropdownFunctionControl;
+    configTitleComputed = computed(() => {
+        const config = this.configTitle()?.config;
+        if (!config) {
+            return { content: 'i18n_back_to_list' };
+        }
+        if (!config.content) {
+            config.content = 'i18n_back_to_list';
+            return config;
+        }
+        return { ...config, content: escapeHtml(config.content) };
+    });
+    zIndex = input(1000, { transform: val => val ?? 1000 });
+    configRight = input();
+    configTitle = input();
+    configCenter = input();
+    classIncludeHeader = input();
+    classIncludeBody = input();
+    disable = model(false);
+    isSplitHeaderRatio = input(); // dùng khi muốn chia header làm 3 phần theo tỉ lệ 24 52 24
+    outScroll = output();
+    outClose = output();
+    outSelectedMenuDropdown = output();
+    outSelectedButtonDropdown = output();
+    outFunctionControl = output();
+    outSelectedRadio = output();
+    outStateDisable = output();
+    outTooltipButtonFunctionControl = output();
+    ngOnInit() {
+        this.outFunctionControl.emit({
+            setStateDisable: this.setStateDisable.bind(this)
+        });
+    }
+    handlerClickAction(event) {
+        if (event && event.action) {
+            event.action();
+        }
+    }
+    async handlerSwitch(event, swicthEvent) {
+        if (event && event.action) {
+            await event.action(swicthEvent);
+        }
+    }
+    handlerClose(e) {
+        e.stopPropagation();
+        this.outClose.emit(true);
+    }
+    handlerPopoverEvent(event) {
+        if (event !== 'click') {
+            return;
+        }
+        this.outClose.emit(true);
+    }
+    handlerSelectedKey(event) {
+        this.outSelectedMenuDropdown.emit(event);
+        this.dropdownFunctionControl?.reset(); //lỗi chọn lần 2 (chưa reset thì keySelected chưa reset nên không chọn tiếp vào lựa chọn cũ)
+        this.dropdownFunctionControl?.removeList();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handlerSelectedButtonDropdownItem(event) {
+        this.outSelectedButtonDropdown.emit(event);
+    }
+    handlerDropdownFunctionControl(event) {
+        this.dropdownFunctionControl = event;
+    }
+    async setStateDisable(stateDisable) {
+        this.disable.set(stateDisable);
+        this.outStateDisable.emit(this.disable());
+    }
+    handlerChangeRadio(event) {
+        this.outSelectedRadio.emit(event);
+    }
+    handlerFunctionControlTooltipButton(event) {
+        this.outTooltipButtonFunctionControl.emit(event);
+    }
+    handlerScroll(event) {
+        this.outScroll.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsPagesTemplateDetailComponent, isStandalone: true, selector: "libs_ui-components-pages_template-detail", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, configRight: { classPropertyName: "configRight", publicName: "configRight", isSignal: true, isRequired: false, transformFunction: null }, configTitle: { classPropertyName: "configTitle", publicName: "configTitle", isSignal: true, isRequired: false, transformFunction: null }, configCenter: { classPropertyName: "configCenter", publicName: "configCenter", isSignal: true, isRequired: false, transformFunction: null }, classIncludeHeader: { classPropertyName: "classIncludeHeader", publicName: "classIncludeHeader", isSignal: true, isRequired: false, transformFunction: null }, classIncludeBody: { classPropertyName: "classIncludeBody", publicName: "classIncludeBody", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, isSplitHeaderRatio: { classPropertyName: "isSplitHeaderRatio", publicName: "isSplitHeaderRatio", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disable: "disableChange", outScroll: "outScroll", outClose: "outClose", outSelectedMenuDropdown: "outSelectedMenuDropdown", outSelectedButtonDropdown: "outSelectedButtonDropdown", outFunctionControl: "outFunctionControl", outSelectedRadio: "outSelectedRadio", outStateDisable: "outStateDisable", outTooltipButtonFunctionControl: "outTooltipButtonFunctionControl" }, ngImport: i0, template: "<div class=\"libs-ui-components-page_detail\"\n  [style.zIndex]=\"zIndex()\">\n  <div [class.row]=\"!isSplitHeaderRatio()\"\n    class=\"flex items-center px-[16px] py-[8px] justify-between bg-white libs-ui-border-top-general {{ classIncludeHeader() || '' }}\">\n    <div [class.columns-8]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      <div class=\"flex items-center\">\n        @if (!configTitle()?.ignoreButtonBack) {\n          <i class=\"libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px] mr-[8px] cursor-pointer text-[var(--libs-ui-color-default)]\"\n            (click)=\"handlerClose($event)\"></i>\n        }\n        <div class=\"flex w-full items-center\">\n          @if (configTitle()?.isShowBackToListLabel) {\n            <libs_ui-components-buttons-button [label]=\"'i18n_back_to_list'\"\n              [classLabel]=\"'lib-ui-font-h6m'\"\n              [type]=\"'button-link-primary'\"\n              [classInclude]=\"'!p-0'\"\n              (outClick)=\"handlerClose($event)\" />\n          }\n          @if (configTitle()?.config; as config) {\n            <libs_ui-components-popover [config]=\"configTitleComputed()\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"'cursor-pointer ' + (config.classInclude || 'text-[var(--libs-ui-color-default)] mo-lib-font-h6m')\"\n              [innerHtml]=\"config.content ? (!configTitle()?.ignoreEscapeHtml ? (config.content | LibsUiPipesEscapeHtmlPipe | translate) : (config.content | translate)) : '&mdash;'\"\n              (outEvent)=\"handlerPopoverEvent($event)\" />\n          }\n          @if (configTitle()?.configDescription; as configDescription) {\n            <libs_ui-components-popover [config]=\"configDescription.config\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"(configDescription.config.classInclude || 'mo-lib-font-h6r text-[#6a7383]')\"\n              [innerHtml]=\"configDescription.innerView | LibsUiPipesEscapeHtmlPipe | translate\" />\n          }\n        </div>\n      </div>\n    </div>\n    @if (isSplitHeaderRatio()  && configCenter(); as configCenter) {\n      <div class=\"w-[52%] flex items-center justify-center px-[48px]\">\n        @if (!configCenter.template) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"{\n              maxWidth: 250,\n              zIndex: zIndex() + 1\n            }\"\n            [classInclude]=\"configCenter.classIncludeTitle  ?? 'uppercase mo-lib-font-h4s'\"\n            [innerHtml]=\"configCenter.title ? (configCenter.title | translate | LibsUiPipesEscapeHtmlPipe) : '&mdash'\" />\n        }\n        @else {\n          <ng-container *ngTemplateOutlet=\"configCenter.template\" />\n        }\n      </div>\n    }\n    <div class=\"flex justify-end items-center\"\n      [class.columns-4]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      @for (item of configRight(); track $index; let last = $last) {\n        <div [class.mr-[12px]]=\"!last\">\n          @if (item.key === 'button' && item.configButton; as configButton) {\n            <libs_ui-components-buttons-button [label]=\"configButton.label || ''\"\n              [classLabel]=\"configButton.classLabel || ''\"\n              [type]=\"configButton.type || 'button-primary'\"\n              [classInclude]=\"configButton.classInclude || ''\"\n              [classIconLeft]=\"configButton.classIconLeft || ''\"\n              [iconOnlyType]=\"configButton.iconOnlyType || false\"\n              [classIconRight]=\"configButton.classIconRight || ''\"\n              [popover]=\"configButton.popover || {}\"\n              [disable]=\"configButton.disable || disable()\"\n              [isPending]=\"configButton.isPending || false\"\n              (outClick)=\"handlerClickAction(configButton)\" />\n          }\n          @if (item.key === 'swicth' && !item.ignoreShowButton && item.configSwicth; as configSwicth) {\n            <libs_ui-components-switch [active]=\"configSwicth.active || false\"\n              [disable]=\"configSwicth.disable || disable()\"\n              (outSwitch)=\"handlerSwitch(configSwicth, $event)\" />\n          }\n          @if (item.key === 'menu-dropdown' && item.configDropdown; as configDropdown) {\n            <libs_ui-components-dropdown [isNgContent]=\"true\"\n              [zIndex]=\"2004\"\n              [listConfig]=\"configDropdown.listConfig\"\n              [listHiddenInputSearch]=\"true\"\n              [popoverCustomConfig]=\"configDropdown.popoverCustomConfig\"\n              (outSelectKey)=\"handlerSelectedKey($event)\"\n              (outFunctionsControl)=\"handlerDropdownFunctionControl($event)\">\n              <libs_ui-components-buttons-button [iconOnlyType]=\"true\"\n                [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px] {{ configDropdown.classInclude }}'\"\n                [classInclude]=\"'p-[7px] libs-ui-border-general'\"\n                [type]=\"'button-third'\"\n                [ignoreStopPropagationEvent]=\"true\" />\n            </libs_ui-components-dropdown>\n          }\n          @if (item.key === 'button-dropdown' && item.configButtonDropdown; as configDropdown) {\n            <libs_ui-components-buttons-dropdown [applyNow]=\"true\"\n              [label]=\"item.configButtonDropdown.label || ' '\"\n              [classIconRight]=\"item.configButtonDropdown.classIconRight || ' ' \"\n              [classIconLeft]=\"item.configButtonDropdown.classIconLeft || ' '\"\n              [typeButton]=\"item.configButtonDropdown.type || 'button-secondary'\"\n              [items]=\"item.configButtonDropdown.items || []\"\n              [fieldDisplay]=\"item.configButtonDropdown.fieldDisplay\"\n              [popupConfig]=\"item.configButtonDropdown.popupConfig || {width:205,maxWidth:408,maxHeight:48,zIndex:100,direction:'bottom'}\"\n              (outSelectItem)=\"handlerSelectedButtonDropdownItem($event)\" />\n          }\n\n          @if (item.key === 'radio-group' && item.configRadioGroup; as configRadioGroup) {\n            <libs_ui-components-radio-group [groups]=\"configRadioGroup\"\n              [horizontal]=\"true\"\n              [typeRadio]=\"'medium'\"\n              [ignoreClassMarginLastItem]=\"true\"\n              (outChange)=\"handlerChangeRadio($event)\" />\n          }\n\n          @if (item.key === 'tooltip-button' && item.configTooltipButton; as configTooltipButton) {\n            <libs_ui-components-popover [type]=\"configTooltipButton.configTooltip?.type || 'other'\"\n              [config]=\"configTooltipButton.configTooltip?.config\">\n              <libs_ui-components-buttons-button [type]=\"configTooltipButton.configButton?.type || 'button-third'\"\n                [classIconLeft]=\"configTooltipButton.configButton?.classIconLeft || 'libs-ui-icon-more-vertical rotate-[90deg] mr-0'\"\n                [label]=\"configTooltipButton.configButton?.label || ''\"\n                [iconOnlyType]=\"configTooltipButton.configButton?.iconOnlyType ?? false\"\n                [popover]=\"configTooltipButton.configButton?.popover || {}\"\n                (outFunctionsControl)=\"handlerFunctionControlTooltipButton($event)\"\n                [ignoreStopPropagationEvent]=\"true\"\n                [disable]=\"configTooltipButton.configButton?.disable ?? false\" />\n            </libs_ui-components-popover>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <div class=\"libs-ui-components-page_detail-body {{ classIncludeBody() }}\"\n    LibsUiComponentsScrollOverlayDirective\n    (outScroll)=\"handlerScroll($event)\">\n    <ng-content>\n    </ng-content>\n  </div>\n\n</div>\n", styles: [".libs-ui-components-page_detail{position:absolute;width:100%;height:100vh;left:0;top:0;background-color:#f4f5f7;margin-top:40px}.libs-ui-components-page_detail .libs-ui-components-page_detail-body{padding:0 16px;width:100%;height:100%;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: 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: "component", type: LibsUiComponentsRadioGroupComponent, selector: "libs_ui-components-radio-group", inputs: ["fieldKey", "keyActive", "keysDisable", "groups", "disable", "clickExactly", "horizontal", "labelConfig", "validRequired", "ignoreClassMarginLastItem", "typeRadio", "classInclude", "classLabelInclude", "classItemInclude", "alwaysShowSubText"], outputs: ["groupsChange", "outClickButton", "outChange", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsSwitchComponent, selector: "libs_ui-components-switch", inputs: ["size", "disable", "active"], outputs: ["activeChange", "outSwitch"] }, { 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: "directive", type: LibsUiComponentsScrollOverlayDirective, selector: "[LibsUiComponentsScrollOverlayDirective]", inputs: ["debugMode", "classContainer", "options", "elementCheckScrollX", "elementCheckScrollY"], outputs: ["outScroll", "outScrollX", "outScrollY", "outScrollTop", "outScrollBottom"] }, { kind: "component", type: LibsUiComponentsButtonsDropdownComponent, selector: "libs_ui-components-buttons-dropdown", inputs: ["label", "fieldClass", "fieldClassIconLeft", "items", "fieldDisplay", "keyField", "keySelected", "applyNow", "showBorderBottom", "disable", "sizeButton", "classLabel", "iconOnlyType", "classIconRight", "classIconLeft", "typeButton", "popupConfig", "ignoreHiddenPopoverContentWhenMouseLeave", "classInclude", "modePopover", "classIncludeContainer"], outputs: ["keySelectedChange", "outSelectItem", "outHover", "outApply", "outPopoverEvent", "outFunctionsControl", "outIconEvent"] }, { kind: "pipe", type: LibsUiPipesEscapeHtmlPipe, name: "LibsUiPipesEscapeHtmlPipe" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsPagesTemplateDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'libs_ui-components-pages_template-detail', standalone: true, imports: [
+                        TranslateModule, NgTemplateOutlet,
+                        LibsUiComponentsButtonsButtonComponent,
+                        LibsUiComponentsPopoverComponent,
+                        LibsUiComponentsRadioGroupComponent,
+                        LibsUiComponentsSwitchComponent,
+                        LibsUiComponentsDropdownComponent,
+                        LibsUiComponentsScrollOverlayDirective,
+                        LibsUiComponentsButtonsDropdownComponent,
+                        LibsUiPipesEscapeHtmlPipe
+                    ], template: "<div class=\"libs-ui-components-page_detail\"\n  [style.zIndex]=\"zIndex()\">\n  <div [class.row]=\"!isSplitHeaderRatio()\"\n    class=\"flex items-center px-[16px] py-[8px] justify-between bg-white libs-ui-border-top-general {{ classIncludeHeader() || '' }}\">\n    <div [class.columns-8]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      <div class=\"flex items-center\">\n        @if (!configTitle()?.ignoreButtonBack) {\n          <i class=\"libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px] mr-[8px] cursor-pointer text-[var(--libs-ui-color-default)]\"\n            (click)=\"handlerClose($event)\"></i>\n        }\n        <div class=\"flex w-full items-center\">\n          @if (configTitle()?.isShowBackToListLabel) {\n            <libs_ui-components-buttons-button [label]=\"'i18n_back_to_list'\"\n              [classLabel]=\"'lib-ui-font-h6m'\"\n              [type]=\"'button-link-primary'\"\n              [classInclude]=\"'!p-0'\"\n              (outClick)=\"handlerClose($event)\" />\n          }\n          @if (configTitle()?.config; as config) {\n            <libs_ui-components-popover [config]=\"configTitleComputed()\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"'cursor-pointer ' + (config.classInclude || 'text-[var(--libs-ui-color-default)] mo-lib-font-h6m')\"\n              [innerHtml]=\"config.content ? (!configTitle()?.ignoreEscapeHtml ? (config.content | LibsUiPipesEscapeHtmlPipe | translate) : (config.content | translate)) : '&mdash;'\"\n              (outEvent)=\"handlerPopoverEvent($event)\" />\n          }\n          @if (configTitle()?.configDescription; as configDescription) {\n            <libs_ui-components-popover [config]=\"configDescription.config\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"(configDescription.config.classInclude || 'mo-lib-font-h6r text-[#6a7383]')\"\n              [innerHtml]=\"configDescription.innerView | LibsUiPipesEscapeHtmlPipe | translate\" />\n          }\n        </div>\n      </div>\n    </div>\n    @if (isSplitHeaderRatio()  && configCenter(); as configCenter) {\n      <div class=\"w-[52%] flex items-center justify-center px-[48px]\">\n        @if (!configCenter.template) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"{\n              maxWidth: 250,\n              zIndex: zIndex() + 1\n            }\"\n            [classInclude]=\"configCenter.classIncludeTitle  ?? 'uppercase mo-lib-font-h4s'\"\n            [innerHtml]=\"configCenter.title ? (configCenter.title | translate | LibsUiPipesEscapeHtmlPipe) : '&mdash'\" />\n        }\n        @else {\n          <ng-container *ngTemplateOutlet=\"configCenter.template\" />\n        }\n      </div>\n    }\n    <div class=\"flex justify-end items-center\"\n      [class.columns-4]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      @for (item of configRight(); track $index; let last = $last) {\n        <div [class.mr-[12px]]=\"!last\">\n          @if (item.key === 'button' && item.configButton; as configButton) {\n            <libs_ui-components-buttons-button [label]=\"configButton.label || ''\"\n              [classLabel]=\"configButton.classLabel || ''\"\n              [type]=\"configButton.type || 'button-primary'\"\n              [classInclude]=\"configButton.classInclude || ''\"\n              [classIconLeft]=\"configButton.classIconLeft || ''\"\n              [iconOnlyType]=\"configButton.iconOnlyType || false\"\n              [classIconRight]=\"configButton.classIconRight || ''\"\n              [popover]=\"configButton.popover || {}\"\n              [disable]=\"configButton.disable || disable()\"\n              [isPending]=\"configButton.isPending || false\"\n              (outClick)=\"handlerClickAction(configButton)\" />\n          }\n          @if (item.key === 'swicth' && !item.ignoreShowButton && item.configSwicth; as configSwicth) {\n            <libs_ui-components-switch [active]=\"configSwicth.active || false\"\n              [disable]=\"configSwicth.disable || disable()\"\n              (outSwitch)=\"handlerSwitch(configSwicth, $event)\" />\n          }\n          @if (item.key === 'menu-dropdown' && item.configDropdown; as configDropdown) {\n            <libs_ui-components-dropdown [isNgContent]=\"true\"\n              [zIndex]=\"2004\"\n              [listConfig]=\"configDropdown.listConfig\"\n              [listHiddenInputSearch]=\"true\"\n              [popoverCustomConfig]=\"configDropdown.popoverCustomConfig\"\n              (outSelectKey)=\"handlerSelectedKey($event)\"\n              (outFunctionsControl)=\"handlerDropdownFunctionControl($event)\">\n              <libs_ui-components-buttons-button [iconOnlyType]=\"true\"\n                [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px] {{ configDropdown.classInclude }}'\"\n                [classInclude]=\"'p-[7px] libs-ui-border-general'\"\n                [type]=\"'button-third'\"\n                [ignoreStopPropagationEvent]=\"true\" />\n            </libs_ui-components-dropdown>\n          }\n          @if (item.key === 'button-dropdown' && item.configButtonDropdown; as configDropdown) {\n            <libs_ui-components-buttons-dropdown [applyNow]=\"true\"\n              [label]=\"item.configButtonDropdown.label || ' '\"\n              [classIconRight]=\"item.configButtonDropdown.classIconRight || ' ' \"\n              [classIconLeft]=\"item.configButtonDropdown.classIconLeft || ' '\"\n              [typeButton]=\"item.configButtonDropdown.type || 'button-secondary'\"\n              [items]=\"item.configButtonDropdown.items || []\"\n              [fieldDisplay]=\"item.configButtonDropdown.fieldDisplay\"\n              [popupConfig]=\"item.configButtonDropdown.popupConfig || {width:205,maxWidth:408,maxHeight:48,zIndex:100,direction:'bottom'}\"\n              (outSelectItem)=\"handlerSelectedButtonDropdownItem($event)\" />\n          }\n\n          @if (item.key === 'radio-group' && item.configRadioGroup; as configRadioGroup) {\n            <libs_ui-components-radio-group [groups]=\"configRadioGroup\"\n              [horizontal]=\"true\"\n              [typeRadio]=\"'medium'\"\n              [ignoreClassMarginLastItem]=\"true\"\n              (outChange)=\"handlerChangeRadio($event)\" />\n          }\n\n          @if (item.key === 'tooltip-button' && item.configTooltipButton; as configTooltipButton) {\n            <libs_ui-components-popover [type]=\"configTooltipButton.configTooltip?.type || 'other'\"\n              [config]=\"configTooltipButton.configTooltip?.config\">\n              <libs_ui-components-buttons-button [type]=\"configTooltipButton.configButton?.type || 'button-third'\"\n                [classIconLeft]=\"configTooltipButton.configButton?.classIconLeft || 'libs-ui-icon-more-vertical rotate-[90deg] mr-0'\"\n                [label]=\"configTooltipButton.configButton?.label || ''\"\n                [iconOnlyType]=\"configTooltipButton.configButton?.iconOnlyType ?? false\"\n                [popover]=\"configTooltipButton.configButton?.popover || {}\"\n                (outFunctionsControl)=\"handlerFunctionControlTooltipButton($event)\"\n                [ignoreStopPropagationEvent]=\"true\"\n                [disable]=\"configTooltipButton.configButton?.disable ?? false\" />\n            </libs_ui-components-popover>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <div class=\"libs-ui-components-page_detail-body {{ classIncludeBody() }}\"\n    LibsUiComponentsScrollOverlayDirective\n    (outScroll)=\"handlerScroll($event)\">\n    <ng-content>\n    </ng-content>\n  </div>\n\n</div>\n", styles: [".libs-ui-components-page_detail{position:absolute;width:100%;height:100vh;left:0;top:0;background-color:#f4f5f7;margin-top:40px}.libs-ui-components-page_detail .libs-ui-components-page_detail-body{padding:0 16px;width:100%;height:100%;overflow-y:auto}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LibsUiComponentsPagesTemplateDetailComponent };
+//# sourceMappingURL=libs-ui-components-pages-template-detail.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"libs-ui-components-pages-template-detail.mjs","sources":["../../../../../../libs-ui/components/pages-template/detail/src/detail.component.ts","../../../../../../libs-ui/components/pages-template/detail/src/detail.component.html","../../../../../../libs-ui/components/pages-template/detail/src/libs-ui-components-pages-template-detail.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, input, model, OnInit, output } from '@angular/core';\nimport { IButton, LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';\nimport { LibsUiComponentsButtonsDropdownComponent } from '@libs-ui/components-buttons-dropdown';\nimport { IDropdownFunctionControlEvent, IEmitSelectKey, LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';\nimport { IPopoverFunctionControlEvent, LibsUiComponentsPopoverComponent, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';\nimport { LibsUiComponentsRadioGroupComponent } from '@libs-ui/components-radio-group';\nimport { IRadioEvent } from '@libs-ui/components-radio-single';\nimport { LibsUiComponentsScrollOverlayDirective } from '@libs-ui/components-scroll-overlay';\nimport { ISwitch, ISwitchEvent, LibsUiComponentsSwitchComponent } from '@libs-ui/components-switch';\nimport { LibsUiPipesEscapeHtmlPipe } from '@libs-ui/pipes-escape-html';\nimport { escapeHtml } from '@libs-ui/utils';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { IPagesTemplateDetailConfigCenter, IPagesTemplateDetailConfigRight, IPagesTemplateDetailConfigTitle } from './interfaces/config.interface';\nimport { IPageDetailFunctionControl } from './interfaces/function-control.interface';\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'libs_ui-components-pages_template-detail',\n  templateUrl: './detail.component.html',\n  styleUrls: ['./detail.component.scss'],\n  standalone: true,\n  imports: [\n    TranslateModule, NgTemplateOutlet,\n    LibsUiComponentsButtonsButtonComponent,\n    LibsUiComponentsPopoverComponent,\n    LibsUiComponentsRadioGroupComponent,\n    LibsUiComponentsSwitchComponent,\n    LibsUiComponentsDropdownComponent,\n    LibsUiComponentsScrollOverlayDirective,\n    LibsUiComponentsButtonsDropdownComponent,\n    LibsUiPipesEscapeHtmlPipe\n  ]\n})\nexport class LibsUiComponentsPagesTemplateDetailComponent implements OnInit {\n  private dropdownFunctionControl!: IDropdownFunctionControlEvent;\n  protected configTitleComputed = computed(() => {\n    const config = this.configTitle()?.config;\n    if (!config) {\n      return { content: 'i18n_back_to_list' };\n    }\n\n    if (!config.content) {\n      config.content = 'i18n_back_to_list';\n      return config;\n    }\n\n    return { ...config, content: escapeHtml(config.content) };\n  });\n\n  readonly zIndex = input<number, number | undefined>(1000, { transform: val => val ?? 1000 });\n  readonly configRight = input<Array<IPagesTemplateDetailConfigRight>>();\n  readonly configTitle = input<IPagesTemplateDetailConfigTitle>();\n  readonly configCenter = input<IPagesTemplateDetailConfigCenter>();\n  readonly classIncludeHeader = input<string>();\n  readonly classIncludeBody = input<string>();\n  readonly disable = model<boolean>(false);\n  readonly isSplitHeaderRatio = input<boolean>(); // dùng khi muốn chia header làm 3 phần theo tỉ lệ 24 52 24\n\n  readonly outScroll = output<Event>();\n  readonly outClose = output<boolean>();\n  readonly outSelectedMenuDropdown = output<IEmitSelectKey | undefined>();\n  readonly outSelectedButtonDropdown = output<IEmitSelectKey>();\n  readonly outFunctionControl = output<IPageDetailFunctionControl>();\n  readonly outSelectedRadio = output<IRadioEvent>();\n  readonly outStateDisable = output<boolean>();\n  readonly outTooltipButtonFunctionControl = output<IPopoverFunctionControlEvent>();\n\n\n  ngOnInit() {\n    this.outFunctionControl.emit({\n      setStateDisable: this.setStateDisable.bind(this)\n    });\n  }\n\n  protected handlerClickAction(event: IButton) {\n    if (event && event.action) {\n      event.action();\n    }\n  }\n\n  protected async handlerSwitch(event: ISwitch, swicthEvent: ISwitchEvent) {\n    if (event && event.action) {\n      await event.action(swicthEvent);\n    }\n  }\n\n  protected handlerClose(e: Event) {\n    e.stopPropagation();\n    this.outClose.emit(true);\n  }\n\n  protected handlerPopoverEvent(event: TYPE_POPOVER_EVENT) {\n    if (event !== 'click') {\n      return;\n    }\n    this.outClose.emit(true);\n  }\n\n  protected handlerSelectedKey(event?: IEmitSelectKey) {\n    this.outSelectedMenuDropdown.emit(event);\n    this.dropdownFunctionControl?.reset(); //lỗi chọn lần 2 (chưa reset thì keySelected chưa reset nên không chọn tiếp vào lựa chọn cũ)\n    this.dropdownFunctionControl?.removeList();\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  protected handlerSelectedButtonDropdownItem(event: any) {\n    this.outSelectedButtonDropdown.emit(event);\n  }\n\n  protected handlerDropdownFunctionControl(event: IDropdownFunctionControlEvent) {\n    this.dropdownFunctionControl = event;\n  }\n\n  private async setStateDisable(stateDisable: boolean) {\n    this.disable.set(stateDisable);\n    this.outStateDisable.emit(this.disable());\n  }\n\n  protected handlerChangeRadio(event: IRadioEvent) {\n    this.outSelectedRadio.emit(event);\n  }\n\n  protected handlerFunctionControlTooltipButton(event: IPopoverFunctionControlEvent) {\n    this.outTooltipButtonFunctionControl.emit(event);\n  }\n\n  protected handlerScroll(event: Event) {\n    this.outScroll.emit(event);\n  }\n\n}\n","<div class=\"libs-ui-components-page_detail\"\n  [style.zIndex]=\"zIndex()\">\n  <div [class.row]=\"!isSplitHeaderRatio()\"\n    class=\"flex items-center px-[16px] py-[8px] justify-between bg-white libs-ui-border-top-general {{ classIncludeHeader() || '' }}\">\n    <div [class.columns-8]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      <div class=\"flex items-center\">\n        @if (!configTitle()?.ignoreButtonBack) {\n          <i class=\"libs-ui-icon-chevron-right rotate-[180deg] before:text-[16px] mr-[8px] cursor-pointer text-[var(--libs-ui-color-default)]\"\n            (click)=\"handlerClose($event)\"></i>\n        }\n        <div class=\"flex w-full items-center\">\n          @if (configTitle()?.isShowBackToListLabel) {\n            <libs_ui-components-buttons-button [label]=\"'i18n_back_to_list'\"\n              [classLabel]=\"'lib-ui-font-h6m'\"\n              [type]=\"'button-link-primary'\"\n              [classInclude]=\"'!p-0'\"\n              (outClick)=\"handlerClose($event)\" />\n          }\n          @if (configTitle()?.config; as config) {\n            <libs_ui-components-popover [config]=\"configTitleComputed()\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"'cursor-pointer ' + (config.classInclude || 'text-[var(--libs-ui-color-default)] mo-lib-font-h6m')\"\n              [innerHtml]=\"config.content ? (!configTitle()?.ignoreEscapeHtml ? (config.content | LibsUiPipesEscapeHtmlPipe | translate) : (config.content | translate)) : '&mdash;'\"\n              (outEvent)=\"handlerPopoverEvent($event)\" />\n          }\n          @if (configTitle()?.configDescription; as configDescription) {\n            <libs_ui-components-popover [config]=\"configDescription.config\"\n              [type]=\"'text'\"\n              [mode]=\"'hover'\"\n              [classInclude]=\"(configDescription.config.classInclude || 'mo-lib-font-h6r text-[#6a7383]')\"\n              [innerHtml]=\"configDescription.innerView | LibsUiPipesEscapeHtmlPipe | translate\" />\n          }\n        </div>\n      </div>\n    </div>\n    @if (isSplitHeaderRatio()  && configCenter(); as configCenter) {\n      <div class=\"w-[52%] flex items-center justify-center px-[48px]\">\n        @if (!configCenter.template) {\n          <libs_ui-components-popover type=\"text\"\n            [config]=\"{\n              maxWidth: 250,\n              zIndex: zIndex() + 1\n            }\"\n            [classInclude]=\"configCenter.classIncludeTitle  ?? 'uppercase mo-lib-font-h4s'\"\n            [innerHtml]=\"configCenter.title ? (configCenter.title | translate | LibsUiPipesEscapeHtmlPipe) : '&mdash'\" />\n        }\n        @else {\n          <ng-container *ngTemplateOutlet=\"configCenter.template\" />\n        }\n      </div>\n    }\n    <div class=\"flex justify-end items-center\"\n      [class.columns-4]=\"!isSplitHeaderRatio()\"\n      [class.w-[24%]]=\"isSplitHeaderRatio()\">\n      @for (item of configRight(); track $index; let last = $last) {\n        <div [class.mr-[12px]]=\"!last\">\n          @if (item.key === 'button' && item.configButton; as configButton) {\n            <libs_ui-components-buttons-button [label]=\"configButton.label || ''\"\n              [classLabel]=\"configButton.classLabel || ''\"\n              [type]=\"configButton.type || 'button-primary'\"\n              [classInclude]=\"configButton.classInclude || ''\"\n              [classIconLeft]=\"configButton.classIconLeft || ''\"\n              [iconOnlyType]=\"configButton.iconOnlyType || false\"\n              [classIconRight]=\"configButton.classIconRight || ''\"\n              [popover]=\"configButton.popover || {}\"\n              [disable]=\"configButton.disable || disable()\"\n              [isPending]=\"configButton.isPending || false\"\n              (outClick)=\"handlerClickAction(configButton)\" />\n          }\n          @if (item.key === 'swicth' && !item.ignoreShowButton && item.configSwicth; as configSwicth) {\n            <libs_ui-components-switch [active]=\"configSwicth.active || false\"\n              [disable]=\"configSwicth.disable || disable()\"\n              (outSwitch)=\"handlerSwitch(configSwicth, $event)\" />\n          }\n          @if (item.key === 'menu-dropdown' && item.configDropdown; as configDropdown) {\n            <libs_ui-components-dropdown [isNgContent]=\"true\"\n              [zIndex]=\"2004\"\n              [listConfig]=\"configDropdown.listConfig\"\n              [listHiddenInputSearch]=\"true\"\n              [popoverCustomConfig]=\"configDropdown.popoverCustomConfig\"\n              (outSelectKey)=\"handlerSelectedKey($event)\"\n              (outFunctionsControl)=\"handlerDropdownFunctionControl($event)\">\n              <libs_ui-components-buttons-button [iconOnlyType]=\"true\"\n                [classIconLeft]=\"'libs-ui-icon-more-vertical text-[#333333] text-[12px] {{ configDropdown.classInclude }}'\"\n                [classInclude]=\"'p-[7px] libs-ui-border-general'\"\n                [type]=\"'button-third'\"\n                [ignoreStopPropagationEvent]=\"true\" />\n            </libs_ui-components-dropdown>\n          }\n          @if (item.key === 'button-dropdown' && item.configButtonDropdown; as configDropdown) {\n            <libs_ui-components-buttons-dropdown [applyNow]=\"true\"\n              [label]=\"item.configButtonDropdown.label || ' '\"\n              [classIconRight]=\"item.configButtonDropdown.classIconRight || ' ' \"\n              [classIconLeft]=\"item.configButtonDropdown.classIconLeft || ' '\"\n              [typeButton]=\"item.configButtonDropdown.type || 'button-secondary'\"\n              [items]=\"item.configButtonDropdown.items || []\"\n              [fieldDisplay]=\"item.configButtonDropdown.fieldDisplay\"\n              [popupConfig]=\"item.configButtonDropdown.popupConfig || {width:205,maxWidth:408,maxHeight:48,zIndex:100,direction:'bottom'}\"\n              (outSelectItem)=\"handlerSelectedButtonDropdownItem($event)\" />\n          }\n\n          @if (item.key === 'radio-group' && item.configRadioGroup; as configRadioGroup) {\n            <libs_ui-components-radio-group [groups]=\"configRadioGroup\"\n              [horizontal]=\"true\"\n              [typeRadio]=\"'medium'\"\n              [ignoreClassMarginLastItem]=\"true\"\n              (outChange)=\"handlerChangeRadio($event)\" />\n          }\n\n          @if (item.key === 'tooltip-button' && item.configTooltipButton; as configTooltipButton) {\n            <libs_ui-components-popover [type]=\"configTooltipButton.configTooltip?.type || 'other'\"\n              [config]=\"configTooltipButton.configTooltip?.config\">\n              <libs_ui-components-buttons-button [type]=\"configTooltipButton.configButton?.type || 'button-third'\"\n                [classIconLeft]=\"configTooltipButton.configButton?.classIconLeft || 'libs-ui-icon-more-vertical rotate-[90deg] mr-0'\"\n                [label]=\"configTooltipButton.configButton?.label || ''\"\n                [iconOnlyType]=\"configTooltipButton.configButton?.iconOnlyType ?? false\"\n                [popover]=\"configTooltipButton.configButton?.popover || {}\"\n                (outFunctionsControl)=\"handlerFunctionControlTooltipButton($event)\"\n                [ignoreStopPropagationEvent]=\"true\"\n                [disable]=\"configTooltipButton.configButton?.disable ?? false\" />\n            </libs_ui-components-popover>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <div class=\"libs-ui-components-page_detail-body {{ classIncludeBody() }}\"\n    LibsUiComponentsScrollOverlayDirective\n    (outScroll)=\"handlerScroll($event)\">\n    <ng-content>\n    </ng-content>\n  </div>\n\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './detail.component';
+export * from './interfaces/config.interface';
+export * from './interfaces/function-control.interface';

package/interfaces/config.interface.d.ts

@@ -0,0 +1,40 @@
+import { TemplateRef } from "@angular/core";
+import { TYPE_TEMPLATE_REF } from "@libs-ui/interfaces-types";
+import { ISwitch } from "@libs-ui/components-switch";
+import { IButton } from "@libs-ui/components-buttons-button";
+import { IRadioGroupItem } from "@libs-ui/components-radio-group";
+import { IDropdown } from "@libs-ui/components-dropdown";
+import { IPopover, IPopoverOverlay } from "@libs-ui/components-popover";
+import { IButtonDropdown } from "@libs-ui/components-buttons-dropdown";
+export type ButtonKey = 'button' | 'swicth' | 'radio-group' | 'circle-and-number' | 'button-dropdown' | 'menu-dropdown' | 'tooltip-button' | 'tooltip';
+export interface IPagesTemplateDetailConfigRight {
+    key: ButtonKey;
+    classInclude?: string;
+    disable?: boolean;
+    isPending?: boolean;
+    configButton?: IButton;
+    configButtonDropdown?: IButtonDropdown;
+    configRadioGroup?: Array<IRadioGroupItem>;
+    configSwicth?: ISwitch;
+    ignoreShowButton?: boolean;
+    configDropdown?: IDropdown;
+    configTooltipButton?: {
+        configTooltip?: IPopover;
+        configButton?: IButton;
+    };
+}
+export interface IPagesTemplateDetailConfigTitle extends IPopover {
+    ignoreButtonBack?: boolean;
+    ignoreEscapeHtml?: boolean;
+    isShowArrowBegin?: boolean;
+    isShowBackToListLabel?: boolean;
+    configDescription?: {
+        innerView?: string;
+        config: IPopoverOverlay;
+    };
+}
+export interface IPagesTemplateDetailConfigCenter {
+    title?: string;
+    classIncludeTitle?: string;
+    template?: TemplateRef<TYPE_TEMPLATE_REF> | undefined;
+}

package/interfaces/function-control.interface.d.ts

@@ -0,0 +1,3 @@
+export interface IPageDetailFunctionControl {
+    setStateDisable: (stateDisable: boolean) => Promise<void>;
+}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@libs-ui/components-pages-template-detail",
+  "version": "0.2.145",
+  "peerDependencies": {
+    "@angular/common": "^18.2.0",
+    "@angular/core": "^18.2.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/libs-ui-components-pages-template-detail.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/libs-ui-components-pages-template-detail.mjs",
+      "esm": "./esm2022/libs-ui-components-pages-template-detail.mjs",
+      "default": "./fesm2022/libs-ui-components-pages-template-detail.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}