@telcomdev/ui 0.1.33 → 0.1.34

package/fesm2022/telcomdev-ui.mjs

@@ -3759,11 +3759,11 @@ class TdFooter {
     compacto = false;
     anio = new Date().getFullYear();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdFooter, isStandalone: true, selector: "td-footer", inputs: { empresa: "empresa", texto: "texto", version: "version", oscuro: "oscuro", compacto: "compacto", anio: "anio" }, ngImport: i0, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: var(--td-color-surface, #fff);--td-footer-borde: var(--td-color-border, #e2e8f0);--td-footer-texto: var(--td-color-text-muted, #475569);--td-footer-suave: var(--td-color-text-subtle, #94a3b8);display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: var(--td-color-surface, #111116);--td-footer-borde: var(--td-color-border, #29292f);--td-footer-texto: var(--td-color-text, #d4d4d8);--td-footer-suave: var(--td-color-text-muted, #71717a)}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdFooter, isStandalone: true, selector: "td-footer", inputs: { empresa: "empresa", texto: "texto", version: "version", oscuro: "oscuro", compacto: "compacto", anio: "anio" }, ngImport: i0, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad td-footer__identidad--desktop\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <div class=\"td-footer__identidad td-footer__identidad--mobile\">\n    <span>\u00A9 {{ anio }} {{ empresa }} Todos los derechos reservados</span>\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: var(--td-color-surface, #fff);--td-footer-borde: var(--td-color-border, #e2e8f0);--td-footer-texto: var(--td-color-text-muted, #475569);--td-footer-suave: var(--td-color-text-subtle, #94a3b8);display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: var(--td-color-surface, #111116);--td-footer-borde: var(--td-color-border, #29292f);--td-footer-texto: var(--td-color-text, #d4d4d8);--td-footer-suave: var(--td-color-text-muted, #71717a)}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad--mobile{display:none}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad--desktop,.td-footer__enlaces,.td-footer__final{display:none}.td-footer__identidad--mobile{display:flex;justify-content:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdFooter, decorators: [{
             type: Component,
-            args: [{ selector: 'td-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: var(--td-color-surface, #fff);--td-footer-borde: var(--td-color-border, #e2e8f0);--td-footer-texto: var(--td-color-text-muted, #475569);--td-footer-suave: var(--td-color-text-subtle, #94a3b8);display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: var(--td-color-surface, #111116);--td-footer-borde: var(--td-color-border, #29292f);--td-footer-texto: var(--td-color-text, #d4d4d8);--td-footer-suave: var(--td-color-text-muted, #71717a)}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"] }]
+            args: [{ selector: 'td-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<footer\n  class=\"td-footer\"\n  [class.td-footer--oscuro]=\"oscuro\"\n  [class.td-footer--compacto]=\"compacto\"\n>\n  <div class=\"td-footer__identidad td-footer__identidad--desktop\">\n    <span>\u00A9 {{ anio }} {{ empresa }}</span>\n    @if (texto) {\n      <small>{{ texto }}</small>\n    }\n  </div>\n\n  <div class=\"td-footer__identidad td-footer__identidad--mobile\">\n    <span>\u00A9 {{ anio }} {{ empresa }} Todos los derechos reservados</span>\n  </div>\n\n  <nav class=\"td-footer__enlaces\" aria-label=\"Enlaces del pie de p\u00E1gina\">\n    <ng-content select=\"[tdFooterLinks]\" />\n  </nav>\n\n  <div class=\"td-footer__final\">\n    <ng-content select=\"[tdFooterActions]\" />\n    @if (version) {\n      <span class=\"td-footer__version\">v{{ version }}</span>\n    }\n  </div>\n</footer>\n", styles: [":host{display:block}*{box-sizing:border-box}.td-footer{--td-footer-fondo: var(--td-color-surface, #fff);--td-footer-borde: var(--td-color-border, #e2e8f0);--td-footer-texto: var(--td-color-text-muted, #475569);--td-footer-suave: var(--td-color-text-subtle, #94a3b8);display:grid;min-height:4.5rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;border-top:1px solid var(--td-footer-borde);padding:1rem 1.5rem;color:var(--td-footer-texto);background:var(--td-footer-fondo);font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif);font-size:.75rem}.td-footer--oscuro{--td-footer-fondo: var(--td-color-surface, #111116);--td-footer-borde: var(--td-color-border, #29292f);--td-footer-texto: var(--td-color-text, #d4d4d8);--td-footer-suave: var(--td-color-text-muted, #71717a)}.td-footer--compacto{min-height:3.25rem;padding-block:.65rem}.td-footer__identidad{display:flex;min-width:0;flex-wrap:wrap;gap:.3rem .75rem;align-items:center}.td-footer__identidad--mobile{display:none}.td-footer__identidad span{font-weight:700}.td-footer__identidad small{color:var(--td-footer-suave);font-size:inherit}.td-footer__enlaces{display:flex;align-items:center;justify-content:center;gap:1rem}.td-footer__final{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.td-footer__version{border:1px solid var(--td-footer-borde);border-radius:999px;padding:.22rem .55rem;color:var(--td-footer-suave);font:700 .65rem/1 ui-monospace,monospace}@media(max-width:720px){.td-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.td-footer__identidad--desktop,.td-footer__enlaces,.td-footer__final{display:none}.td-footer__identidad--mobile{display:flex;justify-content:center}.td-footer__identidad,.td-footer__final{justify-content:center}}\n"] }]
         }], propDecorators: { empresa: [{
                 type: Input
             }], texto: [{
@@ -5928,7 +5928,7 @@ class TdLayout {
         }
       </div>
     </div>
-  `, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:var(--td-layout-content-padding)}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdLayout, decorators: [{
             type: Component,
@@ -5981,7 +5981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
         }
       </div>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;min-height:0;--td-layout-mobile-header-offset: 5rem;--td-layout-mobile-header-size: 5rem;--td-layout-mobile-sidebar-width: 18rem;--td-layout-mobile-sidebar-card-gap: .75rem;--td-layout-content-padding: 1rem}.td-layout,.td-layout *{box-sizing:border-box}.td-layout{position:relative;display:grid;width:100%;min-width:0;min-height:0;overflow:hidden}.td-layout--viewport{min-height:100dvh;height:100dvh;max-height:100dvh}.td-layout__body{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:100%;overflow:hidden;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.td-layout__header,.td-layout__sidebar,.td-layout__content,.td-layout__footer{min-width:0;min-height:0}.td-layout__header>[tdLayoutHeader],.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent],.td-layout__footer>[tdLayoutFooter]{display:block;min-width:0}.td-layout__sidebar>[tdLayoutSidebar],.td-layout__content>[tdLayoutContent]{min-height:0;height:100%}.td-layout__content>[tdLayoutContent]{overflow:auto;padding:var(--td-layout-content-padding)}.td-layout__header,.td-layout__footer{position:relative;z-index:3}.td-layout__sidebar{position:relative;z-index:4;grid-column:1;grid-row:1/span 3}.td-layout__header{grid-column:2;grid-row:1}.td-layout__content{grid-column:2;grid-row:2;align-self:stretch;overflow:auto;overscroll-behavior:contain}.td-layout__footer{grid-column:2;grid-row:3}.td-layout__backdrop{position:absolute;inset:0;z-index:3;border:0;display:block;appearance:none;opacity:1;background:#0f172a57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.td-layout:not(.td-layout--sidebar) .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout:not(.td-layout--sidebar) .td-layout__header,.td-layout:not(.td-layout--sidebar) .td-layout__content,.td-layout:not(.td-layout--sidebar) .td-layout__footer{grid-column:1}.td-layout--header-full .td-layout__header{grid-column:1/-1}.td-layout--header-full .td-layout__sidebar{grid-row:2/span 2}.td-layout--header-full .td-layout__content{grid-row:2}.td-layout--header-full .td-layout__footer{grid-row:3}.td-layout--footer-full .td-layout__footer{grid-column:1/-1}.td-layout--footer-full .td-layout__sidebar{grid-row:1/span 2}.td-layout--footer-full .td-layout__content,.td-layout--header-full.td-layout--footer-full .td-layout__sidebar{grid-row:2}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__body{grid-template-columns:minmax(0,1fr)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__backdrop{position:fixed;inset:0;z-index:30;pointer-events:auto;touch-action:none;background:#0f172a6b}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__backdrop{inset-block-start:var(--td-layout-mobile-header-offset)}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay .td-layout__footer{grid-column:1}.td-layout--mobile.td-layout--sidebar-overlay .td-layout__sidebar{position:absolute;inset:0 auto 0 0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:0 1rem 0 0;box-shadow:0 20px 40px #0f172a33;transform:translate(-108%);transition:transform .18s ease,visibility .18s ease;visibility:hidden;pointer-events:none;z-index:40}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--has-header .td-layout__sidebar{inset-block-start:var(--td-layout-mobile-header-size)}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-panel .td-layout__sidebar{inset-inline-start:0;inset-inline-end:auto;inset-block-end:0;width:min(var(--td-layout-mobile-sidebar-width),100%);max-width:100%;border-radius:0 1rem 0 0}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card .td-layout__sidebar{inset-inline-start:.75rem;inset-inline-end:auto;inset-block-end:.75rem;width:min(var(--td-layout-mobile-sidebar-width),100% - 1.5rem);max-width:calc(100% - 1.5rem);border-radius:1rem}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--mobile-sidebar-card.td-layout--has-header .td-layout__sidebar{inset-block-start:calc(var(--td-layout-mobile-header-size) + var(--td-layout-mobile-sidebar-card-gap))}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{-webkit-user-select:none;user-select:none}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__header{z-index:50}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{position:relative;z-index:1}.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__content,.td-layout--mobile.td-layout--sidebar-overlay.td-layout--sidebar-open .td-layout__footer{pointer-events:none}@media(max-width:520px){:host{--td-layout-content-padding: .75rem}}\n"] }]
         }], propDecorators: { headerSlot: [{
                 type: ContentChild,
                 args: [TdLayoutHeaderSlot]