@telcomdev/ui 0.1.40 → 0.1.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component, Injectable, inject, HostBinding, Input,
|
|
2
|
+
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';
|
|
3
|
+
import { Subscription, take, filter } from 'rxjs';
|
|
3
4
|
import * as i1 from '@angular/forms';
|
|
4
5
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
5
6
|
import { FORM_FIELD } from '@angular/forms/signals';
|
|
@@ -10,7 +11,6 @@ import { CdkConnectedOverlay, CdkOverlayOrigin, ScrollStrategyOptions, Overlay }
|
|
|
10
11
|
import { DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
|
|
11
12
|
import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
|
|
12
13
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
13
|
-
import { take, filter } from 'rxjs';
|
|
14
14
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
15
15
|
import { Router, NavigationEnd, RouterLink } from '@angular/router';
|
|
16
16
|
|
|
@@ -1931,6 +1931,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
1931
1931
|
args: ['style.--td-icon-size']
|
|
1932
1932
|
}] } });
|
|
1933
1933
|
|
|
1934
|
+
let accordionItemSequence = 0;
|
|
1935
|
+
class TdAccordionItem {
|
|
1936
|
+
title = 'Sección';
|
|
1937
|
+
description = '';
|
|
1938
|
+
icon = '';
|
|
1939
|
+
disabled = false;
|
|
1940
|
+
set expanded(value) {
|
|
1941
|
+
this.expandedState.set(value);
|
|
1942
|
+
}
|
|
1943
|
+
get expanded() {
|
|
1944
|
+
return this.expandedState();
|
|
1945
|
+
}
|
|
1946
|
+
expandedChange = new EventEmitter();
|
|
1947
|
+
toggleEvent = new EventEmitter();
|
|
1948
|
+
expandedState = signal(false, /* @ts-ignore */
|
|
1949
|
+
...(ngDevMode ? [{ debugName: "expandedState" }] : /* istanbul ignore next */ []));
|
|
1950
|
+
panelId = `td-accordion-panel-${++accordionItemSequence}`;
|
|
1951
|
+
toggle() {
|
|
1952
|
+
if (this.disabled)
|
|
1953
|
+
return;
|
|
1954
|
+
this.expandedState.update((value) => !value);
|
|
1955
|
+
this.expandedChange.emit(this.expandedState());
|
|
1956
|
+
this.toggleEvent.emit(this);
|
|
1957
|
+
}
|
|
1958
|
+
setExpanded(value) {
|
|
1959
|
+
this.expandedState.set(value);
|
|
1960
|
+
}
|
|
1961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1962
|
+
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: `
|
|
1963
|
+
<section class="td-accordion-item" [class.td-accordion-item--open]="expandedState()" [class.td-accordion-item--disabled]="disabled">
|
|
1964
|
+
<button
|
|
1965
|
+
type="button"
|
|
1966
|
+
class="td-accordion-item__trigger"
|
|
1967
|
+
[disabled]="disabled"
|
|
1968
|
+
[attr.aria-expanded]="expandedState()"
|
|
1969
|
+
[attr.aria-controls]="panelId"
|
|
1970
|
+
(click)="toggle()"
|
|
1971
|
+
>
|
|
1972
|
+
@if (icon) {
|
|
1973
|
+
<td-icon class="td-accordion-item__icon" [nombre]="icon" />
|
|
1974
|
+
}
|
|
1975
|
+
<span class="td-accordion-item__titles">
|
|
1976
|
+
<strong>{{ title }}</strong>
|
|
1977
|
+
@if (description) {
|
|
1978
|
+
<small>{{ description }}</small>
|
|
1979
|
+
}
|
|
1980
|
+
</span>
|
|
1981
|
+
<td-icon class="td-accordion-item__chevron" nombre="chevron_down" />
|
|
1982
|
+
</button>
|
|
1983
|
+
|
|
1984
|
+
<div class="td-accordion-item__panel" [id]="panelId" [attr.aria-hidden]="!expandedState()">
|
|
1985
|
+
<div class="td-accordion-item__content">
|
|
1986
|
+
<ng-content />
|
|
1987
|
+
</div>
|
|
1988
|
+
</div>
|
|
1989
|
+
</section>
|
|
1990
|
+
`, 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 });
|
|
1991
|
+
}
|
|
1992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordionItem, decorators: [{
|
|
1993
|
+
type: Component,
|
|
1994
|
+
args: [{ selector: 'td-accordion-item', imports: [TdIcon], template: `
|
|
1995
|
+
<section class="td-accordion-item" [class.td-accordion-item--open]="expandedState()" [class.td-accordion-item--disabled]="disabled">
|
|
1996
|
+
<button
|
|
1997
|
+
type="button"
|
|
1998
|
+
class="td-accordion-item__trigger"
|
|
1999
|
+
[disabled]="disabled"
|
|
2000
|
+
[attr.aria-expanded]="expandedState()"
|
|
2001
|
+
[attr.aria-controls]="panelId"
|
|
2002
|
+
(click)="toggle()"
|
|
2003
|
+
>
|
|
2004
|
+
@if (icon) {
|
|
2005
|
+
<td-icon class="td-accordion-item__icon" [nombre]="icon" />
|
|
2006
|
+
}
|
|
2007
|
+
<span class="td-accordion-item__titles">
|
|
2008
|
+
<strong>{{ title }}</strong>
|
|
2009
|
+
@if (description) {
|
|
2010
|
+
<small>{{ description }}</small>
|
|
2011
|
+
}
|
|
2012
|
+
</span>
|
|
2013
|
+
<td-icon class="td-accordion-item__chevron" nombre="chevron_down" />
|
|
2014
|
+
</button>
|
|
2015
|
+
|
|
2016
|
+
<div class="td-accordion-item__panel" [id]="panelId" [attr.aria-hidden]="!expandedState()">
|
|
2017
|
+
<div class="td-accordion-item__content">
|
|
2018
|
+
<ng-content />
|
|
2019
|
+
</div>
|
|
2020
|
+
</div>
|
|
2021
|
+
</section>
|
|
2022
|
+
`, 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"] }]
|
|
2023
|
+
}], propDecorators: { title: [{
|
|
2024
|
+
type: Input
|
|
2025
|
+
}], description: [{
|
|
2026
|
+
type: Input
|
|
2027
|
+
}], icon: [{
|
|
2028
|
+
type: Input
|
|
2029
|
+
}], disabled: [{
|
|
2030
|
+
type: Input
|
|
2031
|
+
}], expanded: [{
|
|
2032
|
+
type: Input
|
|
2033
|
+
}], expandedChange: [{
|
|
2034
|
+
type: Output
|
|
2035
|
+
}] } });
|
|
2036
|
+
class TdAccordion {
|
|
2037
|
+
itemList;
|
|
2038
|
+
multiple = false;
|
|
2039
|
+
bordered = true;
|
|
2040
|
+
dense = false;
|
|
2041
|
+
dark = false;
|
|
2042
|
+
subscriptions = new Subscription();
|
|
2043
|
+
itemsSubscription = new Subscription();
|
|
2044
|
+
changeDetector = inject(ChangeDetectorRef);
|
|
2045
|
+
ngAfterContentInit() {
|
|
2046
|
+
this.subscribeToItems();
|
|
2047
|
+
this.subscriptions.add(this.itemList.changes.subscribe(() => this.subscribeToItems()));
|
|
2048
|
+
}
|
|
2049
|
+
ngOnDestroy() {
|
|
2050
|
+
this.itemsSubscription.unsubscribe();
|
|
2051
|
+
this.subscriptions.unsubscribe();
|
|
2052
|
+
}
|
|
2053
|
+
subscribeToItems() {
|
|
2054
|
+
this.itemsSubscription.unsubscribe();
|
|
2055
|
+
this.itemsSubscription = new Subscription();
|
|
2056
|
+
for (const item of this.itemList.toArray()) {
|
|
2057
|
+
this.itemsSubscription.add(item.expandedChange.subscribe(() => this.handleToggle(item)));
|
|
2058
|
+
}
|
|
2059
|
+
}
|
|
2060
|
+
handleToggle(opened) {
|
|
2061
|
+
if (this.multiple || !opened.expanded)
|
|
2062
|
+
return;
|
|
2063
|
+
for (const item of this.itemList.toArray()) {
|
|
2064
|
+
if (item !== opened)
|
|
2065
|
+
item.setExpanded(false);
|
|
2066
|
+
}
|
|
2067
|
+
this.changeDetector.markForCheck();
|
|
2068
|
+
}
|
|
2069
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2070
|
+
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 });
|
|
2071
|
+
}
|
|
2072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdAccordion, decorators: [{
|
|
2073
|
+
type: Component,
|
|
2074
|
+
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"] }]
|
|
2075
|
+
}], propDecorators: { itemList: [{
|
|
2076
|
+
type: ContentChildren,
|
|
2077
|
+
args: [TdAccordionItem]
|
|
2078
|
+
}], multiple: [{
|
|
2079
|
+
type: Input
|
|
2080
|
+
}], bordered: [{
|
|
2081
|
+
type: Input
|
|
2082
|
+
}], dense: [{
|
|
2083
|
+
type: Input
|
|
2084
|
+
}], dark: [{
|
|
2085
|
+
type: Input
|
|
2086
|
+
}] } });
|
|
2087
|
+
|
|
1934
2088
|
class TdBadge {
|
|
1935
2089
|
tone = 'primary';
|
|
1936
2090
|
variant = 'soft';
|
|
@@ -3967,7 +4121,7 @@ class TdDialog {
|
|
|
3967
4121
|
const fullscreen = size === 'pantalla' || (mobile && size !== 'pequeno');
|
|
3968
4122
|
const width = fullscreen ? '100%' : config.ancho ?? this.widthFor(size);
|
|
3969
4123
|
const maxWidth = fullscreen ? '100%' : config.maxAncho ?? 'calc(100vw - 2rem)';
|
|
3970
|
-
const maxHeight = fullscreen ? '100dvh' : config.maxAlto ??
|
|
4124
|
+
const maxHeight = fullscreen ? '100dvh' : config.maxAlto ?? this.maxHeightFor(size);
|
|
3971
4125
|
let publicRef;
|
|
3972
4126
|
const cdkRef = this.dialog.open(TdDialogPanel, {
|
|
3973
4127
|
data: { component, config, fullscreen },
|
|
@@ -4007,6 +4161,15 @@ class TdDialog {
|
|
|
4007
4161
|
};
|
|
4008
4162
|
return widths[size ?? 'mediano'];
|
|
4009
4163
|
}
|
|
4164
|
+
maxHeightFor(size) {
|
|
4165
|
+
const maxHeights = {
|
|
4166
|
+
pequeno: 'min(70dvh, calc(100dvh - 2rem))',
|
|
4167
|
+
mediano: 'min(80dvh, calc(100dvh - 2rem))',
|
|
4168
|
+
grande: 'min(90dvh, calc(100dvh - 2rem))',
|
|
4169
|
+
pantalla: '100dvh',
|
|
4170
|
+
};
|
|
4171
|
+
return maxHeights[size ?? 'mediano'];
|
|
4172
|
+
}
|
|
4010
4173
|
panelClasses(config, fullscreen) {
|
|
4011
4174
|
const extra = Array.isArray(config.panelClass)
|
|
4012
4175
|
? config.panelClass
|
|
@@ -8187,6 +8350,8 @@ class TdTabs {
|
|
|
8187
8350
|
panelFocusable = false;
|
|
8188
8351
|
contentHeight = null;
|
|
8189
8352
|
scrollableContent = false;
|
|
8353
|
+
/** Mantiene fijo el encabezado y limita el scroll al panel activo. */
|
|
8354
|
+
scrollMode = 'auto';
|
|
8190
8355
|
actionsPlacement = 'header';
|
|
8191
8356
|
selectedIndexChange = new EventEmitter();
|
|
8192
8357
|
tabChange = new EventEmitter();
|
|
@@ -8305,16 +8470,18 @@ class TdTabs {
|
|
|
8305
8470
|
}
|
|
8306
8471
|
}
|
|
8307
8472
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8308
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdTabs, isStandalone: true, selector: "td-tabs", inputs: { selectedIndex: "selectedIndex", variant: "variant", alignment: "alignment", stretch: "stretch", dark: "dark", ariaLabel: "ariaLabel", panelFocusable: "panelFocusable", contentHeight: "contentHeight", scrollableContent: "scrollableContent", actionsPlacement: "actionsPlacement" }, outputs: { selectedIndexChange: "selectedIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "tabQuery", predicate: TdTab }], viewQueries: [{ propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true }, { propertyName: "tabButtons", predicate: ["tabButton"], descendants: true }], ngImport: i0, template: `
|
|
8473
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: TdTabs, isStandalone: true, selector: "td-tabs", inputs: { selectedIndex: "selectedIndex", variant: "variant", alignment: "alignment", stretch: "stretch", dark: "dark", ariaLabel: "ariaLabel", panelFocusable: "panelFocusable", contentHeight: "contentHeight", scrollableContent: "scrollableContent", scrollMode: "scrollMode", actionsPlacement: "actionsPlacement" }, outputs: { selectedIndexChange: "selectedIndexChange", tabChange: "tabChange" }, queries: [{ propertyName: "tabQuery", predicate: TdTab }], viewQueries: [{ propertyName: "tabList", first: true, predicate: ["tabList"], descendants: true }, { propertyName: "tabButtons", predicate: ["tabButton"], descendants: true }], ngImport: i0, template: `
|
|
8309
8474
|
<section
|
|
8310
8475
|
class="td-tabs"
|
|
8311
8476
|
[class.td-tabs--dark]="dark"
|
|
8312
8477
|
[class.td-tabs--stretch]="stretch"
|
|
8313
8478
|
[class.td-tabs--panel-scrollable]="scrollableContent"
|
|
8479
|
+
[class.td-tabs--scroll-content]="scrollMode === 'content'"
|
|
8314
8480
|
[class.td-tabs--actions-footer]="actionsPlacement === 'footer'"
|
|
8315
8481
|
[class]="'td-tabs td-tabs--' + variant + ' td-tabs--align-' + alignment +
|
|
8316
8482
|
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '') +
|
|
8317
8483
|
(scrollableContent ? ' td-tabs--panel-scrollable' : '') +
|
|
8484
|
+
(scrollMode === 'content' ? ' td-tabs--scroll-content' : '') +
|
|
8318
8485
|
(actionsPlacement === 'footer' ? ' td-tabs--actions-footer' : '')"
|
|
8319
8486
|
[style.--td-tabs-panel-height]="contentHeight"
|
|
8320
8487
|
>
|
|
@@ -8373,7 +8540,7 @@ class TdTabs {
|
|
|
8373
8540
|
<ng-content select="[tdTabsActions]" />
|
|
8374
8541
|
</div>
|
|
8375
8542
|
</section>
|
|
8376
|
-
`, isInline: true, styles: ["
|
|
8543
|
+
`, isInline: true, styles: ["@charset \"UTF-8\";: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-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__header{grid-column:1;grid-row:1;display:flex;min-width:0;align-items:center;gap:.75rem}.td-tabs__list{display:flex;width:100%;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__actions{grid-row:1;display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-width:0;padding-inline:.25rem}.td-tabs__actions:empty{display:none}.td-tabs__actions--header{grid-column:2;align-self:center;justify-content:flex-end}.td-tabs__actions--footer{grid-column:1/-1;grid-row:3;justify-content:flex-end;padding:.5rem 0 0}.td-tabs--actions-footer .td-tabs__header{grid-column:1/-1}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .78rem/1 var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-tabs__header,.td-tabs--linea .td-tabs__actions--header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--linea .td-tabs__tab:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:var(--td-radius-pill, 999px) var(--td-radius-pill, 999px) 0 0;background:transparent;content:\"\"}.td-tabs--linea .td-tabs__tab--active{color:var(--td-tabs-accent)}.td-tabs--linea .td-tabs__tab--active:after{background:var(--td-tabs-accent)}.td-tabs--pastilla .td-tabs__list{gap:.3rem;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .8rem);padding:.28rem;background:var(--td-tabs-soft)}.td-tabs--pastilla .td-tabs__tab{min-height:2.35rem;border-radius:.58rem}.td-tabs--pastilla .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg);box-shadow:var(--td-shadow-sm, 0 3px 10px rgba(15, 23, 42, .08))}.td-tabs--contenida{overflow:hidden;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__list{padding:0 .45rem;background:transparent}.td-tabs--contenida .td-tabs__header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:transparent}.td-tabs--contenida .td-tabs__panel{padding:1rem 1.25rem}.td-tabs--contenida .td-tabs__actions--footer{border-top:1px solid var(--td-tabs-border);padding:.6rem 1.25rem .85rem}.td-tabs__panel{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;height:var(--td-tabs-panel-height, auto);padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}.td-tabs--panel-scrollable .td-tabs__panel{overflow:auto;overscroll-behavior:contain}.td-tabs--scroll-content .td-tabs__panel{height:var(--td-tabs-panel-height, min(60dvh, 36rem));max-height:var(--td-tabs-panel-height, min(60dvh, 36rem));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.td-tabs--actions-footer .td-tabs__panel{height:auto;max-height:var(--td-tabs-panel-height, none)}@keyframes td-tabs-panel-in{0%{opacity:0;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.td-tabs__panel{animation:none}}@media(max-width:600px){.td-tabs{grid-template-columns:minmax(0,1fr)}.td-tabs__header{grid-column:1/-1;flex-wrap:wrap;gap:.5rem}.td-tabs__list{flex-basis:100%;justify-content:flex-start!important}.td-tabs__actions--header{grid-column:1/-1;grid-row:1;width:100%;justify-content:flex-start;overflow-x:auto;padding-inline:0;scrollbar-width:none}.td-tabs:not(.td-tabs--actions-footer) .td-tabs__header{grid-row:2}.td-tabs__actions::-webkit-scrollbar{display:none}.td-tabs__actions--footer{flex-wrap:wrap;justify-content:stretch;padding-top:.75rem}.td-tabs__actions--footer ::ng-deep td-button{flex:1 1 auto}.td-tabs--stretch .td-tabs__tab{min-width:max-content;min-height:2.75rem;flex:0 0 auto}.td-tabs--contenida .td-tabs__list{padding-inline:.25rem}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TdIcon, selector: "td-icon", inputs: ["nombre", "titulo", "tamano"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8377
8544
|
}
|
|
8378
8545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TdTabs, decorators: [{
|
|
8379
8546
|
type: Component,
|
|
@@ -8383,10 +8550,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8383
8550
|
[class.td-tabs--dark]="dark"
|
|
8384
8551
|
[class.td-tabs--stretch]="stretch"
|
|
8385
8552
|
[class.td-tabs--panel-scrollable]="scrollableContent"
|
|
8553
|
+
[class.td-tabs--scroll-content]="scrollMode === 'content'"
|
|
8386
8554
|
[class.td-tabs--actions-footer]="actionsPlacement === 'footer'"
|
|
8387
8555
|
[class]="'td-tabs td-tabs--' + variant + ' td-tabs--align-' + alignment +
|
|
8388
8556
|
(dark ? ' td-tabs--dark' : '') + (stretch ? ' td-tabs--stretch' : '') +
|
|
8389
8557
|
(scrollableContent ? ' td-tabs--panel-scrollable' : '') +
|
|
8558
|
+
(scrollMode === 'content' ? ' td-tabs--scroll-content' : '') +
|
|
8390
8559
|
(actionsPlacement === 'footer' ? ' td-tabs--actions-footer' : '')"
|
|
8391
8560
|
[style.--td-tabs-panel-height]="contentHeight"
|
|
8392
8561
|
>
|
|
@@ -8445,7 +8614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8445
8614
|
<ng-content select="[tdTabsActions]" />
|
|
8446
8615
|
</div>
|
|
8447
8616
|
</section>
|
|
8448
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["
|
|
8617
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";: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-tabs{--td-tabs-bg: var(--td-color-surface, #fff);--td-tabs-soft: var(--td-color-surface-soft, #f7f8fb);--td-tabs-border: var(--td-color-border, #e3e7ef);--td-tabs-text: var(--td-color-text, #263147);--td-tabs-muted: var(--td-color-text-muted, #748096);--td-tabs-accent: var(--td-color-primary, #5746d8);display:grid;grid-template-columns:minmax(0,1fr) auto;min-width:0;color:var(--td-tabs-text)}.td-tabs--dark{--td-tabs-bg: var(--td-color-surface, #19191f);--td-tabs-soft: var(--td-color-surface-soft, #202028);--td-tabs-border: var(--td-color-border, #303039);--td-tabs-text: var(--td-color-text, #ededf0);--td-tabs-muted: var(--td-color-text-muted, #a1a1aa);--td-tabs-accent: var(--td-color-primary, #b9b0fa)}.td-tabs__header{grid-column:1;grid-row:1;display:flex;min-width:0;align-items:center;gap:.75rem}.td-tabs__list{display:flex;width:100%;min-width:0;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:inline proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-tabs__list::-webkit-scrollbar{display:none}.td-tabs--align-centro .td-tabs__list{justify-content:safe center}.td-tabs--align-fin .td-tabs__list{justify-content:safe flex-end}.td-tabs__actions{grid-row:1;display:inline-flex;flex:0 0 auto;align-items:center;gap:.45rem;min-width:0;padding-inline:.25rem}.td-tabs__actions:empty{display:none}.td-tabs__actions--header{grid-column:2;align-self:center;justify-content:flex-end}.td-tabs__actions--footer{grid-column:1/-1;grid-row:3;justify-content:flex-end;padding:.5rem 0 0}.td-tabs--actions-footer .td-tabs__header{grid-column:1/-1}.td-tabs__tab{position:relative;display:inline-flex;min-height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.45rem;border:0;padding:.7rem .95rem;color:var(--td-tabs-muted);background:transparent;font:750 .78rem/1 var(--td-font-family, Inter, ui-sans-serif, system-ui, sans-serif);white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:color .13s ease,background .13s ease}.td-tabs--stretch .td-tabs__tab{min-width:0;flex:1 1 0}.td-tabs__tab:hover:not(:disabled){color:var(--td-tabs-accent)}.td-tabs__tab:focus-visible{outline:2px solid var(--td-tabs-accent);outline-offset:-2px}.td-tabs__tab:disabled{opacity:.42;cursor:not-allowed}.td-tabs__tab small{min-width:1.25rem;border-radius:var(--td-radius-pill, 999px);padding:.22rem .38rem;color:var(--td-tabs-muted);background:var(--td-tabs-soft);font-size:.58rem}.td-tabs--linea .td-tabs__header,.td-tabs--linea .td-tabs__actions--header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--linea .td-tabs__tab:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:var(--td-radius-pill, 999px) var(--td-radius-pill, 999px) 0 0;background:transparent;content:\"\"}.td-tabs--linea .td-tabs__tab--active{color:var(--td-tabs-accent)}.td-tabs--linea .td-tabs__tab--active:after{background:var(--td-tabs-accent)}.td-tabs--pastilla .td-tabs__list{gap:.3rem;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .8rem);padding:.28rem;background:var(--td-tabs-soft)}.td-tabs--pastilla .td-tabs__tab{min-height:2.35rem;border-radius:.58rem}.td-tabs--pastilla .td-tabs__tab--active{color:var(--td-tabs-accent);background:var(--td-tabs-bg);box-shadow:var(--td-shadow-sm, 0 3px 10px rgba(15, 23, 42, .08))}.td-tabs--contenida{overflow:hidden;border:1px solid var(--td-tabs-border);border-radius:var(--td-radius-lg, .9rem);background:var(--td-tabs-bg)}.td-tabs--contenida .td-tabs__list{padding:0 .45rem;background:transparent}.td-tabs--contenida .td-tabs__header{border-bottom:1px solid var(--td-tabs-border)}.td-tabs--contenida .td-tabs__tab--active{color:var(--td-tabs-accent);background:transparent}.td-tabs--contenida .td-tabs__panel{padding:1rem 1.25rem}.td-tabs--contenida .td-tabs__actions--footer{border-top:1px solid var(--td-tabs-border);padding:.6rem 1.25rem .85rem}.td-tabs__panel{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;height:var(--td-tabs-panel-height, auto);padding-top:1.15rem;animation:td-tabs-panel-in .14s ease-out}.td-tabs--panel-scrollable .td-tabs__panel{overflow:auto;overscroll-behavior:contain}.td-tabs--scroll-content .td-tabs__panel{height:var(--td-tabs-panel-height, min(60dvh, 36rem));max-height:var(--td-tabs-panel-height, min(60dvh, 36rem));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.td-tabs--actions-footer .td-tabs__panel{height:auto;max-height:var(--td-tabs-panel-height, none)}@keyframes td-tabs-panel-in{0%{opacity:0;transform:translateY(.18rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.td-tabs__panel{animation:none}}@media(max-width:600px){.td-tabs{grid-template-columns:minmax(0,1fr)}.td-tabs__header{grid-column:1/-1;flex-wrap:wrap;gap:.5rem}.td-tabs__list{flex-basis:100%;justify-content:flex-start!important}.td-tabs__actions--header{grid-column:1/-1;grid-row:1;width:100%;justify-content:flex-start;overflow-x:auto;padding-inline:0;scrollbar-width:none}.td-tabs:not(.td-tabs--actions-footer) .td-tabs__header{grid-row:2}.td-tabs__actions::-webkit-scrollbar{display:none}.td-tabs__actions--footer{flex-wrap:wrap;justify-content:stretch;padding-top:.75rem}.td-tabs__actions--footer ::ng-deep td-button{flex:1 1 auto}.td-tabs--stretch .td-tabs__tab{min-width:max-content;min-height:2.75rem;flex:0 0 auto}.td-tabs--contenida .td-tabs__list{padding-inline:.25rem}}\n"] }]
|
|
8449
8618
|
}], propDecorators: { tabQuery: [{
|
|
8450
8619
|
type: ContentChildren,
|
|
8451
8620
|
args: [TdTab]
|
|
@@ -8473,6 +8642,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8473
8642
|
type: Input
|
|
8474
8643
|
}], scrollableContent: [{
|
|
8475
8644
|
type: Input
|
|
8645
|
+
}], scrollMode: [{
|
|
8646
|
+
type: Input
|
|
8476
8647
|
}], actionsPlacement: [{
|
|
8477
8648
|
type: Input
|
|
8478
8649
|
}], selectedIndexChange: [{
|
|
@@ -8832,5 +9003,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
8832
9003
|
* Generated bundle index. Do not edit.
|
|
8833
9004
|
*/
|
|
8834
9005
|
|
|
8835
|
-
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 };
|
|
9006
|
+
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 };
|
|
8836
9007
|
//# sourceMappingURL=telcomdev-ui.mjs.map
|