@telcomdev/ui 0.1.40 → 0.1.41

package/fesm2022/telcomdev-ui.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, Injectable, inject, HostBinding, Input, booleanAttribute, EventEmitter, Output, ViewChild, Injector, ChangeDetectorRef, signal, input, model, output, computed, forwardRef, InjectionToken, ElementRef, HostListener, Directive, EnvironmentInjector, DestroyRef, ContentChild, effect, TemplateRef, ViewChildren, ContentChildren, ViewContainerRef, Renderer2, numberAttribute } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Injectable, inject, HostBinding, Input, EventEmitter, signal, Output, ChangeDetectorRef, ContentChildren, booleanAttribute, ViewChild, Injector, input, model, output, computed, forwardRef, InjectionToken, ElementRef, HostListener, Directive, EnvironmentInjector, DestroyRef, ContentChild, effect, TemplateRef, ViewChildren, ViewContainerRef, Renderer2, numberAttribute } from '@angular/core';
+import { Subscription, take, filter } from 'rxjs';
 import * as i1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { FORM_FIELD } from '@angular/forms/signals';
@@ -10,7 +11,6 @@ import { CdkConnectedOverlay, CdkOverlayOrigin, ScrollStrategyOptions, Overlay }
 import { DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
 import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { take, filter } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, NavigationEnd, RouterLink } from '@angular/router';
 
@@ -1931,6 +1931,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                 args: ['style.--td-icon-size']
             }] } });
 
+let accordionItemSequence = 0;
+class TdAccordionItem {
+    title = 'Sección';
+    description = '';
+    icon = '';
+    disabled = false;
+    set expanded(value) {
+        this.expandedState.set(value);
+    }
+    get expanded() {
+        return this.expandedState();
+    }
+    expandedChange = new EventEmitter();
+    toggleEvent = new EventEmitter();
+    expandedState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedState" }] : /* istanbul ignore next */ []));
+    panelId = `td-accordion-panel-${++accordionItemSequence}`;
+    toggle() {
+        if (this.disabled)
+            return;
+        this.expandedState.update((value) => !value);
+        this.expandedChange.emit(this.expandedState());
+        this.toggleEvent.emit(this);
+    }
+    setExpanded(value) {
+        this.expandedState.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdAccordionItem, isStandalone: true, selector: "td-accordion-item", inputs: { title: "title", description: "description", icon: "icon", disabled: "disabled", expanded: "expanded" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: `
+    <section class="td-accordion-item" [class.td-accordion-item--open]="expandedState()" [class.td-accordion-item--disabled]="disabled">
+      <button
+        type="button"
+        class="td-accordion-item__trigger"
+        [disabled]="disabled"
+        [attr.aria-expanded]="expandedState()"
+        [attr.aria-controls]="panelId"
+        (click)="toggle()"
+      >
+        @if (icon) {
+          <td-icon class="td-accordion-item__icon" [nombre]="icon" />
+        }
+        <span class="td-accordion-item__titles">
+          <strong>{{ title }}</strong>
+          @if (description) {
+            <small>{{ description }}</small>
+          }
+        </span>
+        <td-icon class="td-accordion-item__chevron" nombre="chevron_down" />
+      </button>
+
+      <div class="td-accordion-item__panel" [id]="panelId" [attr.aria-hidden]="!expandedState()">
+        <div class="td-accordion-item__content">
+          <ng-content />
+        </div>
+      </div>
+    </section>
+  `, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-accordion{--td-accordion-surface: var(--td-color-surface, #fff);--td-accordion-soft: var(--td-color-surface-soft, #f8fafc);--td-accordion-border: var(--td-color-border, #dfe4ee);--td-accordion-text: var(--td-color-text, #263147);--td-accordion-muted: var(--td-color-text-muted, #748096);--td-accordion-trigger-height: 3.25rem;--td-accordion-trigger-padding-block: .7rem;display:grid;min-width:0;gap:.55rem;color:var(--td-accordion-text)}.td-accordion--dark{--td-accordion-surface: var(--td-accordion-dark-surface, #19191f);--td-accordion-soft: var(--td-accordion-dark-soft, #202028);--td-accordion-border: var(--td-accordion-dark-border, #34343e);--td-accordion-text: var(--td-accordion-dark-text, #ededf0);--td-accordion-muted: var(--td-accordion-dark-muted, #a1a1aa);color-scheme:dark}.td-accordion--dense{--td-accordion-trigger-height: 2.75rem;--td-accordion-trigger-padding-block: .5rem}.td-accordion-item{min-width:0;overflow:hidden;border:1px solid var(--td-accordion-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-accordion-surface);transition:border-color .14s ease,box-shadow .14s ease}.td-accordion--flat .td-accordion-item{border-inline:0;border-radius:0}.td-accordion-item--open{border-color:color-mix(in srgb,var(--td-color-primary, #5746d8) 38%,var(--td-accordion-border));box-shadow:var(--td-shadow-xs, 0 6px 18px rgba(31, 42, 68, .06))}.td-accordion-item__trigger{display:flex;width:100%;min-width:0;min-height:var(--td-accordion-trigger-height, 3.25rem);align-items:center;gap:.65rem;border:0;padding:var(--td-accordion-trigger-padding-block, .7rem) .85rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.td-accordion-item__trigger:hover:not(:disabled){background:var(--td-accordion-soft)}.td-accordion-item__trigger:focus-visible{outline:2px solid var(--td-color-primary, #5746d8);outline-offset:-2px}.td-accordion-item__trigger:disabled{opacity:.52;cursor:not-allowed}.td-accordion-item__icon{flex:0 0 auto;color:var(--td-color-primary, #5746d8)}.td-accordion-item__titles{display:grid;min-width:0;flex:1 1 auto;gap:.15rem}.td-accordion-item__titles strong,.td-accordion-item__titles small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-accordion-item__titles strong{font-size:.82rem}.td-accordion-item__titles small{color:var(--td-accordion-muted);font-size:.7rem}.td-accordion-item__chevron{flex:0 0 auto;color:var(--td-accordion-muted);transition:transform .18s ease}.td-accordion-item--open .td-accordion-item__chevron{transform:rotate(180deg)}.td-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.td-accordion-item--open .td-accordion-item__panel{grid-template-rows:1fr}.td-accordion-item__content{min-height:0;overflow:hidden;padding:0 1rem;color:var(--td-accordion-muted);font-size:.78rem;line-height:1.55}.td-accordion-item--open .td-accordion-item__content{padding-bottom:1rem}@media(max-width:768px){.td-accordion-item__trigger{min-height:var(--td-accordion-trigger-height, 2.75rem)}.td-accordion-item__titles strong{font-size:.86rem}.td-accordion-item__content{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.td-accordion-item,.td-accordion-item__chevron,.td-accordion-item__panel{transition:none}}\n"], dependencies: [{ kind: "component", type: TdIcon, selector: "td-icon", inputs: ["nombre", "titulo", "tamano"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordionItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-accordion-item', imports: [TdIcon], template: `
+    <section class="td-accordion-item" [class.td-accordion-item--open]="expandedState()" [class.td-accordion-item--disabled]="disabled">
+      <button
+        type="button"
+        class="td-accordion-item__trigger"
+        [disabled]="disabled"
+        [attr.aria-expanded]="expandedState()"
+        [attr.aria-controls]="panelId"
+        (click)="toggle()"
+      >
+        @if (icon) {
+          <td-icon class="td-accordion-item__icon" [nombre]="icon" />
+        }
+        <span class="td-accordion-item__titles">
+          <strong>{{ title }}</strong>
+          @if (description) {
+            <small>{{ description }}</small>
+          }
+        </span>
+        <td-icon class="td-accordion-item__chevron" nombre="chevron_down" />
+      </button>
+
+      <div class="td-accordion-item__panel" [id]="panelId" [attr.aria-hidden]="!expandedState()">
+        <div class="td-accordion-item__content">
+          <ng-content />
+        </div>
+      </div>
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-accordion{--td-accordion-surface: var(--td-color-surface, #fff);--td-accordion-soft: var(--td-color-surface-soft, #f8fafc);--td-accordion-border: var(--td-color-border, #dfe4ee);--td-accordion-text: var(--td-color-text, #263147);--td-accordion-muted: var(--td-color-text-muted, #748096);--td-accordion-trigger-height: 3.25rem;--td-accordion-trigger-padding-block: .7rem;display:grid;min-width:0;gap:.55rem;color:var(--td-accordion-text)}.td-accordion--dark{--td-accordion-surface: var(--td-accordion-dark-surface, #19191f);--td-accordion-soft: var(--td-accordion-dark-soft, #202028);--td-accordion-border: var(--td-accordion-dark-border, #34343e);--td-accordion-text: var(--td-accordion-dark-text, #ededf0);--td-accordion-muted: var(--td-accordion-dark-muted, #a1a1aa);color-scheme:dark}.td-accordion--dense{--td-accordion-trigger-height: 2.75rem;--td-accordion-trigger-padding-block: .5rem}.td-accordion-item{min-width:0;overflow:hidden;border:1px solid var(--td-accordion-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-accordion-surface);transition:border-color .14s ease,box-shadow .14s ease}.td-accordion--flat .td-accordion-item{border-inline:0;border-radius:0}.td-accordion-item--open{border-color:color-mix(in srgb,var(--td-color-primary, #5746d8) 38%,var(--td-accordion-border));box-shadow:var(--td-shadow-xs, 0 6px 18px rgba(31, 42, 68, .06))}.td-accordion-item__trigger{display:flex;width:100%;min-width:0;min-height:var(--td-accordion-trigger-height, 3.25rem);align-items:center;gap:.65rem;border:0;padding:var(--td-accordion-trigger-padding-block, .7rem) .85rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.td-accordion-item__trigger:hover:not(:disabled){background:var(--td-accordion-soft)}.td-accordion-item__trigger:focus-visible{outline:2px solid var(--td-color-primary, #5746d8);outline-offset:-2px}.td-accordion-item__trigger:disabled{opacity:.52;cursor:not-allowed}.td-accordion-item__icon{flex:0 0 auto;color:var(--td-color-primary, #5746d8)}.td-accordion-item__titles{display:grid;min-width:0;flex:1 1 auto;gap:.15rem}.td-accordion-item__titles strong,.td-accordion-item__titles small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-accordion-item__titles strong{font-size:.82rem}.td-accordion-item__titles small{color:var(--td-accordion-muted);font-size:.7rem}.td-accordion-item__chevron{flex:0 0 auto;color:var(--td-accordion-muted);transition:transform .18s ease}.td-accordion-item--open .td-accordion-item__chevron{transform:rotate(180deg)}.td-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.td-accordion-item--open .td-accordion-item__panel{grid-template-rows:1fr}.td-accordion-item__content{min-height:0;overflow:hidden;padding:0 1rem;color:var(--td-accordion-muted);font-size:.78rem;line-height:1.55}.td-accordion-item--open .td-accordion-item__content{padding-bottom:1rem}@media(max-width:768px){.td-accordion-item__trigger{min-height:var(--td-accordion-trigger-height, 2.75rem)}.td-accordion-item__titles strong{font-size:.86rem}.td-accordion-item__content{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.td-accordion-item,.td-accordion-item__chevron,.td-accordion-item__panel{transition:none}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }] } });
+class TdAccordion {
+    itemList;
+    multiple = false;
+    bordered = true;
+    dense = false;
+    dark = false;
+    subscriptions = new Subscription();
+    itemsSubscription = new Subscription();
+    changeDetector = inject(ChangeDetectorRef);
+    ngAfterContentInit() {
+        this.subscribeToItems();
+        this.subscriptions.add(this.itemList.changes.subscribe(() => this.subscribeToItems()));
+    }
+    ngOnDestroy() {
+        this.itemsSubscription.unsubscribe();
+        this.subscriptions.unsubscribe();
+    }
+    subscribeToItems() {
+        this.itemsSubscription.unsubscribe();
+        this.itemsSubscription = new Subscription();
+        for (const item of this.itemList.toArray()) {
+            this.itemsSubscription.add(item.expandedChange.subscribe(() => this.handleToggle(item)));
+        }
+    }
+    handleToggle(opened) {
+        if (this.multiple || !opened.expanded)
+            return;
+        for (const item of this.itemList.toArray()) {
+            if (item !== opened)
+                item.setExpanded(false);
+        }
+        this.changeDetector.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TdAccordion, isStandalone: true, selector: "td-accordion", inputs: { multiple: "multiple", bordered: "bordered", dense: "dense", dark: "dark" }, queries: [{ propertyName: "itemList", predicate: TdAccordionItem }], ngImport: i0, template: `<div class="td-accordion" [class.td-accordion--dark]="dark" [class.td-accordion--flat]="!bordered" [class.td-accordion--dense]="dense"><ng-content /></div>`, isInline: true, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-accordion{--td-accordion-surface: var(--td-color-surface, #fff);--td-accordion-soft: var(--td-color-surface-soft, #f8fafc);--td-accordion-border: var(--td-color-border, #dfe4ee);--td-accordion-text: var(--td-color-text, #263147);--td-accordion-muted: var(--td-color-text-muted, #748096);--td-accordion-trigger-height: 3.25rem;--td-accordion-trigger-padding-block: .7rem;display:grid;min-width:0;gap:.55rem;color:var(--td-accordion-text)}.td-accordion--dark{--td-accordion-surface: var(--td-accordion-dark-surface, #19191f);--td-accordion-soft: var(--td-accordion-dark-soft, #202028);--td-accordion-border: var(--td-accordion-dark-border, #34343e);--td-accordion-text: var(--td-accordion-dark-text, #ededf0);--td-accordion-muted: var(--td-accordion-dark-muted, #a1a1aa);color-scheme:dark}.td-accordion--dense{--td-accordion-trigger-height: 2.75rem;--td-accordion-trigger-padding-block: .5rem}.td-accordion-item{min-width:0;overflow:hidden;border:1px solid var(--td-accordion-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-accordion-surface);transition:border-color .14s ease,box-shadow .14s ease}.td-accordion--flat .td-accordion-item{border-inline:0;border-radius:0}.td-accordion-item--open{border-color:color-mix(in srgb,var(--td-color-primary, #5746d8) 38%,var(--td-accordion-border));box-shadow:var(--td-shadow-xs, 0 6px 18px rgba(31, 42, 68, .06))}.td-accordion-item__trigger{display:flex;width:100%;min-width:0;min-height:var(--td-accordion-trigger-height, 3.25rem);align-items:center;gap:.65rem;border:0;padding:var(--td-accordion-trigger-padding-block, .7rem) .85rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.td-accordion-item__trigger:hover:not(:disabled){background:var(--td-accordion-soft)}.td-accordion-item__trigger:focus-visible{outline:2px solid var(--td-color-primary, #5746d8);outline-offset:-2px}.td-accordion-item__trigger:disabled{opacity:.52;cursor:not-allowed}.td-accordion-item__icon{flex:0 0 auto;color:var(--td-color-primary, #5746d8)}.td-accordion-item__titles{display:grid;min-width:0;flex:1 1 auto;gap:.15rem}.td-accordion-item__titles strong,.td-accordion-item__titles small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-accordion-item__titles strong{font-size:.82rem}.td-accordion-item__titles small{color:var(--td-accordion-muted);font-size:.7rem}.td-accordion-item__chevron{flex:0 0 auto;color:var(--td-accordion-muted);transition:transform .18s ease}.td-accordion-item--open .td-accordion-item__chevron{transform:rotate(180deg)}.td-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.td-accordion-item--open .td-accordion-item__panel{grid-template-rows:1fr}.td-accordion-item__content{min-height:0;overflow:hidden;padding:0 1rem;color:var(--td-accordion-muted);font-size:.78rem;line-height:1.55}.td-accordion-item--open .td-accordion-item__content{padding-bottom:1rem}@media(max-width:768px){.td-accordion-item__trigger{min-height:var(--td-accordion-trigger-height, 2.75rem)}.td-accordion-item__titles strong{font-size:.86rem}.td-accordion-item__content{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.td-accordion-item,.td-accordion-item__chevron,.td-accordion-item__panel{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'td-accordion', template: `<div class="td-accordion" [class.td-accordion--dark]="dark" [class.td-accordion--flat]="!bordered" [class.td-accordion--dense]="dense"><ng-content /></div>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;min-width:0;font-family:var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif)}*{box-sizing:border-box}.td-accordion{--td-accordion-surface: var(--td-color-surface, #fff);--td-accordion-soft: var(--td-color-surface-soft, #f8fafc);--td-accordion-border: var(--td-color-border, #dfe4ee);--td-accordion-text: var(--td-color-text, #263147);--td-accordion-muted: var(--td-color-text-muted, #748096);--td-accordion-trigger-height: 3.25rem;--td-accordion-trigger-padding-block: .7rem;display:grid;min-width:0;gap:.55rem;color:var(--td-accordion-text)}.td-accordion--dark{--td-accordion-surface: var(--td-accordion-dark-surface, #19191f);--td-accordion-soft: var(--td-accordion-dark-soft, #202028);--td-accordion-border: var(--td-accordion-dark-border, #34343e);--td-accordion-text: var(--td-accordion-dark-text, #ededf0);--td-accordion-muted: var(--td-accordion-dark-muted, #a1a1aa);color-scheme:dark}.td-accordion--dense{--td-accordion-trigger-height: 2.75rem;--td-accordion-trigger-padding-block: .5rem}.td-accordion-item{min-width:0;overflow:hidden;border:1px solid var(--td-accordion-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-accordion-surface);transition:border-color .14s ease,box-shadow .14s ease}.td-accordion--flat .td-accordion-item{border-inline:0;border-radius:0}.td-accordion-item--open{border-color:color-mix(in srgb,var(--td-color-primary, #5746d8) 38%,var(--td-accordion-border));box-shadow:var(--td-shadow-xs, 0 6px 18px rgba(31, 42, 68, .06))}.td-accordion-item__trigger{display:flex;width:100%;min-width:0;min-height:var(--td-accordion-trigger-height, 3.25rem);align-items:center;gap:.65rem;border:0;padding:var(--td-accordion-trigger-padding-block, .7rem) .85rem;color:inherit;background:transparent;text-align:left;cursor:pointer}.td-accordion-item__trigger:hover:not(:disabled){background:var(--td-accordion-soft)}.td-accordion-item__trigger:focus-visible{outline:2px solid var(--td-color-primary, #5746d8);outline-offset:-2px}.td-accordion-item__trigger:disabled{opacity:.52;cursor:not-allowed}.td-accordion-item__icon{flex:0 0 auto;color:var(--td-color-primary, #5746d8)}.td-accordion-item__titles{display:grid;min-width:0;flex:1 1 auto;gap:.15rem}.td-accordion-item__titles strong,.td-accordion-item__titles small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-accordion-item__titles strong{font-size:.82rem}.td-accordion-item__titles small{color:var(--td-accordion-muted);font-size:.7rem}.td-accordion-item__chevron{flex:0 0 auto;color:var(--td-accordion-muted);transition:transform .18s ease}.td-accordion-item--open .td-accordion-item__chevron{transform:rotate(180deg)}.td-accordion-item__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.td-accordion-item--open .td-accordion-item__panel{grid-template-rows:1fr}.td-accordion-item__content{min-height:0;overflow:hidden;padding:0 1rem;color:var(--td-accordion-muted);font-size:.78rem;line-height:1.55}.td-accordion-item--open .td-accordion-item__content{padding-bottom:1rem}@media(max-width:768px){.td-accordion-item__trigger{min-height:var(--td-accordion-trigger-height, 2.75rem)}.td-accordion-item__titles strong{font-size:.86rem}.td-accordion-item__content{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.td-accordion-item,.td-accordion-item__chevron,.td-accordion-item__panel{transition:none}}\n"] }]
+        }], propDecorators: { itemList: [{
+                type: ContentChildren,
+                args: [TdAccordionItem]
+            }], multiple: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }], dense: [{
+                type: Input
+            }], dark: [{
+                type: Input
+            }] } });
+
 class TdBadge {
     tone = 'primary';
     variant = 'soft';
@@ -3967,7 +4121,7 @@ class TdDialog {
         const fullscreen = size === 'pantalla' || (mobile && size !== 'pequeno');
         const width = fullscreen ? '100%' : config.ancho ?? this.widthFor(size);
         const maxWidth = fullscreen ? '100%' : config.maxAncho ?? 'calc(100vw - 2rem)';
-        const maxHeight = fullscreen ? '100dvh' : config.maxAlto ?? 'calc(100dvh - 2rem)';
+        const maxHeight = fullscreen ? '100dvh' : config.maxAlto ?? this.maxHeightFor(size);
         let publicRef;
         const cdkRef = this.dialog.open(TdDialogPanel, {
             data: { component, config, fullscreen },
@@ -4007,6 +4161,15 @@ class TdDialog {
         };
         return widths[size ?? 'mediano'];
     }
+    maxHeightFor(size) {
+        const maxHeights = {
+            pequeno: 'min(70dvh, calc(100dvh - 2rem))',
+            mediano: 'min(80dvh, calc(100dvh - 2rem))',
+            grande: 'min(90dvh, calc(100dvh - 2rem))',
+            pantalla: '100dvh',
+        };
+        return maxHeights[size ?? 'mediano'];
+    }
     panelClasses(config, fullscreen) {
         const extra = Array.isArray(config.panelClass)
             ? config.panelClass
@@ -8832,5 +8995,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTabsActions, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
+export { TD_DIALOG_CONFIG, TD_DIALOG_DATA, TD_ICONOS, TD_ICONOS_NOMBRES, TD_THEME_DARK_COLORS, TD_THEME_LIGHT_COLORS, TdAccordion, TdAccordionItem, TdAlert, TdAlerta, TdAutocompleteSelect, TdBadge, TdButton, TdCheckbox, TdDataTable, TdDatePicker, TdDialog, TdDialogActions, TdDialogClose, TdDialogPrimary, TdDialogRef, TdFileUpload, TdFileViewer, TdFileViewerService, TdFooter, TdHeader, TdIcon, TdIconoRegistry, TdInput, TdLayout, TdLayoutContentSlot, TdLayoutFooterSlot, TdLayoutHeaderSlot, TdLayoutSidebarSlot, TdMenu, TdRadioGroup, TdSelect, TdSidebar, TdTab, TdTabs, TdTabsActions, TdTextarea, TdThemeService, TdTooltip, TelcomdevUi, createTdFormControlBridge };
 //# sourceMappingURL=telcomdev-ui.mjs.map