@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/collection/components/CMS/stzh-poilist/stzh-poilist.js

@@ -98,7 +98,7 @@ export class StzhPoilist {
         const classes = {
             "stzh-poilist": true,
         };
-        return (h(Host, { key: 'a3b067250ed8059b2dd428292265eb282c7e9c12' }, h("div", { key: 'f154254f172aa428aa17645d9e7997b9bbe738b3', class: classes }, h("stzh-overlay", { key: '79a82a3b65c72fe227314e1b5031ac9e636a97e0', open: this.isLoading }, h("stzh-loader", { key: '387d090209340d329719773586f6265a77fca0ce', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: '153c12148a2c689dd2ac4e957529e556cba3a05b', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: 'c711bc0eb89bdf2855695a8bc5e12d07afa4c3cf' }, h("div", { key: 'c8f150897192bb92b901d8548d1861e9e4979e11', class: "stzh-poilist__header" }, h("stzh-text", { key: '0c6c6655fb2190451ab44f4e0145e7e09f74511c', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), h("stzh-dropdown", { key: 'dc1bf4fa166e41b1d023cc4a2248fa52c3f3a462', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), h("stzh-cardlist", { key: '151d8d68b14bbe2b82d631d18db8b794b185e8f4', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: '10f75a9129b829ebbbfebbbcfc7a8f0262220ee5', class: "stzh-poilist__show-more" }, h("stzh-button", { key: '91f4b55afdebde58dbfd4d0d63975404167464f9', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
+        return (h(Host, { key: '4f7aa8f89a66069a674aba8ddf337ce705ddf840' }, h("div", { key: 'e0d309a86f6696c288504120e8316ce49ca89adf', class: classes }, h("stzh-overlay", { key: '28bdc53d00aedf49c2d263b4a1d6ba35ab657296', open: this.isLoading }, h("stzh-loader", { key: '68199a819abd3fa51e275a13f0a051f1460f7cd3', label: this.loadingText })), this.geopositionError && h("stzh-message", { key: 'ff1313773da52b7d850ba1c4f20f3f5b519420d9', type: "error", label: this.geopositionError }), (this.items.length > 0 || this.meta) && (h(Fragment, { key: '22af5e047c6e0d119f421809683d343c48997d4d' }, h("div", { key: '375426cb53b6ee80504c934874ab1945d5c3fcc2', class: "stzh-poilist__header" }, h("stzh-text", { key: '2d56fc9917f52484285394302ffe651dfc1409a1', size: "micro" }, this.getNumberOfLoadedItems(), " ", this.localization.of, " ", this.meta.totalItems), h("stzh-dropdown", { key: 'b4e3ec785711f6a570e86942e0fec8878e508004', label: "Sortierung", "hide-optional": true, variant: "plain", noSearch: true, inline: true, noWrap: true, onStzhChange: this.onSortChange, items: Array.isArray(this.activeSorting) ? this.activeSorting : [this.activeSorting], options: this.dropdownOptions })), h("stzh-cardlist", { key: '1f036f4ed36288365cc5ddf2cda6f1b721f03953', layout: "teasers" }, this.items.map(item => (h("stzh-poicard", { item: item })))), this.meta.currentPage !== this.meta.totalPages && (h("div", { key: 'b433512bc0cff818676c5d9b0db21f2fd23f6f5f', class: "stzh-poilist__show-more" }, h("stzh-button", { key: 'f77a2c9f6574ae9a77a7fa32bca7e1f06aec676a', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))))));
     }
     static get is() { return "stzh-poilist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-poilist/stzh-poilist.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 const COMPONENT_NAME = 'stzh-poilist';
@@ -19,8 +18,7 @@ export default {
         component: readme
       }
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-print/stzh-print.js

@@ -35,7 +35,7 @@ export class StzhPrint {
         const classes = {
             "stzh-print": true,
         };
-        return (h(Host, { key: '7aa8cb465f5d22a4fea5652d40facd597463b464' }, h("div", { key: '1b68438e12520e26451a6d3da93087a50a6272bf', class: classes }, h("slot", { key: '8fa1edaa929408c32264ed7675ac8a5fdbf939ad' }))));
+        return (h(Host, { key: 'd24ae42557e47fe95e2c534cb4859e5134578009' }, h("div", { key: '0782d1abea06a050f47871f48627a9e8bac31a6a', class: classes }, h("slot", { key: '30d625c1171cdd2225f1bbda3e6a4b69b8879203' }))));
     }
     static get is() { return "stzh-print"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-print/stzh-print.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('print'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-search/stzh-search.js

@@ -474,13 +474,13 @@ export class StzhSearch {
         const wrapperProps = typeof this.templateResultWrapperProps === "function"
             ? this.templateResultWrapperProps(this.element)
             : this.templateResultWrapperProps;
-        return (h(Host, { key: '3c16f5db02897d35a2397b38386ed4f34b2b8a7f', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: 'b3ebd6d27c8fe2e7039d3448cf2d0f0c6e7dfd9a', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'd67b5c3c144ef2fd28fa3ee52cd40066b72f3b90', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: '832f3f82419ecbe53c908dccdb2f830bd9eb6b3b', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), h("slot", { key: 'c2cea35d988a71421e363b5c2ead726e292cb651', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: '038b9522a67aca210d07322ba82ff67e983a7cde', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: '6efbff78c2b114c6f53e6253e2a91c4744c5916f', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
+        return (h(Host, { key: '4d69899fed4d0f5a789d386533e14899fd8eb2f1', "has-aside-filters": filtersAsideUsed, fullwidth: this.isStzhAnchornavVisible.toString() }, h("form", { key: '889512261a00b00186bdc96a30a2ba49ea113143', ref: el => (this.formElement = el), novalidate: true, class: classes, onSubmit: this.handleFormSubmit, onReset: this.handleFormReset }, h("div", { key: 'db487ae242dcc6effceaefcdc5c22c517b615d74', class: "stzh-search__filters-main", onStzhChange: this.handleMainFilterChange }, !!this.heading && (h("stzh-heading", { key: 'fd54a8fda10b9c5f6ddd9793fa8836049df7bd13', class: "stzh-search__header-heading", curve: "h2" }, this.heading)), h("slot", { key: 'bd33fb873fdc27e1169e500eb365c3b835ec2ad2', name: "filters-main" }), !chipsProvided && this.chipResults.length > 0 && (h("div", { key: '6aaa17ed9e78f9012eefaddb6c8ef492db4484e7', class: "stzh-search__filters-main-chips" }, this.chipResultsHeading && (h("stzh-text", { key: '3ce2bf3814a5680b568c2b19d450c2e39a6ebbae', font: "heavy", size: "milli", color: "primary" }, this.chipResultsHeading)), this.chipResults[0].options ? (h("stzh-chipgroup", null, this.chipResults.map(chipResult => (h("stzh-dropdown", { label: chipResult.label, name: chipResult.value, variant: "filter", size: "large", "no-search": true, "hide-optional": true, inline: true, options: chipResult.options }))))) : (h("stzh-chipselect", { multiple: true, name: "subject", label: this.chipResultsHeading, "label-hidden": true, data: this.chipResults.map(chipResult => ({
                 label: chipResult.label,
                 value: chipResult.value,
                 counter: `${chipResult.amount}`,
                 variant: "filter",
                 size: "large",
-            })) }))))), filtersAsideUsed && (h(Fragment, { key: 'aaf92ed71f9de2076e7eda05361957c4fb414d77' }, h("div", { key: '7e22bfb79f5a6550cf7a63921550ea84d9151c6b', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: '165b98430149051e0d6561580c3eff36e8e60465', class: "stzh-search__filters-aside-inner" }, h("div", { key: '37f8700fb4d35dae466853b44421913c46b4f6c5', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: '31dc87249a47cd29082accbe076cbedbac0f25a3', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: '5e3832d290723191a064869fba77cf14829d2374', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '3d2f7d33fb57fe30faba7cd2e4da0d0a11bc3242', slot: "content" }, h("slot", { key: '3fb5fe5fc48224efc216e8aad7be21bf3748112c', name: "filters-aside" }))))))), h("div", { key: '8d928d695e89a677c432c49506e8891126e7f7ca', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: '62b4289cb9ae5ccf000ebe4ff38a690498f0d3ad' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: '795cdc30a6528ab81e610d8399953e41fe1f1693', class: "stzh-search__error" }, h("stzh-message", { key: '16079355fa747430aa58dce2ae4e35797c3b5feb', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: 'f0597408d38676b1276a5c99fd6b3f2d5bb31a89', class: "stzh-search__loader" })), h("slot", { key: '1a1289ad735d76a80afeae1400de885b015398a1' }))));
+            })) }))))), filtersAsideUsed && (h(Fragment, { key: '47b2c3d36b0ed458ede89178f0eb519554920d2b' }, h("div", { key: 'e71f57937f0330b070f1a59b312312b7c3ffb8fc', class: "stzh-search__filters-aside", onStzhChange: this.handleAsideFilterChange }, h("div", { key: 'b77822ef57406cb9afe541ca4e22d6c05d7cf677', class: "stzh-search__filters-aside-inner" }, h("div", { key: 'ab918c368069c3b5e78128a6e27a0607a21eec59', class: "stzh-search__filters-aside-heading" }, this.localization.moreFilter), h("stzh-details", { key: 'c2fbe4415e66d54866b0baa1cdf57b95dfb349cf', open: this.isDetailsOpen, class: "stzh-search__filters-aside-details" }, h("stzh-button", { key: 'ff765282fd8f26b65203608c2024655dc4cca2f3', class: "stzh-search__filters-aside-details-trigger", variant: "tertiary-plain", size: "small", noPaddingLeft: true, showToggleIcon: true, iconPosition: "right", label: this.localization.moreFilter }), h("div", { key: '3ebfe3c5c98c38bdaa54db9d99f5f1599f72a50b', slot: "content" }, h("slot", { key: '6a39de15877eaa73c9a8bc26d7c13100c22c5c01', name: "filters-aside" }))))))), h("div", { key: '6281aafd76aaa42751b880422eb1926f4779280b', class: "stzh-search__results-wrapper" }, resultsShown && (h(Fragment, { key: 'c9fd583fe19a442215a78677cf540788f03b4c7c' }, this.results.length === 0 ? (h(Fragment, null, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, innerHTML: this.resultsHeading })), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), this.emptyText && (h("stzh-text", { class: "stzh-search__empty-text", innerHTML: this.emptyText })), this.emptyLinkLabel && this.emptyLinkHref && (h("div", { class: "stzh-search__empty-link-wrapper" }, h("stzh-link", { href: this.emptyLinkHref, label: this.emptyLinkLabel }))))) : (h(Fragment, null, h("div", { class: "stzh-search__results-header" }, this.variant !== "teaser" && this.resultsHeading && !this.hideResultsHeading && (h("stzh-heading", { class: "stzh-search__results-heading", curve: "h3", level: this.resultHeadingLevel, htmlContent: this.resultsHeading })), this._sortOptions.length > 0 && (h("div", { class: "stzh-search__results-sort" }, h("stzh-dropdown", { "hide-optional": true, inline: true, "no-search": true, "no-wrap": true, class: "stzh-search__results-sort-dropdown", variant: "plain", size: "small", sizeMedium: "tiny", name: "sortby", items: [this._sortBy], options: this._sortOptions, onStzhChange: this.onDropdownSortChange })))), this.resultsText && this.renderResultsText(), this.subscribePath && this.renderSubscribeButton(), h(WrapperElement, Object.assign({ class: "stzh-search__results", "max-3-columns": filtersAsideUsed }, wrapperProps), this.results.map(result => (h("div", { class: "stzh-search__results-item", innerHTML: result.html || "" })))), h("div", { class: "stzh-search__actions-wrapper" }, this._showMoreLink && (h("stzh-button", { variant: "secondary", class: "stzh-search__action-more", label: this.localization.showMore, onClick: this.handleMoreClick, disabled: this.loading, a11yDisabled: this.loading }))))))), this.error && (h("div", { key: '167276f8a56d3d2dedf7638315c70b17c627b662', class: "stzh-search__error" }, h("stzh-message", { key: '69e2d1aa15a27ac63f80f860d0cd5a592a5069e7', type: "error", label: this.error }))), this.loading && h("stzh-loader", { key: '0f12c6481e9eb0b36fd3664623f17acaf416de0a', class: "stzh-search__loader" })), h("slot", { key: '2de73a7c1d60674aeeae6786ef1afd4861076370' }))));
     }
     static get is() { return "stzh-search"; }
     static get originalStyleUrls() {

package/dist/collection/components/CMS/stzh-search/stzh-search.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -312,8 +311,7 @@ export default {
       url: getFigmaLink('search'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Onsite = {

package/dist/collection/components/CMS/stzh-sitemap/stzh-sitemap.js

@@ -9,7 +9,7 @@ export class StzhSitemap {
         const classes = {
             "stzh-sitemap": true,
         };
-        return (h(Host, { key: 'bac104533d146ed59c3c18f3d615eb3ccb87321c' }, h("div", { key: '261bfca5343621876f46e2cbda5734a1cded6b3c', class: classes }, h("stzh-datalist", { key: 'f7893cd53a595eaa4bfab6ace2ac5a67f7d1d901', items: this.items }))));
+        return (h(Host, { key: '84689ed48e5bb48b29d2c618e0007d521a590d4d' }, h("div", { key: 'eb5017815e46d53b2e19aef84c02b4b9e99afeb4', class: classes }, h("stzh-datalist", { key: '1aee3ce726e913ade15350ac9d30be8f948076bc', items: this.items }))));
     }
     static get is() { return "stzh-sitemap"; }
     static get originalStyleUrls() {

package/dist/collection/components/CMS/stzh-sitemap/stzh-sitemap.stories.js

@@ -1,5 +1,5 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
+import { withActions } from 'storybook/actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -26,8 +26,7 @@ export default {
       url: getFigmaLink('sitemap'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const items = [

package/dist/collection/components/CMS/stzh-socialmediastream/stzh-socialmediastream.js

@@ -78,7 +78,7 @@ export class StzhSocialmediastream {
             "stzh-socialmediastream": true,
             "stzh-socialmediastream--has-heading": headingSlotUsed || !!this.heading,
         };
-        return (h(Host, { key: '37614065033faca52899dc2397bc9ddbf441dce8' }, h("div", { key: '3a91a20a3b9185e4ae6b7f7ea0c4176e23abf0e6', class: classes }, h("div", { key: '47aa03e66068a5c2d09b495a50405ab57752a8d8', class: "stzh-socialmediastream__heading" }, !!this.heading ? (h("stzh-heading", { level: this.headingLevel }, this.heading)) : (h("slot", { name: "heading" }))), h("div", { key: 'dacc4e9ce1230877418083123617fac1395fcc78', class: "stzh-socialmediastream__items" }, this._items &&
+        return (h(Host, { key: '6fdbc216bcc4925b5bbe5e7d6c71645a50d9b182' }, h("div", { key: '7995633ced60d0a6d9d64d36c0b1736d52842761', class: classes }, h("div", { key: '4ba98c3b2301ccb0b1dbc677586802e9a074bb76', class: "stzh-socialmediastream__heading" }, !!this.heading ? (h("stzh-heading", { level: this.headingLevel }, this.heading)) : (h("slot", { name: "heading" }))), h("div", { key: '26185f753b6cd1663fc75c68fed157d44058a5ae', class: "stzh-socialmediastream__items" }, this._items &&
             this._items.length &&
             this._items.map(item => (h("stzh-socialmediastream-item", { class: "stzh-socialmediastream__item", item: item })))))));
     }

package/dist/collection/components/CMS/stzh-socialmediastream/stzh-socialmediastream.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -26,8 +25,7 @@ export default {
       url: getFigmaLink('socialmediastream'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const socialmediastreamItem = {

package/dist/collection/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.js

@@ -72,7 +72,7 @@ export class StzhSocialmediastreamItem {
         const classes = {
             "stzh-socialmediastream-item": true,
         };
-        return (h(Host, { key: '4191b7b6f80d898467cd6009efc0ab2e7431e4bf' }, h("a", { key: 'd0091542217bea89e608c1cd8833a82159835bd1', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (h("div", { key: '65a86276d0dceb9c16d4d2f04836324d5cf9a64d', class: "stzh-socialmediastream-item__image" }, h("stzh-ratio", { key: '21bf793e2facc74065ac0056d59b2b9679b81ebe', ratio: "1:1" }), h("div", { key: '0f4d48d32746379f65797f2758f7abdc3208b2c0', class: "stzh-socialmediastream-item__image-inner-wrapper" }, h("img", { key: '733575e43e1aecd544a6bc6a46c4a82248198e14', src: this._item.image, alt: this._item.account.title })))), h("div", { key: '04a2debb823334b50ae839f486a9369c892f13fc', class: "stzh-socialmediastream-item__content" }, h("div", { key: '46a14325a016da16428b7846ebcf770981b8442d', class: "stzh-socialmediastream-item__content-head" }, h("stzh-text", { key: '155ede50397ed81ba7befdc4849cc42adc6c5575', size: "nano", class: "stzh-socialmediastream-item__content-title" }, h("strong", { key: '99813c5959ba960ecd02a6c2f28e884e9dca045b' }, this._item.account.title), h("br", { key: '8d63a3211fa010b01933b737faeb3d3c9d004c4e' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), h("stzh-icon", { key: 'c154798673d9903c938ec72a443cbc9802089bf3', name: this.getIconName(this._item) })), h("div", { key: '6e55256271478cbb521132b946917a4884dc84bb', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), h("div", { key: 'c2cf16d653f7b399af5254e301d4506566737a47', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
+        return (h(Host, { key: '02b47c31655dd17c6780e55f89c03174a6cd0fbe' }, h("a", { key: '553c292938e7d92b5873fc6414e2bb6752e069a2', class: classes, href: this._item.link, target: "_blank" }, this._item.image && (h("div", { key: 'db0c76e030975c54cc36bd69ac83ea95f6aafd99', class: "stzh-socialmediastream-item__image" }, h("stzh-ratio", { key: 'd1e215ae2901aaae74363b7dd0253885785a0758', ratio: "1:1" }), h("div", { key: 'c5ea2339d50b35ca58229e52b6dc44ecc1ec1ab1', class: "stzh-socialmediastream-item__image-inner-wrapper" }, h("img", { key: '61295cf0f2698761a789cecdf6f25fb985f850bd', src: this._item.image, alt: this._item.account.title })))), h("div", { key: 'd74367bd383159e4716dd16ee81b46f75b3d6da5', class: "stzh-socialmediastream-item__content" }, h("div", { key: 'b606e796d7c2fa3c65c03748dae6a281396b1d1c', class: "stzh-socialmediastream-item__content-head" }, h("stzh-text", { key: 'c7cebb08c95143b926bd32742d4238cb1fb1d313', size: "nano", class: "stzh-socialmediastream-item__content-title" }, h("strong", { key: 'cbd78e538569210632a4e2e162d1c9b8ea2b0938' }, this._item.account.title), h("br", { key: '4fba40b9f76f714030da1a6ea0495415c16fb61e' }), this.dateAdapter.format(this.getParsedDate(this._item.date), "dateInput")), h("stzh-icon", { key: 'd399eda087aa0bd0b068a2fe022533fd988a4532', name: this.getIconName(this._item) })), h("div", { key: '35696be54d46e0d93f151618f2cdf9c6ffebc8e7', class: "stzh-socialmediastream-item__content-body", innerHTML: this._item.text }), h("div", { key: 'cb3daf025779fde58c3c70c0bdfabc9675088ee5', class: "stzh-socialmediastream-item__content-footer 1q23" }, this._item.actions &&
             this._item.actions.map(action => (h("a", { href: action.url, title: action.title, class: "stzh-socialmediastream-item__action", target: "_blank" }, h("stzh-icon", { name: this.getActionIconName(action.variant) }), action.count))))))));
     }
     static get is() { return "stzh-socialmediastream-item"; }

package/dist/collection/components/CMS/stzh-socialmediastream-item/stzh-socialmediastream-item.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -26,8 +25,7 @@ export default {
       url: getFigmaLink('socialmediastream'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-textandimage/stzh-textandimage.js

@@ -69,7 +69,7 @@ export class StzhTextandimage {
             [`stzh-textandimage--size-${this.size}`]: !!this.size,
             [`stzh-textandimage--image-position-${this.imagePosition}`]: !!this.imagePosition,
         };
-        return (h(Host, { key: '0fbc3abc39e86a3a7509d73999517c7ef5e3300e', single: isSingle, "image-position": this.imagePosition }, h("div", { key: 'e3a21b07b90af39ed9bda5c9fd7296b3b105b07d', class: classes }, h("div", { key: 'bfc6e159556327347a3a849fec9355b1d8cbc968', class: "stzh-textandimage__left" }, h("slot", { key: '41d2bb8064c87c054289ebcb5960234e94b35fa9', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: 'afa09006e7fc508b271eebacb7518510ff79603f', class: "stzh-textandimage__right" }, h("div", { key: '9ba052e19d1cf4933ffccb14be38a1b016a27f4b', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: '58be22dc8a6c8950dc27c1c36b6b79ace6646ca4', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
+        return (h(Host, { key: 'ecff2043174d8e262376c63f3bd0424c69de95fa', single: isSingle, "image-position": this.imagePosition }, h("div", { key: '8a4935aa3176ecadb040f107b7d4b44a35cc339b', class: classes }, h("div", { key: 'aab9557d993da5630cbf1184927dbc757f12d222', class: "stzh-textandimage__left" }, h("slot", { key: '2898103e1a179cc4dd6935f52d8b82dd74834193', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: 'eb4f2e6258478135561005f4f4da5d984040b085', class: "stzh-textandimage__right" }, h("div", { key: '224cb0c631e2cad8c67cd85cb030f7031e7e17e2', class: this.imageMoves ? "stzh-textandimage__wrapper" : "" }, h("slot", { key: '510da86c4799a63685bad934d652d7242b2491f4', name: "right", onSlotchange: () => forceUpdate(this.element) }))))));
     }
     static get is() { return "stzh-textandimage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-textandimage/stzh-textandimage.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -120,8 +119,7 @@ export default {
       url: getFigmaLink('textandimage'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-twocolumns/stzh-twocolumns.js

@@ -36,7 +36,7 @@ export class StzhTwocolumns {
             "stzh-twocolumns--has-left": leftSlotUsed,
             "stzh-twocolumns--has-right": rightSlotUsed,
         };
-        return (h(Host, { key: '14b4f38dd3ab3064d0a6809c15d0edc6344007b4' }, h("div", { key: '58f372618ec79e5870aba252a7ed95b9a905e9cb', class: classes }, h("div", { key: 'a31f1b2ebdab1e42b2864ab52c42c987cc7fc246', class: "stzh-twocolumns__left" }, h("slot", { key: '62eaf8a9dee8d89a89748ef737191c4ef81f6c3a', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '988dc8740987bfe0db122dceb689aae038401260', class: "stzh-twocolumns__right" }, h("slot", { key: 'ee09eeb57ba172a0027532b7f487cbab7107b436', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
+        return (h(Host, { key: '7e5a072600b50880000a27f662347fc68e17e4d6' }, h("div", { key: '7455e0a148f5a386e7bff4ddbd604c90c79f7a06', class: classes }, h("div", { key: 'b3339d11389099a514fa5e6f8f69ea85a019f2b9', class: "stzh-twocolumns__left" }, h("slot", { key: '528cf26093876c42faaca122698582a1942a01e8', name: "left", onSlotchange: () => forceUpdate(this.element) })), h("div", { key: '2dcc85d3909ad286ef83c4c2168f4920f4301102', class: "stzh-twocolumns__right" }, h("slot", { key: 'd9745a89e98c19d04c37aa830bace27c0c803a55', name: "right", onSlotchange: () => forceUpdate(this.element) })))));
     }
     static get is() { return "stzh-twocolumns"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-twocolumns/stzh-twocolumns.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../../figma';
@@ -44,8 +43,7 @@ export default {
       url: getFigmaLink('twocolumns'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

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

@@ -82,7 +82,7 @@ export class StzhAccordion {
             "stzh-accordion": true,
             "stzh-accordion--is-nested": this.isNested,
         };
-        return (h(Host, { key: 'df2fb0e91c4470ff694e17c38d4e135b4e777709' }, h("div", { key: '7273366c3b783c54eb06799d7f788033b3a82a75', class: classes }, this.heading && (h("div", { key: 'a5bb12ae4865c969c55e7c5736ebd7fa301621f1', class: "stzh-accordion__heading" }, h("stzh-heading", { key: 'ea07dbb7dd8a73ffa888a0649c9f3bb309e6a9a3', level: "2" }, this.heading))), h("slot", { key: '1836c52c209cc76ff7f426a81105cdc672377e48' }))));
+        return (h(Host, { key: '8ee59c77a0fc46b76aba33ed45fa424e28d31c4f' }, h("div", { key: '1029e5d27fad4849eed289f5591d338c717eaeca', class: classes }, this.heading && (h("div", { key: '7a7552fe02fb4cb59b75a2572e7c347d333b34ef', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '5ec050f0ee8952d59023204f52a1b21c0aaec474', level: "2" }, this.heading))), h("slot", { key: '8a7380e0be24f4df9c1cab64c847b3d8f39f9a86' }))));
     }
     static get is() { return "stzh-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-accordion/stzh-accordion.stories.js

@@ -1,11 +1,9 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
-import { expect } from '@storybook/jest';
 import { getComponentByTestId, waitForWithTimeout } from '../../../.storybook/utils/component-test-utils';
-import { userEvent } from '@storybook/testing-library';
+import { userEvent, expect } from 'storybook/test';
 
 const COMPONENT_NAME = 'stzh-accordion';
 const story = createComponentStory(COMPONENT_NAME);
@@ -127,8 +125,8 @@ export default {
   title: 'Components/Accordion',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
     },
     layout: 'padded',
     docs: {
@@ -142,7 +140,6 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions]
 };
 
 export const Default = {

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

@@ -249,7 +249,7 @@ export class StzhAccordionItem {
             "stzh-accordion-item--is-disabled": this.disabled,
             [`stzh-accordion-item--${this._variant}`]: !!this._variant,
         };
-        return (h(Host, { key: '81137c64551dad1eeabb0c7fd7a57cf60652dad5', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: 'd4fbeaee95ec4fe2ca3a9db94cfbf7dcdf285d58', class: classes }, h(Heading, { key: '3d7020047212fc1be78a62b30b575368fcc7b9d9', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'b765e596baa5be9a02bac4bd9d6ea66f7fed5827', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '1cc4de6e08714012e7f9b66935112d29b134b789', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: '859c14217b7c85ef5638fb6092cfa2cb79358eb4', class: "stzh-accordion-item__button-text" }, h("span", { key: '60e1d1535deaa8d5cd531db85efc394bdecc1b9e', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: 'a98b6f3c8af1e2d44221bfee52542401dc601b14', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: 'e3c89666acff282685aa3d0ae6a8ce6351834137', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: 'c38fab3780597043a12e01a5d9bf40137c5b521c', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: '24a864864e91abba8d916b4602a8ae196de2c9c0', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: '23d540ae4f36b1dc74354b3c97461c3b06626dc4', class: "stzh-accordion-item__content-inner" }, h("slot", { key: 'abb587e170904388f906cb76e19f21610b670af5' }))))));
+        return (h(Host, { key: 'ca17623648e01ec929b73dc4eed3f71ecdc43316', tabindex: this.disabled ? null : this.rootTabindex, "is-variant": this._variant }, h("div", { key: '214b3de0ab4727b5b4831b2a1b63dc622999b019', class: classes }, h(Heading, { key: '07cc7a9de4a4a7c7d88f0b7d89e87bd0c352b575', id: `${this.accordionItemId}-header`, class: "stzh-accordion-item__heading", onClick: this.handleHeaderClick }, h("button", { key: 'b76422f30cb7b12462850a4d5f45cbac6fed8193', ref: el => (this.buttonElement = el), class: "stzh-accordion-item__button", "aria-controls": `${this.accordionItemId}-content`, "aria-expanded": `${this.open ? "true" : "false"}`, disabled: this.disabled, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onButtonKeydown, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: 'cdcacf8aabf911a0b74f8b1e70db55bae4dc3f01', class: "stzh-accordion-item__icon-wrapper", ref: el => (this.iconWrapperElement = el) }, this.icon ? (h("stzh-icon", { class: "stzh-accordion-item__icon", name: this.icon })) : (h("slot", { name: "icon" }))), h("span", { key: 'bda45d431f700d81e8e0c47b4a03bd6f8f302e46', class: "stzh-accordion-item__button-text" }, h("span", { key: 'f8c88ca8412e513af4604e5d886140719ffdad27', class: "stzh-accordion-item__subtitle" }, this.subtitle), h("span", { key: 'fcd6d14075a610b5256f014881a459602602c2a2', class: "stzh-accordion-item__heading-text" }, this.heading), h("span", { key: '30012d14df826fd0924d8b769b6c96ec78b787a1', class: "stzh-accordion-item__description" }, this.description)), this._variant === "table" ? (h("stzh-icon", { name: "angle-down", class: "stzh-accordion-item__button-icon is-table" })) : (h("span", { class: "stzh-accordion-item__button-icon is-default" })), (this.badge || this.badgeEmpty) && (h("stzh-badge", { key: '374886e101a629189f82b14db7cdc58112ff423d', class: "stzh-accordion-item__badge", label: this.badge, type: this.badgeType })))), h("div", { key: 'c92536875b395833f11323a0929d7fd05347a3ab', id: `${this.accordionItemId}-content`, ref: el => (this.bodyElement = el), class: "stzh-accordion-item__content", "aria-labelledby": `${this.accordionItemId}-header`, role: "region", onKeyDown: this.onContentKeydown }, h("div", { key: '538d56987cede5bf1b641c20597dce8cbea445c4', class: "stzh-accordion-item__content-inner" }, h("slot", { key: 'afa32fde20ef370a1a249a6353202afce278c378' }))))));
     }
     static get is() { return "stzh-accordion-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,11 +1,9 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
-import { expect } from '@storybook/jest';
 import { getComponentByTestId, waitForWithTimeout } from '../../../.storybook/utils/component-test-utils';
-import { userEvent } from '@storybook/testing-library';
+import { expect, userEvent } from 'storybook/test';
 
 const COMPONENT_NAME = 'stzh-accordion-item';
 const story = createComponentStory(COMPONENT_NAME);
@@ -25,8 +23,8 @@ export default {
   title: 'Components/AccordionItem',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
     },
     layout: 'padded',
     docs: {
@@ -39,8 +37,7 @@ export default {
       url: getFigmaLink('accordion-item'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/stzh-actions/stzh-actions.js

@@ -43,7 +43,7 @@ export class StzhActions {
             "stzh-actions--space-between": this.spaceBetween,
             [`stzh-actions--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'b270b08bc2790ee7ac05c789bed68d18d7cb904a', "space-between": this.spaceBetween }, h("div", { key: '4f012e4c4c8ecae9295c9bb64e4325f00434542e', class: classes }, h("div", { key: 'ad01bc4868f83f6aa2890d8adb21b6fee75df083', class: "stzh-actions__actions", role: "group" }, h("div", { key: '0b7d362c5435c0e0edb3c8389939a7d21ce2e6f8', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '81022164afa18eda9408f6700394551b9c506f40', name: "tertiary" })), h("div", { key: 'fe9b0e3e2395811d495e81662e9c448261245cc4', class: "stzh-actions__wrapper" }, h("div", { key: '2373bd04030c225470fc156863b64aea0015ade2', class: "stzh-actions__secondary-actions" }, h("slot", { key: '565ae6dd44abf99a66a866be3f38ba5468290c51', name: "secondary" })), h("div", { key: '34bfe41b42785e3c5120580c163e6a548a0a8551', class: "stzh-actions__primary-actions" }, h("slot", { key: '455c6471132fb3dae53ece5230588ab922925e33', name: "primary" })))))));
+        return (h(Host, { key: '5e7745ad1b0c6a18881a8bd51611d2867507638a', "space-between": this.spaceBetween }, h("div", { key: '87f822b8a1d039513e5c73457fb893118bd3f0f5', class: classes }, h("div", { key: '3d62c876bcaf40178d5b3a383951d0aca987b18f', class: "stzh-actions__actions", role: "group" }, h("div", { key: 'aa6d90aa2f1bbf05c7551d6cc6a0dc2ca8228a75', class: "stzh-actions__tertiary-actions" }, h("slot", { key: '0128b307178d4256271c8d2920ac1937888c33dc', name: "tertiary" })), h("div", { key: 'f87d1e7e3a5a5b9438bf9aa5c4e6fd69a5199664', class: "stzh-actions__wrapper" }, h("div", { key: '00fd5aec290bdb8526a666aa0bec9563937a8c8f', class: "stzh-actions__secondary-actions" }, h("slot", { key: '8e5d4ea825b0aab0b5f6032e51f26382fd224173', name: "secondary" })), h("div", { key: '00a59f08ba15dc28f9488e5ecbd5c9428d9c0cec', class: "stzh-actions__primary-actions" }, h("slot", { key: 'e7bee299264a7b3019f10073e7d07bb693befa16', name: "primary" })))))));
     }
     static get is() { return "stzh-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stzh-actions/stzh-actions.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -34,8 +33,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: []
+    stzhActions: {
+      events: ['stzhClick', 'stzhFocus', 'stzhBlur']
     },
     docs: {
       description: {
@@ -47,8 +46,7 @@ export default {
       url: getFigmaLink('actions'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Form = {

package/dist/collection/components/stzh-actionset/stzh-actionset.js

@@ -118,18 +118,18 @@ export class StzhActionset {
             "stzh-actionset--has-collapsed-items": this.actionsCollapsed.length > 0,
             [`stzh-actionset--${this.variant}`]: !!this.variant,
         };
-        const Action = (action, disableTabbing) => (h("stzh-button", { key: '79f9ec20d696fac0e26018003613fd515e6d9494', a11yTabindex: disableTabbing ? "-1" : null, class: {
+        const Action = (action, disableTabbing) => (h("stzh-button", { key: 'd26fe67196ee573cfec1553f8f133766acfd52f4', a11yTabindex: disableTabbing ? "-1" : null, class: {
                 "stzh-actionset__action": true,
                 "is-button": true,
             }, label: action.label, icon: action.icon, iconPosition: action.iconPosition, iconOnly: action.iconOnly, badge: action.badge, variant: action.variant ? action.variant : this.variant === "stack" ? "secondary" : "tertiary", size: action.size ? action.size : this.variant === "stack" ? "small" : "tiny", badgePosition: "icon", onClick: e => {
                 this.actionClick(action, e);
             } }));
-        return (h(Host, { key: 'a0ec0e73c066e6f88d8fe08a77246e5882663d85', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: 'aa7e8c0f2a7f20a7b5c9043ead246ce1b4f5d8d5', class: classes }, h("div", { key: '136605860b67edce1f37c0040652d69813834fb8', class: "stzh-actionset__actions", role: "group" }, h("div", { key: 'bf0f9e51cbd30669e07e21b60d4f658b3b84096a', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
-            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: '07c902e07ded2ac8cc4d1a796fd2e0fc981c8776', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '792acdc865f15300a26af46f8ca671536618f727', label: this.variant === "stack"
+        return (h(Host, { key: '1dcec389fb346f91bb7b5d5640b982ac468dce5c', "has-collapsed-items": this.actionsCollapsed.length > 0 }, h("div", { key: '85ed801f3889f5979008f9ad26c0cb7fe7e11f40', class: classes }, h("div", { key: '42ad688053842c9c1f5c2f5dfee124f6289930ce', class: "stzh-actionset__actions", role: "group" }, h("div", { key: '442bf375c91ed04791af1b165c9a612484c90434', ref: el => (this.actionsElement = el), class: "stzh-actionset__actions-wrapper" }, this._actions.map(action => (this.dynamicActions || (!this.dynamicActions && this.actionsCollapsed.indexOf(action) === -1)) &&
+            (action.tooltipContent ? (h("stzh-tooltip", { strategy: "fixed", content: action.tooltipContent }, Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))) : (Action(action, this.dynamicActions && this.actionsCollapsed.indexOf(action) > -1))))), h("div", { key: 'eeb781e8c9c1eae50913b17cd54d9f24c441a442', class: "stzh-actionset__action-popover-wrapper" }, h("stzh-popover", { key: '495486581db179ca2e5d69e030eeedfba6a909b1', label: this.variant === "stack"
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: 'd2a72b98012acf3a11dec7433e31376d313da3f7', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
+                    : "", strategy: "fixed", placement: this.popoverPlacement, class: "stzh-actionset__action-popover" }, h("stzh-button", { key: 'ce5c77ac448d862645fc1b694b7690daeef73147', fullwidth: true, disabled: this.actionsCollapsed.length === 0, class: "stzh-actionset__action is-further", variant: this.popoverButtonVariant !== ""
                 ? this.popoverButtonVariant
                 : this.variant === "stack"
                     ? "secondary"
@@ -137,7 +137,7 @@ export class StzhActionset {
                 ? this.localization.furtherActions
                 : !this.isMedium
                     ? this.localization.actions
-                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '71d49149cceea469ecb7171720fb5dec8405ad15', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
+                    : "", a11yLabel: this.variant === "overflow" && this.localization.actions }), h("stzh-menu", { key: '2146f5a6487d68bf62dccb573d2775fb0a362de4', slot: "content" }, this.actionsCollapsed.map(action => (h("stzh-menu-item", {
             // class="hide-medium show-when-collapsed"
             icon: action.icon, badge: action.badge, badgeEmpty: action.badgeEmpty, badgeType: action.badgeType, onClick: e => {
                 this.actionClick(action, e);

package/dist/collection/components/stzh-actionset/stzh-actionset.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,8 +15,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    actions: {
-      handles: []
+    stzhActions: {
+      events: ['stzhClick', 'stzhFocus', 'stzhBlur']
     },
     docs: {
       description: {
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('actionset'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const actions = [

package/dist/collection/components/stzh-amount/stzh-amount.js

@@ -133,7 +133,7 @@ export class StzhAmount {
             "stzh-amount--is-required": !!this.required,
             "stzh-amount--is-disabled": !!this.disabled,
         };
-        return (h(Host, { key: '13b837b6184712c75e7f56e7bb5f914005710f9c', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '0c37ca6ca698ddea28dd00198799455c35030b87', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
+        return (h(Host, { key: '18991ca74d906ef97b3a2ad66265e7eea781b507', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b2c03e17053da541ef0b829ae3a54280ade4d8e9', class: classes, id: this.amountId }, this._showDropdown ? this.renderDropdown() : this.renderInputStepper())));
     }
     static get is() { return "stzh-amount"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-amount/stzh-amount.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,8 +15,8 @@ export default {
   title: 'Components/Amount',
   component: 'stzh-amount',
   parameters: {
-    actions: {
-      handles: ['stzhChange', 'stzhFocus', 'stzhBlur', 'stzhInit']
+    stzhActions: {
+      events: ['stzhChange', 'stzhFocus', 'stzhBlur', 'stzhInit']
     },
     docs: {
       description: {
@@ -30,7 +29,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions, fullwidthCentered]
+  decorators: [fullwidthCentered]
 };
 
 export const SmallAmount = {

package/dist/collection/components/stzh-anchornav/stzh-anchornav.js

@@ -43,7 +43,7 @@ export class StzhAnchornav {
         const classes = {
             "stzh-anchornav": true,
         };
-        return (h(Host, { key: 'b1af877dbff2500e43ab440a170b1811e4520989' }, h("nav", { key: 'bf14abeb8f4fe01cbe5ae2d64f0edfb13431a999', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: 'e570eb008a0c917ad0e368d3b08e50645cdbb52f', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
+        return (h(Host, { key: '67b0af9e8bba94b23e97c38ea2c208728cea6753' }, h("nav", { key: '30178218a23f0c0b58be30746df0a5576bd92400', class: classes, role: "navigation", "aria-label": this.localization.title }, h("div", { key: '045070a0946f5875ebea67cfaba955fe53695181', class: "stzh-anchornav__list", role: "list" }, this._items.map(item => (h("a", { class: "stzh-anchornav__item", role: "listitem", href: item.href, onClick: e => this.handleClick(item, e) }, h("stzh-clamp", { lines: 2, class: "stzh-anchornav__label" }, h("div", { innerHTML: item.label })), h("stzh-icon", { class: "stzh-anchornav__icon", name: item.icon || "arrow-down" }))))))));
     }
     static get is() { return "stzh-anchornav"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/stzh-anchornav/stzh-anchornav.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 import { fullwidthCentered } from '../../utils/decorators';
 
@@ -16,8 +15,8 @@ export default {
   title: 'Components/Anchornav',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: ['stzhItemClick']
+    stzhActions: {
+      events: ['stzhItemClick']
     },
     docs: {
       description: {
@@ -30,7 +29,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [withActions, fullwidthCentered]
+  decorators: [fullwidthCentered]
 };
 
 const items = [

package/dist/collection/components/stzh-app-nav/stzh-app-nav.js

@@ -21,7 +21,7 @@ export class StzhAppNav {
         const classes = {
             "stzh-app-nav": true,
         };
-        return (h(Host, { key: 'ae1db42d407b412d01a61e10e47b641c974dbeee' }, h("nav", { key: 'cc55ef669d14fc26662166ac2d08c0993f5cfbc8', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: 'b42e215ca7db6fd60d8739d11dc83aa6be1a6c02', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
+        return (h(Host, { key: 'fb53063fd5d0c31d88d46bbb8d6becdc5456fd0e' }, h("nav", { key: 'b037a6908b802d8f123ccc9aa76868e158a78f0d', role: "navigation", class: classes, "aria-label": this.localization.title, id: this.appNavId || null, tabindex: "-1" }, h("div", { key: 'c0578d996f1fa44a5d05d6eab7da9d4a6d0d5f01', class: "stzh-app-nav__links", role: "list" }, this.items.map(item => (h("stzh-link", { class: "stzh-app-nav__link", active: item.active, role: "listitem", "a11y-current": item.a11yCurrent, href: item.href, badge: item.badge, badgeType: item.badgeType, icon: item.icon, "link-id": item.id, onClick: (e) => {
                 this.handleAppNavItemClick(e, item);
             } }, item.text)))))));
     }

package/dist/collection/components/stzh-app-nav/stzh-app-nav.stories.js

@@ -1,5 +1,4 @@
 import { createComponentStory } from '../../utils/story-utils';
-import { withActions } from '@storybook/addon-actions/decorator';
 import readme from './readme.md?raw';
 
 import { getFigmaLink } from '../../../figma';
@@ -16,8 +15,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'full',
-    actions: {
-      handles: ['stzhAppNavItemClick']
+    stzhActions: {
+      events: ['stzhAppNavItemClick']
     },
     docs: {
       description: {
@@ -29,8 +28,7 @@ export default {
       url: getFigmaLink('12288-148121'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const items = [