@duetds/components 6.9.9 → 6.10.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 +124 -15
- package/lib/cjs/duet-action-button.cjs.entry.js +4 -4
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-banner.cjs.entry.js +5 -5
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +4 -4
- package/lib/cjs/duet-callout.cjs.entry.js +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +3 -3
- package/lib/cjs/duet-card.cjs.entry.js +4 -4
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-checkmark.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +2 -2
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-contact-card.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +3 -3
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +16 -5
- package/lib/cjs/duet-grid_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-header_2.cjs.entry.js +3 -3
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +3 -3
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-button.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-menu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-menu-bar.cjs.entry.js +2 -2
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
- package/lib/cjs/duet-nav.cjs.entry.js +1 -1
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-page-heading.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-promo-card.cjs.entry.js +54 -0
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +2 -2
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +27 -6
- package/lib/cjs/duet-section-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-lang.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-panel-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-slideout-panel.cjs.entry.js +4 -4
- package/lib/cjs/duet-slideout.cjs.entry.js +4 -4
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-submenu-bar-dropdown.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar-link.cjs.entry.js +2 -2
- package/lib/cjs/duet-submenu-bar.cjs.entry.js +2 -2
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-dropdown.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar-link.cjs.entry.js +1 -1
- package/lib/cjs/duet-toolbar.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +2 -2
- package/lib/cjs/duet-tray.cjs.entry.js +2 -2
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-fa983dd9.js → focus-utils-fbc4272e.js} +1 -1
- package/lib/cjs/{index-6458021e.js → index-800daca9.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-966776e9.js → token-utils-c1864408.js} +1 -1
- package/lib/cjs/{tokens-21b244ee.js → tokens-30e7656b.js} +6 -0
- package/lib/cjs/{tokens.module-d402cfac.js → tokens.module-5fe478ed.js} +4 -0
- package/lib/collection/collection-manifest.json +1 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +1 -1
- package/lib/collection/components/duet-action-button/duet-action-button.js +2 -2
- package/lib/collection/components/duet-alert/duet-alert.js +1 -1
- package/lib/collection/components/duet-banner/duet-banner.css +15 -1
- package/lib/collection/components/duet-banner/duet-banner.js +1 -1
- package/lib/collection/components/duet-button/duet-button.css +29 -0
- package/lib/collection/components/duet-button/duet-button.js +6 -6
- package/lib/collection/components/duet-caption/duet-caption.js +1 -1
- package/lib/collection/components/duet-card/duet-card.css +3 -1
- package/lib/collection/components/duet-card/duet-card.js +3 -3
- package/lib/collection/components/duet-checkbox/duet-checkbox.js +3 -3
- package/lib/collection/components/duet-choice/duet-choice.js +3 -3
- package/lib/collection/components/duet-collapsible/duet-collapsible.js +3 -3
- package/lib/collection/components/duet-combobox/duet-combobox.js +3 -3
- package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js +1 -1
- package/lib/collection/components/duet-date-picker/duet-date-picker.js +4 -4
- package/lib/collection/components/duet-divider/duet-divider.js +1 -1
- package/lib/collection/components/duet-editable-table/duet-editable-table.js +5 -5
- package/lib/collection/components/duet-empty-state/duet-empty-state.js +1 -1
- package/lib/collection/components/duet-footer/duet-footer.css +27 -0
- package/lib/collection/components/duet-footer/duet-footer.js +25 -11
- package/lib/collection/components/duet-grid/duet-grid.js +3 -3
- package/lib/collection/components/duet-header/duet-header.js +15 -15
- package/lib/collection/components/duet-heading/duet-heading.js +1 -1
- package/lib/collection/components/duet-hero/duet-hero.js +5 -5
- package/lib/collection/components/duet-icon/duet-icon.js +1 -1
- package/lib/collection/components/duet-input/duet-input.js +8 -8
- package/lib/collection/components/duet-label/duet-label.js +2 -2
- package/lib/collection/components/duet-layout/duet-layout.js +1 -1
- package/lib/collection/components/duet-list/duet-list.js +3 -3
- package/lib/collection/components/duet-logo/duet-logo.js +3 -3
- package/lib/collection/components/duet-menu-bar/duet-menu-bar.js +1 -1
- package/lib/collection/components/duet-modal/duet-modal.js +3 -3
- package/lib/collection/components/duet-multiselect/duet-multiselect.js +5 -5
- package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js +1 -1
- package/lib/collection/components/duet-number-input/duet-number-input.js +4 -4
- package/lib/collection/components/duet-pagination/duet-pagination.js +2 -2
- package/lib/collection/components/duet-paragraph/duet-paragraph.js +3 -3
- package/lib/collection/components/duet-promo-card/duet-promo-card.css +87 -0
- package/lib/collection/components/duet-promo-card/duet-promo-card.js +191 -0
- package/lib/collection/components/duet-radio/duet-radio.js +3 -3
- package/lib/collection/components/duet-range-slider/duet-range-slider.js +2 -2
- package/lib/collection/components/duet-range-stepper/duet-range-stepper.js +1 -1
- package/lib/collection/components/duet-scrollable/duet-scrollable.css +20 -0
- package/lib/collection/components/duet-scrollable/duet-scrollable.js +87 -5
- package/lib/collection/components/duet-select/duet-select.js +5 -5
- package/lib/collection/components/duet-slideout/duet-slideout.js +1 -1
- package/lib/collection/components/duet-spacer/duet-spacer.js +2 -2
- package/lib/collection/components/duet-spinner/duet-spinner.js +1 -1
- package/lib/collection/components/duet-step/duet-step.js +2 -2
- package/lib/collection/components/duet-stepper/duet-stepper.js +1 -1
- package/lib/collection/components/duet-tab-group/duet-tab-group.js +5 -5
- package/lib/collection/components/duet-textarea/duet-textarea.js +4 -4
- package/lib/collection/components/duet-toggle/duet-toggle.js +1 -1
- package/lib/collection/components/duet-tooltip/duet-tooltip.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +13 -13
- package/lib/dist-custom-elements/duet-action-button.js +1 -1
- package/lib/dist-custom-elements/duet-alert.js +1 -1
- package/lib/dist-custom-elements/duet-badge.js +1 -1
- package/lib/dist-custom-elements/duet-banner.js +10 -16
- package/lib/dist-custom-elements/duet-breadcrumb.js +2 -2
- package/lib/dist-custom-elements/duet-breadcrumbs.js +2 -2
- package/lib/dist-custom-elements/duet-button.js +1 -1
- package/lib/dist-custom-elements/duet-callout.js +3 -3
- package/lib/dist-custom-elements/duet-caption.js +1 -1
- package/lib/dist-custom-elements/duet-card.js +5 -5
- package/lib/dist-custom-elements/duet-checkbox.js +1 -1
- package/lib/dist-custom-elements/duet-checkmark.js +1 -1
- package/lib/dist-custom-elements/duet-choice-group.js +6 -6
- package/lib/dist-custom-elements/duet-choice.js +5 -5
- package/lib/dist-custom-elements/duet-collapsible.js +3 -3
- package/lib/dist-custom-elements/duet-combobox.js +2 -2
- package/lib/dist-custom-elements/duet-contact-card.js +8 -8
- package/lib/dist-custom-elements/duet-cookie-consent.js +6 -6
- package/lib/dist-custom-elements/duet-date-picker.js +10 -10
- package/lib/dist-custom-elements/duet-divider.js +1 -1
- package/lib/dist-custom-elements/duet-editable-table.js +7 -7
- package/lib/dist-custom-elements/duet-empty-state.js +1 -1
- package/lib/dist-custom-elements/duet-fieldset.js +1 -1
- package/lib/dist-custom-elements/duet-footer.js +19 -8
- package/lib/dist-custom-elements/duet-grid-item.js +1 -1
- package/lib/dist-custom-elements/duet-grid.js +1 -1
- package/lib/dist-custom-elements/duet-header.js +9 -9
- package/lib/dist-custom-elements/duet-heading.js +1 -1
- package/lib/dist-custom-elements/duet-hero.js +9 -9
- package/lib/dist-custom-elements/duet-icon.js +1 -1
- package/lib/dist-custom-elements/duet-input.js +1 -1
- package/lib/dist-custom-elements/duet-label.js +1 -1
- package/lib/dist-custom-elements/duet-layout.js +1 -1
- package/lib/dist-custom-elements/duet-link.js +1 -1
- package/lib/dist-custom-elements/duet-list-item.js +1 -1
- package/lib/dist-custom-elements/duet-list.js +1 -1
- package/lib/dist-custom-elements/duet-logo.js +1 -1
- package/lib/dist-custom-elements/duet-menu-bar-button.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-menu-bar.js +3 -3
- package/lib/dist-custom-elements/duet-modal.js +7 -7
- package/lib/dist-custom-elements/duet-multiselect.js +8 -8
- package/lib/dist-custom-elements/duet-nav.js +1 -1
- package/lib/dist-custom-elements/duet-notification-drawer.js +4 -4
- package/lib/dist-custom-elements/duet-notification.js +2 -2
- package/lib/dist-custom-elements/duet-number-input.js +9 -9
- package/lib/dist-custom-elements/duet-page-heading.js +2 -2
- package/lib/dist-custom-elements/duet-pagination.js +7 -7
- package/lib/dist-custom-elements/duet-paragraph.js +1 -1
- package/lib/dist-custom-elements/duet-progress.js +1 -1
- package/lib/dist-custom-elements/duet-promo-card.d.ts +11 -0
- package/lib/dist-custom-elements/duet-promo-card.js +86 -0
- package/lib/dist-custom-elements/duet-radio-group.js +6 -6
- package/lib/dist-custom-elements/duet-radio.js +1 -1
- package/lib/dist-custom-elements/duet-range-slider.js +3 -3
- package/lib/dist-custom-elements/duet-range-stepper.js +4 -4
- package/lib/dist-custom-elements/duet-scrollable.js +1 -1
- package/lib/dist-custom-elements/duet-section-layout.js +1 -1
- package/lib/dist-custom-elements/duet-select.js +1 -1
- package/lib/dist-custom-elements/duet-slideout-lang.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-link.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-slideout-panel.js +3 -3
- package/lib/dist-custom-elements/duet-slideout.js +3 -3
- package/lib/dist-custom-elements/duet-spacer.js +1 -1
- package/lib/dist-custom-elements/duet-spinner.js +1 -1
- package/lib/dist-custom-elements/duet-step.js +4 -4
- package/lib/dist-custom-elements/duet-stepper.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar-link.js +3 -3
- package/lib/dist-custom-elements/duet-submenu-bar.js +3 -3
- package/lib/dist-custom-elements/duet-tab-group.js +27 -15
- package/lib/dist-custom-elements/duet-tab.js +1 -1
- package/lib/dist-custom-elements/duet-table.js +1 -1
- package/lib/dist-custom-elements/duet-textarea.js +8 -8
- package/lib/dist-custom-elements/duet-toggle.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-dropdown.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar-link.js +2 -2
- package/lib/dist-custom-elements/duet-toolbar.js +1 -1
- package/lib/dist-custom-elements/duet-tooltip.js +1 -1
- package/lib/dist-custom-elements/duet-tray.js +4 -4
- package/lib/dist-custom-elements/duet-upload-aria-status.js +1 -1
- package/lib/dist-custom-elements/duet-upload.js +17 -17
- package/lib/dist-custom-elements/duet-visually-hidden.js +1 -1
- package/lib/dist-custom-elements/index.js +1 -1
- package/lib/dist-custom-elements/{p-f75ab0c6.js → p-3030c398.js} +1 -1
- package/lib/dist-custom-elements/{p-2016d4b6.js → p-3545220c.js} +6 -6
- package/lib/dist-custom-elements/{p-5a47bc96.js → p-37238939.js} +50 -8
- package/lib/dist-custom-elements/{p-1c96efe4.js → p-383843b5.js} +5 -5
- package/lib/dist-custom-elements/{p-82c0eb06.js → p-3ad54bf2.js} +2 -2
- package/lib/dist-custom-elements/{p-6b78d508.js → p-3d2d4efa.js} +2 -2
- package/lib/dist-custom-elements/{p-c743a945.js → p-552a5bb2.js} +1 -1
- package/lib/dist-custom-elements/{p-41292d2c.js → p-57ad5c17.js} +2 -2
- package/lib/dist-custom-elements/{p-ce8cf9ec.js → p-5c435996.js} +2 -2
- package/lib/dist-custom-elements/{p-03fac45c.js → p-636fb80b.js} +1 -1
- package/lib/dist-custom-elements/{p-89f3161e.js → p-72e6996e.js} +1 -1
- package/lib/dist-custom-elements/{p-5ead396d.js → p-741d215a.js} +5 -5
- package/lib/dist-custom-elements/{p-28a2867d.js → p-74d7de0d.js} +2 -2
- package/lib/dist-custom-elements/{p-c378c210.js → p-78011b32.js} +1 -1
- package/lib/dist-custom-elements/{p-92a019ee.js → p-82c34274.js} +2 -2
- package/lib/dist-custom-elements/{p-5b5d17f3.js → p-8cd13b05.js} +3 -3
- package/lib/dist-custom-elements/{p-87d2c0ec.js → p-96efa345.js} +1 -1
- package/lib/dist-custom-elements/{p-64a956b4.js → p-97fb5b2d.js} +4 -4
- package/lib/dist-custom-elements/{p-7dd80f67.js → p-9c8cfcf0.js} +1 -1
- package/lib/dist-custom-elements/{p-03a771e5.js → p-a938b3e8.js} +1 -1
- package/lib/dist-custom-elements/{p-0a69e3b3.js → p-b24fe485.js} +2 -2
- package/lib/dist-custom-elements/{p-2f00315d.js → p-b2671479.js} +1 -1
- package/lib/{esm/tokens-20d688dc.js → dist-custom-elements/p-b519ac77.js} +6 -0
- package/lib/dist-custom-elements/{p-33febd8f.js → p-b55f0f8e.js} +6 -6
- package/lib/dist-custom-elements/{p-91b3be02.js → p-d1414d18.js} +1 -1
- package/lib/dist-custom-elements/{p-890d1070.js → p-de68431d.js} +1 -1
- package/lib/dist-custom-elements/{p-0cb56bb9.js → p-df44c118.js} +2 -2
- package/lib/dist-custom-elements/{p-8602f0db.js → p-dfe1f0a8.js} +2 -2
- package/lib/dist-custom-elements/{p-ca2e89f9.js → p-e04baccc.js} +3 -3
- package/lib/dist-custom-elements/{p-6ff98382.js → p-e64e9069.js} +1 -1
- package/lib/dist-custom-elements/{p-505389ac.js → p-e8475b3c.js} +4 -0
- package/lib/dist-custom-elements/{p-05a05595.js → p-f4aef53f.js} +2 -2
- package/lib/dist-custom-elements/{p-fa15f186.js → p-f68e555b.js} +8 -8
- package/lib/dist-custom-elements/{p-dcffecc4.js → p-fa14c66f.js} +2 -2
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-33e2e7fb.entry.js → p-000412ac.entry.js} +1 -1
- package/lib/duet/{p-1f6604b6.system.entry.js → p-0027ddbf.system.entry.js} +1 -1
- package/lib/duet/p-008c1a58.entry.js +4 -0
- package/lib/duet/{p-4c13b341.system.entry.js → p-00a09181.system.entry.js} +1 -1
- package/lib/duet/{p-8461814e.entry.js → p-012a2ce0.entry.js} +1 -1
- package/lib/duet/{p-0fef3886.entry.js → p-026340a6.entry.js} +1 -1
- package/lib/duet/{p-b719e4cb.entry.js → p-02f981f0.entry.js} +1 -1
- package/lib/duet/{p-deb0bb9c.entry.js → p-037c4435.entry.js} +1 -1
- package/lib/duet/{p-1b2b7dff.entry.js → p-044ad522.entry.js} +1 -1
- package/lib/duet/{p-9bdfa86b.system.entry.js → p-0559c939.system.entry.js} +1 -1
- package/lib/duet/{p-40832454.entry.js → p-0564c573.entry.js} +1 -1
- package/lib/duet/{p-c733066c.entry.js → p-08720a1b.entry.js} +1 -1
- package/lib/duet/{p-5d8d2ad9.entry.js → p-0c8eaaff.entry.js} +1 -1
- package/lib/duet/p-10d2fbee.entry.js +4 -0
- package/lib/duet/{p-d85a7192.system.entry.js → p-13ec59a5.system.entry.js} +1 -1
- package/lib/duet/p-149a950c.entry.js +4 -0
- package/lib/duet/{p-0befd44d.system.entry.js → p-14b1b60b.system.entry.js} +1 -1
- package/lib/duet/{p-af4ac5be.entry.js → p-185c367d.entry.js} +1 -1
- package/lib/duet/{p-b2626ec8.system.entry.js → p-1afc8ff9.system.entry.js} +1 -1
- package/lib/duet/{p-c5114bba.system.entry.js → p-1e10d6e2.system.entry.js} +1 -1
- package/lib/duet/{p-5ec6c209.system.entry.js → p-1e387d9c.system.entry.js} +1 -1
- package/lib/duet/{p-c2bb41f9.entry.js → p-1e494e22.entry.js} +1 -1
- package/lib/duet/{p-8764cdb4.entry.js → p-1fa425d5.entry.js} +1 -1
- package/lib/duet/{p-09a14ff5.entry.js → p-1ff0cf82.entry.js} +1 -1
- package/lib/duet/{p-eb8a72f4.system.entry.js → p-221f817d.system.entry.js} +1 -1
- package/lib/duet/p-232e3448.entry.js +4 -0
- package/lib/duet/p-238922fa.system.entry.js +4 -0
- package/lib/duet/{p-d845a37f.system.entry.js → p-23baee2b.system.entry.js} +1 -1
- package/lib/duet/{p-8bfb274a.entry.js → p-243440a4.entry.js} +1 -1
- package/lib/duet/{p-8f689ce6.system.entry.js → p-24745bad.system.entry.js} +1 -1
- package/lib/duet/{p-f3e40435.system.entry.js → p-25497257.system.entry.js} +1 -1
- package/lib/duet/{p-86d94665.system.entry.js → p-283ebb7f.system.entry.js} +1 -1
- package/lib/duet/{p-33795872.entry.js → p-28e7bb58.entry.js} +1 -1
- package/lib/duet/{p-c04c6248.entry.js → p-2aaa024e.entry.js} +1 -1
- package/lib/duet/{p-fc5b6b43.system.entry.js → p-2cf703de.system.entry.js} +1 -1
- package/lib/duet/{p-df68b590.entry.js → p-2d4742d1.entry.js} +1 -1
- package/lib/duet/{p-e1284442.entry.js → p-2df896f8.entry.js} +1 -1
- package/lib/duet/{p-bf455575.system.entry.js → p-2e4c06ab.system.entry.js} +1 -1
- package/lib/duet/{p-3fafab99.system.entry.js → p-2e9306c2.system.entry.js} +1 -1
- package/lib/duet/{p-b5d900d3.system.entry.js → p-2fa672b2.system.entry.js} +1 -1
- package/lib/duet/{p-677e25e4.system.entry.js → p-2fc605ca.system.entry.js} +1 -1
- package/lib/duet/{p-fcb0872f.system.entry.js → p-3013b019.system.entry.js} +1 -1
- package/lib/duet/{p-675d2789.entry.js → p-34fc68cc.entry.js} +1 -1
- package/lib/duet/{p-a4de801d.system.entry.js → p-35bd03c7.system.entry.js} +1 -1
- package/lib/duet/{p-858a8c64.system.entry.js → p-382edc5f.system.entry.js} +1 -1
- package/lib/duet/{p-a1b05275.system.entry.js → p-3e0e17a0.system.entry.js} +1 -1
- package/lib/duet/{p-8aafd4a7.entry.js → p-3e45156d.entry.js} +1 -1
- package/lib/duet/{p-39881509.system.entry.js → p-3fb081dc.system.entry.js} +1 -1
- package/lib/duet/p-4289d173.entry.js +4 -0
- package/lib/duet/{p-f893eaf3.entry.js → p-44cb4f55.entry.js} +1 -1
- package/lib/duet/p-45656aff.system.entry.js +4 -0
- package/lib/duet/p-45e609b1.system.js +4 -0
- package/lib/duet/{p-07cd43dd.system.entry.js → p-46429778.system.entry.js} +1 -1
- package/lib/duet/{p-223ddc9e.entry.js → p-47764e81.entry.js} +1 -1
- package/lib/duet/p-47e4204e.system.entry.js +4 -0
- package/lib/duet/{p-ed758b6d.entry.js → p-48de1718.entry.js} +1 -1
- package/lib/duet/{p-930685a4.system.entry.js → p-4e0b6493.system.entry.js} +1 -1
- package/lib/duet/{p-c7ad00f4.system.entry.js → p-4ec4a8cf.system.entry.js} +1 -1
- package/lib/duet/{p-dc811a3d.system.entry.js → p-4eef93c1.system.entry.js} +1 -1
- package/lib/duet/{p-c09bbafd.system.entry.js → p-4f0a0167.system.entry.js} +1 -1
- package/lib/duet/{p-07dc92fb.system.entry.js → p-5479176d.system.entry.js} +1 -1
- package/lib/duet/{p-898bc783.system.entry.js → p-54a0dcf8.system.entry.js} +1 -1
- package/lib/duet/{p-408c3116.system.entry.js → p-602d682c.system.entry.js} +1 -1
- package/lib/duet/{p-5c932b27.entry.js → p-60d9212f.entry.js} +1 -1
- package/lib/duet/{p-847ef90d.entry.js → p-613310ba.entry.js} +1 -1
- package/lib/duet/p-6155d256.system.js +4 -0
- package/lib/duet/{p-79cdfdac.system.entry.js → p-6455f7e3.system.entry.js} +1 -1
- package/lib/duet/{p-c8ba04d5.entry.js → p-6476db2f.entry.js} +1 -1
- package/lib/duet/p-668f7c59.system.entry.js +4 -0
- package/lib/duet/{p-11cd9794.system.entry.js → p-669a3254.system.entry.js} +1 -1
- package/lib/duet/{p-137eac42.entry.js → p-688b7b42.entry.js} +1 -1
- package/lib/duet/{p-553810c1.entry.js → p-68b3fb35.entry.js} +1 -1
- package/lib/duet/{p-c7c6b436.system.entry.js → p-6a37cde4.system.entry.js} +1 -1
- package/lib/duet/{p-9710c3f7.entry.js → p-6d088fe1.entry.js} +1 -1
- package/lib/duet/{p-7979217a.entry.js → p-6de132da.entry.js} +1 -1
- package/lib/duet/{p-44853a8f.entry.js → p-6f943c89.entry.js} +1 -1
- package/lib/duet/{p-ec943cac.system.entry.js → p-6fbef5ba.system.entry.js} +1 -1
- package/lib/duet/{p-ed2e78a7.system.entry.js → p-701e3dfb.system.entry.js} +1 -1
- package/lib/duet/{p-e2cd279a.system.entry.js → p-709a3bcc.system.entry.js} +1 -1
- package/lib/duet/{p-37c7cf28.entry.js → p-70ebb998.entry.js} +1 -1
- package/lib/duet/{p-450e63a4.system.js → p-71a46879.system.js} +1 -1
- package/lib/duet/{p-ec3e32a8.system.js → p-75bf0c67.system.js} +1 -1
- package/lib/duet/{p-e46fa9a5.system.entry.js → p-7b45a0a4.system.entry.js} +1 -1
- package/lib/duet/{p-b66695ef.system.entry.js → p-7f29eda3.system.entry.js} +1 -1
- package/lib/duet/{p-934ced59.system.entry.js → p-81250a24.system.entry.js} +1 -1
- package/lib/duet/{p-2f52c5c4.entry.js → p-82bdf011.entry.js} +1 -1
- package/lib/duet/{p-11315361.entry.js → p-86f91249.entry.js} +1 -1
- package/lib/duet/{p-5ec46b22.system.entry.js → p-877a6907.system.entry.js} +1 -1
- package/lib/duet/{p-59c24c1d.system.entry.js → p-8859f327.system.entry.js} +1 -1
- package/lib/duet/{p-7d6f73b0.system.entry.js → p-888d9f0a.system.entry.js} +1 -1
- package/lib/duet/{p-8608217b.system.entry.js → p-8934bed7.system.entry.js} +1 -1
- package/lib/duet/{p-723cfa6b.system.entry.js → p-8970a10f.system.entry.js} +1 -1
- package/lib/duet/{p-738d8474.entry.js → p-8ba78e5c.entry.js} +1 -1
- package/lib/duet/p-8c6e3c4f.system.js +4 -0
- package/lib/duet/{p-59d5ce79.system.entry.js → p-92f91e36.system.entry.js} +1 -1
- package/lib/duet/{p-962195fb.entry.js → p-93f1e120.entry.js} +1 -1
- package/lib/duet/{p-1e1c669f.entry.js → p-943b94e6.entry.js} +1 -1
- package/lib/duet/{p-01717a41.entry.js → p-9872b3f8.entry.js} +1 -1
- package/lib/duet/{p-9a1ecf90.entry.js → p-988287b4.entry.js} +1 -1
- package/lib/duet/{p-7585b32b.entry.js → p-98f352a6.entry.js} +1 -1
- package/lib/duet/{p-69af241b.system.entry.js → p-9a508e8a.system.entry.js} +1 -1
- package/lib/duet/p-9abdc5e1.entry.js +4 -0
- package/lib/duet/{p-f6cff5e9.entry.js → p-9c311a34.entry.js} +1 -1
- package/lib/duet/{p-1a5f720a.system.entry.js → p-9ce10545.system.entry.js} +2 -2
- package/lib/duet/{p-938f359e.system.entry.js → p-a16866b0.system.entry.js} +1 -1
- package/lib/duet/{p-3d2ff3f6.system.entry.js → p-a2123bdd.system.entry.js} +1 -1
- package/lib/duet/{p-ee9b7edd.system.entry.js → p-a22f0c5b.system.entry.js} +1 -1
- package/lib/duet/p-a3d2b027.system.entry.js +4 -0
- package/lib/duet/p-a44015d7.entry.js +4 -0
- package/lib/duet/{p-b0fcda06.system.entry.js → p-a5591ee4.system.entry.js} +1 -1
- package/lib/duet/{p-098d8b8a.entry.js → p-a69723b1.entry.js} +1 -1
- package/lib/duet/{p-73f9efad.js → p-a76ceaf6.js} +1 -1
- package/lib/duet/{p-af87553c.entry.js → p-aa7666da.entry.js} +1 -1
- package/lib/duet/p-abf41f20.system.entry.js +4 -0
- package/lib/duet/{p-bd1849d6.system.entry.js → p-adcc189e.system.entry.js} +1 -1
- package/lib/duet/{p-f1e68813.entry.js → p-ae1b8005.entry.js} +1 -1
- package/lib/duet/p-afcb0adb.entry.js +4 -0
- package/lib/duet/{p-4fd6be33.entry.js → p-b07d932a.entry.js} +1 -1
- package/lib/duet/{p-6a912ecd.entry.js → p-b3579acc.entry.js} +1 -1
- package/lib/duet/p-b519ac77.js +4 -0
- package/lib/duet/{p-3f7eb02a.system.entry.js → p-b526eeaa.system.entry.js} +1 -1
- package/lib/duet/{p-1a066cc4.system.entry.js → p-b60562d5.system.entry.js} +1 -1
- package/lib/duet/{p-d5e6a304.system.entry.js → p-b7c95452.system.entry.js} +1 -1
- package/lib/duet/{p-0f35e1d3.entry.js → p-b9475ad6.entry.js} +1 -1
- package/lib/duet/{p-d1ed830b.entry.js → p-b991ebfc.entry.js} +1 -1
- package/lib/duet/{p-6a5197de.js → p-bb49aaf4.js} +1 -1
- package/lib/duet/{p-64451781.entry.js → p-bb9f0ac9.entry.js} +1 -1
- package/lib/duet/{p-55d93288.entry.js → p-bdbb23d4.entry.js} +1 -1
- package/lib/duet/{p-a19b6ccf.entry.js → p-c3e1efb3.entry.js} +1 -1
- package/lib/duet/{p-3210abe1.entry.js → p-c4c876ea.entry.js} +1 -1
- package/lib/duet/{p-207e6b86.entry.js → p-cb3fd41e.entry.js} +1 -1
- package/lib/duet/{p-3004c42c.entry.js → p-d2dcddae.entry.js} +1 -1
- package/lib/duet/{p-afe7ce51.entry.js → p-e068a95b.entry.js} +1 -1
- package/lib/duet/{p-f42965e7.entry.js → p-e0da6f8e.entry.js} +1 -1
- package/lib/duet/{p-8959a0c0.entry.js → p-e1777110.entry.js} +1 -1
- package/lib/duet/{p-a2227d28.system.entry.js → p-e3465c7e.system.entry.js} +1 -1
- package/lib/duet/{p-f4b68f29.system.js → p-e53bec6b.system.js} +1 -1
- package/lib/duet/{p-cec4aeeb.entry.js → p-e5f844b7.entry.js} +1 -1
- package/lib/duet/{p-50086422.entry.js → p-e6b03e98.entry.js} +1 -1
- package/lib/duet/{p-f36d48e8.system.entry.js → p-ea28689d.system.entry.js} +1 -1
- package/lib/duet/{p-70296f0d.system.entry.js → p-ec21d1c7.system.entry.js} +1 -1
- package/lib/duet/{p-c3d22035.system.entry.js → p-ecd6a076.system.entry.js} +1 -1
- package/lib/duet/{p-abeb3b84.system.entry.js → p-f1fb6acf.system.entry.js} +1 -1
- package/lib/duet/p-f3c8d6d0.entry.js +4 -0
- package/lib/duet/{p-85172888.system.entry.js → p-f5148591.system.entry.js} +1 -1
- package/lib/duet/{p-05facbba.system.entry.js → p-f9a7f80a.system.entry.js} +1 -1
- package/lib/duet/{p-b8bcc305.entry.js → p-f9d3080d.entry.js} +1 -1
- package/lib/duet/{p-a49a5097.js → p-fd1df6f3.js} +1 -1
- package/lib/duet/{p-7c4baf1c.js → p-fd4785ab.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +4 -4
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-banner.entry.js +5 -5
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +4 -4
- package/lib/esm/duet-callout.entry.js +1 -1
- package/lib/esm/duet-caption_4.entry.js +3 -3
- package/lib/esm/duet-card.entry.js +4 -4
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-checkmark.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +2 -2
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-contact-card.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +3 -3
- package/lib/esm/duet-editable-table_3.entry.js +3 -3
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +16 -5
- package/lib/esm/duet-grid_2.entry.js +2 -2
- package/lib/esm/duet-header_2.entry.js +3 -3
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +3 -3
- package/lib/esm/duet-input_2.entry.js +1 -1
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-menu-bar-button.entry.js +2 -2
- package/lib/esm/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-menu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-menu-bar-link.entry.js +2 -2
- package/lib/esm/duet-menu-bar.entry.js +2 -2
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-multiselect.entry.js +1 -1
- package/lib/esm/duet-nav.entry.js +1 -1
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-page-heading.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-promo-card.entry.js +50 -0
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +2 -2
- package/lib/esm/duet-scrollable_3.entry.js +27 -6
- package/lib/esm/duet-section-layout.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-slideout-lang.entry.js +1 -1
- package/lib/esm/duet-slideout-link.entry.js +1 -1
- package/lib/esm/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm/duet-slideout-panel.entry.js +4 -4
- package/lib/esm/duet-slideout.entry.js +4 -4
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-submenu-bar-dropdown.entry.js +2 -2
- package/lib/esm/duet-submenu-bar-link.entry.js +2 -2
- package/lib/esm/duet-submenu-bar.entry.js +2 -2
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm/duet-toolbar-dropdown.entry.js +1 -1
- package/lib/esm/duet-toolbar-link.entry.js +1 -1
- package/lib/esm/duet-toolbar.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +2 -2
- package/lib/esm/duet-tray.entry.js +2 -2
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +3 -3
- package/lib/esm/{focus-utils-9f1c7598.js → focus-utils-28d5fb4c.js} +1 -1
- package/lib/esm/{index-73ee1942.js → index-36c4b0e6.js} +1 -1
- package/lib/esm/loader.js +3 -3
- package/lib/esm/{token-utils-5f4f3897.js → token-utils-a1dcaa4b.js} +1 -1
- package/lib/{dist-custom-elements/p-cb9787ec.js → esm/tokens-f6b32339.js} +6 -0
- package/lib/esm/{tokens.module-5601adc9.js → tokens.module-ed773027.js} +4 -0
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-banner.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-callout.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-checkmark.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-contact-card.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-button.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-menu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-multiselect.entry.js +1 -1
- package/lib/esm-es5/duet-nav.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-page-heading.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-promo-card.entry.js +4 -0
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +2 -2
- package/lib/esm-es5/duet-section-layout.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-lang.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-link.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
- package/lib/esm-es5/duet-slideout.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar-link.entry.js +1 -1
- package/lib/esm-es5/duet-submenu-bar.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-dropdown-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar-dropdown.entry.js +2 -2
- package/lib/esm-es5/duet-toolbar-link.entry.js +1 -1
- package/lib/esm-es5/duet-toolbar.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-28d5fb4c.js +4 -0
- package/lib/esm-es5/{index-73ee1942.js → index-36c4b0e6.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/{token-utils-5f4f3897.js → token-utils-a1dcaa4b.js} +1 -1
- package/lib/esm-es5/tokens-f6b32339.js +4 -0
- package/lib/esm-es5/tokens.module-ed773027.js +4 -0
- package/lib/types/components/duet-button/duet-button.d.ts +1 -1
- package/lib/types/components/duet-footer/duet-footer.d.ts +8 -1
- package/lib/types/components/duet-logo/duet-logo.d.ts +6 -0
- package/lib/types/components/duet-promo-card/duet-promo-card.d.ts +42 -0
- package/lib/types/components/duet-scrollable/duet-scrollable.d.ts +17 -0
- package/lib/types/components.d.ts +97 -0
- package/package.json +5 -5
- package/lib/duet/p-02c4a268.entry.js +0 -4
- package/lib/duet/p-2cf26ac0.entry.js +0 -4
- package/lib/duet/p-45b5eb38.system.entry.js +0 -4
- package/lib/duet/p-4a8f88cd.entry.js +0 -4
- package/lib/duet/p-67f9d03d.entry.js +0 -4
- package/lib/duet/p-70813bbd.entry.js +0 -4
- package/lib/duet/p-7513fd0c.system.entry.js +0 -4
- package/lib/duet/p-8dcbf05c.system.entry.js +0 -4
- package/lib/duet/p-8e562cf5.entry.js +0 -4
- package/lib/duet/p-95e8df59.system.entry.js +0 -4
- package/lib/duet/p-a9a7d16c.system.js +0 -4
- package/lib/duet/p-b080376a.entry.js +0 -4
- package/lib/duet/p-b82d0fdb.system.entry.js +0 -4
- package/lib/duet/p-cb9787ec.js +0 -4
- package/lib/duet/p-ebc26c88.system.js +0 -4
- package/lib/duet/p-f67ee736.system.js +0 -4
- package/lib/duet/p-f960017b.entry.js +0 -4
- package/lib/esm-es5/focus-utils-9f1c7598.js +0 -4
- package/lib/esm-es5/tokens-20d688dc.js +0 -4
- package/lib/esm-es5/tokens.module-5601adc9.js +0 -4
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { DuetTheme } from "../../common-types";
|
|
2
2
|
import { ThemeableComponent } from "../../common/themeable-component";
|
|
3
|
+
/**
|
|
4
|
+
* @slot collapse-button-label - This is to label collapse button.
|
|
5
|
+
*/
|
|
3
6
|
export declare class DuetScrollable implements ThemeableComponent {
|
|
4
7
|
/**
|
|
5
8
|
* Private variables and constants index
|
|
@@ -7,6 +10,7 @@ export declare class DuetScrollable implements ThemeableComponent {
|
|
|
7
10
|
private currentIndex;
|
|
8
11
|
private tabListElement;
|
|
9
12
|
private tabListClass;
|
|
13
|
+
private hasCollapseButtonLabelSlot;
|
|
10
14
|
tablistAtStart: boolean;
|
|
11
15
|
isTabContentSmallerThanWrapper: boolean;
|
|
12
16
|
tablistAtEnd: boolean;
|
|
@@ -23,6 +27,18 @@ export declare class DuetScrollable implements ThemeableComponent {
|
|
|
23
27
|
* Optional identifier to add to buttons in the tab group
|
|
24
28
|
*/
|
|
25
29
|
identifier: string;
|
|
30
|
+
/**
|
|
31
|
+
* Boolean to collapse scrollable items into normal flow.
|
|
32
|
+
*/
|
|
33
|
+
collapsed: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Whether or not include previous and forward buttons. Defaults to true.
|
|
36
|
+
*/
|
|
37
|
+
buttons: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Center the scrollable list. Defaults to false.
|
|
40
|
+
*/
|
|
41
|
+
center: boolean;
|
|
26
42
|
/**
|
|
27
43
|
* Selected element
|
|
28
44
|
*/
|
|
@@ -43,6 +59,7 @@ export declare class DuetScrollable implements ThemeableComponent {
|
|
|
43
59
|
private scrollToTab;
|
|
44
60
|
private scrollLeft;
|
|
45
61
|
private scrollRight;
|
|
62
|
+
private collapsedOnClick;
|
|
46
63
|
/**
|
|
47
64
|
* render() function
|
|
48
65
|
* Always the last one in the class.
|
|
@@ -1966,7 +1966,13 @@ export namespace Components {
|
|
|
1966
1966
|
"responsive": boolean;
|
|
1967
1967
|
}
|
|
1968
1968
|
interface DuetLogo {
|
|
1969
|
+
/**
|
|
1970
|
+
* Accessible label. Defaults to what is in accessibleLabelDefaults prop.
|
|
1971
|
+
*/
|
|
1969
1972
|
"accessibleLabel": string;
|
|
1973
|
+
/**
|
|
1974
|
+
* Default translations for accessible label.
|
|
1975
|
+
*/
|
|
1970
1976
|
"accessibleLabelDefaults": DuetLangObject;
|
|
1971
1977
|
/**
|
|
1972
1978
|
* Where the logo links to.
|
|
@@ -2697,6 +2703,32 @@ export namespace Components {
|
|
|
2697
2703
|
*/
|
|
2698
2704
|
"theme": DuetTheme;
|
|
2699
2705
|
}
|
|
2706
|
+
interface DuetPromoCard {
|
|
2707
|
+
/**
|
|
2708
|
+
* Background color.
|
|
2709
|
+
*/
|
|
2710
|
+
"backgroundColor": DuetColor | "";
|
|
2711
|
+
/**
|
|
2712
|
+
* The actual heading level used in the HTML markup.
|
|
2713
|
+
*/
|
|
2714
|
+
"headingLevel": DuetHeadingLevel;
|
|
2715
|
+
/**
|
|
2716
|
+
* Image. Example image is 512x341;
|
|
2717
|
+
*/
|
|
2718
|
+
"image": string;
|
|
2719
|
+
/**
|
|
2720
|
+
* Controls the margin of the component.
|
|
2721
|
+
*/
|
|
2722
|
+
"margin": DuetMargin;
|
|
2723
|
+
/**
|
|
2724
|
+
* Text color.
|
|
2725
|
+
*/
|
|
2726
|
+
"textColor": DuetColor;
|
|
2727
|
+
/**
|
|
2728
|
+
* Theme.
|
|
2729
|
+
*/
|
|
2730
|
+
"theme": DuetTheme;
|
|
2731
|
+
}
|
|
2700
2732
|
interface DuetRadio {
|
|
2701
2733
|
/**
|
|
2702
2734
|
* Indicates the id of a related component’s visually focused element.
|
|
@@ -2956,6 +2988,18 @@ export namespace Components {
|
|
|
2956
2988
|
"total": number;
|
|
2957
2989
|
}
|
|
2958
2990
|
interface DuetScrollable {
|
|
2991
|
+
/**
|
|
2992
|
+
* Whether or not include previous and forward buttons. Defaults to true.
|
|
2993
|
+
*/
|
|
2994
|
+
"buttons": boolean;
|
|
2995
|
+
/**
|
|
2996
|
+
* Center the scrollable list. Defaults to false.
|
|
2997
|
+
*/
|
|
2998
|
+
"center": boolean;
|
|
2999
|
+
/**
|
|
3000
|
+
* Boolean to collapse scrollable items into normal flow.
|
|
3001
|
+
*/
|
|
3002
|
+
"collapsed": boolean;
|
|
2959
3003
|
/**
|
|
2960
3004
|
* Optional identifier to add to buttons in the tab group
|
|
2961
3005
|
*/
|
|
@@ -4576,6 +4620,12 @@ declare global {
|
|
|
4576
4620
|
prototype: HTMLDuetProgressElement;
|
|
4577
4621
|
new (): HTMLDuetProgressElement;
|
|
4578
4622
|
};
|
|
4623
|
+
interface HTMLDuetPromoCardElement extends Components.DuetPromoCard, HTMLStencilElement {
|
|
4624
|
+
}
|
|
4625
|
+
var HTMLDuetPromoCardElement: {
|
|
4626
|
+
prototype: HTMLDuetPromoCardElement;
|
|
4627
|
+
new (): HTMLDuetPromoCardElement;
|
|
4628
|
+
};
|
|
4579
4629
|
interface HTMLDuetRadioElement extends Components.DuetRadio, HTMLStencilElement {
|
|
4580
4630
|
}
|
|
4581
4631
|
var HTMLDuetRadioElement: {
|
|
@@ -4833,6 +4883,7 @@ declare global {
|
|
|
4833
4883
|
"duet-pagination": HTMLDuetPaginationElement;
|
|
4834
4884
|
"duet-paragraph": HTMLDuetParagraphElement;
|
|
4835
4885
|
"duet-progress": HTMLDuetProgressElement;
|
|
4886
|
+
"duet-promo-card": HTMLDuetPromoCardElement;
|
|
4836
4887
|
"duet-radio": HTMLDuetRadioElement;
|
|
4837
4888
|
"duet-radio-group": HTMLDuetRadioGroupElement;
|
|
4838
4889
|
"duet-range-slider": HTMLDuetRangeSliderElement;
|
|
@@ -6821,7 +6872,13 @@ declare namespace LocalJSX {
|
|
|
6821
6872
|
interface DuetListItem {
|
|
6822
6873
|
}
|
|
6823
6874
|
interface DuetLogo {
|
|
6875
|
+
/**
|
|
6876
|
+
* Accessible label. Defaults to what is in accessibleLabelDefaults prop.
|
|
6877
|
+
*/
|
|
6824
6878
|
"accessibleLabel"?: string;
|
|
6879
|
+
/**
|
|
6880
|
+
* Default translations for accessible label.
|
|
6881
|
+
*/
|
|
6825
6882
|
"accessibleLabelDefaults"?: DuetLangObject;
|
|
6826
6883
|
/**
|
|
6827
6884
|
* Where the logo links to.
|
|
@@ -7553,6 +7610,32 @@ declare namespace LocalJSX {
|
|
|
7553
7610
|
*/
|
|
7554
7611
|
"theme"?: DuetTheme;
|
|
7555
7612
|
}
|
|
7613
|
+
interface DuetPromoCard {
|
|
7614
|
+
/**
|
|
7615
|
+
* Background color.
|
|
7616
|
+
*/
|
|
7617
|
+
"backgroundColor"?: DuetColor | "";
|
|
7618
|
+
/**
|
|
7619
|
+
* The actual heading level used in the HTML markup.
|
|
7620
|
+
*/
|
|
7621
|
+
"headingLevel"?: DuetHeadingLevel;
|
|
7622
|
+
/**
|
|
7623
|
+
* Image. Example image is 512x341;
|
|
7624
|
+
*/
|
|
7625
|
+
"image"?: string;
|
|
7626
|
+
/**
|
|
7627
|
+
* Controls the margin of the component.
|
|
7628
|
+
*/
|
|
7629
|
+
"margin"?: DuetMargin;
|
|
7630
|
+
/**
|
|
7631
|
+
* Text color.
|
|
7632
|
+
*/
|
|
7633
|
+
"textColor"?: DuetColor;
|
|
7634
|
+
/**
|
|
7635
|
+
* Theme.
|
|
7636
|
+
*/
|
|
7637
|
+
"theme"?: DuetTheme;
|
|
7638
|
+
}
|
|
7556
7639
|
interface DuetRadio {
|
|
7557
7640
|
/**
|
|
7558
7641
|
* Indicates the id of a related component’s visually focused element.
|
|
@@ -7825,6 +7908,18 @@ declare namespace LocalJSX {
|
|
|
7825
7908
|
"total"?: number;
|
|
7826
7909
|
}
|
|
7827
7910
|
interface DuetScrollable {
|
|
7911
|
+
/**
|
|
7912
|
+
* Whether or not include previous and forward buttons. Defaults to true.
|
|
7913
|
+
*/
|
|
7914
|
+
"buttons"?: boolean;
|
|
7915
|
+
/**
|
|
7916
|
+
* Center the scrollable list. Defaults to false.
|
|
7917
|
+
*/
|
|
7918
|
+
"center"?: boolean;
|
|
7919
|
+
/**
|
|
7920
|
+
* Boolean to collapse scrollable items into normal flow.
|
|
7921
|
+
*/
|
|
7922
|
+
"collapsed"?: boolean;
|
|
7828
7923
|
/**
|
|
7829
7924
|
* Optional identifier to add to buttons in the tab group
|
|
7830
7925
|
*/
|
|
@@ -9073,6 +9168,7 @@ declare namespace LocalJSX {
|
|
|
9073
9168
|
"duet-pagination": DuetPagination;
|
|
9074
9169
|
"duet-paragraph": DuetParagraph;
|
|
9075
9170
|
"duet-progress": DuetProgress;
|
|
9171
|
+
"duet-promo-card": DuetPromoCard;
|
|
9076
9172
|
"duet-radio": DuetRadio;
|
|
9077
9173
|
"duet-radio-group": DuetRadioGroup;
|
|
9078
9174
|
"duet-range-slider": DuetRangeSlider;
|
|
@@ -9165,6 +9261,7 @@ declare module "@stencil/core" {
|
|
|
9165
9261
|
"duet-pagination": LocalJSX.DuetPagination & JSXBase.HTMLAttributes<HTMLDuetPaginationElement>;
|
|
9166
9262
|
"duet-paragraph": LocalJSX.DuetParagraph & JSXBase.HTMLAttributes<HTMLDuetParagraphElement>;
|
|
9167
9263
|
"duet-progress": LocalJSX.DuetProgress & JSXBase.HTMLAttributes<HTMLDuetProgressElement>;
|
|
9264
|
+
"duet-promo-card": LocalJSX.DuetPromoCard & JSXBase.HTMLAttributes<HTMLDuetPromoCardElement>;
|
|
9168
9265
|
"duet-radio": LocalJSX.DuetRadio & JSXBase.HTMLAttributes<HTMLDuetRadioElement>;
|
|
9169
9266
|
"duet-radio-group": LocalJSX.DuetRadioGroup & JSXBase.HTMLAttributes<HTMLDuetRadioGroupElement>;
|
|
9170
9267
|
"duet-range-slider": LocalJSX.DuetRangeSlider & JSXBase.HTMLAttributes<HTMLDuetRangeSliderElement>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duetds/components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.10.0",
|
|
4
4
|
"description": "This package includes Duet Design System Web Components and related utilities.",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"email": "duetdesignsystem@lahitapiola.fi"
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"body-scroll-lock": "3.1.5"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@duetds/fonts": "2.0.
|
|
55
|
-
"@duetds/icons": "3.0.
|
|
56
|
-
"@duetds/tokens": "3.0.
|
|
54
|
+
"@duetds/fonts": "2.0.58",
|
|
55
|
+
"@duetds/icons": "3.0.58",
|
|
56
|
+
"@duetds/tokens": "3.0.58",
|
|
57
57
|
"@rollup/plugin-replace": "5.0.2",
|
|
58
58
|
"@stencil/core": "3.1.0",
|
|
59
59
|
"@stencil/sass": "3.0.0",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"collection": "lib/collection/collection-manifest.json",
|
|
80
80
|
"es2015": "lib/esm/index.js",
|
|
81
81
|
"es2017": "lib/esm/index.js",
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "9147adce7bc7cd0630dd46669a9e719b2ffdcf94"
|
|
83
83
|
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,h as e,H as o,g as a,c as i}from"./p-6a5197de.js";import{i as r}from"./p-4ebf1618.js";import{a as n,g as s}from"./p-076452be.js";import{c as d}from"./p-c1325e35.js";import{d as b,b as l,a as c,c as u}from"./p-f077c646.js";import"./p-5a9d75e1.js";const h=class{constructor(e){t(this,e),this.currentIndex=0,this.tabListElement=void 0,this.tabListClass="duet-scrollable-list",this.resizeObserver=new ResizeObserver((t=>{var e,o,a,i;if(1===(null==t?void 0:t.length)){const r=null===(o=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===o?void 0:o.getBoundingClientRect().width,n=null===(i=null===(a=t[0])||void 0===a?void 0:a.target)||void 0===i?void 0:i.scrollWidth;this.isTabContentSmallerThanWrapper=n>r+5}})),this.tablistAtStart=!0,this.isTabContentSmallerThanWrapper=!1,this.tablistAtEnd=!1,this.childrenData={},this.theme="",this.identifier="",this.selected=0}watchPropHandler(t){this.scrollToTab(t,"center")}componentWillLoad(){r(this);const t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}}componentDidLoad(){this.resizeObserver.observe(this.tabListElement)}disconnectedCallback(){this.resizeObserver.disconnect()}getLastVisibleElement(){const t=this.tabListElement.clientWidth;return Array.from(this.host.querySelectorAll("button")).findIndex((e=>e.getBoundingClientRect().x>t))}getFirstVisibleElement(){const t=this.host.querySelectorAll("button");return Array.from(t).map((t=>t.getBoundingClientRect().x-t.getBoundingClientRect().width)).findIndex((t=>t>0))}updateScrollButtons(t=this.tabListElement){t.scrollLeft<=0?this.tablistAtStart=!0:t.scrollLeft>0&&(this.tablistAtStart=!1),t.clientWidth+t.scrollLeft+10>=t.scrollWidth?this.tablistAtEnd=!0:t.clientWidth+t.scrollLeft+10<t.scrollWidth&&(this.tablistAtEnd=!1)}scrollToTab(t=this.currentIndex,e){if(!this.childrenData.hasChildren)return;t+1>=this.childrenData.numberOfChildren&&(t=this.childrenData.numberOfChildren-1),t<0&&(t=0);const o=this.host.querySelectorAll("button");let a=o[0].getBoundingClientRect().x,i=5;const r=()=>{if(o[0].getBoundingClientRect().x===a){if(i--,0!==i)return void window.requestAnimationFrame(r);this.updateScrollButtons()}else window.requestAnimationFrame(r),a=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",inline:e}),window.requestAnimationFrame(r)}scrollLeft(){this.tablistAtEnd=!1;const t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")}scrollRight(){this.tablistAtStart=!1;const t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")}render(){return e(o,{class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},e("div",{class:"duet-scrollable-items"},e("button",{part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--left":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollLeft(),disabled:this.tablistAtStart,tabindex:"-1"},e("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),e("div",{class:this.tabListClass,onScroll:()=>this.updateScrollButtons(),ref:t=>this.tabListElement=t},e("slot",null)),e("button",{part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,"duet-scrollable-button--right":!0,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:()=>this.scrollRight(),disabled:this.tablistAtEnd,tabindex:"-1"},e("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))}get host(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";const p=class{constructor(e){t(this,e),this.label=void 0,this.caption=void 0,this.selected=void 0,this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?n(this.accessibleDescriptionDefault):null}render(){return e("div",{role:"tabpanel",class:{"duet-tab":!0,selected:this.selected},"aria-description":this.accessibleDescription},e("slot",null))}};p.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";const g=class{constructor(o){t(this,o),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=d("DuetTabGroup"),this.handleKeyDown=t=>{let e;b(t)||l(t)?e=t.target.previousElementSibling:(c(t)||u(t))&&(e=t.target.nextElementSibling),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{"checked"!==this.variation&&"plain-scrolling"!==this.variation||setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)},this.renderTab=()=>{const t=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-controls":this.getTabId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),tabindex:0===o?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected},onClick:()=>this.onTabSelect(o),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t},this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=s(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=n(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!1,this.tabChangeConfirm=!1}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){r(this)}componentDidLoad(){this.scrollToActive()}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,o)=>{e.selected=o===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.setAttribute("aria-labelledby",this.getButtonId(e)),t.selected&&(this.selected=e)}))}render(){const t="checked"===this.variation||"plain-scrolling"===this.variation;return e("div",{class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,["plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},!t&&this.tabs.length>3&&this.collapses&&e("duet-select",{value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.onTabSelect(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!t,"duet-tab-group-collapses":this.collapses},ref:t=>{this.tabsContainer=t}},this.renderTab()),e("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",null)))}get element(){return a(this)}};g.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;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.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-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, 28, 58);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;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;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179) !important}.duet-theme-turva .duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58) !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';export{h as duet_scrollable,p as duet_tab,g as duet_tab_group}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-6a5197de.js";import{i as r}from"./p-4ebf1618.js";import{c as o}from"./p-c1325e35.js";import{d as h}from"./p-0b3f675e.js";import{k as l,l as d,d as p,b as u,a as c,c as g,m,n as b}from"./p-f077c646.js";import{g as v,a as k,c as w,d as f}from"./p-076452be.js";import"./p-5a9d75e1.js";const y=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=o("duet-pagination-list"),this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=h(((t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})}),100),this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500),this.numbersStore="",this.totalPages=10,this.internalSectionIndex=0,this.language=v(),this.theme="",this.jumpString="...",this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Sidutning, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=k(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.ariaControls="",this.current=1}watchLanguageStateHandler(t,i){t!==i&&this.accessibleLabels===this.accessibleLabelsDefaults[i]&&(this.accessibleLabels=k(this.accessibleLabelsDefaults,t))}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),r(this)}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.setFocus()}connectedCallback(){w(this)}disconnectedCallback(){f(this)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){t.preventDefault(),t.stopPropagation(),this.current=this.current+i,this.emitPageEvent(t)}async onKeyboardDown(t){let i=this.current;(p(t)||u(t))&&i--,(c(t)||g(t))&&i++,l(t)&&i<=this.totalPages&&(this.current=i,this.emitPageEvent(t)),d(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");t&&await t.setFocus()}pageClickHandler(t){t.preventDefault();const i=Number(t.target.getAttribute("data-id"));this.current=i,this.emitPageEvent({},i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){t.preventDefault(),this.internalSectionIndex=0,this.current=1,this.emitPageEvent(t)}jumpToEnd(t){t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages,this.emitPageEvent(t)}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},e("duet-button",{class:{"duet-pagination-link":!0},color:i!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":i,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${i}`,onClick:t=>this.pageClickHandler(t),theme:this.theme},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}shouldDisplayNavigation(){return"compact"!==this.variation&&!(2*this.visibleItems>this.total/this.take)}render(){return e(s,{onKeyDown:t=>this.onKeyboardDown(t)},e("nav",{role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:0===this.internalSectionIndex&&this.current<=1,"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme},e("div",{class:"duet-pagination-page-number"},"1"))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"...")))),this.renderPageNumbers(),this.internalSectionIndex*(this.visibleItems+2)<this.totalPages&&this.shouldDisplayNavigation()&&e(a,null,e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"..."))),e("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme},e("div",{class:"duet-pagination-page-number"},this.totalPages)))),e("li",{class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-arrow-right-small",theme:this.theme})))))}get element(){return n(this)}static get watchers(){return{language:["watchLanguageStateHandler"],total:["watchPropTotalHandler"],current:["watchStateHandler"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}";const x=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=o("duetRangeStepper-left"),this.rightBn=o("duetRangeStepper-right"),this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)},this.language=v(),this.theme="",this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=k(this.ariaLabelsDefaults),this.ariaControls=""}watchLanguageStateHandler(t,i){t!==i&&this.ariaLabels===this.ariaLabelsDefaults[i]&&(this.ariaLabels=k(this.ariaLabelsDefaults,t))}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.leftBnRef.setAttribute("disabled","")):this.leftBnRef.removeAttribute("disabled"),t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.rightBnRef.setAttribute("disabled","")):this.rightBnRef.removeAttribute("disabled"))}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){r(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){w(this)}disconnectedCallback(){f(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){let i=this.stepIndex,e=1;(p(t)||u(t)||m(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(c(t)||g(t)||b(t))&&(i++,e=1),l(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small"}),e("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small"}))}get element(){return n(this)}static get watchers(){return{language:["watchLanguageStateHandler"],stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};x.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(0, 41, 77)}.duet-range-stepper ::part(button){border:0}";export{y as duet_pagination,x as duet_range_stepper}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{c(i.next(t))}catch(e){a(e)}}function s(t){try{c(i["throw"](t))}catch(e){a(e)}}function c(t){t.done?n(t.value):o(t.value).then(r,s)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(n=0)),n)try{if(i=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(c){s=[6,c];o=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-f4b68f29.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-34ea0849.system.js","./p-51721695.system.js","./p-c8dc599d.system.js","./p-450e63a4.system.js","./p-b6d51921.system.js","./p-f67ee736.system.js"],(function(t){"use strict";var e,n,i,o,a,r,s,c,u,l,d,b,h,f,p,g;return{setters:[function(t){e=t.r;n=t.c;i=t.h;o=t.H;a=t.g},function(t){r=t.i},function(t){s=t.c},function(t){c=t.d},function(t){u=t.i},function(t){l=t.g;d=t.a;b=t.c;h=t.d},function(t){f=t.c;p=t.g;g=t.s},function(){},function(){}],execute:function(){var m="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}button.duet-action-button{white-space:nowrap}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:rgb(0, 41, 77);cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva button.duet-action-button{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-theme-turva button.duet-action-button:not(:disabled):hover{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px rgb(0, 119, 179) !important}.duet-theme-turva button.duet-action-button:focus{box-shadow:0 0 0 2px rgb(23, 28, 58) !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-theme-turva button.duet-action-button:active:focus{background:#ddddde !important}button.duet-action-button:disabled{color:rgb(144, 149, 153);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-theme-turva button.duet-action-button:disabled{color:rgb(116, 116, 117);background:rgb(245, 245, 247)}";var y=t("duet_action_button",function(){function t(t){var i=this;e(this,t);this.duetActionEvent=n(this,"duetActionEvent",6);this.listId=s("duet-action-button");this.emitPageEvent=c((function(t){i.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:i.actionId,name:i.actionName,meta:i.actionMeta,id:i.listId})}));this.numbersStore="";this.language=l();this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName="default-action";this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:"Click to activate action",fi:"Klikkaa aktivoidaksesi toiminto",sv:"Klicka för att aktivera åtgärd"};this.accessibleLabel=d(this.accessibleLabelsDefaults);this.accessibleControls=""}t.prototype.watchLanguageStateHandler=function(t,e){if(t!==e&&this.accessibleLabel===this.accessibleLabelsDefaults[e]){this.accessibleLabel=d(this.accessibleLabelsDefaults,t)}};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(u(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){var t="";if(typeof this.accessibleTitle==="string"){t=this.accessibleTitle}if(this.accessibleTitle===true){t=f("".concat(this.actionName))}return t};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){r(this)};t.prototype.connectedCallback=function(){b(this)};t.prototype.disconnectedCallback=function(){h(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":p(this.color,this.theme);var a=p(this.background,this.theme);var r=a?g(a,-.1):a;var s=a?"\n button.duet-action-button {\n background: ".concat(a," !important;\n }\n button.duet-action-button:not(:disabled):hover {\n background: ").concat(r," !important;\n }\n "):"";var c={color:n,"border-color":p(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};return i(o,{onKeyDown:function(t){return e.onKeyboardDown(t)}},i("style",{innerHTML:s}),i("button",{ref:function(t){return e.nativeButton=t},part:"button",style:c,disabled:this.disabled,id:this.listId,class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t),type:"button",onClick:function(t){return e.onMouseHandler(t)},"aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle()},i("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),i("duet-visually-hidden",null,i("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return t}());y.style=m}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,h as t,H as i,g as s}from"./p-6a5197de.js";import{a as o}from"./p-cb9787ec.js";import{e as a,d as n}from"./p-bd779757.js";import{i as r}from"./p-4ebf1618.js";const d=class{constructor(t){e(this,t),this.mql=[window.matchMedia(o.replace(/'/g,""))],this.boundMqlFunctions=[],this.changeAriaProperties=()=>{this.mql[0].matches?(this.mobile=!1,a(this.element)):(this.mobile=!0,this.bodyScroll||n(this.element,{reserveScrollBarGap:!0}))},this.onClick=()=>{const e=this.open;e?(a(this.element),this.bodyScroll=!0):(this.bodyScroll=!1,n(this.element,{reserveScrollBarGap:!0})),this.open=!e},this.mobile=!0,this.bodyScroll=!1,this.theme="",this.open=!1,this.accessibleLabel=void 0}componentWillLoad(){r(this);const e=Array.from(this.element.children);for(const t of e)t.setAttribute("role","listitem")}connectedCallback(){this.changeAriaProperties();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.changeAriaProperties.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=[]}async setFocus(e){this.button.focus(e)}render(){return t(i,null,t("nav",{class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme},"aria-label":this.accessibleLabel},t("div",{class:"shadow-container",role:"presentation"},t("div",{class:"top-shadow"})),t("button",{ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("div",{class:"label"},t("slot",{name:"label"}),t("duet-icon",{theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open}},t("div",{class:"list",role:this.mobile?"presentation":"list"},t("slot",null))),t("div",{class:"mobile-background"}))))}get element(){return s(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;background:rgb(243, 249, 252)}.duet-submenu-bar .shadow-container{position:absolute;width:100%;height:100%;overflow:hidden}.duet-submenu-bar .shadow-container .top-shadow{position:absolute;top:-52px;width:100%;height:52px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07)}@media (min-width: 62em){.duet-submenu-bar .shadow-container .top-shadow{top:-80px;height:80px;box-shadow:0 3px 6px rgba(0, 41, 77, 0.1)}}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 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:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}}.duet-submenu-bar .mobile-background{position:absolute;width:100%;height:100%;background:rgba(0, 41, 77, 0.6)}@media (min-width: 62em){.duet-submenu-bar .mobile-background{display:none}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 245, 247)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgba(23, 28, 58, 0.6)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(117, 117, 117, 0.15)}}';export{d as duet_submenu_bar}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,h as e,H as a,g as i}from"./p-6a5197de.js";import{i as n}from"./p-4ebf1618.js";import{g as r}from"./p-73f9efad.js";import"./p-7c4baf1c.js";const o=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="auto",this.image="",this.icon="",this.headingLevel="h2"}componentWillLoad(){n(this),this.hasHeadingSlot=!!this.element.querySelector('[slot="heading"]'),this.hasDescriptionSlot=!!this.element.querySelector('[slot="description"]'),this.hasActionSlot=!!this.element.querySelector('[slot="action"]')}render(){const t=r("turva"===this.theme&&"primary-lighter"===this.backgroundColor?"gray-light":this.backgroundColor,this.theme);return e(a,{class:{"duet-m-0":"none"===this.margin}},e("aside",{class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.size]:!0},style:{backgroundColor:t}},e("div",{class:"visual"},e("div",{class:"image-container"},e("img",{class:"image",src:this.image,alt:"",role:"presentation"})),this.icon&&e("duet-icon",{theme:this.theme,class:"icon",name:this.icon,shape:"brand",size:"xx-large",color:this.iconColor,background:this.iconBackgroundColor,"background-rotation":"7","background-opacity":"0.85",margin:"none"})),e("div",{class:"content"},this.hasHeadingSlot&&e("div",{class:"heading"},e("duet-heading",{theme:this.theme,level:this.headingLevel,"visual-level":"h2",margin:"none",color:this.textColor},e("slot",{name:"heading"}))),this.hasDescriptionSlot&&e("div",{class:"description"},e("duet-paragraph",{theme:this.theme,margin:"none",color:this.textColor},e("slot",{name:"description"}))),this.hasActionSlot&&e("div",{class:"action"},e("duet-spacer",{direction:"vertical",size:"medium"}),e("slot",{name:"action"})))))}get element(){return i(this)}};o.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-banner{display:grid;width:100%;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;text-align:left;border-radius:24px}.duet-banner.duet-p-0{padding:0 !important}.duet-banner.duet-m-0{margin:0 !important}.duet-banner .visual{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner .visual .image-container{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}.duet-banner .visual .image{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}.duet-banner .visual .icon{position:absolute}.duet-banner .content{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}.duet-banner.small{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.small .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.small .visual .image-container{top:-130px;left:-40px}.duet-banner.small .visual .icon{bottom:30px;left:15px}.duet-banner.large{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.large .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.large .visual .image-container{top:-30px;left:-30px}.duet-banner.large .visual .image{top:-15px;left:30px}.duet-banner.large .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.large .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.auto{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.auto .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.auto .visual .image-container{top:-130px;left:-40px}.duet-banner.auto .visual .icon{bottom:30px;left:15px}@media (min-width: 62em){.duet-banner.auto{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.auto .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.auto .visual .image-container{top:-30px;left:-30px}.duet-banner.auto .visual .image{top:-15px;left:30px}.duet-banner.auto .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.auto .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}}.duet-banner.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-banner.duet-theme-turva .visual .image-container{width:526px;height:456px;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}.duet-banner.duet-theme-turva .visual .image{transform:none}.duet-banner.duet-theme-turva.small .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.small .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.small .visual .icon{bottom:15px}.duet-banner.duet-theme-turva.large .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.large .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.large .visual .icon{bottom:auto;left:295px}.duet-banner.duet-theme-turva.auto .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:15px}@media (min-width: 62em){.duet-banner.duet-theme-turva.auto .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:auto;left:295px}}';export{o as duet_banner}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as t,c as e,h as i,H as n,g as s}from"./p-6a5197de.js";import{i as u}from"./p-4ebf1618.js";import{c as r}from"./p-c1325e35.js";import{a,b as o,c as h,d,e as b}from"./p-f077c646.js";import{g as l,b as m,a as c}from"./p-076452be.js";import"./p-5a9d75e1.js";function p(t,e){let i;if("string"==typeof t){let n=t.replace("−","-").replace("‐","-").replace("−","-").replace("–","-").replace("—","-");e&&(n=function(t,e,i=!1){let n;const s=new Intl.NumberFormat(e).format(.5).replace(/[0-9]/g,""),u=new Intl.NumberFormat("en-US").format(.5).replace(/[0-9]/g,""),r=new Intl.NumberFormat(e).format(1e3).replace(/[0-9]/g,""),a=new Intl.NumberFormat("en-US").format(1e3).replace(/[0-9]/g,"");return n=t.replace(s,"DECIMALSEPARATOR"),n=n.replace(r,i?"THOUSANDSEPARATOR":""),n=n.replace("DECIMALSEPARATOR",u),n=n.replace("THOUSANDSEPARATOR",a),n}(n,e,!1)),n=n.replace(/\s+/g,""),n=n.replace(/(?!^-?\d*\.{0,1}\d+$)/g,""),i=parseFloat(n)}if("number"==typeof t&&(i=parseFloat(String(t))),!isNaN(Number(i)))return Number(i);if(null==t)return null;throw new Error("Invalid value passed to SafeParseFloat")}const g=(t,e,i)=>Math.min(Math.max(t,e),i),v=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetInput=e(this,"duetInput",3),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.inputId=r("DuetInput"),this.handleFocus=()=>{this.focusedValue=this.value},this.handleKeyDown=t=>{a(t)||o(t)?this.add(t):h(t)||d(t)?this.subtract(t):b(t)&&this.clearValue()},this.handleChange=t=>{const e=t.target;if(e&&e.value)try{let i=p(e.value,this.locale);(isNaN(i)||null==i)&&(i=this.min||0),this.setValue(i),this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:p(this.value,this.locale).toString(),valueAsNumber:i})}catch(i){this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})}else this.duetInput.emit({component:"duet-number-input",originalEvent:t,value:null,valueAsNumber:null})},this.handleBlur=t=>{const e=t.target;var i;if(e)if(e.value)try{let n=p(e.value,this.locale);this.rounding&&(i=this.step,n=Math.round(n/i)*i),n=g(n,this.min,this.max),n===p(this.value,this.locale)&&n===p(this.focusedValue,this.locale)||(this.setValue(n),this.emitChange(t))}catch(n){this.emitNull(t)}else this.emitNull(t)},this.emitChange=t=>{const e=p(this.value,this.locale);this.duetChange.emit({originalEvent:t,value:e.toString(),valueAsNumber:e,component:"duet-number-input"})},this.emitNull=t=>{this.duetChange.emit({originalEvent:t,value:null,valueAsNumber:null,component:"duet-number-input"})},this.localizeValue=t=>t.toLocaleString(this.locale),this.setValue=t=>{this.value=this.localizeValue(t),this.duetInputElement.value=`${this.value} ${this.unit}`},this.add=t=>{t&&t.preventDefault();const e=p(this.value,this.locale);if(e===this.max)return;let i=null==e?this.min:e+this.step;i%this.step!=0&&(i-=i%this.step);const n=g(i,this.min,this.max);this.value=this.localizeValue(n),this.emitChange(t)},this.subtract=t=>{t&&t.preventDefault();const e=p(this.value,this.locale);if(e===this.min)return;let i=e-this.step;i%this.step!=0&&(i+=this.step-i%this.step),i=g(i,this.min,this.max),this.value=this.localizeValue(i),this.emitChange(t)},this.language=l(),this.locale=m(this.language).locale,this.unit=m(this.language).money,this.focusedValue=void 0,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleLiveDefaults={fi:"{current} euroa valittuna",en:"{current} euros selected",sv:"{current} euro valt"},this.accessibleLive=c(this.accessibleLiveDefaults,this.language),this.accessibleLiveEnabled=!0,this.accessibleAddDefaults={fi:"Lisää summaan",en:"Add to the amount",sv:"Lägg till beloppet"},this.accessibleAdd=c(this.accessibleAddDefaults,this.language),this.accessibleSubtractDefaults={fi:"Vähennä summasta",en:"Subtract from the amount",sv:"Dra från beloppet"},this.accessibleSubtract=c(this.accessibleSubtractDefaults,this.language),this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.min=0,this.labelDefaults={fi:"Nimilappu",en:"Label",sv:"Etikett"},this.label=c(this.labelDefaults,this.language),this.labelHidden=!1,this.max=1e6,this.name=void 0,this.error="",this.tooltip="",this.step=5e3,this.rounding=!0,this.role=void 0,this.disabled=!1,this.required=!1,this.value=void 0}componentWillLoad(){u(this),this.value&&(this.value=this.localizeValue(p(this.value,this.locale)))}async setFocus(t){this.duetInputElement.setFocus(t)}clearValue(){this.value=null,this.duetInputElement.value=""}formatAnnouncement(){const t=this.value?p(this.value,this.locale):null;return null==t?"":this.accessibleLive.replace("{current}",t.toString(10))}render(){const t=this.identifier||this.inputId,e=`${this.localizeValue(this.max)} ${this.unit}`.length,s=this.value?p(this.value,this.locale):null;return i(n,{class:{"duet-theme-turva":"turva"===this.theme,"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},i("div",{class:"duet-number-container"},i("duet-input",{ref:t=>this.duetInputElement=t,onDuetChange:t=>this.handleChange(t),onDuetFocus:this.handleFocus,onDuetBlur:t=>this.handleBlur(t),onKeyDown:t=>this.handleKeyDown(t),label:this.label,value:this.value?`${this.value} ${this.unit}`:"",error:this.error,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":null!=s?s:"",maxlength:e,name:this.name,component:"number",required:this.required,disabled:this.disabled,role:this.role,labelHidden:this.labelHidden,tooltip:this.tooltip,identifier:t,theme:this.theme,margin:"none",expand:!0,numericKeyboard:!0,autoComplete:"off",type:"text",accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleLabelledBy:this.accessibleLabelledBy,accessibleDescription:this.accessibleDescription,accessibleDetails:this.accessibleDetails,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy},i("div",{class:{"duet-number-buttons":!0,"duet-no-label":this.labelHidden}},i("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":null==s||s===this.min?"true":"false",class:"duet-number-button duet-number-button-subtract",onClick:this.subtract,type:"button"},i("duet-visually-hidden",null,this.accessibleSubtract," ",this.step),i("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 12.788a.75.75 0 0 1 0-1.5h22.5a.75.75 0 0 1 0 1.5z"/></svg>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})),i("button",{"aria-controls":t,disabled:this.disabled,"aria-disabled":s===this.max?"true":"false",class:"duet-number-button duet-number-button-add",onClick:this.add,type:"button"},i("duet-visually-hidden",null,this.accessibleAdd," ",this.step),i("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 24a.75.75 0 0 1-.75-.75v-10.5H.75a.75.75 0 0 1 0-1.5h10.5V.75a.75.75 0 0 1 1.5 0v10.5h10.5a.75.75 0 0 1 0 1.5h-10.5v10.5A.75.75 0 0 1 12 24z"/></svg>',size:"small",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary"})))),this.accessibleLiveEnabled&&i("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement())))}get element(){return s(this)}};v.style='*.sc-duet-number-input,*.sc-duet-number-input::after,*.sc-duet-number-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-number-input-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;line-height:1.25;text-align:left;vertical-align:bottom}.sc-duet-number-input-h:last-child,.sc-duet-number-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-number-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-number-input-h{width:100% !important}.duet-m-0.sc-duet-number-input-h{margin:0 !important}.duet-number-container.sc-duet-number-input{position:relative;width:100%}.duet-number-buttons.sc-duet-number-input{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;width:96px;height:calc(100% - 2px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input{position:relative;display:inline-flex;align-items:center;justify-content:center;width:50%;height:100%;text-align:center;cursor:pointer;background:transparent;-webkit-appearance:none;appearance:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled{pointer-events:none}.duet-number-buttons.sc-duet-number-input .duet-number-button[aria-disabled=true].sc-duet-number-input duet-icon.sc-duet-number-input,.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:disabled duet-icon.sc-duet-number-input{opacity:0.4}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:active duet-icon.sc-duet-number-input{transform:translateY(1px)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{outline:0}.user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{z-index:2;box-shadow:0 0 0 2px rgb(0, 119, 179)}.duet-theme-turva .user-is-tabbing.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:focus{box-shadow:0 0 0 2px rgb(23, 28, 58)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type{border-left:1px solid rgb(207, 210, 212)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{position:absolute;top:20%;left:0;width:1px;height:60%;content:"";background:rgb(225, 227, 230)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:first-of-type::before{background:linear-gradient(to left, rgba(207, 207, 209, 0.2) 0%, rgba(207, 207, 209, 0.2) 1px, rgba(207, 207, 209, 0.1) 1px, rgba(207, 207, 209, 0) 100%)}.duet-theme-turva.sc-duet-number-input-h .duet-number-buttons.sc-duet-number-input .duet-number-button.sc-duet-number-input:last-of-type::before{background:rgb(228, 228, 230)}';export{v as duet_number_input}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,a,t,i){function d(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,r){function n(e){try{p(i.next(e))}catch(a){r(a)}}function o(e){try{p(i["throw"](e))}catch(a){r(a)}}function p(e){e.done?t(e.value):d(e.value).then(n,o)}p((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,d,r,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(a){return p([e,a])}}function p(o){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,o[0]&&(t=0)),t)try{if(i=1,d&&(r=o[0]&2?d["return"]:o[0]?d["throw"]||((r=d["return"])&&r.call(d),0):d.next)&&!(r=r.call(d,o[1])).done)return r;if(d=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;d=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=a.call(e,t)}catch(p){o=[6,p];d=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,a,t){if(t||arguments.length===2)for(var i=0,d=a.length,r;i<d;i++){if(r||!(i in a)){if(!r)r=Array.prototype.slice.call(a,0,i);r[i]=a[i]}}return e.concat(r||Array.prototype.slice.call(a))};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-f4b68f29.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-51721695.system.js","./p-b6d51921.system.js","./p-450e63a4.system.js","./p-f67ee736.system.js"],(function(e){"use strict";var a,t,i,d,r,n,o,p,s,m,c;return{setters:[function(e){a=e.r;t=e.c;i=e.h;d=e.F;r=e.H;n=e.g},function(e){o=e.i},function(e){p=e.c},function(e){s=e.i},function(e){m=e.s},function(e){c=e.g},function(){}],execute:function(){var l=["h1","h2","h3","h4","h5","h6"];var g="div";var u={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'};var x='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:block;width:100%;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;line-height:1.5;color:rgb(0, 41, 77);text-decoration:none;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-card.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, 28, 58);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;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;color:rgb(0, 41, 77);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva .duet-card-heading.duet-card-heading--collapsible button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{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, 28, 58);border-color:rgb(228, 228, 230)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 245, 247)}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transition:none;transform:translateY(1px)}';var h=e("duet_card",function(){function e(e){var i=this;a(this,e);this.duetToggle=t(this,"duetToggle",7);this.cardId=p("DuetCard");this.togglePanel=function(e){e.preventDefault();i.open=!i.open;i.duetToggle.emit({component:"duet-card",originalEvent:e})};this.handleKeyDown=function(e){if(s(e)){i.togglePanel(e)}};this.accessibleLabel=undefined;this.heading="";this.secondaryHeading="";this.variation="default";this.collapsible=false;this.open=true;this.headingLevel="h2";this.headingBackground=undefined;this.icon=undefined;this.image=undefined;this.background="gray-lightest";this.padding="small";this.margin="auto";this.theme="";this.url=undefined;this.shadowBreakpoint=undefined}e.prototype.componentWillLoad=function(){o(this);this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']");this.hasFooter=!!this.element.querySelector("[slot='footer']")};e.prototype.renderHeading=function(){var e=m(this.headingLevel);var a=__spreadArray(__spreadArray([],l,true),[g],false).some((function(a){return a===e}))?e:"h2";var t={backgroundColor:c(this.headingBackground)};var r=i(d,null,i("div",{class:"duet-card-heading-grid"},this.icon&&i(d,null,i("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),i("duet-spacer",{direction:"horizontal",size:"small"})),i("div",{class:"duet-card-heading-text"},this.heading?this.heading:i("slot",{name:"heading"})),this.secondaryHeading&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&i(d,null,i("duet-spacer",{direction:"horizontal",size:"small"}),i("duet-icon",{class:"duet-card-caret",icon:u.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&i("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),i("slot",{name:"below-heading"}));if(this.collapsible){return i(a,{style:t,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},i("button",{"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false"},r))}else{return i(a,{style:t,class:"duet-card-heading"},r)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){if(this.nativeCard){this.nativeCard.focus(e)}return[2]}))}))};e.prototype.render=function(){var e;var a=this;var t=this.url?"a":"div";var d={backgroundColor:c(this.background)};return i(r,{class:{"duet-m-0":this.margin==="none","duet-card-info":this.variation==="info"}},i(t,{href:this.url,style:d,ref:function(e){return a.nativeCard=e},"aria-label":this.accessibleLabel,class:(e={"duet-card":true},e[this.padding]=true,e[this.variation]=true,e["shadow-".concat(this.shadowBreakpoint)]=!!this.shadowBreakpoint,e["duet-p-0"]=this.padding==="none",e["duet-theme-turva"]=this.theme==="turva",e["duet-card-has-bg"]=this.background!=="gray-lightest",e["duet-card-has-icon"]=!!this.icon,e["duet-card-collapsed"]=this.collapsible&&!this.open,e)},this.image&&i("div",{class:"duet-card-image-mask"},i("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),i("div",{class:"duet-card-content",id:this.cardId},i("slot",null),this.hasFooter&&i("div",{class:"duet-card-footer"},i("slot",{name:"footer"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());h.style=x}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,t,o,i){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,n){function a(e){try{u(i.next(e))}catch(t){n(t)}}function d(e){try{u(i["throw"](e))}catch(t){n(t)}}function u(e){e.done?o(e.value):r(e.value).then(a,d)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,a;return a={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function d(e){return function(t){return u([e,t])}}function u(d){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,d[0]&&(o=0)),o)try{if(i=1,r&&(n=d[0]&2?r["return"]:d[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,d[1])).done)return n;if(r=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;r=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){o.label=d[1];break}if(d[0]===6&&o.label<n[1]){o.label=n[1];n=d;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(d);break}if(n[2])o.ops.pop();o.trys.pop();continue}d=t.call(e,o)}catch(u){d=[6,u];r=0}finally{i=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
|
|
2
|
-
/*!
|
|
3
|
-
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-f4b68f29.system.js","./p-dd994793.system.js","./p-053b71e6.system.js","./p-c7ae95bd.system.js","./p-33b3aba4.system.js","./p-c8dc599d.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,o,i,r,n,a,d,u,l,s,c,p,m,f;return{setters:[function(e){t=e.r;o=e.c;i=e.h;r=e.F;n=e.g},function(e){a=e.a},function(e){d=e.a},function(e){u=e.D},function(e){l=e.i},function(e){s=e.g;c=e.a;p=e.c;m=e.d},function(e){f=e.p}],execute:function(){var h={title:"action-new-window",tags:"arrow open new window tab external link square box rectangle action",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z"/></svg>'};var g='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;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;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(0, 41, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:rgb(0, 119, 179);border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px rgb(255, 255, 255)}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:rgb(255, 255, 255);transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:2rem;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(0, 41, 77);background:transparent !important;border-top:1px solid rgb(225, 227, 230)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(0, 41, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}';var b={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}};var x=function(e,t){return{component:"duet-footer",data:t,originalEvent:e}};var v=e("duet_footer",function(){function e(e){var i=this;t(this,e);this.duetChange=o(this,"duetChange",3);this.duetLogoClick=o(this,"duetLogoClick",7);this.duetMenuClick=o(this,"duetMenuClick",7);this.duetItemClick=o(this,"duetItemClick",7);this.duetAnalytics=o(this,"duetAnalytics",7);this.duetEvent=o(this,"duetEvent",7);this.handleClick=function(e){if(e.data.analyticsId){i.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId})}i.duetChange.emit(e)};this.handleLogoClick=function(e){var t=x(e,{href:i.logoHref,label:"logo"});i.duetLogoClick.emit(t);i.handleClick(t)};this.handleMenuClick=function(e,t){var o=x(e,t);i.handleClick(o);i.duetMenuClick.emit(o)};this.handleItemClick=function(e,t){var o=x(e,t);i.handleClick(o);i.duetItemClick.emit(o)};this.emitDuetEvent=function(e,t){i.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})};this.processedMainItem=null;this.processedItems=null;this.processedMenu=null;this.theme="";this.variation="default";this.margin="auto";this.logoHref="/";this.language=s();this.items=undefined;this.accessibleLabelExternalDefaults=u;this.accessibleLabelExternal=c(this.accessibleLabelExternalDefaults);this.menu=undefined}e.prototype.watchLanguageStateHandler=function(e,t){if(e!==t&&this.accessibleLabelExternal===this.accessibleLabelExternalDefaults[t]){this.accessibleLabelExternal=c(this.accessibleLabelExternalDefaults,e)}};e.prototype.componentWillLoad=function(){l(this);this.refresh()};e.prototype.connectedCallback=function(){p(this)};e.prototype.disconnectedCallback=function(){m(this)};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=f(this.items);this.processedMenu=f(this.menu);return[2]}))}))};e.prototype.render=function(){var e=this;var t=c(b);var o=this.theme==="turva"?t.turva:t.lahi;return i("footer",{class:{"duet-footer":true,"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-footer-simple":this.variation==="simple"}},i("div",{class:"duet-footer-wrapper"},i("div",{class:"duet-footer-top",part:"top"},this.variation!=="simple"&&i("duet-logo",{href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:true,language:this.language,theme:this.theme}),this.processedItems&&this.variation!=="simple"&&this.processedItems.map((function(t){return i("a",{class:"duet-footer-link",href:t.href,id:t.id,target:t.external?"_blank":"_self",onClick:function(o){return e.handleItemClick(o,t)},onMouseEnter:function(o){return e.emitDuetEvent(o,t)},onTouchStart:function(o){return e.emitDuetEvent(o,t)}},i("div",{class:"duet-footer-icon"},i("duet-icon",{size:"medium",margin:"none",name:t.icon,color:"currentColor"})),i("span",null,t.label),t.external&&i("duet-visually-hidden",null,", ",e.accessibleLabelExternal),i("div",{class:"duet-footer-arrow"},t.external?i("duet-icon",{icon:h.svg,size:"xx-small",margin:"none",color:"currentColor"}):i("duet-icon",{icon:a.svg,size:"auto",margin:"none",color:"currentColor"})))}))),i("slot",{name:"extra"}),i("p",{class:"duet-footer-menu",part:"menu"},i("span",{class:"duet-footer-copyright"},"".concat(o," ").concat((new Date).getFullYear())),i("div",{class:"duet-footer-menu-links"},this.processedMenu&&i(r,null,this.processedMenu.map((function(t){return i("a",{href:t.href,id:t.id,target:t.external?"_blank":"_self",onClick:function(o){return e.handleMenuClick(o,t)},onMouseEnter:function(o){return e.emitDuetEvent(o,t)},onTouchStart:function(o){return e.emitDuetEvent(o,t)}},t.label,t.external&&i(r,null,i("duet-visually-hidden",null,", ",e.accessibleLabelExternal),i("div",{class:"duet-footer-external"},i("duet-icon",{icon:d.svg,size:"xx-small",margin:"none",color:"currentColor"}))),i("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))}))))),i("p",{class:"duet-footer-copyright duet-footer-copyright-mobile"},"".concat(o," ").concat((new Date).getFullYear()))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{language:["watchLanguageStateHandler"],menu:["refresh"],items:["refresh"]}},enumerable:false,configurable:true});return e}());v.style=g}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
import{r as e,c as t,h as o,F as i,g as r}from"./p-6a5197de.js";import{a}from"./p-6fa39608.js";import{a as n}from"./p-f11208c3.js";import{D as d}from"./p-76f00bd5.js";import{i as s}from"./p-4ebf1618.js";import{g as l,a as p,c as u,d as m}from"./p-076452be.js";import{p as h}from"./p-5a9d75e1.js";const f={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},g=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),c=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=g(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=g(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=g(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=l(),this.items=void 0,this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=p(this.accessibleLabelExternalDefaults),this.menu=void 0}watchLanguageStateHandler(e,t){e!==t&&this.accessibleLabelExternal===this.accessibleLabelExternalDefaults[t]&&(this.accessibleLabelExternal=p(this.accessibleLabelExternalDefaults,e))}componentWillLoad(){s(this),this.refresh()}connectedCallback(){u(this)}disconnectedCallback(){m(this)}async refresh(){this.processedItems=h(this.items),this.processedMenu=h(this.menu)}render(){const e=p(f),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation}},o("div",{class:"duet-footer-wrapper"},o("div",{class:"duet-footer-top",part:"top"},"simple"!==this.variation&&o("duet-logo",{href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme}),this.processedItems&&"simple"!==this.variation&&this.processedItems.map((e=>o("a",{class:"duet-footer-link",href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},o("div",{class:"duet-footer-icon"},o("duet-icon",{size:"medium",margin:"none",name:e.icon,color:"currentColor"})),o("span",null,e.label),e.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("div",{class:"duet-footer-arrow"},o("duet-icon",e.external?{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z"/></svg>',size:"xx-small",margin:"none",color:"currentColor"}:{icon:a.svg,size:"auto",margin:"none",color:"currentColor"})))))),o("slot",{name:"extra"}),o("p",{class:"duet-footer-menu",part:"menu"},o("span",{class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("div",{class:"duet-footer-menu-links"},this.processedMenu&&o(i,null,this.processedMenu.map((e=>o("a",{href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("div",{class:"duet-footer-external"},o("duet-icon",{icon:n.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{language:["watchLanguageStateHandler"],menu:["refresh"],items:["refresh"]}}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}.duet-footer{display:block;width:100%;padding-top:20px;padding-bottom:16px;margin-top:48px;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;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(0, 41, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 36em){.duet-footer{padding-top:36px}}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px rgb(0, 119, 179)}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px rgb(23, 28, 58)}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between}}duet-logo{margin-left:16px !important}@media (min-width: 36em){duet-logo{margin-left:28px !important}}@media (min-width: 62em){duet-logo{margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-icon{display:flex;align-items:center;justify-content:center;padding:12px;margin-right:16px;background:rgb(0, 119, 179);border-radius:50%;transition:300ms ease}.duet-theme-turva .duet-footer-icon{background:transparent;box-shadow:0 0 0 1px rgb(255, 255, 255)}a:hover .duet-footer-icon{background:#006ba1}.duet-theme-turva a:hover .duet-footer-icon{background:transparent}.duet-footer-arrow{display:flex;align-items:center;justify-content:center;width:20px;min-width:20px;max-width:20px;height:20px;max-height:20px;margin-left:auto;color:rgb(255, 255, 255);transition:transform 300ms ease}@media (min-width: 62em){.duet-footer-arrow{width:10px;min-width:10px;margin-top:3px;margin-left:8px}}@media (min-width: 62em){.duet-footer-arrow{margin-right:0}}a:hover .duet-footer-arrow{transform:translateX(4px)}.duet-footer-arrow duet-icon{width:20px;height:20px}@media (min-width: 62em){.duet-footer-arrow duet-icon{width:10px;height:10px}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;word-break:break-all}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:2rem;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(0, 41, 77);background:transparent !important;border-top:1px solid rgb(225, 227, 230)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(0, 41, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}';export{c as duet_footer}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
System.register(["./p-f4b68f29.system.js","./p-33b3aba4.system.js","./p-450e63a4.system.js","./p-f67ee736.system.js"],(function(e){"use strict";var t,a,n,i,o,r;return{setters:[function(e){t=e.r;a=e.h;n=e.H;i=e.g},function(e){o=e.i},function(e){r=e.g},function(){}],execute:function(){var s='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-banner{display:grid;width:100%;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;text-align:left;border-radius:24px}.duet-banner.duet-p-0{padding:0 !important}.duet-banner.duet-m-0{margin:0 !important}.duet-banner .visual{position:relative;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner .visual .image-container{position:relative;width:400px;height:400px;overflow:hidden;border-radius:20%;transform:rotate(7deg)}.duet-banner .visual .image{position:relative;top:20px;width:100%;height:100%;transform:rotate(-7deg);object-fit:cover}.duet-banner .visual .icon{position:absolute}.duet-banner .content{display:flex;flex-direction:column;gap:8px;padding:0 20px 36px}.duet-banner.small{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.small .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.small .visual .image-container{top:-130px;left:-40px}.duet-banner.small .visual .icon{bottom:30px;left:15px}.duet-banner.large{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.large .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.large .visual .image-container{top:-30px;left:-30px}.duet-banner.large .visual .image{top:-15px;left:30px}.duet-banner.large .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.large .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}.duet-banner.auto{grid-template-rows:335px 1fr;max-width:335px}.duet-banner.auto .visual{border-top-left-radius:24px;border-top-right-radius:24px}.duet-banner.auto .visual .image-container{top:-130px;left:-40px}.duet-banner.auto .visual .icon{bottom:30px;left:15px}@media (min-width: 62em){.duet-banner.auto{grid-template-rows:none;grid-template-columns:50% 50%;min-width:900px;max-width:1112px;height:320px;max-height:none}.duet-banner.auto .visual{border-top-left-radius:24px;border-bottom-left-radius:24px}.duet-banner.auto .visual .image-container{top:-30px;left:-30px}.duet-banner.auto .visual .image{top:-15px;left:30px}.duet-banner.auto .visual .icon{top:40px;bottom:auto;left:335px}.duet-banner.auto .content{align-items:flex-start;justify-content:center;padding:0 72px 0 0}}.duet-banner.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-banner.duet-theme-turva .visual .image-container{width:526px;height:456px;transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}.duet-banner.duet-theme-turva .visual .image{transform:none}.duet-banner.duet-theme-turva.small .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.small .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.small .visual .icon{bottom:15px}.duet-banner.duet-theme-turva.large .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.large .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.large .visual .icon{bottom:auto;left:295px}.duet-banner.duet-theme-turva.auto .visual .image-container{top:-164px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:15px}@media (min-width: 62em){.duet-banner.duet-theme-turva.auto .visual .image-container{top:-54.923px;left:-147px}.duet-banner.duet-theme-turva.auto .visual .image{top:0;left:0}.duet-banner.duet-theme-turva.auto .visual .icon{bottom:auto;left:295px}}';var l=e("duet_banner",function(){function e(e){t(this,e);this.theme="";this.margin="auto";this.backgroundColor="primary-lighter";this.iconColor="gray-lightest";this.iconBackgroundColor="primary";this.textColor="secondary";this.size="auto";this.image="";this.icon="";this.headingLevel="h2"}e.prototype.componentWillLoad=function(){o(this);this.hasHeadingSlot=!!this.element.querySelector('[slot="heading"]');this.hasDescriptionSlot=!!this.element.querySelector('[slot="description"]');this.hasActionSlot=!!this.element.querySelector('[slot="action"]')};e.prototype.render=function(){var e;var t=this.theme==="turva"&&this.backgroundColor==="primary-lighter"?"gray-light":this.backgroundColor;var i=r(t,this.theme);var o={backgroundColor:i};return a(n,{class:{"duet-m-0":this.margin==="none"}},a("aside",{class:(e={"duet-banner":true,"duet-theme-turva":this.theme==="turva"},e[this.size]=true,e),style:o},a("div",{class:"visual"},a("div",{class:"image-container"},a("img",{class:"image",src:this.image,alt:"",role:"presentation"})),this.icon&&a("duet-icon",{theme:this.theme,class:"icon",name:this.icon,shape:"brand",size:"xx-large",color:this.iconColor,background:this.iconBackgroundColor,"background-rotation":"7","background-opacity":"0.85",margin:"none"})),a("div",{class:"content"},this.hasHeadingSlot&&a("div",{class:"heading"},a("duet-heading",{theme:this.theme,level:this.headingLevel,"visual-level":"h2",margin:"none",color:this.textColor},a("slot",{name:"heading"}))),this.hasDescriptionSlot&&a("div",{class:"description"},a("duet-paragraph",{theme:this.theme,margin:"none",color:this.textColor},a("slot",{name:"description"}))),this.hasActionSlot&&a("div",{class:"action"},a("duet-spacer",{direction:"vertical",size:"medium"}),a("slot",{name:"action"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l.style=s}}}));
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built with Duet Design System
|
|
3
|
-
*/
|
|
4
|
-
System.register([],(function(r){"use strict";return{execute:function(){var a="rgb(247, 178, 40)";var _="rgb(101, 119, 135)";var o="rgb(245, 248, 250)";var e="rgb(211, 36, 131)";var l="rgb(0, 119, 179)";var i="rgb(54, 74, 129)";var t="rgb(0, 135, 90)";var c="rgb(11, 114, 136)";var s="rgb(243, 249, 252)";var g="rgb(230, 242, 248)";var v="rgb(0, 161, 212)";var x="rgb(0, 77, 128)";var d="rgb(255, 255, 255)";var m="rgb(122, 1, 196)";var n="rgb(144, 149, 153)";var p="rgb(225, 227, 230)";var y="rgb(0, 41, 77)";var u="rgb(168, 1, 78)";var b="rgb(205, 229, 241)";var h="rgb(213, 66, 3)";var z="rgb(207, 210, 212)";var f="rgb(222, 35, 98)";var w="rgb(68, 68, 69)";var k="rgb(245, 245, 247)";var q="rgb(161, 10, 78)";var S="rgb(198, 12, 48)";var I="rgb(23, 28, 58)";var U="rgb(8, 135, 78)";var j="rgb(252, 243, 244)";var A="rgb(199, 12, 112)";var E="rgb(169, 69, 124)";var B="rgb(249, 230, 234)";var C="rgb(148, 9, 37)";var F="rgb(255, 255, 255)";var H="rgb(116, 116, 117)";var M="rgb(228, 228, 230)";var R="rgb(178, 180, 179)";var O="rgb(23, 28, 58)";var D="rgb(244, 207, 214)";var G="rgb(9, 129, 148)";var J="rgb(207, 207, 209)";var K="rgb(224, 42, 13)";var L="rgb(250, 164, 15)";var N="rgb(192, 101, 247)";var P="rgb(0, 105, 191)";var Q="rgb(19, 120, 53)";var T="rgb(179, 60, 24)";var V="rgb(13, 163, 166)";var W="rgb(122, 1, 196)";var X="rgb(11, 114, 136)";var Y="rgb(0, 155, 204)";var Z="rgb(179, 137, 24)";var $="rgb(27, 171, 75)";var rr="rgb(128, 98, 17)";var ar="rgb(255, 86, 34)";var _r="rgb(0, 41, 77)";var or="rgb(245, 76, 154)";var er="rgb(194, 21, 101)";var lr="800";var ir="-0.01rem";var tr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var cr="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var sr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var gr="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";var vr="700";var xr="400";var dr="600";var mr="4.5rem";var nr="3rem";var pr="2.25rem";var yr="1.5rem";var ur="1.25rem";var br=r("f","1rem");var hr="0.875rem";var zr="0.75rem";var fr="0";var wr="4px";var kr="50%";var qr="20rem";var Sr="0 2px 10px 0 rgba(117, 117, 117, 0.13)";var Ir="0 2px 6px 0 rgba(0, 41, 77, 0.07)";var Ur="0 2px 10px 0 rgba(0, 41, 77, 0.07)";var jr="0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Ar="0 2px 20px 0 rgba(0, 0, 0, 0.2)";var Er="0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)";var Br="0 2px 10px 0 rgba(117, 117, 117, 0.15)";var Cr="0 2px 10px 0 rgba(0, 41, 77, 0.1)";var Fr="0 2px 6px 0 rgba(117, 117, 117, 0.13)";var Hr="4px";var Mr="20px";var Rr="8px";var Or="2px";var Dr="12px";var Gr="16px";var Jr="36px";var Kr="72px";var Lr="94px";var Nr="48px";var Pr="28px";var Qr="48px";var Tr="1px";var Vr="40px";var Wr="8rem";var Xr="4rem";var Yr="72px";var Zr="36px";var $r="10px";var ra="30px";var aa="3rem";var _a="30px";var oa="1110px";var ea="48px";var la="16px";var ia="7px";var ta="2px";var ca="1px";var sa="24px";var ga="20px";var va="0.85";var xa="0.75";var da="0.50";var ma="0.30";var na="250";var pa="600";var ya="800";var ua="1";var ba="500";var ha="950";var za="900";var fa="300";var wa="100";var ka="-999999";var qa="700";var Sa="200";var Ia="400";var Ua="1.5";var ja="1.25";var Aa="1.1";var Ea="300ms ease";var Ba="600ms ease";var Ca="'(min-width: 106.25em)'";var Fa="'(min-width: 64.0625em)'";var Ha=r("m","'(min-width: 48em)'");var Ma=r("a","'(min-width: 62em)'");var Ra=r("c","'(min-width: 76.25em)'");var Oa="'(max-width: 35.9375em)'";var Da="'(max-width: 20.5em)'";var Ga=r("b","'(min-width: 36em)'");var Ja="'(max-width: 22.5em)'";var Ka={color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:c,color_primary_lightest:s,color_primary_lighter:g,color_brand_blue:v,color_primary_dark:x,color_gray_lightest:d,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:y,color_category_pet:u,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:cr,font_family_heading:sr,font_family_text:gr,font_weight_bold:vr,font_weight_normal:xr,font_weight_semi_bold:dr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:yr,font_size_large:ur,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_circle:kr,radius_pill:qr,shadow_tooltip_turva:Sr,shadow_default:Ir,shadow_tooltip:Ur,shadow_card_turva:jr,shadow_modal:Ar,shadow_card:Er,shadow_hover_turva:Br,shadow_hover:Cr,shadow_default_turva:Fr,space_xx_small:Hr,space_large:Mr,space_x_small:Rr,space_xxx_small:Or,space_small:Dr,space_medium:Gr,space_xx_large:Jr,space_xxxx_large:Kr,space_xxxxx_large:Lr,space_xxx_large:Nr,space_x_large:Pr,size_icon_xx_large:Qr,size_form_border:Tr,size_step_medium:Vr,size_button_min_width:Wr,size_header:Xr,size_icon_xxx_large:Yr,size_icon_x_large:Zr,size_icon_xx_small:$r,size_step_small:ra,size_navigation:aa,size_icon_large:_a,size_layout_max_width:oa,size_tappable_square:ea,size_icon_x_small:la,size_icon_xxx_small:ia,size_button_border:ta,size_button_tiny_border:ca,size_icon_medium:sa,size_icon_small:ga,opacity_85:va,opacity_75:xa,opacity_50:da,opacity_30:ma,z_index_mask_buttons:na,z_index_dropdown:pa,z_index_spinner:ya,z_index_default:ua,z_index_toast:ba,z_index_popup:ha,z_index_modal:za,z_index_sticky:fa,z_index_masked:wa,z_index_deep:ka,z_index_overlay:qa,z_index_mask:Sa,z_index_header:Ia,line_height_medium:Ua,line_height_small:ja,line_height_x_small:Aa,transition_quickly:Ea,transition_slowly:Ba,media_query_xxx_large:Ca,media_query_x_large:Fa,media_query_medium:Ha,media_query_large:Ma,media_query_xx_large:Ra,media_query_x_small:Oa,media_query_xxx_small:Da,media_query_small:Ga,media_query_xx_small:Ja};var La=Object.freeze({__proto__:null,color_warning:a,color_gray_darker:_,color_gray_lighter:o,color_category_home:e,color_primary:l,color_category_vehicle:i,color_success:t,color_category_family:c,color_primary_lightest:s,color_primary_lighter:g,color_brand_blue:v,color_primary_dark:x,color_gray_lightest:d,color_category_finance:m,color_gray_dark:n,color_gray_light:p,color_secondary:y,color_category_pet:u,color_primary_light:b,color_category_travel:h,color_gray:z,color_danger:f,color_gray_darker_turva:w,color_gray_lighter_turva:k,color_category_home_turva:q,color_primary_turva:S,color_category_vehicle_turva:I,color_success_turva:U,color_primary_lightest_turva:j,color_category_family_turva:A,color_category_union_turva:E,color_primary_lighter_turva:B,color_primary_dark_turva:C,color_gray_lightest_turva:F,color_gray_dark_turva:H,color_gray_light_turva:M,color_brand_gray_turva:R,color_secondary_turva:O,color_primary_light_turva:D,color_category_travel_turva:G,color_gray_turva:J,color_danger_turva:K,color_warning_turva:L,color_data_07:N,color_data_08:P,color_data_09:Q,color_data_10:T,color_data_11:V,color_data_01:W,color_data_12:X,color_data_02:Y,color_data_13:Z,color_data_03:$,color_data_14:rr,color_data_04:ar,color_data_15:_r,color_data_05:or,color_data_06:er,font_weight_extra_bold:lr,letter_spacing_heading:ir,font_family_heading_turva:tr,font_family_text_turva:cr,font_family_heading:sr,font_family_text:gr,font_weight_bold:vr,font_weight_normal:xr,font_weight_semi_bold:dr,font_size_xxxx_large:mr,font_size_xxx_large:nr,font_size_xx_large:pr,font_size_x_large:yr,font_size_large:ur,font_size_medium:br,font_size_small:hr,font_size_x_small:zr,radius_sharp:fr,radius_default:wr,radius_circle:kr,radius_pill:qr,shadow_tooltip_turva:Sr,shadow_default:Ir,shadow_tooltip:Ur,shadow_card_turva:jr,shadow_modal:Ar,shadow_card:Er,shadow_hover_turva:Br,shadow_hover:Cr,shadow_default_turva:Fr,space_xx_small:Hr,space_large:Mr,space_x_small:Rr,space_xxx_small:Or,space_small:Dr,space_medium:Gr,space_xx_large:Jr,space_xxxx_large:Kr,space_xxxxx_large:Lr,space_xxx_large:Nr,space_x_large:Pr,size_icon_xx_large:Qr,size_form_border:Tr,size_step_medium:Vr,size_button_min_width:Wr,size_header:Xr,size_icon_xxx_large:Yr,size_icon_x_large:Zr,size_icon_xx_small:$r,size_step_small:ra,size_navigation:aa,size_icon_large:_a,size_layout_max_width:oa,size_tappable_square:ea,size_icon_x_small:la,size_icon_xxx_small:ia,size_button_border:ta,size_button_tiny_border:ca,size_icon_medium:sa,size_icon_small:ga,opacity_85:va,opacity_75:xa,opacity_50:da,opacity_30:ma,z_index_mask_buttons:na,z_index_dropdown:pa,z_index_spinner:ya,z_index_default:ua,z_index_toast:ba,z_index_popup:ha,z_index_modal:za,z_index_sticky:fa,z_index_masked:wa,z_index_deep:ka,z_index_overlay:qa,z_index_mask:Sa,z_index_header:Ia,line_height_medium:Ua,line_height_small:ja,line_height_x_small:Aa,transition_quickly:Ea,transition_slowly:Ba,media_query_xxx_large:Ca,media_query_x_large:Fa,media_query_medium:Ha,media_query_large:Ma,media_query_xx_large:Ra,media_query_x_small:Oa,media_query_xxx_small:Da,media_query_small:Ga,media_query_xx_small:Ja,default:Ka});r("t",La)}}}));
|