@six-group/ui-library 3.0.0-beta.1.8 → 4.0.0-beta.1

package/dist/ui-library/ui-library.esm.js

@@ -1 +1,2 @@
-import{p as e,b as t}from"./p-30ebc1e7.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-54c48654",[[1,"six-table",{"striped":[4],"loading":[4],"data":[32],"setData":[64]},[[0,"data","handleData"]]]]],["p-0c596054",[[1,"six-select",{"multiple":[4],"maxTagsVisible":[2,"max-tags-visible"],"disabled":[4],"name":[1],"placeholder":[1],"filterPlaceholder":[1,"filter-placeholder"],"filterDebounce":[2,"filter-debounce"],"size":[1],"hoist":[4],"value":[1025],"pill":[4],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"required":[4],"clearable":[4],"invalid":[1028],"line":[4],"errorOnBlur":[4,"error-on-blur"],"filter":[4],"asyncFilter":[4,"async-filter"],"autocomplete":[4],"inputDebounce":[2,"input-debounce"],"options":[16],"virtualScroll":[4,"virtual-scroll"],"defaultValue":[1,"default-value"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"isOpen":[32],"displayLabel":[32],"displayTags":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-531ab886",[[1,"six-header",{"shiftContent":[4,"shift-content"],"openHamburgerMenu":[4,"open-hamburger-menu"],"openSearch":[4,"open-search"],"clickableLogo":[4,"clickable-logo"],"selectedApp":[32],"selectedSection":[32],"setSearchOpenState":[64],"getIsSearchOpen":[64]}]]],["p-2d7ed407",[[1,"six-datepicker",{"type":[1],"locale":[1],"open":[1540],"inline":[516],"readonly":[4],"disabled":[4],"allowedDates":[16],"min":[16],"max":[16],"closeOnSelect":[4,"close-on-select"],"placement":[1],"size":[1],"required":[516],"defaultDate":[1,"default-date"],"placeholder":[1],"value":[1040],"containingElement":[16],"dateFormat":[1,"date-format"],"debounce":[2],"errorOnBlur":[4,"error-on-blur"],"errorText":[1,"error-text"],"label":[1],"name":[513],"clearable":[4],"iconPosition":[1,"icon-position"],"hoist":[4],"pointerDate":[32],"selectionMode":[32],"isDropDownContentUp":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64],"select":[64]},[[9,"resize","resizeHandler"],[9,"scroll","scrollHandler"]]]]],["p-2053c61a",[[1,"six-root",{"breakpoint":[2],"padded":[4],"stage":[1],"version":[1],"collapse":[32]}]]],["p-4162dcdd",[[1,"six-tile",{"label":[1],"iconName":[8,"icon-name"],"closeable":[4],"elevated":[4],"disableTooltip":[4,"disable-tooltip"],"disabled":[516],"size":[513],"visible":[32],"hasIconSlot":[32],"hasLabelSlot":[32],"hide":[64],"show":[64]}]]],["p-eae232c3",[[1,"six-alert",{"open":[1540],"closable":[516],"type":[513],"duration":[2],"isVisible":[32],"show":[64],"hide":[64],"toast":[64]}]]],["p-044b784e",[[1,"six-dialog",{"open":[1540],"label":[1],"noHeader":[4,"no-header"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-dd3cae68",[[1,"six-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-281e8c2d",[[1,"six-search-field",{"placeholder":[1],"debounce":[514],"disabled":[516],"value":[513],"clearable":[4]}]]],["p-6d622ed0",[[1,"six-sidebar-item-group",{"name":[1],"icon":[1],"value":[513],"open":[516],"summaryIcon":[1,"summary-icon"],"hasItems":[32],"summaryIconHasContent":[32]}]]],["p-19ff1079",[[1,"six-tab",{"panel":[513],"active":[516],"closable":[4],"disabled":[516],"setFocus":[64],"removeFocus":[64]}]]],["p-4ed023b8",[[1,"six-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"hasScrollControls":[32],"show":[64]}]]],["p-c4b22513",[[1,"six-avatar",{"image":[1],"alt":[1],"initials":[1],"shape":[1],"hasError":[32]}]]],["p-4d3a4e93",[[1,"six-button",{"type":[513],"size":[513],"caret":[4],"disabled":[516],"loading":[516],"pill":[516],"circle":[516],"submit":[516],"reset":[516],"name":[1],"value":[1],"href":[1],"target":[1],"download":[1],"hasFocus":[32],"hasLabel":[32],"hasPrefix":[32],"hasSuffix":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-eb0956d2",[[1,"six-error-page",{"errorCode":[2,"error-code"],"language":[1],"customTitle":[1,"custom-title"],"customDescription":[16],"customIcon":[1,"custom-icon"]}]]],["p-c536792e",[[1,"six-file-list-item",{"identifier":[513],"name":[513],"date":[513],"size":[514],"nodownload":[516],"nodelete":[516]}]]],["p-3a7daff8",[[2,"six-file-upload",{"compact":[4],"label":[1],"disabled":[4],"accept":[1],"maxFileSize":[2,"max-file-size"],"isOver":[32]},[[1,"dragenter","dragenterHandler"],[1,"dragover","dragoverHandler"],[1,"dragleave","dragleaveHandler"],[1,"drop","dropHandler"]]]]],["p-a98198bd",[[1,"six-badge",{"type":[1],"pill":[4],"pulse":[4]}]]],["p-8e8e922b",[[1,"six-card"]]],["p-d837e5a8",[[1,"six-checkbox",{"name":[1],"value":[1],"disabled":[4],"required":[4],"label":[1],"errorText":[1,"error-text"],"checked":[1540],"indeterminate":[1540],"invalid":[1540],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasLabelSlot":[32],"hasErrorTextSlot":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-7fe09462",[[1,"six-file-list"]]],["p-f00c1783",[[1,"six-footer"]]],["p-007bc8e8",[[1,"six-form",{"novalidate":[4],"getFormData":[64],"getFormControls":[64],"submit":[64],"checkValidity":[64],"reset":[64]}]]],["p-675a8243",[[1,"six-group-label",{"size":[513],"label":[1],"helpText":[1,"help-text"],"disabled":[516],"required":[516],"hasHelpTextSlot":[32],"hasLabelSlot":[32]}]]],["p-0493c926",[[1,"six-language-switcher",{"selected":[1537],"languages":[16]}]]],["p-bf110ea9",[[1,"six-layout-grid",{"columns":[8]}]]],["p-88e1e390",[[1,"six-main-container",{"padded":[4]}]]],["p-376b8f30",[[1,"six-menu-divider"]]],["p-3f577392",[[1,"six-menu-label"]]],["p-76bfa55f",[[1,"six-progress-bar",{"percentage":[2],"indeterminate":[4]}]]],["p-b391f704",[[1,"six-progress-ring",{"size":[2],"strokeWidth":[2,"stroke-width"],"percentage":[2]}]]],["p-354704e5",[[1,"six-radio",{"name":[1],"value":[1],"disabled":[4],"checked":[1540],"invalid":[1540],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-09cb13fa",[[1,"six-range",{"name":[1],"value":[1026],"required":[516],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"disabled":[4],"invalid":[1540],"min":[2],"max":[2],"step":[2],"tooltip":[1],"tooltipFormatter":[16],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasLabelSlot":[32],"hasErrorTextSlot":[32],"hasTooltip":[32],"setFocus":[64],"removeFocus":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-aa37e45a",[[1,"six-sidebar",{"position":[1],"open":[1540],"width":[1],"toggled":[4],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64],"selectItemByIndex":[64],"selectItemByName":[64]}]]],["p-1005d1a8",[[1,"six-sidebar-item",{"value":[513],"selected":[516],"disabled":[516]}]]],["p-ea781e94",[[1,"six-switch",{"name":[1],"value":[1],"disabled":[4],"required":[4],"checked":[1540],"invalid":[1540],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-b9377445",[[1,"six-tab-panel",{"name":[1],"active":[516]}]]],["p-cd79de73",[[1,"six-textarea",{"size":[513],"name":[513],"value":[1537],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"placeholder":[1],"rows":[2],"resize":[1],"disabled":[516],"readonly":[516],"minlength":[514],"maxlength":[514],"required":[516],"invalid":[1540],"autocapitalize":[1],"autocorrect":[1],"autocomplete":[1],"autofocus":[4],"spellcheck":[4],"inputmode":[1],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"setFocus":[64],"removeFocus":[64],"select":[64],"setSelectionRange":[64],"setRangeText":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-d28ac80a",[[1,"six-timepicker",{"format":[1],"separator":[1],"value":[1025],"open":[1540],"inline":[516],"readonly":[4],"disabled":[4],"placement":[1],"size":[1],"required":[516],"placeholder":[1],"errorOnBlur":[4,"error-on-blur"],"errorText":[1,"error-text"],"label":[1],"name":[513],"clearable":[4],"iconPosition":[1,"icon-position"],"hoist":[4],"timeout":[2],"interval":[2],"defaultTime":[1,"default-time"],"debounce":[2],"isPopupContentUp":[32],"isDropDownContentUp":[32],"internalValue":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]},[[9,"resize","resizeHandler"],[9,"scroll","scrollHandler"]]]]],["p-66601906",[[1,"six-tag",{"type":[513],"size":[513],"pill":[516],"clearable":[516]}]]],["p-55c64cbc",[[1,"six-details",{"open":[1540],"summary":[1],"summaryIcon":[1,"summary-icon"],"summaryIconSize":[513,"summary-icon-size"],"disabled":[4],"inline":[4],"selectableEmpty":[4,"selectable-empty"],"hasContent":[4,"has-content"],"animateSummaryIcon":[32],"show":[64],"hide":[64]}]]],["p-d724bbc9",[[1,"six-picto",{"size":[1]}]]],["p-90b26447",[[1,"six-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"trigger":[1],"show":[64],"hide":[64]}]]],["p-6a4f0542",[[1,"six-icon",{"size":[513],"filled":[4]}]]],["p-6494e92d",[[1,"six-stage-indicator",{"stage":[1]}],[4,"set-attributes",{"value":[16]}]]],["p-2924f82f",[[1,"six-item-picker",{"value":[1544],"type":[1],"min":[1544],"max":[1544],"roundtrip":[516],"step":[514],"items":[16],"padded":[4],"paddingLength":[2,"padding-length"],"paddingChar":[1,"padding-char"],"paddingDirection":[1,"padding-direction"],"timeout":[2],"interval":[2],"debounce":[2],"_items":[32],"_itemIndexes":[32]}]]],["p-ce02c34f",[[1,"six-spinner",{"six":[4]}]]],["p-530ea6ec",[[1,"six-input",{"type":[513],"size":[513],"name":[513],"value":[1537],"pill":[516],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"placeholder":[1],"disabled":[516],"readonly":[516],"minlength":[514],"maxlength":[514],"min":[514],"max":[514],"step":[514],"pattern":[513],"required":[516],"autocapitalize":[1],"autocorrect":[1],"autocomplete":[1],"autofocus":[4],"spellcheck":[4],"invalid":[1540],"clearable":[4],"togglePassword":[4,"toggle-password"],"inputmode":[1],"line":[4],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"isPasswordVisible":[32],"setFocus":[64],"removeFocus":[64],"select":[64],"setSelectionRange":[64],"setRangeText":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"getValidity":[64],"isValid":[64],"getValidationMessage":[64],"reset":[64]}]]],["p-1b8dc7b7",[[1,"six-icon-button",{"name":[513],"size":[513],"label":[513],"disabled":[516],"html":[513]}]]],["p-c24292b3",[[1,"six-dropdown",{"open":[1540],"placement":[1],"closeOnSelect":[4,"close-on-select"],"distance":[2],"skidding":[2],"hoist":[4],"containingElement":[16],"filter":[4],"asyncFilter":[4,"async-filter"],"filterPlaceholder":[1,"filter-placeholder"],"autofocusFilter":[4,"autofocus-filter"],"filterDebounce":[2,"filter-debounce"],"disableHideOnEnterAndSpace":[4,"disable-hide-on-enter-and-space"],"options":[16],"virtualScroll":[4,"virtual-scroll"],"_options":[32],"show":[64],"hide":[64],"reposition":[64]}],[1,"six-menu",{"removeBoxShadow":[4,"remove-box-shadow"],"items":[16],"itemsShown":[2,"items-shown"],"virtualScroll":[4,"virtual-scroll"],"itemSize":[2,"item-size"],"scrollingDebounce":[2,"scrolling-debounce"],"scrollingIndex":[32],"sixMenuItemHeight":[32],"typeToSelect":[64]}],[1,"six-menu-item",{"checked":[516],"value":[513],"disabled":[516],"hasFocus":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-93945629",[[1,"six-table-header-cell",{"name":[1],"sort":[1],"filter":[1],"value":[1]}],[1,"six-table-cell"],[1,"six-table-header"],[1,"six-table-row"]]]]'),e)));
+import{p as e,b as t}from"./p-ac4f4d45.js";export{s as setNonce}from"./p-ac4f4d45.js";const i=()=>{const t=import.meta.url;const i={};if(t!==""){i.resourcesUrl=new URL(".",t).href}return e(i)};i().then((e=>t(JSON.parse('[["p-835c3ff7",[[1,"six-select",{"multiple":[4],"maxTagsVisible":[2,"max-tags-visible"],"disabled":[4],"name":[1],"placeholder":[1],"filterPlaceholder":[1,"filter-placeholder"],"filterDebounce":[2,"filter-debounce"],"size":[1],"hoist":[4],"value":[1025],"pill":[4],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"required":[4],"clearable":[4],"invalid":[1028],"line":[4],"errorOnBlur":[4,"error-on-blur"],"filter":[4],"asyncFilter":[4,"async-filter"],"autocomplete":[4],"inputDebounce":[2,"input-debounce"],"options":[16],"virtualScroll":[4,"virtual-scroll"],"defaultValue":[1,"default-value"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"isOpen":[32],"displayLabel":[32],"displayTags":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-559c87f0",[[1,"six-header",{"shiftContent":[4,"shift-content"],"openHamburgerMenu":[4,"open-hamburger-menu"],"openSearch":[4,"open-search"],"clickableLogo":[4,"clickable-logo"],"selectedApp":[32],"selectedSection":[32],"setSearchOpenState":[64],"getIsSearchOpen":[64]}]]],["p-f18ba86f",[[1,"six-datepicker",{"type":[1],"locale":[1],"open":[1540],"inline":[516],"readonly":[4],"disabled":[4],"allowedDates":[16],"min":[16],"max":[16],"closeOnSelect":[4,"close-on-select"],"placement":[1],"size":[1],"required":[516],"defaultDate":[1,"default-date"],"placeholder":[1],"value":[1040],"containingElement":[16],"dateFormat":[1,"date-format"],"debounce":[2],"errorOnBlur":[4,"error-on-blur"],"errorText":[1,"error-text"],"label":[1],"name":[513],"clearable":[4],"iconPosition":[1,"icon-position"],"hoist":[4],"pointerDate":[32],"selectionMode":[32],"isDropDownContentUp":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64],"select":[64]},[[9,"resize","resizeHandler"],[9,"scroll","scrollHandler"]]]]],["p-33f7e22b",[[1,"six-root",{"breakpoint":[2],"padded":[4],"stage":[1],"version":[1],"collapse":[32]}]]],["p-308261c4",[[1,"six-tile",{"label":[1],"iconName":[8,"icon-name"],"closeable":[4],"elevated":[4],"disableTooltip":[4,"disable-tooltip"],"disabled":[516],"size":[513],"visible":[32],"hasIconSlot":[32],"hasLabelSlot":[32],"hide":[64],"show":[64]}]]],["p-9d1d222f",[[1,"six-alert",{"open":[1540],"closable":[516],"type":[513],"duration":[2],"isVisible":[32],"show":[64],"hide":[64],"toast":[64]}]]],["p-054e12cc",[[1,"six-dialog",{"open":[1540],"label":[1],"noHeader":[4,"no-header"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-53a13db5",[[1,"six-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["p-6403fd87",[[1,"six-search-field",{"placeholder":[1],"debounce":[514],"disabled":[516],"value":[513],"clearable":[4]}]]],["p-4ae91795",[[1,"six-sidebar-item-group",{"name":[1],"icon":[1],"value":[513],"open":[516],"summaryIcon":[1,"summary-icon"],"hasItems":[32],"summaryIconHasContent":[32]}]]],["p-c30f9e0b",[[1,"six-tab",{"panel":[513],"active":[516],"closable":[4],"disabled":[516],"setFocus":[64],"removeFocus":[64]}]]],["p-18e5f772",[[1,"six-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"hasScrollControls":[32],"show":[64]}]]],["p-9328e5bc",[[1,"six-avatar",{"image":[1],"alt":[1],"initials":[1],"shape":[1],"hasError":[32]}]]],["p-b0e5658f",[[1,"six-button",{"type":[513],"size":[513],"caret":[4],"disabled":[516],"loading":[516],"pill":[516],"circle":[516],"submit":[516],"reset":[516],"name":[1],"value":[1],"href":[1],"target":[1],"download":[1],"hasFocus":[32],"hasLabel":[32],"hasPrefix":[32],"hasSuffix":[32],"setFocus":[64],"removeFocus":[64]}]]],["p-fed07a1f",[[1,"six-error-page",{"errorCode":[2,"error-code"],"language":[1],"customTitle":[1,"custom-title"],"customDescription":[16],"customIcon":[1,"custom-icon"]}]]],["p-19b50b5a",[[1,"six-file-list-item",{"identifier":[513],"name":[513],"date":[513],"size":[514],"nodownload":[516],"nodelete":[516]}]]],["p-ff0257bf",[[2,"six-file-upload",{"compact":[4],"label":[1],"disabled":[4],"accept":[1],"multiple":[4],"maxFileSize":[2,"max-file-size"],"isOver":[32]},[[1,"dragenter","dragenterHandler"],[1,"dragover","dragoverHandler"],[1,"dragleave","dragleaveHandler"],[1,"drop","dropHandler"]]]]],["p-af793d04",[[1,"six-badge",{"type":[1],"pill":[4],"pulse":[4]}]]],["p-097cced4",[[1,"six-card"]]],["p-90dc6af4",[[1,"six-checkbox",{"name":[1],"value":[1],"disabled":[4],"required":[4],"label":[1],"errorText":[1,"error-text"],"checked":[1540],"indeterminate":[1540],"invalid":[1540],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasLabelSlot":[32],"hasErrorTextSlot":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-820c23f0",[[1,"six-file-list"]]],["p-97323ad7",[[1,"six-footer"]]],["p-c640c2d8",[[1,"six-form",{"novalidate":[4],"getFormData":[64],"getFormControls":[64],"submit":[64],"checkValidity":[64],"reset":[64]}]]],["p-8a970a40",[[1,"six-group-label",{"size":[513],"label":[1],"helpText":[1,"help-text"],"disabled":[516],"required":[516],"hasHelpTextSlot":[32],"hasLabelSlot":[32]}]]],["p-c0cb6436",[[1,"six-language-switcher",{"selected":[1537],"languages":[16]}]]],["p-df655bc9",[[1,"six-layout-grid",{"columns":[8]}]]],["p-73597d13",[[1,"six-main-container",{"padded":[4]}]]],["p-21859bca",[[1,"six-menu-divider"]]],["p-6d75f216",[[1,"six-menu-label"]]],["p-baa03951",[[1,"six-progress-bar",{"percentage":[2],"indeterminate":[4]}]]],["p-c94d0b07",[[1,"six-progress-ring",{"size":[2],"strokeWidth":[2,"stroke-width"],"percentage":[2]}]]],["p-edc96efc",[[1,"six-radio",{"name":[1],"value":[1],"disabled":[4],"checked":[1540],"invalid":[1540],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-7e0cc4ae",[[1,"six-range",{"name":[1],"value":[1026],"required":[516],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"disabled":[4],"invalid":[1540],"min":[2],"max":[2],"step":[2],"tooltip":[1],"tooltipFormatter":[16],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasLabelSlot":[32],"hasErrorTextSlot":[32],"hasTooltip":[32],"setFocus":[64],"removeFocus":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-f9d345e0",[[1,"six-sidebar",{"position":[1],"open":[1540],"width":[1],"toggled":[4],"isVisible":[32],"toggle":[64],"show":[64],"hide":[64],"selectItemByIndex":[64],"selectItemByName":[64]}]]],["p-e19a6c95",[[1,"six-sidebar-item",{"value":[513],"selected":[516],"disabled":[516]}]]],["p-90824648",[[1,"six-switch",{"name":[1],"value":[1],"disabled":[4],"required":[4],"checked":[1540],"invalid":[1540],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-a1d4f6cf",[[1,"six-tab-panel",{"name":[1],"active":[516]}]]],["p-0d79b0c6",[[1,"six-textarea",{"size":[513],"name":[513],"value":[1537],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"placeholder":[1],"rows":[2],"resize":[1],"disabled":[516],"readonly":[516],"minlength":[514],"maxlength":[514],"required":[516],"invalid":[1540],"autocapitalize":[1],"autocorrect":[1],"autocomplete":[1],"autofocus":[4],"spellcheck":[4],"inputmode":[1],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"setFocus":[64],"removeFocus":[64],"select":[64],"setSelectionRange":[64],"setRangeText":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]}]]],["p-dd3c76f1",[[1,"six-icon",{"size":[513],"filled":[4]}]]],["p-c53a63f9",[[1,"six-timepicker",{"format":[1],"separator":[1],"value":[1025],"open":[1540],"inline":[516],"readonly":[4],"disabled":[4],"placement":[1],"size":[1],"required":[516],"placeholder":[1],"errorOnBlur":[4,"error-on-blur"],"errorText":[1,"error-text"],"label":[1],"name":[513],"clearable":[4],"iconPosition":[1,"icon-position"],"hoist":[4],"timeout":[2],"interval":[2],"defaultTime":[1,"default-time"],"debounce":[2],"isPopupContentUp":[32],"isDropDownContentUp":[32],"internalValue":[32],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"reset":[64]},[[9,"resize","resizeHandler"],[9,"scroll","scrollHandler"]]]]],["p-6433c0da",[[1,"six-tag",{"type":[513],"size":[513],"pill":[516],"clearable":[516]}]]],["p-2e48c8d2",[[1,"six-details",{"open":[1540],"summary":[1],"summaryIcon":[1,"summary-icon"],"summaryIconSize":[513,"summary-icon-size"],"disabled":[4],"inline":[4],"selectableEmpty":[4,"selectable-empty"],"hasContent":[4,"has-content"],"animateSummaryIcon":[32],"show":[64],"hide":[64]}]]],["p-19364560",[[1,"six-picto",{"size":[1]}]]],["p-63703ba3",[[1,"six-spinner",{"six":[4]}]]],["p-d5633a29",[[1,"six-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"trigger":[1],"show":[64],"hide":[64]}]]],["p-f4938771",[[1,"six-stage-indicator",{"stage":[1]}],[4,"set-attributes",{"value":[16]}]]],["p-f70e2403",[[1,"six-item-picker",{"value":[1544],"type":[1],"min":[1544],"max":[1544],"roundtrip":[516],"step":[514],"items":[16],"padded":[4],"paddingLength":[2,"padding-length"],"paddingChar":[1,"padding-char"],"paddingDirection":[1,"padding-direction"],"timeout":[2],"interval":[2],"debounce":[2],"_items":[32],"_itemIndexes":[32]}]]],["p-c349d1d4",[[1,"six-menu-item",{"checked":[516],"value":[513],"disabled":[516],"hasFocus":[32],"setFocus":[64],"removeFocus":[64],"getTextLabel":[64]}]]],["p-14f20bbb",[[1,"six-input",{"type":[513],"size":[513],"name":[513],"value":[1537],"pill":[516],"label":[1],"helpText":[1,"help-text"],"errorText":[1,"error-text"],"placeholder":[1],"disabled":[516],"readonly":[516],"minlength":[514],"maxlength":[514],"min":[514],"max":[514],"step":[514],"pattern":[513],"required":[516],"autocapitalize":[1],"autocorrect":[1],"autocomplete":[1],"autofocus":[4],"spellcheck":[4],"invalid":[1540],"clearable":[4],"togglePassword":[4,"toggle-password"],"inputmode":[1],"line":[4],"errorOnBlur":[4,"error-on-blur"],"hasFocus":[32],"hasHelpTextSlot":[32],"hasErrorTextSlot":[32],"hasLabelSlot":[32],"isPasswordVisible":[32],"setFocus":[64],"removeFocus":[64],"select":[64],"setSelectionRange":[64],"setRangeText":[64],"reportValidity":[64],"checkValidity":[64],"setCustomValidity":[64],"getValidity":[64],"isValid":[64],"getValidationMessage":[64],"reset":[64]}]]],["p-b997e43c",[[1,"six-dropdown",{"open":[1540],"placement":[1],"closeOnSelect":[4,"close-on-select"],"distance":[2],"skidding":[2],"hoist":[4],"containingElement":[16],"filter":[4],"asyncFilter":[4,"async-filter"],"filterPlaceholder":[1,"filter-placeholder"],"autofocusFilter":[4,"autofocus-filter"],"filterDebounce":[2,"filter-debounce"],"disableHideOnEnterAndSpace":[4,"disable-hide-on-enter-and-space"],"options":[16],"virtualScroll":[4,"virtual-scroll"],"_options":[32],"show":[64],"hide":[64],"reposition":[64]}],[1,"six-menu",{"removeBoxShadow":[4,"remove-box-shadow"],"items":[16],"itemsShown":[2,"items-shown"],"virtualScroll":[4,"virtual-scroll"],"itemSize":[2,"item-size"],"scrollingDebounce":[2,"scrolling-debounce"],"scrollingIndex":[32],"sixMenuItemHeight":[32],"typeToSelect":[64]}]]],["p-611e1978",[[1,"six-icon-button",{"name":[513],"size":[513],"label":[513],"disabled":[516],"html":[513]}]]]]'),e)));
+//# sourceMappingURL=ui-library.esm.js.map

package/dist/ui-library/ui-library.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,wmWAAuCH"}

package/loader/index.d.ts

@@ -10,3 +10,12 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "ui-library-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@six-group/ui-library",
-  "version": "3.0.0-beta.1.8",
+  "version": "4.0.0-beta.1",
   "description": "Stencil Component Library following the SIX style guide",
   "license": "Apache-2.0",
   "main": "dist/index.cjs.js",
-  "module": "dist/custom-elements/index.js",
+  "module": "./dist/index.js",
   "es2015": "dist/esm/index.mjs",
   "es2017": "dist/esm/index.mjs",
-  "types": "dist/custom-elements/index.d.ts",
+  "types": "./dist/types/components.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
   "unpkg": "dist/ui-library/ui-library.esm.js",
@@ -31,24 +31,21 @@
     "clean": "rimraf dist loader www docs",
     "lint": "eslint src/components/**/*{.ts,.tsx}",
     "lint:fix": "eslint --fix src/**/*{.ts,.tsx}",
-    "prettier": "prettier --check src/**/*{.ts,.tsx,.html,.css,.scss}",
-    "prettier:fix": "prettier --write src/**/*{.ts,.tsx,.html,.css,.scss}",
     "codeclean": "npm run lint:fix && npm run prettier:fix"
   },
   "dependencies": {
-    "@stencil/core": "2.14.0",
+    "@stencil/core": "3.2.1",
     "@types/resize-observer-browser": "^0.1.5"
   },
   "devDependencies": {
     "@fontsource/noto-sans": "^4.5.1",
     "@popperjs/core": "^2.5.3",
-    "@stencil/angular-output-target": "0.4.0",
+    "@stencil/angular-output-target": "^0.6.0",
     "@stencil/eslint-plugin": "^0.4.0",
-    "@stencil/react-output-target": "0.3.1",
-    "@stencil/sass": "^1.5.2",
-    "@stencil/vue-output-target": "0.6.0",
+    "@stencil/react-output-target": "^0.5.0",
+    "@stencil/sass": "^3.0.1",
+    "@stencil/vue-output-target": "^0.8.2",
     "@types/jest": "^26.0.15",
-    "@types/puppeteer": "^5.4.4",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "eslint": "^7.32.0",
@@ -58,7 +55,6 @@
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
     "material-icons": "^1.12.0",
-    "prettier": "2.3.1",
     "puppeteer": "^13.3.2",
     "puppeteer-core": "^13.3.2",
     "replace-in-file": "^6.2.0",

package/readme.md

@@ -4,26 +4,25 @@
 
 This is the actual UI components library.
 
-The Webcomponents here are built with Stencil.
+The Webcomponents in this library are built with Stencil.
 
 ## Stencil
 
 Stencil is a compiler for building fast web apps using Web Components.
 
-Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
+Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
 
 Stencil components are just Web Components, so they work in any major framework or with no framework at all.
 
 ## Getting Started
 
-To start building a new web component using Stencil:
+To start building a new webcomponent using Stencil:
 
 ```bash
 npm run generate six-name-of-new-component
 ```
 
-this will create a new folder containing everything necessary for you to develop a new component
-
+This will create a new folder containing everything necessary for you to develop a new component
 
 To run the unit tests for the components, run:
 
@@ -62,8 +61,8 @@ If you want to do some more advanced debugging you can also use `page.evaluate`.
 
 ```javascript
 await page.evaluate(() => {
-    console.log('this is some evaluation');
-    debugger;
+  console.log('this is some evaluation');
+  debugger;
 });
 ```
 
@@ -73,19 +72,19 @@ and run the same command as above:
 npm run test:debug components/six-button/test/six-button.e2e.ts
 ```
 
-FYI: There seems to be some weird bug when using `page.evaluate` where the browser first stops in a ghost breakpoint and 
+FYI: There seems to be some weird bug when using `page.evaluate` where the browser first stops in a ghost breakpoint and
 you have to reload the browser (Ctrl + R) to get to your evaluation endpoint.
 
 ### Visual Diff Testing
 
-The flag `--screenshot` allows to run visual diff e2e tests. When we run these tests we will make a screenshot of the 
+The flag `--screenshot` allows to run visual diff e2e tests. When we run these tests we will make a screenshot of the
 component and compare it with previous screenshots. You can find the screenshots in [this image folder](./screenshot/images).
 
 When a screenshot test fails you can open the [compare.html](./screenshot/compare.html) which will present you what changed.
 
 When you actually redesigned the component and expect the changes simply delete the old images.
 
-The screenshot tests are not run in the build because the tests seem to always fail in the build and it's very hard to 
+The screenshot tests are not run in the build because the tests seem to always fail in the build and it's very hard to
 figure out what exactly differs there. So if you want to validate the components are still working properly run it locally:
 
 `npm run test:inclScrnsht`
@@ -94,10 +93,10 @@ figure out what exactly differs there. So if you want to validate the components
 
 To see the documentation for your component you need to do the following:
 
-* add an `index.html` to your component folder
-* the `index.html` should have the following structure, where a div with the `container` class surrounds all your examples.
-And the code examples are wrapped in `<div class="container"></div>`:
-    ```html
+- add an `index.html` to your component folder
+- the `index.html` should have the following structure, where a div with the `container` class surrounds all your examples.
+  And the code examples are wrapped in `<div class="container"></div>`:
+  `html
     <!DOCTYPE html>
     <html dir="ltr" lang="en">
     <head>
@@ -118,37 +117,40 @@ And the code examples are wrapped in `<div class="container"></div>`:
     </div>
     </body>
     </html>
-    ``` 
-* additionally you need to have an `EXAMPLES` comment in your readme.md:
-    ```
-    <!-- EXAMPLES -->
-    
-    <!-- Auto Generated Below -->
-    ```
+    `
+- additionally you need to have an `EXAMPLES` comment in your readme.md:
+
+  ```
+  <!-- EXAMPLES -->
+
+  <!-- Auto Generated Below -->
+  ```
 
 ### Prepare
 
 Before creating a new version make sure that:
-* you built the projects to be publish (dist folder should be updated)
-* you updated [CHANGELOG.md](CHANGELOG.md)
-* you know which version to update to
-    * our library follows [Semantic Versioning](https://semver.org/) so follow this guide to decide what kind of version update you will bring:
-        * <b>MAJOR</b> version when you make incompatible API changes 
-            * <b>=></b> Users of the SIX Web Components Library must adapt their code to use the new version.
-        * <b>MINOR</b> version when you add functionality in a backwards compatible manner, and 
-            * <b>=></b> Users of the SIX Web Component Library can use new features but must not adapt their existing code.
-        * <b>PATCH</b> version when you make backwards compatible bug fixes. 
-            * <b>=></b> Users of the SIX Web Component Library get a bug fixed but must not adapt their existing code.
-        
+
+- you built the projects to be publish (dist folder should be updated)
+- you updated [CHANGELOG.md](CHANGELOG.md)
+- you know which version to update to
+  - our library follows [Semantic Versioning](https://semver.org/) so follow this guide to decide what kind of version update you will bring:
+    - <b>MAJOR</b> version when you make incompatible API changes
+      - <b>=></b> Users of the SIX Web Components Library must adapt their code to use the new version.
+    - <b>MINOR</b> version when you add functionality in a backwards compatible manner, and
+      - <b>=></b> Users of the SIX Web Component Library can use new features but must not adapt their existing code.
+    - <b>PATCH</b> version when you make backwards compatible bug fixes.
+      - <b>=></b> Users of the SIX Web Component Library get a bug fixed but must not adapt their existing code.
 
 There are different ways how to create a new version:
 
-* manually increase the version in the `package.json` and `package-lock.json`
-* use `npm version [<newversion> | major | minor | patch | premajor | preminor | prepatch | prerelease [--preid=<prerelease-id>] | from-git]`
-    * [see here for more details](https://docs.npmjs.com/updating-your-published-package-version-number)
-* [use lerna publish](https://lerna.js.org/)
+- manually increase the version in the `package.json` and `package-lock.json`
+- use `npm version [<newversion> | major | minor | patch | premajor | preminor | prepatch | prerelease [--preid=<prerelease-id>] | from-git]`
+  - [see here for more details](https://docs.npmjs.com/updating-your-published-package-version-number)
+- [use lerna publish](https://lerna.js.org/)
 
 No matter what kind of method you use to bump the version make sure that the different packages are in sync - always publish these together:
-* ui-library
-- ui-library-react
-- ui-library-vue
+
+- ui-library
+
+* ui-library-react
+* ui-library-vue

package/dist/cjs/six-table-cell_4.cjs.entry.js

@@ -1,102 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-341df120.js');
-const types = require('./types-581e8ff0.js');
-
-const sixTableCellCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium);font-size:var(--six-font-size-small)}";
-
-let SixTableCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableCell.style = sixTableCellCss;
-
-const sixTableHeaderCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-header-group;cursor:pointer;font-family:var(--six-font-family);font-weight:var(--six-font-weight-bold);color:var(--six-table-header-color);border-bottom:solid 2px var(--six-table-header-border-color);padding:0.75rem}";
-
-let SixTableHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableHeader.style = sixTableHeaderCss;
-
-const getNextState = (states) => (current) => {
-  const next = states.indexOf(current) + 1;
-  return states[next < states.length ? next : 0];
-};
-const getNextSortState = getNextState(Object.values(types.SortDirection));
-const getNextFilterState = getNextState(Object.values(types.FilterMode));
-
-const createSortModel = (key, value) => {
-  return { [key]: value };
-};
-const createFilterModel = (key, filter, value) => {
-  return { [key]: { [filter]: value } };
-};
-
-const SortIcon = {
-  [types.SortDirection.Asc]: 'arrow_drop_up',
-  [types.SortDirection.Desc]: 'arrow_drop_down',
-  [types.SortDirection.None]: 'swap_vert',
-};
-const FilterIcon = {
-  [types.FilterMode.Equals]: '=',
-  [types.FilterMode.NotEquals]: '&ne;',
-  [types.FilterMode.Includes]: '&isin;',
-  [types.FilterMode.NotIncludes]: '&notin;',
-};
-
-const sixTableHeaderCellCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-cell;padding:var(--six-spacing-medium) var(--six-spacing-medium) var(--six-spacing-x-small);font-size:var(--six-font-size-small)}six-icon{vertical-align:text-top;width:1.5rem}.header:hover .header__trigger-icon,.header--selected .header__trigger-icon{opacity:1}.header__trigger-icon{color:var(--six-color-web-rock-600);opacity:0}.header__trigger-icon-box{float:right}[slot=prefix]{font-size:1.5em}six-dropdown::part(panel){overflow:inherit}";
-
-let SixTableHeaderCell = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sortUpdated = index.createEvent(this, "six-table-header-cell-sort-updated", 7);
-    this.filterUpdated = index.createEvent(this, "six-table-header-cell-filter-updated", 7);
-    this.handleSortNext = () => {
-      this.sortUpdated.emit(createSortModel(this.name, getNextSortState(this.sort)));
-    };
-    this.handleFilterNext = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, getNextFilterState(this.filter), this.inputElement.value));
-    };
-    this.handleFilterChange = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, this.inputElement.value));
-    };
-    this.handleFilterClear = () => {
-      this.filterUpdated.emit(createFilterModel(this.name, this.filter, undefined));
-      this.filterRef.hide();
-    };
-  }
-  render() {
-    const sort = this.sort && (index.h("six-icon", { filled: true, class: { 'header__trigger-icon': this.sort === types.SortDirection.None }, onClick: this.handleSortNext, "data-testid": `table-sort-${this.name}` }, SortIcon[this.sort]));
-    const filter = this.filter && (index.h("six-dropdown", { ref: (el) => (this.filterRef = el), hoist: true, "data-testid": `table-filter-${this.name}` }, index.h("six-icon", { slot: "trigger", class: "header__trigger-icon" }, "filter_alt"), index.h("six-input", { ref: (el) => (this.inputElement = el), value: this.value, "onSix-input-input": this.handleFilterChange }, index.h("six-icon-button", { slot: "prefix", html: FilterIcon[this.filter], onClick: this.handleFilterNext, "data-testid": `table-filter-prefix-${this.name}` }), index.h("six-icon-button", { slot: "suffix", name: "clear", label: "Clear", onClick: this.handleFilterClear, "data-testid": `table-filter-suffix-${this.name}` }))));
-    return (index.h(index.Host, null, index.h("div", { class: { header: true, 'header--selected': this.value !== undefined } }, index.h("slot", null), index.h("div", { class: "header__trigger-icon-box" }, sort, filter))));
-  }
-};
-SixTableHeaderCell.style = sixTableHeaderCellCss;
-
-const sixTableRowCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table-row;font-family:var(--six-font-family)}:host(:hover){background-color:var(--six-table-row-background-color-hover)}";
-
-let SixTableRow = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SixTableRow.style = sixTableRowCss;
-
-exports.six_table_cell = SixTableCell;
-exports.six_table_header = SixTableHeader;
-exports.six_table_header_cell = SixTableHeaderCell;
-exports.six_table_row = SixTableRow;

package/dist/cjs/six-table.cjs.entry.js

@@ -1,168 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-341df120.js');
-const types = require('./types-581e8ff0.js');
-
-const assertions = [
-  (value) => typeof value === 'object',
-  (value) => typeof value.columns === 'object',
-  (value) => Array.isArray(value.rows),
-  (value) => value.sort === undefined || typeof value.sort === 'object',
-];
-const apply = (value) => (f) => f(value);
-const isData = (value) => assertions.every(apply(value));
-
-const Invalid = {
-  Term: (value) => typeof value !== 'string' || value.length < 1,
-};
-
-const modes = {
-  [types.FilterMode.Includes]: (a, b) => a.includes(b),
-  [types.FilterMode.NotIncludes]: (a, b) => !a.includes(b),
-  [types.FilterMode.Equals]: (a, b) => a === b,
-  [types.FilterMode.NotEquals]: (a, b) => a !== b,
-};
-const filterBy = (filterModel = {}) => (item) => {
-  var _a;
-  const keys = Object.keys(filterModel);
-  if (keys.length === 0) {
-    return true;
-  }
-  for (const key of keys) {
-    const filter = filterModel[key];
-    if (!filter) {
-      return true;
-    }
-    for (const [mode, term] of Object.entries(filter)) {
-      if (Invalid.Term(term)) {
-        continue;
-      }
-      const value = String((_a = item[key]) !== null && _a !== void 0 ? _a : '');
-      if (Invalid.Term(value)) {
-        continue;
-      }
-      if (!modes[mode](value, term)) {
-        return false;
-      }
-    }
-  }
-  return true;
-};
-
-const unordered = (value) => value === types.SortDirection.None;
-const DEFAULT_COMPARATOR = (a, b) => String(a).localeCompare(String(b));
-const sortBy = (sort = {}, compare = {}) => (items) => {
-  const values = Object.values(sort);
-  if (values.length === 0 || values.every(unordered)) {
-    return items;
-  }
-  return [...items].sort((a, b) => {
-    return Object.entries(sort).reduce((acc, [k, v], index) => {
-      if (v === types.SortDirection.None) {
-        return acc;
-      }
-      const comparator = compare[k];
-      const direction = {
-        [types.SortDirection.Asc]: +1,
-        [types.SortDirection.Desc]: -1,
-      }[v];
-      if (comparator) {
-        return acc + direction * (comparator(a, b) << index);
-      }
-      return acc + direction * (DEFAULT_COMPARATOR(a[k], b[k]) << index);
-    }, 0);
-  });
-};
-
-const quickFilterBy = (keys, value) => (item) => {
-  if (Invalid.Term(value)) {
-    return true;
-  }
-  const term = value.toLowerCase();
-  const source = keys
-    .map((key) => { var _a; return (_a = item[key]) !== null && _a !== void 0 ? _a : ''; })
-    .map(String)
-    .join()
-    .toLowerCase();
-  return source.includes(term);
-};
-
-const propOr = (k) => (o = {}, defaults) => o[k] || defaults;
-const fromData = ({ data, handleRowClick, handleCellClick }) => {
-  if (!isData(data)) {
-    return;
-  }
-  const keys = Object.keys(data.columns);
-  const columns = keys.map((key) => {
-    const byKey = propOr(key);
-    const sort = byKey(data.sort, undefined);
-    const [[filter, value] = []] = Object.entries(byKey(data.filter, {}));
-    return (index.h("six-table-header-cell", { name: key, sort: sort, filter: filter, value: value }, data.columns[key]));
-  });
-  const quickFilter = quickFilterBy(Object.keys(data.columns), data.quickFilter);
-  const filter = filterBy(data.filter);
-  const sort = sortBy(data.sort, data.compare);
-  const rows = sort(data.rows.filter(quickFilter).filter(filter)).map((item, index$1) => {
-    const cells = keys.map((key) => {
-      const renderer = data.render && data.render[key];
-      // HTML is not escaped, responsibility lays on the caller
-      const html = typeof renderer === 'function' ? renderer(item) : String(item[key]);
-      return (index.h("six-table-cell", { onClick: handleCellClick(item, key), "data-testid": `table-cell-${key}-${index$1}`, innerHTML: html }));
-    });
-    return (index.h("six-table-row", { onClick: handleRowClick(item), "data-testid": `table-row-${index$1}` }, cells));
-  });
-  return (index.h(index.Fragment, null,
-    index.h("six-table-header", { "data-testid": "table-header" }, columns),
-    rows));
-};
-
-const sixTableCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:table;border-collapse:collapse;user-select:none;border:none;width:100%;height:100%}:host([loading]){border-collapse:separate}:host([striped]) six-table-row:nth-child(odd):not(:hover),:host([striped]) ::slotted(six-table-row:nth-child(odd):not(:hover)){background-color:var(--six-table-row-background-color)}:host(:not(striped)) ::slotted(six-table-row){border-bottom:solid 1px var(--six-table-row-border-color)}.loading{position:absolute;background-color:var(--six-table-background-color);top:0;left:0;width:100%;height:100%}.loading six-spinner{top:calc(50% - 0.5em);left:50%;transform:scale(3)}";
-
-let SixTable = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tableReady = index.createEvent(this, "six-table-ready", 7);
-    this.tableRowClicked = index.createEvent(this, "six-table-row-clicked", 7);
-    this.tableCellClicked = index.createEvent(this, "six-table-cell-clicked", 7);
-    /** Set to true to stripe the table. */
-    this.striped = false;
-    /** Set to true to display loading indicator. */
-    this.loading = false;
-    this.data = {
-      columns: {},
-      rows: [],
-    };
-    this.handleRowClick = (item) => (event) => {
-      this.tableRowClicked.emit({ event, item });
-    };
-    this.handleCellClick = (item, key) => (event) => {
-      this.tableCellClicked.emit({ event, item, key });
-    };
-    console.warn('six-table will be removed with the next table. Use fate table instead. In case of any question contact Daniel Häusler');
-  }
-  handleData({ detail }) {
-    if (!isData(detail)) {
-      return;
-    }
-    this.data = detail;
-  }
-  async setData(value) {
-    if (!isData(value)) {
-      return;
-    }
-    this.data = value;
-  }
-  componentDidLoad() {
-    this.tableReady.emit();
-  }
-  render() {
-    const loading = this.loading && (index.h("div", { class: "loading" }, index.h("six-spinner", { "data-testid": "loading-spinner" })));
-    return (index.h(index.Host, null, index.h("slot", null, fromData(this)), loading));
-  }
-  get host() { return index.getElement(this); }
-};
-SixTable.style = sixTableCss;
-
-exports.six_table = SixTable;

package/dist/cjs/types-581e8ff0.js

@@ -1,15 +0,0 @@
-'use strict';
-
-exports.SortDirection = void 0;
-(function (SortDirection) {
-  SortDirection["None"] = "none";
-  SortDirection["Asc"] = "asc";
-  SortDirection["Desc"] = "desc";
-})(exports.SortDirection || (exports.SortDirection = {}));
-exports.FilterMode = void 0;
-(function (FilterMode) {
-  FilterMode["Equals"] = "eq";
-  FilterMode["NotEquals"] = "ne";
-  FilterMode["Includes"] = "in";
-  FilterMode["NotIncludes"] = "ni";
-})(exports.FilterMode || (exports.FilterMode = {}));