@scania/tegel 0.0.10 → 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/dist/cjs/index-ee36ffa1.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +5 -5
- package/dist/cjs/tds-button.cjs.entry.js +20 -11
- package/dist/cjs/tds-card.cjs.entry.js +3 -3
- package/dist/cjs/tds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/tds-chip.cjs.entry.js +1 -1
- package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
- package/dist/cjs/tds-dropdown.cjs.entry.js +13 -8
- package/dist/cjs/tds-footer.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-dropdown-list.cjs.entry.js +6 -6
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +1 -1
- 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 +1 -1
- package/dist/cjs/tds-header-launcher-grid.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-launcher-list.cjs.entry.js +2 -2
- package/dist/cjs/tds-header-launcher.cjs.entry.js +1 -1
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-link.cjs.entry.js +1 -1
- package/dist/cjs/tds-message.cjs.entry.js +3 -3
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-canvas.cjs.entry.js +10 -80
- package/dist/{components/popper.js → cjs/tds-popover-core.cjs.entry.js} +160 -1
- package/dist/cjs/tds-popover-menu.cjs.entry.js +12 -62
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu-close-button.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 +1 -1
- package/dist/cjs/tds-slider.cjs.entry.js +6 -2
- package/dist/cjs/tds-stepper.cjs.entry.js +1 -1
- package/dist/cjs/tds-table.cjs.entry.js +1 -1
- package/dist/cjs/tds-text-field.cjs.entry.js +1 -1
- package/dist/cjs/tds-toast.cjs.entry.js +4 -4
- package/dist/cjs/tds-toggle.cjs.entry.js +1 -1
- package/dist/cjs/tds-tooltip.cjs.entry.js +41 -82
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/cjs/{utils-41de5fb2.js → utils-a908536d.js} +1 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +1 -0
- package/dist/collection/components/accordion/accordion.js +3 -0
- package/dist/collection/components/banner/banner.js +8 -8
- package/dist/collection/components/banner/banner.stories.js +7 -7
- package/dist/collection/components/block/block.js +3 -0
- package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js +3 -0
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +3 -0
- package/dist/collection/components/button/button.css +6 -16
- package/dist/collection/components/button/button.js +41 -13
- package/dist/collection/components/button/button.stories.js +26 -8
- package/dist/collection/components/card/card.css +3 -0
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card/card.stories.js +2 -1
- package/dist/collection/components/chip/chip.js +1 -1
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +3 -0
- package/dist/collection/components/dropdown/dropdown.js +15 -7
- package/dist/collection/components/footer/footer-group/footer-group.js +3 -0
- package/dist/collection/components/footer/footer-item/footer-item.js +3 -0
- package/dist/collection/components/footer/footer.css +1 -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 +1 -0
- 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-item/header-item.js +3 -0
- package/dist/collection/components/header/header-launcher/header-launcher.js +3 -0
- 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 +3 -0
- package/dist/collection/components/header/header-launcher-list/header-launcher-list.js +4 -1
- 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 +3 -0
- package/dist/collection/components/header/header-title/header-title.js +3 -0
- package/dist/collection/components/header/header.js +1 -0
- package/dist/collection/components/header/header.stories.js +2 -0
- package/dist/collection/components/link/link.js +4 -1
- package/dist/collection/components/link/link.stories.js +5 -3
- package/dist/collection/components/message/message.js +7 -7
- package/dist/collection/components/message/message.stories.js +6 -6
- package/dist/collection/components/popover-canvas/popover-canvas.css +3 -7
- package/dist/collection/components/popover-canvas/popover-canvas.js +13 -102
- package/dist/collection/components/popover-canvas/popover-canvas.stories.js +8 -8
- 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 +16 -79
- package/dist/collection/components/popover-menu/popover-menu.stories.js +3 -3
- package/dist/collection/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js +1 -1
- package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js +1 -1
- package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js +1 -1
- package/dist/collection/components/side-menu/side-menu.js +1 -1
- package/dist/collection/components/slider/slider.js +5 -1
- package/dist/collection/components/stepper/stepper.js +3 -0
- package/dist/collection/components/table/table/table.js +3 -0
- package/dist/collection/components/table/table-body/table-body.js +2 -2
- 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 +1 -0
- package/dist/collection/components/table/table-header/table-header.js +3 -0
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +3 -0
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +3 -0
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +3 -0
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +3 -0
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +3 -0
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +3 -0
- package/dist/collection/components/toast/toast.js +5 -5
- package/dist/collection/components/toast/toast.stories.js +6 -6
- package/dist/collection/components/tooltip/tooltip.js +45 -109
- package/dist/collection/components/tooltip/tooltip.stories.js +9 -1
- package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js +1 -1
- package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js +2 -2
- package/dist/collection/stories/patterns/navigation/navigation-user-menu.stories.js +1 -1
- package/dist/collection/stories/tegel.stories.js +1 -1
- package/dist/components/header-dropdown-list-item.js +3 -3
- package/dist/components/header-dropdown-list.js +7 -7
- package/dist/components/popover-canvas.js +20 -89
- package/dist/{esm/popper-15e448b4.js → components/popover-core.js} +184 -1
- package/dist/components/tds-banner.js +5 -5
- package/dist/components/tds-button.js +21 -12
- package/dist/components/tds-card.js +2 -2
- package/dist/components/tds-dropdown.js +12 -7
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-dropdown.js +14 -8
- 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.js +1 -1
- package/dist/components/tds-header-launcher.js +16 -10
- package/dist/components/tds-link.js +1 -1
- package/dist/components/tds-message.js +4 -4
- package/dist/components/tds-popover-core.d.ts +11 -0
- package/dist/components/tds-popover-core.js +6 -0
- package/dist/components/tds-popover-menu.js +22 -70
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-slider.js +5 -1
- package/dist/components/tds-toast.js +4 -4
- package/dist/components/tds-tooltip.js +51 -90
- package/dist/components/utils.js +1 -1
- package/dist/esm/index-23ee700b.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-banner.entry.js +5 -5
- package/dist/esm/tds-button.entry.js +20 -11
- package/dist/esm/tds-card.entry.js +3 -3
- package/dist/esm/tds-checkbox.entry.js +1 -1
- package/dist/esm/tds-chip.entry.js +1 -1
- package/dist/esm/tds-core-header-item_2.entry.js +1 -1
- package/dist/esm/tds-dropdown.entry.js +13 -8
- package/dist/esm/tds-footer.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list-item.entry.js +2 -2
- package/dist/esm/tds-header-dropdown-list.entry.js +6 -6
- package/dist/esm/tds-header-dropdown.entry.js +1 -1
- 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 +1 -1
- package/dist/esm/tds-header-launcher-grid.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-item.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list-title.entry.js +1 -1
- package/dist/esm/tds-header-launcher-list.entry.js +2 -2
- package/dist/esm/tds-header-launcher.entry.js +1 -1
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-link.entry.js +1 -1
- package/dist/esm/tds-message.entry.js +3 -3
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-popover-canvas.entry.js +10 -80
- package/dist/{cjs/popper-d7adcfc6.js → esm/tds-popover-core.entry.js} +155 -2
- package/dist/esm/tds-popover-menu.entry.js +12 -62
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-close-button.entry.js +1 -1
- package/dist/esm/tds-side-menu-item.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-slider.entry.js +6 -2
- package/dist/esm/tds-stepper.entry.js +1 -1
- package/dist/esm/tds-table.entry.js +1 -1
- package/dist/esm/tds-text-field.entry.js +1 -1
- package/dist/esm/tds-toast.entry.js +4 -4
- package/dist/esm/tds-toggle.entry.js +1 -1
- package/dist/esm/tds-tooltip.entry.js +42 -83
- package/dist/esm/tegel.js +1 -1
- package/dist/esm/{utils-74fb1bed.js → utils-8544b156.js} +1 -1
- package/dist/tegel/p-0641ac24.entry.js +1 -0
- package/dist/tegel/{p-347414ad.entry.js → p-0ae649c3.entry.js} +1 -1
- package/dist/tegel/{p-9f1e1cc0.entry.js → p-1a907ae9.entry.js} +1 -1
- package/dist/tegel/{p-1acb8407.entry.js → p-1f43d4f0.entry.js} +1 -1
- package/dist/tegel/{p-a4e3eb95.entry.js → p-2e5f6086.entry.js} +1 -1
- package/dist/tegel/{p-e4dc07bb.entry.js → p-31848a92.entry.js} +1 -1
- package/dist/tegel/{p-aa443b06.entry.js → p-3d28689e.entry.js} +1 -1
- package/dist/tegel/{p-99837611.entry.js → p-400282e5.entry.js} +1 -1
- package/dist/tegel/{p-c5588508.entry.js → p-4163997b.entry.js} +1 -1
- package/dist/tegel/{p-9b29bf68.entry.js → p-42990ec0.entry.js} +1 -1
- package/dist/tegel/p-43320d81.entry.js +1 -0
- package/dist/tegel/{p-c5ab3a3b.entry.js → p-656add37.entry.js} +1 -1
- package/dist/tegel/p-65ab407b.entry.js +1 -0
- package/dist/tegel/{p-54e56257.entry.js → p-6654e59d.entry.js} +1 -1
- package/dist/tegel/{p-9dc14c21.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-9fe0d654.entry.js → p-823399ef.entry.js} +1 -1
- package/dist/tegel/{p-8ba77ea3.entry.js → p-84d231a5.entry.js} +1 -1
- package/dist/tegel/{p-b5424456.entry.js → p-88807dac.entry.js} +1 -1
- package/dist/tegel/p-88d7c4c1.entry.js +1 -0
- package/dist/tegel/p-8e745d73.entry.js +1 -0
- package/dist/tegel/p-a8cc3901.entry.js +1 -0
- package/dist/tegel/{p-f9d04ff2.entry.js → p-aa7e2f79.entry.js} +1 -1
- package/dist/tegel/{p-1bac7d2e.entry.js → p-cacdd03f.entry.js} +1 -1
- package/dist/tegel/p-cb5a4d7d.entry.js +1 -0
- package/dist/tegel/p-d0f15f73.entry.js +1 -0
- package/dist/tegel/{p-10337d3f.entry.js → p-d2ca7f58.entry.js} +1 -1
- package/dist/tegel/p-d4c25eb6.entry.js +1 -0
- package/dist/tegel/{p-e24835ba.entry.js → p-d60cb9e5.entry.js} +1 -1
- package/dist/tegel/{p-48136431.entry.js → p-da6f310c.entry.js} +1 -1
- package/dist/tegel/{p-e3f8fc68.entry.js → p-df318a85.entry.js} +1 -1
- package/dist/tegel/p-e36ceefe.entry.js +1 -0
- package/dist/tegel/p-e4d6a4c5.entry.js +1 -0
- package/dist/tegel/{p-fc6da19c.entry.js → p-f64ff692.entry.js} +1 -1
- package/dist/tegel/{p-c15bbe0b.entry.js → p-f682dd0b.entry.js} +1 -1
- package/dist/tegel/{p-afe13096.entry.js → p-fa30061f.entry.js} +1 -1
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +1 -0
- package/dist/types/components/accordion/accordion.d.ts +3 -0
- package/dist/types/components/banner/banner.d.ts +3 -3
- package/dist/types/components/banner/banner.stories.d.ts +2 -2
- package/dist/types/components/block/block.d.ts +3 -0
- package/dist/types/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +3 -0
- package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/types/components/button/button.d.ts +6 -2
- package/dist/types/components/button/button.stories.d.ts +16 -2
- package/dist/types/components/chip/chip.d.ts +1 -1
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +3 -0
- package/dist/types/components/dropdown/dropdown.d.ts +3 -0
- package/dist/types/components/footer/footer-group/footer-group.d.ts +3 -0
- package/dist/types/components/footer/footer-item/footer-item.d.ts +3 -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 +1 -0
- 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-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 +1 -0
- package/dist/types/components/header/header.stories.d.ts +1 -0
- package/dist/types/components/link/link.d.ts +3 -0
- package/dist/types/components/message/message.d.ts +3 -3
- package/dist/types/components/message/message.stories.d.ts +2 -2
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +7 -13
- package/dist/types/components/popover-core/popover-core.d.ts +46 -0
- package/dist/types/components/popover-menu/popover-menu.d.ts +8 -9
- package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown/side-menu-dropdown.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu-item/side-menu-item.d.ts +1 -1
- package/dist/types/components/side-menu/side-menu.d.ts +1 -1
- package/dist/types/components/stepper/stepper.d.ts +3 -0
- package/dist/types/components/table/table/table.d.ts +3 -0
- package/dist/types/components/table/table-body/table-body.d.ts +2 -2
- 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 +1 -0
- package/dist/types/components/table/table-header/table-header.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/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/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/toast/toast.d.ts +1 -1
- package/dist/types/components/toast/toast.stories.d.ts +2 -2
- package/dist/types/components/tooltip/tooltip.d.ts +16 -8
- package/dist/types/components.d.ts +131 -26
- package/package.json +4 -3
- package/dist/tegel/p-06093e3e.entry.js +0 -1
- package/dist/tegel/p-0995ca77.entry.js +0 -1
- package/dist/tegel/p-19fb9ad5.entry.js +0 -1
- package/dist/tegel/p-34a06d2f.entry.js +0 -1
- package/dist/tegel/p-3c9865c3.entry.js +0 -1
- package/dist/tegel/p-40142a58.entry.js +0 -1
- package/dist/tegel/p-4c809685.entry.js +0 -1
- package/dist/tegel/p-6bee84a2.entry.js +0 -1
- package/dist/tegel/p-73a8f43e.entry.js +0 -1
- package/dist/tegel/p-7c0dcd00.js +0 -1
- package/dist/tegel/p-95e170f3.entry.js +0 -1
- package/dist/tegel/p-a34bb501.entry.js +0 -1
- package/dist/tegel/p-e95059e9.entry.js +0 -1
- package/dist/tegel/p-f795bc11.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as o,H as e,g as i}from"./p-8462c18c.js";import{g as r,h as n}from"./p-72fced16.js";const a=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.tdsShow=s(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.subheader=void 0,this.variant="none",this.bannerId=r(),this.persistent=!1,this.hidden=!1}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const t=n("subheader",this.host),s=n("subheader",this.host),i=n("bottom",this.host);return o(e,{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.variant} ${this.hidden?"hide":"show"}`},this.icon&&o("div",{class:`banner-icon ${this.variant}`},o("tds-icon",{name:this.icon,size:"20px"})),o("div",{class:"content"},o("div",{class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),i&&o("slot",{name:"bottom"})),!this.persistent&&o("div",{class:"banner-close"},o("button",{onClick:()=>{this.handleClose()}},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return i(this)}};a.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 .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=bottom]::slotted(*){display:block;width:fit-content;margin-top:16px}: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{a as tds_banner}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as o,H as s}from"./p-8462c18c.js";const t=class{constructor(o){r(this,o)}render(){return o(s,null,o("tds-header-dropdown-list-item",{size:"lg"},o("slot",null)))}};t.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{t as tds_header_launcher_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,g as e}from"./p-8462c18c.js";const n=class{constructor(o){t(this,o),this.disabled=!1,this.underline=!0}connectedCallback(){this.host.children[0].classList.add("tds-link-component")}render(){return o("span",{class:` \n ${this.disabled?"disabled":""}\n ${this.underline?"":"no-underline"}\n `},o("slot",null))}get host(){return e(this)}};n.style=":host{display:inline}:host ::slotted(*){all:unset;cursor:pointer;outline:none;color:var(--tds-link);text-decoration:underline}:host ::slotted(*:focus-visible){color:var(--tds-link-focus);text-decoration:none;outline:2px solid var(--tds-link-focus);outline-offset:-2px}:host ::slotted(*:active){color:var(--tds-link);text-decoration:underline;text-decoration-color:var(--tds-link)}:host ::slotted(*:hover){color:var(--tds-link-hover);text-decoration:underline;text-decoration-color:var(--tds-link-hover)}:host ::slotted(*:visited){color:var(--tds-link-visited);text-decoration-color:var(--tds-link-visited)}.disabled ::slotted(*){color:var(--tds-link-disabled);text-decoration-color:var(--tds-link-disabled);pointer-events:none}.no-underline ::slotted(*){text-decoration:none}.no-underline:hover ::slotted(*){text-decoration:none}";export{n as tds_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as i}from"./p-8462c18c.js";import{i as o}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-8462c18c.js";import{i as o}from"./p-72fced16.js";const r=class{constructor(s){t(this,s),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host));const t=Object.assign({},this.ariaAttributes);return s(e,null,s("tds-header-item",{active:this.active},s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"bento",size:"20px"}))))}get host(){return i(this)}};r.style=":host{display:block}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{r as tds_header_launcher_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r,H as e,g as s}from"./p-8462c18c.js";import{g as a}from"./p-
|
|
1
|
+
import{r as t,h as r,H as e,g as s}from"./p-8462c18c.js";import{g as a}from"./p-72fced16.js";const l=class{constructor(r){t(this,r),this.uuid=a()}render(){return r(e,null,r("h3",{class:"tds-header-launcher-list-title",id:`tds-header-launcher-${this.uuid}`},r("slot",null)))}get host(){return s(this)}};l.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{l as tds_header_launcher_list_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,h as t,H as s,g as o}from"./p-8462c18c.js";import{i as r}from"./p-72fced16.js";const i=class{constructor(t){e(this,t)}render(){const e=Object.assign({"aria-label":"Close"},r(this.host));return t(s,null,t("button",Object.assign({},e),t("tds-icon",{name:"cross",size:"20px"})))}get host(){return o(this)}};i.style=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";export{i as tds_side_menu_close_button}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as r,H as t}from"./p-8462c18c.js";import{g as e}from"./p-72fced16.js";const o=class{constructor(r){s(this,r),this.uuid=e()}render(){return r(t,null,r("tds-header-dropdown-list",{size:"lg"},r("slot",null)))}};export{o as tds_header_launcher_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as o,H as e,g as i}from"./p-8462c18c.js";import{a as l,b as d,f as r,c as h}from"./p-72fced16.js";const a=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.tdsInput=s(this,"tdsInput",6),this.connectedCallback=()=>{this.options||(this.children=Array.from(this.host.children))},this.setDefaultOption=()=>{this.children=this.children.map((t=>(this.multiselect?this.defaultValue.split(",").forEach((s=>{s===t.value?(t.setSelected(!0),this.selection=this.selection?[...this.selection,{value:t.value,label:t.textContent}]:[{value:t.value,label:t.textContent}]):t.setSelected(!1)})):this.defaultValue===t.value?(t.setSelected(!0),this.selection=[{value:t.value,label:t.textContent}]):t.setSelected(!1),t)))},this.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+l+57>window.innerHeight?"up":"down"}return this.openDirection},this.getValue=()=>{var t,s;return this.filter?null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.label)).toString():null===(s=this.selection)||void 0===s?void 0:s.map((t=>t.label)).join(", ")},this.handleFilter=t=>{this.tdsInput.emit(t);const s=t.target.value.toLowerCase();""===s?(this.children=this.children.map((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=this.children.filter((t=>(t.textContent.toLowerCase().includes(s.toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,s;this.tdsChange.emit({name:this.name,value:null!==(s=null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.value)).toString())&&void 0!==s?s:null})},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.error=!1,this.multiselect=!1,this.filter=!1,this.noResultText="No result",this.defaultValue=void 0,this.options=void 0,this.open=!1,this.selection=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.children.forEach((t=>t.setSelected(!1))),this.selection=null,this.handleChange()}async setValue(t,s){return this.multiselect?this.selection=this.selection?[...this.selection,{value:t,label:s}]:[{value:t,label:s}]:(this.selection=[{value:t,label:s}],this.children=this.children.map((s=>(s.value!==t&&s.setSelected(!1),s)))),this.handleChange(),this.selection}async removeValue(t){return this.multiselect?this.children.forEach((s=>{s.value===t&&(this.selection=this.selection.filter((t=>t.value!==s.value)),s.setSelected(!1))})):this.reset(),this.handleChange(),this.selection}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:s}=document;if(s)if("ArrowDown"===t.key){const t=s.nextElementSibling?this.children.findIndex((t=>t===s.nextElementSibling)):0,o=r(this.children,t);this.children[o].focus()}else if("ArrowUp"===t.key){const t=s.nextElementSibling?this.children.findIndex((t=>t===s.previousElementSibling)):0,o=h(this.children,t);this.children[o].focus()}else"Escape"===t.key&&(this.open=!1)}handleOpenState(){var t,s;this.filter&&this.multiselect&&(this.open||(this.inputElement.value=null!==(s=null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.label)).toString())&&void 0!==s?s:null))}componentDidLoad(){this.defaultValue&&this.setDefaultOption()}render(){var t,s,i,r;if(this.options){let t=0;this.options.forEach((s=>{l(this.host,"tds-dropdown-option",[{key:"value",value:s.value},{key:"disabled",value:s.disabled.toString()}],s.label,"id"+t++)})),this.children=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName))}return d(this.host,this.name,null===(t=this.selection)||void 0===t?void 0:t.map((t=>t.value)).toString(),this.disabled),o(e,{role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&o("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),o("div",{class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?o("div",{class:`filter ${this.filterFocus?"focus":""}\n ${this.disabled?"disabled":""}`},o("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(s=this.selection)||void 0===s?void 0:s.length)?"selected":""}\n `},this.label),o("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.placeholder,value:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.handleBlur(t)},onFocus:t=>{this.open=!0,this.filterFocus=!0,this.handleFocus(t)},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),o("tds-icon",{onClick:()=>{this.open=!this.open},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):o("button",{onClick:()=>{this.open=!this.open},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n ${this.selection?"value":"placeholder"}\n ${this.open?"open":"closed"}\n ${this.error?"error":""}\n `,disabled:this.disabled},o("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n label-inside-as-placeholder\n ${this.size}\n ${(null===(i=this.selection)||void 0===i?void 0:i.length)?"selected":""}\n `},this.label),o("div",{class:`placeholder ${this.size}`},(null===(r=this.selection)||void 0===r?void 0:r.length)?this.getValue():this.placeholder),o("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),o("div",{ref:t=>this.dropdownList=t,class:`dropdown-list\n ${this.size}\n ${this.open?"open":"closed"}\n ${this.getOpenDirection()}\n ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},o("slot",null),0===this.filterResult&&o("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&o("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&o("tds-icon",{name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};a.style=':host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:4px 4px 0 0}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color)}:host button.value{color:var(--tds-dropdown-value-color)}:host button:focus{border-bottom-color:transparent}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{margin-right:16px;z-index:101}:host{display:block;position:relative;z-index:100;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{position:absolute;margin-top:1px;width:100%;transform-origin:top;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list::-webkit-scrollbar{width:4px;background-color:inherit}:host .dropdown-list::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .dropdown-list ::-webkit-scrollbar-button{height:0;width:0}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}:host .dropdown-list .no-result{display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}';export{a as tds_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,c as t,h as i}from"./p-8462c18c.js";import{g as e}from"./p-72fced16.js";const d=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.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=e()}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.readonlyState=this.readOnly,this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.scrubberSize,this.useSnapping=this.snap,this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!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":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},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"})))))}};d.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{d as tds_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as s}from"./p-8462c18c.js";import{
|
|
1
|
+
import{r as t,h as o,H as e,g as s}from"./p-8462c18c.js";import{k as n}from"./p-72fced16.js";const d=class{constructor(o){t(this,o),this.selected=!1,this.active=!1,this.collapsed=!1}updateSlotted(t,o){const e=this.slotEl.assignedElements({flatten:!0})[0];if(e){const s=n(e,t);s&&o(s)}}updateSlottedElements(){this.slotEl&&this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>{t.classList.add("__tds-side-menu-item-icon"),this.collapsed?t.classList.add("__tds-side-menu-item-icon-collapsed"):t.classList.remove("__tds-side-menu-item-icon-collapsed")}))}connectedCallback(){this.sideMenuEl=this.host.closest("tds-side-menu")}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements)}collapseSideMenuEventHandler(t){this.collapsed=t.detail.collapsed,this.updateSlottedElements()}render(){return o(e,null,o("div",{class:{component:!0,"component-selected":this.selected,"component-active":this.active,"component-collapsed":this.collapsed}},o("slot",null)))}get host(){return s(this)}};d.style=":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:12px;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";export{d as tds_side_menu_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as d,g as i}from"./p-8462c18c.js";import{h as l}from"./p-9dc14c21.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.type="text",this.labelPosition="no-label",this.label="",this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleInput(t){this.tdsInput.emit(t),this.value=t.target.value}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{class:`\n ${this.noMinWidth?"form-text-field-nomin":""}\n ${this.focusInput&&!this.disabled?"form-text-field text-field-focus":" form-text-field"}\n ${this.value?"text-field-data":""}\n ${"inside"===this.labelPosition&&"sm"!==this.size?"text-field-container-label-inside":""}\n ${this.disabled?"form-text-field-disabled":""}\n ${this.readOnly?"form-text-field-readonly":""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n ${"md"===this.size?"form-text-field-md":""}\n ${"sm"===this.size?"form-text-field-sm":""}\n ${"error"===this.state||"success"===this.state?`form-text-field-${this.state}`:""}\n `},"outside"===this.labelPosition&&d("div",{class:"text-field-label-outside"},d("div",null,this.label)),d("div",{onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{class:`text-field-slot-wrap-prefix text-field-${this.state}`},d("slot",{name:"prefix"})),d("div",{class:"text-field-input-container"},d("input",{ref:t=>this.textInput=t,class:`text-field-input text-field-input-${this.size}`,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)}}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{class:"text-field-label-inside"},this.label)),d("div",{class:"text-field-bar"}),i&&d("div",{class:`text-field-slot-wrap-suffix text-field-${this.state}`},d("slot",{name:"suffix"})),d("span",{class:"text-field-icon__readonly"},d("tds-icon",{name:"edit_inactive",size:"20px"})),d("span",{class:"text-field-icon__readonly-label"},"This field is non-editable")),d("div",{class:"text-field-helper"},"error"===this.state&&d("div",{class:"text-field-helper-error-state"},d("tds-icon",{name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,this.maxLength>0&&d("div",{class:"text-field-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,d("span",{class:"text-field-textcounter-divider"}," / "),this.maxLength)))}get host(){return i(this)}};s.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-lg.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-md.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-sm.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:18px;color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--tds-text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{pointer-events:none}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{padding-right:54px;background-color:transparent}.form-text-field-success.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.sc-tds-text-field .text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{s as tds_text_field}
|
|
1
|
+
import{r as t,c as e,h as d,g as i}from"./p-8462c18c.js";import{h as l}from"./p-72fced16.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.type="text",this.labelPosition="no-label",this.label="",this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleInput(t){this.tdsInput.emit(t),this.value=t.target.value}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{class:`\n ${this.noMinWidth?"form-text-field-nomin":""}\n ${this.focusInput&&!this.disabled?"form-text-field text-field-focus":" form-text-field"}\n ${this.value?"text-field-data":""}\n ${"inside"===this.labelPosition&&"sm"!==this.size?"text-field-container-label-inside":""}\n ${this.disabled?"form-text-field-disabled":""}\n ${this.readOnly?"form-text-field-readonly":""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n ${"md"===this.size?"form-text-field-md":""}\n ${"sm"===this.size?"form-text-field-sm":""}\n ${"error"===this.state||"success"===this.state?`form-text-field-${this.state}`:""}\n `},"outside"===this.labelPosition&&d("div",{class:"text-field-label-outside"},d("div",null,this.label)),d("div",{onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{class:`text-field-slot-wrap-prefix text-field-${this.state}`},d("slot",{name:"prefix"})),d("div",{class:"text-field-input-container"},d("input",{ref:t=>this.textInput=t,class:`text-field-input text-field-input-${this.size}`,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)}}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{class:"text-field-label-inside"},this.label)),d("div",{class:"text-field-bar"}),i&&d("div",{class:`text-field-slot-wrap-suffix text-field-${this.state}`},d("slot",{name:"suffix"})),d("span",{class:"text-field-icon__readonly"},d("tds-icon",{name:"edit_inactive",size:"20px"})),d("span",{class:"text-field-icon__readonly-label"},"This field is non-editable")),d("div",{class:"text-field-helper"},"error"===this.state&&d("div",{class:"text-field-helper-error-state"},d("tds-icon",{name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,this.maxLength>0&&d("div",{class:"text-field-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,d("span",{class:"text-field-textcounter-divider"}," / "),this.maxLength)))}get host(){return i(this)}};s.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-lg.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-md.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{opacity:1;color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-sm.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:18px;color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--tds-text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{pointer-events:none}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{padding-right:54px;background-color:transparent}.form-text-field-success.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.sc-tds-text-field .text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{s as tds_text_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as o,H as t,g as e}from"./p-8462c18c.js";import{j as r}from"./p-72fced16.js";const i=class{constructor(o){s(this,o),this.inheritedAttributes=[],this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8}componentWillLoad(){this.inheritedAttributes=r(this.host,["style","class"])}render(){var s;return o(t,null,o("tds-popover-core",{class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance},o("slot",null)))}get host(){return e(this)}};i.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:800}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}";export{i as tds_popover_menu}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,h as s,H as t}from"./p-8462c18c.js";const e=class{constructor(s){r(this,s),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.header=void 0,this.modeVariant=null,this.variant="information",this.noIcon=!1,this.minimal=!1}render(){return s(t,null,s("div",{class:`\n wrapper ${this.variant}\n ${this.minimal?"minimal":""}\n ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},!this.noIcon&&s("tds-icon",{name:this.getIconName(),size:"20px"}),s("div",{class:"content"},this.header&&s("div",{class:"header"},this.header),!this.minimal&&s("div",{class:"extended-message"},s("slot",null)))))}};e.style=":host .wrapper{display:flex;padding:16px;background-color:var(--tds-message-background);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{background-color:var(--tds-message-type-error-background);border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper.minimal{border:none;display:flex;align-items:center;padding:0;background-color:transparent}:host .wrapper.minimal .header{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .wrapper.minimal.error .header{color:var(--tds-negative)}:host tds-icon{padding-right:16px}:host .content{display:flex;flex-direction:column;gap:4px;color:var(--tds-message-color);padding:2px 0}:host .content .header{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls)}:host .content .extended-message{color:var(--tds-message-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .tds-mode-variant-primary{--tds-message-background:var(--tds-message-background-primary)}:host .tds-mode-variant-secondary{--tds-message-background:var(--tds-message-background-secondary)}";export{e as tds_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as h}from"./p-8462c18c.js";import{g as n}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as h}from"./p-8462c18c.js";import{g as n}from"./p-72fced16.js";const a=class{constructor(i){t(this,i),this.internalTdsPropsChange=e(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=n()}componentWillLoad(){this.host.children[0].classList.add("first"),this.host.children[this.host.children.length-1].classList.add("last"),"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return i(s,null,i("div",{role:"list",class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},i("slot",null)))}get host(){return h(this)}static get watchers(){return{orientation:["handleDirectionChange"],labelPosition:["handleLabelPositionChange"],size:["handleSizeChange"],hideLabels:["handleHideLabelsChange"]}}};a.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{a as tds_stepper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as n,h as e,H as i,g as r}from"./p-8462c18c.js";var o="top",u="bottom",a="right",f="left",s="auto",c=[o,u,a,f],l="start",h="end",d="clippingParents",v="viewport",p="popper",b="reference",m=c.reduce((function(t,n){return t.concat([n+"-"+l,n+"-"+h])}),[]),y=[].concat(c,[s]).reduce((function(t,n){return t.concat([n,n+"-"+l,n+"-"+h])}),[]),g=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function x(t){return t?(t.nodeName||"").toLowerCase():null}function w(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function O(t){return t instanceof w(t).Element||t instanceof Element}function j(t){return t instanceof w(t).HTMLElement||t instanceof HTMLElement}function k(t){return"undefined"!=typeof ShadowRoot&&(t instanceof w(t).ShadowRoot||t instanceof ShadowRoot)}function E(t){return t.split("-")[0]}var C=Math.max,M=Math.min,A=Math.round;function R(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function S(){return!/^((?!chrome|android).)*safari/i.test(R())}function T(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var i=t.getBoundingClientRect(),r=1,o=1;n&&j(t)&&(r=t.offsetWidth>0&&A(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&A(i.height)/t.offsetHeight||1);var u=(O(t)?w(t):window).visualViewport,a=!S()&&e,f=(i.left+(a&&u?u.offsetLeft:0))/r,s=(i.top+(a&&u?u.offsetTop:0))/o,c=i.width/r,l=i.height/o;return{width:c,height:l,top:s,right:f+c,bottom:s+l,left:f,x:f,y:s}}function q(t){var n=T(t),e=t.offsetWidth,i=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-i)<=1&&(i=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:i}}function B(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&k(e)){var i=n;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function P(t){return w(t).getComputedStyle(t)}function L(t){return["table","td","th"].indexOf(x(t))>=0}function W(t){return((O(t)?t.ownerDocument:t.document)||window.document).documentElement}function H(t){return"html"===x(t)?t:t.assignedSlot||t.parentNode||(k(t)?t.host:null)||W(t)}function z(t){return j(t)&&"fixed"!==P(t).position?t.offsetParent:null}function I(t){for(var n=w(t),e=z(t);e&&L(e)&&"static"===P(e).position;)e=z(e);return e&&("html"===x(e)||"body"===x(e)&&"static"===P(e).position)?n:e||function(t){var n=/firefox/i.test(R());if(/Trident/i.test(R())&&j(t)&&"fixed"===P(t).position)return null;var e=H(t);for(k(e)&&(e=e.host);j(e)&&["html","body"].indexOf(x(e))<0;){var i=P(e);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||n&&"filter"===i.willChange||n&&i.filter&&"none"!==i.filter)return e;e=e.parentNode}return null}(t)||n}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function _(t,n,e){return C(t,M(n,e))}function U(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function F(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function V(t){return t.split("-")[1]}var G={top:"auto",right:"auto",bottom:"auto",left:"auto"};function J(t){var n,e=t.popper,i=t.popperRect,r=t.placement,s=t.variation,c=t.offsets,l=t.position,d=t.gpuAcceleration,v=t.adaptive,p=t.roundOffsets,b=t.isFixed,m=c.x,y=void 0===m?0:m,g=c.y,x=void 0===g?0:g,O="function"==typeof p?p({x:y,y:x}):{x:y,y:x};y=O.x,x=O.y;var j=c.hasOwnProperty("x"),k=c.hasOwnProperty("y"),E=f,C=o,M=window;if(v){var R=I(e),S="clientHeight",T="clientWidth";R===w(e)&&"static"!==P(R=W(e)).position&&"absolute"===l&&(S="scrollHeight",T="scrollWidth"),(r===o||(r===f||r===a)&&s===h)&&(C=u,x-=(b&&R===M&&M.visualViewport?M.visualViewport.height:R[S])-i.height,x*=d?1:-1),r!==f&&(r!==o&&r!==u||s!==h)||(E=a,y-=(b&&R===M&&M.visualViewport?M.visualViewport.width:R[T])-i.width,y*=d?1:-1)}var q,B=Object.assign({position:l},v&&G),L=!0===p?function(t,n){var e=t.y,i=n.devicePixelRatio||1;return{x:A(t.x*i)/i||0,y:A(e*i)/i||0}}({x:y,y:x},w(e)):{x:y,y:x};return y=L.x,x=L.y,Object.assign({},B,d?((q={})[C]=k?"0":"",q[E]=j?"0":"",q.transform=(M.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",q):((n={})[C]=k?x+"px":"",n[E]=j?y+"px":"",n.transform="",n))}var K={passive:!0},N={left:"right",right:"left",bottom:"top",top:"bottom"};function Q(t){return t.replace(/left|right|bottom|top/g,(function(t){return N[t]}))}var X={start:"end",end:"start"};function Y(t){return t.replace(/start|end/g,(function(t){return X[t]}))}function Z(t){var n=w(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function $(t){return T(W(t)).left+Z(t).scrollLeft}function tt(t){var n=P(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function nt(t){return["html","body","#document"].indexOf(x(t))>=0?t.ownerDocument.body:j(t)&&tt(t)?t:nt(H(t))}function et(t,n){var e;void 0===n&&(n=[]);var i=nt(t),r=i===(null==(e=t.ownerDocument)?void 0:e.body),o=w(i),u=r?[o].concat(o.visualViewport||[],tt(i)?i:[]):i,a=n.concat(u);return r?a:a.concat(et(H(u)))}function it(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function rt(t,n,e){return n===v?it(function(t,n){var e=w(t),i=W(t),r=e.visualViewport,o=i.clientWidth,u=i.clientHeight,a=0,f=0;if(r){o=r.width,u=r.height;var s=S();(s||!s&&"fixed"===n)&&(a=r.offsetLeft,f=r.offsetTop)}return{width:o,height:u,x:a+$(t),y:f}}(t,e)):O(n)?function(t,n){var e=T(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):it(function(t){var n,e=W(t),i=Z(t),r=null==(n=t.ownerDocument)?void 0:n.body,o=C(e.scrollWidth,e.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),u=C(e.scrollHeight,e.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),a=-i.scrollLeft+$(t),f=-i.scrollTop;return"rtl"===P(r||e).direction&&(a+=C(e.clientWidth,r?r.clientWidth:0)-o),{width:o,height:u,x:a,y:f}}(W(t)))}function ot(t){var n,e=t.reference,i=t.element,r=t.placement,s=r?E(r):null,c=r?V(r):null,d=e.x+e.width/2-i.width/2,v=e.y+e.height/2-i.height/2;switch(s){case o:n={x:d,y:e.y-i.height};break;case u:n={x:d,y:e.y+e.height};break;case a:n={x:e.x+e.width,y:v};break;case f:n={x:e.x-i.width,y:v};break;default:n={x:e.x,y:e.y}}var p=s?D(s):null;if(null!=p){var b="y"===p?"height":"width";switch(c){case l:n[p]=n[p]-(e[b]/2-i[b]/2);break;case h:n[p]=n[p]+(e[b]/2-i[b]/2)}}return n}function ut(t,n){void 0===n&&(n={});var e=n.placement,i=void 0===e?t.placement:e,r=n.strategy,f=void 0===r?t.strategy:r,s=n.boundary,l=void 0===s?d:s,h=n.rootBoundary,m=void 0===h?v:h,y=n.elementContext,g=void 0===y?p:y,w=n.altBoundary,k=void 0!==w&&w,E=n.padding,A=void 0===E?0:E,R=U("number"!=typeof A?A:F(A,c)),S=t.rects.popper,q=t.elements[k?g===p?b:p:g],L=function(t,n,e,i){var r="clippingParents"===n?function(t){var n=et(H(t)),e=["absolute","fixed"].indexOf(P(t).position)>=0&&j(t)?I(t):t;return O(e)?n.filter((function(t){return O(t)&&B(t,e)&&"body"!==x(t)})):[]}(t):[].concat(n),o=[].concat(r,[e]),u=o.reduce((function(n,e){var r=rt(t,e,i);return n.top=C(r.top,n.top),n.right=M(r.right,n.right),n.bottom=M(r.bottom,n.bottom),n.left=C(r.left,n.left),n}),rt(t,o[0],i));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(O(q)?q:q.contextElement||W(t.elements.popper),l,m,f),z=T(t.elements.reference),D=ot({reference:z,element:S,strategy:"absolute",placement:i}),_=it(Object.assign({},S,D)),V=g===p?_:z,G={top:L.top-V.top+R.top,bottom:V.bottom-L.bottom+R.bottom,left:L.left-V.left+R.left,right:V.right-L.right+R.right},J=t.modifiersData.offset;if(g===p&&J){var K=J[i];Object.keys(G).forEach((function(t){var n=[a,u].indexOf(t)>=0?1:-1,e=[o,u].indexOf(t)>=0?"y":"x";G[t]+=K[e]*n}))}return G}function at(t,n){void 0===n&&(n={});var e=n.boundary,i=n.rootBoundary,r=n.padding,o=n.flipVariations,u=n.allowedAutoPlacements,a=void 0===u?y:u,f=V(n.placement),s=f?o?m:m.filter((function(t){return V(t)===f})):c,l=s.filter((function(t){return a.indexOf(t)>=0}));0===l.length&&(l=s);var h=l.reduce((function(n,o){return n[o]=ut(t,{placement:o,boundary:e,rootBoundary:i,padding:r})[E(o)],n}),{});return Object.keys(h).sort((function(t,n){return h[t]-h[n]}))}const ft={name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name;if(!n.modifiersData[i]._skip){for(var r=e.mainAxis,c=void 0===r||r,h=e.altAxis,d=void 0===h||h,v=e.fallbackPlacements,p=e.padding,b=e.boundary,m=e.rootBoundary,y=e.altBoundary,g=e.flipVariations,x=void 0===g||g,w=e.allowedAutoPlacements,O=n.options.placement,j=E(O),k=v||(j!==O&&x?function(t){if(E(t)===s)return[];var n=Q(t);return[Y(t),n,Y(n)]}(O):[Q(O)]),C=[O].concat(k).reduce((function(t,e){return t.concat(E(e)===s?at(n,{placement:e,boundary:b,rootBoundary:m,padding:p,flipVariations:x,allowedAutoPlacements:w}):e)}),[]),M=n.rects.reference,A=n.rects.popper,R=new Map,S=!0,T=C[0],q=0;q<C.length;q++){var B=C[q],P=E(B),L=V(B)===l,W=[o,u].indexOf(P)>=0,H=W?"width":"height",z=ut(n,{placement:B,boundary:b,rootBoundary:m,altBoundary:y,padding:p}),I=W?L?a:f:L?u:o;M[H]>A[H]&&(I=Q(I));var D=Q(I),_=[];if(c&&_.push(z[P]<=0),d&&_.push(z[I]<=0,z[D]<=0),_.every((function(t){return t}))){T=B,S=!1;break}R.set(B,_)}if(S)for(var U=function(t){var n=C.find((function(n){var e=R.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return T=n,"break"},F=x?3:1;F>0&&"break"!==U(F);F--);n.placement!==T&&(n.modifiersData[i]._skip=!0,n.placement=T,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function st(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function ct(t){return[o,a,u,f].some((function(n){return t[n]>=0}))}function lt(t,n,e){void 0===e&&(e=!1);var i,r,o=j(n),u=j(n)&&function(t){var n=t.getBoundingClientRect(),e=A(n.width)/t.offsetWidth||1,i=A(n.height)/t.offsetHeight||1;return 1!==e||1!==i}(n),a=W(n),f=T(t,u,e),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(o||!o&&!e)&&(("body"!==x(n)||tt(a))&&(s=(i=n)!==w(i)&&j(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:Z(i)),j(n)?((c=T(n,!0)).x+=n.clientLeft,c.y+=n.clientTop):a&&(c.x=$(a))),{x:f.left+s.scrollLeft-c.x,y:f.top+s.scrollTop-c.y,width:f.width,height:f.height}}function ht(t){var n=new Map,e=new Set,i=[];function r(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var i=n.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||r(t)})),i}var dt={placement:"bottom",modifiers:[],strategy:"absolute"};function vt(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function pt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,i=t.defaultOptions,r=void 0===i?dt:i;return function(t,n,i){void 0===i&&(i=r);var o,u,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},dt,r),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},f=[],s=!1,c={state:a,setOptions:function(i){var o="function"==typeof i?i(a.options):i;l(),a.options=Object.assign({},r,a.options,o),a.scrollParents={reference:O(t)?et(t):t.contextElement?et(t.contextElement):[],popper:et(n)};var u,s,h=function(t){var n=ht(t);return g.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((u=[].concat(e,a.options.modifiers),s=u.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return a.orderedModifiers=h.filter((function(t){return t.enabled})),a.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var i=e({state:a,name:t.name,instance:c,options:void 0===n?{}:n});f.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=a.elements,n=t.reference,e=t.popper;if(vt(n,e)){a.rects={reference:lt(n,I(e),"fixed"===a.options.strategy),popper:q(e)},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(t){return a.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<a.orderedModifiers.length;i++)if(!0!==a.reset){var r=a.orderedModifiers[i],o=r.fn,u=r.options;"function"==typeof o&&(a=o({state:a,options:void 0===u?{}:u,name:r.name,instance:c})||a)}else a.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){c.forceUpdate(),t(a)}))},function(){return u||(u=new Promise((function(t){Promise.resolve().then((function(){u=void 0,t(o())}))}))),u}),destroy:function(){l(),s=!0}};if(!vt(t,n))return c;function l(){f.forEach((function(t){return t()})),f=[]}return c.setOptions(i).then((function(t){!s&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var bt=pt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,u=i.resize,a=void 0===u||u,f=w(n.elements.popper),s=[].concat(n.scrollParents.reference,n.scrollParents.popper);return o&&s.forEach((function(t){t.addEventListener("scroll",e.update,K)})),a&&f.addEventListener("resize",e.update,K),function(){o&&s.forEach((function(t){t.removeEventListener("scroll",e.update,K)})),a&&f.removeEventListener("resize",e.update,K)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=ot({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,i=e.gpuAcceleration,r=void 0===i||i,o=e.adaptive,u=void 0===o||o,a=e.roundOffsets,f=void 0===a||a,s={placement:E(n.placement),variation:V(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:r,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,J(Object.assign({},s,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:u,roundOffsets:f})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,J(Object.assign({},s,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},i=n.attributes[t]||{},r=n.elements[t];j(r)&&x(r)&&(Object.assign(r.style,e),Object.keys(i).forEach((function(t){var n=i[t];!1===n?r.removeAttribute(t):r.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var i=n.elements[t],r=n.attributes[t]||{},o=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});j(i)&&x(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,u=y.reduce((function(t,e){return t[e]=function(t,n,e){var i=E(t),r=[f,o].indexOf(i)>=0?-1:1,u="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=u[0],c=u[1];return s=s||0,c=(c||0)*r,[f,a].indexOf(i)>=0?{x:c,y:s}:{x:s,y:c}}(e,n.rects,r),t}),{}),s=u[n.placement],c=s.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=s.x,n.modifiersData.popperOffsets.y+=c),n.modifiersData[e]=u}},ft,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name,r=e.mainAxis,s=void 0===r||r,c=e.altAxis,h=void 0!==c&&c,d=e.tether,v=void 0===d||d,p=e.tetherOffset,b=void 0===p?0:p,m=ut(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),y=E(n.placement),g=V(n.placement),x=!g,w=D(y),O="x"===w?"y":"x",j=n.modifiersData.popperOffsets,k=n.rects.reference,A=n.rects.popper,R="function"==typeof b?b(Object.assign({},n.rects,{placement:n.placement})):b,S="number"==typeof R?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),T=n.modifiersData.offset?n.modifiersData.offset[n.placement]:null,B={x:0,y:0};if(j){if(s){var P,L="y"===w?o:f,W="y"===w?u:a,H="y"===w?"height":"width",z=j[w],U=z+m[L],F=z-m[W],G=v?-A[H]/2:0,J=g===l?k[H]:A[H],K=g===l?-A[H]:-k[H],N=n.elements.arrow,Q=v&&N?q(N):{width:0,height:0},X=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[L],Z=X[W],$=_(0,k[H],Q[H]),tt=x?k[H]/2-G-$-Y-S.mainAxis:J-$-Y-S.mainAxis,nt=x?-k[H]/2+G+$+Z+S.mainAxis:K+$+Z+S.mainAxis,et=n.elements.arrow&&I(n.elements.arrow),it=null!=(P=null==T?void 0:T[w])?P:0,rt=z+nt-it,ot=_(v?M(U,z+tt-it-(et?"y"===w?et.clientTop||0:et.clientLeft||0:0)):U,z,v?C(F,rt):F);j[w]=ot,B[w]=ot-z}if(h){var at,ft=j[O],st="y"===O?"height":"width",ct=ft+m["x"===w?o:f],lt=ft-m["x"===w?u:a],ht=-1!==[o,f].indexOf(y),dt=null!=(at=null==T?void 0:T[O])?at:0,vt=ht?ct:ft-k[st]-A[st]-dt+S.altAxis,pt=ht?ft+k[st]+A[st]-dt-S.altAxis:lt,bt=v&&ht?function(t,n,e){var i=_(t,n,e);return i>e?e:i}(vt,ft,pt):_(v?vt:ct,ft,v?pt:lt);j[O]=bt,B[O]=bt-ft}n.modifiersData[i]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,i=t.name,r=t.options,s=e.elements.arrow,l=e.modifiersData.popperOffsets,h=E(e.placement),d=D(h),v=[f,a].indexOf(h)>=0?"height":"width";if(s&&l){var p=function(t,n){return U("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:F(t,c))}(r.padding,e),b=q(s),m="y"===d?o:f,y="y"===d?u:a,g=e.rects.reference[v]+e.rects.reference[d]-l[d]-e.rects.popper[v],x=l[d]-e.rects.reference[d],w=I(s),O=w?"y"===d?w.clientHeight||0:w.clientWidth||0:0,j=O/2-b[v]/2+(g/2-x/2),k=_(p[m],j,O-b[v]-p[y]);e.modifiersData[i]=((n={})[d]=k,n.centerOffset=k-j,n)}},effect:function(t){var n=t.state,e=t.options.element,i=void 0===e?"[data-popper-arrow]":e;null!=i&&("string"!=typeof i||(i=n.elements.popper.querySelector(i)))&&B(n.elements.popper,i)&&(n.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,i=n.rects.reference,r=n.rects.popper,o=n.modifiersData.preventOverflow,u=ut(n,{elementContext:"reference"}),a=ut(n,{altBoundary:!0}),f=st(u,i),s=st(a,r,o),c=ct(f),l=ct(s);n.modifiersData[e]={referenceClippingOffsets:f,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:l},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":l})}}]});const mt=class{constructor(e){t(this,e),this.tdsShow=n(this,"internalTdsShow",0),this.tdsClose=n(this,"internalTdsClose",0),this.setIsShown=function(t){this.isShown="function"==typeof t?t(this.isShown):t,this.isShown?this.tdsShow.emit():this.tdsClose.emit()}.bind(this),this.onClickTarget=function(t){t.stopPropagation(),this.setIsShown((t=>!t))}.bind(this),this.handleShow=function(t){t.stopPropagation(),this.setIsShown(!0)}.bind(this),this.handleHide=function(t){t.stopPropagation(),this.setIsShown(!1)}.bind(this),this.selector="",this.referenceEl=void 0,this.show=null,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.modifiers=[],this.trigger="click",this.autoHide=!0,this.renderedShowValue=!1,this.popperInstance=void 0,this.target=void 0,this.isShown=!1}onAnyClick(t){"click"===this.trigger&&this.isShown&&null===this.show&&!t.composedPath().includes(this.host)&&this.setIsShown(!1)}onShowChange(t){this.setIsShown(t)}onReferenceElChanged(t,n){t!==n&&this.initialize({referenceEl:t,trigger:this.trigger})}onTriggerChanged(t){this.initialize({referenceEl:this.referenceEl,trigger:t})}initialize({referenceEl:t,trigger:n}){this.cleanUp(),this.target=void 0!==t?t:this.selector?document.querySelector(this.selector):null,this.popperInstance=this.target?bt(this.target,this.host,{strategy:"fixed",placement:this.placement,modifiers:[{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}},...this.modifiers]}):null,this.popperInstance||console.error("Could not initialize: reference element not found."),"click"===n&&null===this.show&&this.target.addEventListener("click",this.onClickTarget),"hover"!==n&&"hover-popover"!==n||(this.target.addEventListener("focusin",this.handleShow),this.target.addEventListener("focusout",this.handleHide),this.target.addEventListener("mouseenter",this.handleShow),this.target.addEventListener("mouseleave",this.handleHide),"hover-popover"===n&&(this.host.addEventListener("mouseenter",this.handleShow),this.host.addEventListener("mouseleave",this.handleHide)))}cleanUp(){var t,n,e,i,r,o,u,a;null===(t=this.target)||void 0===t||t.removeEventListener("click",this.onClickTarget),null===(n=this.target)||void 0===n||n.removeEventListener("focusin",this.handleShow),null===(e=this.target)||void 0===e||e.removeEventListener("focusout",this.handleHide),null===(i=this.target)||void 0===i||i.removeEventListener("mouseenter",this.handleShow),null===(r=this.target)||void 0===r||r.removeEventListener("mouseleave",this.handleHide),null===(o=this.host)||void 0===o||o.removeEventListener("mouseenter",this.handleShow),null===(u=this.host)||void 0===u||u.removeEventListener("mouseleave",this.handleHide),null===(a=this.popperInstance)||void 0===a||a.destroy()}componentDidLoad(){this.initialize({referenceEl:this.referenceEl,trigger:this.trigger})}componentDidRender(){this.isShown&&!this.renderedShowValue&&this.popperInstance.update(),this.renderedShowValue=this.isShown}disconnectedCallback(){this.cleanUp()}render(){let t={};return this.autoHide&&(t={display:this.isShown?"block":"none"}),e(i,{style:t},e("slot",null))}get host(){return r(this)}static get watchers(){return{show:["onShowChange"],referenceEl:["onReferenceElChanged"],trigger:["onTriggerChanged"]}}};export{mt as tds_popover_core}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as
|
|
1
|
+
import{r as t,h as s,H as e,g as i}from"./p-8462c18c.js";import{d as o,e as l}from"./p-72fced16.js";const n=class{constructor(s){t(this,s),this.slotListeners=new Map,this.size="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const e=t[s];"size"in e&&(e.size=this.size)}let s=this.host;"tds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const e=o(s,l);e?this.headingElement=e:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const i={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(e,Object.assign({},i),s("slot",null))}get host(){return i(this)}};n.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:unset;background-color:var(--tds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([size=lg]){width:320px}";export{n as tds_header_dropdown_list}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,c,h as t,H as i,g as p}from"./p-8462c18c.js";import{g as o,h as d}from"./p-
|
|
1
|
+
import{r as s,c,h as t,H as i,g as p}from"./p-8462c18c.js";import{g as o,h as d}from"./p-72fced16.js";const h=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=o(),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(),c=d("prefix",this.host),p=d("label",this.host),o=d("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};h.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.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:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 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;background-color:var(--tds-chips-background-focus)}.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{h as tds_chip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as c,c as e,h as t,g as o}from"./p-8462c18c.js";import{g as s}from"./p-
|
|
1
|
+
import{r as c,c as e,h as t,g as o}from"./p-8462c18c.js";import{g as s}from"./p-72fced16.js";const d=class{constructor(t){c(this,t),this.tdsChange=e(this,"tdsChange",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,value:this.value})},this.name=void 0,this.checkboxId=s(),this.disabled=!1,this.required=!1,this.checked=!1,this.value=void 0}async toggleCheckbox(){return this.checked=!this.checked,{checkboxId:this.checkboxId,checked:this.checked}}handleFocus(c){this.tdsFocus.emit(c)}handleBlur(c){this.tdsBlur.emit(c)}render(){return t("div",{class:"tds-checkbox"},t("input",{"aria-checked":this.checked,"aria-required":this.required,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:c=>this.handleFocus(c),onBlur:c=>this.handleBlur(c),onChange:()=>{this.handleChange()}}),t("label",{htmlFor:this.checkboxId},t("slot",{name:"label"})))}get host(){return o(this)}};d.style='.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-color);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{border:1px solid var(--tds-checkbox-interaction-01);background-color:var(--tds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus::before{background-color:var(--tds-checkbox-background-focus);opacity:var(--tds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox::after{border-color:var(--tds-checkbox-border-color-disabled-after)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-grey-600);cursor:not-allowed}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{display:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-image:var(--tds-checkbox-background-img);background-color:var(--tds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{background-color:var(--tds-checkbox-background-hover);opacity:var(--tds-checkbox-background-opacity-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:disabled::after,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked.disabled::after{background-image:var(--tds-checkbox-background-img-disabled);background-color:var(--tds-checkbox-interaction-02);color:var(--tds-checkbox-color-disabled-after)}';export{d as tds_checkbox}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as a,g as s}from"./p-8462c18c.js";import{h as i}from"./p-72fced16.js";const r=class{constructor(o){t(this,o),this.modeVariant=null}render(){const t=i("top",this.host),s=i("start",this.host),r=i("end",this.host);return o(a,{class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("footer",null,t&&o("slot",{name:"top"}),o("div",{class:"footer-main"},o("div",{class:"footer-main-top"},s&&o("slot",{name:"start"}),r&&o("slot",{name:"end"})),o("div",{class:"footer-main-bottom"},o("small",{class:"copyright"},"Copyright © ",(new Date).getFullYear()," Scania"),o("div",{class:"brand"},o("p",null,"Scania"))))))}get host(){return s(this)}};r.style=":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{background-image:var(--tds-background-image-scania-wordmark-white-svg);background-repeat:no-repeat;background-size:117px;background-position:right;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";export{r as tds_footer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as r,g as s}from"./p-8462c18c.js";import{h as d}from"./p-72fced16.js";const n=class{constructor(o){t(this,o),this.text=void 0,this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.onlyIcon=!1}connectedCallback(){this.text||(this.onlyIcon=!0,this.host.setAttribute("only-icon",""))}render(){const t=d("label",this.host),s=d("icon",this.host);return o(r,{class:null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},o("button",{type:this.type,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:s,"only-icon":this.onlyIcon}},this.text,t&&!this.onlyIcon&&o("slot",{name:"label"}),s&&o("slot",{name:"icon"})))}get host(){return s(this)}};n.style=".sc-tds-button:root,.tds-mode-light.sc-tds-button{--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)}.sc-tds-button:root .tds-mode-variant-primary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--tds-btn-danger-background-disabled:var(--tds-btn-danger-background-disabled-primary);--tds-btn-primary-background-disabled:var(--tds-btn-primary-background-disabled-primary)}.sc-tds-button:root .tds-mode-variant-secondary.sc-tds-button,.tds-mode-light.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--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.sc-tds-button{--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.sc-tds-button .tds-mode-variant-primary.sc-tds-button{--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.sc-tds-button .tds-mode-variant-secondary.sc-tds-button{--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.sc-tds-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.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:disabled,button.disabled.sc-tds-button{cursor:unset}button.sc-tds-button:focus{outline:none}button.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:2px}button.xs.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.sm.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.md.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.lg.sc-tds-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button.fullbleed.sc-tds-button{width:inherit;display:flex;justify-content:center}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.sc-tds-button .icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color);font-size:16px}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button: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.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.sc-tds-button .icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color);font-size:16px}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button: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.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.sc-tds-button .icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color);font-size:16px}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button: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.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.sc-tds-button .icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color);font-size:16px}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button: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)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button[disabled=true].sc-tds-button-h{pointer-events:none}.sc-tds-button-htds-button[disabled=true] .sc-tds-button-s>[slot=icon]{pointer-events:none}tds-button[fullbleed].sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button:not([only-icon]){display:inline-flex;align-items:center}tds-button:not([only-icon]) .sm.sc-tds-button-s>[slot=icon],tds-button:not([only-icon]) .sm .sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button:not([only-icon]) .md.sc-tds-button-s>[slot=icon],tds-button:not([only-icon]) .md .sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button:not([only-icon]) .lg.sc-tds-button-s>[slot=icon],tds-button:not([only-icon]) .lg .sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}";export{n as tds_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as s,g as e}from"./p-8462c18c.js";import{g as i}from"./p-
|
|
1
|
+
import{r as t,h as o,H as s,g as e}from"./p-8462c18c.js";import{g as i}from"./p-72fced16.js";const r=class{constructor(o){t(this,o),this.uuid=i(),this.label=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:"icon"}),this.label,o("slot",{name:"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)}};r.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{r as tds_header_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as o,h as d,g as r}from"./p-8462c18c.js";import{g as s}from"./p-
|
|
1
|
+
import{r as t,c as o,h as d,g as r}from"./p-8462c18c.js";import{g as s}from"./p-72fced16.js";const i=class{constructor(d){t(this,d),this.tdsChange=o(this,"tdsChange",6),this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})},this.name=void 0,this.value=void 0,this.radioId=s(),this.checked=!1,this.required=!1,this.disabled=!1}render(){return d("div",{class:"tds-radio-button"},d("input",{class:"tds-form-input",type:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange()}),d("label",{htmlFor:this.radioId},d("slot",{name:"label"})))}get host(){return r(this)}};i.style='.sc-tds-radio-button:root,.tds-mode-light.sc-tds-radio-button{--tds-radio-button-color:var(--tds-grey-958);--tds-radio-button-interaction-01:var(--tds-blue-800);--tds-radio-button-interaction-02:var(--tds-white);--tds-radio-button-background-hover:var(--tds-blue-800);--tds-radio-button-background-focus:var(--tds-blue-800);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-500);--tds-radio-button-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-before:var(--tds-grey-700)}.tds-mode-dark.sc-tds-radio-button{--tds-radio-button-color:var(--tds-white);--tds-radio-button-interaction-01:var(--tds-white);--tds-radio-button-interaction-02:var(--tds-grey-958);--tds-radio-button-background-hover:var(--tds-white);--tds-radio-button-background-focus:var(--tds-white);--tds-radio-button-disabled:var(--tds-grey-600);--tds-radio-button-border-color-disabled-after:var(--tds-grey-700);--tds-radio-button-color-disabled-after:var(--tds-grey-700)}.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:24px;height:24px;left:0;top:0}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover);opacity:0.12}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus::before{background-color:var(--tds-radio-button-background-focus);opacity:0.24;animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:0.24}}';export{i as tds_radio_button}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as o,g as i}from"./p-8462c18c.js";import{
|
|
1
|
+
import{r as t,c as e,h as s,H as o,g as i}from"./p-8462c18c.js";import{k as n,l as a}from"./p-72fced16.js";const d=class{constructor(s){t(this,s),this.tdsCollapse=e(this,"tdsCollapse",7),this.internalTdsCollapse=e(this,"internalTdsCollapse",6),this.internalTdsSideMenuPropChange=e(this,"internalTdsSideMenuPropChange",6),this.handleMatchesLgBreakpointChange=t=>{!t.matches&&(this.collapsed=!1)},this.open=!1,this.persistent=!1,this.collapsed=!1,this.isUpperSlotEmpty=!1,this.isClosed=!0,this.isOpen=!1,this.isClosing=!1,this.isCollapsed=!1,this.isOpening=!1}connectedCallback(){this.matchesLgBreakpointMq=window.matchMedia("(min-width: 992px)"),this.matchesLgBreakpointMq.addEventListener("change",this.handleMatchesLgBreakpointChange),this.isCollapsed=this.collapsed}componentDidLoad(){setTimeout((()=>this.onOpenChange(this.open)),500);const t=this.host.shadowRoot.querySelector("slot:not([name])").assignedElements();(null==t?void 0:t.length)>0||(this.isUpperSlotEmpty=!0)}disconnectedCallback(){this.matchesLgBreakpointMq.removeEventListener("change",this.handleMatchesLgBreakpointChange)}async onOpenChange(t,e){t&&!e&&await this.setOpening(),!t&&e&&await this.setClosing()}onCollapsedChange(t){this.internalTdsSideMenuPropChange.emit({changed:["collapsed"],collapsed:t}),this.isCollapsed=t}onIsOpenChange(t){t&&n(this.host,a,!0).focus()}collapsedSideMenuEventHandler(t){this.collapsed=t.detail.collapsed}async setOpening(){this.isClosed=!1,await new Promise((t=>{setTimeout(t,0)})),this.isOpening=!0,await new Promise((t=>{setTimeout(t,400)})),this.isOpening=!1,this.isOpen=!0}async setClosing(){this.isOpen=!1,this.isClosing=!0,await new Promise((t=>{setTimeout(t,400)})),this.isClosing=!1,this.isClosed=!0}render(){return s(o,{role:"navigation"},s("div",{class:{wrapper:!0,"state-upper-slot-empty":this.isUpperSlotEmpty,"state-open":this.isOpen||this.isOpening,"state-closed":this.isClosed}},s("slot",{name:"overlay"}),s("aside",{class:"menu"},s("slot",{name:"close-button"}),s("div",{class:"tds-side-menu-wrapper"},s("ul",{class:"tds-side-menu-list tds-side-menu-list-upper"},s("slot",null)),s("ul",{class:"tds-side-menu-list tds-side-menu-list-end"},s("slot",{name:"end"}))),s("slot",{name:"sticky-end"}))))}get host(){return i(this)}static get watchers(){return{open:["onOpenChange"],collapsed:["onCollapsedChange"],isOpening:["onIsOpenChange"]}}};d.style=":host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-open .tds-side-menu-wrapper{transform:scaleY(1)}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host([open]){pointer-events:auto;z-index:301}}@media (min-width: 992px){:host([persistent]){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host([persistent]) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host([persistent]) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host([persistent]) .wrapper .tds-side-menu-wrapper{transform:none}:host([persistent]) .menu{width:272px}:host([persistent]) .state-closed{display:block}:host([persistent]):host([collapsed]){width:69px}:host([persistent]):host([collapsed]) .menu{width:68px}:host([persistent]) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);transition:transform 250ms ease;transform-origin:top;transform:scaleY(0);overflow-y:auto}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}aside .tds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";export{d as tds_side_menu}
|