@scania/tegel 0.0.52 → 0.0.71-beta

package/dist/tegel/tegel.esm.js

@@ -1,2 +1 @@
-import{p as e,b as a}from"./p-387e1798.js";export{s as setNonce}from"./p-387e1798.js";const d=()=>{const a=import.meta.url;const d={};if(a!==""){d.resourcesUrl=new URL(".",a).href}return e(d)};d().then((e=>a(JSON.parse('[["p-68e4c190",[[1,"sdds-dropdown-filter",{"modeVariant":[1,"mode-variant"],"placeholder":[1],"label":[1],"defaultOption":[1,"default-option"],"selectedOption":[1,"selected-option"],"disabled":[4],"size":[1],"inline":[4],"labelPosition":[1,"label-position"],"state":[4],"helper":[1],"data":[1],"dataOptions":[32],"filteredContent":[32],"searchTerm":[32],"selectedOptionState":[32],"dropdownRef":[32],"selectedLabel":[32],"selectedValue":[32],"resetOption":[64]},[[0,"inputSearch","updateOptionsContent"],[0,"internalSddsSelect","selectOptionHandler"]]]]],["p-479b1c4e",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"sddsSortChange","updateOptionsContent"],[16,"internalSddsMainCheckboxChange","headCheckboxListener"],[16,"internalSddsRowChange","bodyCheckboxListener"],[16,"sddsFilter","sddsFilterListener"]]]]],["p-b9b329c0",[[1,"sdds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"]}]]],["p-3a93619e",[[1,"sdds-banner",{"icon":[1],"header":[1],"type":[1],"bannerId":[1,"banner-id"],"persistent":[4],"hidden":[4],"hasSubheader":[32],"hasLink":[32],"hideBanner":[64],"showBanner":[64]}]]],["p-1a7f94d3",[[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"]]]]],["p-2080db62",[[1,"sdds-folder-tabs",{"modeVariant":[1,"mode-variant"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectedTab":[32],"selectedTabIndex":[32],"selectTab":[64]}]]],["p-12f566b7",[[6,"sdds-footer-link-group",{"titleText":[1,"title-text"],"open":[32]}]]],["p-ae631412",[[1,"sdds-inline-tabs",{"modeVariant":[1,"mode-variant"],"showLeftScroll":[32],"showRightScroll":[32],"selectedTab":[32],"buttonWidth":[32],"selectTab":[64]}]]],["p-a2cbef2c",[[1,"sdds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"type":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-d517eaef",[[1,"sdds-modal",{"prevent":[4],"size":[1],"actions":[1],"selector":[1],"referenceEl":[16],"show":[4],"isShown":[32],"showModal":[64],"closeModal":[64]}]]],["p-c6c75439",[[1,"sdds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"showLeftScroll":[32],"showRightScroll":[32],"selectedTab":[32],"selectTab":[64]}]]],["p-1df2e987",[[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],"scrubberSize":[1,"scrubber-size"],"snap":[4],"sliderId":[1,"slider-id"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-f55ab621",[[1,"sdds-stepper-item",{"labelText":[1,"label-text"],"state":[1],"hideLabel":[32],"size":[32],"iconSize":[32],"direction":[32],"labelPosition":[32],"setWidth":[64]}]]],["p-fcb9e2c1",[[2,"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"],"noMinWidth":[4,"no-min-width"],"focusInput":[32]}]]],["p-5812ec42",[[6,"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]}]]],["p-4499e5cd",[[1,"sdds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"type":[1],"hidden":[4],"toastRole":[1,"toast-role"],"hasSubheader":[32],"hasLink":[32],"hideToast":[64],"showToast":[64]}]]],["p-64dd37d4",[[1,"sdds-accordion",{"modeVariant":[1,"mode-variant"]}]]],["p-400d74c2",[[1,"sdds-badges",{"value":[1],"hidden":[4],"isSmall":[4,"is-small"],"size":[1],"shape":[32],"text":[32]}]]],["p-5dc33f45",[[1,"sdds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-2c57f4bb",[[1,"sdds-breadcrumb"]]],["p-88ba44a7",[[1,"sdds-breadcrumb-link",{"current":[4],"href":[1],"target":[1],"rel":[1],"disabled":[4]}]]],["p-29bcd369",[[1,"sdds-button",{"text":[1],"type":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-15c44320",[[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]}]]],["p-1e196fff",[[6,"sdds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[516],"value":[1],"toggleCheckbox":[64]}]]],["p-bdaf0bc2",[[1,"sdds-divider",{"orientation":[1]}]]],["p-ce84159b",[[1,"sdds-folder-tabs-button",{"disabled":[4],"selected":[4],"tabWidth":[32],"setTabWidth":[64]}]]],["p-4dee91c9",[[1,"sdds-folder-tabs-link",{"disabled":[4],"selected":[4],"href":[1],"target":[1],"rel":[1],"tabWidth":[32],"setTabWidth":[64]}]]],["p-a5cd0006",[[1,"sdds-footer",{"modeVariant":[1,"mode-variant"],"hasTopPart":[32]}]]],["p-5ca26ce8",[[6,"sdds-footer-link",{"href":[1],"target":[1],"rel":[1]}]]],["p-5f6fe516",[[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,"internalSddsPropChange","internalSddsPropChangeListener"],[16,"internalSddsSortingChange","internalSddsSortingChangeListener"],[16,"sddsSortChange","updateOptionsContent"]]]]],["p-8b807df5",[[1,"sdds-inline-tabs-button",{"disabled":[4],"selected":[4]}]]],["p-b8d838d1",[[1,"sdds-inline-tabs-link",{"disabled":[4],"selected":[4],"href":[1],"target":[1],"rel":[1]}]]],["p-750b7e5f",[[4,"sdds-link",{"href":[1],"target":[1],"disabled":[4],"underline":[4],"rel":[1]}]]],["p-595c05f4",[[1,"sdds-navigation-tabs-button",{"disabled":[4],"selected":[4]}]]],["p-edc4d742",[[1,"sdds-navigation-tabs-link",{"disabled":[4],"selected":[4],"href":[1],"target":[1],"rel":[1]}]]],["p-7f22cee6",[[1,"sdds-popover-canvas",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32]},[[8,"click","onAnyClick"]]]]],["p-7991d22f",[[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"]]]]],["p-ad3439b8",[[6,"sdds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-067789d2",[[0,"sdds-spinner",{"size":[1],"variant":[1]}]]],["p-7f10356d",[[1,"sdds-stepper",{"direction":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"width":[32]}]]],["p-3a9db8c4",[[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"]}]]],["p-52ecce88",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"]]]]],["p-ef5487a3",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsPagination","sddsPaginationListener"]]]]],["p-5cc6d070",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsMainCheckboxChange","internalSddsMainCheckboxChangeListener"],[16,"internalSddsRowExpanded","internalSddsRowExpandedListener"]]]]],["p-ccb82bc3",[[1,"sdds-table-toolbar",{"tableTitle":[513,"table-title"],"enableFiltering":[516,"enable-filtering"],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"internalSddsTablePropChange","internalSddsPropChangeListener"]]]]],["p-bdae6bc9",[[6,"sdds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"toggle":[64]}]]],["p-c4d28002",[[1,"sdds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"show":[1028],"placement":[1],"popperInstance":[32],"target":[32]}]]],["p-23998948",[[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,"internalSddsPropChange","internalSddsPropChangeListener"],[16,"internalSddsHover","internalSddsHoverListener"],[16,"internalSddsTextAlign","internalSddsTextAlignListener"]]],[1,"sdds-table-body-row",{"enableMultiselect":[32],"bodyCheckBoxStatus":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"tableId":[32]},[[16,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsMainCheckboxSelect","headCheckboxListener"],[16,"internalSddsCheckboxChange","internalSddsCheckboxChangeListener"]]]]],["p-626434af",[[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":[4],"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],"listItemObject":[32],"resetOption":[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"internalSddsSelect","selectOptionHandler"]]],[1,"sdds-dropdown-option",{"selected":[4],"disabled":[4],"value":[513],"innerValue":[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]]]],["p-f23cb0ae",[[1,"sdds-icon",{"name":[513],"size":[513],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e)));
-//# sourceMappingURL=tegel.esm.js.map
+import{p as e,b as d}from"./p-7b91ccd4.js";export{s as setNonce}from"./p-7b91ccd4.js";(()=>{const d=import.meta.url,a={};return""!==d&&(a.resourcesUrl=new URL(".",d).href),e(a)})().then((e=>d(JSON.parse('[["p-cefda434",[[1,"sdds-header-launcher",{"open":[32],"buttonEl":[32],"hasListTypeMenu":[32]},[[8,"click","onAnyClick"]]]]],["p-9a16c425",[[1,"sdds-header-dropdown",{"buttonLabel":[1,"button-label"],"noDropdownIcon":[4,"no-dropdown-icon"],"selected":[4],"open":[32],"buttonEl":[32]},[[4,"click","onAnyClick"]]]]],["p-4149feff",[[1,"sdds-dropdown-filter",{"modeVariant":[1,"mode-variant"],"placeholder":[1],"label":[1],"defaultOption":[1,"default-option"],"openDirection":[1,"open-direction"],"selectedOption":[1,"selected-option"],"disabled":[4],"size":[1],"inline":[4],"labelPosition":[1,"label-position"],"state":[4],"helper":[1],"data":[1],"dataOptions":[32],"filteredContent":[32],"searchTerm":[32],"selectedOptionState":[32],"dropdownRef":[32],"selectedLabel":[32],"selectedValue":[32],"resetOption":[64]},[[0,"internalSddsSearch","updateOptionsContent"],[0,"internalSddsSelect","selectOptionHandler"]]]]],["p-0fef0b44",[[1,"sdds-header-hamburger"]]],["p-4cf4bbc7",[[4,"sdds-table-body",{"bodyData":[1032,"body-data"],"enableDummyData":[4,"enable-dummy-data"],"jsonData":[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,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsSortChange","updateOptionsContent"],[16,"internalSddsMainCheckboxChange","headCheckboxListener"],[16,"internalSddsRowChange","bodyCheckboxListener"],[16,"internalSddsFilter","sddsFilterListener"]]]]],["p-162c3e80",[[17,"sdds-dropdown-option-v2",{"value":[1],"disabled":[4],"selected":[32],"multiselect":[32],"size":[32],"setSelected":[64]}]]],["p-af5f8644",[[1,"sdds-header-brand-symbol",{"linkHref":[1,"link-href"]}]]],["p-92620734",[[1,"sdds-side-menu-dropdown",{"defaultOpen":[4,"default-open"],"buttonLabel":[1,"button-label"],"selected":[4],"open":[32],"hoverState":[32],"collapsed":[32]},[[16,"internalSddsSideMenuPropChange","collapsedSideMenuEventHandler"],[1,"pointerenter","onEventPointerEnter"],[0,"focusin","onEventFocus"],[1,"pointerleave","onEventPointerLeave"],[0,"focusout","onEventBlur"]]]]],["p-01b882b8",[[1,"sdds-side-menu-user",{"heading":[1],"subheading":[1],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"]}]]],["p-35d3a6ba",[[1,"sdds-accordion-item",{"header":[1],"expandIconPosition":[1,"expand-icon-position"],"disabled":[4],"expanded":[4],"paddingReset":[4,"padding-reset"],"toggleAccordionItem":[64]}]]],["p-4b2ab48b",[[1,"sdds-banner",{"icon":[1],"header":[1],"type":[1],"bannerId":[1,"banner-id"],"persistent":[4],"hidden":[4],"hasSubheader":[32],"hasLink":[32],"hideBanner":[64],"showBanner":[64]}]]],["p-75327027",[[2,"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"]]]]],["p-0cb65ab1",[[1,"sdds-dropdown-v2",{"name":[1],"disabled":[4],"helper":[1],"label":[1],"labelPosition":[1,"label-position"],"modeVariant":[1,"mode-variant"],"openDirection":[1,"open-direction"],"placeholder":[1],"size":[1],"error":[4],"multiselect":[4],"filter":[4],"noResultText":[1,"no-result-text"],"defaultValue":[1,"default-value"],"options":[16],"open":[32],"selection":[32],"filterResult":[32],"filterFocus":[32],"reset":[64],"setValue":[64],"removeValue":[64],"close":[64]},[[9,"mousedown","onAnyClick"],[0,"keydown","onKeyDown"]]]]],["p-d47ed579",[[1,"sdds-folder-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"buttonWidth":[32],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64]}]]],["p-e66d22f9",[[1,"sdds-footer-group",{"titleText":[1,"title-text"],"open":[32]}]]],["p-fa250620",[[4,"sdds-header-launcher-list"]]],["p-7410551c",[[1,"sdds-header-launcher-list-item"]]],["p-aaff2dcf",[[1,"sdds-inline-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"showLeftScroll":[32],"showRightScroll":[32],"buttonWidth":[32],"selectTab":[64]}]]],["p-c8ffa2b5",[[1,"sdds-message",{"header":[1],"modeVariant":[1,"mode-variant"],"type":[1],"noIcon":[4,"no-icon"],"minimal":[4]}]]],["p-a3c071af",[[1,"sdds-modal",{"prevent":[4],"size":[1],"actions":[1],"selector":[1],"referenceEl":[16],"show":[4],"isShown":[32],"showModal":[64],"closeModal":[64]}]]],["p-ff845045",[[1,"sdds-navigation-tabs",{"modeVariant":[1,"mode-variant"],"defaultSelectedIndex":[2,"default-selected-index"],"selectedIndex":[514,"selected-index"],"showLeftScroll":[32],"showRightScroll":[32],"selectTab":[64]}]]],["p-2d79b9bd",[[1,"sdds-side-menu-close-button"]]],["p-1ba58650",[[1,"sdds-side-menu-collapse-button",{"collapsed":[32]},[[16,"internalSddsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-b03608fc",[[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],"scrubberSize":[1,"scrubber-size"],"snap":[4],"sliderId":[1,"slider-id"],"reset":[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleMouseUp"],[9,"touchend","handleTouchEnd"],[9,"mousemove","handleMouseMove"],[9,"touchmove","handleTouchMove"]]]]],["p-1f6400d6",[[1,"sdds-stepper-item",{"index":[1],"state":[1],"hideLabel":[32],"size":[32],"orientation":[32],"labelPosition":[32]},[[16,"internalSddsPropsChange","handlePropsChange"]]]]],["p-6e10b47c",[[1,"sdds-table-footer",{"pagination":[516],"rowsPerPage":[514,"rows-per-page"],"paginationValue":[514,"pagination-value"],"maxPages":[514,"max-pages"],"clientSetColumnsNumber":[2,"client-set-columns-number"],"columnsNumber":[32],"numberOfPages":[32],"tempPaginationDisable":[32],"compactDesign":[32],"tableId":[32]},[[16,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsPagination","sddsPaginationListener"]]]]],["p-b70695bf",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsMainCheckboxChange","internalSddsMainCheckboxChangeListener"],[16,"internalSddsRowExpanded","internalSddsRowExpandedListener"]]]]],["p-6d86de0a",[[2,"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"],"noMinWidth":[4,"no-min-width"],"focusInput":[32]}]]],["p-0a36d105",[[6,"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]}]]],["p-2bbc084f",[[1,"sdds-toast",{"toastId":[1,"toast-id"],"header":[1],"subheader":[1],"type":[1],"hidden":[4],"toastRole":[1,"toast-role"],"hasSubheader":[32],"hasLink":[32],"hideToast":[64],"showToast":[64]}]]],["p-754915d2",[[1,"sdds-accordion",{"modeVariant":[1,"mode-variant"]}]]],["p-ca11be70",[[1,"sdds-badges",{"value":[1],"hidden":[4],"isSmall":[4,"is-small"],"size":[1],"shape":[32],"text":[32]}]]],["p-59e1675a",[[1,"sdds-block",{"modeVariant":[1,"mode-variant"]}]]],["p-2cfc549c",[[1,"sdds-breadcrumb"]]],["p-93cc4c14",[[1,"sdds-breadcrumb-item",{"current":[4],"disabled":[4]}]]],["p-3fb6e05d",[[1,"sdds-button",{"text":[1],"type":[1],"size":[1],"disabled":[4],"fullbleed":[4],"modeVariant":[1,"mode-variant"],"onlyIcon":[32]}]]],["p-329466bd",[[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]}]]],["p-1997ad44",[[6,"sdds-chip",{"type":[1],"size":[1],"chipId":[1,"chip-id"],"checked":[4],"name":[1],"value":[1]}]]],["p-d77d95ab",[[1,"sdds-divider",{"orientation":[1]}]]],["p-9022fb54",[[1,"sdds-folder-tab",{"disabled":[4],"selected":[32],"tabWidth":[32],"setTabWidth":[64],"setSelected":[64]}]]],["p-5e06540e",[[1,"sdds-footer",{"modeVariant":[1,"mode-variant"],"hasTopPart":[32]}]]],["p-6841a86b",[[1,"sdds-footer-item"]]],["p-99c2e51a",[[4,"sdds-header"]]],["p-47ba3b5e",[[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,"internalSddsPropChange","internalSddsPropChangeListener"],[16,"internalSddsSortingChange","internalSddsSortingChangeListener"],[16,"internalSortButtonClicked","updateOptionsContent"]]]]],["p-90af53db",[[1,"sdds-header-dropdown-list-user",{"imgUrl":[1,"img-url"],"imgAlt":[1,"img-alt"],"heading":[1],"subheading":[1]}]]],["p-b8d7732f",[[4,"sdds-header-launcher-grid",{"headingElement":[32]}]]],["p-8722e356",[[1,"sdds-header-launcher-grid-item"]]],["p-8e81b555",[[4,"sdds-header-launcher-grid-title"]]],["p-bd23c78a",[[4,"sdds-header-launcher-list-title"]]],["p-6c6c123a",[[1,"sdds-header-title"]]],["p-21b94a51",[[1,"sdds-inline-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-f6ae0ae1",[[4,"sdds-link",{"disabled":[4],"underline":[4]}]]],["p-9411abc6",[[1,"sdds-navigation-tab",{"disabled":[4],"selected":[32],"setSelected":[64]}]]],["p-078f0e4e",[[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"]]]]],["p-44ed309b",[[6,"sdds-radio-button",{"name":[1],"value":[1],"radioId":[1,"radio-id"],"checked":[516],"required":[4],"disabled":[4]}]]],["p-648e9731",[[1,"sdds-side-menu",{"open":[516],"persistent":[516],"collapsed":[516],"isUpperSlotEmpty":[32],"isClosed":[32],"isOpen":[32],"isClosing":[32],"isCollapsed":[32],"isOpening":[32]},[[16,"internalSddsCollapse","collapsedSideMenuEventHandler"]]]]],["p-643db100",[[1,"sdds-side-menu-dropdown-list",{"collapsed":[32]},[[16,"internalSddsSideMenuPropChange","collapsedSideMenuEventHandler"]]]]],["p-a33d346e",[[1,"sdds-side-menu-dropdown-list-item",{"selected":[4],"dropdownHasIcon":[32],"collapsed":[32]},[[16,"internalSddsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-0e108d71",[[1,"sdds-side-menu-overlay"]]],["p-d04df776",[[0,"sdds-spinner",{"size":[1],"variant":[1]}]]],["p-cad55edb",[[1,"sdds-stepper",{"orientation":[1],"labelPosition":[1,"label-position"],"size":[1],"hideLabels":[4,"hide-labels"],"stepperId":[1,"stepper-id"]}]]],["p-af6a029f",[[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"]}]]],["p-dcb46b19",[[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,"internalSddsTablePropChange","internalSddsPropChangeListener"]]]]],["p-9ed4d0b4",[[1,"sdds-table-toolbar",{"tableTitle":[513,"table-title"],"enableFiltering":[516,"enable-filtering"],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"whiteBackground":[32],"tableId":[32]},[[16,"internalSddsTablePropChange","internalSddsPropChangeListener"]]]]],["p-2d83f449",[[6,"sdds-toggle",{"checked":[516],"required":[4],"size":[1],"name":[1],"headline":[1],"disabled":[4],"toggleId":[1,"toggle-id"],"toggle":[64]}]]],["p-bbf30748",[[1,"sdds-tooltip",{"text":[1],"selector":[1],"referenceEl":[16],"mouseOverTooltip":[4,"mouse-over-tooltip"],"show":[1028],"placement":[1],"popperInstance":[32],"target":[32]}]]],["p-034c1134",[[1,"sdds-header-launcher-button",{"active":[4]}]]],["p-f013fbb4",[[1,"sdds-header-dropdown-list",{"type":[513],"headingElement":[32]}]]],["p-22e67438",[[1,"sdds-header-dropdown-list-item",{"selected":[4],"type":[513]}]]],["p-7ae4ab28",[[1,"sdds-table-body-row",{"enableMultiselect":[32],"bodyCheckBoxStatus":[32],"mainCheckBoxStatus":[32],"verticalDividers":[32],"compactDesign":[32],"noMinWidth":[32],"modeVariant":[32],"tableId":[32]},[[16,"internalSddsTablePropChange","internalSddsPropChangeListener"],[16,"internalSddsMainCheckboxSelect","headCheckboxListener"],[16,"internalSddsCheckboxChange","internalSddsCheckboxChangeListener"]]],[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,"internalSddsPropChange","internalSddsPropChangeListener"],[16,"internalSddsHover","internalSddsHoverListener"],[16,"internalSddsTextAlign","internalSddsTextAlignListener"]]]]],["p-a68cc45b",[[1,"sdds-dropdown-option",{"selected":[4],"disabled":[4],"value":[513],"innerValue":[32]},[[1,"mouseover","changeFocusHandler"],[1,"mouseout","removeFocusHandler"],[0,"keydown","onKeyDown"]]],[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":[4],"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],"listItemObject":[32],"resetOption":[64]},[[4,"click","handleDocClick"],[0,"keydown","keyListener"],[0,"internalSddsSelect","selectOptionHandler"]]]]],["p-d8aaf653",[[1,"sdds-side-menu-user-image",{"src":[1],"alt":[1]}],[1,"sdds-side-menu-user-label",{"heading":[1],"subheading":[1]}]]],["p-9834b57e",[[1,"sdds-popover-canvas",{"selector":[1],"referenceEl":[16],"show":[4],"placement":[1],"offsetSkidding":[2,"offset-skidding"],"offsetDistance":[2,"offset-distance"],"modifiers":[16],"renderedShowValue":[32],"popperInstance":[32],"target":[32],"isShown":[32]},[[8,"click","onAnyClick"]]]]],["p-a181df72",[[1,"sdds-side-menu-item",{"selected":[4],"active":[4],"collapsed":[32]},[[16,"internalSddsSideMenuPropChange","collapseSideMenuEventHandler"]]]]],["p-7273ea0f",[[6,"sdds-checkbox",{"name":[1],"checkboxId":[1,"checkbox-id"],"disabled":[4],"required":[4],"checked":[516],"value":[1],"toggleCheckbox":[64]}]]],["p-bba0ff16",[[1,"sdds-header-item",{"active":[4],"selected":[4]}],[1,"sdds-core-header-item"]]],["p-fe9b222c",[[1,"sdds-icon",{"name":[513],"size":[513],"icons_object":[32],"arrayOfIcons":[32]}]]]]'),e)));

package/dist/types/components/accordion/accordion-item/accordion-item.d.ts

@@ -10,8 +10,11 @@ export declare class AccordionItem {
   expanded: boolean;
   /** When true 16px on right padding instead of 64px */
   paddingReset: boolean;
-  /** Fires after the accordion item is closed or opened, emitting the value (as boolean) of the current state of the accordion */
-  sddsToggle: EventEmitter<boolean>;
-  openAccordion(): void;
+  /** Method for toggeling the expanded state of the accordion item. */
+  toggleAccordionItem(): Promise<void>;
+  /** Fires when the accordion item is clicked but before the it is closed or opened. */
+  sddsToggle: EventEmitter<{
+    expanded: boolean;
+  }>;
   render(): any;
 }

package/dist/types/components/banner/sdds-banner.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsBanner {
+  host: HTMLElement;
   /** Name of the icon for the component. For error and information type the icon is predefined. */
   icon: string;
   /** Header text. */
@@ -18,23 +18,20 @@ export declare class SddsBanner {
   hidden: boolean;
   hasSubheader: boolean;
   hasLink: boolean;
-  host: HostElement;
   /** Sends unique banner identifier when the close button is pressed. */
   sddsClose: EventEmitter<{
     bannerId: string;
-    hidden: boolean;
   }>;
-  /** Hides the banner. */
-  hideBanner(): Promise<{
+  /** Sends unique banner identifier when the close button is pressed. */
+  sddsShow: EventEmitter<{
     bannerId: string;
-    hidden: boolean;
   }>;
+  /** Hides the banner. */
+  hideBanner(): Promise<void>;
   /** Shows the banner */
-  showBanner(): Promise<{
-    bannerId: string;
-    hidden: boolean;
-  }>;
+  showBanner(): Promise<void>;
   connectedCallback(): void;
   handleClose: () => void;
+  handleShow: () => void;
   render(): any;
 }

package/dist/types/components/block/sdds-block.d.ts

@@ -1,8 +1,7 @@
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsBlock {
+  host: HTMLElement;
   /** Mode variant of the component, based on current mode. */
   modeVariant: 'primary' | 'secondary';
-  host: HostElement;
   children: Array<HTMLSddsBlockElement>;
   connectedCallback(): void;
   render(): any;

package/dist/types/components/breadcrumb/sdds-breadcrumb-item/sdds-breadcrumb-item.d.ts

@@ -0,0 +1,7 @@
+export declare class SddsBreadcrumbItem {
+  /** Boolean for the current link */
+  current: boolean;
+  /** Toggle the disabled state for the breadcrumb */
+  disabled: boolean;
+  render(): any;
+}

package/dist/types/components/button/button.d.ts

@@ -0,0 +1,17 @@
+export declare class SddsButton {
+  host: HTMLElement;
+  /** Text inside a button */
+  text: string;
+  /** Type of button */
+  type: 'primary' | 'secondary' | 'ghost' | 'danger';
+  size: 'xs' | 'sm' | 'md' | 'lg';
+  /** Control for disabled state of component */
+  disabled: boolean;
+  /** When enabled, makes button take 100% width */
+  fullbleed: boolean;
+  /** Set the mode variant of the the button. */
+  modeVariant: 'primary' | 'secondary';
+  onlyIcon: boolean;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/checkbox/sdds-checkbox.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsCheckbox {
+  host: HTMLElement;
   /** Name for the checkbox's input element. */
   name: string;
   /** ID for the checkbox's input element. Randomly generated if not specified. */
@@ -13,7 +13,6 @@ export declare class SddsCheckbox {
   checked: boolean;
   /** Value for the checkbox */
   value: string;
-  host: HostElement;
   /** Toggles the checked value of the component. */
   toggleCheckbox(): Promise<{
     checkboxId: string;

package/dist/types/components/chip/sdds-chip.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SddsChip {
+  /** Type of chip, depends on usage */
+  type: 'button' | 'radio' | 'checkbox';
+  /** Size of the chip component */
+  size: 'sm' | 'lg';
+  /** ID used for internal chip functionality and events, must be unique.
+   *
+   * **NOTE**: If you're listening for input events you need to set this ID yourself to identify the input, as the default ID is random and will be different every time.
+   */
+  chipId: string;
+  /** Setting it to true set component state to checked. Valid only for type checkbox and radio. */
+  checked: boolean;
+  /** Name for the checkbox or radio input element. Also creates a reference between label and input. Valid only for type checkbox and radio. */
+  name: string;
+  /** Value of input. Valid only for type checkbox and radio. */
+  value: string;
+  /** Sends unique chip identifier and value when it is changed (checked/unchecked). Valid only for type checkbox and radio. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */
+  sddsChange: EventEmitter<{
+    chipId: string;
+    value: string;
+  }>;
+  private handleChange;
+  /** Sends unique chip identifier when chip is clicked. Valid only for type button. If no ID is specified a random one will be generated. To use this listener don't use the randomized ID, use a specific one of your choosing. */
+  sddsClick: EventEmitter<{
+    chipId: string;
+  }>;
+  private handleClick;
+  private renderInputAttributes;
+  render(): any;
+}

package/dist/types/components/data-table/table-body/table-body.d.ts

@@ -1,15 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableBody {
-  /** Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term */
-  disableFilteringFunction: boolean;
-  /** Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting */
-  disableSortingFunction: boolean;
   /** Prop to pass JSON string which enables automatic rendering of table rows and cells  */
   bodyData: any;
   /** Prop for showcase of rendering JSON in body-data, just for presentation purposes */
   enableDummyData: boolean;
-  dummyData: any;
+  jsonData: any;
   host: HTMLElement;
   rowsPerPage: number;
   enableMultiselect: boolean;
@@ -46,7 +42,11 @@ export declare class TableBody {
   bodyCheckBoxClicked: () => void;
   bodyCheckboxListener(): void;
   searchFunction(searchTerm: any): void;
-  sddsFilterListener(event: CustomEvent<any>): void;
+  /** Listens to internalSddsFilter from tableToolbar component */
+  sddsFilterListener(event: CustomEvent<{
+    tableId: string;
+    query: string;
+  }>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;

package/dist/types/components/data-table/table-footer/table-footer.d.ts

@@ -2,49 +2,38 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { InternalSddsTablePropChange } from '../table/table';
 export declare class TableFooter {
   /** Enable pagination and show pagination controls  */
-  enablePagination: boolean;
-  /** Sets how many rows to display when pagination is enabled */
+  pagination: boolean;
+  /** Sets how many rows to display when pagination is enabled. */
   rowsPerPage: number;
-  /** Prop to enable client controlled pagination  */
-  enableClientPagination: boolean;
-  /** Prop for client to set current page number */
-  clientPaginationValue: number;
-  /** Prop for client to set max number of pages */
-  clientMaxPages: number;
+  /** Sets the pagination number. */
+  paginationValue: number;
+  /** Prop for client to set max number of pages. */
+  maxPages: number;
   /** In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too */
   clientSetColumnsNumber: number;
-  /** Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component */
-  disablePaginationFunction: boolean;
   /** State that memorize number of columns to display colSpan correctly - set from parent level */
   columnsNumber: number;
   /** Total number of pages, number of the rows divided with number of rows per page */
   numberOfPages: number;
-  /** Initial value for pagination in input element */
-  paginationValue: number;
   /** Temporarily disable pagination - due to search - set from parent level */
   tempPaginationDisable: boolean;
-  verticalDividers: boolean;
   compactDesign: boolean;
-  noMinWidth: boolean;
-  whiteBackground: boolean;
   tableId: string;
   host: HTMLElement;
-  tableEl: HTMLSddsTableElement;
-  /** @internal Event that footer sends out in order to receive other necessary information from other subcomponents */
-  internalSddsEnablePagination: EventEmitter<any>;
+  private inputElement;
+  private tableEl;
+  /** Event to send current page value to sdds-table-body component, can also be listened to in order to implement custom pagination logic. */
+  sddsPageChange: EventEmitter<{
+    tableId: string;
+    paginationValue: number;
+  }>;
   internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
-  paginationPrev: (event: any) => void;
-  paginationNext: (event: any) => void;
-  paginationInputChange(event: any): void;
+  private previousPage;
+  private nextPage;
+  private paginationInputChange;
   sddsPaginationListener(event: CustomEvent<any>): void;
   runPagination: () => void;
-  /** Event to send current page value back to sdds-table-body component, can also be listened to in order to implement custom pagination logic. */
-  sddsPageChange: EventEmitter<any>;
-  sendPaginationValue(value: any): void;
-  clientPaginationPrev: (event: any) => void;
-  clientPaginationNext: (event: any) => void;
-  clientPaginationInputChange(event: any): void;
   render(): any;
 }

package/dist/types/components/data-table/table-header-cell/table-header-cell.d.ts

@@ -12,7 +12,7 @@ export declare class TableHeaderCell {
   /** Setting for text align, default is left, but user can pass "right" as string - useful for numeric values */
   textAlign: string;
   textAlignState: string;
-  sortingDirection: string;
+  sortingDirection: 'asc' | 'desc';
   sortedByMyKey: boolean;
   disableSortingBtn: boolean;
   verticalDividers: boolean;
@@ -25,18 +25,39 @@ export declare class TableHeaderCell {
   host: HTMLElement;
   tableEl: HTMLSddsTableElement;
   /** Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic. */
-  sddsSortChange: EventEmitter<any>;
+  sddsSortChange: EventEmitter<{
+    tableId: string;
+    columnKey: string;
+    sortingDirection: 'asc' | 'desc';
+  }>;
+  /** @internal Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic. */
+  internalSortButtonClicked: EventEmitter<{
+    tableId: string;
+    key: string;
+  }>;
+  /** @internal Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic. */
+  internalSddsSortChange: EventEmitter<{
+    tableId: string;
+    columnKey: string;
+    sortingDirection: 'asc' | 'desc';
+  }>;
   /** @internal Sends unique table identifier, column key and text align value so the body cells with same key take the same text alignment as header cell */
   internalSddsTextAlign: EventEmitter<any>;
   /** @internal Sends unique table identifier, column key so the body cells with the same key change background when user hovers over header cell */
-  internalSddsHover: EventEmitter<any>;
+  internalSddsHover: EventEmitter<{
+    tableId: string;
+    key: string;
+  }>;
   internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
   internalSddsSortingChangeListener(event: CustomEvent<any>): void;
-  updateOptionsContent(event: CustomEvent<any>): void;
+  updateOptionsContent(event: CustomEvent<{
+    tableId: string;
+    key: string;
+  }>): void;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentWillRender(): void;
-  sortButtonClick: (key: any) => void;
+  sortButtonClick: () => void;
   headerCellContent: () => any;
   onHeadCellHover: (key: any) => void;
   render(): any;

package/dist/types/components/data-table/table-toolbar/table-toolbar.d.ts

@@ -13,7 +13,15 @@ export declare class TableToolbar {
   host: HTMLElement;
   tableEl: HTMLSddsTableElement;
   /** Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic. */
-  sddsFilter: EventEmitter<any>;
+  sddsFilterChange: EventEmitter<{
+    tableId: string;
+    query: string;
+  }>;
+  /** @internal Internal event to notify sdds-table-body that a filter/search has been made. */
+  internalSddsFilter: EventEmitter<{
+    tableId: string;
+    query: string;
+  }>;
   internalSddsPropChangeListener(event: CustomEvent<InternalSddsTablePropChange>): void;
   connectedCallback(): void;
   componentWillLoad(): void;

package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts

@@ -12,6 +12,8 @@ export declare class DropdownFilter {
   label: string;
   /** Add the value of the option to set it as default */
   defaultOption: string;
+  /** Direction that the dropdown will open. Default is auto. */
+  openDirection: 'down' | 'up' | 'auto';
   /** Add the value of the option as string to set it as new selected value */
   selectedOption: string;
   /** Add the value of the option to set it as default */

package/dist/types/components/dropdown/dropdown.d.ts

@@ -51,7 +51,8 @@ export declare class Dropdown {
   handleClick(): void;
   tabbingLabelReset(): void;
   selectOptionHandler(event: CustomEvent<any>): void;
-  inputSearch: EventEmitter<any>;
+  /** @internal Search event that is emitted to the sdds-dropdown-filter */
+  internalSddsSearch: EventEmitter<any>;
   handleSearch(ev: any): void;
   deselectAll(): void;
   resetOption(): Promise<void>;

package/dist/types/components/dropdown-v2/dropdown-option-v2/dropdown-option-v2.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { SddsCheckboxCustomEvent } from '../../../components';
+export declare class SddsDropdownOptionV2 {
+  host: HTMLElement;
+  /** Value for the dropdown option. */
+  value: string;
+  /** Sets the option as disabled. */
+  disabled: boolean;
+  selected: boolean;
+  multiselect: boolean;
+  size: 'sm' | 'md' | 'lg';
+  private parentElement;
+  private label;
+  /** Method to select/deselect an option if the option is not disabled. */
+  setSelected(selected: boolean): Promise<void>;
+  /** Click event for the dropdown option. */
+  sddsSelect: EventEmitter<{
+    selected: boolean;
+    value: string;
+  }>;
+  /** Focus event for the dropdown option. */
+  sddsFocus: EventEmitter<FocusEvent>;
+  /** Blur event for the dropdown option. */
+  sddsBlur: EventEmitter<FocusEvent>;
+  connectedCallback: () => void;
+  handleSingleSelect: () => void;
+  handleMultiselect: (event: SddsCheckboxCustomEvent<{
+    checkboxId: string;
+    checked: boolean;
+    value?: string;
+  }>) => void;
+  handleFocus: (event: any) => void;
+  handleBlur: (event: any) => void;
+  render(): any;
+}

package/dist/types/components/dropdown-v2/dropdown-v2.d.ts

@@ -0,0 +1,86 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SddsDropdownV2 {
+  host: HTMLElement;
+  /** Name for the dropdowns input element. */
+  name: string;
+  /** Sets the dropdown in a disabled state */
+  disabled: boolean;
+  /** Helper text for the dropdown. */
+  helper: string;
+  /** Label text for the dropdown. */
+  label: string;
+  /** Label text position */
+  labelPosition: 'inside' | 'outside';
+  /** Mode variant of the component, based on current mode. */
+  modeVariant: 'primary' | 'secondary';
+  /** The direction the dropdown should open, auto if not specified. */
+  openDirection: 'up' | 'down' | 'auto';
+  /** Placeholder text for the dropdown. */
+  placeholder: string;
+  /** The size of the dropdown. */
+  size: 'sm' | 'md' | 'lg';
+  /** Sets the dropdown in an error state */
+  error: boolean;
+  /** Enables multiselect in the dropdown. */
+  multiselect: boolean;
+  /** Enables filtration in the dropdown. */
+  filter: boolean;
+  /** Text that is displayed if filter is used and there are no options that matches the search. */
+  noResultText: string;
+  /** Default value selected in the dropdown. */
+  defaultValue: string;
+  /** Populate the dropdown via a JSON array */
+  options: Array<{
+    value: string;
+    label: string;
+    disabled: boolean;
+  }>;
+  open: boolean;
+  selection: Array<{
+    value: string;
+    label: string;
+  }>;
+  filterResult: number;
+  filterFocus: boolean;
+  private dropdownList;
+  private inputElement;
+  private children;
+  /** Method that resets the dropdown. */
+  reset(): Promise<void>;
+  /** Method for setting the value of the dropdown. */
+  setValue(newValue: string, newValueLabel: string): Promise<{
+    value: string;
+    label: string;
+  }[]>;
+  /** Method for removing a selected value in the dropdown. */
+  removeValue(oldValue: string): Promise<{
+    value: string;
+    label: string;
+  }[]>;
+  /** Method for closing the dropdown. */
+  close(): Promise<void>;
+  /** Change event for the dropdown. */
+  sddsChange: EventEmitter<{
+    name: string;
+    value: string;
+  }>;
+  /** Focus event for the dropdown. */
+  sddsFocus: EventEmitter<FocusEvent>;
+  /** Blur event for the dropdown. */
+  sddsBlur: EventEmitter<FocusEvent>;
+  /** Input event for the dropdown. */
+  sddsInput: EventEmitter<InputEvent>;
+  onAnyClick(event: MouseEvent): void;
+  onKeyDown(event: KeyboardEvent): Promise<void>;
+  handleOpenState(): void;
+  connectedCallback: () => void;
+  componentDidLoad(): void;
+  setDefaultOption: () => void;
+  getOpenDirection: () => void;
+  getValue: () => string;
+  handleFilter: (event: any) => void;
+  handleFocus: (event: any) => void;
+  handleBlur: (event: any) => void;
+  handleChange: () => void;
+  render(): any;
+}

package/dist/types/components/footer/webcomponent/sdds-footer-group/sdds-footer-group.d.ts

@@ -0,0 +1,13 @@
+export declare class SddsFooterGroup {
+  host: HTMLElement;
+  /** Title text for the link group, only valid on top part of footer. */
+  titleText: string;
+  /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+  open: boolean;
+  /** If the group is placed in the main part of the footer it can have either left or right as a slot position otherwise undefined. */
+  private slotPostion;
+  /** Indicates the if group is part of the top part of the footer. */
+  private topPartGroup;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/webcomponent/sdds-footer-item/sdds-footer-item.d.ts

@@ -0,0 +1,6 @@
+export declare class SddsFooterItem {
+  host: HTMLElement;
+  private parentIsTopPart;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/footer/webcomponent/sdds-footer.d.ts

@@ -1,9 +1,9 @@
-import { HostElement } from '../../../stencil-public-runtime';
 export declare class SddsFooter {
+  host: HTMLElement;
   /** Mode variant of the component, based on current mode. */
   modeVariant: 'primary' | 'secondary';
+  /** Indictes whether or not the footer has a top part. */
   hasTopPart: boolean;
-  host: HostElement;
   connectedCallback(): void;
   render(): any;
 }

package/dist/types/components/header/webcomponent/core-header-item/core-header-item.d.ts

@@ -0,0 +1,3 @@
+export declare class CoreHeaderItem {
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-brand-symbol/header-brand-symbol.d.ts

@@ -0,0 +1,6 @@
+export declare class HeaderBrandSymbol {
+  host: HTMLElement;
+  /** The href for the logo link. */
+  linkHref: string;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-component.d.ts

@@ -0,0 +1,8 @@
+export declare class SddsHeader {
+  host: HTMLElement;
+  private observer;
+  constructor();
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/header/webcomponent/header-dropdown/header-dropdown.d.ts

@@ -0,0 +1,16 @@
+export declare class HeaderDropdown {
+  host: HTMLElement;
+  /** The label of the button that opens the dropdown.
+   * This is an alternative to the button-label slot. */
+  buttonLabel: string;
+  /** If the dropdown icon (downwards chevron) should be hidden. */
+  noDropdownIcon: boolean;
+  /** If the button that opens the dropdown should appear selected. */
+  selected: boolean;
+  open: boolean;
+  buttonEl?: HTMLButtonElement;
+  private uuid;
+  onAnyClick(event: MouseEvent): void;
+  toggleDropdown(): void;
+  render(): any;
+}