@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.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tds-banner.cjs.entry.js +1 -1
- package/dist/cjs/tds-body-cell.cjs.entry.js +15 -4
- package/dist/cjs/tds-dropdown.cjs.entry.js +40 -26
- package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-dropdown.cjs.entry.js +11 -5
- package/dist/cjs/tds-header-launcher.cjs.entry.js +5 -9
- package/dist/cjs/tds-header.cjs.entry.js +1 -1
- package/dist/cjs/tds-modal.cjs.entry.js +1 -1
- package/dist/cjs/tds-popover-core.cjs.entry.js +15 -5
- package/dist/cjs/tds-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/tds-side-menu.cjs.entry.js +1 -1
- package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/banner/banner.css +0 -32
- package/dist/collection/components/dropdown/dropdown.css +32 -5
- package/dist/collection/components/dropdown/dropdown.js +39 -25
- package/dist/collection/components/header/header-dropdown/header-dropdown.css +31 -4
- package/dist/collection/components/header/header-dropdown/header-dropdown.js +10 -4
- package/dist/collection/components/header/header-launcher/header-launcher.css +31 -4
- package/dist/collection/components/header/header-launcher/header-launcher.js +4 -8
- package/dist/collection/components/header/header.css +11 -0
- package/dist/collection/components/modal/modal.css +0 -23
- package/dist/collection/components/popover-core/popover-core.js +22 -6
- package/dist/collection/components/radio-button/radio-button.css +0 -24
- package/dist/collection/components/side-menu/side-menu.css +31 -4
- package/dist/collection/components/table/table-body-cell/table-body-cell.css +0 -4
- package/dist/collection/components/table/table-body-cell/table-body-cell.js +14 -3
- package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -1
- package/dist/collection/components/tooltip/tooltip.css +0 -11
- package/dist/components/popover-core.js +16 -6
- package/dist/components/tds-banner.js +1 -1
- package/dist/components/tds-body-cell.js +15 -4
- package/dist/components/tds-dropdown.js +40 -26
- package/dist/components/tds-header-cell.js +1 -1
- package/dist/components/tds-header-dropdown.js +11 -5
- package/dist/components/tds-header-launcher.js +5 -9
- package/dist/components/tds-header.js +1 -1
- package/dist/components/tds-modal.js +1 -1
- package/dist/components/tds-radio-button.js +1 -1
- package/dist/components/tds-side-menu.js +1 -1
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-banner.entry.js +1 -1
- package/dist/esm/tds-body-cell.entry.js +15 -4
- package/dist/esm/tds-dropdown.entry.js +40 -26
- package/dist/esm/tds-header-cell.entry.js +1 -1
- package/dist/esm/tds-header-dropdown.entry.js +11 -5
- package/dist/esm/tds-header-launcher.entry.js +5 -9
- package/dist/esm/tds-header.entry.js +1 -1
- package/dist/esm/tds-modal.entry.js +1 -1
- package/dist/esm/tds-popover-core.entry.js +15 -5
- package/dist/esm/tds-radio-button.entry.js +1 -1
- package/dist/esm/tds-side-menu.entry.js +1 -1
- package/dist/esm/tds-tooltip.entry.js +1 -1
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-18387cf5.entry.js +1 -0
- package/dist/tegel/p-1fcf69c3.entry.js +1 -0
- package/dist/tegel/p-21b555ec.entry.js +1 -0
- package/dist/tegel/p-3e675690.entry.js +1 -0
- package/dist/tegel/p-8b13327b.entry.js +1 -0
- package/dist/tegel/p-9697550b.entry.js +1 -0
- package/dist/tegel/p-9806d3d3.entry.js +1 -0
- package/dist/tegel/p-afa72e58.entry.js +1 -0
- package/dist/tegel/p-d362d26c.entry.js +1 -0
- package/dist/tegel/{p-052901a5.entry.js → p-dd082e5f.entry.js} +1 -1
- package/dist/tegel/{p-6c23bc53.entry.js → p-e36e82c5.entry.js} +1 -1
- package/dist/tegel/p-f8482e1e.entry.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +2 -0
- package/dist/types/components/header/header-dropdown/header-dropdown.d.ts +1 -0
- package/dist/types/components/popover-core/popover-core.d.ts +4 -2
- package/package.json +1 -1
- package/dist/tegel/p-2ffae2d1.entry.js +0 -1
- package/dist/tegel/p-450eabc1.entry.js +0 -1
- package/dist/tegel/p-50b0f2ff.entry.js +0 -1
- package/dist/tegel/p-540a83e5.entry.js +0 -1
- package/dist/tegel/p-669f7646.entry.js +0 -1
- package/dist/tegel/p-7076c719.entry.js +0 -1
- package/dist/tegel/p-7a8d7b95.entry.js +0 -1
- package/dist/tegel/p-af6d2907.entry.js +0 -1
- package/dist/tegel/p-cc16393b.entry.js +0 -1
- 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 = ".
|
|
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 {
|
package/dist/cjs/tegel.cjs.js
CHANGED
|
@@ -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:
|
|
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:
|
|
287
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
304
|
-
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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:
|
|
16
|
-
|
|
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
|
-
|
|
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
|
|
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: '
|
|
34
|
+
return (h(Host, { key: 'd72add7a12c105e83c0300dc4c6727775dfe10e5' }, h("div", { key: 'b323560bd8b13b6643eafca2ad9deb9bea53689e', class: {
|
|
29
35
|
'state-open': this.open,
|
|
30
|
-
} }, h("tds-header-item", { key: '
|
|
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: '
|
|
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:
|
|
18
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
23
|
-
|
|
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: '
|
|
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: '
|
|
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.
|
|
15
|
+
this.internalTdsShow.emit();
|
|
14
16
|
}
|
|
15
17
|
else {
|
|
16
|
-
this.
|
|
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: '
|
|
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": "
|
|
349
|
+
"method": "internalTdsShow",
|
|
340
350
|
"name": "internalTdsShow",
|
|
341
|
-
"bubbles":
|
|
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": "
|
|
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
|
}
|