structra-ui 0.1.7 → 0.1.9

package/fesm2022/structra-ui.mjs

@@ -7283,25 +7283,30 @@ function unlockPageScrollCdkStyle(s) {
     body.style.touchAction = s.bodyTouchAction;
     window.scroll(s.scrollX, s.scrollY);
 }
-function lockPageScrollAppDialog() {
+let appDialogLightLockDepth = 0;
+let appDialogLightLockSnapshot = null;
+function applyAppDialogScrollLock() {
     const html = document.documentElement;
     const body = document.body;
     const scrollX = window.scrollX ?? html.scrollLeft;
     const scrollY = window.scrollY ?? html.scrollTop;
-    const snapshot = {
+    return {
         scrollX,
         scrollY,
         htmlOverflow: html.style.overflow,
         bodyOverflow: body.style.overflow,
         bodyTouchAction: body.style.touchAction,
     };
+}
+function installAppDialogScrollLockStyles(s) {
+    const html = document.documentElement;
+    const body = document.body;
     html.classList.add('app-dialog-scroll-lock');
     html.style.overflow = 'hidden';
     body.style.overflow = 'hidden';
     body.style.touchAction = 'none';
-    return snapshot;
 }
-function unlockPageScrollAppDialog(s) {
+function restoreAppDialogScrollLock(s) {
     const html = document.documentElement;
     const body = document.body;
     html.classList.remove('app-dialog-scroll-lock');
@@ -7310,6 +7315,28 @@ function unlockPageScrollAppDialog(s) {
     body.style.touchAction = s.bodyTouchAction;
     window.scroll(s.scrollX, s.scrollY);
 }
+/**
+ * Incrementa um contador de aninhamento: o primeiro lock aplica o DOM; locks interiores
+ * (ex.: `app-dialog` + CDK Dialog) só incrementam a profundidade.
+ */
+function lockPageScrollAppDialog() {
+    if (appDialogLightLockDepth === 0) {
+        appDialogLightLockSnapshot = applyAppDialogScrollLock();
+        installAppDialogScrollLockStyles(appDialogLightLockSnapshot);
+    }
+    appDialogLightLockDepth++;
+    return appDialogLightLockSnapshot;
+}
+/** Par com {@link lockPageScrollAppDialog}; o snapshot pode ser ignorado — usa-se a pilha interna. */
+function unlockPageScrollAppDialog(_s) {
+    if (appDialogLightLockDepth > 0) {
+        appDialogLightLockDepth--;
+    }
+    if (appDialogLightLockDepth === 0 && appDialogLightLockSnapshot !== null) {
+        restoreAppDialogScrollLock(appDialogLightLockSnapshot);
+        appDialogLightLockSnapshot = null;
+    }
+}
 
 /** Largura máxima do painel `app-dialog` (conteúdo responsivo). */
 var LibDialogSize;
@@ -7328,6 +7355,11 @@ let appDialogSeq = 0;
 class AppDialogComponent {
     constructor() {
         this.hostEl = inject((ElementRef));
+        /**
+         * Impede o tooltip nativo do browser: o `@Input('title')` alimenta só `dialogHeading`, mas o
+         * binding `title="…"` no host ainda podia definir `HTMLElement.title` no `<app-dialog>`.
+         */
+        this.hostTitleAttr = null;
         this.open = false;
         this.openChange = new EventEmitter();
         /**
@@ -7369,7 +7401,11 @@ class AppDialogComponent {
             bodyTouchAction: '',
         };
     }
+    ngOnInit() {
+        this.stripHostNativeTitle();
+    }
     ngOnChanges(changes) {
+        this.stripHostNativeTitle();
         if (changes['open']) {
             if (this.open) {
                 this.attachHostToBody();
@@ -7400,6 +7436,7 @@ class AppDialogComponent {
         this.bodyRestoreParent = el.parentElement;
         this.bodyRestoreNext = el.nextSibling;
         document.body.appendChild(el);
+        this.stripHostNativeTitle();
     }
     detachHostFromBody() {
         const el = this.hostEl.nativeElement;
@@ -7453,13 +7490,21 @@ class AppDialogComponent {
         }
         this.previousActive = null;
     }
+    stripHostNativeTitle() {
+        const el = this.hostEl.nativeElement;
+        el.removeAttribute('title');
+        el.title = '';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AppDialogComponent, isStandalone: true, selector: "app-dialog", inputs: { open: ["open", "open", booleanAttribute], dialogHeading: ["title", "dialogHeading"], description: "description", ariaLabel: "ariaLabel", size: "size", allowOverlayDismiss: ["allowOverlayDismiss", "allowOverlayDismiss", booleanAttribute], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" } }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:var(--app-color-surface, #fff);box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media (prefers-reduced-motion: reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-secondary, #5a7fa3);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AppDialogComponent, isStandalone: true, selector: "app-dialog", inputs: { open: ["open", "open", booleanAttribute], dialogHeading: ["title", "dialogHeading"], description: "description", ariaLabel: "ariaLabel", size: "size", allowOverlayDismiss: ["allowOverlayDismiss", "allowOverlayDismiss", booleanAttribute], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "attr.title": "this.hostTitleAttr" } }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:var(--app-color-surface, #fff);box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media (prefers-reduced-motion: reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-secondary, #5a7fa3);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AppDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dialog', standalone: true, imports: [CdkTrapFocus], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:var(--app-color-surface, #fff);box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media (prefers-reduced-motion: reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-secondary, #5a7fa3);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"] }]
-        }], propDecorators: { open: [{
+        }], propDecorators: { hostTitleAttr: [{
+                type: HostBinding,
+                args: ['attr.title']
+            }], open: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }], openChange: [{
@@ -7529,6 +7574,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['cancelBtn']
             }] } });
 
+/**
+ * Substituto do `BlockScrollStrategy` do CDK para modais Structra (Dialog de confirmação,
+ * loading, etc.): activa {@link lockPageScrollAppDialog} em vez de `cdk-global-scrollblock`
+ * com `html` deslocado — alinha o backdrop do overlay ao viewport real.
+ */
+class AppLibLightBlockScrollStrategy {
+    constructor() {
+        this.snapshot = null;
+    }
+    attach(_overlayRef) { }
+    enable() {
+        this.snapshot = lockPageScrollAppDialog();
+    }
+    disable() {
+        if (this.snapshot !== null) {
+            unlockPageScrollAppDialog(this.snapshot);
+            this.snapshot = null;
+        }
+    }
+}
+
 /** Classes aplicadas ao painel CDK Dialog + tema da app. */
 function libDialogPanelClasses(theme, extra = []) {
     const rest = Array.isArray(extra) ? extra : [extra];
@@ -7557,6 +7623,7 @@ class ConfirmDialogService {
             panelClass: libDialogPanelClasses(this.theme),
             autoFocus: false,
             ariaModal: true,
+            scrollStrategy: new AppLibLightBlockScrollStrategy(),
         })
             .closed.pipe(map((r) => r));
     }
@@ -7741,6 +7808,7 @@ class LoadingDialogService {
             panelClass: libDialogPanelClasses(this.theme),
             autoFocus: false,
             ariaModal: true,
+            scrollStrategy: new AppLibLightBlockScrollStrategy(),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadingDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -8888,5 +8956,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarComponent, AppSidebarToolbarDirective, AppThemeService, AppTopbarComponent, AppUserMenuComponent, BR_ESTADOS_NOME_SIGLA, BaseButtonComponent, BaseButtonType, BaseButtonVariant, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuComponent, CpfCnpjFieldComponent, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, EmptyStateComponent, FormActionsAlign, FormActionsComponent, FormColComponent, FormGroupComponent, FormGroupVariant, FormRowAlign, FormRowComponent, FormRowGap, FormRowJustify, FormSectionComponent, FormTabComponent, FormTabsComponent, InputMaskFieldComponent, IntegerFieldComponent, LayoutStackAlign, LayoutStackComponent, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NgControlFieldDirective, OverlayPlacement, PasswordFieldComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, ValidationSummaryComponent, anchoredOverlayPositions, applyPickedCalendarDate, buildDecimalBrDisplay, buildDecimalBrParseString, buildEmptyStateOverlayHtml, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, cepMaskCompleteValidator, cpfCnpjMaskCompleteValidator, escapeHtml, extractDecimalBrParts, fixedDigitsMaskCompleteValidator, formatDateTimePtBr, formatDecimalBr, formatIntegerThousandsBr, formatMaskDigits, formatUiFieldDateValue, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
+export { ADAPTIVE_DATA_VIEW_MOBILE_QUERY, APP_SIDEBAR_LABEL_REVEAL_LAG_MS, APP_SIDEBAR_LAYOUT_DURATION_MS, APP_SIDEBAR_NAV_REVEAL_TOTAL_MS, APP_THEME_IDS, ActionMenuComponent, AdaptiveDataViewComponent, AnchoredOverlayComponent, AppBreadcrumbComponent, AppDialogComponent, AppLibLightBlockScrollStrategy, AppShellComponent, AppShellSidebarTemplateDirective, AppShellSidebarToggleComponent, AppSidebarComponent, AppSidebarToolbarDirective, AppThemeService, AppTopbarComponent, AppUserMenuComponent, BR_ESTADOS_NOME_SIGLA, BaseButtonComponent, BaseButtonType, BaseButtonVariant, BaseFieldComponent, BaseFieldDirective, BooleanFieldDirective, CardListComponent, CepFieldComponent, CheckboxFieldComponent, ConfirmDialogComponent, ConfirmDialogService, ContextMenuComponent, CpfCnpjFieldComponent, DashboardSectionComponent, DataCardComponent, DataGridComponent, DataListComponent, DataToolbarComponent, DateFieldComponent, DecimalFieldComponent, DetailsFieldComponent, DetailsViewComponent, DialogFooterDirective, DrawerComponent, DrawerSide, DrawerSize, DropdownBaseComponent, DropdownMenuComponent, DropdownMultiOptionFieldBase, DropdownOptionFieldBase, DropdownSearchFieldComponent, EmptyStateComponent, FormActionsAlign, FormActionsComponent, FormColComponent, FormGroupComponent, FormGroupVariant, FormRowAlign, FormRowComponent, FormRowGap, FormRowJustify, FormSectionComponent, FormTabComponent, FormTabsComponent, InputMaskFieldComponent, IntegerFieldComponent, LayoutStackAlign, LayoutStackComponent, LibDialogSize, ListItemComponent, LoadingDialogComponent, LoadingDialogService, MaskedTextFieldBase, MenuDividerComponent, MenuDropdownPlacement, MenuGroupComponent, MenuListComponent, MultiselectFieldComponent, NgControlFieldDirective, OverlayPlacement, PasswordFieldComponent, PhoneFieldComponent, PopoverBodyTemplateDirective, PopoverComponent, PopoverFooterTemplateDirective, PopoverTriggerDirective, STRUCTRA_UI, SelectFieldComponent, SkeletonBlockComponent, SkeletonCardComponent, SkeletonFieldShellComponent, SkeletonListComponent, SkeletonTableComponent, SkeletonTextComponent, StatCardComponent, StatusBadgeComponent, SwitchFieldComponent, TableEmptyStateComponent, TableToolbarComponent, TextFieldComponent, TextareaFieldComponent, ToastHostComponent, ToastService, TooltipComponent, TooltipPanelTemplateDirective, ValidationSummaryComponent, anchoredOverlayPositions, applyPickedCalendarDate, buildDecimalBrDisplay, buildDecimalBrParseString, buildEmptyStateOverlayHtml, caretIndexFromIntegerDigitCount, caretIndexFromSemantic, cepMaskCompleteValidator, cpfCnpjMaskCompleteValidator, escapeHtml, extractDecimalBrParts, fixedDigitsMaskCompleteValidator, formatDateTimePtBr, formatDecimalBr, formatIntegerThousandsBr, formatMaskDigits, formatUiFieldDateValue, libDialogPanelClasses, mapEstadosToOptions, maskDigitCount, normalizeFormDateValue, parseDecimalBr, parseIntegerString, parseUiFieldDateValue, phoneBrMaskCompleteValidator, resolveControlAtPath, sanitizeDecimalBrInput, sanitizeIntegerDigits, sectionHasVisibleInvalid, semanticCaretAt, semanticIntegerDigitCountLeft, stripToDigits, subscribeMarkForCheckOnInvalidUiRefresh, subtreeHasVisibleInvalid };
 //# sourceMappingURL=structra-ui.mjs.map