npm - @scania/tegel - Versions diffs - 0.0.4 → 0.0.6 - Mend

@scania/tegel 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1252) hide show

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
 /*
  Stencil Client Patch Esm v3.0.1 | MIT Licensed | https://stenciljs.com
@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"sdds-banner.cjs\",[[1,\"sdds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"linkText\":[1,\"link-text\"],\"href\":[1],\"linkTarget\":[1,\"link-target\"],\"linkRel\":[1,\"link-rel\"],\"type\":[1],\"bannerId\":[1,\"banner-id\"],\"persistent\":[4],\"hidden\":[4],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"sdds-dropdown-filter.cjs\",[[1,\"sdds-dropdown-filter\",{\"placeholder\":[1],\"label\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"state\":[1],\"helper\":[1],\"data\":[1],\"dataOptions\":[32],\"filteredContent\":[32],\"searchTerm\":[32],\"selectedOptionState\":[32],\"dropdownRef\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"resetOption\":[64]},[[0,\"inputSearch\",\"updateOptionsContent\"],[0,\"selectOption\",\"selectOptionHandler\"]]]]],[\"sdds-table-body.cjs\",[[4,\"sdds-table-body\",{\"disableFilteringFunction\":[4,\"disable-filtering-function\"],\"disableSortingFunction\":[4,\"disable-sorting-function\"],\"bodyData\":[8,\"body-data\"],\"enableDummyData\":[4,\"enable-dummy-data\"],\"dummyData\":[32],\"rowsPerPage\":[32],\"enableMultiselect\":[32],\"enablePaginationTableBody\":[32],\"enableExpandableRows\":[32],\"innerBodyData\":[32],\"bodyDataManipulated\":[32],\"bodyDataOriginal\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"disableAllSorting\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"showNoResultsMessage\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"sortColumnDataEvent\",\"updateOptionsContent\"],[16,\"mainCheckboxSelectedEvent\",\"headCheckboxListener\"],[16,\"bodyRowToTable\",\"bodyCheckboxListener\"],[16,\"tableFilteringTerm\",\"tableFilteringTermListener\"]]]]],[\"sdds-accordion-item.cjs\",[[1,\"sdds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"]}]]],[\"sdds-datetime.cjs\",[[1,\"sdds-datetime\",{\"type\":[513],\"value\":[513],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"sdds-footer-link-group.cjs\",[[6,\"sdds-footer-link-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"sdds-message.cjs\",[[1,\"sdds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"sdds-modal.cjs\",[[1,\"sdds-modal\",{\"prevent\":[4],\"size\":[1],\"actions\":[1],\"open\":[4],\"openModal\":[64]}]]],[\"sdds-slider.cjs\",[[0,\"sdds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"size\":[1],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleMouseUp\"],[9,\"touchend\",\"handleTouchEnd\"],[9,\"mousemove\",\"handleMouseMove\"],[9,\"touchmove\",\"handleTouchMove\"]]]]],[\"sdds-stepper-item.cjs\",[[1,\"sdds-stepper-item\",{\"labelText\":[1,\"label-text\"],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"iconSize\":[32],\"direction\":[32],\"labelPosition\":[32],\"setWidth\":[64]}]]],[\"sdds-textarea.cjs\",[[0,\"sdds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autoFocus\":[4,\"auto-focus\"],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"sdds-textfield.cjs\",[[4,\"sdds-textfield\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32]}]]],[\"sdds-toast.cjs\",[[1,\"sdds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"type\":[1],\"hidden\":[4],\"toastRole\":[1,\"toast-role\"],\"hasSubheader\":[32],\"hasLink\":[32],\"hideToast\":[64],\"showToast\":[64]}]]],[\"sdds-accordion.cjs\",[[1,\"sdds-accordion\",{\"divider\":[4],\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-badges.cjs\",[[1,\"sdds-badges\",{\"value\":[1],\"hidden\":[4],\"isSmall\":[4,\"is-small\"],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"sdds-block.cjs\",[[1,\"sdds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-breadcrumb.cjs\",[[1,\"sdds-breadcrumb\"]]],[\"sdds-breadcrumb-item.cjs\",[[1,\"sdds-breadcrumb-item\",{\"current\":[4],\"href\":[1],\"target\":[1],\"rel\":[1],\"disabled\":[4]}]]],[\"sdds-button.cjs\",[[1,\"sdds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"sdds-card.cjs\",[[1,\"sdds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"headerPlacement\":[1,\"header-placement\"],\"header\":[1],\"subheader\":[1],\"headerImg\":[1,\"header-img\"],\"headerImgAlt\":[1,\"header-img-alt\"],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"],\"hasCardBottomSlot\":[32],\"hasCardBodySlot\":[32]}]]],[\"sdds-checkbox.cjs\",[[6,\"sdds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"sdds-footer.cjs\",[[1,\"sdds-footer\",{\"modeVariant\":[1,\"mode-variant\"],\"hasTopPart\":[32]}]]],[\"sdds-footer-link.cjs\",[[6,\"sdds-footer-link\",{\"linkHref\":[1,\"link-href\"],\"target\":[1],\"rel\":[1]}]]],[\"sdds-header-cell.cjs\",[[1,\"sdds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"sortingSwitcherEvent\",\"sortingSwitcherEventListener\"],[16,\"sortColumnDataEvent\",\"updateOptionsContent\"],[16,\"enableMultiselectEvent\",\"enableMultiselectEventListener\"]]]]],[\"sdds-inline-tab.cjs\",[[1,\"sdds-inline-tab\",{\"label\":[1],\"disabled\":[4],\"default\":[4]}]]],[\"sdds-inline-tabs.cjs\",[[1,\"sdds-inline-tabs\",{\"defaultTab\":[1,\"default-tab\"],\"autoHeight\":[4,\"auto-height\"],\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"buttonWidth\":[32],\"tabHeight\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"showTab\":[64]}]]],[\"sdds-inline-tabs-fullbleed.cjs\",[[1,\"sdds-inline-tabs-fullbleed\",{\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32]}]]],[\"sdds-navigation-tabs.cjs\",[[1,\"sdds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"tabs\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32]}]]],[\"sdds-popover-canvas.cjs\",[[1,\"sdds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-popover-menu.cjs\",[[1,\"sdds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-radio-button.cjs\",[[6,\"sdds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"sdds-spinner.cjs\",[[0,\"sdds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"sdds-stepper.cjs\",[[1,\"sdds-stepper\",{\"direction\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"width\":[32]}]]],[\"sdds-table.cjs\",[[1,\"sdds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"sdds-table-body-row-expandable.cjs\",[[1,\"sdds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"]]]]],[\"sdds-table-footer.cjs\",[[1,\"sdds-table-footer\",{\"enablePagination\":[516,\"enable-pagination\"],\"rowsPerPage\":[514,\"rows-per-page\"],\"enableClientPagination\":[516,\"enable-client-pagination\"],\"clientPaginationValue\":[514,\"client-pagination-value\"],\"clientMaxPages\":[514,\"client-max-pages\"],\"clientSetColumnsNumber\":[2,\"client-set-columns-number\"],\"disablePaginationFunction\":[4,\"disable-pagination-function\"],\"columnsNumber\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"runPaginationEvent\",\"runPaginationEventListener\"]]]]],[\"sdds-table-header.cjs\",[[1,\"sdds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"updateMainCheckboxEvent\",\"updateMainCheckboxEventListener\"],[16,\"singleRowExpandedEvent\",\"singleRowExpandedEventListener\"]]]]],[\"sdds-table-toolbar.cjs\",[[1,\"sdds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"]]]]],[\"sdds-toggle.cjs\",[[6,\"sdds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"sdds-tooltip.cjs\",[[1,\"sdds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32]}]]],[\"sdds-link.cjs\",[[4,\"sdds-link\",{\"href\":[1],\"target\":[1],\"disabled\":[4],\"underline\":[4],\"rel\":[1]}]]],[\"sdds-body-cell_2.cjs\",[[1,\"sdds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"headCellHoverEvent\",\"headCellHoverEventListener\"],[16,\"textAlignEvent\",\"textAlignEventListener\"]]],[1,\"sdds-table-body-row\",{\"enableMultiselect\":[32],\"bodyCheckBoxStatus\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"tableId\":[32]},[[16,\"tablePropsChangedEvent\",\"tablePropsChangedEventListener\"],[16,\"mainCheckboxSelectedEvent\",\"headCheckboxListener\"],[16,\"updateBodyCheckboxesEvent\",\"updateBodyCheckboxesEventListener\"]]]]],[\"sdds-dropdown_2.cjs\",[[1,\"sdds-dropdown\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"type\":[1],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"state\":[1],\"helper\":[1],\"openDirection\":[1,\"open-direction\"],\"optionValues\":[32],\"optionLabels\":[32],\"open\":[32],\"node\":[32],\"selectedLabel\":[32],\"selectedValue\":[32],\"selectedValuesArray\":[32],\"selectedLabelsArray\":[32],\"dropdownUniqueClass\":[32],\"openUpwards\":[32],\"dropdownMenuHeight\":[32],\"dropdownMenuSelector\":[32],\"listItemIndex\":[32],\"listItemArray\":[32],\"resetOption\":[64]},[[4,\"click\",\"handleDocClick\"],[0,\"keydown\",\"keyListener\"],[0,\"selectOption\",\"selectOptionHandler\"]]],[1,\"sdds-dropdown-option\",{\"selected\":[4],\"disabled\":[4],\"value\":[513],\"innerValue\":[32]},[[1,\"mouseover\",\"changeFocusHandler\"],[1,\"mouseout\",\"removeFocusHandler\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"sdds-icon.cjs\",[[1,\"sdds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"sdds-header-launcher.cjs\",[[1,\"sdds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"sdds-header-dropdown.cjs\",[[1,\"sdds-header-dropdown\",{\"buttonLabel\":[1,\"button-label\"],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"sdds-header-hamburger.cjs\",[[1,\"sdds-header-hamburger\"]]],[\"sdds-dropdown-filter.cjs\",[[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\"]]]]],[\"sdds-header-brand-symbol.cjs\",[[1,\"sdds-header-brand-symbol\",{\"linkHref\":[1,\"link-href\"]}]]],[\"sdds-side-menu-dropdown.cjs\",[[1,\"sdds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[32],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"sdds-side-menu-user.cjs\",[[1,\"sdds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"sdds-table-body.cjs\",[[4,\"sdds-table-body\",{\"disableFilteringFunction\":[4,\"disable-filtering-function\"],\"disableSortingFunction\":[4,\"disable-sorting-function\"],\"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,\"sddsSortChange\",\"updateOptionsContent\"],[16,\"internalSddsMainCheckboxChange\",\"headCheckboxListener\"],[16,\"internalSddsRowChange\",\"bodyCheckboxListener\"],[16,\"sddsFilter\",\"sddsFilterListener\"]]]]],[\"sdds-accordion-item.cjs\",[[1,\"sdds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"toggleAccordionItem\":[64]}]]],[\"sdds-banner.cjs\",[[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]}]]],[\"sdds-datetime.cjs\",[[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\"]]]]],[\"sdds-folder-tabs.cjs\",[[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]}]]],[\"sdds-footer-group.cjs\",[[1,\"sdds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"sdds-header-launcher-list.cjs\",[[4,\"sdds-header-launcher-list\"]]],[\"sdds-header-launcher-list-item.cjs\",[[1,\"sdds-header-launcher-list-item\"]]],[\"sdds-inline-tabs.cjs\",[[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]}]]],[\"sdds-message.cjs\",[[1,\"sdds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"type\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"sdds-modal.cjs\",[[1,\"sdds-modal\",{\"prevent\":[4],\"size\":[1],\"actions\":[1],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64]}]]],[\"sdds-navigation-tabs.cjs\",[[1,\"sdds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64]}]]],[\"sdds-side-menu-close-button.cjs\",[[1,\"sdds-side-menu-close-button\"]]],[\"sdds-side-menu-collapse-button.cjs\",[[1,\"sdds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"]]]]],[\"sdds-slider.cjs\",[[0,\"sdds-slider\",{\"label\":[1],\"value\":[1],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"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\"]]]]],[\"sdds-stepper-item.cjs\",[[1,\"sdds-stepper-item\",{\"index\":[1],\"state\":[1],\"hideLabel\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalSddsPropsChange\",\"handlePropsChange\"]]]]],[\"sdds-textarea.cjs\",[[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]}]]],[\"sdds-textfield.cjs\",[[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]}]]],[\"sdds-toast.cjs\",[[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]}]]],[\"sdds-accordion.cjs\",[[1,\"sdds-accordion\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-badges.cjs\",[[1,\"sdds-badges\",{\"value\":[1],\"hidden\":[4],\"isSmall\":[4,\"is-small\"],\"size\":[1],\"shape\":[32],\"text\":[32]}]]],[\"sdds-block.cjs\",[[1,\"sdds-block\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"sdds-breadcrumb.cjs\",[[1,\"sdds-breadcrumb\"]]],[\"sdds-breadcrumb-item.cjs\",[[1,\"sdds-breadcrumb-item\",{\"current\":[4],\"disabled\":[4]}]]],[\"sdds-button.cjs\",[[1,\"sdds-button\",{\"text\":[1],\"type\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"onlyIcon\":[32]}]]],[\"sdds-card.cjs\",[[1,\"sdds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"headerPlacement\":[1,\"header-placement\"],\"header\":[1],\"subheader\":[1],\"headerImg\":[1,\"header-img\"],\"headerImgAlt\":[1,\"header-img-alt\"],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"cardId\":[1,\"card-id\"],\"hasCardBottomSlot\":[32],\"hasCardBodySlot\":[32]}]]],[\"sdds-checkbox.cjs\",[[6,\"sdds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[516],\"value\":[1],\"toggleCheckbox\":[64]}]]],[\"sdds-chip.cjs\",[[6,\"sdds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[4],\"name\":[1],\"value\":[1]}]]],[\"sdds-divider.cjs\",[[1,\"sdds-divider\",{\"orientation\":[1]}]]],[\"sdds-folder-tab.cjs\",[[1,\"sdds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"sdds-footer.cjs\",[[1,\"sdds-footer\",{\"modeVariant\":[1,\"mode-variant\"],\"hasTopPart\":[32]}]]],[\"sdds-footer-item.cjs\",[[1,\"sdds-footer-item\"]]],[\"sdds-header.cjs\",[[4,\"sdds-header\"]]],[\"sdds-header-cell.cjs\",[[1,\"sdds-header-cell\",{\"columnKey\":[513,\"column-key\"],\"columnTitle\":[513,\"column-title\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"disableSortingBtn\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"enableMultiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"enableExpandableRows\":[32]},[[16,\"internalSddsPropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsSortingChange\",\"internalSddsSortingChangeListener\"],[16,\"sddsSortChange\",\"updateOptionsContent\"]]]]],[\"sdds-header-dropdown-list-user.cjs\",[[1,\"sdds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"heading\":[1],\"subheading\":[1]}]]],[\"sdds-header-launcher-grid.cjs\",[[4,\"sdds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"sdds-header-launcher-grid-item.cjs\",[[1,\"sdds-header-launcher-grid-item\"]]],[\"sdds-header-launcher-grid-title.cjs\",[[4,\"sdds-header-launcher-grid-title\"]]],[\"sdds-header-launcher-list-title.cjs\",[[4,\"sdds-header-launcher-list-title\"]]],[\"sdds-header-title.cjs\",[[1,\"sdds-header-title\"]]],[\"sdds-inline-tab.cjs\",[[1,\"sdds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"sdds-link.cjs\",[[4,\"sdds-link\",{\"disabled\":[4],\"underline\":[4]}]]],[\"sdds-navigation-tab.cjs\",[[1,\"sdds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"sdds-popover-menu.cjs\",[[1,\"sdds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32]},[[9,\"mousedown\",\"handleOutsideClick\"]]]]],[\"sdds-radio-button.cjs\",[[6,\"sdds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"sdds-side-menu.cjs\",[[1,\"sdds-side-menu\",{\"open\":[516],\"persistent\":[516],\"collapsed\":[516],\"isUpperSlotEmpty\":[32],\"isClosed\":[32],\"isOpen\":[32],\"isClosing\":[32],\"isOpening\":[32]}]]],[\"sdds-side-menu-dropdown-list.cjs\",[[1,\"sdds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandler\"]]]]],[\"sdds-side-menu-dropdown-list-item.cjs\",[[1,\"sdds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandeler\"]]]]],[\"sdds-side-menu-overlay.cjs\",[[1,\"sdds-side-menu-overlay\"]]],[\"sdds-spinner.cjs\",[[0,\"sdds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"sdds-stepper.cjs\",[[1,\"sdds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]}]]],[\"sdds-table.cjs\",[[1,\"sdds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"enableMultiselect\":[516,\"enable-multiselect\"],\"enableExpandableRows\":[516,\"enable-expandable-rows\"],\"enableResponsive\":[516,\"enable-responsive\"],\"modeVariant\":[513,\"mode-variant\"],\"tableId\":[1,\"table-id\"]}]]],[\"sdds-table-body-row-expandable.cjs\",[[1,\"sdds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-table-footer.cjs\",[[1,\"sdds-table-footer\",{\"enablePagination\":[516,\"enable-pagination\"],\"rowsPerPage\":[514,\"rows-per-page\"],\"enableClientPagination\":[516,\"enable-client-pagination\"],\"clientPaginationValue\":[514,\"client-pagination-value\"],\"clientMaxPages\":[514,\"client-max-pages\"],\"clientSetColumnsNumber\":[2,\"client-set-columns-number\"],\"disablePaginationFunction\":[4,\"disable-pagination-function\"],\"columnsNumber\":[32],\"numberOfPages\":[32],\"paginationValue\":[32],\"tempPaginationDisable\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsPagination\",\"sddsPaginationListener\"]]]]],[\"sdds-table-header.cjs\",[[1,\"sdds-table-header\",{\"enableMultiselect\":[32],\"enableExpandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"],[16,\"internalSddsMainCheckboxChange\",\"internalSddsMainCheckboxChangeListener\"],[16,\"internalSddsRowExpanded\",\"internalSddsRowExpandedListener\"]]]]],[\"sdds-table-toolbar.cjs\",[[1,\"sdds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"enableFiltering\":[516,\"enable-filtering\"],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"internalSddsTablePropChange\",\"internalSddsPropChangeListener\"]]]]],[\"sdds-toggle.cjs\",[[6,\"sdds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"toggle\":[64]}]]],[\"sdds-tooltip.cjs\",[[1,\"sdds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"show\":[1028],\"placement\":[1],\"popperInstance\":[32],\"target\":[32]}]]],[\"sdds-icon.cjs\",[[1,\"sdds-icon\",{\"name\":[513],\"size\":[513],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]],[\"sdds-header-launcher-button.cjs\",[[1,\"sdds-header-launcher-button\",{\"active\":[4]}]]],[\"sdds-header-dropdown-list.cjs\",[[1,\"sdds-header-dropdown-list\",{\"type\":[513],\"headingElement\":[32]}]]],[\"sdds-header-dropdown-list-item.cjs\",[[1,\"sdds-header-dropdown-list-item\",{\"selected\":[4],\"type\":[513]}]]],[\"sdds-body-cell_2.cjs\",[[1,\"sdds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32]},[[16,\"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\"]]]]],[\"sdds-dropdown_2.cjs\",[[1,\"sdds-dropdown\",{\"modeVariant\":[1,\"mode-variant\"],\"placeholder\":[1],\"defaultOption\":[1,\"default-option\"],\"selectedOption\":[1,\"selected-option\"],\"disabled\":[4],\"type\":[1],\"size\":[1],\"inline\":[4],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"state\":[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\"]]]]],[\"sdds-side-menu-user-image_2.cjs\",[[1,\"sdds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"sdds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"sdds-popover-canvas.cjs\",[[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\"]]]]],[\"sdds-side-menu-item.cjs\",[[1,\"sdds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"sddsSideMenuCollapsed\",\"collapsedSideMenuEventHandeler\"]]]]],[\"sdds-core-header-item_2.cjs\",[[1,\"sdds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"sdds-core-header-item\"]]]]"), options);
   });
 };

package/dist/cjs/sdds-accordion-item.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
-const accordionItemCss = ".sdds-accordion-item{box-sizing:border-box;list-style:none;color:var(--sdds-accordion-color);position:relative;border-top:1px solid var(--sdds-accordion-border)}.sdds-accordion-item *{box-sizing:border-box}.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{all:unset}.sdds-accordion-item .sdds-accordion-header-icon-start,.sdds-accordion-item .sdds-accordion-header-icon-end,.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);padding:var(--sdds-spacing-element-16);background-color:var(--sdds-accordion-background)}.sdds-accordion-item .sdds-accordion-header-icon-start *,.sdds-accordion-item .sdds-accordion-header-icon-end *,.sdds-accordion-item button.sdds-accordion-header-icon-start *,.sdds-accordion-item button.sdds-accordion-header-icon-end *{box-sizing:border-box}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--sdds-accordion-color)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon{display:block}.sdds-accordion-item .sdds-accordion-title{flex-grow:2}.sdds-accordion-item .sdds-accordion-panel{cursor:default;padding:var(--sdds-spacing-element-8) var(--sdds-spacing-layout-64) var(--sdds-spacing-element-32) var(--sdds-spacing-element-16);display:none;font:var(--sdds-detail-03);letter-spacing:var(--sdds-detail-03-ls)}.sdds-accordion-item .sdds-accordion-panel p{margin:0;padding:0}.sdds-accordion-item .sdds-accordion-panel--padding-reset{padding-right:var(--sdds-spacing-element-16)}.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon{margin:0 0 0 var(--sdds-spacing-element-32)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-title{order:1}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon{order:0;margin:0 var(--sdds-spacing-element-16) 0 0}.sdds-accordion-item.disabled,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled .sdds-accordion-panel{color:var(--sdds-accordion-color-disabled);cursor:not-allowed}.sdds-accordion-item.disabled .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-panel .sdds-accordion-icon{color:var(--sdds-accordion-color-disabled)}.sdds-accordion-item.disabled:hover,.sdds-accordion-item.disabled:hover *,.sdds-accordion-item.disabled:focus,.sdds-accordion-item.disabled:focus *,.sdds-accordion-item.disabled:active,.sdds-accordion-item.disabled:active *,.sdds-accordion-item.disabled.active,.sdds-accordion-item.disabled.active *{cursor:not-allowed}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end::after{border-color:transparent}.sdds-accordion-item.expanded .sdds-accordion-panel{display:block;padding-bottom:31px}.sdds-accordion-item.expanded .sdds-accordion-icon{transform:rotate(180deg)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-end .sdds-accordion-icon{margin-right:0;margin-left:var(--sdds-spacing-element-32)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-start .sdds-accordion-icon{margin-left:0;margin-right:var(--sdds-spacing-element-16)}.sdds-accordion-item:focus{border-top:1px solid var(--sdds-accordion-border-focus)}.sdds-accordion-item[disabled=true]:focus{border-color:var(--sdds-accordion-border)}:host(:focus) .sdds-accordion-item{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-focus);outline:none}:host(:hover) .sdds-accordion-header-icon-start,:host(:hover) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-hover)}:host(:active) .sdds-accordion-header-icon-start,:host(:active) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-active);outline:none}";
+const accordionItemCss = ".sdds-accordion-item{box-sizing:border-box;list-style:none;color:var(--sdds-accordion-color);position:relative;border-top:1px solid var(--sdds-accordion-border)}.sdds-accordion-item *{box-sizing:border-box}.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{all:unset}.sdds-accordion-item .sdds-accordion-header-icon-start,.sdds-accordion-item .sdds-accordion-header-icon-end,.sdds-accordion-item button.sdds-accordion-header-icon-start,.sdds-accordion-item button.sdds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);padding:var(--sdds-spacing-element-16);background-color:var(--sdds-accordion-background)}.sdds-accordion-item .sdds-accordion-header-icon-start *,.sdds-accordion-item .sdds-accordion-header-icon-end *,.sdds-accordion-item button.sdds-accordion-header-icon-start *,.sdds-accordion-item button.sdds-accordion-header-icon-end *{box-sizing:border-box}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--sdds-accordion-icon-color)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-start .sdds-accordion-icon>sdds-icon,.sdds-accordion-item button.sdds-accordion-header-icon-end .sdds-accordion-icon>sdds-icon{display:block}.sdds-accordion-item .sdds-accordion-title{flex-grow:2}.sdds-accordion-item .sdds-accordion-panel{cursor:default;padding:var(--sdds-spacing-element-8) var(--sdds-spacing-layout-64) var(--sdds-spacing-element-32) var(--sdds-spacing-element-16);display:none;font:var(--sdds-detail-03);letter-spacing:var(--sdds-detail-03-ls)}.sdds-accordion-item .sdds-accordion-panel p{margin:0;padding:0}.sdds-accordion-item .sdds-accordion-panel--padding-reset{padding-right:var(--sdds-spacing-element-16)}.sdds-accordion-item .sdds-accordion-header-icon-end .sdds-accordion-icon{margin:0 0 0 var(--sdds-spacing-element-32)}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-title{order:1}.sdds-accordion-item .sdds-accordion-header-icon-start .sdds-accordion-icon{order:0;margin:0 var(--sdds-spacing-element-16) 0 0}.sdds-accordion-item.disabled,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled .sdds-accordion-panel{color:var(--sdds-accordion-color-disabled);cursor:not-allowed}.sdds-accordion-item.disabled .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-end .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-header-icon-start .sdds-accordion-icon,.sdds-accordion-item.disabled .sdds-accordion-panel .sdds-accordion-icon{color:var(--sdds-accordion-color-disabled)}.sdds-accordion-item.disabled:hover,.sdds-accordion-item.disabled:hover *,.sdds-accordion-item.disabled:focus,.sdds-accordion-item.disabled:focus *,.sdds-accordion-item.disabled:active,.sdds-accordion-item.disabled:active *,.sdds-accordion-item.disabled.active,.sdds-accordion-item.disabled.active *{cursor:not-allowed}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:hover .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:focus .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled:active .sdds-accordion-header-icon-end::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-start::after,.sdds-accordion-item.disabled.active .sdds-accordion-header-icon-end::after{border-color:transparent}.sdds-accordion-item.expanded .sdds-accordion-panel{display:block;padding-bottom:31px}.sdds-accordion-item.expanded .sdds-accordion-icon{transform:rotate(180deg)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-end .sdds-accordion-icon{margin-right:0;margin-left:var(--sdds-spacing-element-32)}.sdds-accordion-item.expanded .sdds-accordion-header-icon-start .sdds-accordion-icon{margin-left:0;margin-right:var(--sdds-spacing-element-16)}.sdds-accordion-item:focus{border-top:1px solid var(--sdds-accordion-border-focus)}.sdds-accordion-item[disabled=true]:focus{border-color:var(--sdds-accordion-border)}:host(:focus) .sdds-accordion-item{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-focus);outline:none}:host(:hover) .sdds-accordion-header-icon-start,:host(:hover) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-hover)}:host(:active) .sdds-accordion-header-icon-start,:host(:active) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-active);outline:none}";
 const AccordionItem = class {
   constructor(hostRef) {
@@ -16,15 +16,21 @@ const AccordionItem = class {
     this.expanded = false;
     this.paddingReset = false;
   }
-  openAccordion() {
-    this.expanded = !this.expanded;
-    this.sddsToggle.emit(this.expanded);
+  /** Method for toggeling the expanded state of the accordion item. */
+  async toggleAccordionItem() {
+    // This is negated in order to emit the value the accordion item will have after it has expanded/redacted.
+    const event = this.sddsToggle.emit({
+      expanded: !this.expanded,
+    });
+    if (!event.defaultPrevented) {
+      this.expanded = !this.expanded;
+    }
   }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: `sdds-accordion-item
         ${this.disabled ? 'disabled' : ''}
         ${this.expanded ? 'expanded' : ''}
-        ` }, index.h("button", { type: "button", "aria-expanded": this.expanded, class: `sdds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.openAccordion(), disabled: this.disabled }, index.h("div", { class: "sdds-accordion-title" }, this.header), index.h("div", { class: "sdds-accordion-icon" }, index.h("sdds-icon", { name: "chevron_down", size: "16px" }))), index.h("div", { class: `sdds-accordion-panel
+        ` }, index.h("button", { type: "button", "aria-expanded": this.expanded, class: `sdds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, index.h("div", { class: "sdds-accordion-title" }, this.header, index.h("slot", { name: "accordion-item-header" })), index.h("div", { class: "sdds-accordion-icon" }, index.h("sdds-icon", { name: "chevron_down", size: "16px" }))), index.h("div", { class: `sdds-accordion-panel
             ${this.paddingReset ? 'sdds-accordion-panel--padding-reset ' : ''}
             ` }, index.h("slot", null)))));
   }

package/dist/cjs/sdds-accordion-item.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sdds-accordion-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,~~g8LAAg8L~~;;~~MCO58L~~,aAAa;;;;kBAEC,EAAE;8BAGmB,KAAK;oBAGvB,KAAK;oBAGL,KAAK;wBAGD,KAAK;;~~EAWrC~~,~~aAAa;IACX~~,IAAI,CAAC,QAAQ,~~GAAG~~,CAAC,IAAI,CAAC,QAAQ,CAAC;~~IAC/B~~,IAAI,CAAC,~~UAAU~~,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC~~,CAAC~~;~~GACrC~~;~~EAED~~,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,iBACE,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;SAChC,IAECA,oBACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,QAAQ,EAC5B,KAAK,EAAE,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,EAC9D,OAAO,EAAE,MAAM,IAAI,CAAC,~~aAAa~~,EAAE,~~EACnC~~,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBA,iBAAK,KAAK,EAAC,sBAAsB,~~IAAE~~,IAAI,CAAC,MAAM,~~CAAO~~,~~EACrDA~~,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,uBAAW,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAa,CACnD,CACC,EACTA,iBACE,KAAK,EAAE;cACL,IAAI,CAAC,YAAY,GAAG,sCAAsC,GAAG,EAAE;aAChE,IAEDA,qBAAa,CACT,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/accordion/accordion-item/accordion-item.scss?tag=sdds-accordion-item&encapsulation=shadow","./src/components/accordion/accordion-item/accordion-item.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n@import '../../../mixins/disabled-style';\n@import '../../../mixins/box-sizing';\n\n.sdds-accordion-item {\n @include sdds-box-sizing;\n\n list-style: none;\n color: var(--sdds-accordion-color);\n position: relative;\n\n button.sdds-accordion-header-icon-start,\n button.sdds-accordion-header-icon-end {\n all: unset;\n }\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end,\n button.sdds-accordion-header-icon-start,\n button.sdds-accordion-header-icon-end {\n @include sdds-box-sizing;\n\n cursor: pointer;\n display: flex;\n align-items: center;\n width: 100%;\n\n // fixme: wrong line-height compared to production\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n padding: var(--sdds-spacing-element-16);\n background-color: var(--sdds-accordion-background);\n\n .sdds-accordion-icon {\n transform-origin: center;\n transition: transform 0.15s ease-in-out;\n color: var(--sdds-accordion-color);\n\n & > sdds-icon {\n display: block;\n }\n }\n }\n\n .sdds-accordion-title {\n flex-grow: 2;\n }\n\n .sdds-accordion-panel {\n cursor: default;\n padding: var(--sdds-spacing-element-8) var(--sdds-spacing-layout-64)\n var(--sdds-spacing-element-32) var(--sdds-spacing-element-16);\n display: none;\n font: var(--sdds-detail-03);\n letter-spacing: var(--sdds-detail-03-ls);\n\n p {\n margin: 0;\n padding: 0;\n }\n\n &--padding-reset {\n padding-right: var(--sdds-spacing-element-16);\n }\n }\n\n .sdds-accordion-header-icon-end {\n .sdds-accordion-icon {\n margin: 0 0 0 var(--sdds-spacing-element-32);\n }\n }\n\n .sdds-accordion-header-icon-start {\n .sdds-accordion-title {\n order: 1;\n }\n\n .sdds-accordion-icon {\n order: 0;\n margin: 0 var(--sdds-spacing-element-16) 0 0;\n }\n }\n\n &.disabled {\n &,\n .sdds-accordion-header-icon-end,\n .sdds-accordion-header-icon-start,\n .sdds-accordion-panel {\n color: var(--sdds-accordion-color-disabled);\n cursor: not-allowed;\n\n .sdds-accordion-icon {\n color: var(--sdds-accordion-color-disabled);\n }\n }\n\n &:hover,\n &:focus,\n &:active,\n &.active {\n @include disabledStyle;\n }\n }\n\n &.expanded {\n .sdds-accordion-panel {\n display: block;\n padding-bottom: 31px;\n }\n\n .sdds-accordion-icon {\n transform: rotate(180deg);\n }\n\n .sdds-accordion-header-icon-end {\n .sdds-accordion-icon {\n margin-right: 0;\n margin-left: var(--sdds-spacing-element-32);\n }\n }\n\n .sdds-accordion-header-icon-start {\n .sdds-accordion-icon {\n margin-left: 0;\n margin-right: var(--sdds-spacing-element-16);\n }\n }\n }\n\n border-top: 1px solid var(--sdds-accordion-border);\n\n &:focus {\n border-top: 1px solid var(--sdds-accordion-border-focus);\n }\n\n &[disabled='true']:focus {\n border-color: var(--sdds-accordion-border);\n }\n}\n\n:host(:focus) {\n .sdds-accordion-item {\n @include sdds-focus-state;\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-focus);\n outline: none;\n }\n }\n}\n\n:host(:hover) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-hover);\n }\n}\n\n:host(:active) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-active);\n outline: none;\n }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-accordion-item',\n styleUrl: 'accordion-item.scss',\n shadow: true,\n})\nexport class AccordionItem {\n /** The header gives users the context about the additional information available inside the panel /\n @Prop() header: string = '';\n\n /* Changes where the expand icon is placed. /\n @Prop() expandIconPosition: 'start' \| 'end' = 'end';\n\n /* Disabled option in `boolean`. /\n @Prop() disabled: boolean = false;\n\n /* Set to true to expand panel open /\n @Prop() expanded: boolean = false;\n\n /* When true 16px on right padding instead of 64px /\n @Prop() paddingReset: boolean = false;\n\n /* ~~Fires~~ ~~after~~ the accordion item is ~~closed~~ or ~~opened,~~ ~~emitting~~ the value (as ~~boolean~~) of ~~the~~ ~~current~~ ~~state~~ of the accordion */\n @Event({\n eventName: 'sddsToggle',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsToggle: EventEmitter<~~boolean>;\n\n openAccordion()~~ {\n ~~this.~~expanded ~~= !this.expanded~~;\n ~~this.sddsToggle.emit(this.expanded);\n~~ }\n\n render() {\n return (\n <Host>\n <div\n class={`sdds-accordion-item\n ${this.disabled ? 'disabled' : ''}\n ${this.expanded ? 'expanded' : ''}\n `}\n >\n <button\n type=\"button\"\n aria-expanded={this.expanded}\n class={`sdds-accordion-header-icon-${this.expandIconPosition}`}\n onClick={() => this.~~openAccordion~~()}\n disabled={this.disabled}\n >\n <div class=\"sdds-accordion-title\">{this.header}</div>\n <div class=\"sdds-accordion-icon\">\n <sdds-icon name=\"chevron_down\" size=\"16px\"></sdds-icon>\n </div>\n </button>\n <div\n class={`sdds-accordion-panel\n ${this.paddingReset ? 'sdds-accordion-panel--padding-reset ' : ''}\n `}\n >\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sdds-accordion-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,q8LAAq8L;;MCOj9L,aAAa;;;;kBAEC,EAAE;8BAGmB,KAAK;oBAGvB,KAAK;oBAGL,KAAK;wBAGD,KAAK;;;EAIrC,MAAM,mBAAmB;;IAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;MACjC,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;MAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC;GACF;EAaD,MAAM;IACJ,QACEA,QAACC,UAAI,QACHD,iBACE,KAAK,EAAE;UACP,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;UAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;SAChC,IAECA,oBACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,QAAQ,EAC5B,KAAK,EAAE,8BAA8B,IAAI,CAAC,kBAAkB,EAAE,EAC9D,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,EACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvBA,iBAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,MAAM,EACZA,kBAAM,IAAI,EAAC,uBAAuB,GAAQ,CACtC,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC9BA,uBAAW,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAa,CACnD,CACC,EACTA,iBACE,KAAK,EAAE;cACL,IAAI,CAAC,YAAY,GAAG,sCAAsC,GAAG,EAAE;aAChE,IAEDA,qBAAa,CACT,CACF,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/accordion/accordion-item/accordion-item.scss?tag=sdds-accordion-item&encapsulation=shadow","./src/components/accordion/accordion-item/accordion-item.tsx"],"sourcesContent":["@import '../../../mixins/focus-state';\n@import '../../../mixins/disabled-style';\n@import '../../../mixins/box-sizing';\n\n.sdds-accordion-item {\n @include sdds-box-sizing;\n\n list-style: none;\n color: var(--sdds-accordion-color);\n position: relative;\n\n button.sdds-accordion-header-icon-start,\n button.sdds-accordion-header-icon-end {\n all: unset;\n }\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end,\n button.sdds-accordion-header-icon-start,\n button.sdds-accordion-header-icon-end {\n @include sdds-box-sizing;\n\n cursor: pointer;\n display: flex;\n align-items: center;\n width: 100%;\n\n // fixme: wrong line-height compared to production\n font: var(--sdds-headline-07);\n letter-spacing: var(--sdds-headline-07-ls);\n padding: var(--sdds-spacing-element-16);\n background-color: var(--sdds-accordion-background);\n\n .sdds-accordion-icon {\n transform-origin: center;\n transition: transform 0.15s ease-in-out;\n color: var(--sdds-accordion-icon-color);\n\n & > sdds-icon {\n display: block;\n }\n }\n }\n\n .sdds-accordion-title {\n flex-grow: 2;\n }\n\n .sdds-accordion-panel {\n cursor: default;\n padding: var(--sdds-spacing-element-8) var(--sdds-spacing-layout-64)\n var(--sdds-spacing-element-32) var(--sdds-spacing-element-16);\n display: none;\n font: var(--sdds-detail-03);\n letter-spacing: var(--sdds-detail-03-ls);\n\n p {\n margin: 0;\n padding: 0;\n }\n\n &--padding-reset {\n padding-right: var(--sdds-spacing-element-16);\n }\n }\n\n .sdds-accordion-header-icon-end {\n .sdds-accordion-icon {\n margin: 0 0 0 var(--sdds-spacing-element-32);\n }\n }\n\n .sdds-accordion-header-icon-start {\n .sdds-accordion-title {\n order: 1;\n }\n\n .sdds-accordion-icon {\n order: 0;\n margin: 0 var(--sdds-spacing-element-16) 0 0;\n }\n }\n\n &.disabled {\n &,\n .sdds-accordion-header-icon-end,\n .sdds-accordion-header-icon-start,\n .sdds-accordion-panel {\n color: var(--sdds-accordion-color-disabled);\n cursor: not-allowed;\n\n .sdds-accordion-icon {\n color: var(--sdds-accordion-color-disabled);\n }\n }\n\n &:hover,\n &:focus,\n &:active,\n &.active {\n @include disabledStyle;\n }\n }\n\n &.expanded {\n .sdds-accordion-panel {\n display: block;\n padding-bottom: 31px;\n }\n\n .sdds-accordion-icon {\n transform: rotate(180deg);\n }\n\n .sdds-accordion-header-icon-end {\n .sdds-accordion-icon {\n margin-right: 0;\n margin-left: var(--sdds-spacing-element-32);\n }\n }\n\n .sdds-accordion-header-icon-start {\n .sdds-accordion-icon {\n margin-left: 0;\n margin-right: var(--sdds-spacing-element-16);\n }\n }\n }\n\n border-top: 1px solid var(--sdds-accordion-border);\n\n &:focus {\n border-top: 1px solid var(--sdds-accordion-border-focus);\n }\n\n &[disabled='true']:focus {\n border-color: var(--sdds-accordion-border);\n }\n}\n\n:host(:focus) {\n .sdds-accordion-item {\n @include sdds-focus-state;\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-focus);\n outline: none;\n }\n }\n}\n\n:host(:hover) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-hover);\n }\n}\n\n:host(:active) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-active);\n outline: none;\n }\n}\n","import { Component, Event, EventEmitter, h, Host, Method, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-accordion-item',\n styleUrl: 'accordion-item.scss',\n shadow: true,\n})\nexport class AccordionItem {\n /** The header gives users the context about the additional information available inside the panel /\n @Prop() header: string = '';\n\n /* Changes where the expand icon is placed. /\n @Prop() expandIconPosition: 'start' \| 'end' = 'end';\n\n /* Disabled option in `boolean`. /\n @Prop() disabled: boolean = false;\n\n /* Set to true to expand panel open /\n @Prop() expanded: boolean = false;\n\n /* When true 16px on right padding instead of 64px /\n @Prop() paddingReset: boolean = false;\n\n /* Method for toggeling the expanded state of the accordion item. /\n @Method()\n async toggleAccordionItem() {\n // This is negated in order to emit the value the accordion item will have after it has expanded/redacted.\n const event = this.sddsToggle.emit({\n expanded: !this.expanded,\n });\n if (!event.defaultPrevented) {\n this.expanded = !this.expanded;\n }\n }\n\n /* Fires when the accordion item is clicked but before the it is closed or opened. */\n @Event({\n eventName: 'sddsToggle',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsToggle: EventEmitter<{\n expanded: boolean;\n }>;\n\n render() {\n return (\n <Host>\n <div\n class={`sdds-accordion-item\n ${this.disabled ? 'disabled' : ''}\n ${this.expanded ? 'expanded' : ''}\n `}\n >\n <button\n type=\"button\"\n aria-expanded={this.expanded}\n class={`sdds-accordion-header-icon-${this.expandIconPosition}`}\n onClick={() => this.toggleAccordionItem()}\n disabled={this.disabled}\n >\n <div class=\"sdds-accordion-title\">\n {this.header}\n <slot name=\"accordion-item-header\"></slot>\n </div>\n <div class=\"sdds-accordion-icon\">\n <sdds-icon name=\"chevron_down\" size=\"16px\"></sdds-icon>\n </div>\n </button>\n <div\n class={`sdds-accordion-panel\n ${this.paddingReset ? 'sdds-accordion-panel--padding-reset ' : ''}\n `}\n >\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-accordion.cjs.entry.js CHANGED Viewed

@@ -2,18 +2,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
 const accordionCss = ":host{display:block;box-sizing:border-box}:host *{box-sizing:border-box}:host .sdds-accordion-header-icon-start,:host .sdds-accordion-header-icon-end{position:relative}:host(:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-focus);outline:none}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start::after,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end::after{border-color:var(--sdds-accordion-border-focus)}:host(:focus) .disabled,:host(:focus) .disabled *{cursor:not-allowed}:host(:focus) .disabled .sdds-accordion-header-icon-start,:host(:focus) .disabled .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}:host(:focus) .disabled .sdds-accordion-header-icon-start::after,:host(:focus) .disabled .sdds-accordion-header-icon-end::after{border-color:transparent}:host(:active) .sdds-accordion-header-icon-start,:host(:active) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .sdds-accordion-header-icon-start,:host(:active) .disabled .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .sdds-accordion-header-icon-start::after,:host(:active) .disabled .sdds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--sdds-accordion-border)}";
 const Accordion = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.divider = true;
     this.modeVariant = null;
   }
   render() {
-    return (index.h(index.Host, { class: `sdds-accordion ${this.divider ? 'sdds-accordion-divider' : ''} ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, index.h("slot", null)));
+    return (index.h(index.Host, { class: `sdds-accordion ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}` : ''}` }, index.h("slot", null)));
   }
 };
 Accordion.style = accordionCss;

package/dist/cjs/sdds-accordion.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sdds-accordion.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,grDAAgrD;;MCOxrD,SAAS;;;~~mBAEO~~,IAAI~~;uBAGgB,IAAI~~;;EAEnD,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,KAAK,EAAE,kBAAkB,IAAI,CAAC,~~OAAO,GAAG,wBAAwB,GAAG,EAAE,IAAI,IAAI,CAAC,~~WAAW,KAAK,IAAI,GAAG,qBAAqB,IAAI,CAAC,WAAW,EAAE,GAAE,EAAE,EAAE,~~IAElJD~~,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/accordion/accordion.scss?tag=sdds-accordion&encapsulation=shadow","./src/components/accordion/accordion.tsx"],"sourcesContent":["@import '../../mixins/focus-state';\n@import '../../mixins/disabled-style';\n@import '../../mixins/box-sizing';\n\n:host {\n display: block;\n @include sdds-box-sizing;\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n position: relative;\n }\n}\n\n:host(:focus) {\n @include sdds-focus-state;\n\n .sdds-accordion-item {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-focus);\n outline: none;\n\n &::after {\n border-color: var(--sdds-accordion-border-focus);\n }\n }\n }\n\n .disabled {\n @include disabledStyle;\n }\n}\n\n:host(:active) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-active);\n outline: none;\n }\n\n .disabled {\n @include disabledStyle;\n }\n}\n\n:host(:last-child) {\n border-bottom: 1px solid var(--sdds-accordion-border);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-accordion',\n styleUrl: 'accordion.scss',\n shadow: true,\n})\nexport class Accordion {\n /** Enable or disable divider lines between items /\n @Prop() divider: boolean = true;\n\n /* Set the variant of the the accordion. */\n @Prop() modeVariant: 'primary' \| 'secondary' = null;\n\n render() {\n return (\n <Host\n class={`sdds-accordion ${this.~~divider ? 'sdds-accordion-divider' : ''} ${this.~~modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}`: ''}`}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sdds-accordion.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,grDAAgrD;;MCOxrD,SAAS;;;uBAE2B,IAAI;;EAEnD,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,KAAK,EAAE,kBAAkB,IAAI,CAAC,WAAW,KAAK,IAAI,GAAG,qBAAqB,IAAI,CAAC,WAAW,EAAE,GAAE,EAAE,EAAE,IAElGD,qBAAa,CACR,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/accordion/accordion.scss?tag=sdds-accordion&encapsulation=shadow","./src/components/accordion/accordion.tsx"],"sourcesContent":["@import '../../mixins/focus-state';\n@import '../../mixins/disabled-style';\n@import '../../mixins/box-sizing';\n\n:host {\n display: block;\n @include sdds-box-sizing;\n\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n position: relative;\n }\n}\n\n:host(:focus) {\n @include sdds-focus-state;\n\n .sdds-accordion-item {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-focus);\n outline: none;\n\n &::after {\n border-color: var(--sdds-accordion-border-focus);\n }\n }\n }\n\n .disabled {\n @include disabledStyle;\n }\n}\n\n:host(:active) {\n .sdds-accordion-header-icon-start,\n .sdds-accordion-header-icon-end {\n background-color: var(--sdds-accordion-background-active);\n outline: none;\n }\n\n .disabled {\n @include disabledStyle;\n }\n}\n\n:host(:last-child) {\n border-bottom: 1px solid var(--sdds-accordion-border);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'sdds-accordion',\n styleUrl: 'accordion.scss',\n shadow: true,\n})\nexport class Accordion {\n /** Set the variant of the the accordion. */\n @Prop() modeVariant: 'primary' \| 'secondary' = null;\n\n render() {\n return (\n <Host\n class={`sdds-accordion ${this.modeVariant !== null ? `sdds-mode-variant-${this.modeVariant}`: ''}`}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-badges.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
 const badgesCss = ":host{--sdds-badges-background-color:var(--sdds-negative);--sdds-badges-color-text:var(--sdds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.sdds-badges{display:block;border-radius:12px;background-color:var(--sdds-badges-background-color);text-align:center}.sdds-badges.sdds-badges-sm{height:8px;width:8px;line-height:8px}.sdds-badges.sdds-badges-lg{height:20px;line-height:20px;width:20px}.sdds-badges.sdds-badges-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.sdds-badges.sdds-badges-hidden{display:none}.sdds-badges-text{font-family:var(--sdds-font-family-semi-condensed-bold);font-size:12px;color:var(--sdds-badges-color-text);font-weight:bold}";

package/dist/cjs/sdds-banner.cjs.entry.js CHANGED Viewed

@@ -2,62 +2,47 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
-const sddsBannerCss = ":root,.sdds-mode-light{--sdds-link:var(--sdds-blue-500);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-grey-900);--sdds-link-disabled:var(--sdds-grey-400)}.sdds-mode-dark{--sdds-link:var(--sdds-blue-300);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-blue-400);--sdds-link-disabled:var(--sdds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--sdds-banner-background-error)}:host(.information){background-color:var(--sdds-banner-background-info)}:host{display:flex;background-color:var(--sdds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--sdds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--sdds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--sdds-banner-prefix-info-color)}:host .banner-content{color:var(--sdds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .banner-content.no-icon{padding-left:16px}:host .banner-content .banner-header{font:var(--sdds-headline-06);letter-spacing:var(--sdds-headline-06-ls)}:host .banner-content .banner-subheader{margin-top:4px;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .banner-content sdds-link{width:fit-content;margin-top:16px}:host .banner-close{color:var(--sdds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus{outline:none}:host .banner-close button:focus sdds-icon{outline:2px solid var(--sdds-link-focus)}";
+const sddsBannerCss = ":root,.sdds-mode-light{--sdds-link:var(--sdds-blue-500);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-grey-900);--sdds-link-disabled:var(--sdds-grey-400)}.sdds-mode-dark{--sdds-link:var(--sdds-blue-300);--sdds-link-hover:var(--sdds-blue-400);--sdds-link-focus:var(--sdds-blue-400);--sdds-link-visited:var(--sdds-blue-100);--sdds-link-disabled:var(--sdds-grey-800)}:host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--sdds-banner-background-error)}:host(.information){background-color:var(--sdds-banner-background-info)}:host{display:flex;background-color:var(--sdds-banner-background-default);z-index:400}:host .banner-icon{padding-left:20px;padding-top:14px;padding-right:12px;color:var(--sdds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--sdds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--sdds-banner-prefix-info-color)}:host .banner-content{color:var(--sdds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .banner-content.no-icon{padding-left:16px}:host .banner-content .banner-header{font:var(--sdds-headline-06);letter-spacing:var(--sdds-headline-06-ls)}:host .banner-content slot[name=banner-subheader]{display:block;margin-top:4px;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}:host .banner-content .banner-link slot[name=banner-link]{display:block;width:fit-content;margin-top:16px}:host .banner-content .banner-link.no-subheader slot[name=banner-link]{margin-top:4px}:host .banner-close{color:var(--sdds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--sdds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus{outline:none}:host .banner-close button:focus sdds-icon{outline:2px solid var(--sdds-link-focus)}";
 const SddsBanner = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.sddsClose = index.createEvent(this, "sddsClose", 7);
+    this.sddsShow = index.createEvent(this, "sddsShow", 7);
     this.handleClose = () => {
       const sddsCloseEvent = this.sddsClose.emit({
         bannerId: this.bannerId,
-        hidden: this.hidden,
       });
       if (!sddsCloseEvent.defaultPrevented) {
         this.hidden = true;
       }
     };
+    this.handleShow = () => {
+      const sddsCloseEvent = this.sddsShow.emit({
+        bannerId: this.bannerId,
+      });
+      if (!sddsCloseEvent.defaultPrevented) {
+        this.hidden = false;
+      }
+    };
     this.icon = undefined;
     this.header = undefined;
-    this.subheader = undefined;
-    this.linkText = undefined;
-    this.href = undefined;
-    this.linkTarget = '_self';
-    this.linkRel = 'noopener';
     this.type = 'none';
     this.bannerId = crypto.randomUUID();
     this.persistent = false;
     this.hidden = false;
+    this.hasSubheader = undefined;
+    this.hasLink = undefined;
   }
   /** Hides the banner. */
   async hideBanner() {
-    const sddsCloseEvent = this.sddsClose.emit({
-      bannerId: this.bannerId,
-      hidden: this.hidden,
-    });
-    if (!sddsCloseEvent.defaultPrevented) {
-      this.hidden = true;
-    }
-    return {
-      bannerId: this.bannerId,
-      hidden: true,
-    };
+    this.handleClose();
   }
   /** Shows the banner */
   async showBanner() {
-    const sddsCloseEvent = this.sddsClose.emit({
-      bannerId: this.bannerId,
-      hidden: this.hidden,
-    });
-    if (!sddsCloseEvent.defaultPrevented) {
-      this.hidden = false;
-    }
-    return {
-      bannerId: this.bannerId,
-      hidden: false,
-    };
+    this.handleShow();
   }
   connectedCallback() {
     if (this.type === 'error') {
@@ -66,9 +51,12 @@ const SddsBanner = class {
     else if (this.type === 'information') {
       this.icon = 'info';
     }
+    const children = Array.from(this.host.children);
+    this.hasSubheader = children.some((childElement) => childElement.slot === 'banner-subheader');
+    this.hasLink = children.some((childElement) => childElement.slot === 'banner-link');
   }
   render() {
-    return (index.h(index.Host, { role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.type} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (index.h("div", { class: `banner-icon ${this.type}` }, index.h("sdds-icon", { name: this.icon, size: "20px" }))), index.h("div", { class: `banner-content ${this.type} ${!this.icon ? 'no-icon' : ''}` }, this.header && index.h("span", { class: `banner-header` }, this.header), this.subheader && index.h("span", { class: `banner-subheader` }, this.subheader), this.linkText && this.href && (index.h("sdds-link", { "link-href": this.href, rel: this.linkRel, "link-target": this.linkTarget }, this.linkText))), !this.persistent && (index.h("div", { class: `banner-close` }, index.h("button", { onClick: () => {
+    return (index.h(index.Host, { role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.type} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (index.h("div", { class: `banner-icon ${this.type}` }, index.h("sdds-icon", { name: this.icon, size: "20px" }))), index.h("div", { class: `banner-content ${this.type} ${!this.icon ? 'no-icon' : ''}` }, this.header && index.h("span", { class: `banner-header` }, this.header), this.hasSubheader && index.h("slot", { name: "banner-subheader" }), this.hasLink && (index.h("div", { class: `banner-link ${!this.hasSubheader ? 'no-subheader' : ''}` }, index.h("slot", { name: "banner-link" })))), !this.persistent && (index.h("div", { class: `banner-close` }, index.h("button", { onClick: () => {
         this.handleClose();
       } }, index.h("sdds-icon", { name: "cross", size: "20px" }))))));
   }

package/dist/cjs/sdds-banner.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"sdds-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG~~,+tDAA+tD~~;;~~MCQxuD~~,UAAU~~;;;;IA2FrB~~,gBAAW,GAAG;MACZ,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ;~~QACvB~~,~~MAAM,EAAE,IAAI,~~CAAC,~~MAAM;OACpB,~~CAAC~~,CAAC~~;MACH,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE;QACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF,CAAC~~;;;;;;sBAlF4D,OAAO~~;~~mBAG3C~~,~~UAAU;gBAGa~~,~~MAAM~~;~~oBAM5B~~,MAAM,~~CAAC,UAAU,EAAE;sBAGhB,KAAK;kBAGlB,KAAK;;;EAkBtB,MAAM,UAAU;IACd,MAAM,~~cAAc,GAAG,IAAI,CAAC,~~SAAS~~,CAAC,IAAI,CAAC;~~MACzC~~,QAAQ,EAAE,IAAI,CAAC,QAAQ;~~MACvB~~,~~MAAM,EAAE,IAAI,~~CAAC,~~MAAM;KACpB,~~CAAC~~,CAAC~~;~~IACH~~,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE;~~MACpC~~,IAAI,CAAC,MAAM,GAAG,~~IAAI~~,CAAC;~~KACpB~~;~~IACD~~,~~OAAO~~;~~MACL~~,~~QAAQ~~,~~EAAE~~,~~IAAI~~,~~CAAC~~,~~QAAQ~~;~~MACvB~~,MAAM,~~EAAE~~,IAAI~~;KACb~~,CAAC;~~GACH~~;;EAID,MAAM,UAAU;IACd,~~MAAM,cAAc,GAAG,~~IAAI,CAAC,~~SAAS~~,~~CAAC~~,~~IAAI,~~CAAC;~~MACzC~~,~~QAAQ~~,~~EAAE~~,IAAI,CAAC,~~QAAQ;MACvB~~,~~MAAM~~,EAAE,IAAI,CAAC,~~MAAM;KACpB~~,~~CAAC~~,CAAC;~~IACH~~,IAAI,CAAC,~~cAAc~~,~~CAAC~~,~~gBAAgB~~,EAAE;~~MACpC~~,IAAI,CAAC,~~MAAM~~,GAAG,~~KAAK~~,CAAC;~~KACrB~~;IACD,~~OAAO;MACL~~,QAAQ,~~EAAE~~,IAAI,CAAC,~~QAAQ;MACvB~~,~~MAAM~~,~~EAAE~~,~~KAAK;KACd~~,CAAC~~;GACH;EAED~~,~~iBAAiB~~;~~IACf~~,IAAI,IAAI,CAAC,IAAI,KAAK,~~OAAO~~,~~EAAE~~;~~MACzB~~,IAAI,CAAC,~~IAAI~~,GAAG,~~OAAO~~,CAAC~~;KACrB;SAAM~~,IAAI,~~IAAI~~,CAAC,~~IAAI~~,KAAK,~~aAAa~~,~~EAAE;MACtC,IAAI,~~CAAC,IAAI,~~GAAG~~,~~MAAM~~,CAAC;~~KACpB~~;~~GACF;EAYD~~,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,IAAI,EAAC,QAAQ,iBACA,GAAG,IAAI,CAAC,MAAM,EAAE,eAE3B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,QAAQ,iBAEzE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAClD,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,IAErD,IAAI,CAAC,IAAI,KACRD,iBAAK,KAAK,EAAE,eAAe,IAAI,CAAC,IAAI,EAAE,IACpCA,uBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAa,CAChD,CACP,EACDA,iBAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,GAAG,EAAE,EAAE,IACrE,IAAI,CAAC,MAAM,IAAIA,kBAAM,KAAK,EAAE,eAAe,IAAG,IAAI,CAAC,MAAM,CAAQ,EACjE,IAAI,CAAC,~~SAAS~~,IAAIA,kBAAM,~~KAAK~~,~~EAAE~~,kBAAkB,~~IAAG~~,IAAI,CAAC,~~SAAS~~,~~CAAQ~~,~~EAC1E~~,~~IAAI~~,~~CAAC~~,~~QAAQ~~,~~IAAI~~,IAAI,CAAC,~~IAAI~~,~~KACzBA~~,~~oCAAsB~~,~~IAAI~~,~~CAAC,IAAI,~~EAAE,~~GAAG,~~EAAE,~~IAAI~~,~~CAAC~~,~~OAAO,iBAAe,~~IAAI,~~CAAC~~,~~UAAU~~,~~IAC7E~~,~~IAAI~~,~~CAAC~~,~~QAAQ,CACJ,CACb,~~CACG,EACL,CAAC,IAAI,CAAC,UAAU,KACfA,iBAAK,KAAK,EAAE,cAAc,IACxBA,oBACE,OAAO,EAAE;QACP,IAAI,CAAC,WAAW,EAAE,CAAC;OACpB,IAEDA,uBAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,CACzC,CACL,CACP,CACI,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["./src/components/banner/sdds-banner.scss?tag=sdds-banner&encapsulation=shadow","./src/components/banner/sdds-banner.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import '../../mixins/box-sizing';\n@import '../link/link-vars.scss';\n\n:host(.hide) {\n display: none;\n visibility: hidden;\n}\n\n:host(.error) {\n background-color: var(--sdds-banner-background-error);\n}\n\n:host(.information) {\n background-color: var(--sdds-banner-background-info);\n}\n\n:host {\n display: flex;\n background-color: var(--sdds-banner-background-default);\n z-index: z(banner);\n\n .banner-icon {\n padding-left: 20px;\n padding-top: 14px;\n padding-right: 12px;\n color: var(--sdds-banner-prefix-default-color);\n\n &.error {\n color: var(--sdds-banner-prefix-error-color);\n }\n\n &.information {\n color: var(--sdds-banner-prefix-info-color);\n }\n }\n\n .banner-content {\n color: var(--sdds-banner-text-color);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding: 16px 0;\n\n &.no-icon {\n padding-left: 16px;\n }\n\n .banner-header {\n font: var(--sdds-headline-06);\n letter-spacing: var(--sdds-headline-06-ls);\n }\n\n .banner-subheader {\n margin-top: 4px;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n\n ~~sdds~~-link {\n width: fit-content;\n margin-top: 16px;\n }\n }\n\n .banner-close {\n color: var(--sdds-banner-x-color);\n\n button {\n padding-right: 16px;\n padding-top: 14px;\n background-color: transparent;\n border: none;\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus {\n outline: none;\n\n sdds-icon {\n outline: 2px solid var(--sdds-link-focus);\n }\n }\n }\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { HostElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-banner',\n styleUrl: 'sdds-banner.scss',\n shadow: true,\n})\nexport class SddsBanner {\n /** Name of the icon for the component. For error and information type the icon is predefined. /\n @Prop() icon: string;\n\n /* Header text. /\n @Prop() header: string;\n\n /* Subheader text. /\n @Prop() subheader: string;\n\n /* Link text. /\n @Prop() linkText: string;\n\n /* Href for the link /\n @Prop() href: string;\n\n /* Where to open the linked URL /\n @Prop() linkTarget: '_self' \| '_blank' \| '_parent' \| '_top' = '_self';\n\n /* 'noopener' is a security measure for legacy browsers that preventsthe opened page from getting access to the original page when using target='_blank'. /\n @Prop() linkRel: string = 'noopener';\n\n /* Type of banner /\n @Prop() type: 'error' \| 'information' \| 'none' = 'none';\n\n /* ID used for internal table functionality and events, must be unique.\n \n NOTE: If you're listening for banner close events you need to set this ID yourself to identify the banner, as the default ID is random and will be different every time.\n /\n @Prop() bannerId: string = crypto.randomUUID();\n\n /* Removes the close button on the banner. /\n @Prop() persistent: boolean = false;\n\n /* Hides the banner /\n @Prop() hidden = false;\n\n @Element() host: HostElement;\n\n /* Sends unique banner identifier when the close button is pressed. /\n @Event({\n eventName: 'sddsClose',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClose: EventEmitter<{\n bannerId: string;\n ~~hidden: boolean;\n~~ }>;\n\n /* ~~Hides~~ the ~~banner~~. /\n @~~Method~~(~~)\n async hideBanner()~~ {\n ~~const~~ ~~sddsCloseEvent = this.sddsClose.emit({\~~n ~~bannerId~~: ~~this.bannerId~~,\n ~~hidden~~: ~~this.hidden~~,\n ~~});\n if~~ ~~(!sddsCloseEvent.defaultPrevented) {\n this.hidden =~~ true;\n }\n ~~return~~ {\n bannerId: ~~this.bannerId,\n hidden: true,\n }~~;\n }\n\n /* ~~Shows~~ the banner */\n @Method()\n async ~~showBanner~~() {\n ~~const sddsCloseEvent =~~ this.~~sddsClose.emit~~({\n ~~bannerId: this.bannerId,\~~n ~~hidden:~~ ~~this.hidden,\~~n });\n if (~~!sddsCloseEvent.defaultPrevented~~) {\n ~~this.hidden = false;\n~~ ~~}\n return {\n bannerId:~~ this.~~bannerId,\n hidden: false,\n }~~;\n }\n\n connectedCallback() {\n if (this.type === 'error') {\n this.icon = 'error';\n } else if (this.type === 'information') {\n this.icon = 'info';\n }\n }\n\n handleClose = () => {\n const sddsCloseEvent = this.sddsClose.emit({\n bannerId: this.bannerId,\n hidden: this.~~hidden~~,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = ~~true~~;\n }\n };\n\n render() {\n return (\n <Host\n role=\"banner\"\n aria-hidden={`${this.hidden}`}\n aria-live={\n this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite'\n }\n aria-atomic={this.host.getAttribute('aria-atomic')}\n class={`${this.type} ${this.hidden ? 'hide' : 'show'}`}\n >\n {this.icon && (\n <div class={`banner-icon ${this.type}`}>\n <sdds-icon name={this.icon} size=\"20px\"></sdds-icon>\n </div>\n )}\n <div class={`banner-content ${this.type} ${!this.icon ? 'no-icon' : ''}`}>\n {this.header && <span class={`banner-header`}>{this.header}</span>}\n {this.~~subheader~~ && <~~span~~ ~~class={`~~banner-subheader`}>~~{this.subheader~~}~~</span>}~~\n {this.~~linkText~~ && ~~this.href &&~~ (\n <~~sdds-link~~ ~~link-href~~={~~this.href}~~ ~~rel=~~{this.~~linkRel}~~ ~~link~~-~~target={this.linkTarget~~}>\n ~~{this.linkText}~~\n </~~sdds-link~~>\n )}\n </div>\n {!this.persistent && (\n <div class={`banner-close`}>\n <button\n onClick={() => {\n this.handleClose();\n }}\n >\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"sdds-banner.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,s5DAAs5D;;MCQ/5D,UAAU;;;;;IAyErB,gBAAW,GAAG;MACZ,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACzC,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,CAAC,CAAC;MACH,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE;QACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;OACpB;KACF,CAAC;IAEF,eAAU,GAAG;MACX,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACxC,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACxB,CAAC,CAAC;MACH,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE;QACpC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;OACrB;KACF,CAAC;;;gBAjF+C,MAAM;oBAM5B,MAAM,CAAC,UAAU,EAAE;sBAGhB,KAAK;kBAGlB,KAAK;;;;;EAgCtB,MAAM,UAAU;IACd,IAAI,CAAC,WAAW,EAAE,CAAC;GACpB;;EAID,MAAM,UAAU;IACd,IAAI,CAAC,UAAU,EAAE,CAAC;GACnB;EAED,iBAAiB;IACf,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;MACzB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;KACrB;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE;MACtC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;KACpB;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,KAAK,kBAAkB,CAAC,CAAC;IAC9F,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;GACrF;EAoBD,MAAM;IACJ,QACEA,QAACC,UAAI,IACH,IAAI,EAAC,QAAQ,iBACA,GAAG,IAAI,CAAC,MAAM,EAAE,eAE3B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,QAAQ,iBAEzE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAClD,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,IAErD,IAAI,CAAC,IAAI,KACRD,iBAAK,KAAK,EAAE,eAAe,IAAI,CAAC,IAAI,EAAE,IACpCA,uBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,GAAa,CAChD,CACP,EACDA,iBAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,GAAG,EAAE,EAAE,IACrE,IAAI,CAAC,MAAM,IAAIA,kBAAM,KAAK,EAAE,eAAe,IAAG,IAAI,CAAC,MAAM,CAAQ,EACjE,IAAI,CAAC,YAAY,IAAIA,kBAAM,IAAI,EAAC,kBAAkB,GAAQ,EAC1D,IAAI,CAAC,OAAO,KACXA,iBAAK,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,EAAE,EAAE,IACnEA,kBAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACP,CACG,EACL,CAAC,IAAI,CAAC,UAAU,KACfA,iBAAK,KAAK,EAAE,cAAc,IACxBA,oBACE,OAAO,EAAE;QACP,IAAI,CAAC,WAAW,EAAE,CAAC;OACpB,IAEDA,uBAAW,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,CACzC,CACL,CACP,CACI,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["./src/components/banner/sdds-banner.scss?tag=sdds-banner&encapsulation=shadow","./src/components/banner/sdds-banner.tsx"],"sourcesContent":["@import '../../mixins/z-index';\n@import '../../mixins/box-sizing';\n@import '../link/link-vars.scss';\n\n:host(.hide) {\n display: none;\n visibility: hidden;\n}\n\n:host(.error) {\n background-color: var(--sdds-banner-background-error);\n}\n\n:host(.information) {\n background-color: var(--sdds-banner-background-info);\n}\n\n:host {\n display: flex;\n background-color: var(--sdds-banner-background-default);\n z-index: z(banner);\n\n .banner-icon {\n padding-left: 20px;\n padding-top: 14px;\n padding-right: 12px;\n color: var(--sdds-banner-prefix-default-color);\n\n &.error {\n color: var(--sdds-banner-prefix-error-color);\n }\n\n &.information {\n color: var(--sdds-banner-prefix-info-color);\n }\n }\n\n .banner-content {\n color: var(--sdds-banner-text-color);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n padding: 16px 0;\n\n &.no-icon {\n padding-left: 16px;\n }\n\n .banner-header {\n font: var(--sdds-headline-06);\n letter-spacing: var(--sdds-headline-06-ls);\n }\n\n slot[name='banner-subheader'] {\n display: block;\n margin-top: 4px;\n font: var(--sdds-detail-02);\n letter-spacing: var(--sdds-detail-02-ls);\n }\n\n .banner-link {\n slot[name='banner-link'] {\n display: block;\n width: fit-content;\n margin-top: 16px;\n }\n\n &.no-subheader {\n slot[name='banner-link'] {\n margin-top: 4px;\n }\n }\n }\n }\n\n .banner-close {\n color: var(--sdds-banner-x-color);\n\n button {\n padding-right: 16px;\n padding-top: 14px;\n background-color: transparent;\n border: none;\n color: var(--sdds-banner-x-color);\n\n &:hover {\n cursor: pointer;\n }\n\n &:focus {\n outline: none;\n\n sdds-icon {\n outline: 2px solid var(--sdds-link-focus);\n }\n }\n }\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Method, Element } from '@stencil/core';\nimport { HostElement, State } from '@stencil/core/internal';\n\n@Component({\n tag: 'sdds-banner',\n styleUrl: 'sdds-banner.scss',\n shadow: true,\n})\nexport class SddsBanner {\n /** Name of the icon for the component. For error and information type the icon is predefined. /\n @Prop() icon: string;\n\n /* Header text. /\n @Prop() header: string;\n\n /* Type of banner /\n @Prop() type: 'error' \| 'information' \| 'none' = 'none';\n\n /* ID used for internal table functionality and events, must be unique.\n \n NOTE: If you're listening for banner close events you need to set this ID yourself to identify the banner, as the default ID is random and will be different every time.\n /\n @Prop() bannerId: string = crypto.randomUUID();\n\n /* Removes the close button on the banner. /\n @Prop() persistent: boolean = false;\n\n /* Hides the banner /\n @Prop() hidden = false;\n\n @State() hasSubheader: boolean;\n\n @State() hasLink: boolean;\n\n @Element() host: HostElement;\n\n /* Sends unique banner identifier when the close button is pressed. /\n @Event({\n eventName: 'sddsClose',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsClose: EventEmitter<{\n bannerId: string;\n }>;\n\n /* Sends unique banner identifier when the close button is pressed. /\n @Event({\n eventName: 'sddsShow',\n composed: true,\n cancelable: true,\n bubbles: true,\n })\n sddsShow: EventEmitter<{\n bannerId: string;\n }>;\n\n /* Hides the banner. /\n @Method()\n async hideBanner() {\n this.handleClose();\n }\n\n /* Shows the banner */\n @Method()\n async showBanner() {\n this.handleShow();\n }\n\n connectedCallback() {\n if (this.type === 'error') {\n this.icon = 'error';\n } else if (this.type === 'information') {\n this.icon = 'info';\n }\n const children = Array.from(this.host.children);\n this.hasSubheader = children.some((childElement) => childElement.slot === 'banner-subheader');\n this.hasLink = children.some((childElement) => childElement.slot === 'banner-link');\n }\n\n handleClose = () => {\n const sddsCloseEvent = this.sddsClose.emit({\n bannerId: this.bannerId,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = true;\n }\n };\n\n handleShow = () => {\n const sddsCloseEvent = this.sddsShow.emit({\n bannerId: this.bannerId,\n });\n if (!sddsCloseEvent.defaultPrevented) {\n this.hidden = false;\n }\n };\n\n render() {\n return (\n <Host\n role=\"banner\"\n aria-hidden={`${this.hidden}`}\n aria-live={\n this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite'\n }\n aria-atomic={this.host.getAttribute('aria-atomic')}\n class={`${this.type} ${this.hidden ? 'hide' : 'show'}`}\n >\n {this.icon && (\n <div class={`banner-icon ${this.type}`}>\n <sdds-icon name={this.icon} size=\"20px\"></sdds-icon>\n </div>\n )}\n <div class={`banner-content ${this.type} ${!this.icon ? 'no-icon' : ''}`}>\n {this.header && <span class={`banner-header`}>{this.header}</span>}\n {this.hasSubheader && <slot name=\"banner-subheader\"></slot>}\n {this.hasLink && (\n <div class={`banner-link ${!this.hasSubheader ? 'no-subheader' : ''}`}>\n <slot name=\"banner-link\"></slot>\n </div>\n )}\n </div>\n {!this.persistent && (\n <div class={`banner-close`}>\n <button\n onClick={() => {\n this.handleClose();\n }}\n >\n <sdds-icon name=\"cross\" size=\"20px\"></sdds-icon>\n </button>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/sdds-block.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
 const sddsBlockCss = ".sdds-block-webcomponent{box-sizing:border-box;color:var(--sdds-block-color);border-radius:4px;padding:16px;font:var(--sdds-body-01);letter-spacing:var(--sdds-body-01-ls);background-color:var(--sdds-block-background)}.sdds-block-webcomponent *{box-sizing:border-box}.sdds-mode-variant-primary{--sdds-block-background:var(--sdds-block-background-primary);--sdds-block-background-nested:var(--sdds-block-background-nested-primary)}.sdds-mode-variant-secondary{--sdds-block-background:var(--sdds-block-background-secondary);--sdds-block-background-nested:var(--sdds-block-background-nested-secondary)}";

package/dist/cjs/sdds-body-cell_2.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-18eb94f0.js');
+const index = require('./index-681dc796.js');
 const tableBodyCellCss = ":host(.sdds-table__body-cell){box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--sdds-data-table-color);padding:var(--sdds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.sdds-table__body-cell) *{box-sizing:border-box}:host(.sdds-table__body-cell--no-padding){padding:0}:host(.sdds-table__body-cell--hover){background-color:var(--sdds-data-table-body-cell-background-hover)}:host(.sdds-table__compact){padding:var(--sdds-spacing-element-8) var(--sdds-spacing-element-16)}:host(.sdds-table--divider){border-right:1px solid var(--sdds-data-table-divider)}:host(.sdds-table--divider:last-of-type){border-right:none}:host(.sdds-table--no-min-width){min-width:unset}";
@@ -25,7 +25,7 @@ const TableBodyCell = class {
     this.whiteBackground = false;
     this.tableId = '';
   }
-  tablePropsChangedEventListener(event) {
+  internalSddsPropChangeListener(event) {
     if (this.tableId === event.detail.tableId) {
       event.detail.changed
         .filter((changedProp) => relevantTableProps$1.includes(changedProp))
@@ -38,14 +38,14 @@ const TableBodyCell = class {
     }
   }
   // Listen to headKey from data-table-header-element
-  headCellHoverEventListener(event) {
+  internalSddsHoverListener(event) {
     const [receivedID, receivedKeyValue] = event.detail;
     if (this.tableId === receivedID) {
       this.activeSorting = this.cellKey === receivedKeyValue;
     }
   }
-  // Listen to textAlignEvent from data-table-header-element
-  textAlignEventListener(event) {
+  // Listen to internalSddsTextAlign from data-table-header-element
+  internalSddsTextAlignListener(event) {
     const [receivedID, receivedKey, receivedTextAlign] = event.detail;
     if (this.tableId === receivedID) {
       if (this.cellKey === receivedKey) {
@@ -76,7 +76,7 @@ const TableBodyCell = class {
 };
 TableBodyCell.style = tableBodyCellCss;
-const tableBodyRowCss = ":root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:white;--sdds-checkbox-background-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item *{box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:\"\";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:0.24;transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host(.sdds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host(.sdds-table__row) *{box-sizing:border-box}:host(.sdds-table__row) .sdds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.sdds-table__row:hover){background-color:var(--sdds-data-table-body-row-background-hover)}:host(.sdds-table__row--selected){background-color:var(--sdds-data-table-body-row-background-active)}:host(.sdds-table__row--selected:hover){background-color:var(--sdds-data-table-body-row-background-active-hover)}:host(.sdds-table__row--hidden){display:none}:host(.sdds-table__row--expended){width:100%;background-color:pink}:host .sdds-form-label--data-table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.sdds-table__compact) .sdds-form-label--data-table{height:32px}:host(.sdds-table--divider) .sdds-table__body-cell--checkbox{border-right:1px solid var(--sdds-data-table-divider)}";
+const tableBodyRowCss = ":root,.sdds-mode-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-background-hover:var(--sdds-blue-800);--sdds-checkbox-background-focus:var(--sdds-blue-800);--sdds-checkbox-background-opacity-hover:0.12;--sdds-checkbox-background-opacity-focus:0.24;--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%23b0b7c4' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-mode-dark,.sdds-mode-light .sdds-mode-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-background-hover:var(--sdds-grey-600);--sdds-checkbox-background-focus:var(--sdds-grey-600);--sdds-checkbox-background-opacity-hover:0.48;--sdds-checkbox-background-opacity-focus:0.72;--sdds-checkbox-disabled:white;--sdds-checkbox-background-img:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%230D0F13' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-background-img-disabled:url(\"data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1' stroke='%2356657A' stroke-linecap='round' stroke-linejoin='round'/></svg>\");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item *{box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-4);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:\"\";position:absolute;box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0;border-radius:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-background-hover);opacity:var(--sdds-checkbox-background-opacity-hover)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-background-focus);opacity:var(--sdds-checkbox-background-opacity-focus);transition:opacity 0.2s ease-in-out}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-background-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-background-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}:host(.sdds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host(.sdds-table__row) *{box-sizing:border-box}:host(.sdds-table__row) .sdds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.sdds-table__row:hover){background-color:var(--sdds-data-table-body-row-background-hover)}:host(.sdds-table__row--selected){background-color:var(--sdds-data-table-body-row-background-active)}:host(.sdds-table__row--selected:hover){background-color:var(--sdds-data-table-body-row-background-active-hover)}:host(.sdds-table__row--hidden){display:none}:host(.sdds-table__row--expended){width:100%;background-color:pink}:host .sdds-form-label--data-table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.sdds-table__compact) .sdds-form-label--data-table{height:32px}:host(.sdds-table--divider) .sdds-table__body-cell--checkbox{border-right:1px solid var(--sdds-data-table-divider)}";
 const relevantTableProps = [
   'enableMultiselect',
@@ -87,8 +87,8 @@ const relevantTableProps = [
 const TableBodyRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.bodyRowToTable = index.createEvent(this, "bodyRowToTable", 7);
-    this.runPaginationEvent = index.createEvent(this, "runPaginationEvent", 7);
+    this.internalSddsRowChange = index.createEvent(this, "internalSddsRowChange", 6);
+    this.internalSddsPagination = index.createEvent(this, "internalSddsPagination", 6);
     this.enableMultiselect = false;
     this.bodyCheckBoxStatus = false;
     this.mainCheckBoxStatus = false;
@@ -107,7 +107,7 @@ const TableBodyRow = class {
     else {
       row.classList.remove('sdds-table__row--selected');
     }
-    this.bodyRowToTable.emit(this.bodyCheckBoxStatus);
+    this.internalSddsRowChange.emit(this.bodyCheckBoxStatus);
   }
   bodyCheckBoxStatusUpdater(status) {
     this.mainCheckBoxStatus = status;
@@ -119,9 +119,9 @@ const TableBodyRow = class {
     else {
       row.classList.remove('sdds-table__row--selected');
     }
-    this.bodyRowToTable.emit(this.bodyCheckBoxStatus);
+    this.internalSddsRowChange.emit(this.bodyCheckBoxStatus);
   }
-  tablePropsChangedEventListener(event) {
+  internalSddsPropChangeListener(event) {
     if (this.tableId === event.detail.tableId) {
       event.detail.changed
         .filter((changedProp) => relevantTableProps.includes(changedProp))
@@ -138,7 +138,7 @@ const TableBodyRow = class {
       this.bodyCheckBoxStatusUpdater(event.detail[1]);
     }
   }
-  updateBodyCheckboxesEventListener(event) {
+  internalSddsCheckboxChangeListener(event) {
     const [receivedID, receivedBodyCheckboxStatus] = event.detail;
     if (this.tableId === receivedID) {
       this.bodyCheckBoxStatusUpdater(receivedBodyCheckboxStatus);
@@ -154,7 +154,7 @@ const TableBodyRow = class {
     });
   }
   componentDidLoad() {
-    this.runPaginationEvent.emit(this.tableId);
+    this.internalSddsPagination.emit(this.tableId);
   }
   render() {
     return (index.h(index.Host, { class: {