@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
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as
|
|
1
|
+
import{r as t,h as o,H as e,g as s}from"./p-8462c18c.js";const d=class{constructor(o){t(this,o),this.selected=!1,this.size="md"}render(){return o(e,null,o("div",{class:{component:!0,"component-selected":this.selected}},o("slot",null)))}get host(){return s(this)}};d.style=":host{display:block;box-sizing:border-box;height:var(--tds-header-list-item-md-height);width:100%}:host .component{height:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border:none;display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-nav-dropdown-item-background);color:var(--tds-header-nav-item-dropdown-opened-color)}:host .component ::slotted(a:hover){background-color:var(--tds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-selected{background-color:var(--tds-nav-item-background-selected);padding-right:4px;border-left-width:4px;border-left-style:solid;border-left-color:var(--tds-nav-item-border-color-active)}:host .component-selected ::slotted(a),:host .component-selected ::slotted(button){background-color:var(--tds-nav-item-background-selected)}:host(:not(:last-child)){border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}:host([size=lg]){height:var(--tds-header-height)}:host([size=lg]) ::slotted(a),:host([size=lg]) ::slotted(button){padding:0 16px;color:var(--tds-header-app-launcher-item-color)}";export{d as tds_header_dropdown_list_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as d,c as t,h as o,H as s,g as a}from"./p-8462c18c.js";import{h as i}from"./p-
|
|
1
|
+
import{r as d,c as t,h as o,H as s,g as a}from"./p-8462c18c.js";import{h as i}from"./p-72fced16.js";const l=class{constructor(o){d(this,o),this.tdsClose=t(this,"tdsClose",7),this.handleClose=d=>{this.tdsClose.emit(d).defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.initializeReferenceElement=d=>{d&&d.addEventListener("click",(d=>{this.isShown?this.handleClose(d):this.handleShow()}))},this.setShowButton=()=>{var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&this.initializeReferenceElement(t)}},this.header=void 0,this.prevent=!1,this.size="md",this.actions="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.isShown=!1}async showModal(){this.isShown=!0}async closeModal(){this.isShown=!1}connectedCallback(){null!==this.show&&(this.isShown=this.show),this.setDismissButtons(),this.setShowButton(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ")}handleOverlayClick(d){const t=d.composedPath()[0];("tds-modal-close"===t.classList[0]||"tds-modal-backdrop"===t.classList[0]&&!1===this.prevent)&&this.handleClose(d)}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",(d=>{this.handleClose(d)}))}))}render(){const d=i("header",this.host),t=i("actions",this.host);return o(s,{onClick:d=>{this.handleOverlayClick(d)},class:"tds-modal-backdrop "+(this.isShown?"show":"hide")},o("div",{class:`tds-modal ${this.actions?`tds-modal__actions-${this.actions}`:""} ${this.size?`tds-modal-${this.size}`:""} `},o("div",{class:"header"},this.header&&o("div",{class:"header"},this.header),d&&o("slot",{name:"header"}),o("button",{class:"tds-modal-close","aria-label":"close",onClick:d=>{this.handleClose(d)}},o("tds-icon",{name:"cross",size:"20px"}))),o("div",{class:"body"},o("slot",{name:"body"})),t&&o("slot",{name:"actions"})))}get host(){return a(this)}};l.style=":root,.tds-mode-light{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-white);--tds-modal-text:var(--tds-grey-958);--tds-modal-icon:var(--tds-black);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='black'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-mode-dark{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-grey-900);--tds-modal-text:var(--tds-grey-50);--tds-modal-icon:var(--tds-white);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='white'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;padding:16px;max-height:85vh;overflow-y:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:96px;margin:0 -16px 0 0;max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{position:absolute;bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:75%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding-bottom:var(--tds-spacing-element-8);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header::before{content:\" \";position:absolute;height:16px;top:-16px;width:100%;background-color:var(--tds-modal-background)}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05);letter-spacing:var(--tds-headline-05-ls);margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:40px;overflow-y:visible;padding-right:16px;}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}@media (min-width: 1056px){.body{padding-right:64px}}.tds-modal-backdrop{box-sizing:border-box;left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--tds-modal-backdrop);padding:0 16px}.tds-modal-backdrop *{box-sizing:border-box}@media (max-width: 320px){.tds-modal-backdrop{padding:0}}.tds-modal-backdrop.show{display:flex}.tds-modal-backdrop.hide{display:none}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--tds-modal-backdrop);padding:0 16px}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}:host(.show){display:flex}:host(.hide){display:none}";export{l as tds_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e,g as o}from"./p-8462c18c.js";import{i as r}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e,g as o}from"./p-8462c18c.js";import{i as r}from"./p-72fced16.js";const i=class{constructor(s){t(this,s)}render(){const t=Object.assign({},r(this.host));return s(e,null,s("tds-header-item",null,s("button",Object.assign({},t),s("tds-icon",{class:"icon",name:"burger",size:"20px"}))))}get host(){return o(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as s,H as e,g as t}from"./p-8462c18c.js";import{d as o,e as i}from"./p-
|
|
1
|
+
import{r,h as s,H as e,g as t}from"./p-8462c18c.js";import{d as o,e as i}from"./p-72fced16.js";const d=class{constructor(s){r(this,s),this.headingElement=void 0}componentWillLoad(){const r=o(this.host,(r=>i(r)));r?this.headingElement=r:console.warn("Heading element for list not found")}render(){var r;const t={class:"tds-header-launcher-grid",role:"list","aria-labelledby":null===(r=this.headingElement)||void 0===r?void 0:r.id};return s(e,null,s("div",Object.assign({},t),s("slot",null)))}get host(){return t(this)}};d.style=".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";export{d as tds_header_launcher_grid}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as t,H as e}from"./p-8462c18c.js";import{g as a}from"./p-
|
|
1
|
+
import{r,h as t,H as e}from"./p-8462c18c.js";import{g as a}from"./p-72fced16.js";const s=class{constructor(t){r(this,t),this.uuid=a()}render(){return t(e,null,t("h3",{class:"tds-header-launcher-grid-title",id:`tds-header-launcher-grid-title-${this.uuid}`},t("slot",null)))}};s.style=".tds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--tds-detail-04);letter-spacing:var(--tds-detail-04-ls);color:var(--tds-header-app-launcher-grid-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{s as tds_header_launcher_grid_title}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";import{g as n}from"./p-
|
|
1
|
+
import{r as e,c as t,h as s,H as a,g as i}from"./p-8462c18c.js";import{g as n}from"./p-72fced16.js";const d=class{constructor(s){e(this,s),this.internalTdsTablePropChange=t(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=void 0,this.enableMultiselect=!1,this.enableExpandableRows=!1,this.enableResponsive=!1,this.modeVariant=null,this.tableId=n()}emitInternalTdsPropChange(e,t){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[e],[e]:t})}enableMultiselectChanged(e){this.emitInternalTdsPropChange("enableMultiselect",e)}enableExpandableRowsChanged(e){this.emitInternalTdsPropChange("enableExpandableRows",e)}compactDesignChanged(e){this.emitInternalTdsPropChange("compactDesign",e)}verticalDividersChanged(e){this.emitInternalTdsPropChange("verticalDividers",e)}noMinWidthChanged(e){this.emitInternalTdsPropChange("noMinWidth",e)}modeVariantChanged(e){this.emitInternalTdsPropChange("modeVariant",e)}render(){return s(a,{class:{"tds-table--responsive":this.enableResponsive}},s("table",{class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--responsive":this.enableResponsive}},s("slot",null)))}get host(){return i(this)}static get watchers(){return{enableMultiselect:["enableMultiselectChanged"],enableExpandableRows:["enableExpandableRowsChanged"],compactDesign:["compactDesignChanged"],verticalDividers:["verticalDividersChanged"],noMinWidth:["noMinWidthChanged"],modeVariant:["modeVariantChanged"]}}};d.style=":host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}";export{d as tds_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,g as s}from"./p-8462c18c.js";import{
|
|
1
|
+
import{r as t,h as e,H as o,g as s}from"./p-8462c18c.js";import{k as r}from"./p-72fced16.js";const d=class{constructor(e){t(this,e)}render(){return e(o,null,e("div",{class:"item"},e("slot",null)))}};d.style=":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";const n=class{constructor(e){t(this,e),this.active=!1,this.selected=!1}updateSlotted(t,e){const o=this.slotEl.assignedElements({flatten:!0})[0];if(o){const s=r(o,t);s&&e(s)}}updateSlottedElements(){this.slotEl&&(this.updateSlotted((t=>"tds-icon"===t.tagName.toLowerCase()||"svg"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-icon"))),this.updateSlotted((t=>"img"===t.tagName.toLowerCase()),(t=>t.classList.add("__tds-header-item-image"))))}componentDidLoad(){this.slotEl=this.host.shadowRoot.querySelector("slot"),this.updateSlottedElements(),this.slotEl.addEventListener("slotchange",this.updateSlottedElements)}render(){return e(o,null,e("tds-core-header-item",{class:{"component-active":this.active,"component-selected":this.selected}},e("slot",null)))}get host(){return s(this)}};n.style=":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";export{d as tds_core_header_item,n as tds_header_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,h as o,H as t,g as r}from"./p-8462c18c.js";import{j as i}from"./p-72fced16.js";const a=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,this.modifiers=[]}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return o(t,null,o("tds-popover-core",Object.assign({},this.inheritedAttributes,{class:{"tds-popover-canvas":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,modifiers:this.modifiers,trigger:"click"}),o("div",null,o("slot",null))))}get host(){return r(this)}};a.style=".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow: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-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";export{a as tds_popover_canvas}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as d,H as t,g as a}from"./p-8462c18c.js";import{u as s,i as r}from"./p-
|
|
1
|
+
import{r as e,h as d,H as t,g as a}from"./p-8462c18c.js";import{u as s,i as r}from"./p-72fced16.js";const n=class{constructor(d){e(this,d),this.observer=new MutationObserver((e=>{e.forEach((e=>{"childList"===e.type&&s(e.target)}))}))}componentDidLoad(){const e=this.host.querySelector(".tds-header-component-list");this.observer.observe(e,{childList:!0,subtree:!1}),s(e)}disconnectedCallback(){this.observer.disconnect()}render(){const e=Object.assign({},r(this.host));return d(t,null,d("slot",{name:"hamburger"}),d("slot",{name:"title"}),d("nav",Object.assign({},e),d("ul",{class:"tds-header-component-list"},d("slot",null),d("li",{class:"tds-header-middle-spacer"}),d("slot",{name:"end"}))))}get host(){return a(this)}};n.style='html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:"Scania Sans Headline", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}';export{n as tds_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as s,h as o,H as e,g as r}from"./p-8462c18c.js";import{g as a,h as i}from"./p-72fced16.js";const n=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=a(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.toastRole="alert"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}render(){const t=i("header",this.host),s=i("subheader",this.host),r=i("bottom",this.host);return o(e,{toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:this.hidden?"hide":"show"},o("div",{class:`\n wrapper\n ${this.variant}`},o("tds-icon",{name:this.getIconName(),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"})),r&&o("div",{class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{name:"bottom"}))),o("button",{onClick:()=>{this.handleClose()},class:"close"},o("tds-icon",{name:"cross",size:"20px"}))))}get host(){return r(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:700}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);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{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 button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){margin-top:4px;color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom.subheader{margin-top:16px}:host .content .toast-bottom.no-subheader{margin-top:4px}:host slot[name=bottom]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";export{n as tds_toast}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as d,c as a,h as r,H as e,g as s}from"./p-8462c18c.js";import{h as t,g as i}from"./p-
|
|
1
|
+
import{r as d,c as a,h as r,H as e,g as s}from"./p-8462c18c.js";import{h as t,g as i}from"./p-72fced16.js";const o=class{constructor(e){d(this,e),this.tdsClick=a(this,"tdsClick",6),this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const d=t("header",this.host),a=t("subheader",this.host),e=t("thumbnail",this.host);return r("div",{class:"card-header"},e&&r("slot",{name:"thumbnail"}),r("div",{class:"header-subheader"},this.header&&r("span",{class:"header"},this.header),d&&r("slot",{name:"header"}),this.subheader&&r("span",{class:"subheader"},this.subheader),a&&r("slot",{name:"subheader"})))},this.getCardContent=()=>{const d=t("body",this.host),a=t("body-image",this.host),e=t("bottom",this.host);return r("div",null,"below-header"===this.imagePlacement&&this.getCardHeader(),r("div",{class:"card-body"},a&&r("slot",{name:"body-image"}),this.bodyImg&&r("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&r("tds-divider",null),d&&r("slot",{name:"body"})),e&&r("slot",{name:"bottom"}))},this.modeVariant=null,this.imagePlacement="below-header",this.header=void 0,this.subheader=void 0,this.bodyImg=void 0,this.bodyImgAlt=void 0,this.bodyDivider=!1,this.clickable=!1,this.cardId=i()}render(){return r(e,{class:this.modeVariant&&`tds-mode-variant-${this.modeVariant}`},this.clickable?r("button",{class:`card ${this.clickable?"clickable":""} ${this.imagePlacement}`,onClick:()=>{this.clickable&&this.handleClick()}},this.getCardContent()):r("div",{class:`card ${this.clickable?"clickable":""} ${this.imagePlacement}`},this.getCardContent()))}get host(){return s(this)}};o.style=".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .header-subheader{display:flex;flex-direction:column;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls);color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=bottom]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}";export{o as tds_card}
|