@scania/tegel 0.0.1-beta.7 → 0.0.2

package/dist/cjs/tegel.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-e1c79686.js');
+const index = require('./index-b98965c7.js');
 
 /*
  Stencil Client Patch Browser v2.20.0 | MIT Licensed | https://stenciljs.com
@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["sdds-dropdown-filter.cjs",[[1,"sdds-dropdown-filter",{"placeholder":[1],"label":[1],"defaultOption":[1,"default-option"],"selectedOption":[1,"selected-option"],"disabled":[4],"size":[1],"inline":[4],"labelPosition":[1,"label-position"],"state":[1],"helper":[1],"data":[1],"dataOptions":[32],"filteredContent":[32],"searchTerm":[32],"selectedOptionState":[32],"dropdownRef":[32],"selectedLabel":[32],"selectedValue":[32],"resetOption":[64]},[[0,"inputSearch","updateOptionsContent"],[0,"selectOption","selectOptionHandler"]]]]],["sdds-table-body.cjs",[[4,"sdds-table-body",{"disableFilteringFunction":[4,"disable-filtering-function"],"disableSortingFunction":[4,"disable-sorting-function"],"bodyData":[8,"body-data"],"enableDummyData":[4,"enable-dummy-data"],"dummyData":[32],"rowsPerPage":[32],"enableMultiselect":[32],"enablePaginationTableBody":[32],"enableExpandableRows":[32],"innerBodyData":[32],"bodyDataManipulated":[32],"bodyDataOriginal":[32],"multiselectArray":[32],"multiselectArrayJSON":[32],"mainCheckboxStatus":[32],"columnsNumber":[32],"disableAllSorting":[32],"numberOfPages":[32],"paginationValue":[32],"tempPaginationDisable":[32],"showNoResultsMessage":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"bodyRowToTable","bodyCheckboxListener"],[16,"tableFilteringTerm","tableFilteringTermListener"]]]]],["sdds-accordion-item.cjs",[[1,"sdds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"]}]]],["sdds-accordion.cjs",[[1,"sdds-accordion",{"divider":[4],"modeVariant":[1,"mode-variant"]}]]],["sdds-badges.cjs",[[1,"sdds-badges",{"value":[1],"isVisible":[4,"is-visible"],"isSmall":[4,"is-small"],"size":[1],"shape":[32],"text":[32]}]]],["sdds-button.cjs",[[1,"sdds-button",{"text":[1],"type":[1],"variant":[1],"size":[1],"disabled":[4],"fullbleed":[4],"onlyIcon":[32]}]]],["sdds-datetime.cjs",[[1,"sdds-datetime",{"type":[513],"value":[513],"disabled":[4],"size":[1],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"autofocus":[4],"focusInput":[32]},[[0,"focus","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["sdds-header-cell.cjs",[[1,"sdds-header-cell",{"columnKey":[513,"column-key"],"columnTitle":[513,"column-title"],"customWidth":[513,"custom-width"],"sortable":[4],"textAlign":[513,"text-align"],"textAlignState":[32],"sortingDirection":[32],"sortedByMyKey":[32],"disableSortingBtn":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableMultiselect":[32],"enableToolbarDesign":[32],"tableId":[32],"enableExpandableRows":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"sortingSwitcherEvent","sortingSwitcherEventListener"],[16,"sortColumnDataEvent","updateOptionsContent"],[16,"enableMultiselectEvent","enableMultiselectEventListener"]]]]],["sdds-inline-tabs.cjs",[[1,"sdds-inline-tabs",{"defaultTab":[1,"default-tab"],"autoHeight":[4,"auto-height"],"modeVariant":[1,"mode-variant"],"tabs":[32],"buttonWidth":[32],"tabHeight":[32],"showLeftScroll":[32],"showRightScroll":[32],"showTab":[64]}]]],["sdds-inline-tabs-fullbleed.cjs",[[1,"sdds-inline-tabs-fullbleed",{"modeVariant":[1,"mode-variant"],"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["sdds-modal.cjs",[[1,"sdds-modal",{"prevent":[4],"size":[1],"actions":[1],"open":[4],"openModal":[64]}]]],["sdds-navigation-tabs.cjs",[[1,"sdds-navigation-tabs",{"tabs":[32],"showLeftScroll":[32],"showRightScroll":[32]}]]],["sdds-popover-canvas.cjs",[[1,"sdds-popover-canvas",{"selector":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"target":[32]},[[9,"mousedown","handleOutsideClick"]]]]],["sdds-popover-menu.cjs",[[1,"sdds-popover-menu",{"selector":[1],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"target":[32]},[[9,"mousedown","handleOutsideClick"]]]]],["sdds-slider.cjs",[[0,"sdds-slider",{"label":[1],"value":[1],"min":[1],"max":[1],"ticks":[1],"showTickNumbers":[4,"show-tick-numbers"],"tooltip":[4],"disabled":[4],"readOnly":[4,"read-only"],"controls":[4],"input":[4],"step":[1],"name":[1],"size":[1],"snap":[4],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["sdds-spinner.cjs",[[0,"sdds-spinner",{"size":[1],"variant":[1]}]]],["sdds-table.cjs",[[1,"sdds-table",{"verticalDividers":[516,"vertical-dividers"],"compactDesign":[516,"compact-design"],"noMinWidth":[516,"no-min-width"],"whiteBackground":[516,"white-background"],"enableMultiselect":[516,"enable-multiselect"],"enableExpandableRows":[516,"enable-expandable-rows"],"enableResponsive":[516,"enable-responsive"],"tableId":[1,"table-id"]}]]],["sdds-table-body-row-expandable.cjs",[[1,"sdds-table-body-row-expandable",{"colSpan":[2,"col-span"],"isExpanded":[32],"tableId":[32],"columnsNumber":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["sdds-table-footer.cjs",[[1,"sdds-table-footer",{"enablePagination":[516,"enable-pagination"],"rowsPerPage":[514,"rows-per-page"],"enableClientPagination":[516,"enable-client-pagination"],"clientPaginationValue":[514,"client-pagination-value"],"clientMaxPages":[514,"client-max-pages"],"clientSetColumnsNumber":[2,"client-set-columns-number"],"disablePaginationFunction":[4,"disable-pagination-function"],"columnsNumber":[32],"numberOfPages":[32],"paginationValue":[32],"tempPaginationDisable":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"runPaginationEvent","runPaginationEventListener"]]]]],["sdds-table-header.cjs",[[1,"sdds-table-header",{"enableMultiselect":[32],"enableExpandableRows":[32],"mainCheckboxSelected":[32],"mainExpendSelected":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"enableToolbarDesign":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"updateMainCheckboxEvent","updateMainCheckboxEventListener"],[16,"singleRowExpandedEvent","singleRowExpandedEventListener"]]]]],["sdds-table-toolbar.cjs",[[1,"sdds-table-toolbar",{"tableTitle":[513,"table-title"],"enableFiltering":[516,"enable-filtering"],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"]]]]],["sdds-textarea.cjs",[[0,"sdds-textarea",{"label":[1],"name":[1],"helper":[1],"cols":[2],"rows":[2],"labelPosition":[1,"label-position"],"placeholder":[1],"value":[1],"disabled":[4],"readOnly":[4,"read-only"],"state":[1],"maxLength":[2,"max-length"],"modeVariant":[1,"mode-variant"],"autoFocus":[4,"auto-focus"],"focusInput":[32]}]]],["sdds-textfield.cjs",[[4,"sdds-textfield",{"type":[513],"labelPosition":[1,"label-position"],"label":[1],"placeholder":[1],"value":[513],"disabled":[4],"readonly":[4],"size":[1],"modeVariant":[1,"mode-variant"],"noMinWidth":[4,"no-min-width"],"name":[1],"state":[1],"maxLength":[2,"max-length"],"autofocus":[4],"focusInput":[32]}]]],["sdds-tooltip.cjs",[[1,"sdds-tooltip",{"text":[1],"selector":[1],"mouseOverTooltip":[4,"mouse-over-tooltip"],"show":[1028],"placement":[1],"target":[32]}]]],["sdds-icon.cjs",[[1,"sdds-icon",{"name":[513],"size":[513],"icons_object":[32],"arrayOfIcons":[32]}]]],["sdds-body-cell_2.cjs",[[1,"sdds-body-cell",{"cellValue":[520,"cell-value"],"cellKey":[520,"cell-key"],"disablePadding":[516,"disable-padding"],"textAlignState":[32],"activeSorting":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"headCellHoverEvent","headCellHoverEventListener"],[16,"textAlignEvent","textAlignEventListener"]]],[1,"sdds-table-body-row",{"enableMultiselect":[32],"bodyCheckBoxStatus":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"tablePropsChangedEvent","tablePropsChangedEventListener"],[16,"mainCheckboxSelectedEvent","headCheckboxListener"],[16,"updateBodyCheckboxesEvent","updateBodyCheckboxesEventListener"]]]]],["sdds-dropdown_2.cjs",[[1,"sdds-dropdown",{"placeholder":[1],"defaultOption":[1,"default-option"],"selectedOption":[1,"selected-option"],"disabled":[4],"type":[1],"size":[1],"inline":[4],"labelPosition":[1,"label-position"],"label":[1],"state":[1],"helper":[1],"openDirection":[1,"open-direction"],"optionValues":[32],"optionLabels":[32],"open":[32],"node":[32],"selectedLabel":[32],"selectedValue":[32],"selectedValuesArray":[32],"selectedLabelsArray":[32],"dropdownUniqueClass":[32],"openUpwards":[32],"dropdownMenuHeight":[32],"dropdownMenuSelector":[32],"listItemIndex":[32],"listItemArray":[32],"resetOption":[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"selectOption","selectOptionHandler"]]],[1,"sdds-dropdown-option",{"selected":[4],"disabled":[4],"value":[513],"innerValue":[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]]]]], options);
+  return index.bootstrapLazy(JSON.parse("[[\"sdds-banner.cjs\",[[1,\"sdds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"linkText\":[1,\"link-text\"],\"href\":[1],\"linkTarget\":[1,\"link-target\"],\"linkRel\":[1,\"link-rel\"],\"type\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[4],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"sdds-dropdown-filter.cjs\",[[1,\"sdds-dropdown-filter\",{\"placeholder\":[1],\"label\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"state\":[1],\"helper\":[1],\"data\":[1],\"dataOptions\":[32],\"filteredContent\":[32],\"searchTerm\":[32],\"selectedOptionState\":[32],\"dropdownRef\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"resetOption\":[64]},[[0,\"inputSearch\",\"updateOptionsContent\"],[0,\"selectOption\",\"selectOptionHandler\"]]]]],[\"sdds-table-body.cjs\",[[4,\"sdds-table-body\",{\"disableFilteringFunction\":[4,\"disable-filtering-function\"],\"disableSortingFunction\":[4,\"disable-sorting-function\"],\"bodyData\":[8,\"body-data\"],\"enableDummyData\":[4,\"enable-dummy-data\"],\"dummyData\":[32],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"sortColumnDataEvent\",\"updateOptionsContent\"],[16,\"mainCheckboxSelectedEvent\",\"headCheckboxListener\"],[16,\"bodyRowToTable\",\"bodyCheckboxListener\"],[16,\"tableFilteringTerm\",\"tableFilteringTermListener\"]]]]],[\"sdds-accordion-item.cjs\",[[1,\"sdds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"]}]]],[\"sdds-datetime.cjs\",[[1,\"sdds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"sdds-message.cjs\",[[1,\"sdds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"sdds-modal.cjs\",[[1,\"sdds-modal\",{\"prevent\":[4],\"size\":[1],\"actions\":[1],\"open\":[4],\"openModal\":[64]}]]],[\"sdds-slider.cjs\",[[0,\"sdds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"size\":[1],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"sdds-textarea.cjs\",[[0,\"sdds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"focusInput\":[32]}]]],[\"sdds-textfield.cjs\",[[4,\"sdds-textfield\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"sdds-toast.cjs\",[[1,\"sdds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"type\":[1],\"hidden\":[4],\"role\":[1],\"hasSubheader\":[32],\"hasLink\":[32],\"hideToast\":[64],\"showToast\":[64]}]]],[\"sdds-accordion.cjs\",[[1,\"sdds-accordion\",{\"divider\":[4],\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-badges.cjs\",[[1,\"sdds-badges\",{\"value\":[1],\"hidden\":[4],\"isSmall\":[4,\"is-small\"],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"sdds-block.cjs\",[[1,\"sdds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-breadcrumb.cjs\",[[1,\"sdds-breadcrumb\"]]],[\"sdds-breadcrumb-item.cjs\",[[1,\"sdds-breadcrumb-item\",{\"current\":[4],\"href\":[1],\"disabled\":[4]}]]],[\"sdds-button.cjs\",[[1,\"sdds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"sdds-card.cjs\",[[1,\"sdds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"headerPlacement\":[1,\"header-placement\"],\"header\":[1],\"subheader\":[1],\"headerImg\":[1,\"header-img\"],\"headerImgAlt\":[1,\"header-img-alt\"],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"],\"hasCardBottomSlot\":[32],\"hasCardBodySlot\":[32]}]]],[\"sdds-checkbox.cjs\",[[6,\"sdds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"sdds-header-cell.cjs\",[[1,\"sdds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"sortingSwitcherEvent\",\"sortingSwitcherEventListener\"],[16,\"sortColumnDataEvent\",\"updateOptionsContent\"],[16,\"enableMultiselectEvent\",\"enableMultiselectEventListener\"]]]]],[\"sdds-inline-tab.cjs\",[[1,\"sdds-inline-tab\",{\"label\":[1],\"disabled\":[4],\"default\":[4]}]]],[\"sdds-inline-tabs.cjs\",[[1,\"sdds-inline-tabs\",{\"defaultTab\":[1,\"default-tab\"],\"autoHeight\":[4,\"auto-height\"],\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"buttonWidth\":[32],\"tabHeight\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"showTab\":[64]}]]],[\"sdds-inline-tabs-fullbleed.cjs\",[[1,\"sdds-inline-tabs-fullbleed\",{\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32]}]]],[\"sdds-navigation-tabs.cjs\",[[1,\"sdds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32]}]]],[\"sdds-popover-canvas.cjs\",[[1,\"sdds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-popover-menu.cjs\",[[1,\"sdds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-radio-button.cjs\",[[6,\"sdds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"sdds-spinner.cjs\",[[0,\"sdds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"sdds-table.cjs\",[[1,\"sdds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"sdds-table-body-row-expandable.cjs\",[[1,\"sdds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"]]]]],[\"sdds-table-footer.cjs\",[[1,\"sdds-table-footer\",{\"enablePagination\":[516,\"enable-pagination\"],\"rowsPerPage\":[514,\"rows-per-page\"],\"enableClientPagination\":[516,\"enable-client-pagination\"],\"clientPaginationValue\":[514,\"client-pagination-value\"],\"clientMaxPages\":[514,\"client-max-pages\"],\"clientSetColumnsNumber\":[2,\"client-set-columns-number\"],\"disablePaginationFunction\":[4,\"disable-pagination-function\"],\"columnsNumber\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"runPaginationEvent\",\"runPaginationEventListener\"]]]]],[\"sdds-table-header.cjs\",[[1,\"sdds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"updateMainCheckboxEvent\",\"updateMainCheckboxEventListener\"],[16,\"singleRowExpandedEvent\",\"singleRowExpandedEventListener\"]]]]],[\"sdds-table-toolbar.cjs\",[[1,\"sdds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"]]]]],[\"sdds-toggle.cjs\",[[6,\"sdds-toggle\",{\"checked\":[516],\"required\":[4],\"ariaLabelledby\":[1,\"aria-labelledby\"],\"ariaDescribedby\":[1,\"aria-describedby\"],\"size\":[1],\"name\":[1],\"label\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"sdds-tooltip.cjs\",[[1,\"sdds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32]}]]],[\"sdds-link.cjs\",[[4,\"sdds-link\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"underline\":[4],\"rel\":[1]}]]],[\"sdds-body-cell_2.cjs\",[[1,\"sdds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"headCellHoverEvent\",\"headCellHoverEventListener\"],[16,\"textAlignEvent\",\"textAlignEventListener\"]]],[1,\"sdds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"mainCheckboxSelectedEvent\",\"headCheckboxListener\"],[16,\"updateBodyCheckboxesEvent\",\"updateBodyCheckboxesEventListener\"]]]]],[\"sdds-dropdown_2.cjs\",[[1,\"sdds-dropdown\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"type\":[1],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"state\":[1],\"helper\":[1],\"openDirection\":[1,\"open-direction\"],\"optionValues\":[32],\"optionLabels\":[32],\"open\":[32],\"node\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"selectedValuesArray\":[32],\"selectedLabelsArray\":[32],\"dropdownUniqueClass\":[32],\"openUpwards\":[32],\"dropdownMenuHeight\":[32],\"dropdownMenuSelector\":[32],\"listItemIndex\":[32],\"listItemArray\":[32],\"resetOption\":[64]},[[4,\"click\",\"handleDocClick\"],[0,\"keydown\",\"keyListener\"],[0,\"selectOption\",\"selectOptionHandler\"]]],[1,\"sdds-dropdown-option\",{\"selected\":[4],\"disabled\":[4],\"value\":[513],\"innerValue\":[32]},[[1,\"mouseover\",\"changeFocusHandler\"],[1,\"mouseout\",\"removeFocusHandler\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"sdds-icon.cjs\",[[1,\"sdds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
 });

package/dist/collection/collection-manifest.json

@@ -4,7 +4,13 @@
     "./components/accordion/accordion.js",
     "./components/accordion/accordion-item/accordion-item.js",
     "./components/badge/badges.js",
+    "./components/banner/sdds-banner.js",
+    "./components/block/sdds-block.js",
+    "./components/breadcrumb/breadcrumb.js",
+    "./components/breadcrumb/breadcrumb-item/breadcrumb-item.js",
     "./components/button/button-component.js",
+    "./components/card/sdds-card.js",
+    "./components/checkbox/sdds-checkbox.js",
     "./components/data-table/table-body/table-body.js",
     "./components/data-table/table-body-cell/table-body-cell.js",
     "./components/data-table/table-body-row/table-body-row.js",
@@ -18,16 +24,22 @@
     "./components/dropdown/dropdown-filter/dropdown-filter.js",
     "./components/dropdown/dropdown-option/dropdown-option.js",
     "./components/icon/icon.js",
+    "./components/link/sdds-link.js",
+    "./components/message/sdds-message.js",
     "./components/modal/modal.js",
     "./components/popover-canvas/popover-canvas.js",
     "./components/popover-menu/popover-menu.js",
+    "./components/radio-button/radio-button.js",
     "./components/slider/slider.js",
     "./components/spinner/spinner.js",
     "./components/tabs/inline-tabs-default/inline-tabs.js",
+    "./components/tabs/inline-tabs-default/inline-tab/inline-tab.js",
     "./components/tabs/inline-tabs-fullbleed/inline-tabs-fullbleed.js",
     "./components/tabs/navigation-tabs/navigation-tabs.js",
     "./components/textarea/textarea.js",
     "./components/textfield/textfield.js",
+    "./components/toast/sdds-toast.js",
+    "./components/toggle/sdds-toggle.js",
     "./components/tooltip/tooltip.js"
   ],
   "compiler": {

package/dist/collection/components/accordion/accordion-item/accordion-item.css

@@ -1,30 +1,49 @@
 .sdds-accordion-item {
   box-sizing: border-box;
   list-style: none;
-  color: var(--sdds-accordion-colour);
+  color: var(--sdds-accordion-color);
+  position: relative;
   border-top: 1px solid var(--sdds-accordion-border);
 }
 .sdds-accordion-item * {
   box-sizing: border-box;
 }
+.sdds-accordion-item button.sdds-accordion-header-icon-start,
+.sdds-accordion-item button.sdds-accordion-header-icon-end {
+  all: unset;
+}
 .sdds-accordion-item .sdds-accordion-header-icon-start,
-.sdds-accordion-item .sdds-accordion-header-icon-end {
+.sdds-accordion-item .sdds-accordion-header-icon-end,
+.sdds-accordion-item button.sdds-accordion-header-icon-start,
+.sdds-accordion-item button.sdds-accordion-header-icon-end {
+  box-sizing: border-box;
   cursor: pointer;
   display: flex;
   align-items: center;
+  width: 100%;
   font: var(--sdds-headline-07);
   letter-spacing: var(--sdds-headline-07-ls);
   padding: var(--sdds-spacing-element-16);
-  background-color: var(--sdds-accordion-bg);
+  background-color: var(--sdds-accordion-background);
+}
+.sdds-accordion-item .sdds-accordion-header-icon-start *,
+.sdds-accordion-item .sdds-accordion-header-icon-end *,
+.sdds-accordion-item button.sdds-accordion-header-icon-start *,
+.sdds-accordion-item button.sdds-accordion-header-icon-end * {
+  box-sizing: border-box;
 }
 .sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon,
-.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon {
+.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon,
+.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon,
+.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon {
   transform-origin: center;
   transition: transform 0.15s ease-in-out;
-  color: var(--sdds-accordion-colour);
+  color: var(--sdds-accordion-color);
 }
 .sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon > sdds-icon,
-.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon > sdds-icon {
+.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon > sdds-icon,
+.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon > sdds-icon,
+.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon > sdds-icon {
   display: block;
 }
 .sdds-accordion-item .sdds-accordion-title {
@@ -58,14 +77,14 @@
 .sdds-accordion-item.disabled .sdds-accordion-header-icon-end,
 .sdds-accordion-item.disabled .sdds-accordion-header-icon-start,
 .sdds-accordion-item.disabled .sdds-accordion-panel {
-  color: var(--sdds-accordion-colour-disabled);
+  color: var(--sdds-accordion-color-disabled);
   cursor: not-allowed;
 }
 .sdds-accordion-item.disabled .sdds-accordion-icon,
 .sdds-accordion-item.disabled .sdds-accordion-header-icon-end .sdds-accordion-icon,
 .sdds-accordion-item.disabled .sdds-accordion-header-icon-start .sdds-accordion-icon,
 .sdds-accordion-item.disabled .sdds-accordion-panel .sdds-accordion-icon {
-  color: var(--sdds-accordion-colour-disabled);
+  color: var(--sdds-accordion-color-disabled);
 }
 .sdds-accordion-item.disabled:hover,
 .sdds-accordion-item.disabled:hover *, .sdds-accordion-item.disabled:focus,
@@ -118,17 +137,17 @@
 }
 :host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,
 :host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end {
-  background-color: var(--sdds-accordion-bg-focus);
+  background-color: var(--sdds-accordion-background-focus);
   outline: none;
 }
 
 :host(:hover) .sdds-accordion-header-icon-start,
 :host(:hover) .sdds-accordion-header-icon-end {
-  background-color: var(--sdds-accordion-bg-hover);
+  background-color: var(--sdds-accordion-background-hover);
 }
 
 :host(:active) .sdds-accordion-header-icon-start,
 :host(:active) .sdds-accordion-header-icon-end {
-  background-color: var(--sdds-accordion-bg-active);
+  background-color: var(--sdds-accordion-background-active);
   outline: none;
 }

package/dist/collection/components/accordion/accordion-item/accordion-item.js

@@ -1,146 +1,146 @@
-import { h, Host } from '@stencil/core';
-export class AccordionItem {
-  constructor() {
-    this.header = '';
-    this.expandIconPosition = 'end';
-    this.disabled = false;
-    this.expanded = false;
-    this.paddingReset = false;
-  }
-  openAccordion() {
-    this.expanded = !this.expanded;
-    this.accordionItemToggle.emit(this.expanded);
-  }
-  render() {
+import { h, Host } from '@stencil/core';
+export class AccordionItem {
+  constructor() {
+    this.header = '';
+    this.expandIconPosition = 'end';
+    this.disabled = false;
+    this.expanded = false;
+    this.paddingReset = false;
+  }
+  openAccordion() {
+    this.expanded = !this.expanded;
+    this.accordionItemToggle.emit(this.expanded);
+  }
+  render() {
     return (h(Host, null, h("div", { class: `sdds-accordion-item 
         ${this.disabled ? 'disabled' : ''} 
         ${this.expanded ? 'expanded' : ''}
-        ` }, h("div", { class: `sdds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.openAccordion() }, h("div", { class: "sdds-accordion-title" }, this.header), h("div", { class: "sdds-accordion-icon" }, h("sdds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `sdds-accordion-panel 
+        ` }, h("button", { type: "button", "aria-expanded": this.expanded, class: `sdds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.openAccordion(), disabled: this.disabled }, h("div", { class: "sdds-accordion-title" }, this.header), h("div", { class: "sdds-accordion-icon" }, h("sdds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `sdds-accordion-panel 
             ${this.paddingReset ? 'sdds-accordion-panel--padding-reset ' : ''}         
-            ` }, h("slot", null)))));
-  }
-  static get is() { return "sdds-accordion-item"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["accordion-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["accordion-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The header gives users the context about the additional information available inside the panel"
-        },
-        "attribute": "header",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "expandIconPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'start' | 'end'",
-          "resolved": "\"end\" | \"start\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Changes where the expand icon is placed."
-        },
-        "attribute": "expand-icon-position",
-        "reflect": false,
-        "defaultValue": "'end'"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Disabled option in `boolean`."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "expanded": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to true to expand panel open"
-        },
-        "attribute": "expanded",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "paddingReset": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "When true 16px on right padding instead of 64px"
-        },
-        "attribute": "padding-reset",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "accordionItemToggle",
-        "name": "accordionItemToggle",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion"
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }];
-  }
-}
+            ` }, h("slot", null)))));
+  }
+  static get is() { return "sdds-accordion-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["accordion-item.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["accordion-item.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "header": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The header gives users the context about the additional information available inside the panel"
+        },
+        "attribute": "header",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "expandIconPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'start' | 'end'",
+          "resolved": "\"end\" | \"start\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Changes where the expand icon is placed."
+        },
+        "attribute": "expand-icon-position",
+        "reflect": false,
+        "defaultValue": "'end'"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Disabled option in `boolean`."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "expanded": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set to true to expand panel open"
+        },
+        "attribute": "expanded",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "paddingReset": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When true 16px on right padding instead of 64px"
+        },
+        "attribute": "padding-reset",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "accordionItemToggle",
+        "name": "accordionItemToggle",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion"
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/components/accordion/accordion.css

@@ -9,20 +9,6 @@
 :host .sdds-accordion-header-icon-end {
   position: relative;
 }
-:host .sdds-accordion-header-icon-start::after,
-:host .sdds-accordion-header-icon-end::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 0;
-  left: 0;
-  z-index: 2;
-}
-:host .sdds-accordion-header-icon-start::after,
-:host .sdds-accordion-header-icon-end::after {
-  bottom: -1px;
-  border-bottom: 1px solid transparent;
-}
 
 :host(:focus) {
   outline: 2px solid var(--sdds-blue-400);
@@ -30,7 +16,7 @@
 }
 :host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,
 :host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end {
-  background-color: var(--sdds-accordion-bg-focus);
+  background-color: var(--sdds-accordion-background-focus);
   outline: none;
 }
 :host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start::after,
@@ -54,7 +40,7 @@
 
 :host(:active) .sdds-accordion-header-icon-start,
 :host(:active) .sdds-accordion-header-icon-end {
-  background-color: var(--sdds-accordion-bg-active);
+  background-color: var(--sdds-accordion-background-active);
   outline: none;
 }
 :host(:active) .disabled,