@tedi-design-system/angular 6.5.0-rc.11 → 6.5.0-rc.13
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.
- package/community/index.d.ts +18 -0
- package/community/index.d.ts.map +1 -1
- package/fesm2022/tedi-design-system-angular-community.mjs +18 -0
- package/fesm2022/tedi-design-system-angular-community.mjs.map +1 -1
- package/fesm2022/tedi-design-system-angular-tedi.mjs +407 -9
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/package.json +1 -1
- package/tedi/index.d.ts +248 -5
- package/tedi/index.d.ts.map +1 -1
package/package.json
CHANGED
package/tedi/index.d.ts
CHANGED
|
@@ -112,6 +112,21 @@ declare class ButtonComponent {
|
|
|
112
112
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "[tedi-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof BaseButtonDirective; inputs: {}; outputs: {}; }]>;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
+
/**
|
|
116
|
+
* Interactive wrapper around a `tedi-card`. Apply to an anchor (with `href`
|
|
117
|
+
* or `routerLink`) for navigation or to a button for actions — the host
|
|
118
|
+
* element provides the interaction semantics and applies the hover, active,
|
|
119
|
+
* focus and disabled states to the card and its blocks inside.
|
|
120
|
+
*
|
|
121
|
+
* Only a projected `tedi-card` is rendered — other content is ignored. The
|
|
122
|
+
* card may use any card sub-components (content, rows, icon cells). Do not
|
|
123
|
+
* place other interactive elements inside.
|
|
124
|
+
*/
|
|
125
|
+
declare class CardButtonComponent {
|
|
126
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardButtonComponent, never>;
|
|
127
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardButtonComponent, "a[tedi-card-button], button[tedi-card-button]", never, {}, {}, never, ["tedi-card"], true, never>;
|
|
128
|
+
}
|
|
129
|
+
|
|
115
130
|
/**
|
|
116
131
|
* Grid breakpoints in `rem`, mirroring `$grid-breakpoints` in
|
|
117
132
|
* `@tedi-design-system/core`. `rem` is used (instead of `px`) so breakpoints
|
|
@@ -1385,6 +1400,9 @@ declare class AlertComponent {
|
|
|
1385
1400
|
icon: _angular_core.InputSignal<string>;
|
|
1386
1401
|
/**
|
|
1387
1402
|
* If true, a close button will be displayed.
|
|
1403
|
+
*
|
|
1404
|
+
* Ignored when a `[tedi-alert-action]` element is projected — the action
|
|
1405
|
+
* slot wins, and is responsible for any close affordance it wants to expose.
|
|
1388
1406
|
* @default false
|
|
1389
1407
|
*/
|
|
1390
1408
|
showClose: _angular_core.InputSignal<boolean>;
|
|
@@ -1431,7 +1449,7 @@ declare class AlertComponent {
|
|
|
1431
1449
|
}>;
|
|
1432
1450
|
handleClose(): void;
|
|
1433
1451
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
1434
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "tedi-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "titleElement": { "alias": "titleElement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeClick": "closeClick"; }, never, ["*"], true, never>;
|
|
1452
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "tedi-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "titleElement": { "alias": "titleElement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeClick": "closeClick"; }, never, ["[tedi-alert-action]", "*"], true, never>;
|
|
1435
1453
|
}
|
|
1436
1454
|
|
|
1437
1455
|
declare const TOAST_DEFAULT_DURATION = 6000;
|
|
@@ -1815,6 +1833,204 @@ declare class ClosingButtonComponent {
|
|
|
1815
1833
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClosingButtonComponent, "button[tedi-closing-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1816
1834
|
}
|
|
1817
1835
|
|
|
1836
|
+
type CardBorderPlacement = "top" | "left";
|
|
1837
|
+
type CardBackground = "primary" | "secondary" | "tertiary" | "accent" | "brand-primary" | "brand-secondary" | "brand-tertiary" | "brand-quaternary" | "danger-primary" | "danger-secondary" | "success-primary" | "success-secondary" | "info-primary" | "info-secondary" | "warning-primary" | "warning-secondary" | "neutral-primary" | "neutral-secondary";
|
|
1838
|
+
type CardBorderType = `${CardBorderPlacement}-${CardBackground}` | CardBackground;
|
|
1839
|
+
type CardPaddingNumber = 0 | 0.25 | 0.5 | 0.75 | 1 | 1.25 | 1.5 | 2 | 2.5 | 3;
|
|
1840
|
+
type CardPadding = CardPaddingNumber | {
|
|
1841
|
+
vertical: CardPaddingNumber;
|
|
1842
|
+
horizontal: CardPaddingNumber;
|
|
1843
|
+
} | {
|
|
1844
|
+
top?: CardPaddingNumber;
|
|
1845
|
+
right?: CardPaddingNumber;
|
|
1846
|
+
bottom?: CardPaddingNumber;
|
|
1847
|
+
left?: CardPaddingNumber;
|
|
1848
|
+
};
|
|
1849
|
+
type CardBorderRadius = false | {
|
|
1850
|
+
top?: boolean;
|
|
1851
|
+
right?: boolean;
|
|
1852
|
+
bottom?: boolean;
|
|
1853
|
+
left?: boolean;
|
|
1854
|
+
topLeft?: boolean;
|
|
1855
|
+
topRight?: boolean;
|
|
1856
|
+
bottomRight?: boolean;
|
|
1857
|
+
bottomLeft?: boolean;
|
|
1858
|
+
};
|
|
1859
|
+
type CardResolvedCorners = {
|
|
1860
|
+
topLeft: boolean;
|
|
1861
|
+
topRight: boolean;
|
|
1862
|
+
bottomRight: boolean;
|
|
1863
|
+
bottomLeft: boolean;
|
|
1864
|
+
};
|
|
1865
|
+
declare function getCardBorderPlacementColor(border?: CardBorderType): [CardBorderPlacement | undefined, CardBackground | undefined];
|
|
1866
|
+
declare function getPaddingCssVariables(padding: CardPadding): Record<string, string>;
|
|
1867
|
+
declare function resolveCardBorderRadius(config?: CardBorderRadius): CardResolvedCorners;
|
|
1868
|
+
|
|
1869
|
+
type CardInputs = {
|
|
1870
|
+
background?: CardBackground;
|
|
1871
|
+
padding?: CardPadding;
|
|
1872
|
+
borderRadius?: CardBorderRadius;
|
|
1873
|
+
borderless?: boolean;
|
|
1874
|
+
border?: CardBorderType;
|
|
1875
|
+
};
|
|
1876
|
+
/**
|
|
1877
|
+
* Card is a container for grouping related content. Compose it from
|
|
1878
|
+
* `tedi-card-header`, `tedi-card-content` and `tedi-card-notification` blocks.
|
|
1879
|
+
* `background` and `padding` set here act as defaults for all child blocks.
|
|
1880
|
+
*/
|
|
1881
|
+
declare class CardComponent implements BreakpointInputs<CardInputs> {
|
|
1882
|
+
/**
|
|
1883
|
+
* Default background color for child content blocks.
|
|
1884
|
+
*/
|
|
1885
|
+
background: _angular_core.InputSignal<CardBackground | undefined>;
|
|
1886
|
+
/**
|
|
1887
|
+
* Default padding for child content blocks.
|
|
1888
|
+
* Value is either a predefined number in rems or an object of
|
|
1889
|
+
* vertical/horizontal or top/right/bottom/left number values in rems.
|
|
1890
|
+
*/
|
|
1891
|
+
padding: _angular_core.InputSignal<CardPadding | undefined>;
|
|
1892
|
+
/**
|
|
1893
|
+
* Controls card border radius.
|
|
1894
|
+
* Accepts `false` to remove all radius or an object to control
|
|
1895
|
+
* sides or individual corners. Corner values take precedence over sides.
|
|
1896
|
+
*/
|
|
1897
|
+
borderRadius: _angular_core.InputSignal<CardBorderRadius | undefined>;
|
|
1898
|
+
/**
|
|
1899
|
+
* Removes border from card.
|
|
1900
|
+
* @default false
|
|
1901
|
+
*/
|
|
1902
|
+
borderless: _angular_core.InputSignal<boolean | undefined>;
|
|
1903
|
+
/**
|
|
1904
|
+
* Type of border. Plain background value colors the whole border,
|
|
1905
|
+
* `top-` or `left-` prefixed value draws a thick accent border on that side.
|
|
1906
|
+
*/
|
|
1907
|
+
border: _angular_core.InputSignal<CardBorderType | undefined>;
|
|
1908
|
+
xs: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1909
|
+
sm: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1910
|
+
md: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1911
|
+
lg: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1912
|
+
xl: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1913
|
+
xxl: _angular_core.InputSignal<CardInputs | undefined>;
|
|
1914
|
+
private breakpointService;
|
|
1915
|
+
breakpointInputs: _angular_core.Signal<CardInputs>;
|
|
1916
|
+
classes: _angular_core.Signal<string>;
|
|
1917
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
1918
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "tedi-card", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1919
|
+
}
|
|
1920
|
+
|
|
1921
|
+
type CardContentInputs = {
|
|
1922
|
+
background?: CardBackground;
|
|
1923
|
+
padding?: CardPadding;
|
|
1924
|
+
backgroundImage?: string;
|
|
1925
|
+
backgroundPosition?: string;
|
|
1926
|
+
backgroundSize?: string;
|
|
1927
|
+
backgroundRepeat?: string;
|
|
1928
|
+
autoWidth?: boolean;
|
|
1929
|
+
};
|
|
1930
|
+
/**
|
|
1931
|
+
* Content block of a card. Inherits unset `background` and `padding`
|
|
1932
|
+
* from the parent `tedi-card`.
|
|
1933
|
+
*/
|
|
1934
|
+
declare class CardContentComponent implements BreakpointInputs<CardContentInputs> {
|
|
1935
|
+
/**
|
|
1936
|
+
* Background color.
|
|
1937
|
+
* @default primary
|
|
1938
|
+
*/
|
|
1939
|
+
background: _angular_core.InputSignal<CardBackground | undefined>;
|
|
1940
|
+
/**
|
|
1941
|
+
* Content padding.
|
|
1942
|
+
* Value is either a predefined number in rems or an object of
|
|
1943
|
+
* vertical/horizontal or top/right/bottom/left number values in rems.
|
|
1944
|
+
* @default 1
|
|
1945
|
+
*/
|
|
1946
|
+
padding: _angular_core.InputSignal<CardPadding | undefined>;
|
|
1947
|
+
/**
|
|
1948
|
+
* Background image url.
|
|
1949
|
+
*/
|
|
1950
|
+
backgroundImage: _angular_core.InputSignal<string | undefined>;
|
|
1951
|
+
/**
|
|
1952
|
+
* Background position for the image.
|
|
1953
|
+
*/
|
|
1954
|
+
backgroundPosition: _angular_core.InputSignal<string | undefined>;
|
|
1955
|
+
/**
|
|
1956
|
+
* Background size for the image.
|
|
1957
|
+
*/
|
|
1958
|
+
backgroundSize: _angular_core.InputSignal<string | undefined>;
|
|
1959
|
+
/**
|
|
1960
|
+
* Background repeat for the image.
|
|
1961
|
+
*/
|
|
1962
|
+
backgroundRepeat: _angular_core.InputSignal<string | undefined>;
|
|
1963
|
+
/**
|
|
1964
|
+
* Takes only as much width as its content needs instead of growing.
|
|
1965
|
+
* Useful for icon or date cells inside `tedi-card-row`.
|
|
1966
|
+
* @default false
|
|
1967
|
+
*/
|
|
1968
|
+
autoWidth: _angular_core.InputSignal<boolean | undefined>;
|
|
1969
|
+
xs: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1970
|
+
sm: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1971
|
+
md: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1972
|
+
lg: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1973
|
+
xl: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1974
|
+
xxl: _angular_core.InputSignal<CardContentInputs | undefined>;
|
|
1975
|
+
protected blockClass: string;
|
|
1976
|
+
protected defaultBackground: CardBackground;
|
|
1977
|
+
private breakpointService;
|
|
1978
|
+
private card;
|
|
1979
|
+
breakpointInputs: _angular_core.Signal<CardContentInputs>;
|
|
1980
|
+
classes: _angular_core.Signal<string>;
|
|
1981
|
+
styles: _angular_core.Signal<Record<string, string>>;
|
|
1982
|
+
protected inheritedBackground(): CardBackground | undefined;
|
|
1983
|
+
protected defaultPadding(): CardPadding;
|
|
1984
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContentComponent, never>;
|
|
1985
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContentComponent, "tedi-card-content", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "backgroundImage": { "alias": "backgroundImage"; "required": false; "isSignal": true; }; "backgroundPosition": { "alias": "backgroundPosition"; "required": false; "isSignal": true; }; "backgroundSize": { "alias": "backgroundSize"; "required": false; "isSignal": true; }; "backgroundRepeat": { "alias": "backgroundRepeat"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1986
|
+
}
|
|
1987
|
+
|
|
1988
|
+
type CardIconType = "default" | "brand";
|
|
1989
|
+
type CardIconSize = "default" | "small";
|
|
1990
|
+
/**
|
|
1991
|
+
* Icon cell for a card row. The projected icon is aligned to the top of the
|
|
1992
|
+
* cell and inherits the cell color. Pair the small size with a 16px icon.
|
|
1993
|
+
*/
|
|
1994
|
+
declare class CardIconComponent extends CardContentComponent {
|
|
1995
|
+
/**
|
|
1996
|
+
* Visual type of the icon cell.
|
|
1997
|
+
* @default default
|
|
1998
|
+
*/
|
|
1999
|
+
type: _angular_core.InputSignal<CardIconType>;
|
|
2000
|
+
/**
|
|
2001
|
+
* Size of the icon cell.
|
|
2002
|
+
* @default default
|
|
2003
|
+
*/
|
|
2004
|
+
size: _angular_core.InputSignal<CardIconSize>;
|
|
2005
|
+
protected blockClass: string;
|
|
2006
|
+
protected inheritedBackground(): CardBackground | undefined;
|
|
2007
|
+
protected defaultPadding(): CardPadding;
|
|
2008
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardIconComponent, never>;
|
|
2009
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardIconComponent, "tedi-card-icon", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
2010
|
+
}
|
|
2011
|
+
|
|
2012
|
+
/**
|
|
2013
|
+
* Lays out card content cells horizontally inside a card.
|
|
2014
|
+
* Place a `tedi-separator` between cells (vertical, `size="auto"`) or
|
|
2015
|
+
* between rows (horizontal) to draw dividers.
|
|
2016
|
+
*/
|
|
2017
|
+
declare class CardRowComponent {
|
|
2018
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardRowComponent, never>;
|
|
2019
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardRowComponent, "tedi-card-row", never, {}, {}, never, ["*"], true, never>;
|
|
2020
|
+
}
|
|
2021
|
+
|
|
2022
|
+
/**
|
|
2023
|
+
* Header block of a card. Same API as `tedi-card-content`, but defaults to
|
|
2024
|
+
* the brand-primary background and does not inherit background from the card.
|
|
2025
|
+
*/
|
|
2026
|
+
declare class CardHeaderComponent extends CardContentComponent {
|
|
2027
|
+
protected blockClass: string;
|
|
2028
|
+
protected defaultBackground: CardBackground;
|
|
2029
|
+
protected inheritedBackground(): CardBackground | undefined;
|
|
2030
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
|
|
2031
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "tedi-card-header", never, {}, {}, never, ["*"], true, never>;
|
|
2032
|
+
}
|
|
2033
|
+
|
|
1818
2034
|
type BulletColor = "primary" | "secondary" | "tertiary" | "brand" | "brand-dark" | "success" | "warning" | "warning-dark" | "danger" | "white";
|
|
1819
2035
|
declare class ListComponent {
|
|
1820
2036
|
/**
|
|
@@ -5455,28 +5671,55 @@ declare class SeparatorComponent {
|
|
|
5455
5671
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeparatorComponent, "tedi-separator", never, { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dotSize": { "alias": "dotSize"; "required": false; "isSignal": true; }; "dotFilled": { "alias": "dotFilled"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
5456
5672
|
}
|
|
5457
5673
|
|
|
5674
|
+
/**
|
|
5675
|
+
* Marks content that is pinned to the bottom of a timeline item's timings
|
|
5676
|
+
* column on desktop and rendered after the item content on mobile.
|
|
5677
|
+
*
|
|
5678
|
+
* Usage: `<p *tediTimelineTimingsBottom>Muudetud 08.02.2024</p>`
|
|
5679
|
+
*/
|
|
5680
|
+
declare class TimelineTimingsBottomDirective {
|
|
5681
|
+
templateRef: TemplateRef<any>;
|
|
5682
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineTimingsBottomDirective, never>;
|
|
5683
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TimelineTimingsBottomDirective, "[tediTimelineTimingsBottom]", never, {}, {}, never, never, true, never>;
|
|
5684
|
+
}
|
|
5685
|
+
|
|
5458
5686
|
type TimelineItemState = "current" | "past" | "future";
|
|
5459
5687
|
declare class TimelineItemComponent implements OnInit, OnDestroy {
|
|
5460
5688
|
/** Item timings */
|
|
5461
5689
|
timings: _angular_core.InputSignal<string[]>;
|
|
5462
5690
|
timeline: TimelineComponent | null;
|
|
5691
|
+
protected isMobile: _angular_core.Signal<boolean>;
|
|
5692
|
+
protected timingsBottom: _angular_core.Signal<TimelineTimingsBottomDirective | undefined>;
|
|
5463
5693
|
ngOnInit(): void;
|
|
5464
5694
|
ngOnDestroy(): void;
|
|
5465
5695
|
isLast: _angular_core.Signal<boolean>;
|
|
5466
5696
|
state: _angular_core.Signal<TimelineItemState>;
|
|
5467
5697
|
color: _angular_core.Signal<SeparatorColor>;
|
|
5468
5698
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineItemComponent, never>;
|
|
5469
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItemComponent, "tedi-timeline-item", never, { "timings": { "alias": "timings"; "required": false; "isSignal": true; }; }, {},
|
|
5699
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineItemComponent, "tedi-timeline-item", never, { "timings": { "alias": "timings"; "required": false; "isSignal": true; }; }, {}, ["timingsBottom"], ["tedi-timeline-title", "tedi-timeline-description", "*"], true, never>;
|
|
5470
5700
|
}
|
|
5471
5701
|
|
|
5702
|
+
type TimelineVariant = "default" | "card";
|
|
5703
|
+
type TimelineCardPadding = CardPaddingNumber;
|
|
5472
5704
|
declare class TimelineComponent {
|
|
5473
5705
|
/** Index of active item */
|
|
5474
5706
|
activeIndex: _angular_core.InputSignal<number | undefined>;
|
|
5707
|
+
/**
|
|
5708
|
+
* Visual variant. "card" wraps the timeline in the borders and paddings
|
|
5709
|
+
* of a card.
|
|
5710
|
+
* @default default
|
|
5711
|
+
*/
|
|
5712
|
+
variant: _angular_core.InputSignal<TimelineVariant>;
|
|
5713
|
+
/**
|
|
5714
|
+
* Item padding in rems for the card variant.
|
|
5715
|
+
* @default 1
|
|
5716
|
+
*/
|
|
5717
|
+
cardPadding: _angular_core.InputSignal<CardPaddingNumber | undefined>;
|
|
5475
5718
|
items: _angular_core.WritableSignal<TimelineItemComponent[]>;
|
|
5476
5719
|
registerItem(item: TimelineItemComponent): void;
|
|
5477
5720
|
unregisterItem(item: TimelineItemComponent): void;
|
|
5478
5721
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimelineComponent, never>;
|
|
5479
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "tedi-timeline", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
5722
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimelineComponent, "tedi-timeline", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "cardPadding": { "alias": "cardPadding"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
5480
5723
|
}
|
|
5481
5724
|
|
|
5482
5725
|
declare class TimelineDescriptionComponent {
|
|
@@ -6547,6 +6790,6 @@ declare const TEDI_THEME_DEFAULT_TOKEN: InjectionToken<string>;
|
|
|
6547
6790
|
|
|
6548
6791
|
declare const TEDI_TRANSLATION_DEFAULT_TOKEN: InjectionToken<Language>;
|
|
6549
6792
|
|
|
6550
|
-
export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, calculateArrowOffset, createTablePersistence, generateUUID, getPlacementFromPositionChange, groupRowSpan, injectTediTableContext, provideTedi, toConnectedPositions, usePagination };
|
|
6551
|
-
export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonSize, ButtonVariant, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderLanguage, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
|
|
6793
|
+
export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreakpointService, ButtonComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoutComponent, HeaderProfileComponent, HeaderRoleComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TEDI_FORM_FIELD_CONTROL, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, breakpointInput, calculateArrowOffset, createTablePersistence, generateUUID, getCardBorderPlacementColor, getPaddingCssVariables, getPlacementFromPositionChange, groupRowSpan, injectTediTableContext, provideTedi, resolveCardBorderRadius, toConnectedPositions, usePagination };
|
|
6794
|
+
export type { AlertRole, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonSize, ButtonVariant, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderLanguage, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TagEllipsis, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
|
|
6552
6795
|
//# sourceMappingURL=index.d.ts.map
|