@duetds/components 10.5.0 → 10.6.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 +501 -263
- package/hydrate/index.mjs +501 -263
- package/lib/cjs/{a11y-utils-DaAO4N9d.js → a11y-utils-CgWjS7yq.js} +1 -1
- package/lib/cjs/{app-globals-CHNvdfQj.js → app-globals-D68ciWsb.js} +1 -1
- package/lib/cjs/duet-action-button.cjs.entry.js +6 -6
- package/lib/cjs/duet-alert.cjs.entry.js +4 -4
- package/lib/cjs/duet-badge.cjs.entry.js +7 -7
- package/lib/cjs/duet-banner.cjs.entry.js +15 -16
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +7 -7
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +7 -7
- package/lib/cjs/duet-button_2.cjs.entry.js +8 -8
- package/lib/cjs/duet-callout.cjs.entry.js +5 -5
- package/lib/cjs/duet-caption_4.cjs.entry.js +11 -11
- package/lib/cjs/duet-card.cjs.entry.js +21 -10
- package/lib/cjs/duet-checkbox.cjs.entry.js +3 -3
- package/lib/cjs/duet-checkmark.cjs.entry.js +4 -4
- package/lib/cjs/duet-chip.cjs.entry.js +28 -12
- package/lib/cjs/duet-choice_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-collapsible.cjs.entry.js +4 -4
- package/lib/cjs/duet-combobox.cjs.entry.js +6 -6
- package/lib/cjs/duet-contact-card.cjs.entry.js +17 -7
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +3 -3
- package/lib/cjs/duet-date-picker.cjs.entry.js +127 -14
- package/lib/cjs/duet-divider_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +15 -15
- package/lib/cjs/duet-empty-state.cjs.entry.js +2 -2
- package/lib/cjs/duet-fieldset.cjs.entry.js +6 -6
- package/lib/cjs/duet-file-chooser.cjs.entry.js +2 -2
- package/lib/cjs/duet-footer.cjs.entry.js +5 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-header_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-hero.cjs.entry.js +22 -21
- package/lib/cjs/duet-icon.cjs.entry.js +7 -7
- package/lib/cjs/duet-indicator.cjs.entry.js +5 -5
- package/lib/cjs/duet-input_2.cjs.entry.js +70 -18
- package/lib/cjs/duet-layout.cjs.entry.js +7 -7
- package/lib/cjs/duet-list_2.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-menu-bar.cjs.entry.js +6 -6
- package/lib/cjs/duet-modal.cjs.entry.js +15 -15
- package/lib/cjs/duet-multiselect.cjs.entry.js +11 -11
- package/lib/cjs/duet-nav.cjs.entry.js +3 -3
- package/lib/cjs/duet-notification_2.cjs.entry.js +10 -10
- package/lib/cjs/duet-number-input.cjs.entry.js +9 -9
- package/lib/cjs/duet-overlay.cjs.entry.js +3 -3
- package/lib/cjs/duet-page-heading.cjs.entry.js +6 -6
- package/lib/cjs/duet-pagination_2.cjs.entry.js +19 -19
- package/lib/cjs/duet-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-phone-input.cjs.entry.js +11 -6
- package/lib/cjs/duet-popup-menu_2.cjs.entry.js +10 -10
- package/lib/cjs/duet-progress.cjs.entry.js +3 -3
- package/lib/cjs/duet-promo-card.cjs.entry.js +20 -8
- package/lib/cjs/duet-radio_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-range-slider.cjs.entry.js +8 -8
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +18 -18
- package/lib/cjs/duet-section-layout.cjs.entry.js +4 -4
- package/lib/cjs/duet-select.cjs.entry.js +9 -9
- package/lib/cjs/duet-shaped-image.cjs.entry.js +4 -4
- package/lib/cjs/duet-share-chart-item.cjs.entry.js +2 -2
- package/lib/cjs/duet-share-chart.cjs.entry.js +8 -8
- package/lib/cjs/duet-show-more.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout-link.cjs.entry.js +7 -7
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +6 -6
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +13 -13
- package/lib/cjs/duet-slideout.cjs.entry.js +20 -14
- package/lib/cjs/duet-status-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-step_2.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-item.cjs.entry.js +7 -7
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +7 -7
- package/lib/cjs/duet-textarea.cjs.entry.js +8 -8
- package/lib/cjs/duet-toggle.cjs.entry.js +9 -9
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +5 -5
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +7 -7
- package/lib/cjs/duet-toolbar-item.cjs.entry.js +8 -8
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +4 -4
- package/lib/cjs/duet-toolbar.cjs.entry.js +4 -4
- package/lib/cjs/duet-tooltip-button_2.cjs.entry.js +10 -10
- package/lib/cjs/duet-tooltip.cjs.entry.js +5 -5
- package/lib/cjs/duet-tray.cjs.entry.js +7 -7
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-item.cjs.entry.js +6 -6
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +2 -2
- package/lib/cjs/duet.cjs.js +3 -3
- package/lib/cjs/{errorcodes.utils-Dkf_MfrJ.js → errorcodes.utils-C0tQ3k6Z.js} +1 -1
- package/lib/cjs/{focus-utils-BuGg0Oha.js → focus-utils-tCoGOO7d.js} +1 -1
- package/lib/cjs/{index-ZxE6MB5V.js → index-BeiMjjVl.js} +9 -9
- package/lib/cjs/{keyboard-utils-D9UlHbik.js → keyboard-utils-DibQafwg.js} +2 -0
- package/lib/cjs/{label-CpPOBfjS.js → label-Cu4DNShe.js} +1 -1
- package/lib/cjs/{language-utils-C7Z0KYg-.js → language-utils-B3NubUDr.js} +1 -1
- package/lib/cjs/loader.cjs.js +3 -3
- package/lib/cjs/picture-utils-D_HVgfq5.js +15 -0
- package/lib/cjs/{slot-utils-BXdHT3A1.js → slot-utils-Dny6EJ_G.js} +1 -1
- package/lib/cjs/{themeable-component-CIDaln0Z.js → themeable-component-Csdvrnsd.js} +1 -1
- package/lib/cjs/{token-utils-DY3-olMV.js → token-utils-ZISdNshf.js} +1 -1
- package/lib/cjs/{tokens.module-CTbvyezn.js → tokens.module-CGRpZaa1.js} +2 -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-badge/duet-badge.js +2 -2
- package/lib/collection/components/duet-banner/duet-banner.css +12 -0
- package/lib/collection/components/duet-banner/duet-banner.js +30 -5
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumb.js +4 -4
- package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.js +2 -2
- package/lib/collection/components/duet-button/duet-button.js +8 -8
- package/lib/collection/components/duet-callout/duet-callout.js +2 -2
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.css +3 -0
- package/lib/collection/components/duet-card/duet-card.js +43 -7
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-chip/duet-chip.js +53 -17
- package/lib/collection/components/duet-choice/duet-checkmark.js +2 -2
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-choice-group/duet-choice-group.js +2 -2
- 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-contact-card/duet-contact-card.css +3 -0
- package/lib/collection/components/duet-contact-card/duet-contact-card.js +38 -2
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/date-picker-month.js +4 -2
- package/lib/collection/components/duet-date-picker/date-utils.js +7 -0
- package/lib/collection/components/duet-date-picker/disallowed-days.js +23 -0
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +100 -10
- package/lib/collection/components/duet-date-picker/finnish-bank-holidays.js +66 -0
- 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 +3 -3
- package/lib/collection/components/duet-fieldset/duet-fieldset.js +3 -3
- package/lib/collection/components/duet-file-chooser/duet-file-chooser.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.js +7 -7
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-grid-item/duet-grid-item.js +2 -2
- 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.css +92 -14
- package/lib/collection/components/duet-hero/duet-hero.js +47 -21
- package/lib/collection/components/duet-icon/duet-icon.js +3 -3
- package/lib/collection/components/duet-indicator/duet-indicator.js +3 -3
- package/lib/collection/components/duet-input/duet-input.js +73 -20
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +6 -6
- package/lib/collection/components/duet-link/duet-link.js +2 -2
- package/lib/collection/components/duet-list/duet-list.js +4 -4
- package/lib/collection/components/duet-list-item/duet-list-item.js +2 -2
- package/lib/collection/components/duet-logo/duet-logo.js +2 -2
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +4 -4
- package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js +2 -2
- package/lib/collection/components/duet-menu-bar-dropdown/duet-menu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-menu-bar-dropdown-link/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-menu-bar-item/duet-menu-bar-item.js +2 -2
- package/lib/collection/components/duet-menu-bar-link/duet-menu-bar-link.js +2 -2
- package/lib/collection/components/duet-modal/duet-modal.js +11 -11
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +11 -11
- package/lib/collection/components/duet-nav/duet-nav.js +1 -1
- package/lib/collection/components/duet-notification/duet-notification.js +2 -2
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +4 -4
- package/lib/collection/components/duet-number-input/duet-number-input.js +8 -8
- package/lib/collection/components/duet-overlay/duet-overlay.js +2 -2
- package/lib/collection/components/duet-page-heading/duet-page-heading.js +3 -3
- package/lib/collection/components/duet-pagination/duet-pagination.js +13 -13
- package/lib/collection/components/duet-panel/duet-panel.js +3 -3
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +5 -5
- package/lib/collection/components/duet-phone-input/duet-phone-input.js +30 -5
- package/lib/collection/components/duet-popup-menu/duet-popup-menu.js +1 -1
- package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js +4 -4
- package/lib/collection/components/duet-promo-card/duet-promo-card.css +4 -0
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +39 -2
- package/lib/collection/components/duet-radio/duet-radio.js +6 -6
- package/lib/collection/components/duet-radio-group/duet-radio-group.js +1 -1
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +4 -4
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +3 -3
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +5 -5
- package/lib/collection/components/duet-section-layout/duet-section-layout.js +3 -3
- package/lib/collection/components/duet-select/duet-select.js +10 -10
- package/lib/collection/components/duet-shaped-image/duet-shaped-image.js +2 -2
- package/lib/collection/components/duet-share-chart/duet-share-chart.js +2 -2
- package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js +1 -1
- package/lib/collection/components/duet-show-more/duet-show-more.js +3 -3
- package/lib/collection/components/duet-slideout/duet-slideout.js +12 -6
- package/lib/collection/components/duet-slideout-lang/duet-slideout-lang.js +1 -1
- package/lib/collection/components/duet-slideout-link/duet-slideout-link.js +2 -2
- package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js +6 -6
- package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js +4 -4
- package/lib/collection/components/duet-spacer/duet-spacer.js +3 -3
- package/lib/collection/components/duet-spinner/duet-spinner.js +2 -2
- package/lib/collection/components/duet-status-icon/duet-status-icon.js +2 -2
- package/lib/collection/components/duet-step/duet-step.js +4 -4
- package/lib/collection/components/duet-stepper/duet-stepper.js +2 -2
- package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js +5 -5
- package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js +4 -4
- package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js +1 -1
- package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js +1 -1
- package/lib/collection/components/duet-tab/duet-tab.js +2 -2
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +9 -9
- package/lib/collection/components/duet-table/duet-table-styles.js +5 -5
- package/lib/collection/components/duet-table/duet-table.js +2 -2
- package/lib/collection/components/duet-textarea/duet-textarea.js +7 -7
- package/lib/collection/components/duet-toggle/duet-toggle.js +4 -4
- package/lib/collection/components/duet-toolbar/duet-toolbar.js +2 -2
- package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js +4 -4
- package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js +2 -2
- package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js +3 -3
- package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js +2 -2
- package/lib/collection/components/duet-tooltip/duet-tooltip-button.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js +3 -3
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-tray/duet-tray.js +2 -2
- package/lib/collection/components/duet-upload/duet-upload.js +16 -16
- package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js +1 -1
- package/lib/collection/components/duet-upload-item/duet-upload-item.js +4 -4
- package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js +1 -1
- package/lib/collection/utils/keyboard-utils.js +1 -0
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/p-054c334d.entry.js +4 -0
- package/lib/duet/{p-3277233e.entry.js → p-0e10e36b.entry.js} +1 -1
- package/lib/duet/{p-9ae7aaef.entry.js → p-12d7fdf6.entry.js} +1 -1
- package/lib/duet/{p-3f7afd87.entry.js → p-1579bdf5.entry.js} +1 -1
- package/lib/duet/{p-7eea47d5.entry.js → p-174935bc.entry.js} +1 -1
- package/lib/duet/{p-42ec7305.entry.js → p-1d7a9425.entry.js} +1 -1
- package/lib/duet/{p-317e81f3.entry.js → p-20066df8.entry.js} +1 -1
- package/lib/duet/{p-3690576a.entry.js → p-20c8226c.entry.js} +1 -1
- package/lib/duet/{p-19863cdf.entry.js → p-210bc161.entry.js} +1 -1
- package/lib/duet/{p-b747f6e9.entry.js → p-244bfbf9.entry.js} +1 -1
- package/lib/duet/{p-38973524.entry.js → p-264688ae.entry.js} +1 -1
- package/lib/duet/{p-93ff8fe4.entry.js → p-2bf78fe4.entry.js} +1 -1
- package/lib/duet/{p-9e1a59d1.entry.js → p-2e44c6b8.entry.js} +1 -1
- package/lib/duet/{p-c1afac0d.entry.js → p-304a9a55.entry.js} +1 -1
- package/lib/duet/{p-516397ba.entry.js → p-30d8a1e4.entry.js} +1 -1
- package/lib/duet/p-3445529c.entry.js +4 -0
- package/lib/duet/{p-2f8a47e2.entry.js → p-3533d6ee.entry.js} +1 -1
- package/lib/duet/{p-fe829b53.entry.js → p-374b48f6.entry.js} +1 -1
- package/lib/duet/{p-7353ee4c.entry.js → p-3b9d7f6a.entry.js} +1 -1
- package/lib/duet/{p-5f5f72d4.entry.js → p-3def9480.entry.js} +1 -1
- package/lib/duet/p-3fbe466a.entry.js +4 -0
- package/lib/duet/{p-d3b5c997.entry.js → p-407d4e5a.entry.js} +1 -1
- package/lib/duet/p-41230630.entry.js +4 -0
- package/lib/duet/p-44e53564.entry.js +4 -0
- package/lib/duet/p-46287d85.entry.js +4 -0
- package/lib/duet/p-48e77341.entry.js +4 -0
- package/lib/duet/{p-a8876b3d.entry.js → p-4a041c60.entry.js} +1 -1
- package/lib/duet/{p-efa4eecc.entry.js → p-4a251661.entry.js} +1 -1
- package/lib/duet/{p-407f7f03.entry.js → p-4a4e5bb5.entry.js} +1 -1
- package/lib/duet/{p-b1326cbb.entry.js → p-4acdc586.entry.js} +1 -1
- package/lib/duet/{p-8ace1eb4.entry.js → p-4b07ce36.entry.js} +1 -1
- package/lib/duet/{p-e7f2359a.entry.js → p-4cee693b.entry.js} +1 -1
- package/lib/duet/{p-3f35fce3.entry.js → p-4e1c2676.entry.js} +1 -1
- package/lib/duet/{p-40fa7371.entry.js → p-4e5532c8.entry.js} +1 -1
- package/lib/duet/{p-7fd39204.entry.js → p-512d18c8.entry.js} +1 -1
- package/lib/duet/{p-6ef683d5.entry.js → p-555e0c78.entry.js} +1 -1
- package/lib/duet/{p-cb6c4158.entry.js → p-5b322a86.entry.js} +1 -1
- package/lib/duet/p-5f72134e.entry.js +4 -0
- package/lib/duet/{p-dedf6a32.entry.js → p-61abccd4.entry.js} +1 -1
- package/lib/duet/{p-443af533.entry.js → p-6a11ba26.entry.js} +1 -1
- package/lib/duet/{p-f040706c.entry.js → p-6bd78205.entry.js} +1 -1
- package/lib/duet/p-6c239923.entry.js +4 -0
- package/lib/duet/{p-bdbf0fae.entry.js → p-6ce82324.entry.js} +1 -1
- package/lib/duet/{p-268b3066.entry.js → p-6d1d1199.entry.js} +1 -1
- package/lib/duet/p-81c5d3e3.entry.js +4 -0
- package/lib/duet/p-829bccb7.entry.js +4 -0
- package/lib/duet/{p-c2026c6b.entry.js → p-83dcbb64.entry.js} +1 -1
- package/lib/duet/{p-461d4089.entry.js → p-84f8bee8.entry.js} +1 -1
- package/lib/duet/{p-d6f0afa5.entry.js → p-8927ccc1.entry.js} +1 -1
- package/lib/duet/{p-3b2fba0f.entry.js → p-8bdcfd1f.entry.js} +1 -1
- package/lib/duet/{p-833802f9.entry.js → p-8fbcea55.entry.js} +1 -1
- package/lib/duet/{p-20a8ef81.entry.js → p-914ee7ac.entry.js} +1 -1
- package/lib/duet/{p-d3baa815.entry.js → p-95bb2a8d.entry.js} +1 -1
- package/lib/duet/{p-cbcee3e2.entry.js → p-985213bb.entry.js} +1 -1
- package/lib/duet/{p-52beb436.entry.js → p-9889218e.entry.js} +1 -1
- package/lib/duet/{p-30108edc.entry.js → p-9b2731b9.entry.js} +1 -1
- package/lib/duet/{p-829db926.entry.js → p-9b448008.entry.js} +1 -1
- package/lib/duet/p-9c41f1d5.entry.js +4 -0
- package/lib/duet/p-BDgGHTHh.js +4 -0
- package/lib/duet/p-BZev46O8.js +4 -0
- package/lib/duet/p-BaefVzkx.js +4 -0
- package/lib/duet/p-CcoGR9T9.js +4 -0
- package/lib/duet/{p-R3pTP2Oy.js → p-CyfEm8iD.js} +1 -1
- package/lib/duet/p-D3450NfA.js +5 -0
- package/lib/duet/{p-CFqvB5PA.js → p-D9N9LBeD.js} +1 -1
- package/lib/duet/{p-C5Yfx2kd.js → p-DI7IXBXp.js} +1 -1
- package/lib/duet/{p-D2ly4TZR.js → p-DYmL1tSl.js} +1 -1
- package/lib/duet/p-Dk60lC7n.js +4 -0
- package/lib/duet/p-JFwTD5kM.js +4 -0
- package/lib/duet/{p-BzYmwX5_.js → p-KbNgo0QF.js} +1 -1
- package/lib/duet/{p-110c7572.entry.js → p-a01f3141.entry.js} +1 -1
- package/lib/duet/{p-43e076b5.entry.js → p-a49b5d93.entry.js} +1 -1
- package/lib/duet/p-a6dbe893.entry.js +4 -0
- package/lib/duet/{p-1da7703d.entry.js → p-aa1256f9.entry.js} +1 -1
- package/lib/duet/{p-a068c086.entry.js → p-aa7e4c81.entry.js} +1 -1
- package/lib/duet/{p-70612314.entry.js → p-ac4fc44c.entry.js} +1 -1
- package/lib/duet/{p-61ec0e1c.entry.js → p-ae382e2e.entry.js} +1 -1
- package/lib/duet/{p-a483117e.entry.js → p-bc41d13d.entry.js} +1 -1
- package/lib/duet/{p-734249e0.entry.js → p-c54ecb23.entry.js} +1 -1
- package/lib/duet/{p-70961edb.entry.js → p-d72dee5d.entry.js} +1 -1
- package/lib/duet/p-d7abb7fa.entry.js +4 -0
- package/lib/duet/{p-8b0dfbd7.entry.js → p-dbb9e1d4.entry.js} +1 -1
- package/lib/duet/{p-317a1fc0.entry.js → p-e40d9c21.entry.js} +1 -1
- package/lib/duet/{p-06297bd8.entry.js → p-e43df9c2.entry.js} +1 -1
- package/lib/duet/{p-02d8e844.entry.js → p-e442943d.entry.js} +1 -1
- package/lib/duet/p-eb7bc989.entry.js +4 -0
- package/lib/duet/{p-a9104184.entry.js → p-ec1d2e0a.entry.js} +1 -1
- package/lib/duet/p-edcdf0b7.entry.js +4 -0
- package/lib/duet/{p-e08dce92.entry.js → p-ee369233.entry.js} +1 -1
- package/lib/duet/{p-8012c7bc.entry.js → p-f297f8f2.entry.js} +1 -1
- package/lib/duet/{p-c54be349.entry.js → p-f30c3cfe.entry.js} +1 -1
- package/lib/duet/{p-a5177d32.entry.js → p-f4538e9d.entry.js} +1 -1
- package/lib/duet/{p-c216e746.entry.js → p-f4de7ac0.entry.js} +1 -1
- package/lib/duet/{p-4b7f1244.entry.js → p-f8d640ba.entry.js} +1 -1
- package/lib/duet/{p-2dd7d75e.entry.js → p-f9db8670.entry.js} +1 -1
- package/lib/duet/p-fc1a18f8.entry.js +4 -0
- package/lib/duet/{p-d779fe42.entry.js → p-fc2be136.entry.js} +1 -1
- package/lib/duet/p-fdc4a97c.entry.js +4 -0
- package/lib/duet/p-kkZE1C6Z.js +4 -0
- package/lib/esm/{a11y-utils-ChN5Nhxh.js → a11y-utils--wwGTL0T.js} +1 -1
- package/lib/esm/{app-globals-4kCk2rkO.js → app-globals-Diuuep9d.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +6 -6
- package/lib/esm/duet-alert.entry.js +4 -4
- package/lib/esm/duet-badge.entry.js +7 -7
- package/lib/esm/duet-banner.entry.js +15 -16
- package/lib/esm/duet-breadcrumb.entry.js +7 -7
- package/lib/esm/duet-breadcrumbs.entry.js +7 -7
- package/lib/esm/duet-button_2.entry.js +8 -8
- package/lib/esm/duet-callout.entry.js +5 -5
- package/lib/esm/duet-caption_4.entry.js +11 -11
- package/lib/esm/duet-card.entry.js +22 -11
- package/lib/esm/duet-checkbox.entry.js +3 -3
- package/lib/esm/duet-checkmark.entry.js +4 -4
- package/lib/esm/duet-chip.entry.js +28 -12
- package/lib/esm/duet-choice_2.entry.js +7 -7
- package/lib/esm/duet-collapsible.entry.js +4 -4
- package/lib/esm/duet-combobox.entry.js +6 -6
- package/lib/esm/duet-contact-card.entry.js +17 -7
- package/lib/esm/duet-cookie-consent.entry.js +3 -3
- package/lib/esm/duet-date-picker.entry.js +127 -14
- package/lib/esm/duet-divider_2.entry.js +5 -5
- package/lib/esm/duet-editable-table_3.entry.js +15 -15
- package/lib/esm/duet-empty-state.entry.js +2 -2
- package/lib/esm/duet-fieldset.entry.js +6 -6
- package/lib/esm/duet-file-chooser.entry.js +2 -2
- package/lib/esm/duet-footer.entry.js +5 -5
- package/lib/esm/duet-grid_2.entry.js +4 -4
- package/lib/esm/duet-header_2.entry.js +7 -7
- package/lib/esm/duet-hero.entry.js +22 -21
- package/lib/esm/duet-icon.entry.js +7 -7
- package/lib/esm/duet-indicator.entry.js +5 -5
- package/lib/esm/duet-input_2.entry.js +70 -18
- package/lib/esm/duet-layout.entry.js +7 -7
- package/lib/esm/duet-list_2.entry.js +5 -5
- package/lib/esm/duet-menu-bar-button.entry.js +4 -4
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-menu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-menu-bar-item.entry.js +7 -7
- package/lib/esm/duet-menu-bar-link.entry.js +4 -4
- package/lib/esm/duet-menu-bar.entry.js +6 -6
- package/lib/esm/duet-modal.entry.js +15 -15
- package/lib/esm/duet-multiselect.entry.js +11 -11
- package/lib/esm/duet-nav.entry.js +3 -3
- package/lib/esm/duet-notification_2.entry.js +10 -10
- package/lib/esm/duet-number-input.entry.js +9 -9
- package/lib/esm/duet-overlay.entry.js +3 -3
- package/lib/esm/duet-page-heading.entry.js +6 -6
- package/lib/esm/duet-pagination_2.entry.js +19 -19
- package/lib/esm/duet-panel.entry.js +4 -4
- package/lib/esm/duet-phone-input.entry.js +11 -6
- package/lib/esm/duet-popup-menu_2.entry.js +10 -10
- package/lib/esm/duet-progress.entry.js +3 -3
- package/lib/esm/duet-promo-card.entry.js +20 -8
- package/lib/esm/duet-radio_2.entry.js +7 -7
- package/lib/esm/duet-range-slider.entry.js +8 -8
- package/lib/esm/duet-scrollable_3.entry.js +18 -18
- package/lib/esm/duet-section-layout.entry.js +4 -4
- package/lib/esm/duet-select.entry.js +9 -9
- package/lib/esm/duet-shaped-image.entry.js +4 -4
- package/lib/esm/duet-share-chart-item.entry.js +2 -2
- package/lib/esm/duet-share-chart.entry.js +8 -8
- package/lib/esm/duet-show-more.entry.js +6 -6
- package/lib/esm/duet-slideout-lang.entry.js +4 -4
- package/lib/esm/duet-slideout-link.entry.js +7 -7
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +6 -6
- package/lib/esm/duet-slideout-panel.entry.js +13 -13
- package/lib/esm/duet-slideout.entry.js +20 -14
- package/lib/esm/duet-status-icon.entry.js +3 -3
- package/lib/esm/duet-step_2.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-item.entry.js +7 -7
- package/lib/esm/duet-submenu-bar-link.entry.js +4 -4
- package/lib/esm/duet-submenu-bar.entry.js +7 -7
- package/lib/esm/duet-textarea.entry.js +8 -8
- package/lib/esm/duet-toggle.entry.js +9 -9
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +5 -5
- package/lib/esm/duet-toolbar-dropdown.entry.js +7 -7
- package/lib/esm/duet-toolbar-item.entry.js +8 -8
- package/lib/esm/duet-toolbar-link.entry.js +4 -4
- package/lib/esm/duet-toolbar.entry.js +4 -4
- package/lib/esm/duet-tooltip-button_2.entry.js +10 -10
- package/lib/esm/duet-tooltip.entry.js +5 -5
- package/lib/esm/duet-tray.entry.js +7 -7
- package/lib/esm/duet-upload-aria-status.entry.js +2 -2
- package/lib/esm/duet-upload-item.entry.js +6 -6
- package/lib/esm/duet-visually-hidden.entry.js +2 -2
- package/lib/esm/duet.js +4 -4
- package/lib/esm/{errorcodes.utils-DuFCu_27.js → errorcodes.utils-S_WrUPeV.js} +1 -1
- package/lib/esm/{focus-utils-CFswdkeD.js → focus-utils-C4oaajGr.js} +1 -1
- package/lib/esm/{index-B2cboDWM.js → index-D3450NfA.js} +9 -9
- package/lib/esm/{keyboard-utils-Db8rvjPI.js → keyboard-utils-BaefVzkx.js} +2 -1
- package/lib/esm/{label-CJxIWUOT.js → label-C1HF2o4Y.js} +1 -1
- package/lib/esm/{language-utils-C4M4ASkT.js → language-utils-D4WVl8Ph.js} +1 -1
- package/lib/esm/loader.js +4 -4
- package/lib/esm/picture-utils-MSeJTkDk.js +13 -0
- package/lib/esm/{slot-utils--sNK1DNn.js → slot-utils-Dxcjtmp3.js} +1 -1
- package/lib/esm/{themeable-component-BBi3552X.js → themeable-component-QHdUfcat.js} +1 -1
- package/lib/esm/{token-utils-B0KAgyj_.js → token-utils-BILzD7LX.js} +1 -1
- package/lib/esm/{tokens.module-DEzE2U5T.js → tokens.module-kkZE1C6Z.js} +1 -1
- package/lib/types/components/duet-banner/duet-banner.d.ts +5 -1
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-card/duet-card.d.ts +5 -0
- package/lib/types/components/duet-chip/duet-chip.d.ts +15 -8
- package/lib/types/components/duet-contact-card/duet-contact-card.d.ts +5 -0
- package/lib/types/components/duet-date-picker/date-picker-month.d.ts +3 -0
- package/lib/types/components/duet-date-picker/date-utils.d.ts +4 -0
- package/lib/types/components/duet-date-picker/disallowed-days.d.ts +9 -0
- package/lib/types/components/duet-date-picker/duet-date-picker.d.ts +14 -0
- package/lib/types/components/duet-date-picker/finnish-bank-holidays.d.ts +11 -0
- package/lib/types/components/duet-hero/duet-hero.d.ts +5 -0
- package/lib/types/components/duet-input/duet-input.d.ts +11 -0
- package/lib/types/components/duet-phone-input/duet-phone-input.d.ts +5 -0
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +6 -0
- package/lib/types/components.d.ts +104 -12
- package/lib/types/utils/keyboard-utils.d.ts +1 -0
- package/package.json +5 -5
- package/lib/duet/p-0c04f9f5.entry.js +0 -4
- package/lib/duet/p-18a8ea12.entry.js +0 -4
- package/lib/duet/p-1bca9931.entry.js +0 -4
- package/lib/duet/p-3f3c6e64.entry.js +0 -4
- package/lib/duet/p-4af6a8ed.entry.js +0 -4
- package/lib/duet/p-5284c707.entry.js +0 -4
- package/lib/duet/p-5c9f443c.entry.js +0 -4
- package/lib/duet/p-5lFzA17H.js +0 -4
- package/lib/duet/p-6b469225.entry.js +0 -4
- package/lib/duet/p-7294c37d.entry.js +0 -4
- package/lib/duet/p-72b504ef.entry.js +0 -4
- package/lib/duet/p-74aac967.entry.js +0 -4
- package/lib/duet/p-7c08fd87.entry.js +0 -4
- package/lib/duet/p-83238bf3.entry.js +0 -4
- package/lib/duet/p-86ffd3cb.entry.js +0 -4
- package/lib/duet/p-871620d3.entry.js +0 -4
- package/lib/duet/p-9c9811ba.entry.js +0 -4
- package/lib/duet/p-B2cboDWM.js +0 -5
- package/lib/duet/p-B8-N_qjs.js +0 -4
- package/lib/duet/p-Cg4m_WHe.js +0 -4
- package/lib/duet/p-DEzE2U5T.js +0 -4
- package/lib/duet/p-Db8rvjPI.js +0 -4
- package/lib/duet/p-d5f90dbc.entry.js +0 -4
- package/lib/duet/p-fa13ffe9.entry.js +0 -4
- package/lib/duet/p-s8EL6NG5.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as a,H as i,g as o}from"./p-B2cboDWM.js";import{i as r}from"./p-BzYmwX5_.js";import{D as s}from"./p-Cg4m_WHe.js";import{c as n}from"./p-Cfr_DJqU.js";import{c as l}from"./p-CLDy7YaM.js";import{d}from"./p-BlUsLmbQ.js";import{a as h,f as u}from"./p-CFqvB5PA.js";import{c as p,p as c}from"./p-5lFzA17H.js";import"./p-C6E9F6QT.js";const m=({value:t,maxlength:e,theme:i})=>{if(null!=e)return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("span",{"aria-hidden":"true"},t.length,"/",e)))},b=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=n("DuetTextarea"),this.proxyId=n("DuetTextarea"),this.topCaptionId=n("DuetCaptionTop"),this.topCaptionPlaceholderId=n("DuetCaptionPlaceholderTop"),this.labelId=n("DuetLabel"),this.errorId=n("DuetError"),this.characterCountId=n("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=2e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=h(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=t=>{this.maxlength&&this.nativeInput.value.length>this.maxlength&&(this.nativeInput.value=this.nativeInput.value.slice(0,this.maxlength)),this.disallowPatternRegex&&l(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&this.maxlength&&t.push(this.characterCountId),t.length>0?t.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(t,e){t!==e&&d((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){r(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),p(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}updateVisuallyHiddenCounterText(){var t;const e=u(Math.max(this.maxlength-((null===(t=this.value)||void 0===t?void 0:t.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",u(this.maxlength)).replace("{postfix}",a)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(i,{key:"211eee926b033df681bfa181f836ac43a4c0ba09",class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{key:"cfcf260b9fd091276f51e09091a33ff4c3a83d08",class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a(s,{key:"c76014369a86887fda60254a033d25a7b7e1bfb5",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{key:"9abca81aad0578f879a60f7ad3c3c9c4bf802844",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{key:"121037f9cfc26ca53cacec00d649deb6bc27f9df",name:"tooltip"}),this.caption&&a("duet-caption",{key:"591ea1c34b2d913e57339154963abca7250306c2",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{key:"76180b11f3d1a22ead10da74a5859ad834692b23",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{key:"45421d1cb662348a134379db56d11fc5d596258e",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{key:"90db389f0d9db7978f0e89549b32256a7f7e2bac",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{key:"87dd339097470f80dd947f348c77b116bc4e03dc",alignment:"stretch"},a("duet-grid-item",{key:"e262e22da2fb8ebeef06d26a7ba8745c6847ea17",margin:"none",fill:!0},a("div",{key:"bf6617b4e6cbdd0acdf6d8e0e10a93c06b74cdc1",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",{key:"ff43fd8b7d10d76a7277ffefed9ad8cfc382e126"},this.error))),a("duet-grid-item",{key:"e282c9a57669043a61480a74d9f8e4706f91c9fa",margin:"none",class:"duet-character-count-caption"},this.counter&&a(m,{key:"bdc58d108462478349be98a5a082fc3a77a617eb",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&a("duet-visually-hidden",{key:"07ff710ca4335176c57f2131b257e727bf5f15d7",id:this.characterCountId,class:"visually-hidden-counter","aria-live":"polite"},this.visuallyHiddenCounterText)))}get element(){return o(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.has-error .duet-textarea{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-textarea:focus::placeholder{color:rgb(181, 198, 208)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-textarea[disabled]::placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-textarea:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled):not(:focus),.duet-textarea:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-textarea:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-textarea:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-textarea:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}.duet-theme-turva .duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-textarea[disabled]::placeholder{color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-textarea-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}';export{b as duet_textarea}
|
|
4
|
+
import{r as t,c as e,h as a,H as i,g as o}from"./p-D3450NfA.js";import{i as r}from"./p-KbNgo0QF.js";import{D as s}from"./p-BDgGHTHh.js";import{c as n}from"./p-Cfr_DJqU.js";import{c as l}from"./p-CLDy7YaM.js";import{d}from"./p-BlUsLmbQ.js";import{a as h,f as u}from"./p-D9N9LBeD.js";import{c as p,p as c}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const m=({value:t,maxlength:e,theme:i})=>{if(null!=e)return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("span",{"aria-hidden":"true"},t.length,"/",e)))},b=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=n("DuetTextarea"),this.proxyId=n("DuetTextarea"),this.topCaptionId=n("DuetCaptionTop"),this.topCaptionPlaceholderId=n("DuetCaptionPlaceholderTop"),this.labelId=n("DuetLabel"),this.errorId=n("DuetError"),this.characterCountId=n("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=2e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=h(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=t=>{this.maxlength&&this.nativeInput.value.length>this.maxlength&&(this.nativeInput.value=this.nativeInput.value.slice(0,this.maxlength)),this.disallowPatternRegex&&l(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&this.maxlength&&t.push(this.characterCountId),t.length>0?t.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(t,e){t!==e&&d((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){r(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),p(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}updateVisuallyHiddenCounterText(){var t;const e=u(Math.max(this.maxlength-((null===(t=this.value)||void 0===t?void 0:t.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",u(this.maxlength)).replace("{postfix}",a)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(i,{key:"a84e87889b86103cfb25a6fb62d5ae9fc921dde3",class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{key:"1cac0725d91c47a8539a3a915e033ff98dbcefeb",class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a(s,{key:"902dadd1b95a410ed378ce38e71644138e3aae28",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{key:"db32f6f507a45acaeb0c1a5128544855ae8e0e31",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{key:"40464ec1d95d3880de8197f5780865cdff77233d",name:"tooltip"}),this.caption&&a("duet-caption",{key:"818b2b3294cca406e31397dfb2a77110891bd4ee",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{key:"515635119956e32aba3bf1949f183bd37dcbbf63",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{key:"040fe7c9caaa720aa2b2ae9124252da85d083ceb",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{key:"39f181d89675a7c0cdd6a0492108c61aa8a66779",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{key:"4cefb97e18df23468e25743c4f62e4df7e5d9257",alignment:"stretch"},a("duet-grid-item",{key:"bb2d8ca91b5478ceb814090fe1c24e48704f5747",margin:"none",fill:!0},a("div",{key:"208c4ddda91e2b97459815079c7b9a552366d4ab",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",{key:"9957ee1bbb21233d09e116992fa88f14185f043a"},this.error))),a("duet-grid-item",{key:"99713afc0205b671f95297e3991ed28a55a73b73",margin:"none",class:"duet-character-count-caption"},this.counter&&a(m,{key:"855bec2958e7aa564ec9ca5958881ad1d597fd2b",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&a("duet-visually-hidden",{key:"d76477f0c64de79265740ae7a6bb251bdba9dd0f",id:this.characterCountId,class:"visually-hidden-counter","aria-live":"polite"},this.visuallyHiddenCounterText)))}get element(){return o(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;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;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.has-error .duet-textarea{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-textarea:focus::placeholder{color:rgb(181, 198, 208)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-textarea[disabled]::placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-textarea:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled):not(:focus),.duet-textarea:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-textarea:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-textarea:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-textarea:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}.duet-theme-turva .duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-textarea[disabled]::placeholder{color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-textarea-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}';export{b as duet_textarea}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,h as o,H as e,g as a}from"./p-D3450NfA.js";import{D as r}from"./p-8RjiAqaE.js";import{i as d}from"./p-KbNgo0QF.js";import{s as i,u as s}from"./p-BaefVzkx.js";import{g as n}from"./p-D9N9LBeD.js";import{h as g,c as b,a as l}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const c=class{constructor(o){t(this,o),this.hasTooltipSlot=!1,this.theme="",this.variation="default",this.background="normal",this.margin="auto",this.tooltip="",this.getBadgeText=()=>this.element.textContent,this.getVariationLabel=()=>{if("subtle"===this.variation)return"";const t=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";return n(r[t])}}connectedCallback(){i(this)}disconnectedCallback(){s(this)}componentWillLoad(){d(this),this.hasTooltipSlot=g(this.element,"tooltip"),b(this.element,"tooltip","duet-tooltip",1,!0),this.hasTooltipSlot&&(l(this.element,"tooltip")[0].badgeElement=this.element)}render(){const t=`background-${this.background}`;return o(e,{key:"a560a9bf8c66e7b54260cf1a51c2bb4728d204bd",class:{"duet-m-0":"none"===this.margin}},o("span",{key:"6acc7c0b3470e48d82386d808f0b997da64d01bd",class:{"duet-badge":!0,[this.variation]:!0,[t]:!0,"has-tooltip":!!this.tooltip||this.hasTooltipSlot,"duet-theme-turva":"turva"===this.theme}},o("duet-visually-hidden",{key:"ffef5f8b2e1f4daa1ad9c6422663bdd68279d97b"},this.getVariationLabel()),o("slot",{key:"c29a964054979e3453dc6d1e3e26deb37db4d6da"}),(this.tooltip||this.hasTooltipSlot)&&o("span",{key:"6aaefca53e94bf5a1d25b19f3f3b6182bdc24d89",class:"tooltip-wrap"},!this.hasTooltipSlot&&o("duet-tooltip",{key:"2dcff5145d02f2dc6be7c9459dfe96d57873d7c9","accessible-about-label":this.getBadgeText(),badgeElement:this.element},this.tooltip),o("slot",{key:"618248018df97f7071166094bf62ac615577371b",name:"tooltip"}))))}get element(){return a(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{position:relative;display:inline-block;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;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}.duet-badge.has-tooltip{padding-right:24px;cursor:pointer}.duet-badge.has-tooltip .tooltip-wrap{position:absolute;top:6.5px;right:11px;display:inline-block;width:16px;height:12px}.duet-badge.has-tooltip:hover{color:rgb(0, 75, 129)}.duet-badge.has-tooltip:hover.warning{color:rgb(126, 87, 16)}.duet-badge.has-tooltip:hover.danger{color:rgb(153, 9, 66)}.duet-badge.has-tooltip:hover.success{color:rgb(29, 106, 88)}.duet-badge.has-tooltip:hover.subtle{color:rgb(45, 64, 81)}.duet-badge.has-tooltip:hover.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 119, 179)}.duet-badge.has-tooltip:hover.background-strong.warning{color:rgb(38, 26, 4);background:rgb(255, 199, 79)}.duet-badge.has-tooltip:hover.background-strong.danger{color:rgb(255, 240, 243);background:rgb(214, 28, 82)}.duet-badge.has-tooltip:hover.background-strong.success{color:rgb(244, 250, 247);background:rgb(76, 164, 138)}.duet-badge.has-tooltip:hover.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(127, 150, 165)}:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within,:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-badge{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}.duet-theme-turva.duet-badge.has-tooltip{padding-right:24px}';export{c as duet_badge}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built with Duet Design System
|
|
3
|
+
*/
|
|
4
|
+
import{r as e,h as t,H as o,g as n}from"./p-D3450NfA.js";import{i as a}from"./p-KbNgo0QF.js";const i=class{constructor(t){e(this,t),this.theme="",this.sticky=!1}componentWillLoad(){a(this)}render(){return t(o,{key:"5d770ae8af90d4342a6a057ece21ada25ba64f63"},t("div",{key:"fe2a1611fec8c6a234c25a13e24d732cc0cf4511",class:{container:!0,sticky:this.sticky}},t("slot",{key:"c7bad3186de463ebf1a3b1411b299cf59f16df0b"}),t("slot",{key:"77e0e221d53ce3d3addf52cdbfe06e5fa55b38b3",name:"mobile"}),t("slot",{key:"691b0c5b905950d7218633ffedc1094e7b1e7946",name:"desktop"})))}get element(){return n(this)}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%}:host([sticky]){position:relative;z-index:300}.container{position:relative;z-index:400;pointer-events:none}.container *{pointer-events:auto}::slotted(*[slot=mobile]){display:inherit}::slotted(*[slot=desktop]){display:none}@media (min-width: 62em){::slotted(*[slot=mobile]){display:none}::slotted(*[slot=desktop]){display:inherit}}.sticky{position:sticky;top:0}@media (min-width: 62em){.sticky{position:relative;top:unset}}";export{i as duet_nav}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as s,g as e}from"./p-
|
|
4
|
+
import{r as t,h as i,H as s,g as e}from"./p-D3450NfA.js";import{m as h,a as o}from"./p-Ce9HQd35.js";import{M as a,z as n,f as r,s as l,a as p,o as c}from"./p-B_NkY9T0.js";import{i as d}from"./p-KbNgo0QF.js";import{c as m}from"./p-Cfr_DJqU.js";import{a as u}from"./p-BaefVzkx.js";import{a as b,g as f,c as g,d as v}from"./p-D9N9LBeD.js";import{b as w}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const x=class{constructor(i){t(this,i),this.firstRender=!0,this.mql=[window.matchMedia(h.replace(/'/g,"")),window.matchMedia(o.replace(/'/g,""))],this.tooltipId=m("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.placement="bottom",this.hidePopUp=!0,this.theme="",this.language=b(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=f(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=f(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.negative=!1,this.openTooltip=()=>{this.hidePopUp=!1,setTimeout((()=>{this.active=!0})),setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1})),setTimeout((()=>{this.updatePlacement()}),200),setTimeout((()=>{this.active||(this.hidePopUp=!0)}),300)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,i;let s=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(s=!1);let e=s?"top-start":"top-end";"left"===this.direction?e="top-end":"right"===this.direction&&(e="top-start"),this.active&&!this.buttonEl.offsetParent&&(this.active=!1);const h=[r(),l({padding:5}),p({element:this.arrowEl})];this.badgeElement&&h.unshift(c(10));const o=await a(this.badgeElement||this.buttonEl,this.popupElement,{placement:e,middleware:h});this.tooltipY=o.y,this.tooltipX=o.x,this.placement=o.placement,this.arrowY=null===(t=o.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(i=o.middlewareData.arrow)||void 0===i?void 0:i.x},this.badgeClick=t=>{t.composedPath().includes(this.buttonEl)||this.buttonEl.click()}}componentWillLoad(){d(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){g(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}]),"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{w(this.element,this.popupElement)})),this.mutationO.observe(this.element,{childList:!0,characterData:!0,subtree:!0}))}componentDidRender(){this.firstRender&&(w(this.element,this.popupElement),this.firstRender=!1),this.badgeElement&&(this.badgeElement.removeEventListener("click",this.badgeClick),this.badgeElement.addEventListener("click",this.badgeClick))}disconnectedCallback(){v(this),this.badgeElement&&this.badgeElement.removeEventListener("click",this.badgeClick)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&u(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=n(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`},e={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return i(s,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},i("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative,"in-badge":!!this.badgeElement}),i("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,hidden:this.hidePopUp,tooltipId:this.tooltipId,arrowStyles:e,style:t,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},i("slot",null)))}get element(){return e(this)}static get watchers(){return{active:["handleActiveChange"]}}};x.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";export{x as duet_tooltip}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{E as t,r as e,h as i,H as o,g as s}from"./p-
|
|
4
|
+
import{E as t,r as e,h as i,H as o,g as s}from"./p-D3450NfA.js";import{i as n}from"./p-KbNgo0QF.js";import{g as a,r as d}from"./p-DYmL1tSl.js";import"./p-kkZE1C6Z.js";const r=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!r(t.children[e]))return!1;return!0},h={};const c=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){n(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const o=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(o)try{this.svgContent=await function(t){if(h[t])return h[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!r(i))throw new Error("SVG validation failed");const o=document.createElement("div");return o.appendChild(i),o.innerHTML}();return h[t]=e}(o)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${o}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":a(this.color,this.theme)||a(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},s=Object.assign({color:t,background:d(a(this.background,this.theme),this.backgroundOpacity),"border-color":a(this.outline,this.theme)},e),n=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),r="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(o,{key:"ac454937867acd98e1552f998f09cecb7b6db6f6",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"61bd9c9b857bd54bfa18b71035af646ddfc8b490","aria-hidden":"true",style:s,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[r]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"513e30e9f69a6661e54b5f2a0989eaf14887f533","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:n})))}get element(){return s(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}.duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}.duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}.duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%}";export{c as duet_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as r}from"./p-
|
|
4
|
+
import{r as t,h as e,H as r}from"./p-D3450NfA.js";import{t as n}from"./p-Ce9HQd35.js";const a=class{constructor(e){t(this,e),this.bg={default:{default:"color_lt_blue_200",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_200"},strong:{default:"color_lt_blue_700",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}},this.color={default:{default:"color_lt_blue_800",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_800"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}},this.variation="default",this.size="medium",this.margin="auto",this.strong=!1}getVariation(){return["default","success","danger","warning"].includes(this.variation)?this.variation:"default"}getBg(){return n[this.bg[this.strong?"strong":"default"][this.getVariation()]]}getColor(){return n[this.color[this.strong?"strong":"default"][this.getVariation()]]}getIcon(){switch(this.getVariation()){case"default":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/>\n <circle fill="${this.getColor()}" cx="11.625" cy="7.125" r="1.125"/>\n </svg>`;case"success":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <rect width="24" height="24" rx="12" fill="${this.getBg()}"/>\n <path fill="${this.getColor()}" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n </svg>`;case"warning":case"danger":return`\n <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n <path fill="${this.getBg()}" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n <rect fill="${this.getColor()}" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n <rect fill="${this.getColor()}" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n </svg>`}}render(){return e(r,{key:"5ac9742af4e473a663ebf16a972686ae4f68f3a3",class:{[`duet-status-icon-${this.getVariation()}`]:!0,"duet-strong-bg":this.strong,"duet-m-0":"none"===this.margin}},e("duet-icon",{key:"b0dcc778049ee9d2877e6a27019f288de08693b9",icon:this.getIcon(),size:this.size,margin:"none"}))}};a.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;line-height:0;color:inherit;-webkit-tap-highlight-color:transparent}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}";export{a as duet_status_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as a,g as r}from"./p-
|
|
4
|
+
import{r as e,h as t,H as a,g as r}from"./p-D3450NfA.js";import{i as s}from"./p-KbNgo0QF.js";import{f as i}from"./p-D9N9LBeD.js";import{g as o}from"./p-CcoGR9T9.js";import{g as h}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";const n=class{constructor(t){e(this,t),this.defaultColors=["lt-blue-800","lt-blue-600","success-600","success-800","warning-600","danger-600","danger-800"],this.theme="",this.unit="%"}componentWillLoad(){s(this)}connectedCallback(){this.childObserver=new MutationObserver(this.updateChartItems.bind(this)),this.childObserver.observe(this.element,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.updateChartItems()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}updateChartItems(){const e=o(this.element).filter((e=>"duet-share-chart-item"===e.tagName.toLocaleLowerCase()));this.items=e.map(((e,t)=>({text:e.textContent,value:e.value,color:e.color||this.defaultColors[t%this.defaultColors.length]}))),this.itemsTotalValue=this.items.reduce(((e,{value:t})=>e+t),0)}render(){return t(a,{key:"89abfd2c95426a08eedbb1d09d4394ea0267868b"},t("div",{key:"cbdab21514d3ebb70be42df8b110026cc09230e0",class:"duet-share-chart-horizontal-bar",role:"presentation"},this.items.filter((e=>!!e.value)).map((e=>t("span",{class:"duet-share-chart-share",style:{width:e.value/this.itemsTotalValue*100+"%",backgroundColor:h(e.color,this.theme)}})))),t("ul",{key:"b4a9f997fc34340201a694935403f61fae0d7af8",class:"duet-share-chart-item-list"},this.items.map((e=>t("li",{class:{"duet-theme-turva":"turva"===this.theme}},t("span",{class:"duet-share-chart-item-color",style:{background:h(e.color,this.theme)}}),t("span",{class:"duet-share-chart-item-text"},e.text,":"),t("span",{class:"duet-share-chart-item-value"}," ",i(e.value)," ",this.unit),"%"!==this.unit&&t("duet-visually-hidden",null,`${i(e.value/this.itemsTotalValue*100,0)} %`))))),t("slot",{key:"a9cf601d34533e368d69ddc7f40adbc0b9c5b413"}))}get element(){return r(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;color:rgb(8, 42, 77)}.duet-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}.duet-share-chart-item-list li.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";color:rgb(23, 42, 59)}';export{n as duet_share_chart}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as o,g as n}from"./p-
|
|
4
|
+
import{r as e,h as t,H as o,g as n}from"./p-D3450NfA.js";import{a}from"./p-Ce9HQd35.js";import{i as r}from"./p-KbNgo0QF.js";import{a as i}from"./p-BaefVzkx.js";const d=class{constructor(t){e(this,t),this.mql=[window.matchMedia(a.replace(/'/g,""))],this.boundMqlFunctions=[],this.isDesktop=!1,this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.checkIsDesktop=()=>{this.isDesktop=!!this.mql[0].matches},this.onClick=()=>{const e=this.open;if(!this.isDesktop){const e=Array.from(this.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(const t of e)t.open=!1}this.open=!e}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&this.isDesktop&&(this.open=!1)}componentWillLoad(){r(this)}connectedCallback(){this.checkIsDesktop();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[]}handleEscape(e){if(i(e))if(this.open)this.open=!1;else{const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"9db89f3062b1138f1cbaaacd84a97026ff56c5ff",role:"listitem"},t("div",{key:"0f9e619dc382e085278c5f36fc978241760b3e70",class:{"duet-submenu-bar-dropdown":!0,"duet-theme-turva":"turva"===this.theme,open:this.open,active:this.active}},t("button",{key:"1ecf4e3ee3775963e103647d5d76c7b4a59d0445",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:e=>this.handleEscape(e)},this.icon&&t("duet-icon",{key:"a8f70f3768575a3bca672d8918ba83a1077e9603",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"a53417b0ca2642132cf89acfbb1022b593c1a28b",class:"label"},t("span",{key:"45fca6c9e11c261e27861f263dc2f200e1dfe15a",class:"label-text"},t("slot",{key:"cbda020e4fac6600b839cb9c70309914eb80c5eb",name:"label"})),t("duet-icon",{key:"f4276eaab67b32aec06ce3f1f3b88541ade918f4",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"82c3d5e082beabeb0efc9d240c9d5d921f1b3f45",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open}},t("slot",{key:"77eaa9506cdf662ffb1d04163e20e1d55d59fec0"}))))}get element(){return n(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;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.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-submenu-bar-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-dropdown button:focus,.duet-submenu-bar-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);scrollbar-width:none;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-submenu-bar-dropdown.duet-theme-turva button.active{color:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(251, 225, 209)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(230, 23, 64)}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(140, 0, 30)}.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(251, 225, 209)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';export{d as duet_submenu_bar_dropdown}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as o,g as a}from"./p-
|
|
4
|
+
import{r as t,h as e,H as o,g as a}from"./p-D3450NfA.js";import{n as r}from"./p-vVCYtBMj.js";import{a as i}from"./p-8RjiAqaE.js";import{i as n}from"./p-KbNgo0QF.js";import{g as d}from"./p-JFwTD5kM.js";import{g as s,c as l,d as c}from"./p-D9N9LBeD.js";import"./p-DvwKrUS6.js";import"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const b=class{constructor(e){t(this,e),this.theme="",this.variation="default",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults),this.external=!1,this.badge=!1}componentWillLoad(){n(this)}connectedCallback(){l(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){c(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}render(){const t=this.url?"a":"button",a="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return e(o,{key:"862f45e9efe5b3b54645c3a9627456ab5f723263",role:"listitem"},this.badge&&e("duet-indicator",{key:"29d7bdff76bcf999e4ecff6e3eedd10e006bc968",variation:"change"}),e(t,{key:"b3c0820e95170ce048b75d7e02a2f2e6b7264301",target:this.url?this.external?"_blank":"_self":null,ref:t=>this.itemElement=t,class:{"duet-toolbar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[a]:!0},href:this.url,role:"a"===t?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&d(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&e("div",{key:"52d2726d3619462ac9fa1ed0b3444675a3965d6d",class:"duet-toolbar-icon"},e("duet-icon",{key:"f4cf50d1e5dddaaf3cebd50a4271ebb8060d2aaa",size:"x-small",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),this.badge&&e("div",{key:"545d508631827013ae6062243f7cd07e37361f1f",class:"duet-toolbar-badge"})),e("slot",{key:"ccf3f266976067a8dcfaeb78310ea0e9e4b740cc"}),(this.trailingIcon||this.url&&this.external)&&e("div",{key:"f589e763aa5474a3a0dfcfbada1672d3fbb0862a",class:"duet-toolbar-icon"},e("duet-icon",{key:"288b80450871df0f784182e1f0802cfbad4daeed",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!(!this.url||!this.external),rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.url&&this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}),this.badge&&"action-arrow-down-small"!==this.trailingIcon&&e("div",{key:"7853154ae4ebb785a34b1de3ce36d7b1a23f304b",class:"duet-toolbar-badge"}))))}get element(){return a(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-toolbar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-item:focus,.duet-toolbar-item:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-item .duet-toolbar-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-toolbar-item .trailing-icon{width:16px;height:16px}.duet-toolbar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-toolbar-item .external-icon{width:10px;height:10px}.duet-toolbar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-toolbar-item.primary,.duet-toolbar-item.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item.primary:focus,.duet-toolbar-item.secondary:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-item.primary[aria-expanded=true],.duet-toolbar-item.secondary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.primary duet-icon,.duet-toolbar-item.secondary duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-item.primary[aria-expanded=true]{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.secondary[aria-expanded=true]{background:rgb(3, 56, 102)}.duet-toolbar-item:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-item:hover.primary,.duet-toolbar-item:hover.secondary{color:rgb(255, 255, 255)}.duet-toolbar-item:hover.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item:hover.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active{color:rgb(8, 42, 77)}.duet-toolbar-item.active.primary,.duet-toolbar-item.active.secondary{font-weight:600;color:rgb(255, 255, 255)}.duet-toolbar-item.active.primary::after,.duet-toolbar-item.active.secondary::after{display:none}.duet-toolbar-item.active.primary{background:rgba(8, 42, 77, 0.2)}.duet-toolbar-item.active.secondary{background:rgb(3, 56, 102)}.duet-toolbar-item.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}duet-indicator{top:4px;left:16px;z-index:1}duet-indicator:has(+.duet-toolbar-item .duet-toolbar-icon){left:36px}.duet-toolbar-item.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"}.duet-toolbar-item.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.duet-theme-turva.primary{color:rgb(255, 255, 255)}.duet-toolbar-item.duet-theme-turva.primary duet-icon{color:rgb(241, 202, 178)}.duet-toolbar-item.duet-theme-turva.primary[aria-expanded=true]{background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.duet-theme-turva:hover{background:rgb(253, 247, 242)}.duet-toolbar-item.duet-theme-turva:hover:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.duet-theme-turva:hover.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}.duet-toolbar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}.duet-toolbar-item.active.duet-theme-turva:not(.primary){color:rgb(23, 42, 59)}.duet-toolbar-item.active.duet-theme-turva.primary{color:rgb(255, 255, 255);background:rgba(23, 42, 59, 0.2)}';export{b as duet_toolbar_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as
|
|
4
|
+
import{r as t,h as a,H as e,g as r}from"./p-D3450NfA.js";const n=class{constructor(a){t(this,a)}render(){return a(e,{key:"4404c44b59f635d9165c960341fbdd957d8f451c",class:"duet-visually-hidden"},a("slot",{key:"caa2aef6f4faf8ca34300b885d2de0772e272ad3"}))}get element(){return r(this)}};n.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}";export{n as duet_visually_hidden}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,g as a}from"./p-D3450NfA.js";import{i}from"./p-KbNgo0QF.js";import{g as s}from"./p-D9N9LBeD.js";import{g as n}from"./p-DI7IXBXp.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.theme="",this.fileUploadingInfo={fi:"Tiedosto latautuu",sv:"Filen laddas upp",en:"File is uploading"},this.onLinkClick=e=>{const{url:t,meta:a}=this.data;this.linkClickEvent&&(e.preventDefault(),this.linkClickEvent.emit({component:"duet-upload",data:{name:this.data.item.name,url:t,meta:a}}))}}componentWillLoad(){i(this)}async focusActionButton(){this.actionButton&&(await this.actionButton.setFocus({preventScroll:!0}),this.actionButton.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}))}getFileNameLine(){const{item:e,size:a,uploaded:i,url:o,progress:r,error:l}=this.data,{name:c}=e,d=t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),m=t("span",{class:"duet-upload-item-size",style:{fontSize:"14px",fontWeight:"400"}},"(",((e,t=2)=>{if(0===e)return"0 Bytes";const a=t<0?0:t,i=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,i)).toFixed(a))+" "+["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"][i]})(a),")");switch(this.type){case"inprogress":return t("span",{class:"duet-upload-item-name",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"gray-darker",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-visually-hidden",null,t("duet-paragraph",null,s(this.fileUploadingInfo))),t("duet-progress",{theme:this.theme,progress:Math.ceil(r),"aria-hidden":!0}));case"pending":return t("span",{class:"duet-upload-item-name"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c);case"failure":return t("span",{class:"duet-upload-item-error",role:"status"},t("duet-paragraph",{class:"duet-upload-item-name",color:"danger",margin:"none",weight:"semi-bold"},t("duet-icon",{margin:"none",size:"x-small",name:"messaging-attachment"}),t("duet-spacer",{size:"xx-small",direction:"horizontal"}),c),t("duet-paragraph",{class:"duet-upload-item-error-label",size:"small",margin:"none",color:"danger"},n(l.type,this.errorCodes)));default:return t("duet-paragraph",{color:"secondary",margin:"none",weight:"semi-bold"},i&&o&&this.showLinks?t("duet-link",{class:"file-link",onClick:this.onLinkClick,url:o},d):d,t("duet-spacer",{size:"xx-small",direction:"horizontal"}),m)}}getActionButtonTitle(e){return!0===this.buttonTitles[e.name]||!1===this.buttonTitles[e.name]?e:s(this.buttonTitles[e.name])}render(){const{uid:e,meta:a,item:i}=this.data,n=a&&a.badges?t("span",null,a.badges.map((e=>t("duet-badge",{color:"primary"},e)))):void 0,o=`${a&&a.badges?a.badges.join(","):""} ${i.name}`;return t("div",{key:"a1edd9a770aa019bd6604d67b2cd4fc5ec1ff7a1",class:{"upload-item-row":!0}},this.showCategory&&t("div",{key:"2e74eca5c89a77975cba75685acbdb4f517da81c",class:"item-categories"},t("duet-heading",{key:"90dc1251073ef07085b355c82f17f7f6aa5aff72",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.categoryLabel)),n),t("div",{key:"75ab96c30689b58829224123ac875d567f882b47",class:{"item-name":!0,"no-category":!this.showCategory}},!!this.label&&t("duet-heading",{key:"52b7124f793247f2b4d55873c4c47f8d2682660b",class:"heading",color:"color-secondary",level:"h6",weight:"semibold"},s(this.label)),this.getFileNameLine()),t("div",{key:"2430a9c7e24ea14056ba78c3ddd672cbc86bae40",class:"item-actions"},this.actions.map((i=>t("duet-action-button",{actionMeta:Object.assign({},a||{}),actionId:e||null,actionName:i.name,theme:this.theme,iconName:i.icon,iconColor:i.color,iconSize:i.size,background:i.background,"accessible-label":`${o} ${s(i.label)} `,accessibleTitle:this.getActionButtonTitle(i),ref:e=>this.actionButton=e})))))}get element(){return a(this)}};o.style=".file-link::part(duet-link){text-decoration:none}";export{o as duet_upload_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,c as t,h as i,H as a,g as o}from"./p-
|
|
4
|
+
import{r as e,c as t,h as i,H as a,g as o}from"./p-D3450NfA.js";import{a as l}from"./p-BVgBUIYF.js";import{f as s,t as n}from"./p-Ce9HQd35.js";import{i as r}from"./p-KbNgo0QF.js";import{c as d}from"./p-Cfr_DJqU.js";import{i as c,s as h,u as p}from"./p-BaefVzkx.js";import{d as b,h as g,c as u,a as m}from"./p-CcoGR9T9.js";import"./p-DvwKrUS6.js";const f=class{constructor(i){e(this,i),this.duetToggle=t(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.headingTags=["h1","h2","h3","h4","h5","h6"],this.theme="",this.negative=!1,this.heading="",this.caption="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1,this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const t=e.replace(/-/g,"_");return n[`font_size_${t}`]}return s},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.getAccessibleLabel=()=>{if(this.accessibleLabel)return this.accessibleLabel;const e=[];return this.heading?e.push(this.heading):this.hasHeadingSlot&&e.push(b(this.element,"heading")),this.hasAfterHeadingSlot&&e.push(b(this.element,"after-heading")),this.caption&&e.push(this.caption),e.join(". ")},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})}}componentWillLoad(){r(this),this.hasAfterHeadingSlot=g(this.element,"after-heading"),this.hasHeadingSlot=g(this.element,"heading"),u(this.element,"heading",this.headingTags.join(",")),this.hasHeadingSlot&&(this.headingLevel=m(this.element,"heading")[0].tagName.toLowerCase())}connectedCallback(){h(this)}disconnectedCallback(){p(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingTags.includes(this.headingLevel)?this.headingLevel:"div";return i(a,{key:"b19b694f6710f4338d26580dea95463eefaa30d4",class:{"duet-m-0":"none"===this.margin,negative:this.negative}},i(e,{key:"47062fe8e280b4c2489ebe9ba784e6211ecac9e3"},i("button",{key:"5e635b36739a5ab604c5d523435522b83bddcd56",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeadingSlot,"full-width":this.headingFullWidth,"has-caption":!!this.caption},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.getAccessibleLabel(),"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},i("div",{key:"9d49b16d4375ea5c4700c3142b920e3e76924443",class:"duet-collapsible-heading-wrapper"},i("div",{key:"6b45ae151d90d269a466c782eed5c7ed29ecdbee",class:"duet-collapsible-heading-icon"},i("duet-icon",{key:"99eac9e54f5bbf71068e9b5dc3557ee347d2cd5b",margin:"none",size:this.getEquivalentIconSize(),icon:l.svg})),i("div",{key:"732d6cf225d17864487046efc9c3cb26e19b9dc8",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading?this.heading:i("slot",{name:"heading"})),this.hasAfterHeadingSlot&&i("div",{key:"ecb0414b87ff8340967c2a65d5715986b8c11c01",part:"duet-collapsible-after-heading"},i("slot",{key:"85b150c18dd43fbe21041bd4a8258d6412a350f0",name:"after-heading"}))),this.caption&&i("div",{key:"6d3aa5e7917e2db228251eab60ee888ec51d3944",class:"duet-collapsible-heading-caption"},i("duet-caption",{key:"52aa682a75aa4a7bfef36ad34cbf900b41fb46ba",size:"small",margin:"none"},this.caption)))),i("div",{key:"815c138b748356c749954d2a99564edd608e8b41",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},i("slot",{key:"5f5ccef4fa9e4cba89278e034ae23a68c29add51"})))}get element(){return o(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;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:rgb(8, 42, 77)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{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;line-height:1.5;color:rgb(8, 42, 77);-webkit-hyphens:auto;hyphens:auto}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-collapsible-heading:focus,:host(.user-is-tabbing) .duet-collapsible-heading:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading .duet-collapsible-heading-content ::slotted(*){padding:0;margin:0;font-family:inherit !important;font-size:inherit !important;font-weight:inherit !important;color:inherit !important}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[alignment=form-distribute]>.duet-collapsible-heading-icon:last-of-type:not(:last-child){margin-right:8px !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}.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";color:rgb(23, 42, 59)}.duet-theme-turva .duet-collapsible-content.duet-theme-turva,.duet-theme-turva .duet-collapsible-heading.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";color:rgb(23, 42, 59)}';export{f as duet_collapsible}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as o,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as o,g as a}from"./p-D3450NfA.js";import{i}from"./p-KbNgo0QF.js";const n=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.onClick=()=>{this.open=!this.open}}handleFocus(e){e.composedPath().every((e=>e!==this.element))&&(this.open=!1)}componentWillLoad(){i(this),this.element.querySelectorAll("duet-slideout-link").forEach((e=>{e.menuItem=!0}))}async setFocus(e){this.button.focus(e)}render(){return t(o,{key:"d9d5a0fb10d7b741720abfb3a6d2c89d9ef8703c"},t("div",{key:"28fbb84a7341bbb0eb2943f886ba4ef4f4c2b3f0",class:{"duet-slideout-panel-dropdown":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"eb769cad3c4b9c6cd6e55278a2a764ddfac78251",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick},this.icon&&t("duet-icon",{key:"d78b626a5ff04513b4c5f706ffbc897a09d5c6d6",name:this.icon,size:"small",margin:"none",color:"secondary"}),t("span",{key:"4462c0ff6f10990d7c7831038b2aa8216089ad1c",class:"label"},t("slot",{key:"789471a218c9e6e78f3b6e17290ba28b9310992d",name:"label"}),t("duet-icon",{key:"58a41b48fe383657c7ec09139c31945c6b51d7b1",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),t("div",{key:"b6126db96949f78288a01e35d3b7b266fef58ce8",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0,hidden:!this.open,"duet-theme-turva":"turva"===this.theme}},t("slot",{key:"df9daef8ce3c9cb1b147c3d4797afce38b454d4a"}))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-panel-dropdown button:focus,.duet-slideout-panel-dropdown button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;visibility:visible;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 36px;overflow-y:auto;scrollbar-width:none;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{visibility:hidden;max-height:0;padding:0;overflow:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}slot[name=label]{font-size:1rem;font-weight:600}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(230, 23, 64)}.duet-theme-turva slot{color:rgb(23, 42, 59)}';export{n as duet_slideout_panel_dropdown}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,H as o,g as a}from"./p-
|
|
4
|
+
import{r as e,h as t,H as o,g as a}from"./p-D3450NfA.js";import{i as r}from"./p-KbNgo0QF.js";const i=class{constructor(t){e(this,t),this.theme="",this.variation="default",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){r(this)}render(){const e="negative"===this.variation?"negative":"white";return t(o,{key:"07041c0aec0959d4d85042618c07a5c6c5e7a80a",role:"listitem"},t("a",{key:"5c422ec1435313ecad17c03eafaecdb42444c847",class:{"duet-toolbar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[e]:!0},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{key:"4a127553bf1f1e27ebb5787f7b736cc7a80cf9fe",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),t("slot",{key:"97573b5159185b7aae35dc962560e707de1a28b2"})))}get element(){return a(this)}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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;font-weight:400;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none}.duet-toolbar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-link.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";color:rgb(23, 42, 59);background:transparent}.duet-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 229, 230)}.duet-toolbar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}.duet-toolbar-link.duet-theme-turva:hover.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva:hover.negative duet-icon{color:rgb(255, 229, 230)}.duet-toolbar-link.duet-theme-turva:hover.negative{background:rgba(23, 42, 59, 0.2)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 42, 59)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.active.duet-theme-turva.negative duet-icon{color:rgb(255, 229, 230)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}.duet-toolbar-link.active.negative{background:rgba(23, 42, 59, 0.2)}.duet-toolbar-link.active.duet-theme-turva.negative{background:rgba(23, 42, 59, 0.2)}';export{i as duet_toolbar_link}
|