@scania/tegel 1.53.0 → 1.54.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/dist/cjs/index-DPzF1h3L.js +2548 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/tds-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/tds-badge.cjs.entry.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +2 -2
- package/dist/cjs/tds-block.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +4 -4
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/tds-button_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-card.cjs.entry.js +4 -3
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-chip.cjs.entry.js +2 -2
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +2 -2
- package/dist/cjs/tds-datetime.cjs.entry.js +2 -2
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +3 -3
- package/dist/cjs/tds-folder-tab.cjs.entry.js +4 -4
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -6
- package/dist/cjs/tds-footer-group.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-cell.cjs.entry.js +23 -4
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-hamburger.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher-grid-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-icon.cjs.entry.js +23 -37
- package/dist/cjs/tds-inline-tab.cjs.entry.js +4 -4
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -6
- package/dist/cjs/tds-link.cjs.entry.js +3 -3
- package/dist/cjs/tds-message.cjs.entry.js +4 -4
- package/dist/cjs/tds-modal.cjs.entry.js +4 -4
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +4 -4
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +7 -8
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-core.cjs.entry.js +2 -2
- package/dist/cjs/tds-popover-menu-item.cjs.entry.js +3 -3
- package/dist/cjs/tds-popover-menu.cjs.entry.js +4 -4
- package/dist/cjs/tds-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-collapse-button.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-dropdown-list.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +4 -4
- package/dist/cjs/tds-side-menu-overlay.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js +3 -3
- package/dist/cjs/tds-side-menu-user.cjs.entry.js +2 -2
- package/dist/cjs/tds-side-menu.cjs.entry.js +2 -2
- package/dist/cjs/tds-slider.cjs.entry.js +9 -9
- package/dist/cjs/tds-spinner.cjs.entry.js +2 -2
- package/dist/cjs/tds-step.cjs.entry.js +2 -2
- package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-body-input-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +9 -9
- package/dist/cjs/tds-table-body-row.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-body.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-footer.cjs.entry.js +18 -4
- package/dist/cjs/tds-table-header-input-wrapper.cjs.entry.js +2 -2
- package/dist/cjs/tds-table-header.cjs.entry.js +3 -3
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/tds-table.cjs.entry.js +17 -5
- package/dist/cjs/tds-tag.cjs.entry.js +2 -2
- package/dist/cjs/tds-text-field.cjs.entry.js +7 -7
- package/dist/cjs/tds-textarea.cjs.entry.js +5 -5
- package/dist/cjs/tds-toast.cjs.entry.js +5 -5
- package/dist/cjs/tds-toggle.cjs.entry.js +4 -4
- package/dist/cjs/tds-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/tegel.cjs.js +2 -2
- package/dist/collection/components/accordion/accordion-item/accordion-item.css +2 -2
- package/dist/collection/components/banner/banner.css +23 -9
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +2 -2
- package/dist/collection/components/button/button.css +7 -7
- package/dist/collection/components/card/card.css +24 -5
- package/dist/collection/components/card/card.js +3 -2
- package/dist/collection/components/chip/chip.css +2 -2
- package/dist/collection/components/datetime/datetime.css +2 -2
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +2 -2
- package/dist/collection/components/dropdown/dropdown.css +6 -5
- package/dist/collection/components/footer/footer-group/footer-group.css +2 -2
- package/dist/collection/components/footer/footer-item/footer-item.css +6 -6
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +2 -1
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +2 -2
- package/dist/collection/components/header/header-item/header-item.css +2 -2
- package/dist/collection/components/header/header-launcher/header-launcher.css +2 -1
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +2 -2
- package/dist/collection/components/icon/icon.js +23 -39
- package/dist/collection/components/icon/tratonIconsArray.js +1 -2
- package/dist/collection/components/link/link.js +2 -2
- package/dist/collection/components/message/message.css +9 -7
- package/dist/collection/components/message/message.js +2 -2
- package/dist/collection/components/modal/modal.css +15 -13
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/popover-canvas/popover-canvas.js +3 -3
- package/dist/collection/components/popover-core/popover-core.js +1 -1
- package/dist/collection/components/popover-menu/popover-menu-item/popover-menu-item.js +2 -2
- package/dist/collection/components/popover-menu/popover-menu.js +3 -3
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/side-menu/side-menu-close-button/side-menu-close-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +3 -3
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +2 -2
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +2 -2
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +2 -2
- package/dist/collection/components/side-menu/side-menu-overlay/side-menu-overlay.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +1 -1
- package/dist/collection/components/side-menu/side-menu-user-label/side-menu-user-label.js +1 -1
- package/dist/collection/components/side-menu/side-menu.css +2 -1
- package/dist/collection/components/slider/slider.js +8 -8
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/stepper/step/step.js +1 -1
- package/dist/collection/components/table/table/table.css +2 -1
- package/dist/collection/components/table/table/table.js +59 -3
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +4 -4
- package/dist/collection/components/table/table-body-input-wrapper/table-body-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-body-row/table-body-row.js +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +2 -2
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +7 -7
- package/dist/collection/components/table/table-footer/table-footer.js +77 -3
- package/dist/collection/components/table/table-header/table-header.js +2 -2
- package/dist/collection/components/table/table-header-cell/table-header-cell.js +25 -5
- package/dist/collection/components/table/table-header-input-wrapper/table-header-input-wrapper.js +1 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +3 -4
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +3 -4
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +5 -6
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text-field/text-field.css +1 -1
- package/dist/collection/components/text-field/text-field.js +5 -5
- package/dist/collection/components/textarea/textarea.css +2 -2
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/toast/toast.css +13 -16
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/components/index.js +1 -1
- package/dist/components/{p-Cl3uo8RO.js → p-B-9923_a.js} +1 -1
- package/dist/components/p-B0Pz58BS.js +1 -0
- package/dist/components/{p-Cr5AJ7EI.js → p-B1QdNOPI.js} +1 -1
- package/dist/components/p-B5eSTxGJ.js +1 -0
- package/dist/components/{p-Dh4rW_04.js → p-BGW6utqb.js} +1 -1
- package/dist/components/p-BcKywCnz.js +1 -0
- package/dist/components/p-CGFX3Srb.js +1 -0
- package/dist/components/{p-CkGDaQ3D.js → p-CJtN1EIg.js} +1 -1
- package/dist/components/{p-DNQszLML.js → p-CiGYIe0v.js} +1 -1
- package/dist/components/p-DRO9e7F4.js +1 -0
- package/dist/components/p-DgETo9IA.js +1 -0
- package/dist/components/{p-BVWWo6dK.js → p-Dlj2h0pg.js} +1 -1
- package/dist/components/{p-2Sehn7YQ.js → p-Duga9LJ2.js} +1 -1
- package/dist/components/{p-Egx6jNza.js → p-VwQKu81G.js} +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-body-cell.js +1 -1
- package/dist/components/tds-breadcrumb.js +1 -1
- package/dist/components/tds-button.js +1 -1
- package/dist/components/tds-card.js +1 -1
- package/dist/components/tds-chip.js +1 -1
- package/dist/components/tds-datetime.js +1 -1
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-dropdown.js +1 -1
- package/dist/components/tds-folder-tab.js +1 -1
- package/dist/components/tds-folder-tabs.js +1 -1
- package/dist/components/tds-footer-group.js +1 -1
- package/dist/components/tds-footer-item.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-cell.js +1 -1
- package/dist/components/tds-header-dropdown-list-item.js +1 -1
- package/dist/components/tds-header-dropdown.js +1 -1
- package/dist/components/tds-header-hamburger.js +1 -1
- package/dist/components/tds-header-item.js +1 -1
- package/dist/components/tds-header-launcher-button.js +1 -1
- package/dist/components/tds-header-launcher-grid-item.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +1 -1
- package/dist/components/tds-header-launcher.js +1 -1
- package/dist/components/tds-icon.js +1 -1
- package/dist/components/tds-inline-tab.js +1 -1
- package/dist/components/tds-inline-tabs.js +1 -1
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-navigation-tabs.js +1 -1
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu-item.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu-close-button.js +1 -1
- package/dist/components/tds-side-menu-collapse-button.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
- package/dist/components/tds-side-menu-dropdown-list.js +1 -1
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu-item.js +1 -1
- package/dist/components/tds-side-menu-overlay.js +1 -1
- package/dist/components/tds-side-menu-user-image.js +1 -1
- package/dist/components/tds-side-menu-user-label.js +1 -1
- package/dist/components/tds-side-menu-user.js +1 -1
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +1 -1
- package/dist/components/tds-spinner.js +1 -1
- package/dist/components/tds-step.js +1 -1
- package/dist/components/tds-table-body-input-wrapper.js +1 -1
- package/dist/components/tds-table-body-row-expandable.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-body.js +1 -1
- package/dist/components/tds-table-footer.js +1 -1
- package/dist/components/tds-table-header-input-wrapper.js +1 -1
- package/dist/components/tds-table-header.js +1 -1
- package/dist/components/tds-table-toolbar.js +1 -1
- package/dist/components/tds-table.js +1 -1
- package/dist/components/tds-tag.js +1 -1
- package/dist/components/tds-text-field.js +1 -1
- package/dist/components/tds-textarea.js +1 -1
- package/dist/components/tds-toast.js +1 -1
- package/dist/components/tds-toggle.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/index-DO74lOFd.js +2519 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/tds-accordion-item.entry.js +2 -2
- package/dist/esm/tds-accordion.entry.js +1 -1
- package/dist/esm/tds-badge.entry.js +1 -1
- package/dist/esm/tds-banner.entry.js +2 -2
- package/dist/esm/tds-block.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +4 -4
- package/dist/esm/tds-breadcrumb.entry.js +2 -2
- package/dist/esm/tds-breadcrumbs.entry.js +1 -1
- package/dist/esm/tds-button_2.entry.js +2 -2
- package/dist/esm/tds-card.entry.js +4 -3
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-chip.entry.js +2 -2
- package/dist/esm/tds-core-header-item_2.entry.js +2 -2
- package/dist/esm/tds-datetime.entry.js +2 -2
- package/dist/esm/tds-dropdown_2.entry.js +3 -3
- package/dist/esm/tds-folder-tab.entry.js +4 -4
- package/dist/esm/tds-folder-tabs.entry.js +5 -6
- package/dist/esm/tds-footer-group.entry.js +2 -2
- package/dist/esm/tds-footer-item.entry.js +2 -2
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-header-cell.entry.js +23 -4
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-user.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +2 -2
- package/dist/esm/tds-header-hamburger.entry.js +1 -1
- package/dist/esm/tds-header-launcher-button.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid-item.entry.js +2 -2
- package/dist/esm/tds-header-launcher-grid-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +1 -1
- package/dist/esm/tds-header-launcher.entry.js +2 -2
- package/dist/esm/tds-header-title.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-icon.entry.js +23 -37
- package/dist/esm/tds-inline-tab.entry.js +4 -4
- package/dist/esm/tds-inline-tabs.entry.js +5 -6
- package/dist/esm/tds-link.entry.js +3 -3
- package/dist/esm/tds-message.entry.js +4 -4
- package/dist/esm/tds-modal.entry.js +4 -4
- package/dist/esm/tds-navigation-tab.entry.js +4 -4
- package/dist/esm/tds-navigation-tabs.entry.js +7 -8
- package/dist/esm/tds-popover-canvas.entry.js +4 -4
- package/dist/esm/tds-popover-core.entry.js +2 -2
- package/dist/esm/tds-popover-menu-item.entry.js +3 -3
- package/dist/esm/tds-popover-menu.entry.js +4 -4
- package/dist/esm/tds-radio-button.entry.js +3 -3
- package/dist/esm/tds-side-menu-close-button.entry.js +2 -2
- package/dist/esm/tds-side-menu-collapse-button.entry.js +4 -4
- package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +4 -4
- package/dist/esm/tds-side-menu-dropdown-list.entry.js +3 -3
- package/dist/esm/tds-side-menu-dropdown.entry.js +4 -4
- package/dist/esm/tds-side-menu-item.entry.js +4 -4
- package/dist/esm/tds-side-menu-overlay.entry.js +2 -2
- package/dist/esm/tds-side-menu-user-image_2.entry.js +3 -3
- package/dist/esm/tds-side-menu-user.entry.js +2 -2
- package/dist/esm/tds-side-menu.entry.js +2 -2
- package/dist/esm/tds-slider.entry.js +9 -9
- package/dist/esm/tds-spinner.entry.js +2 -2
- package/dist/esm/tds-step.entry.js +2 -2
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table-body-input-wrapper.entry.js +2 -2
- package/dist/esm/tds-table-body-row-expandable.entry.js +9 -9
- package/dist/esm/tds-table-body-row.entry.js +3 -3
- package/dist/esm/tds-table-body.entry.js +3 -3
- package/dist/esm/tds-table-footer.entry.js +18 -4
- package/dist/esm/tds-table-header-input-wrapper.entry.js +2 -2
- package/dist/esm/tds-table-header.entry.js +3 -3
- package/dist/esm/tds-table-toolbar.entry.js +3 -3
- package/dist/esm/tds-table.entry.js +17 -5
- package/dist/esm/tds-tag.entry.js +2 -2
- package/dist/esm/tds-text-field.entry.js +7 -7
- package/dist/esm/tds-textarea.entry.js +5 -5
- package/dist/esm/tds-toast.entry.js +5 -5
- package/dist/esm/tds-toggle.entry.js +4 -4
- package/dist/esm/tds-tooltip.entry.js +3 -3
- package/dist/esm/tegel.js +3 -3
- package/dist/tegel/p-00f7e2fe.entry.js +1 -0
- package/dist/tegel/{p-3bd827a4.entry.js → p-05310ea7.entry.js} +1 -1
- package/dist/tegel/p-07d68bce.entry.js +1 -0
- package/dist/tegel/p-086183b6.entry.js +1 -0
- package/dist/tegel/p-0c0af5a8.entry.js +1 -0
- package/dist/tegel/p-0d6707b3.entry.js +1 -0
- package/dist/tegel/{p-8a32f501.entry.js → p-155d9f85.entry.js} +1 -1
- package/dist/tegel/{p-fa5e71b0.entry.js → p-15e36d6d.entry.js} +1 -1
- package/dist/tegel/{p-50060137.entry.js → p-16ad0e37.entry.js} +1 -1
- package/dist/tegel/p-17c11413.entry.js +1 -0
- package/dist/tegel/{p-84ee8542.entry.js → p-1f7bf9f0.entry.js} +1 -1
- package/dist/tegel/p-21bf17ff.entry.js +1 -0
- package/dist/tegel/p-22d03dc3.entry.js +1 -0
- package/dist/tegel/{p-42039b28.entry.js → p-2370c9e1.entry.js} +1 -1
- package/dist/tegel/p-354988d3.entry.js +1 -0
- package/dist/tegel/{p-43a4ab98.entry.js → p-3866fed7.entry.js} +1 -1
- package/dist/tegel/{p-a2a65bdf.entry.js → p-38f2223b.entry.js} +1 -1
- package/dist/tegel/{p-ff355ee6.entry.js → p-3c1cc00f.entry.js} +1 -1
- package/dist/tegel/{p-577f376b.entry.js → p-42d38e89.entry.js} +1 -1
- package/dist/tegel/p-46b2d0ea.entry.js +1 -0
- package/dist/tegel/{p-39786a40.entry.js → p-49757da4.entry.js} +1 -1
- package/dist/tegel/{p-974e6258.entry.js → p-51ec28bb.entry.js} +1 -1
- package/dist/tegel/{p-09283aec.entry.js → p-52223829.entry.js} +1 -1
- package/dist/tegel/{p-2368a679.entry.js → p-54445896.entry.js} +1 -1
- package/dist/tegel/p-581ad082.entry.js +1 -0
- package/dist/tegel/p-5aae21db.entry.js +1 -0
- package/dist/tegel/{p-6522ac2d.entry.js → p-5aee5376.entry.js} +1 -1
- package/dist/tegel/{p-8d5f25c6.entry.js → p-5b4607fb.entry.js} +1 -1
- package/dist/tegel/p-5c6b067d.entry.js +1 -0
- package/dist/tegel/{p-f939a432.entry.js → p-5dad80b8.entry.js} +1 -1
- package/dist/tegel/{p-3a8825e6.entry.js → p-5dc21700.entry.js} +1 -1
- package/dist/tegel/p-5e309655.entry.js +1 -0
- package/dist/tegel/p-5f560eda.entry.js +1 -0
- package/dist/tegel/{p-9d755c09.entry.js → p-5fba3df7.entry.js} +1 -1
- package/dist/tegel/p-663c5494.entry.js +1 -0
- package/dist/tegel/{p-0287d7e6.entry.js → p-6e4ace8a.entry.js} +1 -1
- package/dist/tegel/{p-5adfe9d6.entry.js → p-6f193415.entry.js} +1 -1
- package/dist/tegel/p-708a6c1d.entry.js +1 -0
- package/dist/tegel/{p-baabfde2.entry.js → p-7332cbd9.entry.js} +1 -1
- package/dist/tegel/p-75c1520d.entry.js +1 -0
- package/dist/tegel/{p-4427d72f.entry.js → p-7bd7cc73.entry.js} +1 -1
- package/dist/tegel/{p-da18140a.entry.js → p-7e35055d.entry.js} +1 -1
- package/dist/tegel/p-802e2119.entry.js +1 -0
- package/dist/tegel/{p-ed485529.entry.js → p-82e37e02.entry.js} +1 -1
- package/dist/tegel/p-84b46a32.entry.js +1 -0
- package/dist/tegel/{p-aa048dfa.entry.js → p-84f72528.entry.js} +1 -1
- package/dist/tegel/{p-09a49461.entry.js → p-8521649a.entry.js} +1 -1
- package/dist/tegel/{p-5a850695.entry.js → p-86e16d44.entry.js} +1 -1
- package/dist/tegel/p-8bf8546d.entry.js +1 -0
- package/dist/tegel/{p-2e38e5f0.entry.js → p-918df975.entry.js} +1 -1
- package/dist/tegel/p-9397b75a.entry.js +1 -0
- package/dist/tegel/{p-9baf0c95.entry.js → p-97ebf34f.entry.js} +1 -1
- package/dist/tegel/{p-8fda5922.entry.js → p-9d462ca4.entry.js} +1 -1
- package/dist/tegel/p-DO74lOFd.js +2 -0
- package/dist/tegel/p-a11961fd.entry.js +1 -0
- package/dist/tegel/{p-27147331.entry.js → p-a1968a57.entry.js} +1 -1
- package/dist/tegel/{p-749ca751.entry.js → p-a5c483f2.entry.js} +1 -1
- package/dist/tegel/{p-3ab869e0.entry.js → p-a859dedf.entry.js} +1 -1
- package/dist/tegel/{p-9539123c.entry.js → p-aa14dbbb.entry.js} +1 -1
- package/dist/tegel/{p-693d9a90.entry.js → p-ab734c4d.entry.js} +1 -1
- package/dist/tegel/{p-7f3b6674.entry.js → p-b17da00c.entry.js} +1 -1
- package/dist/tegel/p-b19125cc.entry.js +1 -0
- package/dist/tegel/{p-9d3dd7a1.entry.js → p-c19c0ec5.entry.js} +1 -1
- package/dist/tegel/{p-42d189f0.entry.js → p-c32eb8dd.entry.js} +1 -1
- package/dist/tegel/{p-b0fe7b44.entry.js → p-c6c257bf.entry.js} +1 -1
- package/dist/tegel/p-c6cf463b.entry.js +1 -0
- package/dist/tegel/{p-d06b8bb8.entry.js → p-c9085ee4.entry.js} +1 -1
- package/dist/tegel/{p-893b3a10.entry.js → p-cb165e5d.entry.js} +1 -1
- package/dist/tegel/{p-bfe2aab2.entry.js → p-d251e381.entry.js} +1 -1
- package/dist/tegel/{p-a4ce9d18.entry.js → p-d4af286a.entry.js} +1 -1
- package/dist/tegel/p-d8dfe177.entry.js +1 -0
- package/dist/tegel/p-dfdda68b.entry.js +1 -0
- package/dist/tegel/p-e2fb88e5.entry.js +1 -0
- package/dist/tegel/{p-e6df230b.entry.js → p-eb2375d7.entry.js} +1 -1
- package/dist/tegel/{p-15189121.entry.js → p-f2e0eaba.entry.js} +1 -1
- package/dist/tegel/{p-9122bbb9.entry.js → p-f75b0006.entry.js} +1 -1
- package/dist/tegel/p-f7ab4928.entry.js +1 -0
- package/dist/tegel/{p-8176c57c.entry.js → p-f9fec0b3.entry.js} +1 -1
- package/dist/tegel/p-fcd1c8f3.entry.js +1 -0
- package/dist/tegel/p-fd4e9fb7.entry.js +1 -0
- package/dist/tegel/tegel.css +1007 -10
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/card/card.d.ts +1 -0
- package/dist/types/components/icon/icon.d.ts +3 -6
- package/dist/types/components/table/table/table.d.ts +9 -0
- package/dist/types/components/table/table-footer/table-footer.d.ts +7 -0
- package/dist/types/components/table/table-header-cell/table-header-cell.d.ts +5 -2
- package/dist/types/components.d.ts +55 -2
- package/package.json +1 -1
- package/dist/cjs/index-DGBnICb9.js +0 -2548
- package/dist/collection/utils/accessibility.js +0 -30
- package/dist/components/p-B4-NZ0-T.js +0 -1
- package/dist/components/p-BkkKUMC2.js +0 -1
- package/dist/components/p-D7QKvdhL.js +0 -1
- package/dist/components/p-DDTzvbMK.js +0 -1
- package/dist/components/p-Df03ehYR.js +0 -1
- package/dist/components/p-Do9F2RTX.js +0 -1
- package/dist/esm/index-VFN9WV0d.js +0 -2519
- package/dist/tegel/p-1040713f.entry.js +0 -1
- package/dist/tegel/p-17e2a780.entry.js +0 -1
- package/dist/tegel/p-1a6cc08f.entry.js +0 -1
- package/dist/tegel/p-21e5d59e.entry.js +0 -1
- package/dist/tegel/p-25ad3b5a.entry.js +0 -1
- package/dist/tegel/p-2664fa80.entry.js +0 -1
- package/dist/tegel/p-2a35cd68.entry.js +0 -1
- package/dist/tegel/p-2bcff4fd.entry.js +0 -1
- package/dist/tegel/p-34a68c03.entry.js +0 -1
- package/dist/tegel/p-3a9e4918.entry.js +0 -1
- package/dist/tegel/p-4942f086.entry.js +0 -1
- package/dist/tegel/p-4f6aac2c.entry.js +0 -1
- package/dist/tegel/p-5aee8773.entry.js +0 -1
- package/dist/tegel/p-5d18b544.entry.js +0 -1
- package/dist/tegel/p-7ca5da7e.entry.js +0 -1
- package/dist/tegel/p-7de064e6.entry.js +0 -1
- package/dist/tegel/p-7ea3179a.entry.js +0 -1
- package/dist/tegel/p-88a89bae.entry.js +0 -1
- package/dist/tegel/p-937a4ef1.entry.js +0 -1
- package/dist/tegel/p-9f63eb3b.entry.js +0 -1
- package/dist/tegel/p-VFN9WV0d.js +0 -2
- package/dist/tegel/p-a476f37f.entry.js +0 -1
- package/dist/tegel/p-ac3dd42b.entry.js +0 -1
- package/dist/tegel/p-aea4aea5.entry.js +0 -1
- package/dist/tegel/p-beb70800.entry.js +0 -1
- package/dist/tegel/p-cb8b1417.entry.js +0 -1
- package/dist/tegel/p-d0842e39.entry.js +0 -1
- package/dist/tegel/p-d9faf299.entry.js +0 -1
- package/dist/tegel/p-dd44ee2d.entry.js +0 -1
- package/dist/tegel/p-e676b230.entry.js +0 -1
- package/dist/tegel/p-ebdddea6.entry.js +0 -1
- package/dist/tegel/p-f7518ea3.entry.js +0 -1
- package/dist/types/utils/accessibility.d.ts +0 -14
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as t,H as s,h as a,a as i}from"./index.js";import{i as c}from"./p-Q3W78DlP.js";import{d as o}from"./p-CbSJY3jI.js";import{d as r}from"./p-
|
|
1
|
+
import{t as e,p as t,H as s,h as a,a as i}from"./index.js";import{i as c}from"./p-Q3W78DlP.js";import{d as o}from"./p-CbSJY3jI.js";import{d as r}from"./p-Duga9LJ2.js";import{d}from"./p-B5eSTxGJ.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),c(this.host));const e=Object.assign({},this.ariaAttributes);return a(i,{key:"abed3be3bbeecc3a510cfa75a0dae9ed06196d54"},a("tds-header-item",{key:"39eee800f052f252a0345243eaa637cf7b41ea3d",active:this.active},a("button",Object.assign({key:"8d49dfbe22856a2c56d0ae3949f7fb9e36804bc1"},e,{"aria-label":this.tdsAriaLabel}),a("tds-icon",{key:"028ffd59098f06fee68a74c670727c3664b711b6",class:"icon",name:"bento",size:"20px","svg-title":this.tdsAriaLabel}))))}get host(){return this}static get style(){return":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}"}},[1,"tds-header-launcher-button",{active:[516],tdsAriaLabel:[513,"tds-aria-label"]}]);function m(){"undefined"!=typeof customElements&&["tds-header-launcher-button","tds-core-header-item","tds-header-item","tds-icon"].forEach((t=>{switch(t){case"tds-header-launcher-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-core-header-item":customElements.get(e(t))||o();break;case"tds-header-item":customElements.get(e(t))||r();break;case"tds-icon":customElements.get(e(t))||d()}}))}m();export{n as T,m as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-CLF3diNe.js";const d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.active=!1,this.collapsed=!1,this.hasUserComponent=!1}findSlottedAndExecute(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const n=s[0];if(n){const o=i(n,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&this.findSlottedAndExecute((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}updateHasUserComponent(){if(this.slotEl){const t=t=>"tds-side-menu-user"===t.tagName.toLowerCase();this.hasUserComponent=!1,this.findSlottedAndExecute(t,(()=>{this.hasUserComponent=!0}))}}connectedCallback(){var t;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(t=this.sideMenuEl)||void 0===t?void 0:t.collapsed)}componentDidLoad(){var t,e;this.slotEl=null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"))&&void 0!==e?e:null,this.updateSlottedElements(),this.updateHasUserComponent(),this.slotEl&&this.slotEl.addEventListener("slotchange",(()=>{this.updateSlottedElements(),this.updateHasUserComponent()}))}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements(),this.updateHasUserComponent()}render(){return s(n,{key:"a3d78ce2c19b640d7040f30bc40d8c3ddeb48713"},s("div",{key:"4f468a980cba48b02e5acae58905afbafc5d9304",class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed,"component-has-user":this.hasUserComponent}},s("slot",{key:"f260f260f7914d3a4cb983d66da4729e40cb458e"})))}get host(){return this}static get style(){return':host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:10px;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component ::slotted(tds-side-menu-user),:host .component-has-user ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:16px;padding:0 22px 0 16px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px;z-index:1}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button),:host .component:hover ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a)::before,:host .component:hover ::slotted(button)::before,:host .component:hover ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:hover ::slotted(a:focus-visible),:host .component:hover ::slotted(button:focus-visible),:host .component:hover ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-hover);position:relative}:host .component:hover ::slotted(a:focus-visible)::before,:host .component:hover ::slotted(button:focus-visible)::before,:host .component:hover ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component:active ::slotted(a),:host .component:active ::slotted(button),:host .component:active ::slotted(tds-side-menu-user){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a)::before,:host .component:active ::slotted(button)::before,:host .component:active ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component:active ::slotted(a:focus-visible),:host .component:active ::slotted(button:focus-visible),:host .component:active ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidemenu-item-state-active);position:relative}:host .component:active ::slotted(a:focus-visible)::before,:host .component:active ::slotted(button:focus-visible)::before,:host .component:active ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a)::before,:host .component-selected:not(:host .component-active) ::slotted(button)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible),:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible){background-color:var(--tds-sidebar-item-state-selected);position:relative}:host .component-selected:not(:host .component-active) ::slotted(a:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(button:focus-visible)::before,:host .component-selected:not(:host .component-active) ::slotted(tds-side-menu-user:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}'}},[257,"tds-side-menu-item",{selected:[516],active:[516],collapsed:[32],hasUserComponent:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function c(){"undefined"!=typeof customElements&&["tds-side-menu-item"].forEach((e=>{"tds-side-menu-item"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))}c();export{d as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as s,p as e,H as
|
|
1
|
+
import{t as s,p as e,H as t,h as o,a}from"./index.js";import{i}from"./p-CF8bH08v.js";import{d as r}from"./p-CJtN1EIg.js";const c=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.defaultShow=!1,this.show=null,this.placement="auto",this.offsetSkidding=0,this.animation="none",this.offsetDistance=8,this.modifiers=[],this.tdsAlertDialog="dialog",this.modeVariant=null,this.inheritedAttributes={}}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return o(a,{key:"56d63ac8d00f859fce3f2eb8d5a3845701ff7f07",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},o("tds-popover-core",Object.assign({key:"228c7c29df9f6a4058518d9d2a12b199acf2c89e",role:this.tdsAlertDialog},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click",ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation}),o("div",{key:"d38e0821b9c629af860ae1523d6babaa3401747b"},o("slot",{key:"a5c8a84c29c1293dea5b99bea34c6a72122c15f0"}))))}get host(){return this}static get style(){return".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:var(--tds-popover-canvas-box-shadow);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}"}},[262,"tds-popover-canvas",{selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],show:[516],placement:[513],offsetSkidding:[514,"offset-skidding"],animation:[513],offsetDistance:[514,"offset-distance"],modifiers:[16],tdsAlertDialog:[513,"tds-alert-dialog"],modeVariant:[513,"mode-variant"],childRef:[32],close:[64]}]);function d(){"undefined"!=typeof customElements&&["tds-popover-canvas","tds-popover-core"].forEach((e=>{switch(e){case"tds-popover-canvas":customElements.get(s(e))||customElements.define(s(e),c);break;case"tds-popover-core":customElements.get(s(e))||r()}}))}d();export{c as T,d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as s,h as i,a as d}from"./index.js";const n=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.name="truck",this.size="16px",this.tdsAriaHidden=!1}componentDidLoad(){this.warnIfMissing()}nameChanged(){this.warnIfMissing()}warnIfMissing(){const t=getComputedStyle(this.host);if(t.getPropertyValue(`--tds-icon-${this.name}-exists`).trim())return;const e=t.getPropertyValue("--tds-brand-name").trim().replace(/['"]/g,"");console.warn(`[tds-icon] "${this.name}" is not available in brand "${e||"unknown"}"; rendering placeholder.`)}render(){const t={d:`var(--tds-icon-${this.name}-d)`};return i(d,{key:"79cfdc2412a5f910265103d3ed6591f7b61ae418"},i("svg",{key:"1bc9d05ec2ed94d48d75461606660bd7a803bdd8","aria-hidden":this.tdsAriaHidden,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-labelledby":this.svgTitle?`title-${this.name}`:void 0,"aria-describedby":this.svgDescription?`desc-${this.name}`:void 0,role:"img",style:{fontSize:this.size},height:this.size,width:this.size},this.svgTitle&&i("title",{key:"abaf0a67d4fc79e3504057d12b16fc9fd7214a3b",id:`title-${this.name}`},this.svgTitle),this.svgDescription&&i("desc",{key:"9eec14670760462e079b951ff0c5876f145af580",id:`desc-${this.name}`},this.svgDescription),i("path",{key:"65a48d4c0ccebb1ed8345814784b776a534113a0",fill:"currentColor",style:t})))}get host(){return this}static get watchers(){return{name:[{nameChanged:0}]}}static get style(){return":host{display:inline-block;vertical-align:middle;line-height:0}:host,:host *,:host *::before,:host *::after{box-sizing:border-box}:host svg{fill:currentcolor}"}},[1,"tds-icon",{name:[513],size:[513],svgTitle:[513,"svg-title"],tdsAriaHidden:[516,"tds-aria-hidden"],svgDescription:[513,"svg-description"]},void 0,{name:[{nameChanged:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-icon"].forEach((e=>{"tds-icon"===e&&(customElements.get(t(e))||customElements.define(t(e),n))}))}a();export{n as I,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e,p as s,H as t,h as a,a as d}from"./index.js";const i=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"
|
|
1
|
+
import{t as e,p as s,H as t,h as a,a as d}from"./index.js";const i=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(d,{key:"1d8f78a011fcd03634ba078d81e92a5e46e30af5"},a("slot",{key:"351a67a342ccf1b8d4cb3d742b31a82b898292ab"}),this.src&&a("img",{key:"a760e7d8fec23ee93f00774f06d89f1ee76caf27",src:this.src,alt:this.alt}))}static get style(){return":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}"}},[257,"tds-side-menu-user-image",{src:[513],alt:[513]}]);function r(){"undefined"!=typeof customElements&&["tds-side-menu-user-image"].forEach((s=>{"tds-side-menu-user-image"===s&&(customElements.get(e(s))||customElements.define(e(s),i))}))}r();export{i as T,r as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as d,c as i,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as o}from"./p-Cn4f8w1e.js";import{g as r}from"./p-wEP_nEaO.js";import{d as a}from"./p-B5eSTxGJ.js";import{d as f}from"./p-CJtN1EIg.js";import{d as n}from"./p-Dlj2h0pg.js";const x=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsError=i(this,"tdsError",6),this.uuid=o(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:d}=e;this.value=d,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,d=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==d&&e>d)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const i=this.textInput.value;let l=i,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==d&&t>d&&(l=String(this.max),s="max"),l!==i&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:i,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,d,i;const o=s("prefix",this.host),a=s("suffix",this.host);return l("div",{key:"dd9defb9a38b4cf10e8c7f57035ab8dbce251a46",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"6b93d807bfbb8bbd3c82d8335bca55ec9c78ed4a",class:"text-field-label-outside"},l("label",{key:"c625e090dfb2515f886f5b9d1ce2213e0c0fd3d4",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"cb96dce1a1004b7951b3fb03d3841e27e79cc5a5",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},o&&l("div",{key:"2019699ebaa2e065e7dce91c3e0c819c4e14dd60",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"157b5ac2ab057d033030ef52e4a1ff0bb54793fe",name:"prefix"})),l("div",{key:"92fc14cf021d3f0ec436b441d428186c0e9debb5",class:"text-field-input-container"},l("input",{key:"18d7207722fdd7107b492d9f2ac504da8daf4c14",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":r(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"af177c81ba112bc0070257922119204317593249",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),a&&l("div",{key:"363104da68171eeca7fd37e5aaff4d21dd95c54a",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"75b9836c7f556240471edba25233c00203d8bf55",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"21e1dd37091b377c67d59b63275e12fb73b6b216",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"eec43023c93207cdf31a5c1f69fc32ab53b62929",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"060587e75f891223fa622e7434b59fd253216438",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"ff1daddf3ce6df74855ab07c75697db48ff2a13e","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"7232bd2259686766672c09218f3b56b739ea78a8",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"f37a5292ee69c54244bc829c5b96220e0450dd08",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"deddd774aadb77e171d81c368dbac8ebeebd7864",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"a2a9f9ee206868eb12d6ff96fc8d6e32c0bad865",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(d=this.value)||void 0===d?void 0:d.length," / ",null!==(i=this.maxLength)&&void 0!==i?i:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);border-top:1px solid transparent;transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{border:2px solid var(--component--focus-ring-color-strong);margin:0 -2px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed;border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[513,"label-position"],label:[513],min:[520],max:[520],step:[520],helper:[513],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],size:[513],modeVariant:[513,"mode-variant"],noMinWidth:[516,"no-min-width"],name:[513],state:[513],maxLength:[514,"max-length"],autofocus:[516],tdsAriaLabel:[513,"tds-aria-label"],required:[516],autocomplete:[513],hideNumberArrows:[516,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),x);break;case"tds-icon":customElements.get(t(e))||a();break;case"tds-popover-core":customElements.get(t(e))||f();break;case"tds-tooltip":customElements.get(t(e))||n()}}))}c();export{x as T,c as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as o,H as n,h as r,a}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";const d=o(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=s("label",this.host),o=s("icon",this.host);return this.text||t||(this.onlyIcon=!0),r(a,{key:"7f8c8462a61bc5faf9ad2d6d9bf2e358aa3cf98e",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},r("button",Object.assign({key:"4875490d582b2d7b56761d4926677a875898448b",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:o,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&r("slot",{key:"c2784c3405118a239965bf5ab95dd341ab10d5f0",name:"label"}),o&&r("slot",{key:"ba5b742b82d3879c01cdee53219daf3d2571768a",name:"icon"})))}get host(){return this}static get style(){return"tds-button.sc-tds-button{--tds-btn-border-radius:calc(var(--component-button-border-radius-default) * 1px);--tds-btn-opacity-disabled:calc(var(--component-button-opacity-disabled) / 100);--tds-btn-primary-background:var(--component-button-background-standard-primary-default);--tds-btn-primary-background-hover:var(--component-button-background-standard-primary-hover);--tds-btn-primary-background-active:var(--component-button-background-standard-primary-active);--tds-btn-primary-background-focus:var(--component-button-background-standard-primary-default);--tds-btn-primary-color:var(--component-button-text-standard-primary-default);--tds-btn-primary-color-hover:var(--component-button-text-standard-primary-hover);--tds-btn-primary-color-active:var(--component-button-text-standard-primary-active);--tds-btn-primary-color-focus:var(--component-button-text-standard-primary-hover);--tds-btn-primary-border-color:var(--component-button-border-standard-primary-default);--tds-btn-primary-border-color-hover:var(--component-button-border-standard-primary-hover);--tds-btn-primary-border-color-active:var(--component-button-border-standard-primary-active);--tds-btn-primary-border-color-focus:var(--component-button-border-standard-primary-hover);--tds-btn-primary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-primary-fill:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-color:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-fill-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-fill-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-color-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-fill-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-secondary-background:var(--component-button-background-standard-secondary-default);--tds-btn-secondary-background-hover:var(--component-button-background-standard-secondary-hover);--tds-btn-secondary-background-active:var( --component-button-background-standard-secondary-active );--tds-btn-secondary-background-focus:var( --component-button-background-standard-secondary-default );--tds-btn-secondary-color:var(--component-button-text-standard-secondary-default);--tds-btn-secondary-color-hover:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-color-active:var(--component-button-text-standard-secondary-active);--tds-btn-secondary-color-focus:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-border-color:var(--component-button-border-standard-secondary-default);--tds-btn-secondary-border-color-hover:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-border-color-active:var(--component-button-border-standard-secondary-active);--tds-btn-secondary-border-color-focus:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-secondary-fill:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-color:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-fill-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-fill-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-color-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-fill-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-ghost-background:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-background-hover:var(--component-button-background-standard-tertiary-hover);--tds-btn-ghost-background-active:var(--component-button-background-standard-tertiary-active);--tds-btn-ghost-background-focus:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-color:var(--component-button-text-standard-tertiary-default);--tds-btn-ghost-color-hover:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-color-active:var(--component-button-text-standard-tertiary-active);--tds-btn-ghost-color-focus:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-border-color:var(--component-button-border-standard-tertiary-default);--tds-btn-ghost-border-color-hover:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-border-color-active:var(--component-button-border-standard-tertiary-active);--tds-btn-ghost-border-color-focus:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-ghost-fill:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-color:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-fill-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-fill-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-color-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-fill-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-danger-background:var(--component-button-background-danger-primary-default);--tds-btn-danger-background-hover:var(--component-button-background-danger-primary-hover);--tds-btn-danger-background-active:var(--component-button-background-danger-primary-active);--tds-btn-danger-background-focus:var(--component-button-background-danger-primary-default);--tds-btn-danger-color:var(--component-button-text-danger-primary-default);--tds-btn-danger-color-hover:var(--component-button-text-danger-primary-hover);--tds-btn-danger-color-active:var(--component-button-text-danger-primary-active);--tds-btn-danger-color-focus:var(--component-button-text-danger-primary-hover);--tds-btn-danger-border-color:var(--component-button-border-danger-primary-default);--tds-btn-danger-border-color-hover:var(--component-button-border-danger-primary-hover);--tds-btn-danger-border-color-active:var(--component-button-border-danger-primary-active);--tds-btn-danger-border-color-focus:var(--component-button-border-danger-primary-hover);--tds-btn-danger-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-danger-fill:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-color:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-fill-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-fill-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-color-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-fill-focus:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-focus:var(--component-button-icon-danger-primary-hover)}button.sc-tds-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:inline-flex;align-items:center;border-radius:var(--tds-btn-border-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--component--focus-ring-color-strong)}button.sc-tds-button:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:var(--tds-btn-border-radius)}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0}"}},[262,"tds-button",{text:[513],type:[513],variant:[513],size:[513],disabled:[516],fullbleed:[516],modeVariant:[513,"mode-variant"],animation:[513],tdsAriaLabel:[513,"tds-aria-label"],name:[513],value:[513],onlyIcon:[32]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]);function c(){"undefined"!=typeof customElements&&["tds-button"].forEach((o=>{"tds-button"===o&&(customElements.get(t(o))||customElements.define(t(o),d))}))}c();export{d as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as n,c as i,h as o,a as r}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";var a="top",u="bottom",f="right",c="left",d="auto",l=[a,u,f,c],h="start",p="end",v="viewport",m="popper",b=l.reduce((function(t,e){return t.concat([e+"-"+h,e+"-"+p])}),[]),y=[].concat(l,[d]).reduce((function(t,e){return t.concat([e,e+"-"+h,e+"-"+p])}),[]),g=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function w(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return t instanceof x(t).Element||t instanceof Element}function j(t){return t instanceof x(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof x(t).ShadowRoot||t instanceof ShadowRoot)}function E(t){return t.split("-")[0]}var S=Math.max,C=Math.min,T=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(M())}function A(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),o=1,r=1;e&&j(t)&&(o=t.offsetWidth>0&&T(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&T(i.height)/t.offsetHeight||1);var s=(O(t)?x(t):window).visualViewport,a=!R()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/o,f=(i.top+(a&&s?s.offsetTop:0))/r,c=i.width/o,d=i.height/r;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function P(t){var e=A(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function B(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&k(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function I(t){return x(t).getComputedStyle(t)}function L(t){return["table","td","th"].indexOf(w(t))>=0}function q(t){return((O(t)?t.ownerDocument:t.document)||window.document).documentElement}function W(t){return"html"===w(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||q(t)}function H(t){return j(t)&&"fixed"!==I(t).position?t.offsetParent:null}function z(t){for(var e=x(t),n=H(t);n&&L(n)&&"static"===I(n).position;)n=H(n);return n&&("html"===w(n)||"body"===w(n)&&"static"===I(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&j(t)&&"fixed"===I(t).position)return null;var n=W(t);for(k(n)&&(n=n.host);j(n)&&["html","body"].indexOf(w(n))<0;){var i=I(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function K(t,e,n){return S(t,C(e,n))}function V(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var $={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _(t){var e,n=t.popper,i=t.popperRect,o=t.placement,r=t.variation,s=t.offsets,d=t.position,l=t.gpuAcceleration,h=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=s.x,y=void 0===b?0:b,g=s.y,w=void 0===g?0:g,O="function"==typeof v?v({x:y,y:w}):{x:y,y:w};y=O.x,w=O.y;var j=s.hasOwnProperty("x"),k=s.hasOwnProperty("y"),E=c,S=a,C=window;if(h){var M=z(n),R="clientHeight",A="clientWidth";M===x(n)&&"static"!==I(M=q(n)).position&&"absolute"===d&&(R="scrollHeight",A="scrollWidth"),(o===a||(o===c||o===f)&&r===p)&&(S=u,w-=(m&&M===C&&C.visualViewport?C.visualViewport.height:M[R])-i.height,w*=l?1:-1),o!==c&&(o!==a&&o!==u||r!==p)||(E=f,y-=(m&&M===C&&C.visualViewport?C.visualViewport.width:M[A])-i.width,y*=l?1:-1)}var P,B=Object.assign({position:d},h&&$),L=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:T(t.x*i)/i||0,y:T(n*i)/i||0}}({x:y,y:w},x(n)):{x:y,y:w};return y=L.x,w=L.y,Object.assign({},B,l?((P={})[S]=k?"0":"",P[E]=j?"0":"",P.transform=(C.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",P):((e={})[S]=k?w+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var G={passive:!0},J={left:"right",right:"left",bottom:"top",top:"bottom"};function N(t){return t.replace(/left|right|bottom|top/g,(function(t){return J[t]}))}var Q={start:"end",end:"start"};function X(t){return t.replace(/start|end/g,(function(t){return Q[t]}))}function Y(t){var e=x(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Z(t){return A(q(t)).left+Y(t).scrollLeft}function tt(t){var e=I(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function et(t){return["html","body","#document"].indexOf(w(t))>=0?t.ownerDocument.body:j(t)&&tt(t)?t:et(W(t))}function nt(t,e){var n;void 0===e&&(e=[]);var i=et(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=x(i),s=o?[r].concat(r.visualViewport||[],tt(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(nt(W(s)))}function it(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?it(function(t,e){var n=x(t),i=q(t),o=n.visualViewport,r=i.clientWidth,s=i.clientHeight,a=0,u=0;if(o){r=o.width,s=o.height;var f=R();(f||!f&&"fixed"===e)&&(a=o.offsetLeft,u=o.offsetTop)}return{width:r,height:s,x:a+Z(t),y:u}}(t,n)):O(e)?function(t,e){var n=A(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):it(function(t){var e,n=q(t),i=Y(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=S(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=S(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-i.scrollLeft+Z(t),u=-i.scrollTop;return"rtl"===I(o||n).direction&&(a+=S(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:u}}(q(t)))}function rt(t){var e,n=t.reference,i=t.element,o=t.placement,r=o?E(o):null,s=o?U(o):null,d=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(r){case a:e={x:d,y:n.y-i.height};break;case u:e={x:d,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case c:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var v=r?D(r):null;if(null!=v){var m="y"===v?"height":"width";switch(s){case h:e[v]=e[v]-(n[m]/2-i[m]/2);break;case p:e[v]=e[v]+(n[m]/2-i[m]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,o=e.strategy,r=void 0===o?t.strategy:o,s=e.boundary,c=void 0===s?"clippingParents":s,d=e.rootBoundary,h=void 0===d?v:d,p=e.elementContext,b=void 0===p?m:p,y=e.altBoundary,g=void 0!==y&&y,x=e.padding,k=void 0===x?0:x,E=V("number"!=typeof k?k:F(k,l)),T=t.rects.popper,M=t.elements[g?b===m?"reference":m:b],R=function(t,e,n,i){var o="clippingParents"===e?function(t){var e=nt(W(t)),n=["absolute","fixed"].indexOf(I(t).position)>=0&&j(t)?z(t):t;return O(n)?e.filter((function(t){return O(t)&&B(t,n)&&"body"!==w(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),s=r.reduce((function(e,n){var o=ot(t,n,i);return e.top=S(o.top,e.top),e.right=C(o.right,e.right),e.bottom=C(o.bottom,e.bottom),e.left=S(o.left,e.left),e}),ot(t,r[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(O(M)?M:M.contextElement||q(t.elements.popper),c,h,r),P=A(t.elements.reference),L=rt({reference:P,element:T,placement:i}),H=it(Object.assign({},T,L)),D=b===m?H:P,K={top:R.top-D.top+E.top,bottom:D.bottom-R.bottom+E.bottom,left:R.left-D.left+E.left,right:D.right-R.right+E.right},U=t.modifiersData.offset;if(b===m&&U){var $=U[i];Object.keys(K).forEach((function(t){var e=[f,u].indexOf(t)>=0?1:-1,n=[a,u].indexOf(t)>=0?"y":"x";K[t]+=$[n]*e}))}return K}function at(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,o=e.padding,r=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?y:s,u=U(e.placement),f=u?r?b:b.filter((function(t){return U(t)===u})):l,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var d=c.reduce((function(e,r){return e[r]=st(t,{placement:r,boundary:n,rootBoundary:i,padding:o})[E(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var ut={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var o=n.mainAxis,r=void 0===o||o,s=n.altAxis,l=void 0===s||s,p=n.fallbackPlacements,v=n.padding,m=n.boundary,b=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=E(O),k=p||(j!==O&&w?function(t){if(E(t)===d)return[];var e=N(t);return[X(t),e,X(e)]}(O):[N(O)]),S=[O].concat(k).reduce((function(t,n){return t.concat(E(n)===d?at(e,{placement:n,boundary:m,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),C=e.rects.reference,T=e.rects.popper,M=new Map,R=!0,A=S[0],P=0;P<S.length;P++){var B=S[P],I=E(B),L=U(B)===h,q=[a,u].indexOf(I)>=0,W=q?"width":"height",H=st(e,{placement:B,boundary:m,rootBoundary:b,altBoundary:y,padding:v}),z=q?L?f:c:L?u:a;C[W]>T[W]&&(z=N(z));var D=N(z),K=[];if(r&&K.push(H[I]<=0),l&&K.push(H[z]<=0,H[D]<=0),K.every((function(t){return t}))){A=B,R=!1;break}M.set(B,K)}if(R)for(var V=function(t){var e=S.find((function(e){var n=M.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==V(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ft(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ct(t){return[a,f,u,c].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i,o,r=j(e),s=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth||1,i=T(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=q(e),u=A(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&(("body"!==w(e)||tt(a))&&(f=(i=e)!==x(i)&&j(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:Y(i)),j(e)?((c=A(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Z(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function lt(t){var e=new Map,n=new Set,i=[];function o(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||o(t)})),i}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,o=void 0===i?ht:i;return function(t,e,i){void 0===i&&(i=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:O(t)?nt(t):t.contextElement?nt(t.contextElement):[],popper:nt(e)};var s,f,l=function(t){var e=lt(t);return g.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(pt(e,n)){a.rects={reference:dt(e,z(n),"fixed"===a.options.strategy),popper:P(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var o=a.orderedModifiers[i],r=o.fn,s=o.options;"function"==typeof r&&(a=r({state:a,options:void 0===s?{}:s,name:o.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){d(),f=!0}};if(!pt(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var mt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,s=i.resize,a=void 0===s||s,u=x(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",n.update,G)})),a&&u.addEventListener("resize",n.update,G),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",n.update,G)})),a&&u.removeEventListener("resize",n.update,G)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,o=void 0===i||i,r=n.adaptive,s=void 0===r||r,a=n.roundOffsets,u=void 0===a||a,f={placement:E(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,_(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,_(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},o=e.elements[t];j(o)&&w(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&w(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,o=void 0===i?[0,0]:i,r=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=E(t),o=[c,a].indexOf(i)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=r[0],u=r[1];return s=s||0,u=(u||0)*o,[c,f].indexOf(i)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,o),t}),{}),s=r[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=r}},ut,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.mainAxis,r=void 0===o||o,s=n.altAxis,d=void 0!==s&&s,l=n.tether,p=void 0===l||l,v=n.tetherOffset,m=void 0===v?0:v,b=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=E(e.placement),g=U(e.placement),w=!g,x=D(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,T=e.rects.popper,M="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(r){var I,L="y"===x?a:c,q="y"===x?u:f,W="y"===x?"height":"width",H=j[x],V=H+b[L],F=H-b[q],$=p?-T[W]/2:0,_=g===h?k[W]:T[W],G=g===h?-T[W]:-k[W],J=e.elements.arrow,N=p&&J?P(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[L],Y=Q[q],Z=K(0,k[W],N[W]),tt=w?k[W]/2-$-Z-X-R.mainAxis:_-Z-X-R.mainAxis,et=w?-k[W]/2+$+Z+Y+R.mainAxis:G+Z+Y+R.mainAxis,nt=e.elements.arrow&&z(e.elements.arrow),it=null!=(I=null==A?void 0:A[x])?I:0,ot=H+et-it,rt=K(p?C(V,H+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):V,H,p?S(F,ot):F);j[x]=rt,B[x]=rt-H}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+b["x"===x?a:c],dt=ut-b["x"===x?u:f],lt=-1!==[a,c].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,pt=lt?ct:ut-k[ft]-T[ft]-ht+R.altAxis,vt=lt?ut+k[ft]+T[ft]-ht-R.altAxis:dt,mt=p&<?function(t,e,n){var i=K(t,e,n);return i>n?n:i}(pt,ut,vt):K(p?pt:ct,ut,p?vt:dt);j[O]=mt,B[O]=mt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,o=t.options,r=n.elements.arrow,s=n.modifiersData.popperOffsets,d=E(n.placement),h=D(d),p=[c,f].indexOf(d)>=0?"height":"width";if(r&&s){var v=function(t,e){return V("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,l))}(o.padding,n),m=P(r),b="y"===h?a:c,y="y"===h?u:f,g=n.rects.reference[p]+n.rects.reference[h]-s[h]-n.rects.popper[p],w=s[h]-n.rects.reference[h],x=z(r),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-m[p]/2+(g/2-w/2),k=K(v[b],j,O-m[p]-v[y]);n.modifiersData[i]=((e={})[h]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&B(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=st(e,{elementContext:"reference"}),a=st(e,{altBoundary:!0}),u=ft(s,i),f=ft(a,o,r),c=ct(u),d=ct(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.internalTdsShow=i(this,"internalTdsShow",4),this.internalTdsClose=i(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=s(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,o,r,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?mt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(o=this.target)||void 0===o||o.addEventListener("focusin",this.handleShow),null===(r=this.target)||void 0===r||r.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,o,r,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(o=this.target)||void 0===o||o.removeEventListener("mouseenter",this.handleShow),null===(r=this.target)||void 0===r||r.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return o(r,{key:"fdf71a3d32da460b0361bac28483955805e448db",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},o("slot",{key:"d2b28bcc7f618edcf5c6acac39806b24e31538b0"}))}get host(){return this}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}static get style(){return".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}"}},[262,"tds-popover-core",{selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],animation:[513],show:[516],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],modifiers:[16],trigger:[513],autoHide:[516,"auto-hide"],renderedShowValue:[32],popperInstance:[32],target:[32],isShown:[32],disableLogic:[32],hasShownAtLeastOnce:[32],openedByKeyboard:[32],close:[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}]);function yt(){"undefined"!=typeof customElements&&["tds-popover-core"].forEach((e=>{"tds-popover-core"===e&&(customElements.get(t(e))||customElements.define(t(e),bt))}))}yt();export{bt as T,yt as d}
|
|
1
|
+
import{t,p as e,H as n,c as i,h as o,a as r}from"./index.js";import{g as s}from"./p-Cn4f8w1e.js";var a="top",u="bottom",f="right",c="left",d="auto",l=[a,u,f,c],h="start",p="end",v="viewport",m="popper",b=l.reduce((function(t,e){return t.concat([e+"-"+h,e+"-"+p])}),[]),y=[].concat(l,[d]).reduce((function(t,e){return t.concat([e,e+"-"+h,e+"-"+p])}),[]),g=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function w(t){return t?(t.nodeName||"").toLowerCase():null}function x(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function O(t){return t instanceof x(t).Element||t instanceof Element}function j(t){return t instanceof x(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof x(t).ShadowRoot||t instanceof ShadowRoot)}function E(t){return t.split("-")[0]}var S=Math.max,C=Math.min,T=Math.round;function M(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function R(){return!/^((?!chrome|android).)*safari/i.test(M())}function A(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),o=1,r=1;e&&j(t)&&(o=t.offsetWidth>0&&T(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&T(i.height)/t.offsetHeight||1);var s=(O(t)?x(t):window).visualViewport,a=!R()&&n,u=(i.left+(a&&s?s.offsetLeft:0))/o,f=(i.top+(a&&s?s.offsetTop:0))/r,c=i.width/o,d=i.height/r;return{width:c,height:d,top:f,right:u+c,bottom:f+d,left:u,x:u,y:f}}function P(t){var e=A(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function B(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&k(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function I(t){return x(t).getComputedStyle(t)}function L(t){return["table","td","th"].indexOf(w(t))>=0}function q(t){return((O(t)?t.ownerDocument:t.document)||window.document).documentElement}function W(t){return"html"===w(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||q(t)}function H(t){return j(t)&&"fixed"!==I(t).position?t.offsetParent:null}function z(t){for(var e=x(t),n=H(t);n&&L(n)&&"static"===I(n).position;)n=H(n);return n&&("html"===w(n)||"body"===w(n)&&"static"===I(n).position)?e:n||function(t){var e=/firefox/i.test(M());if(/Trident/i.test(M())&&j(t)&&"fixed"===I(t).position)return null;var n=W(t);for(k(n)&&(n=n.host);j(n)&&["html","body"].indexOf(w(n))<0;){var i=I(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function K(t,e,n){return S(t,C(e,n))}function V(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function U(t){return t.split("-")[1]}var $={top:"auto",right:"auto",bottom:"auto",left:"auto"};function _(t){var e,n=t.popper,i=t.popperRect,o=t.placement,r=t.variation,s=t.offsets,d=t.position,l=t.gpuAcceleration,h=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=s.x,y=void 0===b?0:b,g=s.y,w=void 0===g?0:g,O="function"==typeof v?v({x:y,y:w}):{x:y,y:w};y=O.x,w=O.y;var j=s.hasOwnProperty("x"),k=s.hasOwnProperty("y"),E=c,S=a,C=window;if(h){var M=z(n),R="clientHeight",A="clientWidth";M===x(n)&&"static"!==I(M=q(n)).position&&"absolute"===d&&(R="scrollHeight",A="scrollWidth"),(o===a||(o===c||o===f)&&r===p)&&(S=u,w-=(m&&M===C&&C.visualViewport?C.visualViewport.height:M[R])-i.height,w*=l?1:-1),o!==c&&(o!==a&&o!==u||r!==p)||(E=f,y-=(m&&M===C&&C.visualViewport?C.visualViewport.width:M[A])-i.width,y*=l?1:-1)}var P,B=Object.assign({position:d},h&&$),L=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:T(t.x*i)/i||0,y:T(n*i)/i||0}}({x:y,y:w},x(n)):{x:y,y:w};return y=L.x,w=L.y,Object.assign({},B,l?((P={})[S]=k?"0":"",P[E]=j?"0":"",P.transform=(C.devicePixelRatio||1)<=1?"translate("+y+"px, "+w+"px)":"translate3d("+y+"px, "+w+"px, 0)",P):((e={})[S]=k?w+"px":"",e[E]=j?y+"px":"",e.transform="",e))}var G={passive:!0},J={left:"right",right:"left",bottom:"top",top:"bottom"};function N(t){return t.replace(/left|right|bottom|top/g,(function(t){return J[t]}))}var Q={start:"end",end:"start"};function X(t){return t.replace(/start|end/g,(function(t){return Q[t]}))}function Y(t){var e=x(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Z(t){return A(q(t)).left+Y(t).scrollLeft}function tt(t){var e=I(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function et(t){return["html","body","#document"].indexOf(w(t))>=0?t.ownerDocument.body:j(t)&&tt(t)?t:et(W(t))}function nt(t,e){var n;void 0===e&&(e=[]);var i=et(t),o=i===(null==(n=t.ownerDocument)?void 0:n.body),r=x(i),s=o?[r].concat(r.visualViewport||[],tt(i)?i:[]):i,a=e.concat(s);return o?a:a.concat(nt(W(s)))}function it(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?it(function(t,e){var n=x(t),i=q(t),o=n.visualViewport,r=i.clientWidth,s=i.clientHeight,a=0,u=0;if(o){r=o.width,s=o.height;var f=R();(f||!f&&"fixed"===e)&&(a=o.offsetLeft,u=o.offsetTop)}return{width:r,height:s,x:a+Z(t),y:u}}(t,n)):O(e)?function(t,e){var n=A(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):it(function(t){var e,n=q(t),i=Y(t),o=null==(e=t.ownerDocument)?void 0:e.body,r=S(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=S(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-i.scrollLeft+Z(t),u=-i.scrollTop;return"rtl"===I(o||n).direction&&(a+=S(n.clientWidth,o?o.clientWidth:0)-r),{width:r,height:s,x:a,y:u}}(q(t)))}function rt(t){var e,n=t.reference,i=t.element,o=t.placement,r=o?E(o):null,s=o?U(o):null,d=n.x+n.width/2-i.width/2,l=n.y+n.height/2-i.height/2;switch(r){case a:e={x:d,y:n.y-i.height};break;case u:e={x:d,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case c:e={x:n.x-i.width,y:l};break;default:e={x:n.x,y:n.y}}var v=r?D(r):null;if(null!=v){var m="y"===v?"height":"width";switch(s){case h:e[v]=e[v]-(n[m]/2-i[m]/2);break;case p:e[v]=e[v]+(n[m]/2-i[m]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,o=e.strategy,r=void 0===o?t.strategy:o,s=e.boundary,c=void 0===s?"clippingParents":s,d=e.rootBoundary,h=void 0===d?v:d,p=e.elementContext,b=void 0===p?m:p,y=e.altBoundary,g=void 0!==y&&y,x=e.padding,k=void 0===x?0:x,E=V("number"!=typeof k?k:F(k,l)),T=t.rects.popper,M=t.elements[g?b===m?"reference":m:b],R=function(t,e,n,i){var o="clippingParents"===e?function(t){var e=nt(W(t)),n=["absolute","fixed"].indexOf(I(t).position)>=0&&j(t)?z(t):t;return O(n)?e.filter((function(t){return O(t)&&B(t,n)&&"body"!==w(t)})):[]}(t):[].concat(e),r=[].concat(o,[n]),s=r.reduce((function(e,n){var o=ot(t,n,i);return e.top=S(o.top,e.top),e.right=C(o.right,e.right),e.bottom=C(o.bottom,e.bottom),e.left=S(o.left,e.left),e}),ot(t,r[0],i));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}(O(M)?M:M.contextElement||q(t.elements.popper),c,h,r),P=A(t.elements.reference),L=rt({reference:P,element:T,placement:i}),H=it(Object.assign({},T,L)),D=b===m?H:P,K={top:R.top-D.top+E.top,bottom:D.bottom-R.bottom+E.bottom,left:R.left-D.left+E.left,right:D.right-R.right+E.right},U=t.modifiersData.offset;if(b===m&&U){var $=U[i];Object.keys(K).forEach((function(t){var e=[f,u].indexOf(t)>=0?1:-1,n=[a,u].indexOf(t)>=0?"y":"x";K[t]+=$[n]*e}))}return K}function at(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,o=e.padding,r=e.flipVariations,s=e.allowedAutoPlacements,a=void 0===s?y:s,u=U(e.placement),f=u?r?b:b.filter((function(t){return U(t)===u})):l,c=f.filter((function(t){return a.indexOf(t)>=0}));0===c.length&&(c=f);var d=c.reduce((function(e,r){return e[r]=st(t,{placement:r,boundary:n,rootBoundary:i,padding:o})[E(r)],e}),{});return Object.keys(d).sort((function(t,e){return d[t]-d[e]}))}var ut={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var o=n.mainAxis,r=void 0===o||o,s=n.altAxis,l=void 0===s||s,p=n.fallbackPlacements,v=n.padding,m=n.boundary,b=n.rootBoundary,y=n.altBoundary,g=n.flipVariations,w=void 0===g||g,x=n.allowedAutoPlacements,O=e.options.placement,j=E(O),k=p||(j!==O&&w?function(t){if(E(t)===d)return[];var e=N(t);return[X(t),e,X(e)]}(O):[N(O)]),S=[O].concat(k).reduce((function(t,n){return t.concat(E(n)===d?at(e,{placement:n,boundary:m,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:x}):n)}),[]),C=e.rects.reference,T=e.rects.popper,M=new Map,R=!0,A=S[0],P=0;P<S.length;P++){var B=S[P],I=E(B),L=U(B)===h,q=[a,u].indexOf(I)>=0,W=q?"width":"height",H=st(e,{placement:B,boundary:m,rootBoundary:b,altBoundary:y,padding:v}),z=q?L?f:c:L?u:a;C[W]>T[W]&&(z=N(z));var D=N(z),K=[];if(r&&K.push(H[I]<=0),l&&K.push(H[z]<=0,H[D]<=0),K.every((function(t){return t}))){A=B,R=!1;break}M.set(B,K)}if(R)for(var V=function(t){var e=S.find((function(e){var n=M.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=w?3:1;F>0&&"break"!==V(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ft(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function ct(t){return[a,f,u,c].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i,o,r=j(e),s=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth||1,i=T(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),a=q(e),u=A(t,s,n),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!n)&&(("body"!==w(e)||tt(a))&&(f=(i=e)!==x(i)&&j(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:Y(i)),j(e)?((c=A(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Z(a))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function lt(t){var e=new Map,n=new Set,i=[];function o(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||o(t)})),i}var ht={placement:"bottom",modifiers:[],strategy:"absolute"};function pt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function vt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,o=void 0===i?ht:i;return function(t,e,i){void 0===i&&(i=o);var r,s,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},ht,o),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},u=[],f=!1,c={state:a,setOptions:function(i){var r="function"==typeof i?i(a.options):i;d(),a.options=Object.assign({},o,a.options,r),a.scrollParents={reference:O(t)?nt(t):t.contextElement?nt(t.contextElement):[],popper:nt(e)};var s,f,l=function(t){var e=lt(t);return g.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((s=[].concat(n,a.options.modifiers),f=s.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return a.orderedModifiers=l.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:a,name:t.name,instance:c,options:void 0===e?{}:e});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=a.elements,e=t.reference,n=t.popper;if(pt(e,n)){a.rects={reference:dt(e,z(n),"fixed"===a.options.strategy),popper:P(n)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var o=a.orderedModifiers[i],r=o.fn,s=o.options;"function"==typeof r&&(a=r({state:a,options:void 0===s?{}:s,name:o.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return s||(s=new Promise((function(t){Promise.resolve().then((function(){s=void 0,t(r())}))}))),s}),destroy:function(){d(),f=!0}};if(!pt(t,e))return c;function d(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var mt=vt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,s=i.resize,a=void 0===s||s,u=x(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",n.update,G)})),a&&u.addEventListener("resize",n.update,G),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",n.update,G)})),a&&u.removeEventListener("resize",n.update,G)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=rt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,o=void 0===i||i,r=n.adaptive,s=void 0===r||r,a=n.roundOffsets,u=void 0===a||a,f={placement:E(e.placement),variation:U(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,_(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:s,roundOffsets:u})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,_(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},o=e.elements[t];j(o)&&w(o)&&(Object.assign(o.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?o.removeAttribute(t):o.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],o=e.attributes[t]||{},r=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&w(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,o=void 0===i?[0,0]:i,r=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=E(t),o=[c,a].indexOf(i)>=0?-1:1,r="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=r[0],u=r[1];return s=s||0,u=(u||0)*o,[c,f].indexOf(i)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,o),t}),{}),s=r[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=r}},ut,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,o=n.mainAxis,r=void 0===o||o,s=n.altAxis,d=void 0!==s&&s,l=n.tether,p=void 0===l||l,v=n.tetherOffset,m=void 0===v?0:v,b=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=E(e.placement),g=U(e.placement),w=!g,x=D(y),O="x"===x?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,T=e.rects.popper,M="function"==typeof m?m(Object.assign({},e.rects,{placement:e.placement})):m,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(j){if(r){var I,L="y"===x?a:c,q="y"===x?u:f,W="y"===x?"height":"width",H=j[x],V=H+b[L],F=H-b[q],$=p?-T[W]/2:0,_=g===h?k[W]:T[W],G=g===h?-T[W]:-k[W],J=e.elements.arrow,N=p&&J?P(J):{width:0,height:0},Q=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},X=Q[L],Y=Q[q],Z=K(0,k[W],N[W]),tt=w?k[W]/2-$-Z-X-R.mainAxis:_-Z-X-R.mainAxis,et=w?-k[W]/2+$+Z+Y+R.mainAxis:G+Z+Y+R.mainAxis,nt=e.elements.arrow&&z(e.elements.arrow),it=null!=(I=null==A?void 0:A[x])?I:0,ot=H+et-it,rt=K(p?C(V,H+tt-it-(nt?"y"===x?nt.clientTop||0:nt.clientLeft||0:0)):V,H,p?S(F,ot):F);j[x]=rt,B[x]=rt-H}if(d){var at,ut=j[O],ft="y"===O?"height":"width",ct=ut+b["x"===x?a:c],dt=ut-b["x"===x?u:f],lt=-1!==[a,c].indexOf(y),ht=null!=(at=null==A?void 0:A[O])?at:0,pt=lt?ct:ut-k[ft]-T[ft]-ht+R.altAxis,vt=lt?ut+k[ft]+T[ft]-ht-R.altAxis:dt,mt=p&<?function(t,e,n){var i=K(t,e,n);return i>n?n:i}(pt,ut,vt):K(p?pt:ct,ut,p?vt:dt);j[O]=mt,B[O]=mt-ut}e.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,o=t.options,r=n.elements.arrow,s=n.modifiersData.popperOffsets,d=E(n.placement),h=D(d),p=[c,f].indexOf(d)>=0?"height":"width";if(r&&s){var v=function(t,e){return V("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:F(t,l))}(o.padding,n),m=P(r),b="y"===h?a:c,y="y"===h?u:f,g=n.rects.reference[p]+n.rects.reference[h]-s[h]-n.rects.popper[p],w=s[h]-n.rects.reference[h],x=z(r),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-m[p]/2+(g/2-w/2),k=K(v[b],j,O-m[p]-v[y]);n.modifiersData[i]=((e={})[h]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&B(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,o=e.rects.popper,r=e.modifiersData.preventOverflow,s=st(e,{elementContext:"reference"}),a=st(e,{altBoundary:!0}),u=ft(s,i),f=ft(a,o,r),c=ct(u),d=ct(f);e.modifiersData[n]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:d},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":d})}}]});const bt=e(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.internalTdsShow=i(this,"internalTdsShow",4),this.internalTdsClose=i(this,"internalTdsClose",0),this.defaultShow=!1,this.animation="none",this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=null,this.isShown=!1,this.disableLogic=!1,this.hasShownAtLeastOnce=!1,this.openedByKeyboard=!1,this.uuid=s(),this.setIsShown=t=>{this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?(this.hasShownAtLeastOnce=!0,this.internalTdsShow.emit()):(this.internalTdsClose.emit(),this.openedByKeyboard=!1)},this.onClickTarget=t=>{t.stopPropagation(),this.openedByKeyboard="keydown"===t.type||"Enter"===t.key||" "===t.key,this.setIsShown((t=>!t))},this.handleShow=t=>{t.stopPropagation(),this.openedByKeyboard="focusin"===t.type,this.setIsShown(!0)},this.handleHide=t=>{t.stopPropagation(),this.setIsShown(!1)}}async close(){this.setIsShown(!1)}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onTdsShow(t){null===this.show&&t.target.id!==`tds-popover-core-${this.uuid}`&&this.setIsShown(!1)}handleKeydown(t){"Escape"===t.key&&this.isShown&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,e){t!==e&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}onIsShownChange(t){t&&this.openedByKeyboard&&setTimeout((()=>{this.focusFirstElement()}),0)}focusFirstElement(){const t=this.host.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');t.length>0?t[0].focus():(this.host.setAttribute("tabindex","0"),this.host.focus())}initialize({referenceEl:t,trigger:e}){var n,i,o,r,s,a;this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?mt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===e&&null===this.show&&(null===(n=this.target)||void 0===n||n.addEventListener("click",this.onClickTarget),null===(i=this.target)||void 0===i||i.addEventListener("keydown",(t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.openedByKeyboard=!0,this.onClickTarget(t))}))),"hover"!==e&&"hover-popover"!==e||(null===(o=this.target)||void 0===o||o.addEventListener("focusin",this.handleShow),null===(r=this.target)||void 0===r||r.addEventListener("focusout",this.handleHide),null===(s=this.target)||void 0===s||s.addEventListener("mouseenter",this.handleShow),null===(a=this.target)||void 0===a||a.addEventListener("mouseleave",this.handleHide),"hover-popover"===e&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,e,n,i,o,r,s,a,u;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(e=this.target)||void 0===e||e.removeEventListener("keydown",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(i=this.target)||void 0===i||i.removeEventListener("focusout",this.handleHide),null===(o=this.target)||void 0===o||o.removeEventListener("mouseenter",this.handleShow),null===(r=this.target)||void 0===r||r.removeEventListener("mouseleave",this.handleHide),null===(s=this.host)||void 0===s||s.removeEventListener("mouseenter",this.handleShow),null===(a=this.host)||void 0===a||a.removeEventListener("mouseleave",this.handleHide),null===(u=this.popperInstance)||void 0===u||u.destroy()}connectedCallback(){if(void 0===this.selector&&void 0===this.referenceEl)return this.disableLogic=!0,void console.warn("TDS-POPOVER-CORE: Popover internal logic disabled. Please provide a `selector` or `referenceEl` prop");this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentWillLoad(){this.setIsShown(!0===this.show||!0===this.defaultShow)}componentDidRender(){var t;!this.isShown||this.renderedShowValue||this.disableLogic||null===(t=this.popperInstance)||void 0===t||t.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){const t=(e={"is-shown":this.isShown&&"none"===this.animation||void 0===this.animation,"is-hidden":!this.isShown&&"none"===this.animation||void 0===this.animation,"initially-hidden":!this.hasShownAtLeastOnce,"tds-animation-enter-fade":this.isShown&&"fade"===this.animation,"tds-animation-exit-fade":!this.isShown&&"fade"===this.animation},Object.keys(e).filter((t=>e[t])).join(" "));var e;return o(r,{key:"66b8fca6df92885f68b18ce426235de71a283bdf",role:this.host.getAttribute("role"),class:t,id:`tds-popover-core-${this.uuid}`},o("slot",{key:"57ff15f7fe4f5404cdac9c58cf5e4f074054b690"}))}get host(){return this}static get watchers(){return{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}}static get style(){return".sc-tds-popover-core-h{pointer-events:none;display:block}.tds-animation-enter-fade.sc-tds-popover-core-h{animation:tds-fade-in var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter) forwards}.tds-animation-exit-fade.sc-tds-popover-core-h{animation:tds-fade-out var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit) forwards}.is-shown.sc-tds-popover-core-h{opacity:1;pointer-events:auto;visibility:visible}.is-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}.initially-hidden.sc-tds-popover-core-h{opacity:0;pointer-events:none;visibility:hidden}"}},[262,"tds-popover-core",{selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],animation:[513],show:[516],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],modifiers:[16],trigger:[513],autoHide:[516,"auto-hide"],renderedShowValue:[32],popperInstance:[32],target:[32],isShown:[32],disableLogic:[32],hasShownAtLeastOnce:[32],openedByKeyboard:[32],close:[64]},[[8,"click","onAnyClick"],[8,"internalTdsShow","onTdsShow"],[8,"keydown","handleKeydown"]],{show:[{onShowChange:0}],referenceEl:[{onReferenceElChanged:0}],trigger:[{onTriggerChanged:0}],isShown:[{onIsShownChange:0}]}]);function yt(){"undefined"!=typeof customElements&&["tds-popover-core"].forEach((e=>{"tds-popover-core"===e&&(customElements.get(t(e))||customElements.define(t(e),bt))}))}yt();export{bt as T,yt as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as s,c as i,h as d,a as e}from"./index.js";import{c as n}from"./p-CBZ6wC3m.js";import{d as l}from"./p-bPqW3C5g.js";import{d as r}from"./p-
|
|
1
|
+
import{t,p as o,H as s,c as i,h as d,a as e}from"./index.js";import{c as n}from"./p-CBZ6wC3m.js";import{d as l}from"./p-bPqW3C5g.js";import{d as r}from"./p-B5eSTxGJ.js";const h=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=i(this,"tdsSelect",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=n(t)}componentWillLoad(){this.internalValue=n(this.value)}render(){return d(e,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},d("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n ${this.size}\n ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}\n `},this.multiselect?d("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},d("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},d("div",{slot:"label"},d("slot",null)))):d("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},d("div",{class:"single-select"},d("slot",null),this.selected&&d("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return this}static get watchers(){return{value:[{valueWatcher:0}]}}static get style(){return":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}"}},[273,"tds-dropdown-option",{value:[520],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],internalValue:[32],selected:[32],multiselect:[32],size:[32],setSelected:[64]},void 0,{value:[{valueWatcher:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-dropdown-option","tds-checkbox","tds-icon"].forEach((o=>{switch(o){case"tds-dropdown-option":customElements.get(t(o))||customElements.define(t(o),h);break;case"tds-checkbox":customElements.get(t(o))||l();break;case"tds-icon":customElements.get(t(o))||r()}}))}a();export{h as T,a as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t,p as e,H as o,h as s,a as d}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.size="md"}render(){return s(d,{key:"4912bf638b28faf67530146becb90977fa3eff8c"},s("div",{key:"6c30529e045b7568a7409505828bf04c94830b0c",class:{component:!0,"component-selected":this.selected}},s("slot",{key:"34935ba9bd6807d2c7703d5320b837e4dd837240"})))}get host(){return this}static get style(){return":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host .component-selected:focus-within{border-left:none}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}"}},[257,"tds-header-dropdown-list-item",{selected:[516],size:[513]}]);function n(){"undefined"!=typeof customElements&&["tds-header-dropdown-list-item"].forEach((e=>{"tds-header-dropdown-list-item"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}n();export{r as T,n as d}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e,p as s,H as t,h as d,a}from"./index.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d(a,{key:"b1d35aa06395d95164b290bb01650f3e8d89309c"},this.heading,this.subheading&&d("div",{key:"61bc8288b0f2e91c2ab3431f64ce43cc673d7d02",class:"subheading"},this.subheading))}static get style(){return":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}"}},[1,"tds-side-menu-user-label",{heading:[513],subheading:[513]}]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-user-label"].forEach((s=>{"tds-side-menu-user-label"===s&&(customElements.get(e(s))||customElements.define(e(s),n))}))}i();export{n as T,i as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as o,H as s,h as i,a as e}from"./index.js";import{i as r}from"./p-CF8bH08v.js";import{d}from"./p-
|
|
1
|
+
import{t,p as o,H as s,h as i,a as e}from"./index.js";import{i as r}from"./p-CF8bH08v.js";import{d}from"./p-CJtN1EIg.js";const a=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.text="",this.defaultShow=!1,this.mouseOverTooltip=!1,this.trigger="hover",this.show=null,this.placement="bottom",this.offsetSkidding=0,this.offsetDistance=8,this.border="",this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes={}}handleKeyDown(t){"Escape"===t.key&&this.show&&(this.show=!1)}componentWillLoad(){this.inheritedAttributes=r(this.host,["style","class"])}determineTrigger(){return"hover"===this.trigger?this.mouseOverTooltip?"hover-popover":"hover":this.trigger}render(){var t;return i(e,{key:"411cb8009557df87c9441f79463ace29ca6c9dfb",role:"tooltip","aria-describedby":this.tdsAriaDescribedby,"aria-label":this.text},i("tds-popover-core",Object.assign({key:"eee455fb2952a27257f7efc10d3216c199db4563"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":!!this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.determineTrigger(),modifiers:this.popperjsExtraModifiers,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1},defaultShow:this.defaultShow}),this.text,i("slot",{key:"d8e87c4d8b208cedf3d2cb2daa13145e183494f6"})))}get host(){return this}static get style(){return".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:var(--tds-tooltip-border-radius);padding:8px;overflow-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius-none) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius)}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius)}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none)}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius) var(--tds-tooltip-border-radius-none)}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}"}},[262,"tds-tooltip",{text:[513],selector:[513],referenceEl:[16],defaultShow:[516,"default-show"],mouseOverTooltip:[516,"mouse-over-tooltip"],trigger:[513],show:[1540],placement:[513],offsetSkidding:[514,"offset-skidding"],offsetDistance:[514,"offset-distance"],tdsAriaDescribedby:[513,"tds-aria-describedby"]},[[8,"keydown","handleKeyDown"]]]);function l(){"undefined"!=typeof customElements&&["tds-tooltip","tds-popover-core"].forEach((o=>{switch(o){case"tds-tooltip":customElements.get(t(o))||customElements.define(t(o),a);break;case"tds-popover-core":customElements.get(t(o))||d()}}))}l();export{a as T,l as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as e,H as o,h as s,a as d}from"./index.js";import{d as r}from"./p-CLF3diNe.js";import{d as i}from"./p-CbSJY3jI.js";const
|
|
1
|
+
import{t,p as e,H as o,h as s,a as d}from"./index.js";import{d as r}from"./p-CLF3diNe.js";import{d as i}from"./p-CbSJY3jI.js";const n=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.selected=!1}updateSlotted(t,e){var o;const s=null===(o=this.slotEl)||void 0===o?void 0:o.assignedElements({flatten:!0});if(!(null==s?void 0:s.length))return;const d=s[0];if(d){const o=r(d,t);o&&e(o)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}updateOrder(){this.host.style.order="end"===this.host.getAttribute("order")?"1":"0"}componentDidLoad(){var t,e;this.slotEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("slot"),this.updateSlottedElements(),null===(e=this.slotEl)||void 0===e||e.addEventListener("slotchange",this.updateSlottedElements),this.updateOrder(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{"attributes"===t.type&&"order"===t.attributeName&&this.updateOrder()}))})),this.mutationObserver.observe(this.host,{attributes:!0,attributeFilter:["order"]})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}render(){return s(d,{key:"286237f750f53f924d8667cc7d84fe8d68e483cd"},s("tds-core-header-item",{key:"f43048e3d2deb7bfc05e99a0834b8d85fb576cec",class:{"component-active":this.active,"component-selected":this.selected}},s("slot",{key:"010bcd724fcfa67974248af3fdde12fa2102f099"})))}get host(){return this}static get style(){return":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-hover)}:host ::slotted(button:active),:host ::slotted(a:active){background-color:var(--tds-header-item-active);box-shadow:inset 0 -2px 0 0 var(--tds-header-item-border-active)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){border:none;margin-right:1px;outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){box-shadow:inset 0 -4px 0 0 var(--tds-header-item-border-hover)}:host .component-selected:not(.component-active) ::slotted(button:focus-visible),:host .component-selected:not(.component-active) ::slotted(a:focus-visible){box-shadow:inset 0 0 0 3px var(--tds-white)}"}},[257,"tds-header-item",{active:[516],selected:[516]}]);function a(){"undefined"!=typeof customElements&&["tds-header-item","tds-core-header-item"].forEach((e=>{switch(e){case"tds-header-item":customElements.get(t(e))||customElements.define(t(e),n);break;case"tds-core-header-item":customElements.get(t(e))||i()}}))}a();export{n as T,a as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t,p as s,H as o,c as e,h as i,a as r}from"./index.js";import{c as l,a as d}from"./p-CBZ6wC3m.js";import{g as n}from"./p-Cn4f8w1e.js";import{d as a}from"./p-B4-NZ0-T.js";const h=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsClear=e(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.pendingInvalidValues=new Set,this.uuid=n(),this.handleArrowDown=t=>{const s=this.getChildren(),o=t.nextElementSibling?s.findIndex((s=>s===t.nextElementSibling)):0;if(s.length>0){const t=((t,s)=>{if(void 0===t[s])return 0;for(let o=s;o<t.length;o++)if(!t[o].disabled)return o})(s,o),e="number"==typeof t?s[t]:s[0];null==e||e.focus()}},this.handleArrowUp=t=>{const s=this.getChildren(),o=t.nextElementSibling?s.findIndex((s=>s===t.previousElementSibling)):0;if(s.length>0){const t=((t,s)=>{if(void 0===t[s])return t.length-1;for(let o=s;o>=0;o--)if(!t[o].disabled)return o})(s,o),e="number"==typeof t?s[t]:s[s.length-1];null==e||e.focus()}},this.handleEscape=()=>{var t,s;if(this.open=!1,this.filter)null===(t=this.inputElement)||void 0===t||t.focus();else{const t=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("button");null==t||t.focus()}},this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var s;return null===(s=this.getChildren())||void 0===s?void 0:s.find((s=>l(s.value)===l(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var s;return null===(s=t.textContent)||void 0===s?void 0:s.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const r=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");s&&s.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{const s=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),o=s.value,e=function(t,s){return t.length<=s.length+1?t:t.startsWith(s)?t.slice(s.length):t.endsWith(s)?t.slice(0,t.length-s.length):t}(o,t);e!==o&&(this.inputElement.value=e)}this.tdsInput.emit(t);const o=this.inputElement?this.inputElement.value.toLowerCase():s.value.toLowerCase();this.filterQuery=o;const e=this.getChildren();""===o?(e.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=e.filter((t=>{var s;return this.normalizeString(null!==(s=null==t?void 0:t.textContent)&&void 0!==s?s:"").toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.focusInput=t=>{this.inputElement&&(this.inputElement.value=t,this.inputElement.focus())},this.handleFilterReset=()=>{this.multiselect?this.handleMultiselectFilterReset():this.handleSingleFilterReset()},this.handleMultiselectFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.focusInput(this.getValue()),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.focusInput(""),this.tdsClear.emit({clearedValue:t})}},this.handleSingleFilterReset=()=>{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.focusInput(""),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const s=this.normalizeValue(t);(function(t,s){return t.length!==s.length||t.some((t=>!s.includes(t)))})(s,this.selectedOptions)&&this.updateDropdownStateInternal(s)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?d(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[l(t[0])]:[l(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,s=!0){const o=this.validateValues(t,s);this.selectedOptions=[...o],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),s&&this.emitChange(),this.setValueAttribute()}validateValues(t,s=!1){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const e=o.some((s=>l(s.value)===l(t)));return!e&&s&&console.warn(`TDS DROPDOWN: Option with value "${t}" does not exist`),e||!s})):t}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(l(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,s){let o;return o=Array.isArray(t)?d(t):[l(t)],this.updateDropdownStateFromUser(o),this.getSelectedChildren().map((t=>{var s;return{value:t.value,label:null===(s=t.textContent)||void 0===s?void 0:s.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const s=this.selectedOptions.filter((s=>s!==t));this.updateDropdownStateFromUser(s)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");s&&s.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const s=t.relatedTarget;!this.hasFocus||s&&this.host.contains(s)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){const{activeElement:s}=document;if(s)switch(t.key){case"ArrowDown":this.handleArrowDown(s);break;case"ArrowUp":this.handleArrowUp(s);break;case"Escape":this.handleEscape()}}handleOpenState(){this.filter&&(this.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=l(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=l(this.defaultValue),s=this.multiselect?t.split(",").map(l):[t];this.updateDropdownStateInternal(s)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.warnAndClearPending(),this.selectedOptions.length>0?this.updateDropdownStateInternal([...this.selectedOptions]):this.internalDefaultValue&&this.setDefaultOption(),this.updatePendingInvalidValues()}warnAndClearPending(){const t=this.getChildren();t&&0!==t.length&&0!==this.pendingInvalidValues.size&&(this.pendingInvalidValues.forEach((s=>{t.some((t=>l(t.value)===l(s)))||console.warn(`TDS DROPDOWN: Option with value "${s}" does not exist`)})),this.pendingInvalidValues.clear())}updatePendingInvalidValues(){const t=this.getChildren();t&&0!==t.length&&(this.pendingInvalidValues.clear(),this.selectedOptions.forEach((s=>{t.some((t=>l(t.value)===l(s)))||this.pendingInvalidValues.add(s)})))}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){var t,s,o,e;((t,s,o,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i&&(i.disabled=e,i.name=s||"",i.value=o||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const l=this.name||this.uuid,d=`dropdown-input-${l}`,n=this.label?`dropdown-label-${l}`:void 0,a=this.helper?`dropdown-helper-${l}`:void 0,h=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||h||c,u=this.open||h,b="inside"!==this.labelPosition||u,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(s=this.placeholder)&&void 0!==s?s:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||h||null===(o=this.placeholder)||void 0===o?"":o);let f="";return this.selectedOptions.length>0?f=this.getValue():b&&(f=null!==(e=this.placeholder)&&void 0!==e?e:""),i(r,{key:"ef4fbe1a77a277a93bf542f67d423a6935755522",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"e543abac115d7ab45c64776dada58b11d381ae8a",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"029261f9bd4f46039ed049ca7e08f38641edae05",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?i("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},i("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&i("label",{id:n,htmlFor:d,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),i("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":a,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:d,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),i("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),i("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):i("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":a,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},i("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&i("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:u}},this.label),i("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},f)),i("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),i("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),i("div",{key:"67d82711bf2a53fdc77901c8a28bd83766c287d4",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},i("slot",{key:"36a3d6ec255decbf8233174eb29f996f141007d2",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"84a4033110327c8237edff3defdbc831fb56869b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"0862c49887b92e56f4846831cb514784369715d0",id:a,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"107f29830769cb6928fec4d6cae9f050d47437d7",name:"error",size:"16px"}),this.helper))}get host(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}static get style(){return'@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;align-items:center;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}'}},[257,"tds-dropdown",{name:[513],disabled:[516],helper:[513],label:[513],labelPosition:[513,"label-position"],modeVariant:[513,"mode-variant"],openDirection:[513,"open-direction"],placeholder:[513],size:[513],animation:[513],error:[516],multiselect:[516],filter:[516],normalizeText:[516,"normalize-text"],noResultText:[513,"no-result-text"],defaultValue:[520,"default-value"],value:[1032],tdsAriaLabel:[513,"tds-aria-label"],open:[32],internalValue:[32],filterResult:[32],filterFocus:[32],internalDefaultValue:[32],selectedOptions:[32],filterQuery:[32],setValue:[64],reset:[64],removeValue:[64],focusElement:[64],close:[64],updateDisplay:[64],appendValue:[64]},[[9,"mousedown","onAnyClick"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"],[0,"keydown","onKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-dropdown","tds-icon"].forEach((s=>{switch(s){case"tds-dropdown":customElements.get(t(s))||customElements.define(t(s),h);break;case"tds-icon":customElements.get(t(s))||a()}}))}c();export{h as T,c as d}
|
|
1
|
+
import{t,p as s,H as o,c as e,h as i,a as r}from"./index.js";import{c as l,a as d}from"./p-CBZ6wC3m.js";import{g as n}from"./p-Cn4f8w1e.js";import{d as a}from"./p-B5eSTxGJ.js";const h=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsClear=e(this,"tdsClear",6),this.disabled=!1,this.modeVariant=null,this.openDirection="auto",this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.value=null,this.open=!1,this.internalValue="",this.filterResult=null,this.filterFocus=!1,this.internalDefaultValue="",this.selectedOptions=[],this.filterQuery="",this.hasFocus=!1,this.pendingInvalidValues=new Set,this.uuid=n(),this.handleArrowDown=t=>{const s=this.getChildren(),o=t.nextElementSibling?s.findIndex((s=>s===t.nextElementSibling)):0;if(s.length>0){const t=((t,s)=>{if(void 0===t[s])return 0;for(let o=s;o<t.length;o++)if(!t[o].disabled)return o})(s,o),e="number"==typeof t?s[t]:s[0];null==e||e.focus()}},this.handleArrowUp=t=>{const s=this.getChildren(),o=t.nextElementSibling?s.findIndex((s=>s===t.previousElementSibling)):0;if(s.length>0){const t=((t,s)=>{if(void 0===t[s])return t.length-1;for(let o=s;o>=0;o--)if(!t[o].disabled)return o})(s,o),e="number"==typeof t?s[t]:s[s.length-1];null==e||e.focus()}},this.handleEscape=()=>{var t,s;if(this.open=!1,this.filter)null===(t=this.inputElement)||void 0===t||t.focus();else{const t=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector("button");null==t||t.focus()}},this.setDefaultOption=()=>{if(this.internalDefaultValue){const t=this.multiselect?this.internalDefaultValue.split(","):[this.internalDefaultValue];this.updateDropdownStateInternal(t)}},this.getChildren=()=>Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)),this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var s;return null===(s=this.getChildren())||void 0===s?void 0:s.find((s=>l(s.value)===l(t)))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>{var s;return null===(s=t.textContent)||void 0===s?void 0:s.trim()}))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const r=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+r+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{var t;if(!this.disabled&&(this.open=!this.open,this.open))if(this.filter)this.focusInputElement();else{const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");s&&s.focus()}},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{const s=t.currentTarget;if(this.multiselect&&0===this.filterQuery.length&&this.selectedOptions.length>0&&this.inputElement){const t=this.getValue(),o=s.value,e=function(t,s){return t.length<=s.length+1?t:t.startsWith(s)?t.slice(s.length):t.endsWith(s)?t.slice(0,t.length-s.length):t}(o,t);e!==o&&(this.inputElement.value=e)}this.tdsInput.emit(t);const o=this.inputElement?this.inputElement.value.toLowerCase():s.value.toLowerCase();this.filterQuery=o;const e=this.getChildren();""===o?(e.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=e.filter((t=>{var s;return this.normalizeString(null!==(s=null==t?void 0:t.textContent)&&void 0!==s?s:"").toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")})).length},this.focusInput=t=>{this.inputElement&&(this.inputElement.value=t,this.inputElement.focus())},this.handleFilterReset=()=>{this.multiselect?this.handleMultiselectFilterReset():this.handleSingleFilterReset()},this.handleMultiselectFilterReset=()=>{if(this.filterQuery.length>0){const t=this.filterQuery;this.filterQuery="",this.resetFilterVisibility(),this.focusInput(this.getValue()),this.tdsClear.emit({clearedValue:t})}else if(this.selectedOptions.length>0){const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.focusInput(""),this.tdsClear.emit({clearedValue:t})}},this.handleSingleFilterReset=()=>{const t=[];this.filterQuery.length>0&&(t.push(this.filterQuery),this.filterQuery="",this.resetFilterVisibility()),this.selectedOptions.length>0&&(t.push(this.selectedOptions.join(",")),this.updateDropdownStateFromUser([])),this.focusInput(""),t.length>0&&this.tdsClear.emit({clearedValue:t.join(",")})},this.resetFilterVisibility=()=>{this.filterQuery="",this.getChildren().forEach((t=>{t.removeAttribute("hidden")})),this.filterResult=null},this.handleMultiselectClear=()=>{const t=this.selectedOptions.join(",");this.updateDropdownStateFromUser([]),this.tdsClear.emit({clearedValue:t})},this.handleFocus=()=>{this.open=!0,this.filterFocus=!0,this.multiselect&&this.filter?this.inputElement&&(this.inputElement.value=this.getValue()):this.inputElement&&(this.inputElement.value=""),this.filter&&this.resetFilterVisibility()},this.handleBlur=()=>{this.filterFocus=!1,this.filterQuery="",this.inputElement&&(this.inputElement.value=this.getValue()),this.filter&&this.resetFilterVisibility()},this.handleInputClick=()=>{this.multiselect&&this.filter&&(this.filterQuery="",this.inputElement&&(this.inputElement.value=""),this.resetFilterVisibility())},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()}}handleValueChange(t){const s=this.normalizeValue(t);(function(t,s){return t.length!==s.length||t.some((t=>!s.includes(t)))})(s,this.selectedOptions)&&this.updateDropdownStateInternal(s)}normalizeValue(t){return null==t||""===t?[]:this.multiselect?Array.isArray(t)?d(t):t.toString().split(",").filter((t=>""!==t)):Array.isArray(t)?[l(t[0])]:[l(t)]}updateDropdownStateInternal(t){this.updateDropdownState(t,!1)}updateDropdownStateFromUser(t){this.updateDropdownState(t,!0)}updateDropdownState(t,s=!0){const o=this.validateValues(t,s);this.selectedOptions=[...o],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),s&&this.emitChange(),this.setValueAttribute()}validateValues(t,s=!1){const o=this.getChildren();return o&&0!==o.length?t.filter((t=>{const e=o.some((s=>l(s.value)===l(t)));return!e&&s&&console.warn(`TDS DROPDOWN: Option with value "${t}" does not exist`),e||!s})):t}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(l(t.value)))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t,s){let o;return o=Array.isArray(t)?d(t):[l(t)],this.updateDropdownStateFromUser(o),this.getSelectedChildren().map((t=>{var s;return{value:t.value,label:null===(s=t.textContent)||void 0===s?void 0:s.trim()}}))}async reset(){this.updateDropdownStateFromUser([])}async removeValue(t){const s=this.selectedOptions.filter((s=>s!==t));this.updateDropdownStateFromUser(s)}async focusElement(){var t;if(this.filter)this.focusInputElement();else{const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("button");s&&s.focus()}this.handleFocus()}async close(){this.open=!1}async updateDisplay(){this.updateDisplayValue()}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.filter&&this.filterQuery&&this.tdsClear.emit({clearedValue:this.filterQuery}),this.open=!1)}onFocusIn(t){this.host.contains(t.target)&&(this.hasFocus||(this.hasFocus=!0,this.tdsFocus.emit(t)))}onFocusOut(t){const s=t.relatedTarget;!this.hasFocus||s&&this.host.contains(s)||(this.hasFocus=!1,this.handleBlur(),this.tdsBlur.emit(t))}async onKeyDown(t){const{activeElement:s}=document;if(s)switch(t.key){case"ArrowDown":this.handleArrowDown(s);break;case"ArrowUp":this.handleArrowUp(s);break;case"Escape":this.handleEscape()}}handleOpenState(){this.filter&&(this.open||(this.filterQuery="",this.resetFilterVisibility(),this.inputElement&&(this.inputElement.value=this.selectedOptions.length?this.getValue():""))),this.updateDropdownListInertState()}handleDefaultValueChange(t){null!=t&&(this.internalDefaultValue=l(t),this.setDefaultOption())}componentWillLoad(){if(null==this.value){if(null!=this.defaultValue){const t=l(this.defaultValue),s=this.multiselect?t.split(",").map(l):[t];this.updateDropdownStateInternal(s)}}else{const t=this.normalizeValue(this.value);this.updateDropdownStateInternal(t)}}handleSlotChange(){this.warnAndClearPending(),this.selectedOptions.length>0?this.updateDropdownStateInternal([...this.selectedOptions]):this.internalDefaultValue&&this.setDefaultOption(),this.updatePendingInvalidValues()}warnAndClearPending(){const t=this.getChildren();t&&0!==t.length&&0!==this.pendingInvalidValues.size&&(this.pendingInvalidValues.forEach((s=>{t.some((t=>l(t.value)===l(s)))||console.warn(`TDS DROPDOWN: Option with value "${s}" does not exist`)})),this.pendingInvalidValues.clear())}updatePendingInvalidValues(){const t=this.getChildren();t&&0!==t.length&&(this.pendingInvalidValues.clear(),this.selectedOptions.forEach((s=>{t.some((t=>l(t.value)===l(s)))||this.pendingInvalidValues.add(s)})))}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.filter&&this.filterQuery.length>0&&(this.filterQuery="",this.resetFilterVisibility()),this.updateDropdownStateFromUser(this.multiselect?[...this.selectedOptions,t]:[t]),this.filter&&this.multiselect&&this.inputElement&&(this.inputElement.value=this.getValue())}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput),this.updateDropdownListInertState()}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}updateDropdownListInertState(){this.dropdownList&&(this.open?this.dropdownList.removeAttribute("inert"):this.dropdownList.setAttribute("inert",""))}render(){var t,s,o,e;((t,s,o,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i&&(i.disabled=e,i.name=s||"",i.value=o||"")})(this.host,this.name,this.selectedOptions.join(","),this.disabled);const l=this.name||this.uuid,d=`dropdown-input-${l}`,n=this.label?`dropdown-label-${l}`:void 0,a=this.helper?`dropdown-helper-${l}`:void 0,h=this.selectedOptions.length>0,c=this.filterQuery.length>0,p=this.filterFocus||h||c,u=this.open||h,b="inside"!==this.labelPosition||u,v=null!==(t=this.tdsAriaLabel)&&void 0!==t?t:this.label?void 0:"Dropdown";let w=null!==(s=this.placeholder)&&void 0!==s?s:"";"inside"===this.labelPosition&&(w=!this.filterFocus||c||h||null===(o=this.placeholder)||void 0===o?"":o);let m="";return this.selectedOptions.length>0?m=this.getValue():b&&(m=null!==(e=this.placeholder)&&void 0!==e?e:""),i(r,{key:"ef4fbe1a77a277a93bf542f67d423a6935755522",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},this.label&&"outside"===this.labelPosition&&i("div",{key:"e543abac115d7ab45c64776dada58b11d381ae8a",id:n,class:"label-outside "+(this.disabled?"disabled":"")},this.label),i("div",{key:"029261f9bd4f46039ed049ca7e08f38641edae05",class:{"dropdown-select":!0,[this.size]:!0,disabled:this.disabled}},this.filter?i("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},i("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&i("label",{id:n,htmlFor:d,class:{"label-inside":!0,[this.size]:!0,floated:p}},this.label),i("input",{"aria-label":v,"aria-labelledby":n,"aria-describedby":a,"aria-disabled":this.disabled,ref:t=>{this.inputElement=t,this.inputElement&&!this.filterFocus&&(this.inputElement.value=this.getValue())},class:{placeholder:"inside"===this.labelPosition},id:d,type:"text",placeholder:w,disabled:this.disabled,onInput:t=>this.handleFilter(t),onFocus:()=>this.handleFocus(),onClick:()=>this.handleInputClick(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),i("tds-icon",{tabIndex:0,role:"button","aria-label":this.filterQuery.length>0?"Clear filter":"Clear selection",svgTitle:this.filterQuery.length>0?"Clear filter":"Clear selection",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:{"clear-icon":!0,hide:!(this.filterQuery.length>0||this.selectedOptions.length>0)},name:"cross",size:"16px"}),i("tds-icon",{tdsAriaHidden:!0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):i("button",{"aria-label":this.tdsAriaLabel,"aria-labelledby":n,"aria-describedby":a,"aria-disabled":this.disabled,onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selectedOptions.length?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},i("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&i("div",{id:n,class:{"label-inside":!0,[this.size]:!0,floated:u}},this.label),i("div",{"aria-label":this.tdsAriaLabel?`Selected options for ${this.tdsAriaLabel}`:void 0,class:`placeholder ${this.size}`},m)),i("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear selection",svgTitle:"Clear selection",onClick:t=>{t.stopPropagation(),this.handleMultiselectClear()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.stopPropagation(),t.preventDefault(),this.handleMultiselectClear())},class:{"clear-icon":!0,hide:!(this.multiselect&&this.selectedOptions.length>0)},name:"cross",size:"16px"}),i("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"}))),i("div",{key:"67d82711bf2a53fdc77901c8a28bd83766c287d4",role:"listbox","aria-label":this.tdsAriaLabel,inert:!this.open,"aria-orientation":"vertical","aria-multiselectable":this.multiselect,ref:t=>{t&&(this.dropdownList=t)},class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":!(!this.label||"outside"!==this.labelPosition),open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},i("slot",{key:"36a3d6ec255decbf8233174eb29f996f141007d2",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&i("div",{key:"84a4033110327c8237edff3defdbc831fb56869b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&i("div",{key:"0862c49887b92e56f4846831cb514784369715d0",id:a,class:{helper:!0,error:this.error,disabled:this.disabled}},this.error&&i("tds-icon",{key:"107f29830769cb6928fec4d6cae9f050d47437d7",name:"error",size:"16px"}),this.helper))}get host(){return this}static get watchers(){return{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}}static get style(){return'@charset "UTF-8";:host button{all:unset;display:flex;align-items:center;height:100%;width:100%;box-sizing:border-box;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius);padding:0 16px}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{flex:1;min-width:0;display:flex;align-items:center;padding:0}:host button .menu-icon{margin-right:16px}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;align-items:center;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside-color);left:16px;transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside.lg{top:20px;left:16px}:host .dropdown-select .label-inside.md{top:16px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .label-inside.floated{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls)}:host .dropdown-select .label-inside.floated.lg{top:12px}:host .dropdown-select .label-inside.floated.md{top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;border-radius:var(--tds-scrollbar-hover-thumb-border-radius);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:var(--tds-scrollbar-thumb-border-radius);background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host .clear-icon{cursor:pointer;flex-shrink:0;margin:0;margin-right:8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .clear-icon.hide{display:none;visibility:hidden}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}'}},[257,"tds-dropdown",{name:[513],disabled:[516],helper:[513],label:[513],labelPosition:[513,"label-position"],modeVariant:[513,"mode-variant"],openDirection:[513,"open-direction"],placeholder:[513],size:[513],animation:[513],error:[516],multiselect:[516],filter:[516],normalizeText:[516,"normalize-text"],noResultText:[513,"no-result-text"],defaultValue:[520,"default-value"],value:[1032],tdsAriaLabel:[513,"tds-aria-label"],open:[32],internalValue:[32],filterResult:[32],filterFocus:[32],internalDefaultValue:[32],selectedOptions:[32],filterQuery:[32],setValue:[64],reset:[64],removeValue:[64],focusElement:[64],close:[64],updateDisplay:[64],appendValue:[64]},[[9,"mousedown","onAnyClick"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"],[0,"keydown","onKeyDown"]],{value:[{handleValueChange:0}],open:[{handleOpenState:0}],defaultValue:[{handleDefaultValueChange:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-dropdown","tds-icon"].forEach((s=>{switch(s){case"tds-dropdown":customElements.get(t(s))||customElements.define(t(s),h);break;case"tds-icon":customElements.get(t(s))||a()}}))}c();export{h as T,c as d}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as d,p as o,H as
|
|
1
|
+
import{t as d,p as o,H as e,c as i,h as c,a as t}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as n}from"./p-B5eSTxGJ.js";const r=o(class extends e{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.tdsToggle=i(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=a(),o=a();return c(t,{key:"6733b23d208d64c32383bded58043a8add5c62c4"},c("div",{key:"1b07da30e6a6699919d82f3884a7f6f515e61dd6",class:`tds-accordion-item\n ${this.disabled?"disabled":""}\n ${this.expanded?"expanded":""}\n `},c("div",{key:"4f0efdd82b550f8ace20bf50d3624d9572aae2bf",role:"heading","aria-level":this.ariaLevelValue},c("button",{key:"3828dde9b72e98d98c4b318bfe37b97a92cee430",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:"tds-accordion-header-icon-"+this.expandIconPosition,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},c("div",{key:"2c173f5a0823d1140cf8e76931c63d2aae5fbe75",class:"tds-accordion-title"},this.header,c("slot",{key:"f34e105a8fa430571b735769768a29b254aa72fa",name:"header"})),c("div",{key:"4b3cda4e7d28dc5eedc799eb88440a3b069e426d",class:"tds-accordion-icon"},c("tds-icon",{key:"52810cba94e741d9feaa74d58fd1764d17395b8a",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),c("div",{key:"2b899fe29eb5e04d3b99e0f41e8dd959d240d8c7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n `},c("slot",{key:"fa903edc9100750ddace26ea1e12e921868df1d1"}))))}static get style(){return".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}"}},[257,"tds-accordion-item",{header:[513],expandIconPosition:[513,"expand-icon-position"],disabled:[516],expanded:[516],paddingReset:[516,"padding-reset"],ariaLevelValue:[1,"aria-level-value"],toggleAccordionItem:[64],expand:[64],collapse:[64],isExpanded:[64]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion-item","tds-icon"].forEach((o=>{switch(o){case"tds-accordion-item":customElements.get(d(o))||customElements.define(d(o),r);break;case"tds-icon":customElements.get(d(o))||n()}}))}s();const l=r,m=s;export{l as TdsAccordionItem,m as defineCustomElement}
|