@tedi-design-system/angular 6.3.1 → 6.4.0-rc.1
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/fesm2022/tedi-design-system-angular-tedi.mjs +117 -84
- package/fesm2022/tedi-design-system-angular-tedi.mjs.map +1 -1
- package/package.json +1 -1
- package/tedi/components/cards/accordion/accordion/index.d.ts +2 -0
- package/tedi/components/cards/accordion/accordion/index.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts +27 -64
- package/tedi/components/cards/accordion/accordion-item/accordion-item.component.d.ts.map +1 -1
- package/tedi/components/cards/accordion/accordion-item/index.d.ts +2 -0
- package/tedi/components/cards/accordion/accordion-item/index.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts +15 -0
- package/tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item-content/index.d.ts +2 -0
- package/tedi/components/cards/accordion/accordion-item-content/index.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts +45 -0
- package/tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts.map +1 -0
- package/tedi/components/cards/accordion/accordion-item-header/index.d.ts +2 -0
- package/tedi/components/cards/accordion/accordion-item-header/index.d.ts.map +1 -0
- package/tedi/components/cards/accordion/index.d.ts +4 -2
- package/tedi/components/cards/accordion/index.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -1,90 +1,53 @@
|
|
|
1
1
|
import { OnInit } from "@angular/core";
|
|
2
2
|
import { _IdGenerator } from "@angular/cdk/a11y";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* A single item inside a `tedi-accordion`. Owns the item's state (expanded)
|
|
6
|
+
* and the inputs shared by header and content (selected, showIconCard,
|
|
7
|
+
* defaultExpanded).
|
|
8
|
+
*
|
|
9
|
+
* Header-related configuration lives on `tedi-accordion-item-header`; body
|
|
10
|
+
* styling lives on `tedi-accordion-item-content`.
|
|
11
|
+
*
|
|
12
|
+
* Use together with the header and content children:
|
|
13
|
+
*
|
|
14
|
+
* ```html
|
|
15
|
+
* <tedi-accordion-item>
|
|
16
|
+
* <tedi-accordion-item-header>
|
|
17
|
+
* <span tedi-accordion-title>Title</span>
|
|
18
|
+
* </tedi-accordion-item-header>
|
|
19
|
+
* <tedi-accordion-item-content>Content</tedi-accordion-item-content>
|
|
20
|
+
* </tedi-accordion-item>
|
|
21
|
+
* ```
|
|
22
|
+
*
|
|
23
|
+
* The optional `[tedi-accordion-icon-card]` slot is projected as a direct
|
|
24
|
+
* child of the item (not inside the header), because it occupies its own
|
|
25
|
+
* column in the item's grid layout.
|
|
26
|
+
*/
|
|
4
27
|
export declare class AccordionItemComponent implements OnInit {
|
|
5
28
|
readonly idGenerator: _IdGenerator;
|
|
6
|
-
readonly
|
|
29
|
+
readonly contentId: string;
|
|
7
30
|
readonly headerId: string;
|
|
8
|
-
/**
|
|
9
|
-
* If false, disables header toggling and enables using interactive elements in the accordion header.
|
|
10
|
-
*/
|
|
11
|
-
headerClickable: import("@angular/core").InputSignal<boolean>;
|
|
12
|
-
/** The title of the accordion item. */
|
|
13
|
-
title: import("@angular/core").InputSignal<string>;
|
|
14
|
-
/**
|
|
15
|
-
* Sets how the accordion title stretches horizontally.
|
|
16
|
-
* `hug` - container sizes to its content.
|
|
17
|
-
* `fill` - container expands to available space, moving any trailing elements to the end.
|
|
18
|
-
*/
|
|
19
|
-
titleLayout: import("@angular/core").InputSignal<"fill" | "hug">;
|
|
20
|
-
/**
|
|
21
|
-
* Whether the title is rendered as separate text in the accordion header.
|
|
22
|
-
* If false and `showExpandLabel` is true, the title is used as the expand button label.
|
|
23
|
-
*/
|
|
24
|
-
showSeparateTitle: import("@angular/core").InputSignal<boolean>;
|
|
25
|
-
/** Label shown when accordion is collapsed */
|
|
26
|
-
openLabel: import("@angular/core").InputSignal<string>;
|
|
27
|
-
/** Label shown when accordion is expanded */
|
|
28
|
-
closeLabel: import("@angular/core").InputSignal<string>;
|
|
29
|
-
/**
|
|
30
|
-
* Controls whether the expand/collapse label is shown.
|
|
31
|
-
*/
|
|
32
|
-
showExpandLabel: import("@angular/core").InputSignal<boolean>;
|
|
33
|
-
/**
|
|
34
|
-
* Controls whether the default expand/collapse action is shown.
|
|
35
|
-
*/
|
|
36
|
-
showDefaultExpandAction: import("@angular/core").InputSignal<boolean>;
|
|
37
|
-
/**
|
|
38
|
-
* Position of the expand action relative to the header content.
|
|
39
|
-
*/
|
|
40
|
-
expandActionPosition: import("@angular/core").InputSignal<"end" | "start">;
|
|
41
31
|
/**
|
|
42
32
|
* Whether the accordion item is expanded initially.
|
|
43
33
|
* Does not control the expanded state after initialization.
|
|
44
34
|
*/
|
|
45
35
|
defaultExpanded: import("@angular/core").InputSignal<boolean>;
|
|
46
|
-
/** Optional description text shown in the header */
|
|
47
|
-
description: import("@angular/core").InputSignal<string | undefined>;
|
|
48
|
-
/**
|
|
49
|
-
* Position of the description relative to the title.
|
|
50
|
-
*/
|
|
51
|
-
descriptionPosition: import("@angular/core").InputSignal<"end" | "start" | "both">;
|
|
52
36
|
/**
|
|
53
|
-
* Enables the icon-card layout variant.
|
|
37
|
+
* Enables the icon-card layout variant. Affects both header and content
|
|
38
|
+
* styling, so it lives on the item.
|
|
54
39
|
*/
|
|
55
40
|
showIconCard: import("@angular/core").InputSignal<boolean>;
|
|
56
41
|
/**
|
|
57
42
|
* Marks the accordion item as selected.
|
|
58
43
|
*/
|
|
59
44
|
selected: import("@angular/core").InputSignal<boolean>;
|
|
60
|
-
/**
|
|
61
|
-
* Custom CSS classes for the accordion header.
|
|
62
|
-
*/
|
|
63
|
-
headerClass: import("@angular/core").InputSignal<string | null>;
|
|
64
|
-
/**
|
|
65
|
-
* Custom CSS classes for the accordion body.
|
|
66
|
-
*/
|
|
67
|
-
bodyClass: import("@angular/core").InputSignal<string | null>;
|
|
68
45
|
expanded: import("@angular/core").ModelSignal<boolean>;
|
|
69
46
|
private readonly accordion;
|
|
70
47
|
ngOnInit(): void;
|
|
71
48
|
toggle(): void;
|
|
72
49
|
setExpanded(value: boolean): void;
|
|
73
|
-
expandLabel: import("@angular/core").Signal<string>;
|
|
74
|
-
showStartExpandAction: import("@angular/core").Signal<boolean>;
|
|
75
|
-
showEndExpandAction: import("@angular/core").Signal<boolean>;
|
|
76
|
-
readonly headerClasses: import("@angular/core").Signal<{
|
|
77
|
-
"tedi-accordion__header--hoverable": boolean;
|
|
78
|
-
"tedi-accordion__header--expanded": boolean;
|
|
79
|
-
"tedi-accordion__header--with-icon-card": boolean;
|
|
80
|
-
"tedi-accordion__header": boolean;
|
|
81
|
-
}>;
|
|
82
|
-
readonly bodyClasses: import("@angular/core").Signal<{
|
|
83
|
-
"tedi-accordion__body--with-icon-card": boolean;
|
|
84
|
-
"tedi-accordion__body": boolean;
|
|
85
|
-
}>;
|
|
86
|
-
hideTitleFromSR: import("@angular/core").Signal<boolean>;
|
|
87
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
|
|
88
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "tedi-accordion-item", never, { "
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "tedi-accordion-item", never, { "defaultExpanded": { "alias": "defaultExpanded"; "required": false; "isSignal": true; }; "showIconCard": { "alias": "showIconCard"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["[tedi-accordion-icon-card]", "tedi-accordion-item-header", "tedi-accordion-item-content"], true, never>;
|
|
89
52
|
}
|
|
90
53
|
//# sourceMappingURL=accordion-item.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item/accordion-item.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion-item.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item/accordion-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,MAAM,EAGP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;;AAGjD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBASa,sBAAuB,YAAW,MAAM;IACnD,QAAQ,CAAC,WAAW,eAAwB;IAC5C,QAAQ,CAAC,SAAS,SAAoD;IACtE,QAAQ,CAAC,QAAQ,SAAmD;IAEpE;;;OAGG;IACH,eAAe,+CAAgB;IAC/B;;;OAGG;IACH,YAAY,+CAAgB;IAC5B;;OAEG;IACH,QAAQ,+CAAgB;IAExB,QAAQ,+CAAgB;IAExB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAkD;IAE5E,QAAQ;IAIR,MAAM;IAIN,WAAW,CAAC,KAAK,EAAE,OAAO;yCAhCf,sBAAsB;2CAAtB,sBAAsB;CAoClC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}
|
package/tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { AccordionItemComponent } from "../accordion-item/accordion-item.component";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AccordionItemContentComponent {
|
|
4
|
+
protected readonly item: AccordionItemComponent;
|
|
5
|
+
/**
|
|
6
|
+
* Custom CSS classes for the accordion content.
|
|
7
|
+
*/
|
|
8
|
+
contentClass: import("@angular/core").InputSignal<string | null>;
|
|
9
|
+
readonly headerId: string;
|
|
10
|
+
readonly contentId: string;
|
|
11
|
+
readonly expanded: import("@angular/core").ModelSignal<boolean>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemContentComponent, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemContentComponent, "tedi-accordion-item-content", never, { "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=accordion-item-content.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-item-content.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item-content/accordion-item-content.component.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;;AAEpF,qBAmBa,6BAA6B;IACxC,SAAS,CAAC,QAAQ,CAAC,IAAI,yBAAkC;IAEzD;;OAEG;IACH,YAAY,qDAA8B;IAE1C,QAAQ,CAAC,QAAQ,SAAsB;IACvC,QAAQ,CAAC,SAAS,SAAuB;IACzC,QAAQ,CAAC,QAAQ,+CAAsB;yCAV5B,6BAA6B;2CAA7B,6BAA6B;CAWzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC"}
|
package/tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.d.ts
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { AccordionItemComponent } from "../accordion-item/accordion-item.component";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AccordionItemHeaderComponent {
|
|
4
|
+
protected readonly item: AccordionItemComponent;
|
|
5
|
+
/**
|
|
6
|
+
* If false, disables header toggling and enables using interactive elements in the accordion header.
|
|
7
|
+
*/
|
|
8
|
+
headerClickable: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
/**
|
|
10
|
+
* Sets how the accordion title stretches horizontally.
|
|
11
|
+
* `hug` - container sizes to its content.
|
|
12
|
+
* `fill` - container expands to available space, moving any trailing elements to the end.
|
|
13
|
+
*/
|
|
14
|
+
titleLayout: import("@angular/core").InputSignal<"fill" | "hug">;
|
|
15
|
+
/** Label shown when accordion is collapsed */
|
|
16
|
+
openLabel: import("@angular/core").InputSignal<string>;
|
|
17
|
+
/** Label shown when accordion is expanded */
|
|
18
|
+
closeLabel: import("@angular/core").InputSignal<string>;
|
|
19
|
+
/**
|
|
20
|
+
* Controls whether the expand/collapse label is shown.
|
|
21
|
+
*/
|
|
22
|
+
showExpandLabel: import("@angular/core").InputSignal<boolean>;
|
|
23
|
+
/**
|
|
24
|
+
* Controls whether the default expand/collapse action is shown.
|
|
25
|
+
*/
|
|
26
|
+
showDefaultExpandAction: import("@angular/core").InputSignal<boolean>;
|
|
27
|
+
/**
|
|
28
|
+
* Position of the expand action relative to the header content.
|
|
29
|
+
*/
|
|
30
|
+
expandActionPosition: import("@angular/core").InputSignal<"end" | "start">;
|
|
31
|
+
/**
|
|
32
|
+
* Custom CSS classes for the accordion header.
|
|
33
|
+
*/
|
|
34
|
+
headerClass: import("@angular/core").InputSignal<string | null>;
|
|
35
|
+
readonly headerId: string;
|
|
36
|
+
readonly contentId: string;
|
|
37
|
+
readonly expanded: import("@angular/core").ModelSignal<boolean>;
|
|
38
|
+
readonly expandLabel: import("@angular/core").Signal<string>;
|
|
39
|
+
readonly showStartExpandAction: import("@angular/core").Signal<boolean>;
|
|
40
|
+
readonly showEndExpandAction: import("@angular/core").Signal<boolean>;
|
|
41
|
+
toggle(): void;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemHeaderComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemHeaderComponent, "tedi-accordion-item-header", never, { "headerClickable": { "alias": "headerClickable"; "required": false; "isSignal": true; }; "titleLayout": { "alias": "titleLayout"; "required": false; "isSignal": true; }; "openLabel": { "alias": "openLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "showExpandLabel": { "alias": "showExpandLabel"; "required": false; "isSignal": true; }; "showDefaultExpandAction": { "alias": "showDefaultExpandAction"; "required": false; "isSignal": true; }; "expandActionPosition": { "alias": "expandActionPosition"; "required": false; "isSignal": true; }; "headerClass": { "alias": "headerClass"; "required": false; "isSignal": true; }; }, {}, never, ["[tedi-accordion-start-action]", "[tedi-accordion-before-title]", "[tedi-accordion-title]", "[tedi-accordion-start-description]", "[tedi-accordion-after-title]", "[tedi-accordion-end-description]", "[tedi-accordion-end-action]"], true, never>;
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=accordion-item-header.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-item-header.component.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item-header/accordion-item-header.component.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;;AAEpF,qBAuBa,4BAA4B;IACvC,SAAS,CAAC,QAAQ,CAAC,IAAI,yBAAkC;IAEzD;;OAEG;IACH,eAAe,+CAAe;IAC9B;;;;OAIG;IACH,WAAW,sDAAgC;IAC3C,8CAA8C;IAC9C,SAAS,8CAAyB;IAClC,6CAA6C;IAC7C,UAAU,8CAA0B;IACpC;;OAEG;IACH,eAAe,+CAAe;IAC9B;;OAEG;IACH,uBAAuB,+CAAe;IACtC;;OAEG;IACH,oBAAoB,uDAAiC;IACrD;;OAEG;IACH,WAAW,qDAA8B;IAEzC,QAAQ,CAAC,QAAQ,SAAsB;IACvC,QAAQ,CAAC,SAAS,SAAuB;IACzC,QAAQ,CAAC,QAAQ,+CAAsB;IAEvC,QAAQ,CAAC,WAAW,yCAElB;IAEF,QAAQ,CAAC,qBAAqB,0CAG5B;IAEF,QAAQ,CAAC,mBAAmB,0CAG1B;IAEF,MAAM;yCApDK,4BAA4B;2CAA5B,4BAA4B;CAuDxC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../tedi/components/cards/accordion/accordion-item-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export * from "./accordion
|
|
2
|
-
export * from "./accordion-item
|
|
1
|
+
export * from "./accordion";
|
|
2
|
+
export * from "./accordion-item";
|
|
3
|
+
export * from "./accordion-item-header";
|
|
4
|
+
export * from "./accordion-item-content";
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/cards/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tedi/components/cards/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC"}
|