@scania/tegel 0.0.11 → 0.0.12
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/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +2 -2
- package/dist/cjs/tds-body-cell_2.cjs.entry.js +4 -8
- package/dist/cjs/tds-button.cjs.entry.js +4 -7
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-datetime.cjs.entry.js +3 -1
- package/dist/cjs/tds-dropdown-option.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown.cjs.entry.js +23 -6
- package/dist/cjs/tds-header-cell.cjs.entry.js +5 -5
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +6 -2
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -3
- package/dist/cjs/tds-table-body.cjs.entry.js +6 -9
- package/dist/cjs/tds-table-header.cjs.entry.js +5 -5
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/tds-table.cjs.entry.js +13 -9
- package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
- package/dist/cjs/tds-toast.cjs.entry.js +1 -1
- package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/banner/banner.css +1 -1
- package/dist/collection/components/banner/banner.js +4 -4
- package/dist/collection/components/banner/banner.stories.js +1 -1
- package/dist/collection/components/button/button.css +33 -4
- package/dist/collection/components/button/button.js +3 -6
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/datetime/datetime.js +38 -2
- package/dist/collection/components/datetime/datetime.stories.js +27 -3
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +1 -1
- package/dist/collection/components/dropdown/dropdown.js +30 -7
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +1 -1
- package/dist/collection/components/header/header-launcher/header-launcher.css +1 -1
- package/dist/collection/components/modal/modal.css +2 -2
- package/dist/collection/components/popover-canvas/popover-canvas.css +1 -1
- package/dist/collection/components/popover-menu/popover-menu.css +1 -1
- package/dist/collection/components/popover-menu/popover-menu.js +1 -1
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.css +8 -1
- package/dist/collection/components/side-menu/side-menu.css +12 -11
- package/dist/collection/components/side-menu/side-menu.js +8 -4
- package/dist/collection/components/table/table/table.js +19 -15
- package/dist/collection/components/table/table-body/table-body.js +8 -11
- package/dist/collection/components/table/table-body-row/table-body-row.css +2 -2
- package/dist/collection/components/table/table-body-row/table-body-row.js +4 -9
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +4 -0
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +0 -2
- package/dist/collection/components/table/table-component-basic.stories.js +1 -1
- package/dist/collection/components/table/table-component-batch-actions.stories.js +2 -2
- package/dist/collection/components/table/table-component-bodydata.stories.js +1 -1
- package/dist/collection/components/table/table-component-custom-width.stories.js +1 -1
- package/dist/collection/components/table/table-component-event-listeners.stories.js +1 -1
- package/dist/collection/components/table/table-component-expandable-rows.stories.js +2 -2
- package/dist/collection/components/table/table-component-filtering.stories.js +6 -4
- package/dist/collection/components/table/table-component-multiselect.stories.js +5 -5
- package/dist/collection/components/table/table-component-pagination.stories.js +1 -1
- package/dist/collection/components/table/table-component-sorting.stories.js +1 -1
- package/dist/collection/components/table/table-header/table-header.js +7 -7
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +7 -7
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +4 -4
- package/dist/collection/components/table/table.filtering.spec.js +1 -1
- package/dist/collection/components/text-field/text-field.css +8 -6
- package/dist/collection/components/toast/toast.css +1 -1
- package/dist/collection/components/tooltip/tooltip.css +1 -1
- package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +2 -1
- package/dist/components/popover-canvas.js +1 -1
- package/dist/components/table-body-row.js +5 -10
- package/dist/components/tds-banner.js +2 -2
- package/dist/components/tds-button.js +4 -7
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-datetime.js +5 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +23 -6
- package/dist/components/tds-header-cell.js +7 -7
- package/dist/components/tds-header-dropdown.js +1 -1
- package/dist/components/tds-header-launcher.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu.js +9 -5
- package/dist/components/tds-table-body-row-expandable.js +1 -3
- package/dist/components/tds-table-body.js +8 -11
- package/dist/components/tds-table-header.js +7 -7
- package/dist/components/tds-table-toolbar.js +3 -3
- package/dist/components/tds-table.js +16 -12
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-banner.entry.js +2 -2
- package/dist/esm/tds-body-cell_2.entry.js +4 -8
- package/dist/esm/tds-button.entry.js +4 -7
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-datetime.entry.js +3 -1
- package/dist/esm/tds-dropdown-option.entry.js +1 -1
- package/dist/esm/tds-dropdown.entry.js +23 -6
- package/dist/esm/tds-header-cell.entry.js +5 -5
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-popover-canvas.entry.js +1 -1
- package/dist/esm/tds-popover-menu.entry.js +1 -1
- package/dist/esm/tds-side-menu-overlay.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +6 -2
- package/dist/esm/tds-table-body-row-expandable.entry.js +1 -3
- package/dist/esm/tds-table-body.entry.js +6 -9
- package/dist/esm/tds-table-header.entry.js +5 -5
- package/dist/esm/tds-table-toolbar.entry.js +2 -2
- package/dist/esm/tds-table.entry.js +13 -9
- package/dist/esm/tds-text-field.entry.js +1 -1
- package/dist/esm/tds-toast.entry.js +1 -1
- package/dist/esm/tds-tooltip.entry.js +1 -1
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-129ad2a4.entry.js +1 -0
- package/dist/tegel/{p-2e5f6086.entry.js → p-13db5228.entry.js} +1 -1
- package/dist/tegel/p-24488e72.entry.js +1 -0
- package/dist/tegel/{p-1a907ae9.entry.js → p-284d950d.entry.js} +1 -1
- package/dist/tegel/p-28a07d46.entry.js +1 -0
- package/dist/tegel/p-39e17b32.entry.js +1 -0
- package/dist/tegel/p-5e0a3931.entry.js +1 -0
- package/dist/tegel/p-5e4b20ea.entry.js +1 -0
- package/dist/tegel/p-5ed7d376.entry.js +1 -0
- package/dist/tegel/p-6caac101.entry.js +1 -0
- package/dist/tegel/{p-43320d81.entry.js → p-76c000e3.entry.js} +1 -1
- package/dist/tegel/p-7a03d28c.entry.js +1 -0
- package/dist/tegel/p-7c35af1b.entry.js +1 -0
- package/dist/tegel/{p-f64ff692.entry.js → p-86028bac.entry.js} +1 -1
- package/dist/tegel/p-8e82be94.entry.js +1 -0
- package/dist/tegel/p-9f8aac62.entry.js +1 -0
- package/dist/tegel/p-afde572b.entry.js +1 -0
- package/dist/tegel/{p-65ab407b.entry.js → p-b63b9baa.entry.js} +1 -1
- package/dist/tegel/{p-cb5a4d7d.entry.js → p-c0ac4d0a.entry.js} +1 -1
- package/dist/tegel/p-c2566d65.entry.js +1 -0
- package/dist/tegel/p-d3c3633b.entry.js +1 -0
- package/dist/tegel/{p-0641ac24.entry.js → p-d735c39f.entry.js} +1 -1
- package/dist/tegel/p-fe4ac74c.entry.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/banner/banner.d.ts +1 -1
- package/dist/types/components/button/button.d.ts +0 -1
- package/dist/types/components/datetime/datetime.d.ts +5 -1
- package/dist/types/components/datetime/datetime.stories.d.ts +26 -0
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +2 -1
- package/dist/types/components/popover-menu/popover-menu.d.ts +4 -1
- package/dist/types/components/table/table/table.d.ts +6 -6
- package/dist/types/components/table/table-body/table-body.d.ts +2 -2
- package/dist/types/components/table/table-body-row/table-body-row.d.ts +1 -2
- package/dist/types/components/table/table-component-multiselect.stories.d.ts +2 -2
- package/dist/types/components/table/table-header/table-header.d.ts +2 -2
- package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +2 -2
- package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +1 -1
- package/dist/types/components.d.ts +43 -27
- package/package.json +1 -1
- package/dist/tegel/p-22b2c81a.entry.js +0 -1
- package/dist/tegel/p-2707da38.entry.js +0 -1
- package/dist/tegel/p-4163997b.entry.js +0 -1
- package/dist/tegel/p-44a2664d.entry.js +0 -1
- package/dist/tegel/p-49a084db.entry.js +0 -1
- package/dist/tegel/p-6200fc54.entry.js +0 -1
- package/dist/tegel/p-674009bd.entry.js +0 -1
- package/dist/tegel/p-79b1bb29.entry.js +0 -1
- package/dist/tegel/p-8c194dd8.entry.js +0 -1
- package/dist/tegel/p-8e745d73.entry.js +0 -1
- package/dist/tegel/p-cacdd03f.entry.js +0 -1
- package/dist/tegel/p-d5bd9b2e.entry.js +0 -1
- package/dist/tegel/p-da6f310c.entry.js +0 -1
- package/dist/tegel/p-e4d6a4c5.entry.js +0 -1
- package/dist/tegel/p-f36ec03b.entry.js +0 -1
- package/dist/tegel/p-fa30061f.entry.js +0 -1
|
@@ -70,6 +70,30 @@ declare const _default: {
|
|
|
70
70
|
};
|
|
71
71
|
};
|
|
72
72
|
};
|
|
73
|
+
minValue: {
|
|
74
|
+
description: string;
|
|
75
|
+
name: string;
|
|
76
|
+
control: {
|
|
77
|
+
type: string;
|
|
78
|
+
};
|
|
79
|
+
table: {
|
|
80
|
+
defaultValue: {
|
|
81
|
+
summary: any;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
maxValue: {
|
|
86
|
+
description: string;
|
|
87
|
+
name: string;
|
|
88
|
+
control: {
|
|
89
|
+
type: string;
|
|
90
|
+
};
|
|
91
|
+
table: {
|
|
92
|
+
defaultValue: {
|
|
93
|
+
summary: any;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
};
|
|
73
97
|
noMinWidth: {
|
|
74
98
|
name: string;
|
|
75
99
|
description: string;
|
|
@@ -115,6 +139,8 @@ declare const _default: {
|
|
|
115
139
|
type: string;
|
|
116
140
|
size: string;
|
|
117
141
|
defaultValue: string;
|
|
142
|
+
minValue: string;
|
|
143
|
+
maxValue: string;
|
|
118
144
|
noMinWidth: boolean;
|
|
119
145
|
label: string;
|
|
120
146
|
helper: string;
|
|
@@ -25,7 +25,7 @@ export declare class TdsDropdownOption {
|
|
|
25
25
|
tdsFocus: EventEmitter<FocusEvent>;
|
|
26
26
|
/** Blur event for the Dropdown option. */
|
|
27
27
|
tdsBlur: EventEmitter<FocusEvent>;
|
|
28
|
-
|
|
28
|
+
componentWillRender: () => void;
|
|
29
29
|
handleSingleSelect: () => void;
|
|
30
30
|
handleMultiselect: (event: TdsCheckboxCustomEvent<{
|
|
31
31
|
checkboxId: string;
|
|
@@ -48,7 +48,7 @@ export declare class TdsDropdown {
|
|
|
48
48
|
private dropdownList;
|
|
49
49
|
private inputElement;
|
|
50
50
|
private children;
|
|
51
|
-
/** Method that resets the Dropdown. */
|
|
51
|
+
/** Method that resets the Dropdown, marks all children as non-selected and resets the value to null. */
|
|
52
52
|
reset(): Promise<void>;
|
|
53
53
|
/** Method for setting the value of the Dropdown. */
|
|
54
54
|
setValue(newValue: string, newValueLabel: string): Promise<{
|
|
@@ -77,6 +77,7 @@ export declare class TdsDropdown {
|
|
|
77
77
|
onKeyDown(event: KeyboardEvent): Promise<void>;
|
|
78
78
|
handleOpenState(): void;
|
|
79
79
|
connectedCallback: () => void;
|
|
80
|
+
componentWillRender: () => void;
|
|
80
81
|
componentDidLoad(): void;
|
|
81
82
|
setDefaultOption: () => void;
|
|
82
83
|
getOpenDirection: () => "up" | "down";
|
|
@@ -9,7 +9,10 @@ export declare class TdsPopoverMenu {
|
|
|
9
9
|
selector: string;
|
|
10
10
|
/** Element that will trigger the pop-over (takes priority over selector) */
|
|
11
11
|
referenceEl?: HTMLElement | null;
|
|
12
|
-
/**
|
|
12
|
+
/** Controls whether the Popover is shown or not. If this is set hiding and showing
|
|
13
|
+
* will be decided by this prop and will need to be controlled from the outside. This
|
|
14
|
+
* also means that clicking outside of the popover won't close it.
|
|
15
|
+
*/
|
|
13
16
|
show: boolean;
|
|
14
17
|
/** Decides the placement of the Popover Menu */
|
|
15
18
|
placement: Placement;
|
|
@@ -3,9 +3,9 @@ type Props = {
|
|
|
3
3
|
verticalDividers: boolean;
|
|
4
4
|
compactDesign: boolean;
|
|
5
5
|
noMinWidth: boolean;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
multiselect: boolean;
|
|
7
|
+
expandableRows: boolean;
|
|
8
|
+
responsive: boolean;
|
|
9
9
|
modeVariant: 'primary' | 'secondary' | null;
|
|
10
10
|
textAlign: string;
|
|
11
11
|
};
|
|
@@ -24,11 +24,11 @@ export declare class TdsTable {
|
|
|
24
24
|
/** Enables to customize width on Table columns */
|
|
25
25
|
noMinWidth: boolean;
|
|
26
26
|
/** Enables multiselect feature of Table */
|
|
27
|
-
|
|
27
|
+
multiselect: boolean;
|
|
28
28
|
/** Enables extended row feature of Table */
|
|
29
|
-
|
|
29
|
+
expandableRows: boolean;
|
|
30
30
|
/** Enables Table to take 100% available width with equal spacing of columns */
|
|
31
|
-
|
|
31
|
+
responsive: boolean;
|
|
32
32
|
/** Variant of the component, based on current mode. */
|
|
33
33
|
modeVariant: 'primary' | 'secondary';
|
|
34
34
|
/** ID used for internal Table functionality and events, must be unique.
|
|
@@ -11,9 +11,9 @@ export declare class TdsTableBody {
|
|
|
11
11
|
noResultMessage: string;
|
|
12
12
|
host: HTMLElement;
|
|
13
13
|
rowsPerPage: number;
|
|
14
|
-
|
|
14
|
+
multiselect: boolean;
|
|
15
15
|
enablePaginationTableBody: boolean;
|
|
16
|
-
|
|
16
|
+
expandableRows: boolean;
|
|
17
17
|
innerBodyData: any[];
|
|
18
18
|
bodyDataManipulated: any[];
|
|
19
19
|
bodyDataOriginal: any[];
|
|
@@ -4,13 +4,12 @@ import { InternalTdsTablePropChange } from '../table/table';
|
|
|
4
4
|
* @slot <default> - <b>Unnamed slot.</b> For the cells.
|
|
5
5
|
*/
|
|
6
6
|
export declare class TdsTableBodyRow {
|
|
7
|
-
|
|
7
|
+
multiselect: boolean;
|
|
8
8
|
bodyCheckBoxStatus: boolean;
|
|
9
9
|
mainCheckBoxStatus: boolean;
|
|
10
10
|
verticalDividers: boolean;
|
|
11
11
|
compactDesign: boolean;
|
|
12
12
|
noMinWidth: boolean;
|
|
13
|
-
modeVariant: 'primary' | 'secondary';
|
|
14
13
|
tableId: string;
|
|
15
14
|
host: HTMLElement;
|
|
16
15
|
tableEl: HTMLTdsTableElement;
|
|
@@ -51,7 +51,7 @@ declare const _default: {
|
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
53
|
};
|
|
54
|
-
|
|
54
|
+
multiselect: {
|
|
55
55
|
name: string;
|
|
56
56
|
description: string;
|
|
57
57
|
control: {
|
|
@@ -131,7 +131,7 @@ declare const _default: {
|
|
|
131
131
|
modeVariant: string;
|
|
132
132
|
compactDesign: boolean;
|
|
133
133
|
responsiveDesign: boolean;
|
|
134
|
-
|
|
134
|
+
multiselect: boolean;
|
|
135
135
|
verticalDivider: boolean;
|
|
136
136
|
noMinWidth: boolean;
|
|
137
137
|
column1Width: string;
|
|
@@ -4,8 +4,8 @@ import { InternalTdsTablePropChange } from '../table/table';
|
|
|
4
4
|
* @slot <default> - <b>Unnamed slot.</b> For the header cells.
|
|
5
5
|
*/
|
|
6
6
|
export declare class TdsTableHeaderRow {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
multiselect: boolean;
|
|
8
|
+
expandableRows: boolean;
|
|
9
9
|
mainCheckboxSelected: boolean;
|
|
10
10
|
mainExpendSelected: boolean;
|
|
11
11
|
verticalDividers: boolean;
|
|
@@ -18,10 +18,10 @@ export declare class TdsTableHeaderCell {
|
|
|
18
18
|
verticalDividers: boolean;
|
|
19
19
|
compactDesign: boolean;
|
|
20
20
|
noMinWidth: boolean;
|
|
21
|
-
|
|
21
|
+
multiselect: boolean;
|
|
22
22
|
enableToolbarDesign: boolean;
|
|
23
23
|
tableId: string;
|
|
24
|
-
|
|
24
|
+
expandableRows: boolean;
|
|
25
25
|
host: HTMLElement;
|
|
26
26
|
tableEl: HTMLTdsTableElement;
|
|
27
27
|
/** Sends unique Table identifier, column key and sorting direction to the tds-table-body component, can also be listened to in order to implement custom-sorting logic. */
|
|
@@ -98,7 +98,7 @@ export namespace Components {
|
|
|
98
98
|
/**
|
|
99
99
|
* Variant of Banner
|
|
100
100
|
*/
|
|
101
|
-
"variant": 'error' | 'information' | '
|
|
101
|
+
"variant": 'error' | 'information' | 'default';
|
|
102
102
|
}
|
|
103
103
|
interface TdsBlock {
|
|
104
104
|
/**
|
|
@@ -275,6 +275,14 @@ export namespace Components {
|
|
|
275
275
|
* Label text for the component
|
|
276
276
|
*/
|
|
277
277
|
"label": string;
|
|
278
|
+
/**
|
|
279
|
+
* Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
|
|
280
|
+
*/
|
|
281
|
+
"max": string;
|
|
282
|
+
/**
|
|
283
|
+
* Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
|
|
284
|
+
*/
|
|
285
|
+
"min": string;
|
|
278
286
|
/**
|
|
279
287
|
* Set the variant of the Datetime component.
|
|
280
288
|
*/
|
|
@@ -296,7 +304,7 @@ export namespace Components {
|
|
|
296
304
|
*/
|
|
297
305
|
"state": string;
|
|
298
306
|
/**
|
|
299
|
-
*
|
|
307
|
+
* Sets input type
|
|
300
308
|
*/
|
|
301
309
|
"type": 'datetime-local' | 'date' | 'time';
|
|
302
310
|
/**
|
|
@@ -376,7 +384,7 @@ export namespace Components {
|
|
|
376
384
|
*/
|
|
377
385
|
"removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
|
|
378
386
|
/**
|
|
379
|
-
* Method that resets the Dropdown.
|
|
387
|
+
* Method that resets the Dropdown, marks all children as non-selected and resets the value to null.
|
|
380
388
|
*/
|
|
381
389
|
"reset": () => Promise<void>;
|
|
382
390
|
/**
|
|
@@ -770,7 +778,7 @@ export namespace Components {
|
|
|
770
778
|
*/
|
|
771
779
|
"selector": string;
|
|
772
780
|
/**
|
|
773
|
-
*
|
|
781
|
+
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it.
|
|
774
782
|
*/
|
|
775
783
|
"show": boolean;
|
|
776
784
|
}
|
|
@@ -1010,23 +1018,23 @@ export namespace Components {
|
|
|
1010
1018
|
/**
|
|
1011
1019
|
* Enables extended row feature of Table
|
|
1012
1020
|
*/
|
|
1013
|
-
"
|
|
1014
|
-
/**
|
|
1015
|
-
* Enables multiselect feature of Table
|
|
1016
|
-
*/
|
|
1017
|
-
"enableMultiselect": boolean;
|
|
1018
|
-
/**
|
|
1019
|
-
* Enables Table to take 100% available width with equal spacing of columns
|
|
1020
|
-
*/
|
|
1021
|
-
"enableResponsive": boolean;
|
|
1021
|
+
"expandableRows": boolean;
|
|
1022
1022
|
/**
|
|
1023
1023
|
* Variant of the component, based on current mode.
|
|
1024
1024
|
*/
|
|
1025
1025
|
"modeVariant": 'primary' | 'secondary';
|
|
1026
|
+
/**
|
|
1027
|
+
* Enables multiselect feature of Table
|
|
1028
|
+
*/
|
|
1029
|
+
"multiselect": boolean;
|
|
1026
1030
|
/**
|
|
1027
1031
|
* Enables to customize width on Table columns
|
|
1028
1032
|
*/
|
|
1029
1033
|
"noMinWidth": boolean;
|
|
1034
|
+
/**
|
|
1035
|
+
* Enables Table to take 100% available width with equal spacing of columns
|
|
1036
|
+
*/
|
|
1037
|
+
"responsive": boolean;
|
|
1030
1038
|
/**
|
|
1031
1039
|
* ID used for internal Table functionality and events, must be unique. **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
|
|
1032
1040
|
*/
|
|
@@ -1082,7 +1090,7 @@ export namespace Components {
|
|
|
1082
1090
|
/**
|
|
1083
1091
|
* Enables preview of searchbar
|
|
1084
1092
|
*/
|
|
1085
|
-
"
|
|
1093
|
+
"filter": boolean;
|
|
1086
1094
|
/**
|
|
1087
1095
|
* Adds title to the Table
|
|
1088
1096
|
*/
|
|
@@ -2073,7 +2081,7 @@ declare namespace LocalJSX {
|
|
|
2073
2081
|
/**
|
|
2074
2082
|
* Variant of Banner
|
|
2075
2083
|
*/
|
|
2076
|
-
"variant"?: 'error' | 'information' | '
|
|
2084
|
+
"variant"?: 'error' | 'information' | 'default';
|
|
2077
2085
|
}
|
|
2078
2086
|
interface TdsBlock {
|
|
2079
2087
|
/**
|
|
@@ -2281,6 +2289,14 @@ declare namespace LocalJSX {
|
|
|
2281
2289
|
* Label text for the component
|
|
2282
2290
|
*/
|
|
2283
2291
|
"label"?: string;
|
|
2292
|
+
/**
|
|
2293
|
+
* Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
|
|
2294
|
+
*/
|
|
2295
|
+
"max"?: string;
|
|
2296
|
+
/**
|
|
2297
|
+
* Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
|
|
2298
|
+
*/
|
|
2299
|
+
"min"?: string;
|
|
2284
2300
|
/**
|
|
2285
2301
|
* Set the variant of the Datetime component.
|
|
2286
2302
|
*/
|
|
@@ -2314,7 +2330,7 @@ declare namespace LocalJSX {
|
|
|
2314
2330
|
*/
|
|
2315
2331
|
"state"?: string;
|
|
2316
2332
|
/**
|
|
2317
|
-
*
|
|
2333
|
+
* Sets input type
|
|
2318
2334
|
*/
|
|
2319
2335
|
"type"?: 'datetime-local' | 'date' | 'time';
|
|
2320
2336
|
/**
|
|
@@ -2805,7 +2821,7 @@ declare namespace LocalJSX {
|
|
|
2805
2821
|
*/
|
|
2806
2822
|
"selector"?: string;
|
|
2807
2823
|
/**
|
|
2808
|
-
*
|
|
2824
|
+
* Controls whether the Popover is shown or not. If this is set hiding and showing will be decided by this prop and will need to be controlled from the outside. This also means that clicking outside of the popover won't close it.
|
|
2809
2825
|
*/
|
|
2810
2826
|
"show"?: boolean;
|
|
2811
2827
|
}
|
|
@@ -3063,23 +3079,23 @@ declare namespace LocalJSX {
|
|
|
3063
3079
|
/**
|
|
3064
3080
|
* Enables extended row feature of Table
|
|
3065
3081
|
*/
|
|
3066
|
-
"
|
|
3067
|
-
/**
|
|
3068
|
-
* Enables multiselect feature of Table
|
|
3069
|
-
*/
|
|
3070
|
-
"enableMultiselect"?: boolean;
|
|
3071
|
-
/**
|
|
3072
|
-
* Enables Table to take 100% available width with equal spacing of columns
|
|
3073
|
-
*/
|
|
3074
|
-
"enableResponsive"?: boolean;
|
|
3082
|
+
"expandableRows"?: boolean;
|
|
3075
3083
|
/**
|
|
3076
3084
|
* Variant of the component, based on current mode.
|
|
3077
3085
|
*/
|
|
3078
3086
|
"modeVariant"?: 'primary' | 'secondary';
|
|
3087
|
+
/**
|
|
3088
|
+
* Enables multiselect feature of Table
|
|
3089
|
+
*/
|
|
3090
|
+
"multiselect"?: boolean;
|
|
3079
3091
|
/**
|
|
3080
3092
|
* Enables to customize width on Table columns
|
|
3081
3093
|
*/
|
|
3082
3094
|
"noMinWidth"?: boolean;
|
|
3095
|
+
/**
|
|
3096
|
+
* Enables Table to take 100% available width with equal spacing of columns
|
|
3097
|
+
*/
|
|
3098
|
+
"responsive"?: boolean;
|
|
3083
3099
|
/**
|
|
3084
3100
|
* ID used for internal Table functionality and events, must be unique. **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table, as the default ID is random and will be different every time.
|
|
3085
3101
|
*/
|
|
@@ -3142,7 +3158,7 @@ declare namespace LocalJSX {
|
|
|
3142
3158
|
/**
|
|
3143
3159
|
* Enables preview of searchbar
|
|
3144
3160
|
*/
|
|
3145
|
-
"
|
|
3161
|
+
"filter"?: boolean;
|
|
3146
3162
|
/**
|
|
3147
3163
|
* Used for sending users' input to the main parent tds-table the component, can also be listened to in order to implement custom sorting logic.
|
|
3148
3164
|
*/
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,g as o}from"./p-8462c18c.js";const l=["enableMultiselect","enableExpandableRows","verticalDividers","compactDesign","noMinWidth"],d=class{constructor(s){t(this,s),this.internalTdsMainCheckboxSelect=e(this,"internalTdsMainCheckboxSelect",6),this.enableMultiselect=!1,this.enableExpandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsMainCheckboxChangeListener(t){const[e,s]=t.detail;this.tableId===e&&(this.mainCheckboxSelected=s)}internalTdsRowExpandedListener(t){this.tableId===t.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){const t=this.host.parentElement.querySelector("tds-table-body").getElementsByClassName("tds-table__row-extend--active").length,e=this.host.parentElement.querySelector("tds-table-body").getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=e===t}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){l.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}headCheckBoxClicked(t){this.mainCheckboxSelected=t.currentTarget.checked,this.internalTdsMainCheckboxSelect.emit([this.tableId,this.mainCheckboxSelected])}render(){return s(a,{class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},s("tr",null,this.enableMultiselect&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"},s("div",{class:"tds-form-label tds-form-label--table"},s("tds-checkbox",{checked:this.mainCheckboxSelected,onTdsChange:t=>this.headCheckBoxClicked(t)}))),this.enableExpandableRows&&s("th",{class:"tds-table__header-cell tds-table__header-cell--checkbox"}),s("slot",null)))}get host(){return o(this)}};d.style=":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";export{d as tds_table_header}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as o,c as i}from"./p-8462c18c.js";const d=["verticalDividers","compactDesign","noMinWidth"],r=class{constructor(s){t(this,s),this.cellValue=void 0,this.cellKey=void 0,this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,o]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=o)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(e,{class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table__body-cell--no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null))}get host(){return o(this)}};r.style=":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--no-padding){padding:0}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";const a=["enableMultiselect","verticalDividers","compactDesign","modeVariant"],l=class{constructor(s){t(this,s),this.internalTdsRowChange=i(this,"internalTdsRowChange",6),this.internalTdsPagination=i(this,"internalTdsPagination",6),this.enableMultiselect=!1,this.bodyCheckBoxStatus=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.tableId=""}bodyCheckBoxClicked(t){const s=this.host;this.bodyCheckBoxStatus=t.currentTarget.checked,!0===this.bodyCheckBoxStatus?s.classList.add("tds-table__row--selected"):s.classList.remove("tds-table__row--selected"),this.internalTdsRowChange.emit(this.bodyCheckBoxStatus)}bodyCheckBoxStatusUpdater(t){this.mainCheckBoxStatus=t,this.bodyCheckBoxStatus=this.mainCheckBoxStatus;const s=this.host;!0===this.bodyCheckBoxStatus?s.classList.add("tds-table__row--selected"):s.classList.remove("tds-table__row--selected"),this.internalTdsRowChange.emit(this.bodyCheckBoxStatus)}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}headCheckboxListener(t){this.tableId===t.detail[0]&&this.bodyCheckBoxStatusUpdater(t.detail[1])}internalTdsCheckboxChangeListener(t){const[s,e]=t.detail;this.tableId===s&&this.bodyCheckBoxStatusUpdater(e)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){a.forEach((t=>{this[t]=this.tableEl[t]}))}componentDidLoad(){this.internalTdsPagination.emit(this.tableId)}render(){return s(e,{class:{"tds-table__row":!0,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},this.enableMultiselect&&s("td",{class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{onTdsChange:t=>this.bodyCheckBoxClicked(t),checked:this.bodyCheckBoxStatus})),s("slot",null))}get host(){return o(this)}};l.style=":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-active)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-active-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";export{r as tds_body_cell,l as tds_table_body_row}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";import{g as n}from"./p-72fced16.js";const d=class{constructor(s){e(this,s),this.internalTdsTablePropChange=t(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.enableMultiselect=!1,this.enableExpandableRows=!1,this.enableResponsive=!1,this.modeVariant=null,this.tableId=n()}emitInternalTdsPropChange(e,t){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[e],[e]:t})}enableMultiselectChanged(e){this.emitInternalTdsPropChange("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitInternalTdsPropChange("enableExpandableRows",e)}compactDesignChanged(e){this.emitInternalTdsPropChange("compactDesign",e)}verticalDividersChanged(e){this.emitInternalTdsPropChange("verticalDividers",e)}noMinWidthChanged(e){this.emitInternalTdsPropChange("noMinWidth",e)}modeVariantChanged(e){this.emitInternalTdsPropChange("modeVariant",e)}render(){return s(a,{class:{"tds-table--responsive":this.enableResponsive}},s("table",{class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--responsive":this.enableResponsive}},s("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};d.style=":host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}";export{d as tds_table}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as s}from"./p-8462c18c.js";const r=class{constructor(t){o(this,t)}render(){return t(s,null,t("div",null))}};r.style=":host{position:absolute;width:100%;height:100%;background-color:black;transition:opacity 0.4s linear;opacity:0}";export{r as tds_side_menu_overlay}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as h}from"./p-8462c18c.js";const o=["enableMultiselect","enableExpandableRows"],a=class{constructor(i){t(this,i),this.internalTdsSortingChange=s(this,"internalTdsSortingChange",6),this.internalTdsCheckboxChange=s(this,"internalTdsCheckboxChange",6),this.internalTdsMainCheckboxChange=s(this,"internalTdsMainCheckboxChange",6),this.uncheckAll=()=>{this.mainCheckboxStatus=!1,this.internalTdsMainCheckboxChange.emit([this.tableId,this.mainCheckboxStatus]),this.internalTdsCheckboxChange.emit([this.tableId,this.mainCheckboxStatus])},this.selectedDataExporter=()=>{const t=this.host.getElementsByClassName("tds-table__row--selected");this.multiselectArray=[];for(let s=0;s<t.length;s++){const i=t[s].getElementsByTagName("tds-body-cell"),e={};for(let t=0;t<i.length;t++){const s=i[t].getAttribute("cell-key"),h=i[t].getAttribute("cell-value");e[s]=h}this.multiselectArray.push(e)}this.multiselectArrayJSON=JSON.stringify(this.multiselectArray)},this.bodyCheckBoxClicked=()=>{const t=this.host.getElementsByClassName("tds-table__row").length,s=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=t===s,this.internalTdsMainCheckboxChange.emit([this.tableId,this.mainCheckboxStatus]),this.selectedDataExporter()},this.bodyData=void 0,this.noResultMessage=void 0,this.rowsPerPage=1,this.enableMultiselect=!1,this.enablePaginationTableBody=!1,this.enableExpandableRows=!0,this.innerBodyData=[],this.bodyDataManipulated=[],this.bodyDataOriginal=[],this.multiselectArray=[],this.multiselectArrayJSON=void 0,this.mainCheckboxStatus=!1,this.columnsNumber=0,this.disableAllSorting=!1,this.numberOfPages=0,this.paginationValue=1,this.tempPaginationDisable=!1,this.showNoResultsMessage=!1,this.tableId=""}arrayDataWatcher(t){this.innerBodyData="string"==typeof t?JSON.parse(t):t,this.bodyDataManipulated=[...this.innerBodyData],this.bodyDataOriginal=[...this.innerBodyData]}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}static compareValues(t,s="asc"){return function(i,e){if(!i.hasOwnProperty(t)||!e.hasOwnProperty(t))return 0;const h="string"==typeof i[t]?i[t].toUpperCase():i[t],o="string"==typeof e[t]?e[t].toUpperCase():e[t];let a=0;return h>o?a=1:h<o&&(a=-1),"desc"===s?-1*a:a}}sortData(t,s){this.enableMultiselect&&this.uncheckAll(),this.bodyDataManipulated=[...this.bodyDataManipulated],this.bodyDataManipulated.sort(a.compareValues(t,s))}updateOptionsContent(t){const{tableId:s,columnKey:i,sortingDirection:e}=t.detail;this.tableId===s&&this.sortData(i,e)}headCheckboxListener(t){this.tableId===t.detail[0]&&([,this.mainCheckboxStatus]=t.detail,this.selectedDataExporter())}bodyCheckboxListener(){this.bodyCheckBoxClicked()}searchFunction(t){const s=this.host.querySelectorAll("tds-table-body-row");if(t.length>0){this.enablePaginationTableBody&&(this.tempPaginationDisable=!0),s.forEach((s=>{const i=s.querySelectorAll("tds-body-cell"),e=[];i.forEach((t=>{const s=t.getAttribute("cell-value").toLowerCase();e.push(s)})),e.find((s=>s.includes(t)))?s.classList.remove("tds-table__row--hidden"):s.classList.add("tds-table__row--hidden")})),this.disableAllSorting=!0,this.internalTdsSortingChange.emit([this.tableId,this.disableAllSorting]);const i=this.host.querySelectorAll(".tds-table__row--hidden");this.showNoResultsMessage=i.length===s.length}else this.enablePaginationTableBody&&(this.tempPaginationDisable=!1),this.enablePaginationTableBody||s.forEach((t=>{t.classList.remove("tds-table__row--hidden")})),this.showNoResultsMessage=!1,this.disableAllSorting=!1,this.internalTdsSortingChange.emit([this.tableId,this.disableAllSorting])}tdsFilterListener(t){this.tableId===t.detail.tableId&&this.searchFunction(t.detail.query)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]})),this.bodyData&&this.arrayDataWatcher(this.bodyData)}componentWillRender(){const t=this.host.parentElement.querySelector("tds-table-header").children.length;this.columnsNumber=this.enableMultiselect||this.enableExpandableRows?t+1:t}render(){return i(e,{"data-selected-rows":this.multiselectArrayJSON},this.bodyDataManipulated.map((t=>i("tds-table-body-row",null,Object.keys(t).map((s=>i("tds-body-cell",{"cell-key":s,"cell-value":t[s]})))))),i("tr",{hidden:!this.showNoResultsMessage},i("td",{class:"tds-table__info-message",colSpan:this.columnsNumber},i("slot",{name:"no-result"}),this.noResultMessage)),i("slot",null))}get host(){return h(this)}static get watchers(){return{bodyData:["arrayDataWatcher"]}}};a.style=":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}";export{a as tds_table_body}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as d}from"./p-8462c18c.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),i=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${d}T${s}:${i}`;case"date":return`${t}-${e}-${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}},this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name="",this.state=void 0,this.autofocus=!1,this.label="",this.helper="",this.focusInput=void 0}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsChange.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}render(){let t=" tds-datetime-input";return"md"===this.size&&(t+=`${t}-md`),"sm"===this.size&&(t+=`${t}-sm`),d("div",{class:`\n ${this.noMinWidth?"tds-form-datetime-nomin":""}\n ${this.focusInput?"tds-form-datetime tds-datetime-focus":" tds-form-datetime"}\n ${this.value.length>0?"tds-datetime-data":""}\n ${this.disabled?"tds-form-datetime-disabled":""}\n ${"md"===this.size?"tds-form-datetime-md":""}\n ${"sm"===this.size?"tds-form-datetime-sm":""}\n ${"error"===this.state||"success"===this.state?`tds-form-datetime-${this.state}`:""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n `},this.label&&d("label",{htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{class:"tds-datetime-input-container"},d("input",{ref:t=>this.textInput=t,class:t,type:this.type,disabled:this.disabled,value:this.value,autofocus:this.autofocus,name:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t)}),d("div",{class:"datetime-icon icon-datetime-local"},d("tds-icon",{size:"20px",name:"calendar"})),d("div",{class:"datetime-icon icon-time"},d("tds-icon",{size:"20px",name:"clock"}))),d("div",{class:"tds-datetime-bar"})),d("div",{class:"tds-datetime-helper"},this.helper&&d("div",{class:"tds-helper"},"error"===this.state&&d("tds-icon",{name:"error",size:"16px"}),this.helper)))}};s.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}.tds-mode-variant-primary.sc-tds-datetime{--tds-datetime-background:var(--tds-datetime-background-primary)}.tds-mode-variant-secondary.sc-tds-datetime{--tds-datetime-background:var(--tds-datetime-background-secondary)}';export{s as tds_datetime}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as s,g as a}from"./p-8462c18c.js";const d=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(o){t(this,o),this.internalTdsRowExpanded=e(this,"internalTdsRowExpanded",6),this.internalTdsPagination=e(this,"internalTdsPagination",6),this.colSpan=null,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((t=>{this[t]=this.tableEl[t]}))}componentDidLoad(){this.internalTdsPagination.emit(this.tableId)}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector("tds-table-header").childElementCount+1}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded])}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}render(){return o(s,{class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},o("tr",{class:"tds-table__row"},o("td",{class:"tds-table__cell tds-table__cell--expand"},o("label",{class:"tds-table__expand-control-container"},o("input",{class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded}),o("span",{class:"tds-expendable-row-icon"},o("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),o("slot",null)),o("tr",{class:"tds-table__row-expand"},o("td",{class:"tds-table__cell-expand",colSpan:this.columnsNumber},o("slot",{name:"expand-row"}))))}get host(){return a(this)}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand .tds-table__cell-expand{padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";export{l as tds_table_body_row_expandable}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as o,H as e,g as i}from"./p-8462c18c.js";import{g as r,h as n}from"./p-72fced16.js";const a=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.tdsShow=s(this,"tdsShow",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsShow.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!1)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="none",this.bannerId=r(),this.persistent=!1,this.hidden=!1}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const t=n("subheader",this.host),s=n("subheader",this.host),i=n("bottom",this.host);return o(e,{role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.variant} ${this.hidden?"hide":"show"}`},this.icon&&o("div",{class:`banner-icon ${this.variant}`},o("tds-icon",{name:this.icon,size:"20px"})),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),i&&o("slot",{name:"bottom"})),!this.persistent&&o("div",{class:"banner-close"},o("button",{onClick:()=>{this.handleClose()}},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return i(this)}};a.style=":root,.tds-mode-light{--tds-link:var(--tds-blue-500);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-grey-900);--tds-link-disabled:var(--tds-grey-400)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=bottom]::slotted(*){display:block;width:fit-content;margin-top:16px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{a as tds_banner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as a,g as l}from"./p-8462c18c.js";const i=["enableMultiselect","enableExpandableRows","compactDesign","noMinWidth","verticalDividers"],o=class{constructor(a){t(this,a),this.tdsSortChange=e(this,"tdsSortChange",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsSortChange=e(this,"internalTdsSortChange",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection?"asc":"desc",this.sortedByMyKey=!0;const t=this.tdsSortChange.emit({tableId:this.tableId,columnKey:this.columnKey,sortingDirection:this.sortingDirection});this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.columnKey}),t.defaultPrevented||this.internalTdsSortChange.emit({tableId:this.tableId,columnKey:this.columnKey,sortingDirection:this.sortingDirection})},this.headerCellContent=()=>this.sortable&&!this.disableSortingBtn?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick()},s("span",{class:"tds-table__header-button-text",style:{textAlign:this.textAlignState}},this.columnTitle),null===this.sortingDirection&&s("svg",{class:"tds-table__header-button-icon",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 15"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z"})),this.sortingDirection&&s("svg",{class:"tds-table__header-button-icon "+("desc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z"}))):s("p",{class:"tds-table__header-text",style:{textAlign:this.textAlignState}},this.columnTitle),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:t})},this.columnKey=void 0,this.columnTitle=void 0,this.customWidth=void 0,this.sortable=!1,this.textAlign=void 0,this.textAlignState=void 0,this.sortingDirection="asc",this.sortedByMyKey=!1,this.disableSortingBtn=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.enableMultiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.enableExpandableRows=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}internalTdsSortingChangeListener(t){const[e,s]=t.detail;this.tableId===e&&(this.disableSortingBtn=s)}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.columnKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=null}),200))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.textAlignState="right"===this.textAlign||"end"===this.textAlign?"right":"left",this.internalTdsTextAlign.emit([this.tableId,this.columnKey,this.textAlignState]),this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}render(){return s(a,{class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table__header-cell--right-align":"right"===this.textAlignState,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.enableMultiselect||this.enableExpandableRows,"tds-table--toolbar-available":this.enableToolbarDesign},style:{width:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.columnKey),onMouseLeave:()=>this.onHeadCellHover("")},this.headerCellContent())}get host(){return l(this)}};o.style=":host(.tds-table__header-cell){box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:0 16px;margin:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;fill:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--right-align) .tds-table__header-button{text-align:right;justify-content:end;flex-direction:row-reverse}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";export{o as tds_header_cell}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as o,H as e,g as i}from"./p-8462c18c.js";import{a as l,b as d,f as r,c as h}from"./p-72fced16.js";const a=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.tdsInput=s(this,"tdsInput",6),this.connectedCallback=()=>{this.options||(this.children=Array.from(this.host.children))},this.setDefaultOption=()=>{this.children=this.children.map((t=>(this.multiselect?this.defaultValue.split(",").forEach((s=>{s===t.value?(t.setSelected(!0),this.selection=this.selection?[...this.selection,{value:t.value,label:t.textContent}]:[{value:t.value,label:t.textContent}]):t.setSelected(!1)})):this.defaultValue===t.value?(t.setSelected(!0),this.selection=[{value:t.value,label:t.textContent}]):t.setSelected(!1),t)))},this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+l+57>window.innerHeight?"up":"down"}return this.openDirection},this.getValue=()=>{var t,s;return this.filter?null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.label)).toString():null===(s=this.selection)||void 0===s?void 0:s.map((t=>t.label)).join(", ")},this.handleFilter=t=>{this.tdsInput.emit(t);const s=t.target.value.toLowerCase();""===s?(this.children=this.children.map((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=this.children.filter((t=>(t.textContent.toLowerCase().includes(s.toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,s;this.tdsChange.emit({name:this.name,value:null!==(s=null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.value)).toString())&&void 0!==s?s:null})},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.error=!1,this.multiselect=!1,this.filter=!1,this.noResultText="No result",this.defaultValue=void 0,this.options=void 0,this.open=!1,this.selection=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.children.forEach((t=>t.setSelected(!1))),this.selection=null,this.handleChange()}async setValue(t,s){return this.multiselect?this.selection=this.selection?[...this.selection,{value:t,label:s}]:[{value:t,label:s}]:(this.selection=[{value:t,label:s}],this.children=this.children.map((s=>(s.value!==t&&s.setSelected(!1),s)))),this.handleChange(),this.selection}async removeValue(t){return this.multiselect?this.children.forEach((s=>{s.value===t&&(this.selection=this.selection.filter((t=>t.value!==s.value)),s.setSelected(!1))})):this.reset(),this.handleChange(),this.selection}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:s}=document;if(s)if("ArrowDown"===t.key){const t=s.nextElementSibling?this.children.findIndex((t=>t===s.nextElementSibling)):0,o=r(this.children,t);this.children[o].focus()}else if("ArrowUp"===t.key){const t=s.nextElementSibling?this.children.findIndex((t=>t===s.previousElementSibling)):0,o=h(this.children,t);this.children[o].focus()}else"Escape"===t.key&&(this.open=!1)}handleOpenState(){var t,s;this.filter&&this.multiselect&&(this.open||(this.inputElement.value=null!==(s=null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.label)).toString())&&void 0!==s?s:null))}componentDidLoad(){this.defaultValue&&this.setDefaultOption()}render(){var t,s,i,r;if(this.options){let t=0;this.options.forEach((s=>{l(this.host,"tds-dropdown-option",[{key:"value",value:s.value},{key:"disabled",value:s.disabled.toString()}],s.label,"id"+t++)})),this.children=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName))}return d(this.host,this.name,null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.value)).toString(),this.disabled),o(e,{role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&o("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),o("div",{class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?o("div",{class:`filter ${this.filterFocus?"focus":""}\n ${this.disabled?"disabled":""}`},o("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(s=this.selection)||void 0===s?void 0:s.length)?"selected":""}\n `},this.label),o("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.placeholder,value:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.handleBlur(t)},onFocus:t=>{this.open=!0,this.filterFocus=!0,this.handleFocus(t)},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),o("tds-icon",{onClick:()=>{this.open=!this.open},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):o("button",{onClick:()=>{this.open=!this.open},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selection?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},o("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(i=this.selection)||void 0===i?void 0:i.length)?"selected":""}\n `},this.label),o("div",{class:`placeholder ${this.size}`},(null===(r=this.selection)||void 0===r?void 0:r.length)?this.getValue():this.placeholder),o("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),o("div",{ref:t=>this.dropdownList=t,class:`dropdown-list\n ${this.size}\n ${this.open?"open":"closed"}\n ${this.getOpenDirection()}\n ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},o("slot",null),0===this.filterResult&&o("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&o("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&o("tds-icon",{name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};a.style=':host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:4px 4px 0 0}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color)}:host button.value{color:var(--tds-dropdown-value-color)}:host button:focus{border-bottom-color:transparent}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{margin-right:16px;z-index:101}:host{display:block;position:relative;z-index:100;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list::-webkit-scrollbar{width:4px;background-color:inherit}:host .dropdown-list::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .dropdown-list ::-webkit-scrollbar-button{height:0;width:0}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}';export{a as tds_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as d,g as i}from"./p-8462c18c.js";import{h as l}from"./p-72fced16.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.type="text",this.labelPosition="no-label",this.label="",this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleInput(t){this.tdsInput.emit(t),this.value=t.target.value}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{class:`\n ${this.noMinWidth?"form-text-field-nomin":""}\n ${this.focusInput&&!this.disabled?"form-text-field text-field-focus":" form-text-field"}\n ${this.value?"text-field-data":""}\n ${"inside"===this.labelPosition&&"sm"!==this.size?"text-field-container-label-inside":""}\n ${this.disabled?"form-text-field-disabled":""}\n ${this.readOnly?"form-text-field-readonly":""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n ${"md"===this.size?"form-text-field-md":""}\n ${"sm"===this.size?"form-text-field-sm":""}\n ${"error"===this.state||"success"===this.state?`form-text-field-${this.state}`:""}\n `},"outside"===this.labelPosition&&d("div",{class:"text-field-label-outside"},d("div",null,this.label)),d("div",{onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{class:`text-field-slot-wrap-prefix text-field-${this.state}`},d("slot",{name:"prefix"})),d("div",{class:"text-field-input-container"},d("input",{ref:t=>this.textInput=t,class:`text-field-input text-field-input-${this.size}`,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)}}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{class:"text-field-label-inside"},this.label)),d("div",{class:"text-field-bar"}),i&&d("div",{class:`text-field-slot-wrap-suffix text-field-${this.state}`},d("slot",{name:"suffix"})),d("span",{class:"text-field-icon__readonly"},d("tds-icon",{name:"edit_inactive",size:"20px"})),d("span",{class:"text-field-icon__readonly-label"},"This field is non-editable")),d("div",{class:"text-field-helper"},"error"===this.state&&d("div",{class:"text-field-helper-error-state"},d("tds-icon",{name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,this.maxLength>0&&d("div",{class:"text-field-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,d("span",{class:"text-field-textcounter-divider"}," / "),this.maxLength)))}get host(){return i(this)}};s.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-lg.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-md.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-sm.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:18px;color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--tds-text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{pointer-events:none}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{padding-right:54px;background-color:transparent}.form-text-field-success.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.sc-tds-text-field .text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{s as tds_text_field}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as a,h as s,H as e,g as r}from"./p-8462c18c.js";const o=["compactDesign","noMinWidth","verticalDividers"],i=class{constructor(s){t(this,s),this.tdsFilterChange=a(this,"tdsFilterChange",7),this.internalTdsFilter=a(this,"internalTdsFilter",7),this.tableTitle="",this.enableFiltering=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}searchFunction(t){const a=t.currentTarget.value.toLowerCase(),s=t.currentTarget.parentElement;this.tdsFilterChange.emit({tableId:this.tableId,query:a}).defaultPrevented||this.internalTdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?s.classList.add("tds-table__searchbar--active"):s.classList.remove("tds-table__searchbar--active")}render(){return s(e,{class:this.compactDesign?"tds-table--compact":""},s("div",{class:"tds-table__upper-bar-flex"},s("caption",{class:"tds-table__title"},this.tableTitle),s("div",{class:"tds-table__actionbar"},this.enableFiltering&&s("div",{class:"tds-table__searchbar"},s("input",{class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.searchFunction(t)}),s("span",{class:"tds-table__searchbar-icon"},s("tds-icon",{name:"search",size:"20px"}))),s("slot",{name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left}:host .tds-table__actionbar,:host slot[name=end]::slotted(*){display:flex;align-self:center;gap:8px}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i,g as p}from"./p-8462c18c.js";import{g as o,h as d}from"./p-72fced16.js";const h=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.tdsChange.emit({chipId:this.chipId,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes(),c=d("prefix",this.host),p=d("label",this.host),o=d("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};h.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{h as tds_chip}
|