@scania/tegel 1.25.0-fix-a11y-chip-beta.0 → 1.25.0-fix-a11y-checkbox-beta.0
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-badge.cjs.entry.js +5 -9
- package/dist/cjs/tds-banner.cjs.entry.js +3 -4
- package/dist/cjs/tds-block.cjs.entry.js +3 -1
- package/dist/cjs/tds-button.cjs.entry.js +6 -4
- package/dist/cjs/tds-card.cjs.entry.js +5 -5
- package/dist/cjs/tds-checkbox.cjs.entry.js +13 -3
- package/dist/cjs/tds-chip.cjs.entry.js +2 -7
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/badge/badge.js +24 -9
- package/dist/collection/components/banner/banner.js +21 -4
- package/dist/collection/components/block/block.js +27 -2
- package/dist/collection/components/button/button.css +3 -3
- package/dist/collection/components/button/button.js +5 -3
- package/dist/collection/components/card/card.js +5 -5
- package/dist/collection/components/checkbox/checkbox.js +30 -3
- package/dist/collection/components/chip/chip.js +3 -8
- package/dist/collection/utils/axeHelpers.js +1 -1
- package/dist/components/{p-6c2d5c85.js → p-96d51054.js} +1 -1
- package/dist/components/{p-eac79032.js → p-ece57b20.js} +14 -3
- package/dist/components/tds-badge.js +7 -9
- package/dist/components/tds-banner.js +4 -4
- package/dist/components/tds-block.js +5 -2
- package/dist/components/tds-button.js +6 -4
- package/dist/components/tds-card.js +5 -5
- package/dist/components/tds-checkbox.js +1 -1
- package/dist/components/tds-chip.js +2 -7
- package/dist/components/tds-dropdown-option.js +1 -1
- package/dist/components/tds-table-body-row.js +1 -1
- package/dist/components/tds-table-footer.js +2 -2
- package/dist/components/tds-table-header.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-badge.entry.js +5 -9
- package/dist/esm/tds-banner.entry.js +3 -4
- package/dist/esm/tds-block.entry.js +3 -1
- package/dist/esm/tds-button.entry.js +6 -4
- package/dist/esm/tds-card.entry.js +5 -5
- package/dist/esm/tds-checkbox.entry.js +13 -3
- package/dist/esm/tds-chip.entry.js +2 -7
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-5242a1f6.entry.js +1 -0
- package/dist/tegel/p-5e0fc86c.entry.js +1 -0
- package/dist/tegel/p-a5e0f030.entry.js +1 -0
- package/dist/tegel/p-b647d20e.entry.js +1 -0
- package/dist/tegel/p-be1d1345.entry.js +1 -0
- package/dist/tegel/p-d027f6b9.entry.js +1 -0
- package/dist/tegel/p-e328e039.entry.js +1 -0
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/badge/badge.d.ts +3 -0
- package/dist/types/components/banner/banner.d.ts +4 -0
- package/dist/types/components/block/block.d.ts +8 -1
- package/dist/types/components/checkbox/checkbox.d.ts +3 -0
- package/dist/types/components.d.ts +67 -1
- package/package.json +1 -1
- package/dist/tegel/p-39373227.entry.js +0 -1
- package/dist/tegel/p-65c77825.entry.js +0 -1
- package/dist/tegel/p-69b38504.entry.js +0 -1
- package/dist/tegel/p-9016758e.entry.js +0 -1
- package/dist/tegel/p-d926d075.entry.js +0 -1
- package/dist/tegel/p-ddd33cce.entry.js +0 -1
- package/dist/tegel/p-f050aad8.entry.js +0 -1
package/dist/cjs/tegel.cjs.js
CHANGED
|
@@ -19,7 +19,7 @@ var 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-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"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\":[4],\"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\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"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],\"stretch\":[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],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"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],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"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\"],\"disablePadding\":[516,\"disable-padding\"],\"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-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\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[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],\"closable\":[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\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"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-input-wrapper.cjs\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[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-header-input-wrapper.cjs\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[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],\"focusElement\":[64]}]]],[\"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],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"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],\"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\"],\"animation\":[1],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"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-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],\"standalone\":[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\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[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\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"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-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"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-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[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],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"reset\":[64],\"focusElement\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas.cjs\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"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-popover-core.cjs\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"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],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"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-table-footer.cjs\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger.cjs\",[[1,\"tds-header-hamburger\"]]],[\"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\":[4],\"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\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner.cjs\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"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],\"stretch\":[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],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"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],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group.cjs\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"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\"],\"disablePadding\":[516,\"disable-padding\"],\"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-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\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[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],\"closable\":[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\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu.cjs\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"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-input-wrapper.cjs\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row.cjs\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[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-header-input-wrapper.cjs\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar.cjs\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[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],\"focusElement\":[64]}]]],[\"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],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion.cjs\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge.cjs\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block.cjs\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"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],\"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\"],\"animation\":[1],\"onlyIcon\":[32]}]]],[\"tds-chip.cjs\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"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-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],\"standalone\":[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\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body.cjs\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[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\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"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-core-header-item_2.cjs\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"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-checkbox.cjs\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggleCheckbox\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2.cjs\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[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],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"open\":[32],\"value\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"reset\":[64],\"focusElement\":[64],\"setValue\":[64],\"appendValue\":[64],\"removeValue\":[64],\"close\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas.cjs\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"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-popover-core.cjs\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"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],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"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;
|
|
@@ -4,6 +4,8 @@ export class TdsBadge {
|
|
|
4
4
|
this.value = '';
|
|
5
5
|
this.hidden = false;
|
|
6
6
|
this.size = 'lg';
|
|
7
|
+
this.tdsAriaLive = 'polite';
|
|
8
|
+
this.tdsAriaLabel = '';
|
|
7
9
|
this.shape = '';
|
|
8
10
|
this.text = '';
|
|
9
11
|
}
|
|
@@ -16,24 +18,18 @@ export class TdsBadge {
|
|
|
16
18
|
checkProps() {
|
|
17
19
|
const valueAsNumber = parseInt(this.value);
|
|
18
20
|
if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
|
|
19
|
-
this.shape = this.value.
|
|
21
|
+
this.shape = this.value.length >= 2 ? 'pill' : '';
|
|
20
22
|
this.size = 'lg';
|
|
21
23
|
this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
|
|
22
24
|
}
|
|
23
|
-
else {
|
|
24
|
-
// eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
|
|
25
|
-
if (this.value !== '' && this.size !== 'sm') {
|
|
26
|
-
console.warn('The provided value is either empty or string, please provide value as number.');
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
25
|
}
|
|
30
26
|
render() {
|
|
31
|
-
return (h("host", { key: '
|
|
27
|
+
return (h("host", { key: '1bb4a6deafad993e87c934ae2e1fac7d0fa94306', role: "status", class: {
|
|
32
28
|
'tds-badge': true,
|
|
33
29
|
[`tds-badge-${this.size}`]: true,
|
|
34
30
|
'tds-badge-pill': this.shape === 'pill',
|
|
35
31
|
'tds-badge-hidden': this.hidden,
|
|
36
|
-
} }, h("div", { key: '
|
|
32
|
+
}, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: '3a32a1394cebceb7600d39508ab2dd5d91087ead', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
|
|
37
33
|
}
|
|
38
34
|
static get is() { return "tds-badge"; }
|
|
39
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -102,11 +98,30 @@ export class TdsBadge {
|
|
|
102
98
|
"attribute": "size",
|
|
103
99
|
"reflect": false,
|
|
104
100
|
"defaultValue": "'lg'"
|
|
101
|
+
},
|
|
102
|
+
"tdsAriaLive": {
|
|
103
|
+
"type": "string",
|
|
104
|
+
"mutable": false,
|
|
105
|
+
"complexType": {
|
|
106
|
+
"original": "'off' | 'polite' | 'assertive'",
|
|
107
|
+
"resolved": "\"assertive\" | \"off\" | \"polite\"",
|
|
108
|
+
"references": {}
|
|
109
|
+
},
|
|
110
|
+
"required": false,
|
|
111
|
+
"optional": false,
|
|
112
|
+
"docs": {
|
|
113
|
+
"tags": [],
|
|
114
|
+
"text": "Defines aria-live attribute"
|
|
115
|
+
},
|
|
116
|
+
"attribute": "tds-aria-live",
|
|
117
|
+
"reflect": false,
|
|
118
|
+
"defaultValue": "'polite'"
|
|
105
119
|
}
|
|
106
120
|
};
|
|
107
121
|
}
|
|
108
122
|
static get states() {
|
|
109
123
|
return {
|
|
124
|
+
"tdsAriaLabel": {},
|
|
110
125
|
"shape": {},
|
|
111
126
|
"text": {}
|
|
112
127
|
};
|
|
@@ -22,6 +22,7 @@ export class TdsBanner {
|
|
|
22
22
|
this.variant = 'default';
|
|
23
23
|
this.bannerId = generateUniqueId();
|
|
24
24
|
this.hidden = false;
|
|
25
|
+
this.roleType = 'banner';
|
|
25
26
|
}
|
|
26
27
|
/** Hides the Banner. */
|
|
27
28
|
async hideBanner() {
|
|
@@ -43,13 +44,11 @@ export class TdsBanner {
|
|
|
43
44
|
const usesHeaderSlot = hasSlot('subheader', this.host);
|
|
44
45
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
45
46
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
46
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: '75cdf09f84a1dac7638a4788eb48c46bca25df4e', role: this.roleType, "aria-hidden": `${this.hidden}`, "aria-live": this.roleType === 'alert' ? 'assertive' : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
|
|
47
48
|
[this.variant]: true,
|
|
48
49
|
hide: this.hidden,
|
|
49
50
|
show: !this.hidden,
|
|
50
|
-
} }, this.icon && (h("div", { key: '
|
|
51
|
-
this.handleClose();
|
|
52
|
-
} }, h("tds-icon", { key: '0a97ab51a7c1f3cff24cb348903c0e32cd5c3975', name: "cross", size: "20px" })))));
|
|
51
|
+
} }, this.icon && (h("div", { key: 'fbc4f8da1b9ff964b676644167543cdbee176f42', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '26030bb557b9577084a54e2ef890138a2e77a798', name: this.icon, size: "20px", svgTitle: this.icon }))), h("div", { key: '94b8134ce4407f3a1190e35948d030734d76d7e5', class: "content" }, h("div", { key: '4352ab96dfa32e26bc99b0f0c7fec0393c15d784', class: "header-subheader" }, this.header && h("div", { key: 'c31647bdaaeccc5209630da0e20024d1b93f55e9', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'ad0ab42576026a5d563559150197bf2fcb6de0e0', name: "header" }), this.subheader && h("div", { key: '20c64e0e58e582d8c5a2cb384c73176864ad650f', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'b43635b5d0c36e54562676f57f2296290d04e087', name: "subheader" })), usesActionsSlot && h("slot", { key: '37613fb7d8b745aac05b9878f2e2c195bcca6453', name: "actions" })), h("div", { key: '670d386ded1892d4db0e462b4a34a9de7a559d89', class: `banner-close` }, h("button", { key: 'bacd3ab747cbdfbcc61732b13385506e17691ab6', "aria-label": "Close banner", onClick: this.handleClose }, h("tds-icon", { key: '7e508cf4500350cc74e24fa7338b98134560ce31', name: "cross", size: "20px", svgTitle: "Close" })))));
|
|
53
52
|
}
|
|
54
53
|
static get is() { return "tds-banner"; }
|
|
55
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -175,6 +174,24 @@ export class TdsBanner {
|
|
|
175
174
|
"attribute": "hidden",
|
|
176
175
|
"reflect": true,
|
|
177
176
|
"defaultValue": "false"
|
|
177
|
+
},
|
|
178
|
+
"roleType": {
|
|
179
|
+
"type": "string",
|
|
180
|
+
"mutable": false,
|
|
181
|
+
"complexType": {
|
|
182
|
+
"original": "'banner' | 'region' | 'alert'",
|
|
183
|
+
"resolved": "\"alert\" | \"banner\" | \"region\"",
|
|
184
|
+
"references": {}
|
|
185
|
+
},
|
|
186
|
+
"required": false,
|
|
187
|
+
"optional": false,
|
|
188
|
+
"docs": {
|
|
189
|
+
"tags": [],
|
|
190
|
+
"text": "Defines the ARIA role of the banner. Defaults to \"banner\" for global use,\nbut can be set to \"region\" or \"alert\" if used differently."
|
|
191
|
+
},
|
|
192
|
+
"attribute": "role-type",
|
|
193
|
+
"reflect": false,
|
|
194
|
+
"defaultValue": "'banner'"
|
|
178
195
|
}
|
|
179
196
|
};
|
|
180
197
|
}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
/**
|
|
3
|
-
* @slot <default> - <b>
|
|
3
|
+
* @slot - <default> - <b>Default</b> slot for content inside the block.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* <tds-block>
|
|
7
|
+
* <section>Semantic section content</section>
|
|
8
|
+
* </tds-block>
|
|
4
9
|
*/
|
|
5
10
|
export class TdsBlock {
|
|
6
11
|
constructor() {
|
|
7
12
|
this.modeVariant = null;
|
|
13
|
+
this.componentTag = 'div';
|
|
8
14
|
}
|
|
9
15
|
getNestingLevel() {
|
|
10
16
|
let level = 0;
|
|
@@ -18,6 +24,7 @@ export class TdsBlock {
|
|
|
18
24
|
return level;
|
|
19
25
|
}
|
|
20
26
|
render() {
|
|
27
|
+
const TagType = this.componentTag;
|
|
21
28
|
const nestingLevel = this.getNestingLevel();
|
|
22
29
|
let evenOddClass = '';
|
|
23
30
|
if (this.modeVariant === null) {
|
|
@@ -28,7 +35,7 @@ export class TdsBlock {
|
|
|
28
35
|
evenOddClass = 'tds-block-odd';
|
|
29
36
|
}
|
|
30
37
|
}
|
|
31
|
-
return (h(
|
|
38
|
+
return (h(TagType, { key: '82ac7d3a746ea2fafafd81e5bcbb1d4c0d854ca2', class: `tds-block ${evenOddClass} ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: '6e3930c8b38ac92eb26a6080e16698352865afe8' })));
|
|
32
39
|
}
|
|
33
40
|
static get is() { return "tds-block"; }
|
|
34
41
|
static get encapsulation() { return "shadow"; }
|
|
@@ -61,6 +68,24 @@ export class TdsBlock {
|
|
|
61
68
|
"attribute": "mode-variant",
|
|
62
69
|
"reflect": false,
|
|
63
70
|
"defaultValue": "null"
|
|
71
|
+
},
|
|
72
|
+
"componentTag": {
|
|
73
|
+
"type": "string",
|
|
74
|
+
"mutable": false,
|
|
75
|
+
"complexType": {
|
|
76
|
+
"original": "| 'section'\n | 'div'\n | 'article'\n | 'aside'\n | 'header'\n | 'footer'\n | 'nav'\n | 'main'",
|
|
77
|
+
"resolved": "\"article\" | \"aside\" | \"div\" | \"footer\" | \"header\" | \"main\" | \"nav\" | \"section\"",
|
|
78
|
+
"references": {}
|
|
79
|
+
},
|
|
80
|
+
"required": false,
|
|
81
|
+
"optional": false,
|
|
82
|
+
"docs": {
|
|
83
|
+
"tags": [],
|
|
84
|
+
"text": "Specifies the HTML tag to be used for the component wrapper."
|
|
85
|
+
},
|
|
86
|
+
"attribute": "component-tag",
|
|
87
|
+
"reflect": false,
|
|
88
|
+
"defaultValue": "'div'"
|
|
64
89
|
}
|
|
65
90
|
};
|
|
66
91
|
}
|
|
@@ -489,15 +489,15 @@ button.danger.disabled, button.danger:disabled {
|
|
|
489
489
|
height: var(--tds-spacing-element-16);
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
:host(
|
|
492
|
+
:host(.disabled:active) {
|
|
493
493
|
pointer-events: none;
|
|
494
494
|
}
|
|
495
495
|
|
|
496
|
-
:host(
|
|
496
|
+
:host(.disabled) button {
|
|
497
497
|
cursor: not-allowed;
|
|
498
498
|
}
|
|
499
499
|
|
|
500
|
-
:host(
|
|
500
|
+
:host(.fullbleed) {
|
|
501
501
|
width: 100%;
|
|
502
502
|
justify-content: center;
|
|
503
503
|
}
|
|
@@ -22,9 +22,11 @@ export class TdsButton {
|
|
|
22
22
|
if (!this.text && !hasLabelSlot) {
|
|
23
23
|
this.onlyIcon = true;
|
|
24
24
|
}
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: 'b50a0bfecae92e758228c3e6c17c6e04c2582df4', class: {
|
|
26
26
|
[`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
|
|
27
|
-
|
|
27
|
+
disabled: Boolean(this.disabled),
|
|
28
|
+
fullbleed: Boolean(this.fullbleed),
|
|
29
|
+
}, disabled: this.disabled }, h("button", { key: 'eeef9e5533d630209b9a116e1b9ca387a4b982b7', type: this.type, disabled: this.disabled, class: {
|
|
28
30
|
'primary': this.variant === 'primary',
|
|
29
31
|
'secondary': this.variant === 'secondary',
|
|
30
32
|
'ghost': this.variant === 'ghost',
|
|
@@ -38,7 +40,7 @@ export class TdsButton {
|
|
|
38
40
|
'icon': hasIconSlot,
|
|
39
41
|
'only-icon': this.onlyIcon,
|
|
40
42
|
[`animation-${this.animation}`]: this.animation !== 'none',
|
|
41
|
-
} }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '
|
|
43
|
+
} }, this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '5174346d2a5423ba65103ace557a8ff7758fd348', name: "label" }), hasIconSlot && h("slot", { key: 'f00bff4f1412d5b5beebe3834b69792a2879a09a', name: "icon" }))));
|
|
42
44
|
}
|
|
43
45
|
static get is() { return "tds-button"; }
|
|
44
46
|
static get encapsulation() { return "scoped"; }
|
|
@@ -20,13 +20,14 @@ export class TdsCard {
|
|
|
20
20
|
const usesHeaderSlot = hasSlot('header', this.host);
|
|
21
21
|
const usesSubheaderSlot = hasSlot('subheader', this.host);
|
|
22
22
|
const usesThumbnailSlot = hasSlot('thumbnail', this.host);
|
|
23
|
-
return (h("div", { class: "card-header" }, usesThumbnailSlot && h("slot", { name: "thumbnail" }), h("div", { class: "header-subheader" }, this.header && h("span", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("span", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" }))));
|
|
23
|
+
return (h("div", { class: "card-header" }, usesThumbnailSlot && h("slot", { name: "thumbnail" }), h("div", { class: "header-subheader", id: `header-${this.cardId}` }, this.header && h("span", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("span", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" }))));
|
|
24
24
|
};
|
|
25
25
|
this.getCardContent = () => {
|
|
26
26
|
const usesBodySlot = hasSlot('body', this.host);
|
|
27
27
|
const usesBodyImageSlot = hasSlot('body-image', this.host);
|
|
28
28
|
const usesActionsSlot = hasSlot('actions', this.host);
|
|
29
|
-
|
|
29
|
+
const bodyId = `body-${this.cardId}`;
|
|
30
|
+
return (h("div", { class: this.stretch && 'stretch', "aria-describedby": usesBodySlot ? bodyId : null }, this.imagePlacement === 'below-header' && this.getCardHeader(), h("div", { class: "card-body", id: bodyId }, usesBodyImageSlot && h("slot", { name: "body-image" }), this.bodyImg && h("img", { class: "card-body-img", src: this.bodyImg, alt: this.bodyImgAlt }), this.imagePlacement === 'above-header' && this.getCardHeader(), this.bodyDivider && h("tds-divider", null), usesBodySlot && h("slot", { name: "body" })), usesActionsSlot && h("slot", { name: `actions` })));
|
|
30
31
|
};
|
|
31
32
|
this.modeVariant = null;
|
|
32
33
|
this.imagePlacement = 'below-header';
|
|
@@ -46,9 +47,8 @@ export class TdsCard {
|
|
|
46
47
|
[this.imagePlacement]: !this.stretch,
|
|
47
48
|
[`${this.imagePlacement}-stretch`]: this.stretch,
|
|
48
49
|
};
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
} }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
|
|
50
|
+
const ariaLabel = this.header ? this.header : `Card ${this.cardId}`;
|
|
51
|
+
return (h(Host, { key: '3386e1f0d6536d31d7207c074a5e0f16ebf18a77', class: this.modeVariant && `tds-mode-variant-${this.modeVariant}` }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "tds-card"; }
|
|
54
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -22,6 +22,7 @@ export class TdsCheckbox {
|
|
|
22
22
|
this.checked = false;
|
|
23
23
|
this.indeterminate = false;
|
|
24
24
|
this.value = undefined;
|
|
25
|
+
this.tdsAriaLabel = undefined;
|
|
25
26
|
}
|
|
26
27
|
/** Toggles the checked value of the component. */
|
|
27
28
|
async toggleCheckbox() {
|
|
@@ -50,12 +51,21 @@ export class TdsCheckbox {
|
|
|
50
51
|
this.indeterminate = false;
|
|
51
52
|
}
|
|
52
53
|
}
|
|
54
|
+
connectedCallback() {
|
|
55
|
+
const hasLabeledAndDescribedBy = this.host.getAttribute('aria-describedby') && this.host.getAttribute('aria-labelledby');
|
|
56
|
+
if (!hasLabeledAndDescribedBy) {
|
|
57
|
+
console.warn('Tegel Checkbox component: aria-describedby or aria-labelledby attributes are missing');
|
|
58
|
+
}
|
|
59
|
+
if (!this.tdsAriaLabel) {
|
|
60
|
+
console.warn('Tegel Checkbox component: tdsAriaLabel prop is missing');
|
|
61
|
+
}
|
|
62
|
+
}
|
|
53
63
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
64
|
+
return (h("div", { key: '2e5501c960153741f6362c414f338a2d66ff5c54', class: "tds-checkbox" }, h("input", { key: '02f0f43e0fb2ff6fec330df2ec08b4558f7bbf60',
|
|
55
65
|
// eslint-disable-next-line no-return-assign
|
|
56
|
-
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
66
|
+
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-label": this.tdsAriaLabel, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
57
67
|
this.handleChange();
|
|
58
|
-
} }), h("label", { key: '
|
|
68
|
+
} }), h("label", { key: '4e8b53749d6f3c88d8b77087773eac500876c0ba', htmlFor: this.checkboxId }, h("slot", { key: 'e595c87bfd340b95651761ee3a7d057e55b70a9b', name: "label" }))));
|
|
59
69
|
}
|
|
60
70
|
static get is() { return "tds-checkbox"; }
|
|
61
71
|
static get encapsulation() { return "scoped"; }
|
|
@@ -194,6 +204,23 @@ export class TdsCheckbox {
|
|
|
194
204
|
},
|
|
195
205
|
"attribute": "value",
|
|
196
206
|
"reflect": false
|
|
207
|
+
},
|
|
208
|
+
"tdsAriaLabel": {
|
|
209
|
+
"type": "string",
|
|
210
|
+
"mutable": false,
|
|
211
|
+
"complexType": {
|
|
212
|
+
"original": "string",
|
|
213
|
+
"resolved": "string",
|
|
214
|
+
"references": {}
|
|
215
|
+
},
|
|
216
|
+
"required": false,
|
|
217
|
+
"optional": false,
|
|
218
|
+
"docs": {
|
|
219
|
+
"tags": [],
|
|
220
|
+
"text": "Value to be used for the aria-label attribute"
|
|
221
|
+
},
|
|
222
|
+
"attribute": "tds-aria-label",
|
|
223
|
+
"reflect": false
|
|
197
224
|
}
|
|
198
225
|
};
|
|
199
226
|
}
|
|
@@ -16,11 +16,7 @@ export class TdsChip {
|
|
|
16
16
|
}
|
|
17
17
|
else if (this.type === 'radio') {
|
|
18
18
|
this.checked = true;
|
|
19
|
-
this.internalRadioOnChange.emit({
|
|
20
|
-
chipId: this.chipId,
|
|
21
|
-
checked: this.checked,
|
|
22
|
-
groupName: this.name,
|
|
23
|
-
});
|
|
19
|
+
this.internalRadioOnChange.emit({ chipId: this.chipId, checked: this.checked, groupName: this.name });
|
|
24
20
|
}
|
|
25
21
|
else {
|
|
26
22
|
console.error('Unsupported type in Chip component!');
|
|
@@ -72,7 +68,6 @@ export class TdsChip {
|
|
|
72
68
|
const hasPrefixSlot = hasSlot('prefix', this.host);
|
|
73
69
|
const hasLabelSlot = hasSlot('label', this.host);
|
|
74
70
|
const hasSuffixSlot = hasSlot('suffix', this.host);
|
|
75
|
-
const textInsideLabel = this.host.querySelector(`[slot="label"]`).innerHTML;
|
|
76
71
|
const chipClasses = {
|
|
77
72
|
'tds-chip-component': true,
|
|
78
73
|
'sm': this.size === 'sm',
|
|
@@ -81,7 +76,7 @@ export class TdsChip {
|
|
|
81
76
|
'suffix': hasSuffixSlot,
|
|
82
77
|
'disabled': this.disabled,
|
|
83
78
|
};
|
|
84
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: 'f92aed7b75c11da93b841554edf2f07f5c1cccb3' }, h("div", { key: '1999e94f8206769fd8d751abbcfb9a7c40bd8810', class: "component" }, h("div", { key: '1e6a977c4bcd584ba519f1ee0ccd73e467c3abc5', class: chipClasses }, h("input", Object.assign({ key: '454afc046e22139b5e8121edfafa1345676d51bb', type: this.type, id: this.chipId }, inputAttributes)), h("label", { key: '8682130ad1d20966ba072d1a81fe50f683c39143', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: 'e0717c5608b870a813b3c0b86c2ce05d821bc7b2', name: "prefix" }), hasLabelSlot && h("slot", { key: 'e0e81a0e95cedbef3d7bc0f695f82a22356b6bee', name: "label" }), hasSuffixSlot && h("slot", { key: '70b48ca42bed4646fe1ce4f8699833aea3d48094', name: "suffix" }))))));
|
|
85
80
|
}
|
|
86
81
|
static get is() { return "tds-chip"; }
|
|
87
82
|
static get encapsulation() { return "scoped"; }
|
|
@@ -253,7 +248,7 @@ export class TdsChip {
|
|
|
253
248
|
"text": ""
|
|
254
249
|
},
|
|
255
250
|
"complexType": {
|
|
256
|
-
"original": "{\n chipId: string;\n checked: boolean;\n groupName: string
|
|
251
|
+
"original": "{\n chipId: string;\n checked: boolean;\n groupName: string\n }",
|
|
257
252
|
"resolved": "{ chipId: string; checked: boolean; groupName: string; }",
|
|
258
253
|
"references": {}
|
|
259
254
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import AxeBuilder from "@axe-core/playwright";
|
|
2
|
-
const disabledRules = ['page-has-heading-one', 'landmark-one-main'];
|
|
2
|
+
const disabledRules = ['page-has-heading-one', 'landmark-one-main', 'region'];
|
|
3
3
|
export const tegelAnalyze = async (page) => new AxeBuilder({ page }).disableRules(disabledRules).analyze();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { a as convertToString } from './p-b1d21573.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
|
3
|
+
import { d as defineCustomElement$2 } from './p-ece57b20.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './p-ad77fb02.js';
|
|
5
5
|
|
|
6
6
|
const dropdownOptionCss = ":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";
|
|
@@ -28,6 +28,7 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
|
|
|
28
28
|
this.checked = false;
|
|
29
29
|
this.indeterminate = false;
|
|
30
30
|
this.value = undefined;
|
|
31
|
+
this.tdsAriaLabel = undefined;
|
|
31
32
|
}
|
|
32
33
|
/** Toggles the checked value of the component. */
|
|
33
34
|
async toggleCheckbox() {
|
|
@@ -56,12 +57,21 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
|
|
|
56
57
|
this.indeterminate = false;
|
|
57
58
|
}
|
|
58
59
|
}
|
|
60
|
+
connectedCallback() {
|
|
61
|
+
const hasLabeledAndDescribedBy = this.host.getAttribute('aria-describedby') && this.host.getAttribute('aria-labelledby');
|
|
62
|
+
if (!hasLabeledAndDescribedBy) {
|
|
63
|
+
console.warn('Tegel Checkbox component: aria-describedby or aria-labelledby attributes are missing');
|
|
64
|
+
}
|
|
65
|
+
if (!this.tdsAriaLabel) {
|
|
66
|
+
console.warn('Tegel Checkbox component: tdsAriaLabel prop is missing');
|
|
67
|
+
}
|
|
68
|
+
}
|
|
59
69
|
render() {
|
|
60
|
-
return (h("div", { key: '
|
|
70
|
+
return (h("div", { key: '2e5501c960153741f6362c414f338a2d66ff5c54', class: "tds-checkbox" }, h("input", { key: '02f0f43e0fb2ff6fec330df2ec08b4558f7bbf60',
|
|
61
71
|
// eslint-disable-next-line no-return-assign
|
|
62
|
-
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
72
|
+
ref: (inputElement) => (this.inputElement = inputElement), indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-label": this.tdsAriaLabel, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
|
|
63
73
|
this.handleChange();
|
|
64
|
-
} }), h("label", { key: '
|
|
74
|
+
} }), h("label", { key: '4e8b53749d6f3c88d8b77087773eac500876c0ba', htmlFor: this.checkboxId }, h("slot", { key: 'e595c87bfd340b95651761ee3a7d057e55b70a9b', name: "label" }))));
|
|
65
75
|
}
|
|
66
76
|
get host() { return this; }
|
|
67
77
|
static get watchers() { return {
|
|
@@ -76,6 +86,7 @@ const TdsCheckbox = /*@__PURE__*/ proxyCustomElement(class TdsCheckbox extends H
|
|
|
76
86
|
"checked": [1540],
|
|
77
87
|
"indeterminate": [1028],
|
|
78
88
|
"value": [1],
|
|
89
|
+
"tdsAriaLabel": [1, "tds-aria-label"],
|
|
79
90
|
"toggleCheckbox": [64]
|
|
80
91
|
}, [[4, "reset", "handleFormReset"]], {
|
|
81
92
|
"indeterminate": ["handleIndeterminateState"]
|
|
@@ -11,6 +11,8 @@ const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
|
|
|
11
11
|
this.value = '';
|
|
12
12
|
this.hidden = false;
|
|
13
13
|
this.size = 'lg';
|
|
14
|
+
this.tdsAriaLive = 'polite';
|
|
15
|
+
this.tdsAriaLabel = '';
|
|
14
16
|
this.shape = '';
|
|
15
17
|
this.text = '';
|
|
16
18
|
}
|
|
@@ -23,24 +25,18 @@ const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
|
|
|
23
25
|
checkProps() {
|
|
24
26
|
const valueAsNumber = parseInt(this.value);
|
|
25
27
|
if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
|
|
26
|
-
this.shape = this.value.
|
|
28
|
+
this.shape = this.value.length >= 2 ? 'pill' : '';
|
|
27
29
|
this.size = 'lg';
|
|
28
30
|
this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
|
|
29
31
|
}
|
|
30
|
-
else {
|
|
31
|
-
// eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
|
|
32
|
-
if (this.value !== '' && this.size !== 'sm') {
|
|
33
|
-
console.warn('The provided value is either empty or string, please provide value as number.');
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
32
|
}
|
|
37
33
|
render() {
|
|
38
|
-
return (h("host", { key: '
|
|
34
|
+
return (h("host", { key: '1bb4a6deafad993e87c934ae2e1fac7d0fa94306', role: "status", class: {
|
|
39
35
|
'tds-badge': true,
|
|
40
36
|
[`tds-badge-${this.size}`]: true,
|
|
41
37
|
'tds-badge-pill': this.shape === 'pill',
|
|
42
38
|
'tds-badge-hidden': this.hidden,
|
|
43
|
-
} }, h("div", { key: '
|
|
39
|
+
}, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: '3a32a1394cebceb7600d39508ab2dd5d91087ead', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
|
|
44
40
|
}
|
|
45
41
|
static get watchers() { return {
|
|
46
42
|
"value": ["watchProps"],
|
|
@@ -51,6 +47,8 @@ const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
|
|
|
51
47
|
"value": [1],
|
|
52
48
|
"hidden": [516],
|
|
53
49
|
"size": [1],
|
|
50
|
+
"tdsAriaLive": [1, "tds-aria-live"],
|
|
51
|
+
"tdsAriaLabel": [32],
|
|
54
52
|
"shape": [32],
|
|
55
53
|
"text": [32]
|
|
56
54
|
}, undefined, {
|