@duetds/components 7.0.7 → 7.0.8
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/hydrate/index.js +31 -4
- package/lib/cjs/duet-chip.cjs.entry.js +10 -2
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -0
- package/lib/cjs/duet-footer.cjs.entry.js +2 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +8 -1
- package/lib/cjs/duet-popup-menu-item.cjs.entry.js +3 -0
- package/lib/cjs/duet-upload-item.cjs.entry.js +3 -0
- package/lib/cjs/duet.cjs.js +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-button/duet-button.js +5 -5
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.css +53 -22
- package/lib/collection/components/duet-chip/duet-chip.js +31 -5
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +26 -8
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +1 -1
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.js +3 -3
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-pagination/duet-pagination.js +10 -3
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +2 -2
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +6 -3
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-show-more/duet-show-more.js +1 -1
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +18 -15
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +15 -12
- package/lib/dist-custom-elements/duet-chip.js +11 -2
- package/lib/dist-custom-elements/duet-footer.js +3 -1
- package/lib/dist-custom-elements/duet-pagination.js +8 -1
- package/lib/dist-custom-elements/duet-popup-menu-item.js +3 -0
- package/lib/dist-custom-elements/duet-upload-item.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +4 -1
- package/lib/dist-custom-elements/{p-f219c615.js → p-e135afb5.js} +3 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/p-5fbb8871.entry.js +4 -0
- package/lib/duet/p-6a973118.entry.js +4 -0
- package/lib/duet/p-6b57d5f1.system.entry.js +4 -0
- package/lib/duet/p-7b6ad23a.system.js +1 -1
- package/lib/duet/p-7ea09436.system.entry.js +4 -0
- package/lib/duet/p-c1486227.entry.js +4 -0
- package/lib/duet/{p-40f074a1.system.entry.js → p-f8f81402.system.entry.js} +2 -2
- package/lib/esm/duet-chip.entry.js +10 -2
- package/lib/esm/duet-editable-table_3.entry.js +3 -0
- package/lib/esm/duet-footer.entry.js +2 -1
- package/lib/esm/duet-pagination_2.entry.js +8 -1
- package/lib/esm/duet-popup-menu-item.entry.js +3 -0
- package/lib/esm/duet-upload-item.entry.js +3 -0
- package/lib/esm/duet.js +1 -1
- package/lib/esm/loader.js +1 -1
- package/lib/esm-es5/duet-chip.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +2 -2
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/types/components/duet-chip/duet-chip.d.ts +5 -0
- package/lib/types/components/duet-footer/duet-footer.d.ts +4 -0
- package/lib/types/components/duet-pagination/duet-pagination.d.ts +2 -0
- package/lib/types/components/duet-popup-menu/duet-popup-menu.d.ts +3 -0
- package/lib/types/components/duet-popup-menu-item/duet-popup-menu-item.d.ts +3 -0
- package/lib/types/components/duet-upload/duet-upload.d.ts +3 -0
- package/lib/types/components/duet-upload-item/duet-upload-item.d.ts +33 -0
- package/lib/types/components.d.ts +87 -2
- package/package.json +9 -16
- package/lib/duet/p-3ccf12c1.entry.js +0 -4
- package/lib/duet/p-3d32609f.entry.js +0 -4
- package/lib/duet/p-46e076fe.system.entry.js +0 -4
- package/lib/duet/p-63e2bc34.system.entry.js +0 -4
- package/lib/duet/p-bb7693ce.entry.js +0 -4
|
@@ -116,7 +116,7 @@ export class DuetCaption {
|
|
|
116
116
|
"references": {
|
|
117
117
|
"DuetCaptionSize": {
|
|
118
118
|
"location": "local",
|
|
119
|
-
"path": "/Users/
|
|
119
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-caption/duet-caption.tsx"
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
},
|
|
@@ -183,7 +183,7 @@ export class DuetCard {
|
|
|
183
183
|
"references": {
|
|
184
184
|
"DuetCardVariation": {
|
|
185
185
|
"location": "local",
|
|
186
|
-
"path": "/Users/
|
|
186
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
},
|
|
@@ -349,7 +349,7 @@ export class DuetCard {
|
|
|
349
349
|
"references": {
|
|
350
350
|
"DuetCardPadding": {
|
|
351
351
|
"location": "local",
|
|
352
|
-
"path": "/Users/
|
|
352
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
355
|
},
|
|
@@ -468,7 +468,7 @@ export class DuetCard {
|
|
|
468
468
|
"references": {
|
|
469
469
|
"DuetCardToggleEvent": {
|
|
470
470
|
"location": "local",
|
|
471
|
-
"path": "/Users/
|
|
471
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-card/duet-card.tsx"
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
474
|
}
|
|
@@ -481,7 +481,7 @@ export class DuetCheckbox {
|
|
|
481
481
|
"references": {
|
|
482
482
|
"DuetCheckboxEvent": {
|
|
483
483
|
"location": "local",
|
|
484
|
-
"path": "/Users/
|
|
484
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
487
|
}
|
|
@@ -501,7 +501,7 @@ export class DuetCheckbox {
|
|
|
501
501
|
"references": {
|
|
502
502
|
"DuetCheckboxEvent": {
|
|
503
503
|
"location": "local",
|
|
504
|
-
"path": "/Users/
|
|
504
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
507
|
}
|
|
@@ -521,7 +521,7 @@ export class DuetCheckbox {
|
|
|
521
521
|
"references": {
|
|
522
522
|
"DuetCheckboxEvent": {
|
|
523
523
|
"location": "local",
|
|
524
|
-
"path": "/Users/
|
|
524
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-checkbox/duet-checkbox.tsx"
|
|
525
525
|
}
|
|
526
526
|
}
|
|
527
527
|
}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
-moz-appearance: none;
|
|
21
21
|
-webkit-appearance: none;
|
|
22
22
|
appearance: none;
|
|
23
|
-
margin-right:
|
|
23
|
+
margin-right: 8px !important;
|
|
24
24
|
margin-bottom: 12px !important;
|
|
25
25
|
position: relative;
|
|
26
26
|
display: inline-block;
|
|
@@ -40,16 +40,18 @@
|
|
|
40
40
|
z-index: 100;
|
|
41
41
|
display: block;
|
|
42
42
|
width: 100%;
|
|
43
|
+
padding: 1px;
|
|
43
44
|
hyphens: none;
|
|
44
45
|
line-height: 1.1;
|
|
45
46
|
color: rgb(0, 41, 77) !important;
|
|
46
47
|
text-align: center;
|
|
47
48
|
cursor: pointer;
|
|
48
49
|
background: rgb(255, 255, 255);
|
|
50
|
+
border-color: rgb(144, 149, 153);
|
|
49
51
|
border-style: solid;
|
|
50
52
|
border-width: 1px;
|
|
51
53
|
border-radius: 8px;
|
|
52
|
-
transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease
|
|
54
|
+
transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
|
|
53
55
|
}
|
|
54
56
|
.duet-chip-container.duet-p-0 {
|
|
55
57
|
padding: 0 !important;
|
|
@@ -63,24 +65,35 @@
|
|
|
63
65
|
border-color: rgb(23, 28, 58);
|
|
64
66
|
}
|
|
65
67
|
.duet-chip-container.duet-theme-turva:hover {
|
|
66
|
-
color: rgb(198, 12, 48) !important;
|
|
67
68
|
border-color: rgb(198, 12, 48);
|
|
68
69
|
}
|
|
69
|
-
.duet-chip-container.duet-theme-turva:hover button,
|
|
70
|
-
.duet-chip-container.duet-theme-turva:hover label {
|
|
71
|
-
color: rgb(23, 28, 58) !important;
|
|
72
|
-
}
|
|
73
70
|
.duet-chip-container:hover {
|
|
74
|
-
|
|
71
|
+
padding: 0 !important;
|
|
75
72
|
border-color: rgb(0, 119, 179);
|
|
73
|
+
border-width: 2px;
|
|
74
|
+
}
|
|
75
|
+
.duet-chip-container.duet-chip-disabled {
|
|
76
|
+
color: rgb(101, 119, 135) !important;
|
|
77
|
+
cursor: default;
|
|
78
|
+
background: rgb(245, 248, 250) !important;
|
|
79
|
+
border-color: rgb(245, 248, 250) !important;
|
|
80
|
+
}
|
|
81
|
+
.duet-chip-container.duet-chip-disabled.duet-theme-turva {
|
|
82
|
+
color: rgb(116, 116, 117) !important;
|
|
83
|
+
background: rgb(245, 245, 247);
|
|
84
|
+
border-color: rgb(245, 245, 247);
|
|
85
|
+
}
|
|
86
|
+
.duet-chip-container.duet-chip-disabled:hover {
|
|
87
|
+
background: rgb(245, 248, 250);
|
|
88
|
+
border-color: rgb(245, 248, 250);
|
|
76
89
|
}
|
|
77
|
-
.duet-chip-container:hover
|
|
78
|
-
|
|
79
|
-
color: rgb(
|
|
90
|
+
.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva {
|
|
91
|
+
background: rgb(245, 245, 247);
|
|
92
|
+
border-color: rgb(245, 245, 247);
|
|
80
93
|
}
|
|
81
|
-
.duet-chip-container
|
|
82
|
-
.duet-chip-container
|
|
83
|
-
|
|
94
|
+
.duet-chip-container.duet-chip-disabled button,
|
|
95
|
+
.duet-chip-container.duet-chip-disabled label {
|
|
96
|
+
cursor: default;
|
|
84
97
|
}
|
|
85
98
|
.duet-chip-container button,
|
|
86
99
|
.duet-chip-container label {
|
|
@@ -99,10 +112,6 @@
|
|
|
99
112
|
.duet-chip-container label:focus {
|
|
100
113
|
outline: none;
|
|
101
114
|
}
|
|
102
|
-
.duet-chip-container button:hover,
|
|
103
|
-
.duet-chip-container label:hover {
|
|
104
|
-
color: rgb(0, 119, 179) !important;
|
|
105
|
-
}
|
|
106
115
|
.duet-chip-container .duet-chip-icon-container {
|
|
107
116
|
display: flex;
|
|
108
117
|
align-items: center;
|
|
@@ -113,12 +122,20 @@
|
|
|
113
122
|
.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container {
|
|
114
123
|
width: 24px;
|
|
115
124
|
height: 16px;
|
|
116
|
-
padding-right:
|
|
125
|
+
padding-right: 10px;
|
|
117
126
|
}
|
|
118
|
-
.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container {
|
|
127
|
+
.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container {
|
|
119
128
|
padding-right: 11px;
|
|
120
129
|
padding-left: 3px;
|
|
121
130
|
}
|
|
131
|
+
.duet-chip-container.duet-chip-has-icon button,
|
|
132
|
+
.duet-chip-container.duet-chip-has-icon label {
|
|
133
|
+
padding-left: 10px;
|
|
134
|
+
}
|
|
135
|
+
.duet-chip-container.duet-chip-has-popup button,
|
|
136
|
+
.duet-chip-container.duet-chip-has-popup label {
|
|
137
|
+
padding-right: 8px;
|
|
138
|
+
}
|
|
122
139
|
.duet-chip-container duet-icon:not(.check-mark) {
|
|
123
140
|
width: auto;
|
|
124
141
|
transition: width 300ms ease, transform 300ms ease;
|
|
@@ -134,8 +151,17 @@
|
|
|
134
151
|
background: rgb(230, 242, 248);
|
|
135
152
|
border-color: rgb(230, 242, 248);
|
|
136
153
|
}
|
|
154
|
+
.duet-chip-container.duet-chip-filter-checked:hover, .duet-chip-container.duet-chip-radio-checked:hover {
|
|
155
|
+
background: rgb(205, 229, 241);
|
|
156
|
+
border-color: rgb(205, 229, 241);
|
|
157
|
+
}
|
|
158
|
+
.duet-chip-container.duet-chip-filter-checked button,
|
|
159
|
+
.duet-chip-container.duet-chip-filter-checked label, .duet-chip-container.duet-chip-radio-checked button,
|
|
160
|
+
.duet-chip-container.duet-chip-radio-checked label {
|
|
161
|
+
padding-left: 10px;
|
|
162
|
+
}
|
|
137
163
|
.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container, .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container {
|
|
138
|
-
padding-right:
|
|
164
|
+
padding-right: 10px;
|
|
139
165
|
}
|
|
140
166
|
.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark), .duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark) {
|
|
141
167
|
width: 0;
|
|
@@ -152,8 +178,13 @@
|
|
|
152
178
|
background: rgb(245, 245, 247);
|
|
153
179
|
border-color: rgb(245, 245, 247);
|
|
154
180
|
}
|
|
181
|
+
.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover, .duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover {
|
|
182
|
+
background: rgb(228, 228, 230);
|
|
183
|
+
border-color: rgb(228, 228, 230);
|
|
184
|
+
}
|
|
155
185
|
.duet-chip-container div.duet-chip-popup-disclosure {
|
|
156
|
-
padding-
|
|
186
|
+
padding-right: 4.5px;
|
|
187
|
+
padding-left: 12.5px;
|
|
157
188
|
}
|
|
158
189
|
.duet-chip-container div.duet-chip-popup-disclosure duet-icon {
|
|
159
190
|
transition: transform 300ms ease;
|
|
@@ -108,6 +108,11 @@ export class DuetChip {
|
|
|
108
108
|
* Stop propagation and prevent default if popup is present, as the popup controls value and checked state.
|
|
109
109
|
*/
|
|
110
110
|
this.onFilterClick = (evt) => {
|
|
111
|
+
if (this.disabled) {
|
|
112
|
+
evt.stopPropagation();
|
|
113
|
+
evt.preventDefault();
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
111
116
|
if (this.popup) {
|
|
112
117
|
evt.stopPropagation();
|
|
113
118
|
evt.preventDefault();
|
|
@@ -133,6 +138,7 @@ export class DuetChip {
|
|
|
133
138
|
this.value = undefined;
|
|
134
139
|
this.name = undefined;
|
|
135
140
|
this.checked = false;
|
|
141
|
+
this.disabled = false;
|
|
136
142
|
}
|
|
137
143
|
clearOtherRadioButtons() {
|
|
138
144
|
if (this.variation === "radio" && this.checked) {
|
|
@@ -165,17 +171,19 @@ export class DuetChip {
|
|
|
165
171
|
[`duet-chip-${this.variation}`]: true,
|
|
166
172
|
"duet-chip-focus": this.focus,
|
|
167
173
|
"duet-chip-has-icon": !!this.icon,
|
|
174
|
+
"duet-chip-has-popup": this.variation === "filter" && !!this.popup,
|
|
168
175
|
"duet-theme-turva": this.theme === "turva",
|
|
169
176
|
"duet-chip-filter-checked": this.variation === "filter" && this.checked,
|
|
170
177
|
"duet-chip-radio-checked": this.variation === "radio" && this.checked,
|
|
171
178
|
"duet-chip-filter-popup-open": this.popupOpen,
|
|
179
|
+
"duet-chip-disabled": this.disabled,
|
|
172
180
|
};
|
|
173
181
|
const focusHandlers = {
|
|
174
182
|
onFocus: this.onFocus,
|
|
175
183
|
onBlur: this.onBlur,
|
|
176
184
|
ref: el => (this.focusableElement = el),
|
|
177
185
|
};
|
|
178
|
-
return (h(Host, null, this.variation === "button" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)))), this.variation === "input" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)), h("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, h("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("div", { class: classes }, h("input", Object.assign({ "aria-haspopup": this.popup && "menu", "aria-controls": (_a = this.popup) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.popup ? (this.popupOpen ? "true" : "false") : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { htmlFor: identifier }, h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), h("slot", null), this.popup && (h("div", { class: "duet-chip-popup-disclosure" }, h("duet-icon", { name: "action-arrow-down-small", size: "
|
|
186
|
+
return (h(Host, null, this.variation === "button" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)))), this.variation === "input" && (h("div", { class: classes }, h("button", Object.assign({ id: identifier, class: "duet-chip-input-button", "aria-label": this.accessibleLabel }, focusHandlers), h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), h("slot", null)), h("button", { class: "duet-chip-remove-button", onClick: this.onRemoveClick }, h("duet-icon", { name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (h("div", { class: classes }, h("input", Object.assign({ "aria-haspopup": this.popup && "menu", "aria-controls": (_a = this.popup) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.popup ? (this.popupOpen ? "true" : "false") : undefined, "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), h("label", { htmlFor: identifier }, h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), h("slot", null), this.popup && (h("div", { class: "duet-chip-popup-disclosure" }, h("duet-icon", { name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (h("div", { class: classes }, h("input", Object.assign({ "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "radio", name: this.name, value: this.value, checked: this.checked, onChange: this.onRadioChange, onClick: this.disabled ? evt => evt.preventDefault() : undefined }, focusHandlers)), h("label", { htmlFor: identifier }, h("div", { class: "duet-chip-icon-container" }, this.icon && (h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("duet-icon", { name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" })), h("slot", null))))));
|
|
179
187
|
}
|
|
180
188
|
static get is() { return "duet-chip"; }
|
|
181
189
|
static get encapsulation() { return "shadow"; }
|
|
@@ -217,7 +225,7 @@ export class DuetChip {
|
|
|
217
225
|
"references": {
|
|
218
226
|
"DuetChipVariation": {
|
|
219
227
|
"location": "local",
|
|
220
|
-
"path": "/Users/
|
|
228
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
|
|
221
229
|
}
|
|
222
230
|
}
|
|
223
231
|
},
|
|
@@ -345,6 +353,24 @@ export class DuetChip {
|
|
|
345
353
|
"attribute": "checked",
|
|
346
354
|
"reflect": true,
|
|
347
355
|
"defaultValue": "false"
|
|
356
|
+
},
|
|
357
|
+
"disabled": {
|
|
358
|
+
"type": "boolean",
|
|
359
|
+
"mutable": false,
|
|
360
|
+
"complexType": {
|
|
361
|
+
"original": "boolean",
|
|
362
|
+
"resolved": "boolean",
|
|
363
|
+
"references": {}
|
|
364
|
+
},
|
|
365
|
+
"required": false,
|
|
366
|
+
"optional": false,
|
|
367
|
+
"docs": {
|
|
368
|
+
"tags": [],
|
|
369
|
+
"text": "Makes the chip look inactive and announced as unavailable to assistive technologies. Prevents the default action.\nNot available for the input variation."
|
|
370
|
+
},
|
|
371
|
+
"attribute": "disabled",
|
|
372
|
+
"reflect": false,
|
|
373
|
+
"defaultValue": "false"
|
|
348
374
|
}
|
|
349
375
|
};
|
|
350
376
|
}
|
|
@@ -372,7 +398,7 @@ export class DuetChip {
|
|
|
372
398
|
"references": {
|
|
373
399
|
"DuetChipEvent": {
|
|
374
400
|
"location": "local",
|
|
375
|
-
"path": "/Users/
|
|
401
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
|
|
376
402
|
}
|
|
377
403
|
}
|
|
378
404
|
}
|
|
@@ -392,7 +418,7 @@ export class DuetChip {
|
|
|
392
418
|
"references": {
|
|
393
419
|
"DuetChipEvent": {
|
|
394
420
|
"location": "local",
|
|
395
|
-
"path": "/Users/
|
|
421
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
|
|
396
422
|
}
|
|
397
423
|
}
|
|
398
424
|
}
|
|
@@ -412,7 +438,7 @@ export class DuetChip {
|
|
|
412
438
|
"references": {
|
|
413
439
|
"DuetChipEvent": {
|
|
414
440
|
"location": "local",
|
|
415
|
-
"path": "/Users/
|
|
441
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-chip/duet-chip.tsx"
|
|
416
442
|
}
|
|
417
443
|
}
|
|
418
444
|
}
|
|
@@ -890,7 +890,7 @@ export class DuetChoice {
|
|
|
890
890
|
"references": {
|
|
891
891
|
"DuetChoiceEvent": {
|
|
892
892
|
"location": "local",
|
|
893
|
-
"path": "/Users/
|
|
893
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
|
|
894
894
|
}
|
|
895
895
|
}
|
|
896
896
|
}
|
|
@@ -910,7 +910,7 @@ export class DuetChoice {
|
|
|
910
910
|
"references": {
|
|
911
911
|
"DuetChoiceEvent": {
|
|
912
912
|
"location": "local",
|
|
913
|
-
"path": "/Users/
|
|
913
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
|
|
914
914
|
}
|
|
915
915
|
}
|
|
916
916
|
}
|
|
@@ -930,7 +930,7 @@ export class DuetChoice {
|
|
|
930
930
|
"references": {
|
|
931
931
|
"DuetChoiceEvent": {
|
|
932
932
|
"location": "local",
|
|
933
|
-
"path": "/Users/
|
|
933
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-choice/duet-choice.tsx"
|
|
934
934
|
}
|
|
935
935
|
}
|
|
936
936
|
}
|
|
@@ -223,7 +223,7 @@ export class DuetCollapsible {
|
|
|
223
223
|
"references": {
|
|
224
224
|
"DuetCollapsibleWeight": {
|
|
225
225
|
"location": "local",
|
|
226
|
-
"path": "/Users/
|
|
226
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
|
|
227
227
|
}
|
|
228
228
|
}
|
|
229
229
|
},
|
|
@@ -246,7 +246,7 @@ export class DuetCollapsible {
|
|
|
246
246
|
"references": {
|
|
247
247
|
"DuetCollapsibleHeadingFontSize": {
|
|
248
248
|
"location": "local",
|
|
249
|
-
"path": "/Users/
|
|
249
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
252
|
},
|
|
@@ -343,7 +343,7 @@ export class DuetCollapsible {
|
|
|
343
343
|
"references": {
|
|
344
344
|
"DuetCollapsibleToggleEvent": {
|
|
345
345
|
"location": "local",
|
|
346
|
-
"path": "/Users/
|
|
346
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx"
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
}
|
|
@@ -497,7 +497,7 @@ export class DuetCombobox {
|
|
|
497
497
|
"references": {
|
|
498
498
|
"DuetComboboxItem": {
|
|
499
499
|
"location": "local",
|
|
500
|
-
"path": "/Users/
|
|
500
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
|
|
501
501
|
}
|
|
502
502
|
}
|
|
503
503
|
},
|
|
@@ -616,7 +616,7 @@ export class DuetCombobox {
|
|
|
616
616
|
"references": {
|
|
617
617
|
"DuetComboboxEvent": {
|
|
618
618
|
"location": "local",
|
|
619
|
-
"path": "/Users/
|
|
619
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
|
|
620
620
|
}
|
|
621
621
|
}
|
|
622
622
|
}
|
|
@@ -640,7 +640,7 @@ export class DuetCombobox {
|
|
|
640
640
|
},
|
|
641
641
|
"DuetComboboxItem": {
|
|
642
642
|
"location": "local",
|
|
643
|
-
"path": "/Users/
|
|
643
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx"
|
|
644
644
|
}
|
|
645
645
|
},
|
|
646
646
|
"return": "Promise<string>"
|
|
@@ -99,7 +99,7 @@ export class DuetCookieConsent {
|
|
|
99
99
|
"references": {
|
|
100
100
|
"DuetCookieConsentEvent": {
|
|
101
101
|
"location": "local",
|
|
102
|
-
"path": "/Users/
|
|
102
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx"
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
}
|
|
@@ -750,7 +750,7 @@ export class DuetDatePicker {
|
|
|
750
750
|
"references": {
|
|
751
751
|
"DuetDatePickerDirection": {
|
|
752
752
|
"location": "local",
|
|
753
|
-
"path": "/Users/
|
|
753
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
756
|
},
|
|
@@ -922,7 +922,7 @@ export class DuetDatePicker {
|
|
|
922
922
|
"references": {
|
|
923
923
|
"DuetDatePickerChangeEvent": {
|
|
924
924
|
"location": "local",
|
|
925
|
-
"path": "/Users/
|
|
925
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
|
|
926
926
|
}
|
|
927
927
|
}
|
|
928
928
|
}
|
|
@@ -942,7 +942,7 @@ export class DuetDatePicker {
|
|
|
942
942
|
"references": {
|
|
943
943
|
"DuetDatePickerFocusEvent": {
|
|
944
944
|
"location": "local",
|
|
945
|
-
"path": "/Users/
|
|
945
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
|
|
946
946
|
}
|
|
947
947
|
}
|
|
948
948
|
}
|
|
@@ -962,7 +962,7 @@ export class DuetDatePicker {
|
|
|
962
962
|
"references": {
|
|
963
963
|
"DuetDatePickerFocusEvent": {
|
|
964
964
|
"location": "local",
|
|
965
|
-
"path": "/Users/
|
|
965
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx"
|
|
966
966
|
}
|
|
967
967
|
}
|
|
968
968
|
}
|
|
@@ -75,7 +75,7 @@ export class DuetDivider {
|
|
|
75
75
|
"references": {
|
|
76
76
|
"DuetDividerMargin": {
|
|
77
77
|
"location": "local",
|
|
78
|
-
"path": "/Users/
|
|
78
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx"
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
},
|
|
@@ -297,7 +297,7 @@ export class DuetEditableTable {
|
|
|
297
297
|
"references": {
|
|
298
298
|
"DuetEditableTableActions": {
|
|
299
299
|
"location": "local",
|
|
300
|
-
"path": "/Users/
|
|
300
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
|
|
301
301
|
}
|
|
302
302
|
}
|
|
303
303
|
},
|
|
@@ -321,7 +321,7 @@ export class DuetEditableTable {
|
|
|
321
321
|
"references": {
|
|
322
322
|
"DuetEditableTableColumns": {
|
|
323
323
|
"location": "local",
|
|
324
|
-
"path": "/Users/
|
|
324
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
|
|
325
325
|
}
|
|
326
326
|
}
|
|
327
327
|
},
|
|
@@ -345,7 +345,7 @@ export class DuetEditableTable {
|
|
|
345
345
|
"references": {
|
|
346
346
|
"DuetEditableTableRows": {
|
|
347
347
|
"location": "local",
|
|
348
|
-
"path": "/Users/
|
|
348
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
|
|
349
349
|
}
|
|
350
350
|
}
|
|
351
351
|
},
|
|
@@ -479,7 +479,7 @@ export class DuetEditableTable {
|
|
|
479
479
|
"references": {
|
|
480
480
|
"DuetTableToggleEvent": {
|
|
481
481
|
"location": "local",
|
|
482
|
-
"path": "/Users/
|
|
482
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
485
|
}
|
|
@@ -499,7 +499,7 @@ export class DuetEditableTable {
|
|
|
499
499
|
"references": {
|
|
500
500
|
"DuetTableMenuEvent": {
|
|
501
501
|
"location": "local",
|
|
502
|
-
"path": "/Users/
|
|
502
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx"
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
505
|
}
|
|
@@ -95,7 +95,7 @@ export class DuetEmptyState {
|
|
|
95
95
|
"references": {
|
|
96
96
|
"DuetEmptyStateSize": {
|
|
97
97
|
"location": "local",
|
|
98
|
-
"path": "/Users/
|
|
98
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx"
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
},
|
|
@@ -70,6 +70,7 @@ export class DuetFooter {
|
|
|
70
70
|
this.logoHref = "/";
|
|
71
71
|
this.language = getLanguage();
|
|
72
72
|
this.items = undefined;
|
|
73
|
+
this.accessibleLabel = undefined;
|
|
73
74
|
this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
|
|
74
75
|
this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
|
|
75
76
|
this.menu = undefined;
|
|
@@ -124,7 +125,7 @@ export class DuetFooter {
|
|
|
124
125
|
"duet-m-0": this.margin === "none",
|
|
125
126
|
"duet-theme-turva": this.theme === "turva",
|
|
126
127
|
"duet-footer-simple": this.variation === "simple",
|
|
127
|
-
} }, h("div", { class: "duet-footer-wrapper" }, h("div", { class: "duet-footer-top", part: "top" }, this.renderFooterTop()), h("slot", { name: "extra" }), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("div", { class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, null, this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
|
|
128
|
+
}, "aria-label": this.accessibleLabel }, h("div", { class: "duet-footer-wrapper" }, h("div", { class: "duet-footer-top", part: "top" }, this.renderFooterTop()), h("slot", { name: "extra" }), h("p", { class: "duet-footer-menu", part: "menu" }, h("span", { class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("div", { class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, null, this.processedMenu.map(item => (h("a", { href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("div", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
|
|
128
129
|
}
|
|
129
130
|
static get is() { return "duet-footer"; }
|
|
130
131
|
static get encapsulation() { return "shadow"; }
|
|
@@ -172,7 +173,7 @@ export class DuetFooter {
|
|
|
172
173
|
"references": {
|
|
173
174
|
"DuetFooterVariation": {
|
|
174
175
|
"location": "local",
|
|
175
|
-
"path": "/Users/
|
|
176
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
176
177
|
}
|
|
177
178
|
}
|
|
178
179
|
},
|
|
@@ -273,6 +274,23 @@ export class DuetFooter {
|
|
|
273
274
|
"attribute": "items",
|
|
274
275
|
"reflect": false
|
|
275
276
|
},
|
|
277
|
+
"accessibleLabel": {
|
|
278
|
+
"type": "string",
|
|
279
|
+
"mutable": false,
|
|
280
|
+
"complexType": {
|
|
281
|
+
"original": "string",
|
|
282
|
+
"resolved": "string",
|
|
283
|
+
"references": {}
|
|
284
|
+
},
|
|
285
|
+
"required": false,
|
|
286
|
+
"optional": false,
|
|
287
|
+
"docs": {
|
|
288
|
+
"tags": [],
|
|
289
|
+
"text": "Accessible label for footer"
|
|
290
|
+
},
|
|
291
|
+
"attribute": "accessible-label",
|
|
292
|
+
"reflect": false
|
|
293
|
+
},
|
|
276
294
|
"accessibleLabelExternalDefaults": {
|
|
277
295
|
"type": "string",
|
|
278
296
|
"mutable": false,
|
|
@@ -366,7 +384,7 @@ export class DuetFooter {
|
|
|
366
384
|
"references": {
|
|
367
385
|
"DuetFooterChangeEvent": {
|
|
368
386
|
"location": "local",
|
|
369
|
-
"path": "/Users/
|
|
387
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
370
388
|
}
|
|
371
389
|
}
|
|
372
390
|
}
|
|
@@ -386,7 +404,7 @@ export class DuetFooter {
|
|
|
386
404
|
"references": {
|
|
387
405
|
"DuetFooterChangeEvent": {
|
|
388
406
|
"location": "local",
|
|
389
|
-
"path": "/Users/
|
|
407
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
390
408
|
}
|
|
391
409
|
}
|
|
392
410
|
}
|
|
@@ -406,7 +424,7 @@ export class DuetFooter {
|
|
|
406
424
|
"references": {
|
|
407
425
|
"DuetFooterChangeEvent": {
|
|
408
426
|
"location": "local",
|
|
409
|
-
"path": "/Users/
|
|
427
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
410
428
|
}
|
|
411
429
|
}
|
|
412
430
|
}
|
|
@@ -426,7 +444,7 @@ export class DuetFooter {
|
|
|
426
444
|
"references": {
|
|
427
445
|
"DuetFooterChangeEvent": {
|
|
428
446
|
"location": "local",
|
|
429
|
-
"path": "/Users/
|
|
447
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
430
448
|
}
|
|
431
449
|
}
|
|
432
450
|
}
|
|
@@ -446,7 +464,7 @@ export class DuetFooter {
|
|
|
446
464
|
"references": {
|
|
447
465
|
"DuetFooterAnalyticsEvent": {
|
|
448
466
|
"location": "local",
|
|
449
|
-
"path": "/Users/
|
|
467
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
450
468
|
}
|
|
451
469
|
}
|
|
452
470
|
}
|
|
@@ -466,7 +484,7 @@ export class DuetFooter {
|
|
|
466
484
|
"references": {
|
|
467
485
|
"DuetFooterChangeEvent": {
|
|
468
486
|
"location": "local",
|
|
469
|
-
"path": "/Users/
|
|
487
|
+
"path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx"
|
|
470
488
|
}
|
|
471
489
|
}
|
|
472
490
|
}
|