@elasticias/ui 1.0.45 → 1.0.46

package/fesm2022/elasticias-ui.mjs

@@ -19,10 +19,10 @@ import { InputNumberModule } from 'primeng/inputnumber';
 import * as i1$5 from 'primeng/tooltip';
 import { TooltipModule, Tooltip } from 'primeng/tooltip';
 import * as i1$6 from 'primeng/dialog';
-import { DialogModule } from 'primeng/dialog';
+import { DialogModule, Dialog } from 'primeng/dialog';
 import { SCREEN_REF_DATA_SERVICE, ScreenStateEnum } from '@elasticias/screens';
 import { Permissions } from '@elasticias/types';
-import { EfViewportService, EfShortcutService, EF_PREFERENCE_STORE, formatShortcut, efTablePrefsKey, EfThemeConfigService, EF_BUILD_INFO, EfPermissionService, EfActiveModuleService, EF_SESSION, EF_SIDE_COLLAPSED_KEY, EfToastService } from '@elasticias/core';
+import { EfViewportService, EfShortcutService, EF_PREFERENCE_STORE, formatShortcut, efTablePrefsKey, EfThemeConfigService, EF_BUILD_INFO, EfSessionIdleService, EF_SESSION, EfPermissionService, EfActiveModuleService, EF_SIDE_COLLAPSED_KEY, EfToastService } from '@elasticias/core';
 import * as i1$7 from 'primeng/fieldset';
 import { FieldsetModule } from 'primeng/fieldset';
 import * as i2$2 from 'primeng/accordion';
@@ -3381,6 +3381,7 @@ class EfDialogComponent {
     /** ViewChild ref to the default-action footer template — used in the
      *  `'primeng'` variant via [footerTemplate] input. */
     defaultFooterTpl;
+    dialog;
     /* ── Derived ────────────────────────────────────────────── */
     /** Severity → default header icon. Override per-instance with `[icon]`. */
     static SEV_ICONS = {
@@ -3468,7 +3469,20 @@ class EfDialogComponent {
         this.visible = value;
         this.visibleChange.emit(value);
     }
-    handleShow() { this.showEvent.emit(); }
+    /** True when an action takes focus on open, so PrimeNG must not. */
+    get hasAutofocusAction() {
+        return (this.actions ?? []).some((a) => a.autofocus);
+    }
+    handleShow() {
+        if (this.hasAutofocusAction) {
+            // This dialog's own container: it may be appended to <body>, and
+            // another dialog may be open. onShow fires once the footer renders.
+            this.dialog?.container()
+                ?.querySelector('[data-ef-autofocus]')
+                ?.focus();
+        }
+        this.showEvent.emit();
+    }
     handleHide() { this.hideEvent.emit(); }
     /** Default cancel — emits and closes. */
     onDefaultCancel() {
@@ -3482,11 +3496,11 @@ class EfDialogComponent {
         this.saveAction.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: EfDialogComponent, isStandalone: true, selector: "ef-dialog", inputs: { header: "header", headerKey: "headerKey", subtitle: "subtitle", subtitleKey: "subtitleKey", visible: ["visible", "visible", booleanAttribute], modal: ["modal", "modal", booleanAttribute], closable: ["closable", "closable", booleanAttribute], draggable: ["draggable", "draggable", booleanAttribute], resizable: ["resizable", "resizable", booleanAttribute], dismissableMask: ["dismissableMask", "dismissableMask", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], severity: "severity", icon: "icon", size: "size", style: "style", styleClass: "styleClass", position: "position", appendTo: "appendTo", variant: "variant", actions: "actions", defaultActions: ["defaultActions", "defaultActions", booleanAttribute], saveLabelKey: "saveLabelKey", cancelLabelKey: "cancelLabelKey", saveLabel: "saveLabel", cancelLabel: "cancelLabel", saveIcon: "saveIcon", cancelIcon: "cancelIcon", saveDisabled: ["saveDisabled", "saveDisabled", booleanAttribute], saveStyleClass: "saveStyleClass", cancelStyleClass: "cancelStyleClass", saveSeverity: "saveSeverity", cancelSeverity: "cancelSeverity" }, outputs: { visibleChange: "visibleChange", showEvent: "showEvent", hideEvent: "hideEvent", saveAction: "saveAction", cancelAction: "cancelAction", actionClick: "actionClick" }, viewQueries: [{ propertyName: "defaultFooterTpl", first: true, predicate: ["defaultFooter"], descendants: true, static: true }], ngImport: i0, template: "<p-dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"handleVisibleChange($event)\"\n  [modal]=\"modal\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [style]=\"style\"\n  [styleClass]=\"effectiveStyleClass\"\n  [position]=\"position\"\n  [appendTo]=\"appendTo\"\n  [header]=\"variant === 'primeng' ? effectiveTitle : null\"\n  [closable]=\"variant === 'primeng' ? closable : false\"\n  [footerTemplate]=\"variant === 'primeng' && !useDynamicActions && defaultActions ? defaultFooterTpl : null\"\n  (onShow)=\"handleShow()\"\n  (onHide)=\"handleHide()\"\n>\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR HEADER (content-child #header) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Replaces PrimeNG's default header strip with our icon + title\n       + subtitle + close X structure. Skipped in 'primeng' variant\n       (which uses the [header] string input + native close). -->\n  @if (variant === 'comptoir') {\n    <ng-template #header>\n      @if (effectiveIcon) {\n        <span class=\"es-dialog__icon\" aria-hidden=\"true\">\n          <i [class]=\"effectiveIcon\"></i>\n        </span>\n      }\n      <div class=\"es-dialog__title-block\">\n        <div class=\"es-dialog__title\">{{ effectiveTitle }}</div>\n        @if (effectiveSubtitle) {\n          <div class=\"es-dialog__sub\">{{ effectiveSubtitle }}</div>\n        }\n      </div>\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"es-dialog__close\"\n          [attr.aria-label]=\"'common_close' | translate\"\n          (click)=\"handleVisibleChange(false)\"\n        >\n          <i class=\"pi pi-times\"></i>\n        </button>\n      }\n    </ng-template>\n  }\n\n  <!-- Body \u2014 projected from <ef-dialog>\u2026</ef-dialog> -->\n  <ng-content />\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR FOOTER (content-child #footer) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Dynamic [actions] path takes precedence; falls back to the\n       backward-compat save+cancel pair when defaultActions is on. -->\n  @if (variant === 'comptoir' && hasFooter) {\n    <ng-template #footer>\n      @if (useDynamicActions) {\n        @for (a of actions; track $index) {\n          <button\n            type=\"button\"\n            [class]=\"actionClass(a)\"\n            [disabled]=\"a.disabled || a.loading\"\n            (click)=\"handleActionClick(a, $index)\"\n          >\n            @if (a.icon) {\n              <i [class]=\"a.icon\"></i>\n            }\n            {{ actionLabel(a) }}\n          </button>\n        }\n      } @else {\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"cancelSeverity\"\n          [labelKey]=\"cancelLabelKey\"\n          [label]=\"cancelLabel\"\n          [icon]=\"cancelIcon\"\n          [styleClass]=\"cancelStyleClass\"\n          (clickEvent)=\"onDefaultCancel()\"\n        />\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"saveSeverity\"\n          [labelKey]=\"saveLabelKey\"\n          [label]=\"saveLabel\"\n          [icon]=\"saveIcon\"\n          [styleClass]=\"saveStyleClass\"\n          [disabled]=\"saveDisabled\"\n          (clickEvent)=\"onDefaultSave()\"\n        />\n      }\n    </ng-template>\n  }\n</p-dialog>\n\n<!-- Default-action footer template for the 'primeng' variant (legacy path).\n     Declared outside <p-dialog> because the comptoir branch above already\n     provides its own content-child footer; this template is only consumed\n     when variant === 'primeng' via [footerTemplate] input binding. -->\n<ng-template #defaultFooter>\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"cancelSeverity\"\n    [labelKey]=\"cancelLabelKey\"\n    [label]=\"cancelLabel\"\n    [icon]=\"cancelIcon\"\n    [styleClass]=\"cancelStyleClass\"\n    (clickEvent)=\"onDefaultCancel()\"\n  />\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"saveSeverity\"\n    [labelKey]=\"saveLabelKey\"\n    [label]=\"saveLabel\"\n    [icon]=\"saveIcon\"\n    [styleClass]=\"saveStyleClass\"\n    [disabled]=\"saveDisabled\"\n    (clickEvent)=\"onDefaultSave()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$6.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: EfButtonComponent, selector: "ef-button", inputs: ["label", "labelKey", "icon", "variant", "severity", "size", "disabled", "rounded", "outlined", "raised", "text", "loading", "styleClass", "type", "badge", "badgeSeverity", "tooltip", "tooltipKey", "tooltipPosition", "autofocus"], outputs: ["clickEvent"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: EfDialogComponent, isStandalone: true, selector: "ef-dialog", inputs: { header: "header", headerKey: "headerKey", subtitle: "subtitle", subtitleKey: "subtitleKey", visible: ["visible", "visible", booleanAttribute], modal: ["modal", "modal", booleanAttribute], closable: ["closable", "closable", booleanAttribute], draggable: ["draggable", "draggable", booleanAttribute], resizable: ["resizable", "resizable", booleanAttribute], dismissableMask: ["dismissableMask", "dismissableMask", booleanAttribute], closeOnEscape: ["closeOnEscape", "closeOnEscape", booleanAttribute], severity: "severity", icon: "icon", size: "size", style: "style", styleClass: "styleClass", position: "position", appendTo: "appendTo", variant: "variant", actions: "actions", defaultActions: ["defaultActions", "defaultActions", booleanAttribute], saveLabelKey: "saveLabelKey", cancelLabelKey: "cancelLabelKey", saveLabel: "saveLabel", cancelLabel: "cancelLabel", saveIcon: "saveIcon", cancelIcon: "cancelIcon", saveDisabled: ["saveDisabled", "saveDisabled", booleanAttribute], saveStyleClass: "saveStyleClass", cancelStyleClass: "cancelStyleClass", saveSeverity: "saveSeverity", cancelSeverity: "cancelSeverity" }, outputs: { visibleChange: "visibleChange", showEvent: "showEvent", hideEvent: "hideEvent", saveAction: "saveAction", cancelAction: "cancelAction", actionClick: "actionClick" }, viewQueries: [{ propertyName: "defaultFooterTpl", first: true, predicate: ["defaultFooter"], descendants: true, static: true }, { propertyName: "dialog", first: true, predicate: Dialog, descendants: true }], ngImport: i0, template: "<p-dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"handleVisibleChange($event)\"\n  [modal]=\"modal\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [focusOnShow]=\"!hasAutofocusAction\"\n  [style]=\"style\"\n  [styleClass]=\"effectiveStyleClass\"\n  [position]=\"position\"\n  [appendTo]=\"appendTo\"\n  [header]=\"variant === 'primeng' ? effectiveTitle : null\"\n  [closable]=\"variant === 'primeng' ? closable : false\"\n  [footerTemplate]=\"variant === 'primeng' && !useDynamicActions && defaultActions ? defaultFooterTpl : null\"\n  (onShow)=\"handleShow()\"\n  (onHide)=\"handleHide()\"\n>\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR HEADER (content-child #header) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Replaces PrimeNG's default header strip with our icon + title\n       + subtitle + close X structure. Skipped in 'primeng' variant\n       (which uses the [header] string input + native close). -->\n  @if (variant === 'comptoir') {\n    <ng-template #header>\n      @if (effectiveIcon) {\n        <span class=\"es-dialog__icon\" aria-hidden=\"true\">\n          <i [class]=\"effectiveIcon\"></i>\n        </span>\n      }\n      <div class=\"es-dialog__title-block\">\n        <div class=\"es-dialog__title\">{{ effectiveTitle }}</div>\n        @if (effectiveSubtitle) {\n          <div class=\"es-dialog__sub\">{{ effectiveSubtitle }}</div>\n        }\n      </div>\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"es-dialog__close\"\n          [attr.aria-label]=\"'common_close' | translate\"\n          (click)=\"handleVisibleChange(false)\"\n        >\n          <i class=\"pi pi-times\"></i>\n        </button>\n      }\n    </ng-template>\n  }\n\n  <!-- Body \u2014 projected from <ef-dialog>\u2026</ef-dialog> -->\n  <ng-content />\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR FOOTER (content-child #footer) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Dynamic [actions] path takes precedence; falls back to the\n       backward-compat save+cancel pair when defaultActions is on. -->\n  @if (variant === 'comptoir' && hasFooter) {\n    <ng-template #footer>\n      @if (useDynamicActions) {\n        @for (a of actions; track $index) {\n          <button\n            type=\"button\"\n            [class]=\"actionClass(a)\"\n            [disabled]=\"a.disabled || a.loading\"\n            [attr.data-ef-autofocus]=\"a.autofocus ? '' : null\"\n            (click)=\"handleActionClick(a, $index)\"\n          >\n            @if (a.icon) {\n              <i [class]=\"a.icon\"></i>\n            }\n            {{ actionLabel(a) }}\n          </button>\n        }\n      } @else {\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"cancelSeverity\"\n          [labelKey]=\"cancelLabelKey\"\n          [label]=\"cancelLabel\"\n          [icon]=\"cancelIcon\"\n          [styleClass]=\"cancelStyleClass\"\n          (clickEvent)=\"onDefaultCancel()\"\n        />\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"saveSeverity\"\n          [labelKey]=\"saveLabelKey\"\n          [label]=\"saveLabel\"\n          [icon]=\"saveIcon\"\n          [styleClass]=\"saveStyleClass\"\n          [disabled]=\"saveDisabled\"\n          (clickEvent)=\"onDefaultSave()\"\n        />\n      }\n    </ng-template>\n  }\n</p-dialog>\n\n<!-- Default-action footer template for the 'primeng' variant (legacy path).\n     Declared outside <p-dialog> because the comptoir branch above already\n     provides its own content-child footer; this template is only consumed\n     when variant === 'primeng' via [footerTemplate] input binding. -->\n<ng-template #defaultFooter>\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"cancelSeverity\"\n    [labelKey]=\"cancelLabelKey\"\n    [label]=\"cancelLabel\"\n    [icon]=\"cancelIcon\"\n    [styleClass]=\"cancelStyleClass\"\n    (clickEvent)=\"onDefaultCancel()\"\n  />\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"saveSeverity\"\n    [labelKey]=\"saveLabelKey\"\n    [label]=\"saveLabel\"\n    [icon]=\"saveIcon\"\n    [styleClass]=\"saveStyleClass\"\n    [disabled]=\"saveDisabled\"\n    (clickEvent)=\"onDefaultSave()\"\n  />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1$6.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "maskMotionOptions", "motionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: EfButtonComponent, selector: "ef-button", inputs: ["label", "labelKey", "icon", "variant", "severity", "size", "disabled", "rounded", "outlined", "raised", "text", "loading", "styleClass", "type", "badge", "badgeSeverity", "tooltip", "tooltipKey", "tooltipPosition", "autofocus"], outputs: ["clickEvent"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ef-dialog', standalone: true, imports: [CommonModule, DialogModule, TranslateModule, EfButtonComponent], template: "<p-dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"handleVisibleChange($event)\"\n  [modal]=\"modal\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [style]=\"style\"\n  [styleClass]=\"effectiveStyleClass\"\n  [position]=\"position\"\n  [appendTo]=\"appendTo\"\n  [header]=\"variant === 'primeng' ? effectiveTitle : null\"\n  [closable]=\"variant === 'primeng' ? closable : false\"\n  [footerTemplate]=\"variant === 'primeng' && !useDynamicActions && defaultActions ? defaultFooterTpl : null\"\n  (onShow)=\"handleShow()\"\n  (onHide)=\"handleHide()\"\n>\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR HEADER (content-child #header) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Replaces PrimeNG's default header strip with our icon + title\n       + subtitle + close X structure. Skipped in 'primeng' variant\n       (which uses the [header] string input + native close). -->\n  @if (variant === 'comptoir') {\n    <ng-template #header>\n      @if (effectiveIcon) {\n        <span class=\"es-dialog__icon\" aria-hidden=\"true\">\n          <i [class]=\"effectiveIcon\"></i>\n        </span>\n      }\n      <div class=\"es-dialog__title-block\">\n        <div class=\"es-dialog__title\">{{ effectiveTitle }}</div>\n        @if (effectiveSubtitle) {\n          <div class=\"es-dialog__sub\">{{ effectiveSubtitle }}</div>\n        }\n      </div>\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"es-dialog__close\"\n          [attr.aria-label]=\"'common_close' | translate\"\n          (click)=\"handleVisibleChange(false)\"\n        >\n          <i class=\"pi pi-times\"></i>\n        </button>\n      }\n    </ng-template>\n  }\n\n  <!-- Body \u2014 projected from <ef-dialog>\u2026</ef-dialog> -->\n  <ng-content />\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR FOOTER (content-child #footer) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Dynamic [actions] path takes precedence; falls back to the\n       backward-compat save+cancel pair when defaultActions is on. -->\n  @if (variant === 'comptoir' && hasFooter) {\n    <ng-template #footer>\n      @if (useDynamicActions) {\n        @for (a of actions; track $index) {\n          <button\n            type=\"button\"\n            [class]=\"actionClass(a)\"\n            [disabled]=\"a.disabled || a.loading\"\n            (click)=\"handleActionClick(a, $index)\"\n          >\n            @if (a.icon) {\n              <i [class]=\"a.icon\"></i>\n            }\n            {{ actionLabel(a) }}\n          </button>\n        }\n      } @else {\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"cancelSeverity\"\n          [labelKey]=\"cancelLabelKey\"\n          [label]=\"cancelLabel\"\n          [icon]=\"cancelIcon\"\n          [styleClass]=\"cancelStyleClass\"\n          (clickEvent)=\"onDefaultCancel()\"\n        />\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"saveSeverity\"\n          [labelKey]=\"saveLabelKey\"\n          [label]=\"saveLabel\"\n          [icon]=\"saveIcon\"\n          [styleClass]=\"saveStyleClass\"\n          [disabled]=\"saveDisabled\"\n          (clickEvent)=\"onDefaultSave()\"\n        />\n      }\n    </ng-template>\n  }\n</p-dialog>\n\n<!-- Default-action footer template for the 'primeng' variant (legacy path).\n     Declared outside <p-dialog> because the comptoir branch above already\n     provides its own content-child footer; this template is only consumed\n     when variant === 'primeng' via [footerTemplate] input binding. -->\n<ng-template #defaultFooter>\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"cancelSeverity\"\n    [labelKey]=\"cancelLabelKey\"\n    [label]=\"cancelLabel\"\n    [icon]=\"cancelIcon\"\n    [styleClass]=\"cancelStyleClass\"\n    (clickEvent)=\"onDefaultCancel()\"\n  />\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"saveSeverity\"\n    [labelKey]=\"saveLabelKey\"\n    [label]=\"saveLabel\"\n    [icon]=\"saveIcon\"\n    [styleClass]=\"saveStyleClass\"\n    [disabled]=\"saveDisabled\"\n    (clickEvent)=\"onDefaultSave()\"\n  />\n</ng-template>\n" }]
+            args: [{ selector: 'ef-dialog', standalone: true, imports: [CommonModule, DialogModule, TranslateModule, EfButtonComponent], template: "<p-dialog\n  [visible]=\"visible\"\n  (visibleChange)=\"handleVisibleChange($event)\"\n  [modal]=\"modal\"\n  [draggable]=\"draggable\"\n  [resizable]=\"resizable\"\n  [dismissableMask]=\"dismissableMask\"\n  [closeOnEscape]=\"closeOnEscape\"\n  [focusOnShow]=\"!hasAutofocusAction\"\n  [style]=\"style\"\n  [styleClass]=\"effectiveStyleClass\"\n  [position]=\"position\"\n  [appendTo]=\"appendTo\"\n  [header]=\"variant === 'primeng' ? effectiveTitle : null\"\n  [closable]=\"variant === 'primeng' ? closable : false\"\n  [footerTemplate]=\"variant === 'primeng' && !useDynamicActions && defaultActions ? defaultFooterTpl : null\"\n  (onShow)=\"handleShow()\"\n  (onHide)=\"handleHide()\"\n>\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR HEADER (content-child #header) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Replaces PrimeNG's default header strip with our icon + title\n       + subtitle + close X structure. Skipped in 'primeng' variant\n       (which uses the [header] string input + native close). -->\n  @if (variant === 'comptoir') {\n    <ng-template #header>\n      @if (effectiveIcon) {\n        <span class=\"es-dialog__icon\" aria-hidden=\"true\">\n          <i [class]=\"effectiveIcon\"></i>\n        </span>\n      }\n      <div class=\"es-dialog__title-block\">\n        <div class=\"es-dialog__title\">{{ effectiveTitle }}</div>\n        @if (effectiveSubtitle) {\n          <div class=\"es-dialog__sub\">{{ effectiveSubtitle }}</div>\n        }\n      </div>\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"es-dialog__close\"\n          [attr.aria-label]=\"'common_close' | translate\"\n          (click)=\"handleVisibleChange(false)\"\n        >\n          <i class=\"pi pi-times\"></i>\n        </button>\n      }\n    </ng-template>\n  }\n\n  <!-- Body \u2014 projected from <ef-dialog>\u2026</ef-dialog> -->\n  <ng-content />\n\n  <!-- \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 COMPTOIR FOOTER (content-child #footer) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Dynamic [actions] path takes precedence; falls back to the\n       backward-compat save+cancel pair when defaultActions is on. -->\n  @if (variant === 'comptoir' && hasFooter) {\n    <ng-template #footer>\n      @if (useDynamicActions) {\n        @for (a of actions; track $index) {\n          <button\n            type=\"button\"\n            [class]=\"actionClass(a)\"\n            [disabled]=\"a.disabled || a.loading\"\n            [attr.data-ef-autofocus]=\"a.autofocus ? '' : null\"\n            (click)=\"handleActionClick(a, $index)\"\n          >\n            @if (a.icon) {\n              <i [class]=\"a.icon\"></i>\n            }\n            {{ actionLabel(a) }}\n          </button>\n        }\n      } @else {\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"cancelSeverity\"\n          [labelKey]=\"cancelLabelKey\"\n          [label]=\"cancelLabel\"\n          [icon]=\"cancelIcon\"\n          [styleClass]=\"cancelStyleClass\"\n          (clickEvent)=\"onDefaultCancel()\"\n        />\n        <ef-button\n          variant=\"comptoir\"\n          [severity]=\"saveSeverity\"\n          [labelKey]=\"saveLabelKey\"\n          [label]=\"saveLabel\"\n          [icon]=\"saveIcon\"\n          [styleClass]=\"saveStyleClass\"\n          [disabled]=\"saveDisabled\"\n          (clickEvent)=\"onDefaultSave()\"\n        />\n      }\n    </ng-template>\n  }\n</p-dialog>\n\n<!-- Default-action footer template for the 'primeng' variant (legacy path).\n     Declared outside <p-dialog> because the comptoir branch above already\n     provides its own content-child footer; this template is only consumed\n     when variant === 'primeng' via [footerTemplate] input binding. -->\n<ng-template #defaultFooter>\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"cancelSeverity\"\n    [labelKey]=\"cancelLabelKey\"\n    [label]=\"cancelLabel\"\n    [icon]=\"cancelIcon\"\n    [styleClass]=\"cancelStyleClass\"\n    (clickEvent)=\"onDefaultCancel()\"\n  />\n  <ef-button\n    variant=\"primeng\"\n    [severity]=\"saveSeverity\"\n    [labelKey]=\"saveLabelKey\"\n    [label]=\"saveLabel\"\n    [icon]=\"saveIcon\"\n    [styleClass]=\"saveStyleClass\"\n    [disabled]=\"saveDisabled\"\n    (clickEvent)=\"onDefaultSave()\"\n  />\n</ng-template>\n" }]
         }], propDecorators: { header: [{
                 type: Input
             }], headerKey: [{
@@ -3575,6 +3589,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             }], defaultFooterTpl: [{
                 type: ViewChild,
                 args: ['defaultFooter', { static: true }]
+            }], dialog: [{
+                type: ViewChild,
+                args: [Dialog]
             }] } });
 
 /** Built-in color class per standardized operation code — keeps the box
@@ -6966,6 +6983,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             args: [{ selector: 'ef-shortcuts-dialog', standalone: true, imports: [CommonModule, TranslateModule, EfDialogComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- appendTo=\"body\": a dialog left inside the content column can be clipped\n     by an ancestor's overflow rule (see ef-about-dialog). -->\n<ef-dialog\n    [visible]=\"visible()\"\n    (visibleChange)=\"visible.set($event)\"\n    headerKey=\"shortcuts_dialog_title\"\n    size=\"sm\"\n    appendTo=\"body\"\n    dismissableMask\n    [actions]=\"closeAction\"\n>\n    <div class=\"shortcuts-dialog\">\n        @if (groups().length) {\n            @for (group of groups(); track group.group) {\n                <section class=\"shortcuts-dialog__group\">\n                    <h3 class=\"shortcuts-dialog__group-title\">{{ group.group | translate }}</h3>\n                    <ul class=\"shortcuts-dialog__list\">\n                        @for (action of group.actions; track action.labelKey) {\n                            <li class=\"shortcuts-dialog__item\">\n                                <span class=\"lbl\">{{ action.labelKey | translate }}</span>\n                                <!-- Not aria-hidden: the key IS the content this dialog\n                                     exists to say. Hiding it would leave a screen-reader\n                                     user hearing action names and never the shortcut.\n                                     One action can carry several bindings, so they sit\n                                     on one row rather than repeating the label. -->\n                                <span class=\"keys\">\n                                    @for (keys of action.keys; track keys) {\n                                        <span class=\"kbd\">{{ formatKeys(keys) }}</span>\n                                    }\n                                </span>\n                            </li>\n                        }\n                    </ul>\n                </section>\n            }\n        } @else {\n            <p class=\"shortcuts-dialog__empty\">{{ 'shortcuts_dialog_empty' | translate }}</p>\n        }\n    </div>\n</ef-dialog>\n", styles: [":host{display:contents}.shortcuts-dialog{display:grid;gap:18px}.shortcuts-dialog__empty{margin:0;padding:12px 0;font-size:13px;color:var(--text-mute);text-align:center}.shortcuts-dialog__group-title{margin:0 0 4px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.22em;color:var(--text-soft)}.shortcuts-dialog__list{display:grid;gap:1px;margin:0;padding:0;list-style:none}.shortcuts-dialog__item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:7px 0}.shortcuts-dialog__item .lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--text)}.shortcuts-dialog__item .keys{display:inline-flex;flex:none;align-items:center;gap:4px}.shortcuts-dialog__item .kbd{flex:none;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-mute);background:var(--paper);border:1px solid var(--rule);border-radius:6px;padding:2px 6px;line-height:1}\n"] }]
         }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }] } });
 
+/**
+ * The last minute before an idle sign-out. Host it once at the app root; it
+ * opens only while `EfSessionIdleService` counts down, which only happens
+ * for a session the app started.
+ *
+ * Closing it any way other than "sign out" (the close button, Escape) counts
+ * as "still here": whoever closed it is at the screen. "Stay" takes focus on
+ * open, so Enter from someone just back at the keyboard keeps the session.
+ *
+ * Sign-out goes through `EF_SESSION`, like `ef-app-top`'s. Without it the
+ * button is not offered, and the countdown still ends the session through
+ * the app's idle callback.
+ *
+ * Translation keys the app provides: `session_idle_warning_title`,
+ * `session_idle_warning_body` (with `{{seconds}}`), `session_idle_stay`,
+ * `common_logout`.
+ */
+class EfSessionIdleDialogComponent {
+    idle = inject(EfSessionIdleService);
+    session = inject(EF_SESSION, { optional: true });
+    secondsLeft = this.idle.secondsLeft;
+    actions = [
+        ...(this.session
+            ? [
+                {
+                    labelKey: 'common_logout',
+                    severity: 'ghost',
+                    // stop() closes the dialog and the countdown with it, so
+                    // the idle sign-out cannot fire on top of this one. Not
+                    // dismiss: that would read as "stay".
+                    dismiss: false,
+                    command: () => {
+                        this.idle.stop();
+                        this.session?.logout();
+                    },
+                },
+            ]
+            : []),
+        {
+            labelKey: 'session_idle_stay',
+            severity: 'tenant',
+            autofocus: true,
+            command: () => this.idle.stayActive(),
+        },
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfSessionIdleDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: EfSessionIdleDialogComponent, isStandalone: true, selector: "ef-session-idle-dialog", ngImport: i0, template: `
+        <ef-dialog
+            [visible]="secondsLeft() !== null"
+            (visibleChange)="!$event && idle.stayActive()"
+            headerKey="session_idle_warning_title"
+            severity="warn"
+            icon="pi pi-clock"
+            size="sm"
+            [actions]="actions"
+        >
+            <p class="ef-session-idle__body" aria-live="polite">
+                {{ 'session_idle_warning_body' | translate: { seconds: secondsLeft() } }}
+            </p>
+        </ef-dialog>
+    `, isInline: true, styles: [".ef-session-idle__body{margin:0;font-variant-numeric:tabular-nums}\n"], dependencies: [{ kind: "component", type: EfDialogComponent, selector: "ef-dialog", inputs: ["header", "headerKey", "subtitle", "subtitleKey", "visible", "modal", "closable", "draggable", "resizable", "dismissableMask", "closeOnEscape", "severity", "icon", "size", "style", "styleClass", "position", "appendTo", "variant", "actions", "defaultActions", "saveLabelKey", "cancelLabelKey", "saveLabel", "cancelLabel", "saveIcon", "cancelIcon", "saveDisabled", "saveStyleClass", "cancelStyleClass", "saveSeverity", "cancelSeverity"], outputs: ["visibleChange", "showEvent", "hideEvent", "saveAction", "cancelAction", "actionClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: EfSessionIdleDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ef-session-idle-dialog', standalone: true, imports: [EfDialogComponent, TranslateModule], template: `
+        <ef-dialog
+            [visible]="secondsLeft() !== null"
+            (visibleChange)="!$event && idle.stayActive()"
+            headerKey="session_idle_warning_title"
+            severity="warn"
+            icon="pi pi-clock"
+            size="sm"
+            [actions]="actions"
+        >
+            <p class="ef-session-idle__body" aria-live="polite">
+                {{ 'session_idle_warning_body' | translate: { seconds: secondsLeft() } }}
+            </p>
+        </ef-dialog>
+    `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ef-session-idle__body{margin:0;font-variant-numeric:tabular-nums}\n"] }]
+        }] });
+
 class EfFieldsetComponent {
     /** Direct legend text (not translated) */
     legend;
@@ -12449,5 +12547,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EF_BADGE_BG_COLORS, EF_BADGE_BG_LIGHT_COLORS, EF_BADGE_BORDER_COLORS, EF_BADGE_DEFAULTS, EF_BADGE_TEXT_COLORS, EF_CHART_PALETTE, EF_DATATABLE_ACTIONS_DEFAULTS, EF_DATATABLE_COLUMN_DEFAULTS, EF_DATATABLE_DEFAULTS, EF_DATA_CARD_MOBILE_LAYOUT, EF_STATUS_COLORS, EF_STATUS_COLOR_ALIASES, EfAboutDialogComponent, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, EfChangePasswordComponent, EfChartComponent, EfCheckboxComponent, EfClearButtonComponent, EfColumnHeaderTemplateDirective, EfColumnTemplateDirective, EfCompactPipe, EfConfirmDialogComponent, EfCurrencyPipe, EfDataCardComponent, EfDatatableActionBarComponent, EfDatatableComponent, EfDatepickerAdvancedComponent, EfDatepickerComponent, EfDetailToolbarComponent, EfDialogComponent, EfEmailMetricsCardComponent, EfEmptyStateComponent, EfFabComponent, EfFieldsetComponent, EfFilterDrawerComponent, EfFilterPillComponent, EfFormGridComponent, EfInputNumberComponent, EfInputTextComponent, EfKpiCardComponent, EfLabelComponent, EfModuleRailComponent, EfModuleSideComponent, EfMultiSelectComponent, EfOrderBuilderComponent, EfOrderSummaryComponent, EfOverflowTooltipDirective, EfPagerComponent, EfPasswordComponent, EfPdfPreviewComponent, EfPillGroupComponent, EfPresetPillComponent, EfPriceDisplayComponent, EfProductCatalogueComponent, EfProductCatalogueFilterComponent, EfProductTypeaheadComponent, EfProfileChipComponent, EfProfileMenuComponent, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRadioComponent, EfRankListComponent, EfReadOnlyDirective, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, EfShortcutsDialogComponent, EfSkeletonComponent, EfSmartBarComponent, EfStatsComponent, EfStatusChipComponent, EfTabPanelDirective, EfTabsComponent, EfTextareaComponent, EfThemeConfiguratorComponent, EfThemeToggleComponent, EfTimelineComponent, EfToastRegionComponent, EfToggleSwitchComponent, EfToolbarComponent, EfTooltipDirective, EfTotalsComponent, OrderEntityHelper, OrderLineItemHelper, TruncatePipe, buildChartConfig, getColumnAlignment, mergeColumnDefaults, resolveEfStatusColor };
+export { EF_BADGE_BG_COLORS, EF_BADGE_BG_LIGHT_COLORS, EF_BADGE_BORDER_COLORS, EF_BADGE_DEFAULTS, EF_BADGE_TEXT_COLORS, EF_CHART_PALETTE, EF_DATATABLE_ACTIONS_DEFAULTS, EF_DATATABLE_COLUMN_DEFAULTS, EF_DATATABLE_DEFAULTS, EF_DATA_CARD_MOBILE_LAYOUT, EF_STATUS_COLORS, EF_STATUS_COLOR_ALIASES, EfAboutDialogComponent, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, EfChangePasswordComponent, EfChartComponent, EfCheckboxComponent, EfClearButtonComponent, EfColumnHeaderTemplateDirective, EfColumnTemplateDirective, EfCompactPipe, EfConfirmDialogComponent, EfCurrencyPipe, EfDataCardComponent, EfDatatableActionBarComponent, EfDatatableComponent, EfDatepickerAdvancedComponent, EfDatepickerComponent, EfDetailToolbarComponent, EfDialogComponent, EfEmailMetricsCardComponent, EfEmptyStateComponent, EfFabComponent, EfFieldsetComponent, EfFilterDrawerComponent, EfFilterPillComponent, EfFormGridComponent, EfInputNumberComponent, EfInputTextComponent, EfKpiCardComponent, EfLabelComponent, EfModuleRailComponent, EfModuleSideComponent, EfMultiSelectComponent, EfOrderBuilderComponent, EfOrderSummaryComponent, EfOverflowTooltipDirective, EfPagerComponent, EfPasswordComponent, EfPdfPreviewComponent, EfPillGroupComponent, EfPresetPillComponent, EfPriceDisplayComponent, EfProductCatalogueComponent, EfProductCatalogueFilterComponent, EfProductTypeaheadComponent, EfProfileChipComponent, EfProfileMenuComponent, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRadioComponent, EfRankListComponent, EfReadOnlyDirective, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, EfSessionIdleDialogComponent, EfShortcutsDialogComponent, EfSkeletonComponent, EfSmartBarComponent, EfStatsComponent, EfStatusChipComponent, EfTabPanelDirective, EfTabsComponent, EfTextareaComponent, EfThemeConfiguratorComponent, EfThemeToggleComponent, EfTimelineComponent, EfToastRegionComponent, EfToggleSwitchComponent, EfToolbarComponent, EfTooltipDirective, EfTotalsComponent, OrderEntityHelper, OrderLineItemHelper, TruncatePipe, buildChartConfig, getColumnAlignment, mergeColumnDefaults, resolveEfStatusColor };
 //# sourceMappingURL=elasticias-ui.mjs.map