@scania/tegel 0.0.9 → 0.0.11
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/README.md +3 -0
- package/dist/cjs/index-ee36ffa1.js +10 -14
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-badge.cjs.entry.js +3 -3
- package/dist/cjs/tds-banner.cjs.entry.js +13 -13
- package/dist/cjs/tds-breadcrumb.cjs.entry.js +2 -4
- package/dist/cjs/tds-breadcrumbs.cjs.entry.js +0 -3
- package/dist/cjs/tds-button.cjs.entry.js +20 -18
- package/dist/cjs/tds-card.cjs.entry.js +19 -23
- package/dist/cjs/tds-checkbox.cjs.entry.js +2 -1
- package/dist/cjs/tds-chip.cjs.entry.js +14 -3
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/{tds-dropdown-option-v2.cjs.entry.js → tds-dropdown-option.cjs.entry.js} +5 -5
- package/dist/cjs/{tds-dropdown-v2.cjs.entry.js → tds-dropdown.cjs.entry.js} +31 -26
- package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -3
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +5 -5
- package/dist/cjs/tds-footer-group.cjs.entry.js +3 -3
- package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-footer.cjs.entry.js +6 -6
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-user.cjs.entry.js +4 -4
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +6 -6
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +4 -3
- 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-title.cjs.entry.js +3 -2
- 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 +3 -2
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +3 -2
- package/dist/cjs/tds-header-launcher.cjs.entry.js +2 -2
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +5 -5
- package/dist/cjs/tds-link.cjs.entry.js +2 -2
- package/dist/cjs/tds-message.cjs.entry.js +6 -6
- package/dist/cjs/tds-modal.cjs.entry.js +13 -5
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +5 -5
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +10 -80
- package/dist/{components/popper.js → cjs/tds-popover-core.cjs.entry.js} +166 -13
- package/dist/cjs/tds-popover-menu.cjs.entry.js +12 -62
- package/dist/cjs/tds-radio-button.cjs.entry.js +3 -2
- package/dist/cjs/tds-side-menu-close-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +2 -2
- package/dist/cjs/tds-slider.cjs.entry.js +16 -15
- package/dist/cjs/tds-stepper.cjs.entry.js +3 -2
- package/dist/cjs/tds-table-body.cjs.entry.js +4 -51
- package/dist/cjs/tds-table-footer.cjs.entry.js +47 -39
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +2 -2
- package/dist/cjs/tds-table.cjs.entry.js +2 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +6 -2
- package/dist/cjs/tds-toast.cjs.entry.js +13 -28
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -1
- package/dist/cjs/tds-tooltip.cjs.entry.js +41 -78
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/cjs/{utils-2beb1aa0.js → utils-a908536d.js} +33 -12
- package/dist/collection/collection-manifest.json +1 -3
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +5 -1
- package/dist/collection/components/accordion/accordion.js +3 -0
- package/dist/collection/components/accordion/accordion.stories.js +100 -0
- package/dist/collection/components/badge/badge.js +4 -4
- package/dist/collection/components/badge/badge.stories.js +106 -0
- package/dist/collection/components/banner/banner.css +12 -9
- package/dist/collection/components/banner/banner.js +40 -24
- package/dist/collection/components/banner/banner.stories.js +107 -0
- package/dist/collection/components/block/block.js +3 -0
- package/dist/collection/components/block/block.stories.js +49 -0
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +4 -4
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +4 -21
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +3 -3
- package/dist/collection/components/breadcrumbs/breadcrumbs.stories.js +36 -0
- package/dist/collection/components/button/button.css +20 -14
- package/dist/collection/components/button/button.js +46 -23
- package/dist/collection/components/button/button.stories.js +185 -0
- package/dist/collection/components/card/card.css +18 -14
- package/dist/collection/components/card/card.js +32 -68
- package/dist/collection/components/card/card.stories.js +163 -0
- package/dist/collection/components/checkbox/checkbox.js +6 -2
- package/dist/collection/components/checkbox/checkbox.stories.js +80 -0
- package/dist/collection/components/chip/chip.css +23 -8
- package/dist/collection/components/chip/chip.js +19 -3
- package/dist/collection/components/chip/chip.stories.js +230 -0
- package/dist/collection/components/datetime/datetime.stories.js +195 -0
- package/dist/collection/components/divider/divider.stories.js +62 -0
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +145 -116
- package/dist/collection/components/dropdown/dropdown.css +212 -386
- package/dist/collection/components/dropdown/dropdown.js +480 -329
- package/dist/collection/components/dropdown/dropdown.stories.js +268 -0
- package/dist/collection/components/footer/footer-group/footer-group.css +3 -3
- package/dist/collection/components/footer/footer-group/footer-group.js +5 -2
- package/dist/collection/components/footer/footer-item/footer-item.css +16 -8
- package/dist/collection/components/footer/footer-item/footer-item.js +3 -0
- package/dist/collection/components/footer/footer.css +9 -12
- package/dist/collection/components/footer/footer.js +10 -10
- package/dist/collection/components/footer/footer.stories.js +145 -0
- package/dist/collection/components/header/core-header-item/core-header-item.js +3 -0
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.js +3 -0
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +11 -5
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.css +2 -2
- package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js +10 -7
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +3 -3
- package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js +7 -4
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.css +1 -1
- package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js +13 -9
- package/dist/collection/components/header/header-hamburger/header-hamburger.css +0 -1
- package/dist/collection/components/header/header-item/header-item.js +3 -0
- package/dist/collection/components/header/header-launcher/header-launcher.js +5 -2
- package/dist/collection/components/header/header-launcher-grid/header-launcher-grid.js +3 -0
- package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.js +3 -0
- package/dist/collection/components/header/header-launcher-grid-title/header-launcher-grid-title.js +6 -2
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +6 -2
- package/dist/collection/components/header/header-launcher-list-item/header-launcher-list-item.js +4 -1
- package/dist/collection/components/header/header-launcher-list-title/header-launcher-list-title.js +6 -2
- package/dist/collection/components/header/header-title/header-title.js +3 -0
- package/dist/collection/components/header/header.css +1 -1
- package/dist/collection/components/header/header.js +6 -0
- package/dist/collection/components/header/header.stories.js +82 -0
- package/dist/collection/components/icon/icon.stories.js +48 -0
- package/dist/collection/components/link/link.css +16 -13
- package/dist/collection/components/link/link.js +5 -1
- package/dist/collection/components/link/link.stories.js +59 -0
- package/dist/collection/components/message/message.css +16 -16
- package/dist/collection/components/message/message.js +11 -8
- package/dist/collection/components/message/message.stories.js +110 -0
- package/dist/collection/components/modal/modal.css +19 -33
- package/dist/collection/components/modal/modal.js +36 -6
- package/dist/collection/components/modal/modal.stories.js +109 -0
- package/dist/collection/components/popover-canvas/popover-canvas.css +3 -7
- package/dist/collection/components/popover-canvas/popover-canvas.js +15 -104
- package/dist/collection/components/popover-canvas/popover-canvas.stories.js +92 -0
- package/dist/collection/components/popover-core/popover-core.js +390 -0
- package/dist/collection/components/popover-menu/popover-menu.css +2 -8
- package/dist/collection/components/popover-menu/popover-menu.js +18 -81
- package/dist/collection/components/popover-menu/popover-menu.stories.js +140 -0
- package/dist/collection/components/radio-button/radio-button.css +1 -1
- package/dist/collection/components/radio-button/radio-button.js +6 -2
- package/dist/collection/components/radio-button/radio-button.stories.js +91 -0
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +3 -0
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.css +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +5 -0
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +3 -0
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +3 -0
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +3 -0
- package/dist/collection/components/side-menu/side-menu-user/side-menu-user.js +3 -0
- package/dist/collection/components/side-menu/side-menu-user-image/side-menu-user-image.js +5 -0
- package/dist/collection/components/side-menu/side-menu.css +6 -5
- package/dist/collection/components/side-menu/side-menu.js +11 -3
- package/dist/collection/components/side-menu/side-menu.stories.js +215 -0
- package/dist/collection/components/slider/slider.js +17 -16
- package/dist/collection/components/slider/slider.stories.js +243 -0
- package/dist/collection/components/spinner/spinner.stories.js +61 -0
- package/dist/collection/components/stepper/step/step.js +3 -0
- package/dist/collection/components/stepper/stepper.css +3 -0
- package/dist/collection/components/stepper/stepper.js +7 -3
- package/dist/collection/components/stepper/stepper.stories.js +95 -0
- package/dist/collection/components/table/table/table.js +7 -3
- package/dist/collection/components/table/table-body/table-body.js +15 -60
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +3 -0
- package/dist/collection/components/table/table-body-row/table-body-row.js +3 -0
- package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.js +4 -0
- package/dist/collection/components/table/table-component-basic.stories.js +184 -0
- package/dist/collection/components/table/table-component-batch-actions.stories.js +201 -0
- package/dist/collection/components/table/table-component-bodydata.stories.js +101 -0
- package/dist/collection/components/table/table-component-custom-width.stories.js +174 -0
- package/dist/collection/components/table/table-component-event-listeners.stories.js +193 -0
- package/dist/collection/components/table/table-component-expandable-rows.stories.js +160 -0
- package/dist/collection/components/table/table-component-filtering.stories.js +210 -0
- package/dist/collection/components/table/table-component-multiselect.stories.js +230 -0
- package/dist/collection/components/table/table-component-pagination.stories.js +215 -0
- package/dist/collection/components/table/table-component-sorting.stories.js +238 -0
- package/dist/collection/components/table/table-footer/table-footer.js +65 -54
- package/dist/collection/components/table/table-header/table-header.js +3 -0
- package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -0
- package/dist/collection/components/table/table-toolbar/table-toolbar.css +2 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +4 -1
- package/dist/collection/components/table/table.filtering.spec.js +0 -6
- package/dist/collection/components/table/table.spec.js +0 -6
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +10 -11
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +4 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +8 -5
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.stories.js +105 -0
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.css +13 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +3 -0
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +8 -5
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.stories.js +99 -0
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.css +13 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +3 -0
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +8 -5
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js +101 -0
- package/dist/collection/components/text-field/text-field.js +10 -2
- package/dist/collection/components/text-field/text-field.stories.js +247 -0
- package/dist/collection/components/textarea/textarea.stories.js +188 -0
- package/dist/collection/components/toast/toast.css +32 -25
- package/dist/collection/components/toast/toast.js +21 -37
- package/dist/collection/components/toast/toast.stories.js +79 -0
- package/dist/collection/components/toggle/toggle.js +6 -2
- package/dist/collection/components/toggle/toggle.stories.js +95 -0
- package/dist/collection/components/tooltip/tooltip.js +47 -87
- package/dist/collection/components/tooltip/tooltip.stories.js +136 -0
- package/dist/collection/stories/Installation/installation.stories.js +222 -0
- package/dist/collection/stories/announcements/announce-tegel.stories.js +262 -0
- package/dist/collection/stories/announcements/prefix-change.stories.js +93 -0
- package/dist/collection/stories/foundations/color/color-brand.stories.js +38 -0
- package/dist/collection/stories/foundations/color/color-scales.stories.js +71 -0
- package/dist/collection/stories/foundations/color/color-semantic.stories.js +40 -0
- package/dist/collection/stories/foundations/grid/grid.stories.js +386 -0
- package/dist/collection/stories/foundations/spacing/spacing-element.stories.js +100 -0
- package/dist/collection/stories/foundations/spacing/spacing-layout.stories.js +94 -0
- package/dist/collection/stories/foundations/typography/typography-body.stories.js +16 -0
- package/dist/collection/stories/foundations/typography/typography-detail.stories.js +17 -0
- package/dist/collection/stories/foundations/typography/typography-headline.stories.js +39 -0
- package/dist/collection/stories/foundations/typography/typography-paragraph.stories.js +12 -0
- package/dist/collection/stories/patterns/navigation/navigation-basic.stories.js +85 -0
- package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js +259 -0
- package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +246 -0
- package/dist/collection/stories/patterns/navigation/navigation-user-menu.stories.js +140 -0
- package/dist/collection/stories/tegel.stories.js +293 -0
- package/dist/collection/stories/utility/color/background-color.stories.js +96 -0
- package/dist/collection/stories/utility/color/text-color.stories.js +94 -0
- package/dist/collection/utils/utils.js +30 -11
- package/dist/components/checkbox.js +2 -1
- package/dist/components/header-dropdown-list-item.js +3 -3
- package/dist/components/header-dropdown-list.js +7 -7
- package/dist/components/header-item.js +1 -1
- package/dist/components/popover-canvas.js +20 -89
- package/dist/{esm/popper-bfa25c7f.js → components/popover-core.js} +190 -13
- package/dist/components/side-menu-item.js +1 -1
- package/dist/components/tds-accordion-item.js +1 -1
- package/dist/components/tds-badge.js +4 -4
- package/dist/components/tds-banner.js +16 -17
- package/dist/components/tds-breadcrumb.js +3 -6
- package/dist/components/tds-breadcrumbs.js +0 -3
- package/dist/components/tds-button.js +23 -22
- package/dist/components/tds-card.js +21 -29
- package/dist/components/tds-chip.js +14 -3
- package/dist/components/tds-dropdown-option.js +121 -1
- package/dist/components/tds-dropdown.js +323 -1
- package/dist/components/tds-folder-tab.js +2 -3
- package/dist/components/tds-folder-tabs.js +5 -5
- package/dist/components/tds-footer-group.js +3 -3
- package/dist/components/tds-footer-item.js +1 -1
- package/dist/components/tds-footer.js +7 -8
- package/dist/components/tds-header-cell.js +1 -1
- package/dist/components/tds-header-dropdown-list-user.js +6 -6
- package/dist/components/tds-header-dropdown.js +19 -12
- package/dist/components/tds-header-launcher-grid-title.js +3 -2
- package/dist/components/tds-header-launcher-grid.js +1 -1
- package/dist/components/tds-header-launcher-list-item.js +1 -1
- package/dist/components/tds-header-launcher-list-title.js +3 -2
- package/dist/components/tds-header-launcher-list.js +3 -2
- package/dist/components/tds-header-launcher.js +18 -12
- package/dist/components/tds-inline-tab.js +1 -1
- package/dist/components/tds-inline-tabs.js +5 -5
- package/dist/components/tds-link.js +4 -3
- package/dist/components/tds-message.js +7 -7
- package/dist/components/tds-modal.js +14 -5
- package/dist/components/tds-navigation-tab.js +1 -1
- package/dist/components/tds-navigation-tabs.js +5 -5
- package/dist/components/{tds-dropdown-v2.d.ts → tds-popover-core.d.ts} +4 -4
- package/dist/components/tds-popover-core.js +6 -0
- package/dist/components/tds-popover-menu.js +22 -70
- package/dist/components/tds-radio-button.js +3 -2
- package/dist/components/tds-side-menu-dropdown.js +1 -1
- package/dist/components/tds-side-menu.js +2 -2
- package/dist/components/tds-slider.js +16 -15
- package/dist/components/tds-stepper.js +3 -2
- package/dist/components/tds-table-body.js +5 -53
- package/dist/components/tds-table-footer.js +50 -42
- package/dist/components/tds-table-toolbar.js +9 -3
- package/dist/components/tds-table.js +2 -1
- package/dist/components/tds-text-field.js +6 -2
- package/dist/components/tds-toast.js +15 -32
- package/dist/components/tds-toggle.js +2 -1
- package/dist/components/tds-tooltip.js +51 -85
- package/dist/components/utils.js +31 -12
- package/dist/esm/index-23ee700b.js +10 -14
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-accordion-item.entry.js +1 -1
- package/dist/esm/tds-badge.entry.js +3 -3
- package/dist/esm/tds-banner.entry.js +13 -13
- package/dist/esm/tds-breadcrumb.entry.js +2 -4
- package/dist/esm/tds-breadcrumbs.entry.js +0 -3
- package/dist/esm/tds-button.entry.js +20 -18
- package/dist/esm/tds-card.entry.js +19 -23
- package/dist/esm/tds-checkbox.entry.js +2 -1
- package/dist/esm/tds-chip.entry.js +15 -4
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/{tds-dropdown-option-v2.entry.js → tds-dropdown-option.entry.js} +5 -5
- package/dist/esm/{tds-dropdown-v2.entry.js → tds-dropdown.entry.js} +31 -26
- package/dist/esm/tds-folder-tab.entry.js +2 -3
- package/dist/esm/tds-folder-tabs.entry.js +5 -5
- package/dist/esm/tds-footer-group.entry.js +3 -3
- package/dist/esm/tds-footer-item.entry.js +1 -1
- package/dist/esm/tds-footer.entry.js +6 -6
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-user.entry.js +4 -4
- package/dist/esm/tds-header-dropdown-list.entry.js +6 -6
- package/dist/esm/tds-header-dropdown.entry.js +4 -3
- 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-title.entry.js +3 -2
- 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 +3 -2
- package/dist/esm/tds-header-launcher-list.entry.js +3 -2
- package/dist/esm/tds-header-launcher.entry.js +2 -2
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +1 -1
- package/dist/esm/tds-inline-tabs.entry.js +5 -5
- package/dist/esm/tds-link.entry.js +2 -2
- package/dist/esm/tds-message.entry.js +6 -6
- package/dist/esm/tds-modal.entry.js +13 -5
- package/dist/esm/tds-navigation-tab.entry.js +1 -1
- package/dist/esm/tds-navigation-tabs.entry.js +5 -5
- package/dist/esm/tds-popover-canvas.entry.js +10 -80
- package/dist/{cjs/popper-9def2535.js → esm/tds-popover-core.entry.js} +161 -14
- package/dist/esm/tds-popover-menu.entry.js +12 -62
- package/dist/esm/tds-radio-button.entry.js +3 -2
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-dropdown.entry.js +1 -1
- package/dist/esm/tds-side-menu-item.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +2 -2
- package/dist/esm/tds-slider.entry.js +16 -15
- package/dist/esm/tds-stepper.entry.js +3 -2
- package/dist/esm/tds-table-body.entry.js +4 -51
- package/dist/esm/tds-table-footer.entry.js +47 -39
- package/dist/esm/tds-table-toolbar.entry.js +2 -2
- package/dist/esm/tds-table.entry.js +2 -1
- package/dist/esm/tds-text-field.entry.js +7 -3
- package/dist/esm/tds-toast.entry.js +13 -28
- package/dist/esm/tds-toggle.entry.js +2 -1
- package/dist/esm/tds-tooltip.entry.js +42 -79
- package/dist/esm/tegel.js +1 -1
- package/dist/esm/{utils-9ac24735.js → utils-8544b156.js} +31 -12
- package/dist/tegel/p-000d60e5.entry.js +1 -0
- package/dist/tegel/p-04bff255.entry.js +1 -0
- package/dist/tegel/p-0641ac24.entry.js +1 -0
- package/dist/tegel/p-099025f0.entry.js +1 -0
- package/dist/tegel/p-0ae649c3.entry.js +1 -0
- package/dist/tegel/p-1a907ae9.entry.js +1 -0
- package/dist/tegel/p-1c82ccf0.entry.js +1 -0
- package/dist/tegel/{p-1acb8407.entry.js → p-1f43d4f0.entry.js} +1 -1
- package/dist/tegel/p-2e5f6086.entry.js +1 -0
- package/dist/tegel/{p-89283891.entry.js → p-31848a92.entry.js} +1 -1
- package/dist/tegel/{p-fb3f4a14.entry.js → p-3d28689e.entry.js} +1 -1
- package/dist/tegel/p-400282e5.entry.js +1 -0
- package/dist/tegel/p-4163997b.entry.js +1 -0
- package/dist/tegel/{p-bcb2fad3.entry.js → p-42990ec0.entry.js} +1 -1
- package/dist/tegel/p-43320d81.entry.js +1 -0
- package/dist/tegel/p-49a084db.entry.js +1 -0
- package/dist/tegel/{p-e8fccebc.entry.js → p-56189659.entry.js} +1 -1
- package/dist/tegel/{p-b6a16219.entry.js → p-656add37.entry.js} +1 -1
- package/dist/tegel/p-65ab407b.entry.js +1 -0
- package/dist/tegel/p-6654e59d.entry.js +1 -0
- package/dist/tegel/p-6f0072cc.entry.js +1 -0
- package/dist/tegel/{p-39227588.js → p-72fced16.js} +1 -1
- package/dist/tegel/p-79b1bb29.entry.js +1 -0
- package/dist/tegel/p-7ccff0a5.entry.js +1 -0
- package/dist/tegel/p-81915088.entry.js +1 -0
- package/dist/tegel/{p-232f5889.entry.js → p-823399ef.entry.js} +1 -1
- package/dist/tegel/p-84d231a5.entry.js +1 -0
- package/dist/tegel/{p-7b34156b.entry.js → p-88807dac.entry.js} +1 -1
- package/dist/tegel/p-88d7c4c1.entry.js +1 -0
- package/dist/tegel/p-8bd0a233.entry.js +1 -0
- package/dist/tegel/{p-e0ee20ee.entry.js → p-8c194dd8.entry.js} +1 -1
- package/dist/tegel/p-8e745d73.entry.js +1 -0
- package/dist/tegel/p-9991a816.entry.js +1 -0
- package/dist/tegel/{p-135575ae.entry.js → p-a08be1c3.entry.js} +1 -1
- package/dist/tegel/{p-3aa634ed.entry.js → p-a1ad46d2.entry.js} +1 -1
- package/dist/tegel/p-a8cc3901.entry.js +1 -0
- package/dist/tegel/{p-7d3a66ae.entry.js → p-aa7e2f79.entry.js} +1 -1
- package/dist/tegel/{p-cd2a74d7.entry.js → p-b0d313cd.entry.js} +1 -1
- package/dist/tegel/p-b1067b50.entry.js +1 -0
- package/dist/tegel/p-c411f254.entry.js +1 -0
- package/dist/tegel/p-cacdd03f.entry.js +1 -0
- package/dist/tegel/p-cb5a4d7d.entry.js +1 -0
- package/dist/tegel/p-d0f15f73.entry.js +1 -0
- package/dist/tegel/p-d2ca7f58.entry.js +1 -0
- package/dist/tegel/p-d4c25eb6.entry.js +1 -0
- package/dist/tegel/p-d5bd9b2e.entry.js +1 -0
- package/dist/tegel/{p-de799b9a.entry.js → p-d60cb9e5.entry.js} +1 -1
- package/dist/tegel/p-da6f310c.entry.js +1 -0
- package/dist/tegel/p-df318a85.entry.js +1 -0
- package/dist/tegel/p-df95f0ae.entry.js +1 -0
- package/dist/tegel/p-e36ceefe.entry.js +1 -0
- package/dist/tegel/p-e4d6a4c5.entry.js +1 -0
- package/dist/tegel/p-f36ec03b.entry.js +1 -0
- package/dist/tegel/p-f64ff692.entry.js +1 -0
- package/dist/tegel/p-f682dd0b.entry.js +1 -0
- package/dist/tegel/p-fa30061f.entry.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +4 -0
- package/dist/types/components/accordion/accordion.d.ts +3 -0
- package/dist/types/components/accordion/accordion.stories.d.ts +77 -0
- package/dist/types/components/badge/badge.stories.d.ts +73 -0
- package/dist/types/components/banner/banner.d.ts +10 -5
- package/dist/types/components/banner/banner.stories.d.ts +82 -0
- package/dist/types/components/block/block.d.ts +3 -0
- package/dist/types/components/block/block.stories.d.ts +32 -0
- package/dist/types/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +3 -2
- package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +3 -1
- package/dist/types/components/breadcrumbs/breadcrumbs.stories.d.ts +16 -0
- package/dist/types/components/button/button.d.ts +9 -3
- package/dist/types/components/button/button.stories.d.ts +147 -0
- package/dist/types/components/card/card.d.ts +11 -9
- package/dist/types/components/card/card.stories.d.ts +128 -0
- package/dist/types/components/checkbox/checkbox.d.ts +3 -0
- package/dist/types/components/checkbox/checkbox.stories.d.ts +52 -0
- package/dist/types/components/chip/chip.d.ts +6 -0
- package/dist/types/components/chip/chip.stories.d.ts +99 -0
- package/dist/types/components/datetime/datetime.stories.d.ts +125 -0
- package/dist/types/components/divider/divider.stories.d.ts +58 -0
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +31 -17
- package/dist/types/components/dropdown/dropdown.d.ts +82 -54
- package/dist/types/components/dropdown/dropdown.stories.d.ts +183 -0
- package/dist/types/components/footer/footer-group/footer-group.d.ts +4 -1
- package/dist/types/components/footer/footer-item/footer-item.d.ts +3 -0
- package/dist/types/components/footer/footer.d.ts +5 -3
- package/dist/types/components/footer/footer.stories.d.ts +44 -0
- package/dist/types/components/header/core-header-item/core-header-item.d.ts +3 -0
- package/dist/types/components/header/header-brand-symbol/header-brand-symbol.d.ts +3 -0
- package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +6 -1
- package/dist/types/components/header/header-dropdown-list/header-dropdown-list.d.ts +5 -1
- package/dist/types/components/header/header-dropdown-list-item/header-dropdown-list-item.d.ts +5 -2
- package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts +8 -4
- package/dist/types/components/header/header-item/header-item.d.ts +3 -0
- package/dist/types/components/header/header-launcher/header-launcher.d.ts +3 -0
- package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts +3 -0
- package/dist/types/components/header/header-launcher-grid-item/header-launcher-grid-item.d.ts +3 -0
- package/dist/types/components/header/header-launcher-grid-title/header-launcher-grid-title.d.ts +3 -0
- package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts +3 -0
- package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts +3 -0
- package/dist/types/components/header/header-launcher-list-title/header-launcher-list-title.d.ts +3 -0
- package/dist/types/components/header/header-title/header-title.d.ts +3 -0
- package/dist/types/components/header/header.d.ts +6 -0
- package/dist/types/components/header/header.stories.d.ts +32 -0
- package/dist/types/components/icon/icon.stories.d.ts +36 -0
- package/dist/types/components/link/link.d.ts +3 -0
- package/dist/types/components/link/link.stories.d.ts +44 -0
- package/dist/types/components/message/message.d.ts +5 -2
- package/dist/types/components/message/message.stories.d.ts +88 -0
- package/dist/types/components/modal/modal.d.ts +9 -3
- package/dist/types/components/modal/modal.stories.d.ts +70 -0
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +8 -14
- package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts +27 -0
- package/dist/types/components/popover-core/popover-core.d.ts +46 -0
- package/dist/types/components/popover-menu/popover-menu.d.ts +9 -10
- package/dist/types/components/popover-menu/popover-menu.stories.d.ts +40 -0
- package/dist/types/components/radio-button/radio-button.d.ts +3 -0
- package/dist/types/components/radio-button/radio-button.stories.d.ts +39 -0
- package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +3 -0
- package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +5 -0
- package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +3 -0
- package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +3 -0
- package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +3 -0
- package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts +3 -0
- package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts +4 -0
- package/dist/types/components/side-menu/side-menu.d.ts +8 -0
- package/dist/types/components/side-menu/side-menu.stories.d.ts +53 -0
- package/dist/types/components/slider/slider.d.ts +0 -1
- package/dist/types/components/slider/slider.stories.d.ts +235 -0
- package/dist/types/components/spinner/spinner.stories.d.ts +46 -0
- package/dist/types/components/stepper/step/step.d.ts +3 -0
- package/dist/types/components/stepper/stepper.d.ts +3 -0
- package/dist/types/components/stepper/stepper.stories.d.ts +80 -0
- package/dist/types/components/table/table/table.d.ts +3 -0
- package/dist/types/components/table/table-body/table-body.d.ts +6 -3
- package/dist/types/components/table/table-body-cell/table-body-cell.d.ts +3 -0
- package/dist/types/components/table/table-body-row/table-body-row.d.ts +3 -0
- package/dist/types/components/table/table-body-row-expandable/table-body-row-expandable.d.ts +4 -0
- package/dist/types/components/table/table-component-basic.stories.d.ts +144 -0
- package/dist/types/components/table/table-component-batch-actions.stories.d.ts +139 -0
- package/dist/types/components/table/table-component-bodydata.stories.d.ts +35 -0
- package/dist/types/components/table/table-component-custom-width.stories.d.ts +131 -0
- package/dist/types/components/table/table-component-event-listeners.stories.d.ts +131 -0
- package/dist/types/components/table/table-component-expandable-rows.stories.d.ts +131 -0
- package/dist/types/components/table/table-component-filtering.stories.d.ts +139 -0
- package/dist/types/components/table/table-component-multiselect.stories.d.ts +144 -0
- package/dist/types/components/table/table-component-pagination.stories.d.ts +131 -0
- package/dist/types/components/table/table-component-sorting.stories.d.ts +183 -0
- package/dist/types/components/table/table-footer/table-footer.d.ts +7 -7
- package/dist/types/components/table/table-header/table-header.d.ts +3 -0
- package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +3 -0
- package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts +3 -0
- package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +3 -0
- package/dist/types/components/tabs/folder-tabs/folder-tabs.stories.d.ts +69 -0
- package/dist/types/components/tabs/inline-tabs/inline-tab/inline-tab.d.ts +3 -0
- package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +3 -0
- package/dist/types/components/tabs/inline-tabs/inline-tabs.stories.d.ts +61 -0
- package/dist/types/components/tabs/navigation-tabs/navigation-tab/navigation-tab.d.ts +3 -0
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +3 -0
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts +61 -0
- package/dist/types/components/text-field/text-field.d.ts +5 -0
- package/dist/types/components/text-field/text-field.stories.d.ts +201 -0
- package/dist/types/components/textarea/textarea.stories.d.ts +139 -0
- package/dist/types/components/toast/toast.d.ts +6 -5
- package/dist/types/components/toast/toast.stories.d.ts +56 -0
- package/dist/types/components/toggle/toggle.d.ts +3 -0
- package/dist/types/components/toggle/toggle.stories.d.ts +74 -0
- package/dist/types/components/tooltip/tooltip.d.ts +17 -7
- package/dist/types/components/tooltip/tooltip.stories.d.ts +66 -0
- package/dist/types/components.d.ts +232 -415
- package/dist/types/stories/Installation/installation.stories.d.ts +7 -0
- package/dist/types/stories/announcements/announce-tegel.stories.d.ts +6 -0
- package/dist/types/stories/announcements/prefix-change.stories.d.ts +6 -0
- package/dist/types/stories/foundations/color/color-brand.stories.d.ts +13 -0
- package/dist/types/stories/foundations/color/color-scales.stories.d.ts +30 -0
- package/dist/types/stories/foundations/color/color-semantic.stories.d.ts +13 -0
- package/dist/types/stories/foundations/grid/grid.stories.d.ts +35 -0
- package/dist/types/stories/foundations/spacing/spacing-element.stories.d.ts +8 -0
- package/dist/types/stories/foundations/spacing/spacing-layout.stories.d.ts +8 -0
- package/dist/types/stories/foundations/typography/typography-body.stories.d.ts +8 -0
- package/dist/types/stories/foundations/typography/typography-detail.stories.d.ts +8 -0
- package/dist/types/stories/foundations/typography/typography-headline.stories.d.ts +21 -0
- package/dist/types/stories/foundations/typography/typography-paragraph.stories.d.ts +8 -0
- package/dist/types/stories/patterns/navigation/navigation-basic.stories.d.ts +23 -0
- package/dist/types/stories/patterns/navigation/navigation-fewitems.stories.d.ts +23 -0
- package/dist/types/stories/patterns/navigation/navigation-manyitems.stories.d.ts +38 -0
- package/dist/types/stories/patterns/navigation/navigation-user-menu.stories.d.ts +33 -0
- package/dist/types/stories/tegel.stories.d.ts +6 -0
- package/dist/types/stories/utility/color/background-color.stories.d.ts +64 -0
- package/dist/types/stories/utility/color/text-color.stories.d.ts +64 -0
- package/dist/types/utils/utils.d.ts +20 -6
- package/package.json +22 -24
- package/dist/cjs/tds-dropdown-filter.cjs.entry.js +0 -96
- package/dist/cjs/tds-dropdown_2.cjs.entry.js +0 -339
- package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js +0 -380
- package/dist/collection/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.js +0 -216
- package/dist/collection/components/dropdown-v2/dropdown-v2.css +0 -286
- package/dist/collection/components/dropdown-v2/dropdown-v2.js +0 -726
- package/dist/components/dropdown-option.js +0 -104
- package/dist/components/dropdown.js +0 -304
- package/dist/components/tds-dropdown-filter.d.ts +0 -11
- package/dist/components/tds-dropdown-filter.js +0 -150
- package/dist/components/tds-dropdown-option-v2.d.ts +0 -11
- package/dist/components/tds-dropdown-option-v2.js +0 -126
- package/dist/components/tds-dropdown-v2.js +0 -323
- package/dist/esm/tds-dropdown-filter.entry.js +0 -92
- package/dist/esm/tds-dropdown_2.entry.js +0 -334
- package/dist/tegel/p-07e5df94.entry.js +0 -1
- package/dist/tegel/p-0a3e7512.entry.js +0 -1
- package/dist/tegel/p-0e55d72f.entry.js +0 -1
- package/dist/tegel/p-107d3da8.entry.js +0 -1
- package/dist/tegel/p-13b02a4f.entry.js +0 -1
- package/dist/tegel/p-19e9addd.entry.js +0 -1
- package/dist/tegel/p-1fb5c5d4.entry.js +0 -1
- package/dist/tegel/p-2bee16f6.entry.js +0 -1
- package/dist/tegel/p-2e2c91c4.entry.js +0 -1
- package/dist/tegel/p-330ed982.entry.js +0 -1
- package/dist/tegel/p-3604b5d3.entry.js +0 -1
- package/dist/tegel/p-375e361b.entry.js +0 -1
- package/dist/tegel/p-55dc4711.entry.js +0 -1
- package/dist/tegel/p-59f1cb9b.entry.js +0 -1
- package/dist/tegel/p-5a6aba01.entry.js +0 -1
- package/dist/tegel/p-60733f89.entry.js +0 -1
- package/dist/tegel/p-6a530c2f.entry.js +0 -1
- package/dist/tegel/p-732256e0.entry.js +0 -1
- package/dist/tegel/p-7331ec7b.entry.js +0 -1
- package/dist/tegel/p-76f941e8.entry.js +0 -1
- package/dist/tegel/p-7b0853e6.entry.js +0 -1
- package/dist/tegel/p-90686bc7.entry.js +0 -1
- package/dist/tegel/p-95da9b7f.entry.js +0 -1
- package/dist/tegel/p-99f540db.entry.js +0 -1
- package/dist/tegel/p-9bcc42cf.entry.js +0 -1
- package/dist/tegel/p-9d707f6e.js +0 -1
- package/dist/tegel/p-9f57d275.entry.js +0 -1
- package/dist/tegel/p-9fe384ad.entry.js +0 -1
- package/dist/tegel/p-a5604352.entry.js +0 -1
- package/dist/tegel/p-acb62b52.entry.js +0 -1
- package/dist/tegel/p-aeffa257.entry.js +0 -1
- package/dist/tegel/p-b8d88873.entry.js +0 -1
- package/dist/tegel/p-beb8a6bd.entry.js +0 -1
- package/dist/tegel/p-c8d4af09.entry.js +0 -1
- package/dist/tegel/p-c90a247c.entry.js +0 -1
- package/dist/tegel/p-ca4527de.entry.js +0 -1
- package/dist/tegel/p-cf4cfc54.entry.js +0 -1
- package/dist/tegel/p-d3f5cf74.entry.js +0 -1
- package/dist/tegel/p-d67d67be.entry.js +0 -1
- package/dist/tegel/p-da4c92b9.entry.js +0 -1
- package/dist/tegel/p-e95059e9.entry.js +0 -1
- package/dist/tegel/p-f6206d3c.entry.js +0 -1
- package/dist/tegel/p-fc47d911.entry.js +0 -1
- package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts +0 -47
- package/dist/types/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.d.ts +0 -35
- package/dist/types/components/dropdown-v2/dropdown-v2.d.ts +0 -86
- /package/dist/collection/components/{dropdown-v2/dropdown-option-v2/dropdown-option-v2.css → dropdown/dropdown-option/dropdown-option.css} +0 -0
|
@@ -1,334 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
|
|
3
|
-
const dropdownCss$1 = ":root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}";
|
|
4
|
-
|
|
5
|
-
const TdsDropdown = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.internalTdsSearch = createEvent(this, "internalTdsSearch", 6);
|
|
9
|
-
this.modeVariant = null;
|
|
10
|
-
this.placeholder = undefined;
|
|
11
|
-
this.defaultOption = undefined;
|
|
12
|
-
this.selectedOption = undefined;
|
|
13
|
-
this.disabled = false;
|
|
14
|
-
this.type = 'default';
|
|
15
|
-
this.size = 'lg';
|
|
16
|
-
this.inline = false;
|
|
17
|
-
this.labelPosition = 'no-label';
|
|
18
|
-
this.label = undefined;
|
|
19
|
-
this.state = false;
|
|
20
|
-
this.helper = '';
|
|
21
|
-
this.openDirection = 'auto';
|
|
22
|
-
this.optionValues = [];
|
|
23
|
-
this.optionLabels = [];
|
|
24
|
-
this.open = false;
|
|
25
|
-
this.node = undefined;
|
|
26
|
-
this.selectedLabel = '';
|
|
27
|
-
this.selectedValue = '';
|
|
28
|
-
this.selectedValuesArray = [];
|
|
29
|
-
this.selectedLabelsArray = [];
|
|
30
|
-
this.dropdownUniqueClass = '';
|
|
31
|
-
this.openUpwards = false;
|
|
32
|
-
this.dropdownMenuHeight = 0;
|
|
33
|
-
this.dropdownMenuSelector = undefined;
|
|
34
|
-
this.listItemIndex = -1;
|
|
35
|
-
this.listItemArray = undefined;
|
|
36
|
-
this.listItemObject = undefined;
|
|
37
|
-
}
|
|
38
|
-
componentWillLoad() {
|
|
39
|
-
// If a default option is set, update the default selectedLabel value
|
|
40
|
-
// this.host.children is a HTMLCollection type, cannot use forEach
|
|
41
|
-
this.listItemObject = this.host.children;
|
|
42
|
-
this.listItemArray = Array.from(this.listItemObject);
|
|
43
|
-
this.listItemArray.map((listItem) => {
|
|
44
|
-
this.optionValues.push(listItem.value);
|
|
45
|
-
this.optionLabels.push(listItem.innerText.trim());
|
|
46
|
-
});
|
|
47
|
-
this.setOptionFromOutside(this.defaultOption);
|
|
48
|
-
if (this.size === 'small') {
|
|
49
|
-
this.size = 'sm';
|
|
50
|
-
console.warn('size="small" is deprecated, use size="sm" instead');
|
|
51
|
-
}
|
|
52
|
-
if (this.size === 'medium') {
|
|
53
|
-
this.size = 'md';
|
|
54
|
-
console.warn('size="medium" is deprecated, use size="md" instead');
|
|
55
|
-
}
|
|
56
|
-
if (this.size === 'large') {
|
|
57
|
-
this.size = 'lg';
|
|
58
|
-
console.warn('size="large" is deprecated, use size="lg" instead');
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
setOptionFromOutside(optionValue) {
|
|
62
|
-
if (optionValue) {
|
|
63
|
-
this.deselectAll();
|
|
64
|
-
// TODO
|
|
65
|
-
// eslint-disable-next-line no-param-reassign
|
|
66
|
-
optionValue = optionValue.split(',');
|
|
67
|
-
for (let i = 0; i < this.host.children.length; i++) {
|
|
68
|
-
// Todo - specify type
|
|
69
|
-
const el = this.host.children[i];
|
|
70
|
-
if (optionValue.includes(el.value.trim())) {
|
|
71
|
-
this.selectedLabelsArray = [...this.selectedLabelsArray, el.textContent.trim()];
|
|
72
|
-
this.selectedValuesArray = [...this.selectedValuesArray, el.value];
|
|
73
|
-
this.selectedLabel = el.textContent;
|
|
74
|
-
this.selectedValue = el.value;
|
|
75
|
-
el.setAttribute('selectedLabel', 'true');
|
|
76
|
-
el.setAttribute('selected', 'true');
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
el.setAttribute('selectedLabel', 'false');
|
|
80
|
-
el.setAttribute('selected', 'false');
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
changeSelectedOption() {
|
|
86
|
-
if (this.selectedValuesArray.includes(this.selectedOption)) {
|
|
87
|
-
this.resetOption();
|
|
88
|
-
}
|
|
89
|
-
this.setOptionFromOutside(this.selectedOption);
|
|
90
|
-
this.host.setAttribute('selected-option', '');
|
|
91
|
-
}
|
|
92
|
-
handleDocClick(ev) {
|
|
93
|
-
// To stop bubble click
|
|
94
|
-
ev.stopPropagation();
|
|
95
|
-
const target = ev ? ev.composedPath()[0] : window.event.target[0];
|
|
96
|
-
if (this.node !== undefined && this.node.contains(target)) {
|
|
97
|
-
if (typeof this.textInput !== 'undefined' || this.textInput === null) {
|
|
98
|
-
this.textInput.focus();
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
this.tabbingLabelReset();
|
|
103
|
-
this.open = false;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
keyListener(ev) {
|
|
107
|
-
if (!this.disabled) {
|
|
108
|
-
switch (ev.key) {
|
|
109
|
-
case 'ArrowDown':
|
|
110
|
-
if (this.open) {
|
|
111
|
-
ev.preventDefault();
|
|
112
|
-
if (this.listItemIndex < this.listItemArray.length - 1) {
|
|
113
|
-
this.listItemIndex++;
|
|
114
|
-
}
|
|
115
|
-
else {
|
|
116
|
-
this.listItemIndex = 0;
|
|
117
|
-
}
|
|
118
|
-
this.listItemObject[this.listItemIndex].focus();
|
|
119
|
-
}
|
|
120
|
-
break;
|
|
121
|
-
case 'ArrowUp':
|
|
122
|
-
if (this.open) {
|
|
123
|
-
ev.preventDefault();
|
|
124
|
-
if (this.listItemIndex > 0) {
|
|
125
|
-
this.listItemIndex--;
|
|
126
|
-
}
|
|
127
|
-
else {
|
|
128
|
-
this.listItemIndex = this.listItemArray.length - 1;
|
|
129
|
-
}
|
|
130
|
-
this.listItemObject[this.listItemIndex].focus();
|
|
131
|
-
}
|
|
132
|
-
break;
|
|
133
|
-
case 'Tab':
|
|
134
|
-
this.open = false;
|
|
135
|
-
break;
|
|
136
|
-
case 'Escape':
|
|
137
|
-
this.open = false;
|
|
138
|
-
this.node.focus();
|
|
139
|
-
break;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
handleClick() {
|
|
144
|
-
this.open = this.open === false;
|
|
145
|
-
if (this.openDirection === 'auto') {
|
|
146
|
-
this.dropdownMenuHeight = this.dropdownMenuSelector.offsetHeight;
|
|
147
|
-
const distanceToBottom = this.host.getBoundingClientRect().top;
|
|
148
|
-
const viewportHeight = window.innerHeight;
|
|
149
|
-
this.openUpwards = distanceToBottom + this.dropdownMenuHeight + 57 > viewportHeight;
|
|
150
|
-
// If summary of Dropdown menu height and its distance to the bottom is more than viewport height, open menu upwards
|
|
151
|
-
// Additional 57px is added as compensation for Dropdown element own input/button height
|
|
152
|
-
// It is added on handleClick due to possible dynamic injection of data when component is already rendered
|
|
153
|
-
}
|
|
154
|
-
else {
|
|
155
|
-
this.openUpwards = this.openDirection === 'up';
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
tabbingLabelReset() {
|
|
159
|
-
if (typeof this.textInput !== 'undefined' || this.textInput === null) {
|
|
160
|
-
if (!this.selectedLabel && this.selectedLabel.length <= 0) {
|
|
161
|
-
this.textInput.value = '';
|
|
162
|
-
this.internalTdsSearch.emit('');
|
|
163
|
-
}
|
|
164
|
-
if (this.selectedLabel !== this.textInput.value) {
|
|
165
|
-
this.textInput.value = this.selectedLabel;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
selectOptionHandler(event) {
|
|
170
|
-
this.open = this.type === 'multiselect';
|
|
171
|
-
if (this.type !== 'multiselect') {
|
|
172
|
-
this.selectedLabel = event.detail.label;
|
|
173
|
-
this.selectedValue = event.detail.value;
|
|
174
|
-
this.tabbingLabelReset();
|
|
175
|
-
}
|
|
176
|
-
else {
|
|
177
|
-
if (this.selectedValuesArray.includes(event.detail.value)) {
|
|
178
|
-
const itemIndex = this.selectedValuesArray.indexOf(event.detail.value);
|
|
179
|
-
this.selectedValuesArray = this.selectedValuesArray.filter((_value, index) => index !== itemIndex);
|
|
180
|
-
this.selectedLabelsArray = this.selectedLabelsArray.filter((_value, index) => index !== itemIndex);
|
|
181
|
-
}
|
|
182
|
-
else {
|
|
183
|
-
this.selectedValuesArray = [...this.selectedValuesArray, event.detail.value];
|
|
184
|
-
this.selectedLabelsArray = [...this.selectedLabelsArray, event.detail.label.trim()];
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
handleSearch(ev) {
|
|
189
|
-
const searchTerm = ev.target.value;
|
|
190
|
-
this.internalTdsSearch.emit(searchTerm);
|
|
191
|
-
this.open = true;
|
|
192
|
-
}
|
|
193
|
-
deselectAll() {
|
|
194
|
-
this.selectedLabel = '';
|
|
195
|
-
this.selectedValue = '';
|
|
196
|
-
this.selectedLabelsArray = [];
|
|
197
|
-
this.selectedValuesArray = [];
|
|
198
|
-
this.listItemArray = this.listItemArray.map((optionItem) => (Object.assign(Object.assign({}, optionItem), { selected: false })));
|
|
199
|
-
}
|
|
200
|
-
async resetOption() {
|
|
201
|
-
this.deselectAll();
|
|
202
|
-
this.open = false;
|
|
203
|
-
if (this.defaultOption) {
|
|
204
|
-
this.setOptionFromOutside(this.defaultOption);
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
render() {
|
|
208
|
-
return (h(Host, { class: `
|
|
209
|
-
${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}
|
|
210
|
-
${this.open && !this.disabled ? 'tds-dropdown--open' : ''}
|
|
211
|
-
${this.type === 'multiselect' ? 'tds-dropdown-multiselect' : ''}
|
|
212
|
-
${this.inline ? 'tds-dropdown-inline' : ''}
|
|
213
|
-
${this.selectedLabel.length > 0 || this.selectedLabel === '' ? 'tds-dropdown--selected' : ''}
|
|
214
|
-
${this.state ? 'tds-dropdown--error' : ''}
|
|
215
|
-
${this.openUpwards ? 'tds-dropdown--open-upwards' : ''}
|
|
216
|
-
${this.labelPosition === 'inside' && this.selectedLabelsArray.length > 0
|
|
217
|
-
? 'tds-dropdown--label-inside-position'
|
|
218
|
-
: ''}
|
|
219
|
-
`, "selected-value": this.selectedValue, "selected-text": this.selectedLabel, "multi-selected-values": JSON.stringify(this.selectedValuesArray), "multi-selected-labels": JSON.stringify(this.selectedLabelsArray) }, h("span", { class: `tds-dropdown tds-dropdown-${this.size}` }, this.labelPosition === 'outside' && this.label.length > 0 ? (h("span", { class: "tds-dropdown-label-outside" }, this.label)) : (''), h("button", { part: this.disabled ? 'dropdown-filter-disabled' : '', disabled: this.disabled, tabindex: this.disabled ? '-1' : null, class: `tds-dropdown-toggle ${this.selectedValue === 'filter' ? 'is-filter' : ''} ${this.selectedValue !== '' || this.selectedLabelsArray.length > 0
|
|
220
|
-
? 'tds-dropdown-toggle--selected'
|
|
221
|
-
: ''}
|
|
222
|
-
${this.labelPosition === 'inside' && this.selectedValue !== '' && this.size !== 'sm'
|
|
223
|
-
? `tds-dropdown-toggle-label-inside-${this.size}`
|
|
224
|
-
: `tds-dropdown-toggle-${this.size}`}`, type: "button", onClick: () => this.handleClick(), ref: (node) => (this.node = node) }, h("span", { class: "tds-dropdown-label" }, this.type === 'filter' ? (h("input", { part: this.disabled ? 'dropdown-filter-disabled' : '', disabled: this.disabled, tabindex: "-1", ref: (inputEl) => (this.textInput = inputEl), class: "tds-dropdown-filter", type: "text", placeholder: this.placeholder, value: this.selectedLabel, autoComplete: "off" })) : (h("span", { class: {
|
|
225
|
-
'tds-dropdown-label-container': true,
|
|
226
|
-
'tds-dropdown-label-container--label-inside': this.labelPosition === 'inside' &&
|
|
227
|
-
this.size !== 'sm' &&
|
|
228
|
-
(this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0),
|
|
229
|
-
} }, this.size !== 'sm' &&
|
|
230
|
-
(this.selectedLabel.length > 0 || this.selectedLabelsArray.length > 0) &&
|
|
231
|
-
this.labelPosition === 'inside' &&
|
|
232
|
-
this.label.length > 0 && (h("span", { class: "tds-dropdown-label-inside" }, this.label)), h("span", { class: `tds-dropdown-label-main ${(this.selectedLabel.length === 0 ||
|
|
233
|
-
(this.labelPosition === 'inside' && this.label.length < 0)) &&
|
|
234
|
-
'tds-dropdown-placeholder'}` }, this.selectedLabel.length > 0 &&
|
|
235
|
-
this.type !== 'multiselect' &&
|
|
236
|
-
this.selectedLabel, this.type === 'multiselect' && (h("span", { class: "tds-dropdown-multiselect-result" }, this.labelPosition !== 'inside' &&
|
|
237
|
-
this.selectedLabelsArray.toString().length < 1 &&
|
|
238
|
-
this.placeholder, this.selectedLabelsArray.toString().length > 0 &&
|
|
239
|
-
this.selectedLabelsArray.toString().split(',').join(', '))), !this.selectedLabel &&
|
|
240
|
-
this.labelPosition === 'inside' &&
|
|
241
|
-
this.size !== 'sm' &&
|
|
242
|
-
this.label, !this.selectedLabel &&
|
|
243
|
-
this.type !== 'multiselect' &&
|
|
244
|
-
this.labelPosition !== 'inside' &&
|
|
245
|
-
this.placeholder, !this.selectedLabel &&
|
|
246
|
-
this.size === 'sm' &&
|
|
247
|
-
this.labelPosition === 'inside' &&
|
|
248
|
-
this.placeholder)))), h("svg", { class: "tds-dropdown-arrow", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 1L6 6L11 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { class: "tds-dropdown-menu",
|
|
249
|
-
// Need to have reference in order to calc height and distance from bottom
|
|
250
|
-
ref: (dropdownMenu) => (this.dropdownMenuSelector = dropdownMenu) }, h("slot", null))), h("p", { class: "tds-dropdown-helper" }, h("svg", { class: "tds-dropdown-error-icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z", fill: "currentColor" }), h("path", { d: "M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z", fill: "currentColor" })), h("span", null, this.helper))));
|
|
251
|
-
}
|
|
252
|
-
get host() { return getElement(this); }
|
|
253
|
-
static get watchers() { return {
|
|
254
|
-
"selectedOption": ["changeSelectedOption"]
|
|
255
|
-
}; }
|
|
256
|
-
};
|
|
257
|
-
TdsDropdown.style = dropdownCss$1;
|
|
258
|
-
|
|
259
|
-
const dropdownCss = ":root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:\" \";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}";
|
|
260
|
-
|
|
261
|
-
const TdsDropdownOption = class {
|
|
262
|
-
constructor(hostRef) {
|
|
263
|
-
registerInstance(this, hostRef);
|
|
264
|
-
this.internalTdsSelect = createEvent(this, "internalTdsSelect", 6);
|
|
265
|
-
this.innerValue = undefined;
|
|
266
|
-
this.selected = false;
|
|
267
|
-
this.disabled = false;
|
|
268
|
-
this.value = undefined;
|
|
269
|
-
}
|
|
270
|
-
changeFocusHandler() {
|
|
271
|
-
this.host.focus();
|
|
272
|
-
}
|
|
273
|
-
removeFocusHandler() {
|
|
274
|
-
this.host.blur();
|
|
275
|
-
}
|
|
276
|
-
onKeyDown(event) {
|
|
277
|
-
if (event.code === 'Enter') {
|
|
278
|
-
this.handleClick({
|
|
279
|
-
value: this.value,
|
|
280
|
-
label: this.host.innerText,
|
|
281
|
-
parent: this.host.parentNode,
|
|
282
|
-
});
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
componentWillLoad() {
|
|
286
|
-
this.innerValue = this.value;
|
|
287
|
-
this.isMultiSelectOption = this.host
|
|
288
|
-
.closest('tds-dropdown')
|
|
289
|
-
.classList.contains('tds-dropdown-multiselect');
|
|
290
|
-
}
|
|
291
|
-
handleClick(value) {
|
|
292
|
-
if (!this.disabled) {
|
|
293
|
-
const listOptions = value.parent.childNodes;
|
|
294
|
-
this.internalTdsSelect.emit(value);
|
|
295
|
-
if (!this.isMultiSelectOption) {
|
|
296
|
-
listOptions.forEach((optionEl) => {
|
|
297
|
-
optionEl.selected = false;
|
|
298
|
-
});
|
|
299
|
-
}
|
|
300
|
-
const optionCheckbox = this.host.shadowRoot.querySelector('input');
|
|
301
|
-
if (this.selected) {
|
|
302
|
-
this.selected = false;
|
|
303
|
-
if (optionCheckbox) {
|
|
304
|
-
optionCheckbox.checked = false;
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
else {
|
|
308
|
-
this.selected = true;
|
|
309
|
-
if (optionCheckbox) {
|
|
310
|
-
optionCheckbox.checked = true;
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
render() {
|
|
316
|
-
return (h(Host, { onClick: (event) => {
|
|
317
|
-
if (this.isMultiSelectOption) {
|
|
318
|
-
event.stopPropagation();
|
|
319
|
-
}
|
|
320
|
-
return this.handleClick({
|
|
321
|
-
value: this.value,
|
|
322
|
-
label: this.host.innerText,
|
|
323
|
-
parent: event.target.parentNode,
|
|
324
|
-
});
|
|
325
|
-
}, class: {
|
|
326
|
-
'selected': this.selected,
|
|
327
|
-
'tds-dropdown-option-disabled': this.disabled,
|
|
328
|
-
}, tabindex: "-1", "aria-disabled": this.disabled }, this.isMultiSelectOption && (h("div", { class: "tds-checkbox-item tds-option-checkbox" }, h("tds-checkbox", { checked: this.selected, disabled: this.disabled }))), h("span", { class: "tds-option-label" }, h("slot", null)), !this.isMultiSelectOption && (h("span", { class: "tds-option-checkmark" }, h("svg", { width: "10", height: "7", viewBox: "0 0 10 7", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1 3L4 6L9 1", stroke: "currentColor", "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
|
|
329
|
-
}
|
|
330
|
-
get host() { return getElement(this); }
|
|
331
|
-
};
|
|
332
|
-
TdsDropdownOption.style = dropdownCss;
|
|
333
|
-
|
|
334
|
-
export { TdsDropdown as tds_dropdown, TdsDropdownOption as tds_dropdown_option };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as n,c as t,h as s,H as r,g as o}from"./p-8462c18c.js";const i=class{constructor(s){n(this,s),this.tdsClose=t(this,"tdsClose",7),this.tdsShow=t(this,"tdsShow",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsShow.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!1)},this.icon=void 0,this.header=void 0,this.type="none",this.bannerId=crypto.randomUUID(),this.persistent=!1,this.hidden=!1,this.hasSubheader=void 0,this.hasLink=void 0}async hideBanner(){this.handleClose()}async showBanner(){this.handleShow()}connectedCallback(){"error"===this.type?this.icon="error":"information"===this.type&&(this.icon="info");const n=Array.from(this.host.children);this.hasSubheader=n.some((n=>"banner-subheader"===n.slot)),this.hasLink=n.some((n=>"banner-link"===n.slot))}render(){return s(r,{role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.type} ${this.hidden?"hide":"show"}`},this.icon&&s("div",{class:`banner-icon ${this.type}`},s("tds-icon",{name:this.icon,size:"20px"})),s("div",{class:`banner-content ${this.type} ${this.icon?"":"no-icon"}`},this.header&&s("span",{class:"banner-header"},this.header),this.hasSubheader&&s("slot",{name:"banner-subheader"}),this.hasLink&&s("div",{class:"banner-link "+(this.hasSubheader?"":"no-subheader")},s("slot",{name:"banner-link"}))),!this.persistent&&s("div",{class:"banner-close"},s("button",{onClick:()=>{this.handleClose()}},s("tds-icon",{name:"cross",size:"20px"}))))}get host(){return o(this)}};i.style=":root,.tds-mode-light{--tds-link:var(--tds-blue-500);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-grey-900);--tds-link-disabled:var(--tds-grey-400)}.tds-mode-dark{--tds-link:var(--tds-blue-300);--tds-link-hover:var(--tds-blue-400);--tds-link-focus:var(--tds-blue-400);--tds-link-visited:var(--tds-blue-100);--tds-link-disabled:var(--tds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .banner-content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .banner-content.no-icon{padding-left:16px}:host .banner-content .banner-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .banner-content slot[name=banner-subheader]{display:block;margin-top:4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .banner-content .banner-link slot[name=banner-link]{display:block;width:fit-content;margin-top:16px}:host .banner-content .banner-link.no-subheader slot[name=banner-link]{margin-top:4px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{i as tds_banner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c as t,h as i}from"./p-8462c18c.js";const e=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.wrapperElement=null,this.scrubberElement=null,this.scrubberInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=null,this.scrubberGrabbed=!1,this.scrubberLeft=0,this.tickValues=[],this.disabledState=!1,this.readonlyState=!1,this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.eventListenersAdded=!1,this.resizeObserverAdded=!1,this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.scrubberSize="lg",this.snap=!1,this.sliderId=crypto.randomUUID()}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight()}}handleMouseUp(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){this.scrubberGrabbed&&this.scrubberCore(s)}handleTouchMove(s){s.preventDefault(),this.scrubberGrabbed&&this.scrubberCore(s)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),i=this.getTrackWidth(),e=Math.round(i/(t+1)),d=Math.round(s/e)*e;let r=0;return d>=0&&d<=i?r=d:d>i?r=i:d<0&&(r=0),this.supposedValueSlot=Math.round(r/e),d}scrubberCore(s){const t=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=0;"mousemove"===s.type?e=s.clientX-i.left:"touchmove"===s.type?e=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(e=this.updateSupposedValueSlot(e)),this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.scrubberLeft/s*100+"%"}dispatchChangeEvent(){this.tdsChange.emit({value:this.value})}updateValue(){const s=this.getTrackWidth(),t=parseInt(this.ticks);if(this.useSnapping&&t){const s=this.tickValues[this.supposedValueSlot];this.value=`${s}`,this.calculateScrubberLeftFromValue(s)}else{const t=this.scrubberLeft/s;this.value=`${Math.trunc(this.getMin()+t*(this.getMax()-this.getMin()))}`}this.updateTrack(),this.dispatchChangeEvent()}updateValueForced(s){this.value=s,this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainScrubber(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateScrubberLeftFromValue(s){const t=s,i=this.getTrackWidth(),e=t-this.getMin(),d=this.getMax()-this.getMin();this.scrubberLeft=e/d*i,this.updateSupposedValueSlot(this.scrubberLeft),this.scrubberElement.style.left=`${this.scrubberLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateScrubberLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.scrubberElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabScrubber()})),this.scrubberElement.addEventListener("touchstart",(()=>{this.grabScrubber()})),this.useControls&&(this.minusElement.addEventListener("click",(()=>{this.stepLeft()})),this.plusElement.addEventListener("click",(()=>{this.stepRight()}))),this.inputElement&&this.inputElement.addEventListener("keydown",(s=>{if(s.stopPropagation(),"Enter"===s.key){let s=parseInt(this.inputElement.value);s<this.getMin()?s=this.getMin():s>this.getMax()&&(s=this.getMax()),this.calculateScrubberLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateScrubberLeftFromValue(this.value),this.updateTrack()}grabScrubber(){this.readonlyState||(this.scrubberGrabbed=!0,this.scrubberInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readonlyState||this.disabled)return;const t=parseInt(this.ticks);if(this.useSnapping&&t>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>t+1&&(this.supposedValueSlot=t+1),this.updateValue();else{const t=this.getTrackWidth(),i=this.scrubberLeft/t;let e=this.getMin()+i*(this.getMax()-this.getMin());e+=s,e=Math.round(e),e<this.getMin()?e=this.getMin():e>this.getMax()&&(e=this.getMax()),this.value=`${e}`,this.calculateScrubberLeftFromValue(this.value),this.updateValueForced(e),this.updateTrack()}}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const t=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(this.getMin()+Math.round(t*i));this.tickValues.push(this.getMax())}this.disabledState=this.disabled,this.readonlyState=this.readOnly,this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall=!1,"sm"===this.scrubberSize&&(this.useSmall=!0),this.useSnapping=!1,this.snap&&(this.useSnapping=!0),this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabledState=!0)}render(){return i("div",{class:"tds-slider-wrapper "+(this.readonlyState?"read-only":"")},i("input",{class:"tds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max,disabled:this.disabled}),i("div",{class:`tds-slider ${this.disabledState?"disabled":""} ${this.useSmall?"tds-slider-small":""}`,ref:s=>{this.wrapperElement=s}},i("label",{class:this.showTickNumbers&&"offset"},this.label),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value min-value"},this.min)),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>this.minusElement=s,class:"tds-slider__control tds-slider__control-minus"},i("tds-icon",{name:"minus",size:"16px"}))),i("div",{class:"tds-slider-inner"},this.tickValues.length>0&&i("div",{class:"tds-slider__value-dividers-wrapper"},i("div",{class:"tds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0"},i("div",{class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),i("div",{class:"tds-slider__scrubber",ref:s=>{this.scrubberElement=s}},this.tooltip&&i("div",{class:"tds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),i("div",{class:"tds-slider__scrubber-inner",ref:s=>{this.scrubberInnerElement=s}})))),this.useInput&&i("div",{class:"tds-slider__input-values"},i("div",{ref:s=>{this.minusElement=s},class:"tds-slider__input-value"},this.max),i("div",{class:"tds-slider__input-field-wrapper"},i("input",{onFocus:s=>{this.readonlyState&&(s.preventDefault(),this.inputElement.blur())},size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,ref:s=>{this.inputElement=s}}))),this.useControls&&i("div",{class:"tds-slider__controls"},i("div",{ref:s=>this.plusElement=s,class:"tds-slider__control tds-slider__control-plus"},i("tds-icon",{name:"plus",size:"16px"})))))}};e.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__scrubber{position:absolute}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__scrubber .tds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__scrubber .tds-slider__scrubber-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__scrubber .tds-slider__scrubber-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__scrubber{pointer-events:none}.tds-slider.disabled .tds-slider__scrubber .tds-slider__scrubber-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__scrubber .tds-slider__scrubber-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}';export{e as tds_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,H as e,g as r}from"./p-8462c18c.js";const a=class{constructor(t){s(this,t),this.imgUrl=void 0,this.imgAlt=void 0,this.heading=void 0,this.subheading=void 0}render(){return t(e,{role:"listitem"},t("div",{class:"user-box"},this.imgUrl&&t("img",{src:this.imgUrl,alt:this.imgAlt}),t("slot",{name:"image"}),t("div",{class:"user-content"},t("div",{class:"header"},this.heading,t("slot",{name:"heading"})),t("div",{class:"subheader"},this.subheading,t("slot",{name:"subheading"})))))}get host(){return r(this)}};a.style=":host{background-color:var(--tds-header-avatar-item-background);display:flex;height:84px}:host .user-box{gap:16px;width:100%;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host img,:host slot[name=image]::slotted(*){width:34px;border-radius:100%}:host .user-content{display:flex;flex-direction:column;gap:4px}:host .user-content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .user-content .subheader{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-avatar-item-color)}";export{a as tds_header_dropdown_list_user}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,g as e}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.parentIsTopPart=!1}connectedCallback(){this.parentIsTopPart="top"===this.host.closest("tds-footer-group").parentElement.slot}render(){return o("div",{role:"listitem",class:this.parentIsTopPart?"top-part-child":""},o("slot",null))}get host(){return e(this)}};i.style='[role=listitem] ::slotted(*){font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);color:var(--tds-footer-main-links);opacity:var(--tds-footer-main-links-opacity);text-decoration:none}[role=listitem] ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}[role=listitem] ::slotted(*:hover){text-decoration:underline}[role=listitem].top-part-child ::slotted(*){color:var(--tds-footer-top-links);font-family:"Scania Sans Semi Condensed", "Scania Sans Condensed", arial, helvetica, sans-serif;font-weight:bold;font-size:14px;line-height:18px}[role=listitem].top-part-child ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media all and (max-width: 992px){[role=listitem].top-part-child{border-bottom:1px solid var(--tds-footer-top-divider)}[role=listitem].top-part-child ::slotted(*){display:block;height:100%;padding:19px 40px;font-weight:normal}[role=listitem].top-part-child ::slotted(*:hover){text-decoration:underline;background-color:var(--tds-footer-top-links-background-hover)}[role=listitem].top-part-child ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}}';export{i as tds_footer_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,g as o}from"./p-8462c18c.js";const g=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=crypto.randomUUID()}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}render(){return s("div",{class:"tds-toggle"},this.headline&&s("div",{class:"toggle-headline "+(this.disabled?"disabled":"")},this.headline),s("input",{"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),s("label",{class:this.disabled?"disabled":"",htmlFor:this.toggleId},s("slot",{name:"label"})))}get host(){return o(this)}};g.style='.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{g as tds_toggle}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as o,g as a}from"./p-8462c18c.js";const i=["compactDesign"];function l(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const r=class{constructor(s){t(this,s),this.tdsPageChange=e(this,"tdsPageChange",7),this.previousPage=()=>{const t=this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)-1});this.paginationValue>=2&&this.paginationValue--,t.defaultPrevented||this.runPagination()},this.nextPage=()=>{const t=this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)+1});this.paginationValue<=this.numberOfPages&&this.paginationValue++,t.defaultPrevented||this.runPagination()},this.runPagination=()=>{this.host.parentNode.querySelector("tds-table-body").querySelectorAll(".tds-table__row").forEach(((t,e)=>{const s=e+1;if(this.tempPaginationDisable)this.paginationValue=1;else{const e=this.rowsPerPage*this.paginationValue;s>e-this.rowsPerPage&&s<=e?t.classList.remove("tds-table__row--hidden"):t.classList.add("tds-table__row--hidden")}}))},this.pagination=!1,this.rowsPerPage=5,this.paginationValue=1,this.maxPages=void 0,this.clientSetColumnsNumber=null,this.columnsNumber=0,this.numberOfPages=0,this.tempPaginationDisable=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>i.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){i.forEach((t=>{this[t]=this.tableEl[t]}));const t=this.host.parentElement.querySelector("tds-table-body").childElementCount,e=this.host.parentElement.querySelector("tds-table-header").childElementCount;this.numberOfPages=Math.ceil(t/this.rowsPerPage),this.columnsNumber=null!==this.clientSetColumnsNumber?this.clientSetColumnsNumber:e}paginationInputChange(t){const e=t.target.value;e>this.numberOfPages||e<1?(t.target.classList.add("tds-table__page-selector-input--shake"),this.paginationValue=t.target.max):this.paginationValue=t.target.value,this.tdsPageChange.emit({tableId:this.tableId,paginationValue:Number(this.inputElement.value)-1}).defaultPrevented||this.runPagination()}tdsPaginationListener(t){this.tableId===t.detail&&this.runPagination()}render(){var t;return s(o,{class:this.compactDesign?"tds-table--compact":""},s("tr",{class:"tds-table__footer-row"},s("td",{class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&s("div",{class:"tds-table__pagination"},s("div",{class:"tds-table__row-selector"}),s("div",{class:"tds-table__page-selector"},s("input",{ref:t=>this.inputElement=t,class:"tds-table__page-selector-input",type:"number",min:"1",max:null!==(t=this.maxPages)&&void 0!==t?t:this.numberOfPages,value:this.paginationValue,pattern:"[0-9]+",dir:"rtl",onChange:t=>this.paginationInputChange(t),onFocusout:t=>this.paginationInputChange(t),onAnimationEnd:l,disabled:this.tempPaginationDisable}),s("p",{class:"tds-table__footer-text"},"of ",s("span",null,this.tempPaginationDisable?1:this.numberOfPages)," pages"),s("button",{type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1||this.tempPaginationDisable,onClick:()=>this.previousPage()},s("tds-icon",{name:"chevron_left",size:"20px"})),s("button",{type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.numberOfPages||this.tempPaginationDisable,onClick:()=>this.nextPage()},s("tds-icon",{name:"chevron_right",size:"20px"})))))))}get host(){return a(this)}};r.style=":host{box-sizing:border-box;display:table-footer-group;height:48px}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 16px}:host .tds-table__footer-cell .tds-table__pagination{height:48px;display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:36px;height:30px;border:none;border-radius:4px;transition:background-color 250ms ease;margin-right:4px;padding-right:8px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:32px;width:32px;border-radius:4px;transition:background-color 250ms ease}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;opacity:0.38}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:20px;width:20px;fill:var(--tds-table-color)}:host(.tds-table--compact){height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:24px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}";export{r as tds_table_footer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as d,H as t}from"./p-8462c18c.js";const r=class{constructor(d){o(this,d),this.dataOptions=[],this.filteredContent=[],this.searchTerm="",this.selectedOptionState=void 0,this.dropdownRef=void 0,this.modeVariant=null,this.placeholder="",this.label=void 0,this.defaultOption=void 0,this.openDirection="auto",this.selectedOption=void 0,this.disabled=!1,this.size="lg",this.inline=!1,this.labelPosition="no-label",this.state=!1,this.helper="",this.data=void 0,this.selectedLabel="no-selected",this.selectedValue="no-selected"}componentWillLoad(){this.parseData(this.data),this.defaultOption&&(this.selectedOptionState=this.defaultOption)}parseData(o){o&&(this.dataOptions=JSON.parse(o)),this.filteredContent=this.dataOptions}updateOptionsContent(o){this.searchTerm=o.detail,this.findData()}selectOptionHandler(o){this.selectedOptionState=o.detail.value,this.selectedLabel=o.detail.label,this.selectedValue=o.detail.value,setTimeout((()=>{this.filteredContent=this.dataOptions}),200)}findData(){const o=new RegExp(this.searchTerm,"gmi");this.filteredContent=this.dataOptions.filter((d=>{if(d.label){const t=d.label.toLowerCase().match(o);if(t)return t;this.selectedOptionState=null,this.selectedLabel="no-result",this.selectedValue="no-result"}}))}setOptionsContent(){const o=this.filteredContent.map((o=>d("tds-dropdown-option",{tabindex:"0",value:o.value,class:this.selectedOptionState===o.value?"selected":""},o.label)));return o.length>0?o:d("tds-dropdown-option",{tabindex:"-1",value:"no-result",class:"tds-option--no-result"},"No result")}async resetOption(){var o;await(null===(o=this.dropdownRef)||void 0===o?void 0:o.resetOption())}render(){return d(t,{"selected-value":this.selectedValue,"selected-text":this.selectedLabel,class:`\n ${this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n `},d("tds-dropdown",{ref:o=>this.dropdownRef=o,exportparts:"dropdown-filter-disabled",size:this.size,label:this.label,disabled:this.disabled,labelPosition:this.labelPosition,helper:this.helper,state:this.state,placeholder:this.placeholder,defaultOption:this.defaultOption,selectedOption:this.selectedOption,type:"filter",tabindex:this.disabled?"-1":null,openDirection:this.openDirection},this.setOptionsContent()))}static get watchers(){return{data:["parseData"]}}};r.style=':root,.tds-mode-light{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-958);--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100);--tds-dropdown-disabled:var(--tds-grey-400);--tds-dropdown-border:var(--tds-grey-100);--tds-dropdown-label-inside:var(--tds-grey-700);--tds-dropdown-label-outside:var(--tds-grey-958);--tds-dropdown-placeholder:var(--tds-grey-700);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-900);--tds-dropdown-option-disabled-color:var(--tds-grey-400);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-50);--tds-dropdown-background-hover:var(--tds-grey-100)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-white);--tds-dropdown-background-hover:var(--tds-grey-50)}.tds-mode-dark{--tds-link-text-decoration:none;--tds-dropdown-color:var(--tds-grey-400);--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800);--tds-dropdown-disabled:var(--tds-grey-800);--tds-dropdown-border:var(--tds-grey-800);--tds-dropdown-label-inside:var(--tds-grey-400);--tds-dropdown-label-outside:var(--tds-grey-100);--tds-dropdown-placeholder:var(--tds-grey-400);--tds-dropdown-border-not-focused:var(--tds-grey-600);--tds-dropdown-option-color:var(--tds-grey-50);--tds-dropdown-option-disabled-color:var(--tds-grey-800);--tds-dropdown-background-disabled:var(--tds-dropdown-background)}.tds-mode-dark .tds-mode-variant-primary{--tds-dropdown-background:var(--tds-grey-868);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-mode-dark .tds-mode-variant-secondary{--tds-dropdown-background:var(--tds-grey-900);--tds-dropdown-background-hover:var(--tds-grey-800)}.tds-dropdown-helper{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);color:var(--tds-grey-700);margin-top:var(--tds-spacing-element-4);display:flex}.tds-dropdown-helper .tds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.tds-dropdown-label-inside{font:var(--tds-detail-ex-07);letter-spacing:var(--tds-detail-ex-07-ls);color:var(--tds-dropdown-label-inside)}.tds-dropdown-label-outside{font:var(--tds-detail-ex-05);letter-spacing:var(--tds-detail-ex-05-ls);display:block;color:var(--tds-dropdown-label-outside);margin-bottom:var(--tds-spacing-element-8)}:host,::slotted(*){color:var(--tds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-grey-958);box-sizing:border-box}:host .tds-dropdown-label-outside,::slotted(*) .tds-dropdown-label-outside{color:var(--tds-dropdown-label-outside);text-decoration:none}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--tds-dropdown-disabled);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--tds-dropdown-disabled)}.tds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.tds-dropdown,.tds-dropdown *{box-sizing:border-box}.tds-dropdown .tds-dropdown-toggle{font:var(--tds-detail-ex-02);letter-spacing:var(--tds-detail-ex-02-ls);color:var(--tds-dropdown-color);display:flex;align-items:center;background-color:var(--tds-dropdown-background);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--tds-dropdown-border-not-focused);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.tds-dropdown .tds-dropdown-toggle:hover{border-bottom-color:var(--tds-grey-600)}.tds-dropdown .tds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:2px solid var(--tds-blue-400)}.tds-dropdown .tds-dropdown-toggle:active,.tds-dropdown .tds-dropdown-toggle.active .tds-dropdown .tds-dropdown-toggle.selected{border-bottom-color:var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.tds-dropdown .tds-dropdown-toggle-lg{padding:20px 16px}.tds-dropdown .tds-dropdown-toggle-md{padding:16px}.tds-dropdown .tds-dropdown-toggle-sm{padding:12px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.tds-dropdown .tds-dropdown-toggle.tds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.tds-dropdown .tds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--tds-dropdown-border-not-focused)}.tds-dropdown .tds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.tds-dropdown .tds-dropdown-placeholder{color:var(--tds-grey-700)}.tds-dropdown .tds-dropdown-label{display:grid;width:calc(100% - 25px)}.tds-dropdown .tds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-dropdown.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-container--label-inside{padding-bottom:12px}.tds-dropdown .tds-dropdown-filter{border:0;outline:none;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-link);width:100%;background:transparent}.tds-dropdown .tds-dropdown-filter:focus{outline:none}.tds-dropdown .tds-dropdown-filter::placeholder{color:var(--tds-grey-700);opacity:1}.tds-dropdown .tds-dropdown-menu{z-index:100;background-color:var(--tds-dropdown-background);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--tds-dropdown-border);border-right-color:var(--tds-dropdown-border);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.tds-dropdown .tds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}.tds-dropdown .tds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.tds-dropdown.tds-dropdown-lg .tds-dropdown-toggle{height:56px}.tds-dropdown.tds-dropdown-md .tds-dropdown-toggle{height:48px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-toggle{height:40px}:host(.tds-dropdown--open-upwards) .tds-dropdown .tds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.tds-dropdown--open-upwards[label-position=outside]) span.tds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle{pointer-events:none;color:var(--tds-dropdown-option-disabled-color);border:none;padding:0 16px}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-placeholder{color:var(--tds-dropdown-placeholder)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle .tds-dropdown-label-inside{color:var(--tds-dropdown-label-inside)}:host([disabled=true]) .tds-dropdown .tds-dropdown-toggle:focus::before{content:none}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown .tds-dropdown-toggle:focus::before{border-color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper{color:var(--tds-negative)}:host(.tds-dropdown--error) .tds-dropdown-helper .tds-dropdown-error-icon{display:flex}:host ::slotted(tds-dropdown-option){display:flex;padding:var(--tds-spacing-element-16);background-color:var(--tds-dropdown-background);border-top:1px solid transparent;border-bottom:1px solid var(--tds-dropdown-border);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box;color:var(--tds-dropdown-option-color)}:host ::slotted(tds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(tds-dropdown-option:hover),:host ::slotted(tds-dropdown-option:focus){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:not(:focus):not(tds-dropdown-option.selected)){background-color:var(--tds-dropdown-background-hover)}:host ::slotted(tds-dropdown-option:hover:focus){outline:none}:host ::slotted(tds-dropdown-option:focus){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host ::slotted(tds-dropdown-option.tds-dropdown--selected),:host ::slotted(tds-dropdown-option.selected),:host ::slotted(tds-dropdown-option.active),:host ::slotted(tds-dropdown-option:active){background-color:var(--tds-dropdown-background-hover);border-top:1px solid var(--tds-dropdown-border);border-bottom:1px solid var(--tds-dropdown-border)}:host ::slotted(tds-dropdown-option.tds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(tds-dropdown-option.tds-dropdown-option-disabled),:host ::slotted(tds-dropdown-option.selected.tds-dropdown-option-disabled){cursor:not-allowed;color:var(--tds-dropdown-option-disabled-color);background-color:var(--tds-dropdown-background-disabled)}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.tds-dropdown--open-upwards) ::slotted(tds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--tds-dropdown-border)}.tds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.tds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--tds-spacing-element-16)}.tds-option-checkmark path{color:var(--tds-dropdown-option-color)}:host([size=sm]) ::slotted(tds-dropdown-option){padding:var(--tds-spacing-element-12) var(--tds-spacing-element-16)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--tds-blue-400)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-arrow{transform:rotate(180deg)}:host(.tds-dropdown--open) .tds-dropdown .tds-dropdown-menu{transform:scaleY(1)}:host(.tds-dropdown--open) ::slotted(tds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .tds-option-checkmark{opacity:1}.tds-dropdown-label-inside{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-label-inside);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.tds-dropdown-label-container.tds-dropdown-label-container--label-inside .tds-dropdown-placeholder{display:block;padding-top:4px}.tds-dropdown-lg .tds-dropdown-label-inside{display:block;top:16px}.tds-dropdown-md .tds-dropdown-label-inside{display:block;top:12px}.tds-dropdown.tds-dropdown-sm .tds-dropdown-label-inside{display:none}.tds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tds-option-checkbox{margin-right:8px}.tds-form-label{display:flex}';export{r as tds_dropdown_filter}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as e}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.uuid=crypto.randomUUID(),this.buttonLabel=void 0,this.noDropdownIcon=!1,this.selected=!1,this.open=!1,this.buttonEl=void 0}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}toggleDropdown(){this.open=!this.open}render(){return o(s,null,o("div",{class:{"state-open":this.open}},o("tds-header-item",{class:"button",active:this.open,selected:this.selected},o("button",{ref:t=>{this.buttonEl=t},"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,"aria-current":this.selected?"location":"false",onClick:()=>{this.toggleDropdown()}},o("slot",{name:"button-icon"}),this.buttonLabel,o("slot",{name:"button-label"}),!this.noDropdownIcon&&o("tds-icon",{class:"dropdown-icon",name:"chevron_down",size:"16px"}))),this.buttonEl&&o("tds-popover-canvas",{id:`tds-dropdown-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},o("slot",null))))}get host(){return e(this)}};i.style=":host{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .menu ::-webkit-scrollbar-button{height:0;width:0}:host .state-open .dropdown-icon{transform:rotatetds-z-index(180deg)}:host .state-open .button{position:relative;z-index:801}";export{i as tds_header_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as e,g as s}from"./p-8462c18c.js";const a=class{constructor(r){t(this,r),this.uuid=crypto.randomUUID()}render(){return r(e,null,r("h3",{class:"tds-header-launcher-list-title",id:`tds-${this.uuid}`},r("slot",null)))}get host(){return s(this)}};a.style=".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";export{a as tds_header_launcher_list_title}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,h as t,g as r}from"./p-8462c18c.js";const e=class{constructor(t){s(this,t)}connectedCallback(){this.el.children[this.el.children.length-1].classList.add("last")}render(){return t("nav",null,t("div",{role:"list",class:"tds-breadcrumb"},t("slot",null)))}get el(){return r(this)}};e.style=":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";export{e as tds_breadcrumbs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i}from"./p-8462c18c.js";const p=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.tdsChange.emit({chipId:this.chipId,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=crypto.randomUUID(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes();return t(i,null,t("div",{class:"component"},t("div",{class:`tds-chip-component ${this.size}`},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{htmlFor:this.chipId},t("slot",{name:"label"})))))}};p.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h[size=sm] .sc-tds-chip-s>*{gap:6px}.sc-tds-chip-h[size=lg] .sc-tds-chip-s>*{gap:8px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:1px 16px 0;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:1px 12px 0;gap:6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{p as tds_chip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o}from"./p-8462c18c.js";import{c as i}from"./p-9d707f6e.js";const s=class{constructor(o){t(this,o),this.offsetSkidding=0,this.offsetDistance=8,this.text="",this.selector="",this.referenceEl=void 0,this.mouseOverTooltip=!1,this.show=!1,this.placement="bottom",this.popperInstance=void 0,this.target=void 0}componentDidLoad(){var t;this.target=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);const o=this;this.popperInstance=i(this.target,this.tooltip,{placement:o.placement,modifiers:[{name:"positionCalc",enabled:!0,phase:"main",fn({state:t}){"bottom-start"===t.placement||"right-start"===t.placement?o.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?o.border="top-right":"top-end"===t.placement||"left-end"===t.placement?o.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?o.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(o.border="default")}},{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}}]});const s=()=>{this.show=!0},d=()=>{this.show=!1};this.target.addEventListener("focusin",(()=>{s()})),this.target.addEventListener("focusout",(()=>{d()})),this.target.addEventListener("mouseenter",(()=>{s()})),this.target.addEventListener("mouseleave",(()=>{d()})),!0===this.mouseOverTooltip&&(this.tooltip.addEventListener("mouseenter",(()=>{s()})),this.tooltip.addEventListener("mouseleave",(()=>{d()})))}disconnectedCallback(){var t;null===(t=this.popperInstance)||void 0===t||t.destroy()}render(){return o("span",{ref:t=>{this.tooltip=t},class:`tds-tooltip tds-tooltip-${this.border} ${this.show?"tds-tooltip-show":""}`},this.text,o("slot",null))}};s.style=":root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip *{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left{border-radius:4px 4px 4px 0}.tds-tooltip-show{opacity:1;visibility:visible}";export{s as tds_tooltip}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";const n=class{constructor(s){e(this,s),this.internalTdsTablePropChange=t(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.enableMultiselect=!1,this.enableExpandableRows=!1,this.enableResponsive=!1,this.modeVariant=null,this.tableId=crypto.randomUUID()}emitInternalTdsPropChange(e,t){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[e],[e]:t})}enableMultiselectChanged(e){this.emitInternalTdsPropChange("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitInternalTdsPropChange("enableExpandableRows",e)}compactDesignChanged(e){this.emitInternalTdsPropChange("compactDesign",e)}verticalDividersChanged(e){this.emitInternalTdsPropChange("verticalDividers",e)}noMinWidthChanged(e){this.emitInternalTdsPropChange("noMinWidth",e)}modeVariantChanged(e){this.emitInternalTdsPropChange("modeVariant",e)}render(){return s(a,{class:{"tds-table--responsive":this.enableResponsive}},s("table",{class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--responsive":this.enableResponsive}},s("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};n.style=":host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}";export{n as tds_table}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as r,H as t,g as d}from"./p-8462c18c.js";import{d as n}from"./p-39227588.js";const s=class{constructor(r){o(this,r),this.text=void 0,this.type="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.onlyIcon=!1,this.slotElement=void 0}connectedCallback(){var o;this.slotElement=this.host.children?this.host.children[0]:null,this.disabled&&(n(this.host),"icon"===(null===(o=this.slotElement)||void 0===o?void 0:o.slot)&&n(this.slotElement)),this.text||(this.onlyIcon=!0,this.host.setAttribute("only-icon",""))}render(){return r(t,{class:null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},r("button",{disabled:this.disabled,class:`${this.type}\n ${this.size}\n ${this.disabled?"disabled":""}\n ${this.fullbleed?"fullbleed":""}\n ${this.onlyIcon?"only-icon":""}\n `},this.text,r("slot",{name:"icon"})))}get host(){return d(this)}};s.style=":root,.tds-mode-light{--tds-btn-primary-background:var(--tds-blue-600);--tds-btn-primary-color:var(--tds-white);--tds-btn-primary-border-color:transparent;--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-color-hover:var(--tds-white);--tds-btn-primary-border-color-hover:transparent;--tds-btn-primary-background-active:var(--tds-blue-700);--tds-btn-primary-color-active:var(--tds-white);--tds-btn-primary-border-color-active:var(--tds-blue-700);--tds-btn-primary-background-focus:var(--tds-blue-400);--tds-btn-primary-color-focus:var(--tds-white);--tds-btn-primary-border-color-focus:var(--tds-blue-600);--tds-btn-primary-outline-color-focus:var(--tds-blue-600);--tds-btn-primary-background-disabled-primary:var(--tds-grey-50);--tds-btn-primary-background-disabled-secondary:var(--tds-white);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-400);--tds-btn-primary-border-color-disabled:transparent;--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-black);--tds-btn-secondary-border-color:rgb(0 0 0 / 48%);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-black);--tds-btn-secondary-border-color-active:rgb(0 0 0 / 87%);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-black);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:rgb(0 0 0 / 38%);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(0 0 0 / 38%);--tds-btn-secondary-border-color-disabled:rgb(0 0 0 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-black);--tds-btn-icon-secondary-fill-focus:var(--tds-black);--tds-btn-icon-secondary-fill:var(--tds-black);--tds-btn-icon-secondary-color:var(--tds-black);--tds-btn-icon-secondary-fill-hover:var(--tds-grey-50);--tds-btn-icon-secondary-color-hover:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-black);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-black);--tds-btn-ghost-border-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-outline-color-hover:rgb(0 0 0 / 60%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-black);--tds-btn-ghost-border-color-active:rgb(0 0 0 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-black);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(0 0 0 / 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-black);--tds-btn-icon-ghost-color:var(--tds-black);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:var(--tds-red-700);--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-50);--tds-btn-danger-background-disabled-secondary:var(--tds-white);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(0 0 0 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}:root .tds-mode-variant-primary,.tds-mode-light .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}:root .tds-mode-variant-secondary,.tds-mode-light .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}.tds-mode-dark{--tds-btn-primary-background:var(--tds-blue-400);--tds-btn-primary-background-hover:var(--tds-blue-500);--tds-btn-primary-background-active:var(--tds-blue-300);--tds-btn-primary-background-focus:var(--tds-blue-600);--tds-btn-primary-border-color-focus:var(--tds-blue-400);--tds-btn-primary-outline-color-focus:var(--tds-blue-400);--tds-btn-primary-background-disabled-primary:var(--tds-grey-900);--tds-btn-primary-background-disabled-secondary:var(--tds-grey-868);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary);--tds-btn-primary-color-disabled:var(--tds-grey-600);--tds-btn-icon-primary-fill:var(--tds-grey-50);--tds-btn-icon-primary-color:var(--tds-grey-50);--tds-btn-secondary-background:transparent;--tds-btn-secondary-color:var(--tds-white);--tds-btn-secondary-border-color:var(--tds-white);--tds-btn-secondary-background-hover:var(--tds-blue-500);--tds-btn-secondary-color-hover:var(--tds-white);--tds-btn-secondary-border-color-hover:var(--tds-blue-500);--tds-btn-secondary-background-active:transparent;--tds-btn-secondary-color-active:var(--tds-white);--tds-btn-secondary-border-color-active:var(--tds-white);--tds-btn-secondary-background-focus:transparent;--tds-btn-secondary-color-focus:var(--tds-white);--tds-btn-secondary-border-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color-focus:var(--tds-blue-400);--tds-btn-secondary-outline-color:var(--tds-white);--tds-btn-secondary-background-disabled:transparent;--tds-btn-secondary-color-disabled:rgb(255 255 255 / 38%);--tds-btn-secondary-border-color-disabled:rgb(255 255 255 / 38%);--tds-btn-icon-secondary-color-focus:var(--tds-white);--tds-btn-icon-secondary-fill-focus:var(--tds-white);--tds-btn-icon-secondary-fill:var(--tds-grey-50);--tds-btn-icon-secondary-color:var(--tds-grey-50);--tds-btn-ghost-background:transparent;--tds-btn-ghost-color:var(--tds-white);--tds-btn-ghost-border-color:transparent;--tds-btn-ghost-background-hover:transparent;--tds-btn-ghost-color-hover:var(--tds-white);--tds-btn-ghost-border-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-outline-color-hover:rgb(255 255 255 / 41%);--tds-btn-ghost-background-active:transparent;--tds-btn-ghost-color-active:var(--tds-white);--tds-btn-ghost-border-color-active:rgb(255 255 255 / 87%);--tds-btn-ghost-background-focus:transparent;--tds-btn-ghost-color-focus:var(--tds-white);--tds-btn-ghost-border-color-focus:var(--tds-blue-300);--tds-btn-ghost-outline-color-focus:var(--tds-blue-300);--tds-btn-ghost-background-disabled:transparent;--tds-btn-ghost-color-disabled:rgb(255 255 255/ 38%);--tds-btn-ghost-border-color-disabled:transparent;--tds-btn-icon-ghost-fill:var(--tds-grey-50);--tds-btn-icon-ghost-color:var(--tds-grey-50);--tds-btn-danger-background:var(--tds-negative);--tds-btn-danger-color:var(--tds-white);--tds-btn-danger-border-color:transparent;--tds-btn-danger-background-hover:var(--tds-red-600);--tds-btn-danger-color-hover:var(--tds-white);--tds-btn-danger-border-color-hover:transparent;--tds-btn-danger-background-active:var(--tds-red-700);--tds-btn-danger-color-active:var(--tds-white);--tds-btn-danger-border-color-active:transparent;--tds-btn-danger-background-focus:var(--tds-red-400);--tds-btn-danger-color-focus:var(--tds-white);--tds-btn-danger-border-color-focus:var(--tds-red-400);--tds-btn-danger-outline-color-focus:var(--tds-red-700);--tds-btn-danger-background-disabled-primary:var(--tds-grey-900);--tds-btn-danger-background-disabled-secondary:var(--tds-grey-868);--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-danger-color-disabled:rgb(255 255 255 / 38%);--tds-btn-danger-border-color-disabled:transparent;--tds-btn-icon-danger-fill:var(--tds-white);--tds-btn-icon-danger-color:var(--tds-white)}.tds-mode-dark .tds-mode-variant-primary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.tds-mode-dark .tds-mode-variant-secondary{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-secondary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-secondary)}button{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:4px;border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid}button *{box-sizing:border-box}button:disabled,button.disabled{cursor:unset}button:focus{outline:none}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.xs{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.xs:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.sm{padding:var(--tds-spacing-element-12);height:40px}button.sm.only-icon{padding:11px}button.sm:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.md{padding:var(--tds-spacing-element-16);height:48px}button.md.only-icon{padding:13px}button.md:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.lg{padding:var(--tds-spacing-element-20);height:56px}button.lg.only-icon{padding:17px}button.lg:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed{width:inherit;display:flex;justify-content:center}button.primary{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{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);font-size:16px}button.primary: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) ::slotted([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: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 ::slotted([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:active,button.primary.active{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.disabled,button.primary:disabled{cursor:not-allowed;background:var(--tds-btn-primary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-primary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-primary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-primary-outline-color-disabled)}button.secondary{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{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);font-size:16px}button.secondary: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) ::slotted([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: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 ::slotted([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:active,button.secondary.active{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.disabled,button.secondary:disabled{cursor:not-allowed;background:var(--tds-btn-secondary-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-secondary-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-secondary-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-secondary-outline-color-disabled)}button.ghost{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{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);font-size:16px}button.ghost: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) ::slotted([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: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 ::slotted([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:active,button.ghost.active{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.disabled,button.ghost:disabled{cursor:not-allowed;background:var(--tds-btn-ghost-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-ghost-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-ghost-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-ghost-outline-color-disabled)}button.danger{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{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);font-size:16px}button.danger: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) ::slotted([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: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 ::slotted([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:active,button.danger.active{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.disabled,button.danger:disabled{cursor:not-allowed;background:var(--tds-btn-danger-background-disabled);cursor:not-allowed;border-color:var(--tds-btn-danger-border-color-disabled);cursor:not-allowed;color:var(--tds-btn-danger-color-disabled);cursor:not-allowed;outline-color:var(--tds-btn-danger-outline-color-disabled)}:host(tds-button){display:inline-flex;align-items:center}:host(tds-button) ::slotted([slot=icon]){width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button) .sm ::slotted([slot=icon]){width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button[fullbleed]){width:100%;justify-content:center}:host(tds-button[only-icon]) .sm{padding:11px}:host(tds-button[only-icon]) .md{padding:13px}:host(tds-button[only-icon]) .lg{padding:17px}:host(tds-button:not([only-icon])){display:inline-flex;align-items:center}:host(tds-button:not([only-icon])) .sm ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}:host(tds-button:not([only-icon])) .md ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}:host(tds-button:not([only-icon])) .lg ::slotted([slot=icon]){margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}";export{s as tds_button}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,h as s,H as t}from"./p-8462c18c.js";const e=class{constructor(s){r(this,s),this.uuid=crypto.randomUUID()}render(){return s(t,null,s("tds-header-dropdown-list",{type:"lg"},s("slot",null)))}};export{e as tds_header_launcher_list}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as a}from"./p-8462c18c.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}render(){return o(a,{role:"listitem"},o("div",{class:`navigation-tab-item ${this.selected?"selected":""}\n ${this.disabled?"disabled":""}`},o("slot",null)))}};i.style=':host{box-sizing:border-box;z-index:200;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-navigation-tabs-tab-color);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;margin:26px 4px}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{content:" ";position:absolute;bottom:-26px;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;background-color:var(--tds-navigation-tabs-tab-indicator-background-hover);transition:width 0.15s ease-in-out 0s;z-index:1}:host .selected ::slotted(*){color:var(--tds-navigation-tabs-tab-color-selected)}:host .selected::after{width:100%;background-color:var(--tds-navigation-tabs-tab-indicator-background-active)}:host .disabled{color:var(--tds-navigation-tabs-tab-color-disabled);pointer-events:none}:host .disabled ::slotted(*){opacity:var(--tds-navigation-tabs-tab-color-opacity-disabled)}:host(.first){margin-left:32px}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}
|