@scania/tegel 1.8.0 → 1.8.2

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.
Files changed (84) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  3. package/dist/cjs/tds-body-cell.cjs.entry.js +15 -4
  4. package/dist/cjs/tds-dropdown.cjs.entry.js +40 -26
  5. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-header-dropdown.cjs.entry.js +11 -5
  7. package/dist/cjs/tds-header-launcher.cjs.entry.js +5 -9
  8. package/dist/cjs/tds-header.cjs.entry.js +1 -1
  9. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-popover-core.cjs.entry.js +15 -5
  11. package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
  12. package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
  13. package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
  14. package/dist/cjs/tegel.cjs.js +1 -1
  15. package/dist/collection/components/banner/banner.css +0 -32
  16. package/dist/collection/components/dropdown/dropdown.css +32 -5
  17. package/dist/collection/components/dropdown/dropdown.js +39 -25
  18. package/dist/collection/components/header/header-dropdown/header-dropdown.css +31 -4
  19. package/dist/collection/components/header/header-dropdown/header-dropdown.js +10 -4
  20. package/dist/collection/components/header/header-launcher/header-launcher.css +31 -4
  21. package/dist/collection/components/header/header-launcher/header-launcher.js +4 -8
  22. package/dist/collection/components/header/header.css +11 -0
  23. package/dist/collection/components/modal/modal.css +0 -23
  24. package/dist/collection/components/popover-core/popover-core.js +22 -6
  25. package/dist/collection/components/radio-button/radio-button.css +0 -24
  26. package/dist/collection/components/side-menu/side-menu.css +31 -4
  27. package/dist/collection/components/table/table-body-cell/table-body-cell.css +0 -4
  28. package/dist/collection/components/table/table-body-cell/table-body-cell.js +14 -3
  29. package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -1
  30. package/dist/collection/components/tooltip/tooltip.css +0 -11
  31. package/dist/components/popover-core.js +16 -6
  32. package/dist/components/tds-banner.js +1 -1
  33. package/dist/components/tds-body-cell.js +15 -4
  34. package/dist/components/tds-dropdown.js +40 -26
  35. package/dist/components/tds-header-cell.js +1 -1
  36. package/dist/components/tds-header-dropdown.js +11 -5
  37. package/dist/components/tds-header-launcher.js +5 -9
  38. package/dist/components/tds-header.js +1 -1
  39. package/dist/components/tds-modal.js +1 -1
  40. package/dist/components/tds-radio-button.js +1 -1
  41. package/dist/components/tds-side-menu.js +1 -1
  42. package/dist/components/tds-tooltip.js +1 -1
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/esm/tds-banner.entry.js +1 -1
  45. package/dist/esm/tds-body-cell.entry.js +15 -4
  46. package/dist/esm/tds-dropdown.entry.js +40 -26
  47. package/dist/esm/tds-header-cell.entry.js +1 -1
  48. package/dist/esm/tds-header-dropdown.entry.js +11 -5
  49. package/dist/esm/tds-header-launcher.entry.js +5 -9
  50. package/dist/esm/tds-header.entry.js +1 -1
  51. package/dist/esm/tds-modal.entry.js +1 -1
  52. package/dist/esm/tds-popover-core.entry.js +15 -5
  53. package/dist/esm/tds-radio-button.entry.js +1 -1
  54. package/dist/esm/tds-side-menu.entry.js +1 -1
  55. package/dist/esm/tds-tooltip.entry.js +1 -1
  56. package/dist/esm/tegel.js +1 -1
  57. package/dist/tegel/p-18387cf5.entry.js +1 -0
  58. package/dist/tegel/p-1fcf69c3.entry.js +1 -0
  59. package/dist/tegel/p-21b555ec.entry.js +1 -0
  60. package/dist/tegel/p-3e675690.entry.js +1 -0
  61. package/dist/tegel/p-8b13327b.entry.js +1 -0
  62. package/dist/tegel/p-9697550b.entry.js +1 -0
  63. package/dist/tegel/p-9806d3d3.entry.js +1 -0
  64. package/dist/tegel/p-afa72e58.entry.js +1 -0
  65. package/dist/tegel/p-d362d26c.entry.js +1 -0
  66. package/dist/tegel/{p-052901a5.entry.js → p-dd082e5f.entry.js} +1 -1
  67. package/dist/tegel/{p-6c23bc53.entry.js → p-e36e82c5.entry.js} +1 -1
  68. package/dist/tegel/p-f8482e1e.entry.js +1 -0
  69. package/dist/tegel/tegel.css +2 -2
  70. package/dist/tegel/tegel.esm.js +1 -1
  71. package/dist/types/components/dropdown/dropdown.d.ts +2 -0
  72. package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +1 -0
  73. package/dist/types/components/popover-core/popover-core.d.ts +4 -2
  74. package/package.json +1 -1
  75. package/dist/tegel/p-2ffae2d1.entry.js +0 -1
  76. package/dist/tegel/p-450eabc1.entry.js +0 -1
  77. package/dist/tegel/p-50b0f2ff.entry.js +0 -1
  78. package/dist/tegel/p-540a83e5.entry.js +0 -1
  79. package/dist/tegel/p-669f7646.entry.js +0 -1
  80. package/dist/tegel/p-7076c719.entry.js +0 -1
  81. package/dist/tegel/p-7a8d7b95.entry.js +0 -1
  82. package/dist/tegel/p-af6d2907.entry.js +0 -1
  83. package/dist/tegel/p-cc16393b.entry.js +0 -1
  84. package/dist/tegel/p-ebbe0131.entry.js +0 -1
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-da55351d.js');
6
6
  const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
7
7
 
8
- 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:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius: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}";
8
+ const tooltipCss = ".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:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius: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}";
9
9
  const TdsTooltipStyle0 = tooltipCss;
10
10
 
11
11
  const TdsTooltip = class {
@@ -19,7 +19,7 @@ const patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown.cjs\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"tds-dropdown-option.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}]]],[\"tds-header-brand-symbol.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner.cjs\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card.cjs\",[[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.cjs\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"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],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-dropdown.cjs\",[[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],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"]}]]],[\"tds-folder-tabs.cjs\",[[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]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-launcher-list.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[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]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message.cjs\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal.cjs\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]}]]],[\"tds-navigation-tabs.cjs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"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],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step.cjs\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header.cjs\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field.cjs\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"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.cjs\",[[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],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast.cjs\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip.cjs\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-badge.cjs\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-body-cell.cjs\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button.cjs\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1]}]]],[\"tds-folder-tab.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-cell.cjs\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu.cjs\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table.cjs\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"modeVariant\":[\"modeVariantChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable.cjs\",[[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.cjs\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-header-launcher-button.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-popover-canvas.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},null,{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core.cjs\",[[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\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon.cjs\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
22
+ return index.bootstrapLazy(JSON.parse("[[\"tds-header-launcher.cjs\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown.cjs\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"tds-dropdown-option.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[1],\"disabled\":[4],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]}]]],[\"tds-header-brand-symbol.cjs\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item.cjs\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner.cjs\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card.cjs\",[[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.cjs\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"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],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-dropdown.cjs\",[[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],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[1,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"reset\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"]}]]],[\"tds-folder-tabs.cjs\",[[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]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-launcher-list.cjs\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item.cjs\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs.cjs\",[[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]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message.cjs\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal.cjs\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]}]]],[\"tds-navigation-tabs.cjs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"]}]]],[\"tds-side-menu-close-button.cjs\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button.cjs\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider.cjs\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"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],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step.cjs\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header.cjs\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field.cjs\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"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.cjs\",[[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],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast.cjs\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip.cjs\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-badge.cjs\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-body-cell.cjs\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb.cjs\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs.cjs\",[[1,\"tds-breadcrumbs\"]]],[\"tds-button.cjs\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1]}]]],[\"tds-folder-tab.cjs\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer.cjs\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item.cjs\",[[1,\"tds-footer-item\"]]],[\"tds-header.cjs\",[[4,\"tds-header\"]]],[\"tds-header-cell.cjs\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-dropdown-list-user.cjs\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid.cjs\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item.cjs\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title.cjs\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title.cjs\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title.cjs\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab.cjs\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link.cjs\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"tds-navigation-tab.cjs\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item.cjs\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button.cjs\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu.cjs\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list.cjs\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item.cjs\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay.cjs\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner.cjs\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper.cjs\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table.cjs\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"modeVariant\":[\"modeVariantChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable.cjs\",[[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.cjs\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"tds-header-launcher-button.cjs\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider.cjs\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list.cjs\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item.cjs\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-popover-canvas.cjs\",[[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.cjs\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item.cjs\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},null,{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-popover-core.cjs\",[[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\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon.cjs\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -1,35 +1,3 @@
1
- :root,
2
- .tds-mode-light {
3
- --tds-link: var(--tds-blue-500);
4
- --tds-link-hover: var(--tds-blue-400);
5
- --tds-link-focus: var(--tds-blue-400);
6
- --tds-link-visited: var(--tds-grey-900);
7
- --tds-link-disabled: var(--tds-grey-400);
8
- }
9
- :root tds-toast,
10
- .tds-mode-light tds-toast {
11
- --tds-link: var(--tds-blue-300);
12
- --tds-link-hover: var(--tds-blue-400);
13
- --tds-link-focus: var(--tds-blue-400);
14
- --tds-link-visited: var(--tds-blue-100);
15
- --tds-link-disabled: var(--tds-grey-800);
16
- }
17
-
18
- .tds-mode-dark {
19
- --tds-link: var(--tds-blue-300);
20
- --tds-link-hover: var(--tds-blue-400);
21
- --tds-link-focus: var(--tds-blue-400);
22
- --tds-link-visited: var(--tds-blue-100);
23
- --tds-link-disabled: var(--tds-grey-800);
24
- }
25
- .tds-mode-dark tds-toast {
26
- --tds-link: var(--tds-blue-500);
27
- --tds-link-hover: var(--tds-blue-400);
28
- --tds-link-focus: var(--tds-blue-400);
29
- --tds-link-visited: var(--tds-grey-900);
30
- --tds-link-disabled: var(--tds-grey-400);
31
- }
32
-
33
1
  :host(.hide) {
34
2
  display: none;
35
3
  visibility: hidden;
@@ -60,7 +60,7 @@
60
60
  border-bottom: 1px solid transparent;
61
61
  }
62
62
  :host button .menu-icon {
63
- margin-right: 0px;
63
+ margin-right: 0;
64
64
  }
65
65
 
66
66
  :host .filter {
@@ -177,6 +177,17 @@
177
177
  visibility: hidden;
178
178
  }
179
179
 
180
+ :host {
181
+ --tds-scrollbar-width-standard: thin;
182
+ --tds-scrollbar-width: 10px;
183
+ --tds-scrollbar-thumb-border-width: 3px;
184
+ --tds-scrollbar-thumb-border-hover-width: 2px;
185
+ }
186
+
187
+ body {
188
+ scrollbar-width: thin;
189
+ }
190
+
180
191
  :host {
181
192
  display: block;
182
193
  position: relative;
@@ -282,17 +293,33 @@
282
293
  border-radius: 0 0 4px 4px;
283
294
  overflow-y: auto;
284
295
  }
296
+ :host .dropdown-list:hover::-webkit-scrollbar-thumb {
297
+ border: var(--tds-scrollbar-thumb-border-hover-width) solid transparent;
298
+ background: var(--tds-scrollbar-hover-thumb-color);
299
+ background-clip: padding-box;
300
+ }
285
301
  :host .dropdown-list::-webkit-scrollbar {
286
- width: 4px;
287
- background-color: inherit;
302
+ width: var(--tds-scrollbar-width);
303
+ }
304
+ :host .dropdown-list::-webkit-scrollbar-track {
305
+ background: transparent;
288
306
  }
289
307
  :host .dropdown-list::-webkit-scrollbar-thumb {
290
- background-color: var(--tds-grey-300);
308
+ border-radius: 40px;
309
+ background: var(--tds-scrollbar-thumb-color);
310
+ border: var(--tds-scrollbar-thumb-border-width) solid transparent;
311
+ background-clip: padding-box;
291
312
  }
292
- :host .dropdown-list ::-webkit-scrollbar-button {
313
+ :host .dropdown-list::-webkit-scrollbar-button {
293
314
  height: 0;
294
315
  width: 0;
295
316
  }
317
+ @supports not selector(::-webkit-scrollbar) {
318
+ :host .dropdown-list {
319
+ scrollbar-color: var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);
320
+ scrollbar-width: var(--tds-scrollbar-width-standard);
321
+ }
322
+ }
296
323
  :host .dropdown-list.lg {
297
324
  max-height: 312px;
298
325
  }
@@ -8,29 +8,41 @@ import appendHiddenInput from "../../utils/appendHiddenInput";
8
8
  export class TdsDropdown {
9
9
  constructor() {
10
10
  this.setDefaultOption = () => {
11
- Array.from(this.host.children)
12
- .filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION')
13
- .forEach((element) => {
14
- if (this.multiselect) {
15
- this.defaultValue.split(',').forEach((value) => {
16
- if (value === element.value) {
17
- element.setSelected(true);
18
- this.value = this.value ? [...this.value, element.value] : [element.value];
19
- }
20
- });
21
- }
22
- else {
23
- if (this.defaultValue === element.value) {
24
- element.setSelected(true);
25
- this.value = [element.value];
11
+ // Ensure this.host.children is not empty
12
+ if (this.host.children.length === 0) {
13
+ console.warn('TDS DROPDOWN: Data missing. Disregard if loading data asynchronously.');
14
+ return;
15
+ }
16
+ if (this.defaultValue) {
17
+ const children = Array.from(this.host.children).filter((element) => element.tagName === 'TDS-DROPDOWN-OPTION');
18
+ let matched = false;
19
+ children.forEach((element) => {
20
+ if (this.multiselect) {
21
+ this.defaultValue.split(',').forEach((value) => {
22
+ if (value === element.value) {
23
+ element.setSelected(true);
24
+ this.value = this.value ? [...this.value, element.value] : [element.value];
25
+ matched = true;
26
+ }
27
+ });
26
28
  }
27
29
  else {
28
- element.setSelected(false);
30
+ if (this.defaultValue === element.value) {
31
+ element.setSelected(true);
32
+ this.value = [element.value];
33
+ matched = true;
34
+ }
35
+ else {
36
+ element.setSelected(false);
37
+ }
29
38
  }
39
+ this.setValueAttribute();
40
+ return element;
41
+ });
42
+ if (!matched) {
43
+ console.warn(`TDS DROPDOWN: No matching option found for defaultValue "${this.defaultValue}"`);
30
44
  }
31
- this.setValueAttribute();
32
- return element;
33
- });
45
+ }
34
46
  };
35
47
  /* Returns a list of all children that are tds-dropdown-option elements */
36
48
  this.getChildren = () => {
@@ -300,9 +312,11 @@ export class TdsDropdown {
300
312
  }
301
313
  }
302
314
  componentWillLoad() {
303
- if (this.defaultValue) {
304
- this.setDefaultOption();
305
- }
315
+ this.setDefaultOption();
316
+ }
317
+ /** Method to handle slot changes */
318
+ handleSlotChange() {
319
+ this.setDefaultOption();
306
320
  }
307
321
  /** Method to check if we should normalize text */
308
322
  normalizeString(text) {
@@ -335,7 +349,7 @@ export class TdsDropdown {
335
349
  render() {
336
350
  var _a, _b, _c, _d;
337
351
  appendHiddenInput(this.host, this.name, (_a = this.value) === null || _a === void 0 ? void 0 : _a.map((value) => value).toString(), this.disabled);
338
- return (h(Host, { key: '062a04c9b529a7e30ca863ba53f757f288f4da10', role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '8f5b894804a3be375ba5091b7da004937dbcfe31', class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: {
352
+ return (h(Host, { key: '451edf7c5eaa096500d8d989bd9cddc60a5fd5d8', role: "select", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && this.labelPosition === 'outside' && (h("div", { class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'c7e3d77ba79b6e135aa960bc8e56c2d41ae3ec2e', class: `dropdown-select ${this.size} ${this.disabled ? 'disabled' : ''}` }, this.filter ? (h("div", { class: {
339
353
  filter: true,
340
354
  focus: this.filterFocus,
341
355
  disabled: this.disabled,
@@ -378,11 +392,11 @@ export class TdsDropdown {
378
392
  label-inside-as-placeholder
379
393
  ${this.size}
380
394
  ${((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) ? 'selected' : ''}
381
- ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'a507589572614ae3ac4c99fb777394b0bc03729c', ref: (element) => (this.dropdownList = element), class: `dropdown-list
395
+ ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, ((_d = this.value) === null || _d === void 0 ? void 0 : _d.length) ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: 'cd63a354addfbcbfb2bb355b1e053b93dd9d3864', ref: (element) => (this.dropdownList = element), class: `dropdown-list
382
396
  ${this.size}
383
397
  ${this.open ? 'open' : 'closed'}
384
398
  ${this.getOpenDirection()}
385
- ${this.label && this.labelPosition === 'outside' ? 'label-outside' : ''}` }, h("slot", { key: 'b184e4c940125d51c9531bceadc8544cbd579c1c' }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h("tds-icon", { name: "error", size: "16px" }), this.helper))));
399
+ ${this.label && this.labelPosition === 'outside' ? 'label-outside' : ''}` }, h("slot", { key: '9a4feeed475bde225d19e01f17e4eadc292c6f41', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { class: `helper ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, this.error && h("tds-icon", { name: "error", size: "16px" }), this.helper))));
386
400
  }
387
401
  static get is() { return "tds-dropdown"; }
388
402
  static get encapsulation() { return "shadow"; }
@@ -1,3 +1,14 @@
1
+ :host {
2
+ --tds-scrollbar-width-standard: thin;
3
+ --tds-scrollbar-width: 10px;
4
+ --tds-scrollbar-thumb-border-width: 3px;
5
+ --tds-scrollbar-thumb-border-hover-width: 2px;
6
+ }
7
+
8
+ body {
9
+ scrollbar-width: thin;
10
+ }
11
+
1
12
  :host {
2
13
  height: var(--tds-header-height);
3
14
  position: relative;
@@ -11,17 +22,33 @@
11
22
  border-top-right-radius: 0;
12
23
  border-top-left-radius: 0;
13
24
  }
25
+ :host .menu:hover::-webkit-scrollbar-thumb {
26
+ border: var(--tds-scrollbar-thumb-border-hover-width) solid transparent;
27
+ background: var(--tds-scrollbar-hover-thumb-color);
28
+ background-clip: padding-box;
29
+ }
14
30
  :host .menu::-webkit-scrollbar {
15
- width: 4px;
16
- background-color: inherit;
31
+ width: var(--tds-scrollbar-width);
32
+ }
33
+ :host .menu::-webkit-scrollbar-track {
34
+ background: transparent;
17
35
  }
18
36
  :host .menu::-webkit-scrollbar-thumb {
19
- background-color: var(--tds-grey-300);
37
+ border-radius: 40px;
38
+ background: var(--tds-scrollbar-thumb-color);
39
+ border: var(--tds-scrollbar-thumb-border-width) solid transparent;
40
+ background-clip: padding-box;
20
41
  }
21
- :host .menu ::-webkit-scrollbar-button {
42
+ :host .menu::-webkit-scrollbar-button {
22
43
  height: 0;
23
44
  width: 0;
24
45
  }
46
+ @supports not selector(::-webkit-scrollbar) {
47
+ :host .menu {
48
+ scrollbar-color: var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);
49
+ scrollbar-width: var(--tds-scrollbar-width-standard);
50
+ }
51
+ }
25
52
  :host .state-open .dropdown-icon {
26
53
  transform: rotatetds-z-index(180deg);
27
54
  }
@@ -8,6 +8,12 @@ import generateUniqueId from "../../../utils/generateUniqueId";
8
8
  export class TdsHeaderDropdown {
9
9
  constructor() {
10
10
  this.uuid = generateUniqueId();
11
+ this.handleSlottedItemClick = (event) => {
12
+ const eventSource = event.target.tagName.toLowerCase();
13
+ if (['a', 'button'].includes(eventSource)) {
14
+ this.open = false;
15
+ }
16
+ };
11
17
  this.label = undefined;
12
18
  this.noDropdownIcon = false;
13
19
  this.selected = false;
@@ -25,20 +31,20 @@ export class TdsHeaderDropdown {
25
31
  this.open = !this.open;
26
32
  }
27
33
  render() {
28
- return (h(Host, { key: 'cabebe721a79127441bddd0aa8ad1d9ff2ac9453' }, h("div", { key: 'f97c7f95f5c9a6382c3d3d48854b3cc9b2f51a8c', class: {
34
+ return (h(Host, { key: 'd72add7a12c105e83c0300dc4c6727775dfe10e5' }, h("div", { key: 'b323560bd8b13b6643eafca2ad9deb9bea53689e', class: {
29
35
  'state-open': this.open,
30
- } }, h("tds-header-item", { key: '070b482e30884f2cf096472966d19232e97def8b', class: "button", active: this.open, selected: this.selected }, h("button", { key: 'c29ad0c7309b3680b909cd911ad947bd0d60cd3c', ref: (el) => {
36
+ } }, h("tds-header-item", { key: '48af537f7b05f31fcbcb0c0aae311d2ccd69819d', class: "button", active: this.open, selected: this.selected }, h("button", { key: '324b1965706b0a3413c9e8ddcc37345c387519cc', ref: (el) => {
31
37
  this.buttonEl = el;
32
38
  }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
33
39
  this.toggleDropdown();
34
- } }, h("slot", { key: 'a955b0d40c1c3619e158b727ae70e266fe93a69c', name: "icon" }), this.label, h("slot", { key: '27195b2da32bbdf9f970c3b69355e3cc7efda11d', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (h("tds-popover-canvas", { id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
40
+ } }, h("slot", { key: '56a3064075c135677f59e58c4be831c66230a7c2', name: "icon" }), this.label, h("slot", { key: '729e1901342405daf3655dac940310e64e6683f0', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (h("tds-popover-canvas", { id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
35
41
  {
36
42
  name: 'flip',
37
43
  options: {
38
44
  fallbackPlacements: [],
39
45
  },
40
46
  },
41
- ] }, this.open ? h("slot", null) : null)))));
47
+ ] }, this.open ? (h("span", { onClick: (e) => this.handleSlottedItemClick(e), onKeyDown: (e) => e.key === 'Enter' && this.handleSlottedItemClick(e) }, h("slot", null))) : null)))));
42
48
  }
43
49
  static get is() { return "tds-header-dropdown"; }
44
50
  static get encapsulation() { return "shadow"; }
@@ -1,3 +1,14 @@
1
+ :host {
2
+ --tds-scrollbar-width-standard: thin;
3
+ --tds-scrollbar-width: 10px;
4
+ --tds-scrollbar-thumb-border-width: 3px;
5
+ --tds-scrollbar-thumb-border-hover-width: 2px;
6
+ }
7
+
8
+ body {
9
+ scrollbar-width: thin;
10
+ }
11
+
1
12
  /** The breakpoint at which the layout changes from fixed size to full-width. */
2
13
  :host .wrapper {
3
14
  height: var(--tds-header-height);
@@ -13,17 +24,33 @@
13
24
  background-color: var(--tds-header-app-launcher-menu-background);
14
25
  border-radius: 0;
15
26
  }
27
+ :host .wrapper .menu:hover::-webkit-scrollbar-thumb {
28
+ border: var(--tds-scrollbar-thumb-border-hover-width) solid transparent;
29
+ background: var(--tds-scrollbar-hover-thumb-color);
30
+ background-clip: padding-box;
31
+ }
16
32
  :host .wrapper .menu::-webkit-scrollbar {
17
- width: 4px;
18
- background-color: inherit;
33
+ width: var(--tds-scrollbar-width);
34
+ }
35
+ :host .wrapper .menu::-webkit-scrollbar-track {
36
+ background: transparent;
19
37
  }
20
38
  :host .wrapper .menu::-webkit-scrollbar-thumb {
21
- background-color: var(--tds-grey-300);
39
+ border-radius: 40px;
40
+ background: var(--tds-scrollbar-thumb-color);
41
+ border: var(--tds-scrollbar-thumb-border-width) solid transparent;
42
+ background-clip: padding-box;
22
43
  }
23
- :host .wrapper .menu ::-webkit-scrollbar-button {
44
+ :host .wrapper .menu::-webkit-scrollbar-button {
24
45
  height: 0;
25
46
  width: 0;
26
47
  }
48
+ @supports not selector(::-webkit-scrollbar) {
49
+ :host .wrapper .menu {
50
+ scrollbar-color: var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);
51
+ scrollbar-width: var(--tds-scrollbar-width-standard);
52
+ }
53
+ }
27
54
  @media all and (max-width: 384px) {
28
55
  :host .wrapper .menu {
29
56
  width: 100vw;
@@ -19,12 +19,8 @@ export class TdsHeaderLauncher {
19
19
  }
20
20
  }
21
21
  componentDidLoad() {
22
- const slotElement = this.host.shadowRoot.querySelector('slot:not([name])');
23
- const slottedElements = slotElement.assignedElements();
24
- const hasListTypeMenu = slottedElements.some((element) => element.tagName.toLowerCase() === 'tds-header-launcher-list');
25
- if (hasListTypeMenu) {
26
- this.hasListTypeMenu = true;
27
- }
22
+ const hasListTypeMenu = !!this.host.querySelector('tds-header-launcher-list');
23
+ this.hasListTypeMenu = hasListTypeMenu;
28
24
  }
29
25
  toggleLauncher() {
30
26
  this.open = !this.open;
@@ -36,11 +32,11 @@ export class TdsHeaderLauncher {
36
32
  }, 'ref': (el) => {
37
33
  this.buttonEl = el;
38
34
  } });
39
- return (h(Host, { key: '3429e2f83f0eb01bd6e655b6fe1d8a77784b4f34' }, h("div", { key: '6c8522b99c3f7de3fd3f665366362c1035b9d9a2', class: {
35
+ return (h(Host, { key: '337abddb77f5d7b2ce7c1a8bcfe2dd5e60cc934c' }, h("div", { key: '3652f71bd52be2fcbae7bfde3dab0b0c1c0c5d56', class: {
40
36
  'wrapper': true,
41
37
  'state-open': this.open,
42
38
  'state-list-type-menu': this.hasListTypeMenu,
43
- } }, h("tds-header-launcher-button", Object.assign({ key: '926507bc5d95971a1172de1a1cefd89d47959546' }, buttonAttributes)), this.buttonEl && (h("tds-popover-canvas", { id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
39
+ } }, h("tds-header-launcher-button", Object.assign({ key: 'ffae6f54b57dcc0c44fae751f9da1025512b8f4b' }, buttonAttributes)), this.buttonEl && (h("tds-popover-canvas", { id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
44
40
  {
45
41
  name: 'flip',
46
42
  options: {
@@ -1,6 +1,17 @@
1
1
  /*
2
2
  Contains spacing variables for the layout
3
3
  */
4
+ :host {
5
+ --tds-scrollbar-width-standard: thin;
6
+ --tds-scrollbar-width: 10px;
7
+ --tds-scrollbar-thumb-border-width: 3px;
8
+ --tds-scrollbar-thumb-border-hover-width: 2px;
9
+ }
10
+
11
+ body {
12
+ scrollbar-width: thin;
13
+ }
14
+
4
15
  html,
5
16
  :root {
6
17
  --tds-nav-dropdown-menu-box: 0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);
@@ -1,26 +1,3 @@
1
- :root,
2
- .tds-mode-light {
3
- --tds-modal-backdrop: rgba(0 0 0 / 40%);
4
- --tds-modal-background: var(--tds-white);
5
- --tds-modal-text: var(--tds-grey-958);
6
- --tds-modal-icon: var(--tds-black);
7
- --tds-modal-icon-native: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='black'/%3E%3C/svg%3E%0A");
8
- --tds-modal-scrollbar: var(--tds-grey-300);
9
- --tds-modal-scrollbar-track: var(--tds-grey-300);
10
- --tds-modal-scrollbar-thumb: var(--tds-grey-500);
11
- }
12
-
13
- .tds-mode-dark {
14
- --tds-modal-backdrop: rgba(0 0 0 / 40%);
15
- --tds-modal-background: var(--tds-grey-900);
16
- --tds-modal-text: var(--tds-grey-50);
17
- --tds-modal-icon: var(--tds-white);
18
- --tds-modal-icon-native: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='white'/%3E%3C/svg%3E%0A");
19
- --tds-modal-scrollbar: var(--tds-grey-300);
20
- --tds-modal-scrollbar-track: var(--tds-grey-300);
21
- --tds-modal-scrollbar-thumb: var(--tds-grey-500);
22
- }
23
-
24
1
  /* MIXINS */
25
2
  /* MODAL STYLING */
26
3
  .tds-modal {
@@ -1,7 +1,9 @@
1
1
  import { Host, h, } from "@stencil/core";
2
2
  import { createPopper } from "@popperjs/core";
3
+ import generateUniqueId from "../../utils/generateUniqueId";
3
4
  export class TdsPopoverCore {
4
5
  constructor() {
6
+ this.uuid = generateUniqueId();
5
7
  this.setIsShown = function setIsShown(isShown) {
6
8
  if (typeof isShown === 'function') {
7
9
  this.isShown = isShown(this.isShown);
@@ -10,10 +12,10 @@ export class TdsPopoverCore {
10
12
  this.isShown = isShown;
11
13
  }
12
14
  if (this.isShown) {
13
- this.tdsShow.emit();
15
+ this.internalTdsShow.emit();
14
16
  }
15
17
  else {
16
- this.tdsClose.emit();
18
+ this.internalTdsClose.emit();
17
19
  }
18
20
  }.bind(this);
19
21
  this.onClickTarget = function onClickTarget(event) {
@@ -51,6 +53,14 @@ export class TdsPopoverCore {
51
53
  }
52
54
  }
53
55
  }
56
+ onTdsShow(event) {
57
+ if (this.show === null) {
58
+ const target = event.target;
59
+ if (target.id !== `tds-popover-core-${this.uuid}`) {
60
+ this.setIsShown(false);
61
+ }
62
+ }
63
+ }
54
64
  /* To enable initial loading of a component if user controls show prop*/
55
65
  componentWillLoad() {
56
66
  this.setIsShown(this.show);
@@ -145,7 +155,7 @@ export class TdsPopoverCore {
145
155
  if (this.autoHide) {
146
156
  hostStyle = { display: this.isShown ? 'block' : 'none' };
147
157
  }
148
- return (h(Host, { key: '37933e24ca1b3ef534043364efe070074b934588', style: hostStyle }, h("slot", { key: 'fe4498e8b3cc2e3bd12f1080edea75b1d502e832' })));
158
+ return (h(Host, { key: '0d42974eadfea68c642b5d4a6e1206f2d41d79ea', style: hostStyle, id: `tds-popover-core-${this.uuid}` }, h("slot", { key: '7f44ef8ccc3b4e8028cc1c612fb9102bfa84ff39' })));
149
159
  }
150
160
  static get is() { return "tds-popover-core"; }
151
161
  static get encapsulation() { return "scoped"; }
@@ -336,9 +346,9 @@ export class TdsPopoverCore {
336
346
  }
337
347
  static get events() {
338
348
  return [{
339
- "method": "tdsShow",
349
+ "method": "internalTdsShow",
340
350
  "name": "internalTdsShow",
341
- "bubbles": false,
351
+ "bubbles": true,
342
352
  "cancelable": false,
343
353
  "composed": false,
344
354
  "docs": {
@@ -354,7 +364,7 @@ export class TdsPopoverCore {
354
364
  "references": {}
355
365
  }
356
366
  }, {
357
- "method": "tdsClose",
367
+ "method": "internalTdsClose",
358
368
  "name": "internalTdsClose",
359
369
  "bubbles": false,
360
370
  "cancelable": false,
@@ -393,6 +403,12 @@ export class TdsPopoverCore {
393
403
  "target": "window",
394
404
  "capture": false,
395
405
  "passive": false
406
+ }, {
407
+ "name": "internalTdsShow",
408
+ "method": "onTdsShow",
409
+ "target": "window",
410
+ "capture": false,
411
+ "passive": false
396
412
  }];
397
413
  }
398
414
  }