@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,80 +1,30 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import {
|
|
2
|
+
import { j as inheritAttributes } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
|
-
const popoverMenuCss = "
|
|
4
|
+
const popoverMenuCss = ".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}";
|
|
5
5
|
|
|
6
6
|
const TdsPopoverMenu = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
|
+
this.inheritedAttributes = [];
|
|
9
10
|
this.selector = '';
|
|
10
11
|
this.referenceEl = undefined;
|
|
11
|
-
this.show =
|
|
12
|
+
this.show = null;
|
|
12
13
|
this.placement = 'auto';
|
|
13
14
|
this.offsetSkidding = 0;
|
|
14
15
|
this.offsetDistance = 8;
|
|
15
|
-
this.renderedShowValue = false;
|
|
16
|
-
this.popperInstance = undefined;
|
|
17
|
-
this.target = undefined;
|
|
18
16
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
this.show = false;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
componentDidLoad() {
|
|
25
|
-
var _a;
|
|
26
|
-
this.target = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
|
|
27
|
-
this.renderedShowValue = this.show;
|
|
28
|
-
this.popperInstance = createPopper(this.target, this.popoverMenuElement, {
|
|
29
|
-
strategy: 'fixed',
|
|
30
|
-
placement: this.placement,
|
|
31
|
-
modifiers: [
|
|
32
|
-
{
|
|
33
|
-
name: 'offset',
|
|
34
|
-
options: {
|
|
35
|
-
offset: [this.offsetSkidding, this.offsetDistance],
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
],
|
|
39
|
-
});
|
|
40
|
-
const showMenu = () => {
|
|
41
|
-
this.show = true;
|
|
42
|
-
};
|
|
43
|
-
const hideMenu = () => {
|
|
44
|
-
this.show = false;
|
|
45
|
-
};
|
|
46
|
-
this.target.addEventListener('mousedown', (event) => {
|
|
47
|
-
event.stopPropagation();
|
|
48
|
-
if (this.show) {
|
|
49
|
-
hideMenu();
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
showMenu();
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
this.popoverMenuElement.addEventListener('mousemove', (event) => {
|
|
56
|
-
event.stopPropagation();
|
|
57
|
-
});
|
|
58
|
-
this.popoverMenuElement.addEventListener('mousedown', (event) => {
|
|
59
|
-
event.stopPropagation();
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
componentDidRender() {
|
|
63
|
-
if (this.show && !this.renderedShowValue) {
|
|
64
|
-
// Here we update the popper position since its position is wrong
|
|
65
|
-
// before it is rendered.
|
|
66
|
-
this.popperInstance.update();
|
|
67
|
-
}
|
|
68
|
-
this.renderedShowValue = this.show;
|
|
69
|
-
}
|
|
70
|
-
disconnectedCallback() {
|
|
71
|
-
var _a;
|
|
72
|
-
(_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
17
|
+
componentWillLoad() {
|
|
18
|
+
this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
|
|
73
19
|
}
|
|
74
20
|
render() {
|
|
75
|
-
|
|
21
|
+
var _a;
|
|
22
|
+
return (h(Host, null, h("tds-popover-core", { class: {
|
|
23
|
+
'tds-popover-menu': true,
|
|
24
|
+
[(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
|
|
25
|
+
}, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance }, h("slot", null))));
|
|
76
26
|
}
|
|
77
|
-
get
|
|
27
|
+
get host() { return getElement(this); }
|
|
78
28
|
};
|
|
79
29
|
TdsPopoverMenu.style = popoverMenuCss;
|
|
80
30
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId } from './utils-
|
|
2
|
+
import { g as generateUniqueId } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const radioButtonCss = ".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}}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { i as inheritAriaAttributes } from './utils-
|
|
2
|
+
import { i as inheritAriaAttributes } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const sideMenuCloseButtonCss = ":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)}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import {
|
|
2
|
+
import { k as dfs } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const sideMenuItemCss = ":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}}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import {
|
|
2
|
+
import { k as dfs, l as isFocusable } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const sideMenuCss = ":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}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId } from './utils-
|
|
2
|
+
import { g as generateUniqueId } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const sliderCss = "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)}";
|
|
5
5
|
|
|
@@ -319,7 +319,11 @@ const TdsSlider = class {
|
|
|
319
319
|
}
|
|
320
320
|
}
|
|
321
321
|
render() {
|
|
322
|
-
return (h("div", { class: `tds-slider-wrapper ${this.readonlyState ? 'read-only' : ''}` }, h("input", { class: "tds-slider-native-element", type: "range", value: this.value, name: this.name, min: this.min, max: this.max, disabled: this.disabled }), h("div", { class:
|
|
322
|
+
return (h("div", { class: `tds-slider-wrapper ${this.readonlyState ? 'read-only' : ''}` }, h("input", { class: "tds-slider-native-element", type: "range", value: this.value, name: this.name, min: this.min, max: this.max, disabled: this.disabled }), h("div", { class: {
|
|
323
|
+
'tds-slider': true,
|
|
324
|
+
'disabled': this.disabled,
|
|
325
|
+
'tds-slider-small': this.useSmall,
|
|
326
|
+
}, ref: (el) => {
|
|
323
327
|
this.wrapperElement = el;
|
|
324
328
|
} }, h("label", { class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (h("div", { class: "tds-slider__input-values" }, h("div", { ref: (el) => {
|
|
325
329
|
this.minusElement = el;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId } from './utils-
|
|
2
|
+
import { g as generateUniqueId } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const stepperCss = ":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}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId } from './utils-
|
|
2
|
+
import { g as generateUniqueId } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const tableCss = ":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%}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { h as hasSlot } from './utils-
|
|
2
|
+
import { h as hasSlot } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const textFieldCss = ".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}";
|
|
5
5
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId, h as hasSlot } from './utils-
|
|
2
|
+
import { g as generateUniqueId, h as hasSlot } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const toastCss = ":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)}";
|
|
5
5
|
|
|
@@ -8,7 +8,7 @@ const TdsToast = class {
|
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
this.tdsClose = createEvent(this, "tdsClose", 7);
|
|
10
10
|
this.getIconName = () => {
|
|
11
|
-
switch (this.
|
|
11
|
+
switch (this.variant) {
|
|
12
12
|
case 'information':
|
|
13
13
|
return 'info';
|
|
14
14
|
case 'error':
|
|
@@ -40,7 +40,7 @@ const TdsToast = class {
|
|
|
40
40
|
this.toastId = generateUniqueId();
|
|
41
41
|
this.header = undefined;
|
|
42
42
|
this.subheader = undefined;
|
|
43
|
-
this.
|
|
43
|
+
this.variant = 'information';
|
|
44
44
|
this.hidden = false;
|
|
45
45
|
this.toastRole = 'alert';
|
|
46
46
|
}
|
|
@@ -58,7 +58,7 @@ const TdsToast = class {
|
|
|
58
58
|
const usesBottomSlot = hasSlot('bottom', this.host);
|
|
59
59
|
return (h(Host, { toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: `${this.hidden ? 'hide' : 'show'}` }, h("div", { class: `
|
|
60
60
|
wrapper
|
|
61
|
-
${this.
|
|
61
|
+
${this.variant}` }, h("tds-icon", { name: this.getIconName(), size: "20px" }), h("div", { class: `content` }, h("div", { class: "header-subheader" }, this.header && h("div", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("div", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), usesBottomSlot && (h("div", { class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { name: "bottom" })))), h("button", { onClick: () => {
|
|
62
62
|
this.handleClose();
|
|
63
63
|
}, class: `close` }, h("tds-icon", { name: "cross", size: "20px" })))));
|
|
64
64
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-23ee700b.js';
|
|
2
|
-
import { g as generateUniqueId } from './utils-
|
|
2
|
+
import { g as generateUniqueId } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
4
|
const toggleCss = ".tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}";
|
|
5
5
|
|
|
@@ -1,103 +1,62 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-23ee700b.js';
|
|
2
|
-
import {
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-23ee700b.js';
|
|
2
|
+
import { j as inheritAttributes } from './utils-8544b156.js';
|
|
3
3
|
|
|
4
|
-
const tooltipCss = ":root,.tds-mode-light{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip
|
|
4
|
+
const tooltipCss = ".sc-tds-tooltip:root,.tds-mode-light.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
|
|
5
5
|
|
|
6
6
|
const TdsTooltip = class {
|
|
7
7
|
constructor(hostRef) {
|
|
8
8
|
registerInstance(this, hostRef);
|
|
9
9
|
this.offsetSkidding = 0;
|
|
10
10
|
this.offsetDistance = 8;
|
|
11
|
+
this.popperjsExtraModifiers = [
|
|
12
|
+
{
|
|
13
|
+
name: 'positionCalc',
|
|
14
|
+
enabled: true,
|
|
15
|
+
phase: 'main',
|
|
16
|
+
fn: ({ state }) => {
|
|
17
|
+
if (state.placement === 'bottom-start' || state.placement === 'right-start') {
|
|
18
|
+
this.border = 'top-left';
|
|
19
|
+
}
|
|
20
|
+
else if (state.placement === 'bottom-end' || state.placement === 'left-start') {
|
|
21
|
+
this.border = 'top-right';
|
|
22
|
+
}
|
|
23
|
+
else if (state.placement === 'top-end' || state.placement === 'left-end') {
|
|
24
|
+
this.border = 'bottom-right';
|
|
25
|
+
}
|
|
26
|
+
else if (state.placement === 'top-start' || state.placement === 'right-end') {
|
|
27
|
+
this.border = 'bottom-left';
|
|
28
|
+
}
|
|
29
|
+
else if (state.placement === 'bottom' || state.placement === 'top') {
|
|
30
|
+
this.border = 'default';
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
this.inheritedAttributes = [];
|
|
11
36
|
this.text = '';
|
|
12
37
|
this.selector = '';
|
|
13
38
|
this.referenceEl = undefined;
|
|
14
39
|
this.mouseOverTooltip = false;
|
|
15
40
|
this.show = false;
|
|
16
41
|
this.placement = 'bottom';
|
|
17
|
-
this.popperInstance = undefined;
|
|
18
|
-
this.target = undefined;
|
|
19
42
|
}
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var _a;
|
|
23
|
-
(_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.update();
|
|
24
|
-
}
|
|
25
|
-
componentDidLoad() {
|
|
26
|
-
var _a;
|
|
27
|
-
this.target = (_a = this.referenceEl) !== null && _a !== void 0 ? _a : document.querySelector(this.selector);
|
|
28
|
-
const thisValue = this;
|
|
29
|
-
this.popperInstance = createPopper(this.target, this.tooltip, {
|
|
30
|
-
placement: thisValue.placement,
|
|
31
|
-
modifiers: [
|
|
32
|
-
{
|
|
33
|
-
name: 'positionCalc',
|
|
34
|
-
enabled: true,
|
|
35
|
-
phase: 'main',
|
|
36
|
-
fn({ state }) {
|
|
37
|
-
if (state.placement === 'bottom-start' || state.placement === 'right-start') {
|
|
38
|
-
thisValue.border = 'top-left';
|
|
39
|
-
}
|
|
40
|
-
else if (state.placement === 'bottom-end' || state.placement === 'left-start') {
|
|
41
|
-
thisValue.border = 'top-right';
|
|
42
|
-
}
|
|
43
|
-
else if (state.placement === 'top-end' || state.placement === 'left-end') {
|
|
44
|
-
thisValue.border = 'bottom-right';
|
|
45
|
-
}
|
|
46
|
-
else if (state.placement === 'top-start' || state.placement === 'right-end') {
|
|
47
|
-
thisValue.border = 'bottom-left';
|
|
48
|
-
}
|
|
49
|
-
else if (state.placement === 'bottom' || state.placement === 'top') {
|
|
50
|
-
thisValue.border = 'default';
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
{
|
|
55
|
-
name: 'offset',
|
|
56
|
-
options: {
|
|
57
|
-
offset: [this.offsetSkidding, this.offsetDistance],
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
|
-
],
|
|
61
|
-
});
|
|
62
|
-
const showTooltip = () => {
|
|
63
|
-
this.show = true;
|
|
64
|
-
};
|
|
65
|
-
const hideTooltip = () => {
|
|
66
|
-
this.show = false;
|
|
67
|
-
};
|
|
68
|
-
// For tabbing over element
|
|
69
|
-
this.target.addEventListener('focusin', () => {
|
|
70
|
-
showTooltip();
|
|
71
|
-
});
|
|
72
|
-
this.target.addEventListener('focusout', () => {
|
|
73
|
-
hideTooltip();
|
|
74
|
-
});
|
|
75
|
-
// For hovering over element with selector
|
|
76
|
-
this.target.addEventListener('mouseenter', () => {
|
|
77
|
-
showTooltip();
|
|
78
|
-
});
|
|
79
|
-
this.target.addEventListener('mouseleave', () => {
|
|
80
|
-
hideTooltip();
|
|
81
|
-
});
|
|
82
|
-
// For hovering over Tooltip itself:
|
|
83
|
-
if (this.mouseOverTooltip === true) {
|
|
84
|
-
this.tooltip.addEventListener('mouseenter', () => {
|
|
85
|
-
showTooltip();
|
|
86
|
-
});
|
|
87
|
-
this.tooltip.addEventListener('mouseleave', () => {
|
|
88
|
-
hideTooltip();
|
|
89
|
-
});
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
disconnectedCallback() {
|
|
93
|
-
var _a;
|
|
94
|
-
(_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
43
|
+
componentWillLoad() {
|
|
44
|
+
this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
|
|
95
45
|
}
|
|
96
46
|
render() {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
47
|
+
var _a;
|
|
48
|
+
return (h(Host, null, h("tds-popover-core", Object.assign({}, this.inheritedAttributes, { class: {
|
|
49
|
+
'tds-tooltip': true,
|
|
50
|
+
[`tds-tooltip-${this.border}`]: true,
|
|
51
|
+
[(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
|
|
52
|
+
'tds-tooltip-show': this.show,
|
|
53
|
+
}, selector: this.selector, referenceEl: this.referenceEl, trigger: this.mouseOverTooltip ? 'hover-popover' : 'hover', modifiers: this.popperjsExtraModifiers, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
|
|
54
|
+
this.show = true;
|
|
55
|
+
}, onInternalTdsClose: () => {
|
|
56
|
+
this.show = false;
|
|
57
|
+
} }), this.text, h("slot", null))));
|
|
100
58
|
}
|
|
59
|
+
get host() { return getElement(this); }
|
|
101
60
|
};
|
|
102
61
|
TdsTooltip.style = tooltipCss;
|
|
103
62
|
|
package/dist/esm/tegel.js
CHANGED
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\"]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"bodyData\":[1032,\"body-data\"],\"noResultMessage\":[1,\"no-result-message\"],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsSortChange\",\"updateOptionsContent\"],[16,\"internalTdsMainCheckboxChange\",\"headCheckboxListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"],[16,\"internalTdsFilter\",\"tdsFilterListener\"]]]]],[\"tds-dropdown-option\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[32],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"type\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-dropdown\",[[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"options\":[16],\"open\":[32],\"selection\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"setValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"buttonWidth\":[32],\"selectTab\":[64]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actions\":[1],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64]}]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"scrubberSize\":[1,\"scrubber-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"defaultPage\":[514,\"default-page\"],\"pages\":[514],\"rowsPerPage\":[514,\"rows-per-page\"],\"cols\":[2],\"columnsNumber\":[32],\"numberOfPages\":[32],\"tempPaginationDisable\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsPagination\",\"tdsPaginationListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsMainCheckboxChange\",\"internalTdsMainCheckboxChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"type\":[1],\"hidden\":[516],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button\",[[1,\"tds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[4],\"name\":[1],\"value\":[1]}]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsSortingChange\",\"internalTdsSortingChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu\",[[1,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[516],\"persistent\":[516],\"collapsed\":[516],\"isUpperSlotEmpty\":[32],\"isClosed\":[32],\"isOpen\":[32],\"isClosing\":[32],\"isCollapsed\":[32],\"isOpening\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-tooltip\",[[1,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32],\"updateTooltip\":[64]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"type\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"type\":[513]}]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"tds-body-cell_2\",[[1,\"tds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsMainCheckboxSelect\",\"headCheckboxListener\"],[16,\"internalTdsCheckboxChange\",\"internalTdsCheckboxChangeListener\"]]],[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-popover-canvas\",[[1,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]]]"), options);
|
|
20
|
+
return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\"]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"bodyData\":[1032,\"body-data\"],\"noResultMessage\":[1,\"no-result-message\"],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsSortChange\",\"updateOptionsContent\"],[16,\"internalTdsMainCheckboxChange\",\"headCheckboxListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"],[16,\"internalTdsFilter\",\"tdsFilterListener\"]]]]],[\"tds-dropdown-option\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[32],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-dropdown\",[[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"options\":[16],\"open\":[32],\"selection\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"setValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"buttonWidth\":[32],\"selectTab\":[64]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actions\":[1],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64]}]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"scrubberSize\":[1,\"scrubber-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"defaultPage\":[514,\"default-page\"],\"pages\":[514],\"rowsPerPage\":[514,\"rows-per-page\"],\"cols\":[2],\"columnsNumber\":[32],\"numberOfPages\":[32],\"tempPaginationDisable\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsPagination\",\"tdsPaginationListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsMainCheckboxChange\",\"internalTdsMainCheckboxChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[4],\"name\":[1],\"value\":[1]}]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsSortingChange\",\"internalTdsSortingChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[516],\"persistent\":[516],\"collapsed\":[516],\"isUpperSlotEmpty\":[32],\"isClosed\":[32],\"isOpen\":[32],\"isClosing\":[32],\"isCollapsed\":[32],\"isOpening\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"tds-body-cell_2\",[[1,\"tds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsMainCheckboxSelect\",\"headCheckboxListener\"],[16,\"internalTdsCheckboxChange\",\"internalTdsCheckboxChangeListener\"]]],[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16]}]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
|
|
21
21
|
});
|
|
@@ -531,4 +531,4 @@ function generateUniqueId() {
|
|
|
531
531
|
return uniqueString;
|
|
532
532
|
}
|
|
533
533
|
|
|
534
|
-
export { appendChildElement as a, appendHiddenInput as b, findPreviousFocusableItem as c, getPreviousNestedChildOfSiblingsMatching as d, isHeadingElement as e, findNextFocusableItem as f, generateUniqueId as g, hasSlot as h, inheritAriaAttributes as i,
|
|
534
|
+
export { appendChildElement as a, appendHiddenInput as b, findPreviousFocusableItem as c, getPreviousNestedChildOfSiblingsMatching as d, isHeadingElement as e, findNextFocusableItem as f, generateUniqueId as g, hasSlot as h, inheritAriaAttributes as i, inheritAttributes as j, dfs as k, isFocusable as l, updateListChildrenRoles as u };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as s,g as i}from"./p-8462c18c.js";import{j as d}from"./p-72fced16.js";const r=class{constructor(o){t(this,o),this.offsetSkidding=0,this.offsetDistance=8,this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector="",this.referenceEl=void 0,this.mouseOverTooltip=!1,this.show=!1,this.placement="bottom"}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var t;return o(s,null,o("tds-popover-core",Object.assign({},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.mouseOverTooltip?"hover-popover":"hover",modifiers:this.popperjsExtraModifiers,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1}}),this.text,o("slot",null)))}get host(){return i(this)}};r.style=".sc-tds-tooltip:root,.tds-mode-light.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:800;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,g as o}from"./p-8462c18c.js";import{g}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,g as o}from"./p-8462c18c.js";import{g}from"./p-72fced16.js";const d=class{constructor(s){t(this,s),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=g()}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}render(){return s("div",{class:"tds-toggle"},this.headline&&s("div",{class:"toggle-headline "+(this.disabled?"disabled":"")},this.headline),s("input",{"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),s("label",{class:this.disabled?"disabled":"",htmlFor:this.toggleId},s("slot",{name:"label"})))}get host(){return o(this)}};d.style='.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}';export{d as tds_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as s,g as r}from"./p-8462c18c.js";import{g as a,i as h}from"./p-
|
|
1
|
+
import{r as t,h as e,H as s,g as r}from"./p-8462c18c.js";import{g as a,i as h}from"./p-72fced16.js";const i=class{constructor(e){t(this,e),this.uuid=a(),this.open=!1,this.buttonEl=void 0,this.hasListTypeMenu=!1}onAnyClick(t){!t.composedPath().includes(this.host)&&(this.open=!1)}componentDidLoad(){this.host.shadowRoot.querySelector("slot:not([name])").assignedElements().some((t=>"tds-header-launcher-list"===t.tagName.toLowerCase()))&&(this.hasListTypeMenu=!0)}toggleLauncher(){this.open=!this.open}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),h(this.host,["role"]));const t=Object.assign(Object.assign({},this.ariaAttributes),{"aria-expanded":`${this.open}`,"aria-controls":`launcher-${this.uuid}`,class:"button",active:this.open,onClick:()=>{this.toggleLauncher()},ref:t=>{this.buttonEl=t}});return e(s,null,e("div",{class:{wrapper:!0,"state-open":this.open,"state-list-type-menu":this.hasListTypeMenu}},e("tds-header-launcher-button",Object.assign({},t)),this.buttonEl&&e("tds-popover-canvas",{id:`tds-launcher-${this.uuid}`,class:"menu",referenceEl:this.buttonEl,placement:"bottom-start",show:this.open,offsetDistance:0,modifiers:[{name:"flip",options:{fallbackPlacements:[]}}]},e("slot",null))))}get host(){return r(this)}};i.style=":host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .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-radius:0}:host .wrapper .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .wrapper .menu::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .wrapper .menu ::-webkit-scrollbar-button{height:0;width:0}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:801}";export{i as tds_header_launcher}
|