@duetds/components 5.3.5 → 5.4.0
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 +45 -9
- package/lib/cjs/duet-action-button.cjs.entry.js +24 -6
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
- package/lib/cjs/duet-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +1 -1
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +21 -4
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-84c29960.js → focus-utils-7c1832b2.js} +1 -1
- package/lib/cjs/{index-772cc42f.js → index-63f324e3.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-50a1f7e2.js → token-utils-fef5b4eb.js} +1 -0
- package/lib/collection/components/duet-action-button/duet-action-button.js +44 -8
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +21 -3
- package/lib/collection/components/duet-upload/duet-upload.js +1 -1
- package/lib/collection/utils/token-utils.js +1 -1
- package/lib/custom-elements-bundle/index.js +46 -12
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-bacb27a1.js → p-03957a48.js} +1 -1
- package/lib/duet/p-0416a99f.entry.js +4 -0
- package/lib/duet/p-0b3f7f25.entry.js +4 -0
- package/lib/duet/{p-b74364d3.entry.js → p-0d8f88c8.entry.js} +1 -1
- package/lib/duet/p-0f69bf5d.entry.js +4 -0
- package/lib/duet/{p-8c282db8.system.js → p-0f6e4db9.system.js} +1 -1
- package/lib/duet/{p-89f53f18.system.entry.js → p-128ee483.system.entry.js} +1 -1
- package/lib/duet/{p-8f74030a.entry.js → p-14acc501.entry.js} +1 -1
- package/lib/duet/{p-8708f306.system.entry.js → p-19cac237.system.entry.js} +1 -1
- package/lib/duet/{p-442f1dd5.entry.js → p-1dec0f2c.entry.js} +1 -1
- package/lib/duet/{p-a818e289.entry.js → p-21d74fec.entry.js} +1 -1
- package/lib/duet/{p-7de54632.entry.js → p-23a1875c.entry.js} +1 -1
- package/lib/duet/{p-8eb6610c.system.entry.js → p-2522f85c.system.entry.js} +1 -1
- package/lib/duet/{p-64a691e3.entry.js → p-282ee56b.entry.js} +1 -1
- package/lib/duet/{p-ba0a4b7e.system.entry.js → p-30153133.system.entry.js} +1 -1
- package/lib/duet/{p-35d6061d.system.entry.js → p-347a4bb8.system.entry.js} +1 -1
- package/lib/duet/{p-3d27e5ed.system.entry.js → p-355fd4fc.system.entry.js} +1 -1
- package/lib/duet/{p-4903478e.entry.js → p-3b06dacd.entry.js} +1 -1
- package/lib/duet/{p-b88b18c3.entry.js → p-3bdc0b4e.entry.js} +1 -1
- package/lib/duet/{p-909aaac4.entry.js → p-40d4bc49.entry.js} +1 -1
- package/lib/duet/{p-ce276fc8.js → p-413df442.js} +1 -1
- package/lib/duet/{p-c0d98307.system.entry.js → p-426854f8.system.entry.js} +1 -1
- package/lib/duet/{p-8a472df4.system.entry.js → p-46f6dea4.system.entry.js} +1 -1
- package/lib/duet/{p-4fd4ddda.entry.js → p-4b50c47b.entry.js} +1 -1
- package/lib/duet/{p-16bc9a7e.system.entry.js → p-538ca1e8.system.entry.js} +1 -1
- package/lib/duet/{p-86a47942.entry.js → p-56081d74.entry.js} +1 -1
- package/lib/duet/{p-01ccafd3.system.entry.js → p-568fe563.system.entry.js} +2 -2
- package/lib/duet/{p-e36b95e0.system.entry.js → p-5d5c0181.system.entry.js} +1 -1
- package/lib/duet/{p-ff94713b.entry.js → p-5fea867d.entry.js} +1 -1
- package/lib/duet/p-6002f3d2.system.js +4 -0
- package/lib/duet/{p-12b8cb2f.system.entry.js → p-62352bbe.system.entry.js} +1 -1
- package/lib/duet/{p-e40b610d.entry.js → p-671453a4.entry.js} +1 -1
- package/lib/duet/{p-631054f3.system.js → p-67cbfa71.system.js} +1 -1
- package/lib/duet/{p-b972e7b7.system.entry.js → p-6944e2d1.system.entry.js} +1 -1
- package/lib/duet/{p-4e8f57dd.entry.js → p-6aece7e2.entry.js} +1 -1
- package/lib/duet/{p-e980faf9.system.entry.js → p-6f073ee3.system.entry.js} +1 -1
- package/lib/duet/{p-0b426a83.system.entry.js → p-70886ae8.system.entry.js} +1 -1
- package/lib/duet/{p-411bec39.system.entry.js → p-723b036a.system.entry.js} +1 -1
- package/lib/duet/{p-fab89c9d.system.entry.js → p-767767ad.system.entry.js} +1 -1
- package/lib/duet/{p-f9045aab.system.entry.js → p-768141d2.system.entry.js} +2 -2
- package/lib/duet/{p-dfa92326.entry.js → p-77b7fbcd.entry.js} +1 -1
- package/lib/duet/{p-8fa7559b.system.entry.js → p-7ad2c618.system.entry.js} +1 -1
- package/lib/duet/{p-05ff2672.entry.js → p-7df06bf2.entry.js} +1 -1
- package/lib/duet/{p-ea806947.entry.js → p-86575e21.entry.js} +1 -1
- package/lib/duet/p-86ed3c73.system.entry.js +4 -0
- package/lib/duet/{p-1717ed62.entry.js → p-8717227c.entry.js} +1 -1
- package/lib/duet/{p-d06f9b6c.entry.js → p-87738b6e.entry.js} +1 -1
- package/lib/duet/{p-e6fdaa31.entry.js → p-8d175e68.entry.js} +1 -1
- package/lib/duet/{p-b48811b5.entry.js → p-8fb5f933.entry.js} +1 -1
- package/lib/duet/{p-32dd246d.entry.js → p-9062ca61.entry.js} +1 -1
- package/lib/duet/{p-9071d4e1.system.entry.js → p-909a229b.system.entry.js} +1 -1
- package/lib/duet/{p-b787e777.system.entry.js → p-909b6b44.system.entry.js} +1 -1
- package/lib/duet/{p-97bb6fdd.system.entry.js → p-967eb38f.system.entry.js} +1 -1
- package/lib/duet/{p-0d188b2d.entry.js → p-a2b29846.entry.js} +1 -1
- package/lib/duet/{p-0f144788.entry.js → p-a903df4e.entry.js} +1 -1
- package/lib/duet/{p-c4b6bf46.entry.js → p-a93fca8b.entry.js} +1 -1
- package/lib/duet/{p-2d58c660.system.entry.js → p-b263653d.system.entry.js} +1 -1
- package/lib/duet/{p-43c1dcf5.entry.js → p-b2680be5.entry.js} +1 -1
- package/lib/duet/{p-3f1e781d.system.entry.js → p-b34d417d.system.entry.js} +1 -1
- package/lib/duet/{p-2553a64a.entry.js → p-b5fc4eee.entry.js} +1 -1
- package/lib/duet/{p-c60f00e7.system.entry.js → p-b98bb109.system.entry.js} +1 -1
- package/lib/duet/{p-f2dab640.system.entry.js → p-bdbb5c7d.system.entry.js} +1 -1
- package/lib/duet/{p-1a8dfe6e.system.entry.js → p-bf0efbe9.system.entry.js} +1 -1
- package/lib/duet/{p-9027d0a4.system.entry.js → p-c2fe4072.system.entry.js} +1 -1
- package/lib/duet/{p-c9f704c9.entry.js → p-c5bd7c30.entry.js} +1 -1
- package/lib/duet/{p-7dfe1c16.entry.js → p-c83e1e74.entry.js} +1 -1
- package/lib/duet/{p-6dd1cf98.entry.js → p-c90ab5d7.entry.js} +1 -1
- package/lib/duet/{p-3f50d9bd.system.entry.js → p-c9453dc6.system.entry.js} +1 -1
- package/lib/duet/{p-56ae348b.entry.js → p-c993f95a.entry.js} +1 -1
- package/lib/duet/p-cb64979e.system.entry.js +4 -0
- package/lib/duet/{p-20f4d5d2.system.entry.js → p-cbd51090.system.entry.js} +1 -1
- package/lib/duet/{p-c069f560.entry.js → p-cd8b61fd.entry.js} +1 -1
- package/lib/duet/{p-100b6a91.entry.js → p-ce8ddf05.entry.js} +1 -1
- package/lib/duet/{p-fdaaa3ad.entry.js → p-d243054f.entry.js} +1 -1
- package/lib/duet/{p-8b7adbf6.system.entry.js → p-da59200a.system.entry.js} +1 -1
- package/lib/duet/{p-e00170a2.system.entry.js → p-da62b929.system.entry.js} +1 -1
- package/lib/duet/{p-e908bfdc.system.entry.js → p-da9aa2cc.system.entry.js} +1 -1
- package/lib/duet/p-de3c0f4d.js +4 -0
- package/lib/duet/{p-5184e972.system.entry.js → p-e15ae3b1.system.entry.js} +1 -1
- package/lib/duet/{p-4dcbaccf.system.entry.js → p-e2628b7c.system.entry.js} +1 -1
- package/lib/duet/{p-f301004d.entry.js → p-e74db103.entry.js} +1 -1
- package/lib/duet/{p-815f4a10.system.entry.js → p-ea4e6d02.system.entry.js} +1 -1
- package/lib/duet/{p-7382c47e.system.entry.js → p-ec34f321.system.entry.js} +1 -1
- package/lib/duet/{p-85c68d48.system.entry.js → p-ec96f020.system.entry.js} +1 -1
- package/lib/duet/{p-36924c8f.entry.js → p-ed9cc88f.entry.js} +1 -1
- package/lib/duet/{p-4260e8b5.system.entry.js → p-efcc198f.system.entry.js} +1 -1
- package/lib/duet/{p-083e39cc.entry.js → p-f2aeef65.entry.js} +1 -1
- package/lib/duet/{p-923b03a6.system.entry.js → p-f3e72c0f.system.entry.js} +1 -1
- package/lib/duet/{p-cdba4c82.entry.js → p-f63f1511.entry.js} +1 -1
- package/lib/duet/{p-acaedb00.system.js → p-f86937f0.system.js} +1 -1
- package/lib/duet/{p-634fda0f.entry.js → p-fd7f32f7.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +24 -6
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +2 -2
- package/lib/esm/duet-card.entry.js +2 -2
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +1 -1
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +1 -1
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +1 -1
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +21 -4
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-07c543df.js → focus-utils-4ca66786.js} +1 -1
- package/lib/esm/{index-bcca1cb8.js → index-d5956898.js} +1 -1
- package/lib/esm/loader.js +2 -2
- package/lib/esm/{token-utils-1f9435bc.js → token-utils-df78f4d8.js} +1 -1
- package/lib/esm-es5/duet-action-button.entry.js +2 -2
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +2 -2
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +2 -2
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/{focus-utils-07c543df.js → focus-utils-4ca66786.js} +1 -1
- package/lib/esm-es5/{index-bcca1cb8.js → index-d5956898.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/token-utils-df78f4d8.js +4 -0
- package/lib/types/components/duet-action-button/duet-action-button.d.ts +12 -4
- package/lib/types/components/duet-input/duet-input.d.ts +2 -1
- package/lib/types/components/duet-upload/duet-upload.d.ts +1 -2
- package/lib/types/components.d.ts +13 -5
- package/lib/types/utils/token-utils.d.ts +1 -0
- package/package.json +5 -5
- package/lib/duet/p-35159c88.system.entry.js +0 -4
- package/lib/duet/p-61507bc8.entry.js +0 -4
- package/lib/duet/p-6190e2d6.system.js +0 -4
- package/lib/duet/p-661f842b.entry.js +0 -4
- package/lib/duet/p-9cca0bb4.js +0 -4
- package/lib/duet/p-9df4bfa0.system.entry.js +0 -4
- package/lib/duet/p-dbb2579c.entry.js +0 -4
- package/lib/esm-es5/token-utils-1f9435bc.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -6189,6 +6189,7 @@ class DuetActionButton {
|
|
|
6189
6189
|
constructor(hostRef) {
|
|
6190
6190
|
registerInstance(this, hostRef);
|
|
6191
6191
|
this.duetActionEvent = createEvent$2(this, "duetActionEvent", 6);
|
|
6192
|
+
this.listId = createID("duet-action-button");
|
|
6192
6193
|
this.numbersStore = "";
|
|
6193
6194
|
/**
|
|
6194
6195
|
* Theme of the pagination.
|
|
@@ -6236,6 +6237,13 @@ class DuetActionButton {
|
|
|
6236
6237
|
* to $size-icon-medium on mobile viewports. Example: "color-primary".
|
|
6237
6238
|
*/
|
|
6238
6239
|
this.background = "";
|
|
6240
|
+
/**
|
|
6241
|
+
* Title of the action button (shows as DOM tooltip when hovering)
|
|
6242
|
+
* if set to true, this will try to add a best-guess title based on action-name
|
|
6243
|
+
* if set to a string the string is used
|
|
6244
|
+
* if set to false nothing is set
|
|
6245
|
+
*/
|
|
6246
|
+
this.accessibleTitle = true;
|
|
6239
6247
|
/**
|
|
6240
6248
|
* Described By id
|
|
6241
6249
|
*/
|
|
@@ -6253,7 +6261,7 @@ class DuetActionButton {
|
|
|
6253
6261
|
*/
|
|
6254
6262
|
this.accessibleDescription = undefined;
|
|
6255
6263
|
/**
|
|
6256
|
-
* Default
|
|
6264
|
+
* Default accessible labels
|
|
6257
6265
|
*/
|
|
6258
6266
|
this.accessibleLabelsDefaults = {
|
|
6259
6267
|
en: {
|
|
@@ -6267,14 +6275,13 @@ class DuetActionButton {
|
|
|
6267
6275
|
},
|
|
6268
6276
|
};
|
|
6269
6277
|
/**
|
|
6270
|
-
* Default
|
|
6278
|
+
* Default accessible labels
|
|
6271
6279
|
*/
|
|
6272
6280
|
this.accessibleLabels = getLocaleString(this.accessibleLabelsDefaults);
|
|
6273
6281
|
/**
|
|
6274
6282
|
* Used to indicate which dom element with ID this element controls
|
|
6275
6283
|
*/
|
|
6276
6284
|
this.accessibleControls = "";
|
|
6277
|
-
this.listId = createID("duet-action-button");
|
|
6278
6285
|
/**
|
|
6279
6286
|
* Private methods.
|
|
6280
6287
|
*/
|
|
@@ -6296,6 +6303,17 @@ class DuetActionButton {
|
|
|
6296
6303
|
this.emitPageEvent(e);
|
|
6297
6304
|
}
|
|
6298
6305
|
}
|
|
6306
|
+
//return readable title for the action-button
|
|
6307
|
+
getTitle() {
|
|
6308
|
+
let titleString = "";
|
|
6309
|
+
if (typeof this.accessibleTitle === "string") {
|
|
6310
|
+
titleString = this.accessibleTitle;
|
|
6311
|
+
}
|
|
6312
|
+
if (this.accessibleTitle === true) {
|
|
6313
|
+
titleString = capitalizeFirstLetter(`${this.actionName}`);
|
|
6314
|
+
}
|
|
6315
|
+
return titleString;
|
|
6316
|
+
}
|
|
6299
6317
|
//set update current when mouse click on page number
|
|
6300
6318
|
async onMouseHandler(e) {
|
|
6301
6319
|
e.preventDefault();
|
|
@@ -6341,7 +6359,7 @@ class DuetActionButton {
|
|
|
6341
6359
|
"duet-action-button": true,
|
|
6342
6360
|
"duet-action-button--disabled": this.disabled,
|
|
6343
6361
|
[`duet-action-button--${this.theme}`]: this.theme !== "",
|
|
6344
|
-
}, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls }, hAsync("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), hAsync("duet-visually-hidden", null, hAsync("slot", null)))));
|
|
6362
|
+
}, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, hAsync("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), hAsync("duet-visually-hidden", null, hAsync("slot", null)))));
|
|
6345
6363
|
}
|
|
6346
6364
|
get element() { return getElement(this); }
|
|
6347
6365
|
static get style() { return duetActionButtonCss; }
|
|
@@ -6359,6 +6377,7 @@ class DuetActionButton {
|
|
|
6359
6377
|
"disabled": [4],
|
|
6360
6378
|
"color": [513],
|
|
6361
6379
|
"background": [1],
|
|
6380
|
+
"accessibleTitle": [8, "title"],
|
|
6362
6381
|
"accessibleDescribedBy": [1, "accessible-described-by"],
|
|
6363
6382
|
"accessibleDetails": [1, "accessible-details"],
|
|
6364
6383
|
"accessibleLabelledBy": [1, "accessible-labelled-by"],
|
|
@@ -8369,7 +8388,7 @@ var tokens$1 = /*#__PURE__*/Object.freeze({
|
|
|
8369
8388
|
'default': tokens
|
|
8370
8389
|
});
|
|
8371
8390
|
|
|
8372
|
-
const duetCollapsibleCss = "
|
|
8391
|
+
const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
|
|
8373
8392
|
|
|
8374
8393
|
/**
|
|
8375
8394
|
* @part duet-collapsible-heading-content - piercing selector for styling the heading content
|
|
@@ -8498,7 +8517,7 @@ class DuetCollapsible {
|
|
|
8498
8517
|
get element() { return getElement(this); }
|
|
8499
8518
|
static get style() { return duetCollapsibleCss; }
|
|
8500
8519
|
static get cmpMeta() { return {
|
|
8501
|
-
"$flags$":
|
|
8520
|
+
"$flags$": 6,
|
|
8502
8521
|
"$tagName$": "duet-collapsible",
|
|
8503
8522
|
"$members$": {
|
|
8504
8523
|
"theme": [1025],
|
|
@@ -12016,6 +12035,11 @@ class DuetInput {
|
|
|
12016
12035
|
fi: "Tyhjennä",
|
|
12017
12036
|
sv: "Rensa",
|
|
12018
12037
|
});
|
|
12038
|
+
this.timeAnnouncement = getLocaleString({
|
|
12039
|
+
en: "Time",
|
|
12040
|
+
fi: "Aika",
|
|
12041
|
+
sv: "Tid",
|
|
12042
|
+
});
|
|
12019
12043
|
/**
|
|
12020
12044
|
* Indicates the id or a string of space seperated ids of a component(s) that describes the input.
|
|
12021
12045
|
*/
|
|
@@ -12267,16 +12291,27 @@ class DuetInput {
|
|
|
12267
12291
|
else if (!this.pattern && this.type === "tel") {
|
|
12268
12292
|
inputProps.pattern = "[0-9+ ]+";
|
|
12269
12293
|
}
|
|
12270
|
-
|
|
12294
|
+
let selectedTime;
|
|
12295
|
+
if (this.value) {
|
|
12296
|
+
selectedTime = new Date();
|
|
12297
|
+
try {
|
|
12298
|
+
selectedTime.setHours(Number(this.value.slice(0, 2)), Number(this.value.slice(3, 5)), 0, 0);
|
|
12299
|
+
}
|
|
12300
|
+
catch (e) {
|
|
12301
|
+
selectedTime = undefined;
|
|
12302
|
+
}
|
|
12303
|
+
}
|
|
12304
|
+
return (hAsync(Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { class: {
|
|
12271
12305
|
"duet-input-container": true,
|
|
12272
12306
|
"duet-theme-turva": this.theme === "turva",
|
|
12273
12307
|
[`duet-input-variation-${this.variation}`]: true,
|
|
12274
12308
|
"duet-label-hidden": this.labelHidden,
|
|
12275
12309
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
12276
|
-
"has-icon": !!this.icon ||
|
|
12310
|
+
"has-icon": !!this.icon ||
|
|
12311
|
+
(this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time"),
|
|
12277
12312
|
"has-error": !!this.error,
|
|
12278
12313
|
"has-clear": this.clear,
|
|
12279
|
-
} }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), hAsync("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
|
|
12314
|
+
} }, hAsync("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (hAsync("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), hAsync("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
|
|
12280
12315
|
"duet-input": true,
|
|
12281
12316
|
disabled: this.disabled,
|
|
12282
12317
|
"is-number": this.component === "number",
|
|
@@ -12287,6 +12322,7 @@ class DuetInput {
|
|
|
12287
12322
|
this.type !== "text" &&
|
|
12288
12323
|
this.type !== "tel" &&
|
|
12289
12324
|
this.type !== "password" &&
|
|
12325
|
+
this.type !== "time" &&
|
|
12290
12326
|
this.variation !== "button" && (hAsync("div", { class: "duet-input-icon" }, hAsync("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { class: "duet-input-clear-icon" }, hAsync("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { class: "duet-input-icon" }, hAsync("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { name: "button" }), hAsync("slot", null)), hAsync("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && hAsync("span", { class: "duet-input-error" }, this.error)))));
|
|
12291
12327
|
}
|
|
12292
12328
|
get element() { return getElement(this); }
|
|
@@ -5,13 +5,13 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
const jsUtils = require('./js-utils-be1d29ae.js');
|
|
12
12
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
13
13
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
14
|
-
const tokenUtils = require('./token-utils-
|
|
14
|
+
const tokenUtils = require('./token-utils-fef5b4eb.js');
|
|
15
15
|
require('./string-utils-5cadd058.js');
|
|
16
16
|
require('./tokens.module-ef598645.js');
|
|
17
17
|
|
|
@@ -21,6 +21,7 @@ const DuetActionButton = class {
|
|
|
21
21
|
constructor(hostRef) {
|
|
22
22
|
index.registerInstance(this, hostRef);
|
|
23
23
|
this.duetActionEvent = index.createEvent(this, "duetActionEvent", 6);
|
|
24
|
+
this.listId = createId.createID("duet-action-button");
|
|
24
25
|
this.numbersStore = "";
|
|
25
26
|
/**
|
|
26
27
|
* Theme of the pagination.
|
|
@@ -68,6 +69,13 @@ const DuetActionButton = class {
|
|
|
68
69
|
* to $size-icon-medium on mobile viewports. Example: "color-primary".
|
|
69
70
|
*/
|
|
70
71
|
this.background = "";
|
|
72
|
+
/**
|
|
73
|
+
* Title of the action button (shows as DOM tooltip when hovering)
|
|
74
|
+
* if set to true, this will try to add a best-guess title based on action-name
|
|
75
|
+
* if set to a string the string is used
|
|
76
|
+
* if set to false nothing is set
|
|
77
|
+
*/
|
|
78
|
+
this.accessibleTitle = true;
|
|
71
79
|
/**
|
|
72
80
|
* Described By id
|
|
73
81
|
*/
|
|
@@ -85,7 +93,7 @@ const DuetActionButton = class {
|
|
|
85
93
|
*/
|
|
86
94
|
this.accessibleDescription = undefined;
|
|
87
95
|
/**
|
|
88
|
-
* Default
|
|
96
|
+
* Default accessible labels
|
|
89
97
|
*/
|
|
90
98
|
this.accessibleLabelsDefaults = {
|
|
91
99
|
en: {
|
|
@@ -99,14 +107,13 @@ const DuetActionButton = class {
|
|
|
99
107
|
},
|
|
100
108
|
};
|
|
101
109
|
/**
|
|
102
|
-
* Default
|
|
110
|
+
* Default accessible labels
|
|
103
111
|
*/
|
|
104
112
|
this.accessibleLabels = languageUtils.getLocaleString(this.accessibleLabelsDefaults);
|
|
105
113
|
/**
|
|
106
114
|
* Used to indicate which dom element with ID this element controls
|
|
107
115
|
*/
|
|
108
116
|
this.accessibleControls = "";
|
|
109
|
-
this.listId = createId.createID("duet-action-button");
|
|
110
117
|
/**
|
|
111
118
|
* Private methods.
|
|
112
119
|
*/
|
|
@@ -128,6 +135,17 @@ const DuetActionButton = class {
|
|
|
128
135
|
this.emitPageEvent(e);
|
|
129
136
|
}
|
|
130
137
|
}
|
|
138
|
+
//return readable title for the action-button
|
|
139
|
+
getTitle() {
|
|
140
|
+
let titleString = "";
|
|
141
|
+
if (typeof this.accessibleTitle === "string") {
|
|
142
|
+
titleString = this.accessibleTitle;
|
|
143
|
+
}
|
|
144
|
+
if (this.accessibleTitle === true) {
|
|
145
|
+
titleString = tokenUtils.capitalizeFirstLetter(`${this.actionName}`);
|
|
146
|
+
}
|
|
147
|
+
return titleString;
|
|
148
|
+
}
|
|
131
149
|
//set update current when mouse click on page number
|
|
132
150
|
async onMouseHandler(e) {
|
|
133
151
|
e.preventDefault();
|
|
@@ -173,7 +191,7 @@ const DuetActionButton = class {
|
|
|
173
191
|
"duet-action-button": true,
|
|
174
192
|
"duet-action-button--disabled": this.disabled,
|
|
175
193
|
[`duet-action-button--${this.theme}`]: this.theme !== "",
|
|
176
|
-
}, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls }, index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null)))));
|
|
194
|
+
}, type: "button", onClick: e => this.onMouseHandler(e), "aria-label": this.accessibleLabels.label, "aria-labelledby": this.accessibleLabelledBy, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, "aria-details": this.accessibleDetails, "aria-controls": this.accessibleControls, title: this.getTitle() }, index.h("duet-icon", { part: "icon", name: this.iconName, color: this.iconColor, margin: "none", size: this.iconSize }), index.h("duet-visually-hidden", null, index.h("slot", null)))));
|
|
177
195
|
}
|
|
178
196
|
get element() { return index.getElement(this); }
|
|
179
197
|
};
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
11
11
|
require('./string-utils-5cadd058.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
11
11
|
require('./string-utils-5cadd058.js');
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
12
|
-
const tokenUtils = require('./token-utils-
|
|
12
|
+
const tokenUtils = require('./token-utils-fef5b4eb.js');
|
|
13
13
|
require('./string-utils-5cadd058.js');
|
|
14
14
|
require('./tokens.module-ef598645.js');
|
|
15
15
|
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const stringUtils = require('./string-utils-5cadd058.js');
|
|
11
|
-
const tokenUtils = require('./token-utils-
|
|
11
|
+
const tokenUtils = require('./token-utils-fef5b4eb.js');
|
|
12
12
|
const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
|
|
13
13
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
14
14
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
12
12
|
const stringUtils = require('./string-utils-5cadd058.js');
|
|
13
|
-
const tokenUtils = require('./token-utils-
|
|
13
|
+
const tokenUtils = require('./token-utils-fef5b4eb.js');
|
|
14
14
|
require('./tokens.module-ef598645.js');
|
|
15
15
|
|
|
16
16
|
var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const createId = require('./create-id-c3b984b1.js');
|
|
12
|
-
const focusUtils = require('./focus-utils-
|
|
12
|
+
const focusUtils = require('./focus-utils-7c1832b2.js');
|
|
13
13
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
14
14
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
15
15
|
const watchOptions = require('./watch-options-d88afac0.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
|
|
10
10
|
const tokens = require('./tokens-29450bcb.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -13,7 +13,7 @@ const createId = require('./create-id-c3b984b1.js');
|
|
|
13
13
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
14
14
|
const stringUtils = require('./string-utils-5cadd058.js');
|
|
15
15
|
|
|
16
|
-
const duetCollapsibleCss = "
|
|
16
|
+
const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
|
|
17
17
|
|
|
18
18
|
const DuetCollapsible = class {
|
|
19
19
|
constructor(hostRef) {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const jsUtils = require('./js-utils-be1d29ae.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
|
-
const focusUtils = require('./focus-utils-
|
|
11
|
+
const focusUtils = require('./focus-utils-7c1832b2.js');
|
|
12
12
|
const languageUtils = require('./language-utils-4f62a7db.js');
|
|
13
13
|
require('./string-utils-5cadd058.js');
|
|
14
14
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetDividerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const jsUtils = require('./js-utils-be1d29ae.js');
|
|
11
11
|
const keyboardUtils = require('./keyboard-utils-bb32119b.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
|
|
11
11
|
const duetEmptyStateCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
10
|
const createId = require('./create-id-c3b984b1.js');
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const tokens = require('./tokens-29450bcb.js');
|
|
10
10
|
const watchOptions = require('./watch-options-d88afac0.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const formSearch = require('./form-search-d61b2843.js');
|
|
10
10
|
const tokens = require('./tokens-29450bcb.js');
|
|
11
11
|
const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
|
|
10
10
|
const commonStrings = require('./common-strings-de17f887.js');
|
|
11
11
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
10
|
-
const tokenUtils = require('./token-utils-
|
|
10
|
+
const tokenUtils = require('./token-utils-fef5b4eb.js');
|
|
11
11
|
require('./tokens.module-ef598645.js');
|
|
12
12
|
|
|
13
13
|
const cleanupSvg = (svgContent) => {
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
8
|
+
const index = require('./index-63f324e3.js');
|
|
9
9
|
const formSearch = require('./form-search-d61b2843.js');
|
|
10
10
|
const themeableComponent = require('./themeable-component-fdeaef9f.js');
|
|
11
11
|
const createId = require('./create-id-c3b984b1.js');
|
|
@@ -45,6 +45,11 @@ const DuetInput = class {
|
|
|
45
45
|
fi: "Tyhjennä",
|
|
46
46
|
sv: "Rensa",
|
|
47
47
|
});
|
|
48
|
+
this.timeAnnouncement = languageUtils.getLocaleString({
|
|
49
|
+
en: "Time",
|
|
50
|
+
fi: "Aika",
|
|
51
|
+
sv: "Tid",
|
|
52
|
+
});
|
|
48
53
|
/**
|
|
49
54
|
* Indicates the id or a string of space seperated ids of a component(s) that describes the input.
|
|
50
55
|
*/
|
|
@@ -296,16 +301,27 @@ const DuetInput = class {
|
|
|
296
301
|
else if (!this.pattern && this.type === "tel") {
|
|
297
302
|
inputProps.pattern = "[0-9+ ]+";
|
|
298
303
|
}
|
|
299
|
-
|
|
304
|
+
let selectedTime;
|
|
305
|
+
if (this.value) {
|
|
306
|
+
selectedTime = new Date();
|
|
307
|
+
try {
|
|
308
|
+
selectedTime.setHours(Number(this.value.slice(0, 2)), Number(this.value.slice(3, 5)), 0, 0);
|
|
309
|
+
}
|
|
310
|
+
catch (e) {
|
|
311
|
+
selectedTime = undefined;
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
return (index.h(index.Host, { class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (index.h("duet-visually-hidden", { "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement} ${selectedTime.toLocaleTimeString()}` : "")), index.h("div", { class: {
|
|
300
315
|
"duet-input-container": true,
|
|
301
316
|
"duet-theme-turva": this.theme === "turva",
|
|
302
317
|
[`duet-input-variation-${this.variation}`]: true,
|
|
303
318
|
"duet-label-hidden": this.labelHidden,
|
|
304
319
|
"duet-input-top-caption-shown": this.isCaptionVisible,
|
|
305
|
-
"has-icon": !!this.icon ||
|
|
320
|
+
"has-icon": !!this.icon ||
|
|
321
|
+
(this.type !== "text" && this.type !== "tel" && this.type !== "password" && this.type !== "time"),
|
|
306
322
|
"has-error": !!this.error,
|
|
307
323
|
"has-clear": this.clear,
|
|
308
|
-
} }, index.h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (index.h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), index.h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && this.value && (index.h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), index.h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
|
|
324
|
+
} }, index.h("duet-label", { theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, margin: this.isCaptionVisible ? "small" : "auto", id: this.labelId, for: identifier }, this.label), this.tooltip && (index.h("duet-tooltip", { direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), this.caption && (index.h("duet-caption", { id: this.topCaptionId, size: "medium" }, this.caption)), index.h("div", { class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (index.h("duet-caption", { id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), index.h("input", Object.assign({ ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.type, class: {
|
|
309
325
|
"duet-input": true,
|
|
310
326
|
disabled: this.disabled,
|
|
311
327
|
"is-number": this.component === "number",
|
|
@@ -316,6 +332,7 @@ const DuetInput = class {
|
|
|
316
332
|
this.type !== "text" &&
|
|
317
333
|
this.type !== "tel" &&
|
|
318
334
|
this.type !== "password" &&
|
|
335
|
+
this.type !== "time" &&
|
|
319
336
|
this.variation !== "button" && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (index.h("div", { class: "duet-input-clear-icon" }, index.h("button", { onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel, "aria-keyshortcuts": "Escape" }, index.h("duet-icon", { margin: "none", size: "xx-small", name: "activity-close", color: "currentColor" })))), this.icon && this.variation !== "button" && (index.h("div", { class: "duet-input-icon" }, index.h("duet-icon", { margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && index.h("slot", { name: "button" }), index.h("slot", null)), index.h("span", { class: "duet-input-help", id: this.errorId, "aria-live": "assertive", "aria-relevant": "additions removals" }, this.error && index.h("span", { class: "duet-input-error" }, this.error)))));
|
|
320
337
|
}
|
|
321
338
|
get element() { return index.getElement(this); }
|