@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/collection/components/CMS/stzh-microsite-teaserlist/stzh-microsite-teaserlist.js

@@ -72,7 +72,7 @@ export class StzhMicrositeTeaserlist {
         const classes = {
             "stzh-microsite-teaserlist": true,
         };
-        return (h(Host, { key: 'fa050346cd119ba40be46c3cb6f4489e6f5b2f9e' }, h("div", { key: '743c497afe98ac7d972ef201e4270c9985299f7c', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: 'cb24e983c411887334993be2b04fa87560ed30ba', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: '925225b16d45d547895352ad1ee12f23dc6f5f49', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: 'e4f69b51e37f9f8b4e1f064f9adc531fb9a83fbb', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '5ad0cbfc3d70b4cd3a9f9380933863ab59d2eda8', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
+        return (h(Host, { key: 'b53c6510bccb9ee924437b95c7c002b4620a5ec4' }, h("div", { key: 'b6ba7dbb1ebcd2f4a6bed1e662382a8958dac522', class: classes }, this._tagChips.length > 0 && (h("stzh-chipselect", { key: 'b2bae6e0822a2aa9b15dad2f43a703a2688c5fbd', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), h("stzh-cardlist", { key: 'd01547769339006074ad6d69bf43b38b3a05e055', layout: "teasers" }, this._filteredSlicedItems.map(item => (h("stzh-card", { href: item.link }, item.image && (h("stzh-ratio", { slot: "image" }, h("img", { src: item.image }))), item.title && h("div", { slot: "heading" }, item.title), item.description && h("div", { slot: "content" }, item.description))))), this._showMoreLink && (h("div", { key: '66b59a4ee337a02ee14e7024bccc6c15d440de56', class: "stzh-microsite-teaserlist__show-more" }, h("stzh-button", { key: '2a92713a2e4df43de97fb29b0a416e63ff275690', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
     }
     static get is() { return "stzh-microsite-teaserlist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-microsite-teaserlist/stzh-microsite-teaserlist.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';
@@ -21,16 +20,7 @@ export default {
         component: readme
       }
     }
-    // design: {
-    //   type: 'figma',
-    //   url: getFigmaLink('microsite-teaserlist'),
-    //   allowFullscreen: true
-    // }
-  },
-  decorators: [
-    withActions
-    //
-  ]
+  }
 };
 
 const tags = [

package/dist/collection/components/CMS/stzh-page-skiplinks/stzh-page-skiplinks.js

@@ -25,7 +25,7 @@ export class StzhPageSkiplinks {
         }
     }
     render() {
-        return (h(Host, { key: 'aedfec87bdd0e905aff27d050055b425a910c9d4' }, h("div", { key: '4f0c35df28cff16ae551e9506ee1e95dff397bba', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: '38aa5423956680410850c1199ef43c6463c4f52c' }))));
+        return (h(Host, { key: 'd7f00f25536c48b52432ba8849856e586c742aed' }, h("div", { key: '1cf19962202b6584084d796d1e1ed9799eecf40b', class: "stzh-page-skiplinks", role: "list" }, h("slot", { key: 'f452525e7d02f8249f3e24616463c8ac3bb659a4' }))));
     }
     static get is() { return "stzh-page-skiplinks"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-page-skiplinks/stzh-page-skiplinks.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';
@@ -23,9 +22,6 @@ export default {
   title: 'Components/CMS/PageSkiplinks',
   component: COMPONENT_NAME,
   parameters: {
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -36,8 +32,7 @@ export default {
       url: getFigmaLink('pageskiplinks'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

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

@@ -27,7 +27,7 @@ export class StzhPagebottom {
             "stzh-pagebottom": true,
             rs_skip: true, // will prevent component being read by readspeaker
         };
-        return (h(Host, { key: '3cbf9c6ecf1b015de103fa51e4dbd9f1875cf101' }, h("div", { key: 'ba81014dd05b0d833461ab8511c64cf5cf4ebf34', class: classes }, h("div", { key: '3417c0a8c81880feb05da0aa28d901daa94b0a52', class: "stzh-pagebottom__wrapper" }, h("div", { key: '8d2a376a8690c8906f7fc9709575a217d1d1d9af', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: '3bd9f2e655f1da5d4ecc40f5987bccd4aabe2c85', class: "stzh-pagebottom__print" }, h("stzh-print", { key: 'd24ef08bdeec9c9b84beef493a2ad5e971a959cb' }, h("stzh-button", { key: 'e8321b5f0980f2373de2a97d94aac19f27b6e75e', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: '06dca7b1b4563c3b9098f1b4d5cc731ca036d785', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: '0ee1571f61d03a8bd47c7e4fe73d31e0d576292e', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: 'adf7eccd9961fc73e78e42a30adfd5d91e1346a7', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: '636a4607fb363e2669edb5d488b71f280b7f8208', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: 'c0f017359f111439994255a668e457690cac89e2', name: "sticky-actions" }))))));
+        return (h(Host, { key: 'b8e6581d3bf0f25959b9e21c323c54ef4a1c4fa2' }, h("div", { key: 'aa0d878d94ebee65f649644d57e730e03a9f0184', class: classes }, h("div", { key: 'ac1273e2cae820c4fa419d34affc1ecbd78170d9', class: "stzh-pagebottom__wrapper" }, h("div", { key: '97a5f11af2ab3d3dada17baba03cee7b3a041744', class: "stzh-pagebottom__left" }, this.withPrint && (h("div", { key: 'e46b763bc6ab92e682f0637ba0c4168956524ce9', class: "stzh-pagebottom__print" }, h("stzh-print", { key: '7c72ebc64dec950a3d02c9233a23671383e1e8fb' }, h("stzh-button", { key: '7389e3e2dfbc487a0981fc8e0c06167c5250ef03', label: this.localization.printLabel, variant: "tertiary-plain", size: "small", noPaddingLeft: true, noPaddingRight: true, analyticsId: this.printAnalyticsId })))), !this.shareDisabled && (h("div", { key: 'be75d6e5ec735714e2e3dc6c16d5cb92ca2ed83c', class: "stzh-pagebottom__share-wrapper" }, this.shareTitle && h("div", { key: 'a0f8f8b6f877db89e83d02838b97a283d438384d', class: "stzh-pagebottom__share-title" }, this.shareTitle), h("stzh-share", { key: 'c20a7b2dfba564353a110b0cfbf1612becc1ddbf', url: this.shareUrl, services: this.shareServices, mailSubject: this.shareMailSubject, mailBody: this.shareMailBody })))), h("div", { key: '8372fc7280fb2c9d347d6bbad05f05951859318e', class: "stzh-pagebottom__sticky-actions" }, h("slot", { key: '4baa09b42562509c73b272176bbbb4fe1116d3d4', name: "sticky-actions" }))))));
     }
     static get is() { return "stzh-pagebottom"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pagebottom/stzh-pagebottom.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';
@@ -68,12 +67,6 @@ const TEMPLATE_WITH_STICKY_ACTIONS = ({ _hideText = true } = {}) => {
 `;
 };
 
-// const TEMPLATE_WITH_LOGO = `
-// <stzh-pagebottom>
-//   <img slot="logo" src="media/logo/stzh-company.svg" loading="lazy" alt="A company of the city of Zurich, go to homepage" />
-// </stzh-pagebottom>
-// `;
-
 export default {
   title: 'Components/CMS/Pagebottom',
   component: COMPONENT_NAME,
@@ -89,8 +82,7 @@ export default {
       url: getFigmaLink('pagebottom'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

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

@@ -14,7 +14,7 @@ export class StzhPagecontent {
             "stzh-pagecontent--has-aside-left": hasAsideLeft || hasAnchornav,
             "stzh-pagecontent--has-no-aside-left": !hasAsideLeft && !hasAnchornav,
         };
-        return (h(Host, { key: '8204d128129864ac826e4255bd4eadd4b40f2fc5' }, h("div", { key: 'ff81ff0a4d8bcd01220e15be270920d6dc1dec76', class: classes }, h("aside", { key: 'f0359b46cab1eb0902cfe56dcdb23b492e13069b', class: "stzh-pagecontent__aside-left" }, h("div", { key: '68c3dd128f10987c785f8a231e3a661125158427', class: "stzh-pagecontent__anchornav" }, h("slot", { key: '7afa88fed75e89bdce4c6ccc5c30ff8d649e7752', name: "anchornav" })), h("slot", { key: 'd6e61ba9fb847ddb487ab8e1d96eadaca9030af1', name: "aside-left" })), h("div", { key: 'e6b38ec9d28c3a7e8858ee564ebdff1064618af1', class: "stzh-pagecontent__content" }, h("slot", { key: '1ad79b2e7695a056ff51ef24f7bee0b766c5d185' })))));
+        return (h(Host, { key: 'eb0aff6c89c642d06b59c54c43969da91b4ffb36' }, h("div", { key: '0b3e3a3969f85a0cae9e5d01c7c419d2e9c1ffe6', class: classes }, h("aside", { key: 'b558994b0f9fd1f0fa0f9e66d552bd342a8e3328', class: "stzh-pagecontent__aside-left" }, h("div", { key: '8c98292f2a33d87b9ecb7644a3eb96c4cc3e2415', class: "stzh-pagecontent__anchornav" }, h("slot", { key: 'bce64fc9b84fce780451b8838a24ef5fe55cd6ab', name: "anchornav" })), h("slot", { key: 'f13925d6f7f5ada1bd5cdee3d8096e9a44a202a9', name: "aside-left" })), h("div", { key: '455ce07a7b496b839a91ce24337ff1dd9692d59d', class: "stzh-pagecontent__content" }, h("slot", { key: 'a274972aa117dd8b4438a89d3b6c1afcc76b2b82' })))));
     }
     static get is() { return "stzh-pagecontent"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pagecontent/stzh-pagecontent.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,9 +33,6 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'fullscreen',
-    actions: {
-      handles: []
-    },
     docs: {
       description: {
         component: readme
@@ -47,8 +43,7 @@ export default {
       url: getFigmaLink('pagecontent'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

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

@@ -134,7 +134,7 @@ export class StzhPagetitle {
             "stzh-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pagetitle--background-${this.background}`]: !!this.background,
         };
-        return (h(Host, { key: '85edf2fc9a88ff38407fc20ce1d2414e335206db' }, h("div", { key: '1ef9a48d698c3da53f3275a576ac9c7ebde579e1', class: classes }, h("div", { key: '67dbe586811c10888d71d5b493f042f8eb19032a', class: "stzh-pagetitle__container" }, h("div", { key: 'af677f8d08bb09bb7f64a623f5481a6479664632', class: "stzh-pagetitle__wrapper" }, h("div", { key: '3c6ce9cec95a83e3a2d06f8fe02c90697de937f7', class: "stzh-pagetitle__text" }, h("div", { key: '297c10abcc611bc352029d101525a3738eaeca75', class: "stzh-pagetitle__meta" }, h("div", { key: 'a6f1eede7a640753c362caf174d9b605a46174c2', class: "stzh-pagetitle__tag" }, h("slot", { key: '7f36a9318d11fb6629017d98ce297768d6f59085', name: "tag" })), h("div", { key: '79818b1e7bff0d4688a44faf5e163d8169645769', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: 'a6105944aa39451e979c98ee5fe6dbd356f2d949', name: "readspeaker" }))), this.dateline && h("div", { key: 'fdbc1611e59d1b44ad750ca57d20e5f3fd00cc3c', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: '918dfc77a90d9e5f663b11b82528555fbf34e3ae', class: "stzh-pagetitle__heading" }, h("slot", { key: '764b58dbe204d5f702421635b10545a7fd7aa40a', name: "heading" })), h("div", { key: '53f51493a9e54395ee7877b9a7aa73fae734847f', class: "stzh-pagetitle__lead" }, h("slot", { key: '7d049ffcb6a5645a62bbda184f7c033135535cbe', name: "lead" }))), h("div", { key: 'be1e1875fcecd2eaca274741ba4639f1abf21810', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: 'e3451938296db8ae3f96abe07f1a5779ca04d6b6', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: '95d47ca275baa6742ed0cacf7192540ce45c9973', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: '03dc14fb203cbb722cb177eebad2c8d3d4a05e94', name: "image" }))), h("div", { key: 'fc4772400a661c0627d887248a9802072e665f02', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: 'fdf89bb18f05c94893009d93d6ecb73a870dda58', name: "disturber" })))))));
+        return (h(Host, { key: 'a22098979f8de99cc3dc031b5ce498f0556ced71' }, h("div", { key: 'a07a34b2cb5c97e0903931882edc7dbc8251c83e', class: classes }, h("div", { key: 'cd84ba6a71765c7a3705af2d82263aa090b0a830', class: "stzh-pagetitle__container" }, h("div", { key: '557f36cb59210ff79d304e4174f755cd5e20c233', class: "stzh-pagetitle__wrapper" }, h("div", { key: '65746bb0d3d3ed9de4f7d3cb3f4057843c5efc75', class: "stzh-pagetitle__text" }, h("div", { key: '1249a0da4cdf0d909320899e872f5a9540f9cef8', class: "stzh-pagetitle__meta" }, h("div", { key: '16e71f278b85676ba67b5a9e1db2baaa95c5c484', class: "stzh-pagetitle__tag" }, h("slot", { key: 'd392df7260db7cc5527fb9740c4f5c807b73a4f8', name: "tag" })), h("div", { key: '1f6c244d4beb5d31b76101780353a398a305864e', class: "stzh-pagetitle__readspeaker" }, h("slot", { key: '18918620ce3693cc9dea1051c425aefabbab660e', name: "readspeaker" }))), this.dateline && h("div", { key: 'f8302af04207e487df2e4960c079d98d28ed4a14', class: "stzh-pagetitle__dateline" }, this.dateline), h("div", { key: 'ff0b6fa76ed6be8f186cdcad4facc0d06d216839', class: "stzh-pagetitle__heading" }, h("slot", { key: '87dfe8db40e383a54d23f46ec017348cf6fcb87f', name: "heading" })), h("div", { key: '0025e46377888d1ef18b6c56a95608d23843211b', class: "stzh-pagetitle__lead" }, h("slot", { key: 'a5d2b1f64ebfaf8b2eeed2ee47bd8a8a883afe08', name: "lead" }))), h("div", { key: '427db7b58efc2964dad68a69a75b487dc7251c68', class: "stzh-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '3f192e843e637652040a13a40c0283432c46715b', ratio: "16:9", ratioSmall: "3:2", ratioMedium: "16:9", class: "stzh-pagetitle__ratio" }), h("div", { key: 'd57a78fd58f118abf015b626c6a088e5bc43d7a1', class: "stzh-pagetitle__image-inner-wrapper" }, h("slot", { key: 'cfdec1f4653228f7124fd38301a2795198d02101', name: "image" }))), h("div", { key: '20978ec4179fb3777b6fb7c3e1e1dfbbb194497e', class: "stzh-pagetitle__disturber", ref: el => (this.disturberElement = el) }, h("slot", { key: '7390ca6ee2c0f44e95103fbe3056d39ffcbcf29d', name: "disturber" })))))));
     }
     static get is() { return "stzh-pagetitle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pagetitle/stzh-pagetitle.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';
@@ -113,8 +112,7 @@ export default {
       url: getFigmaLink('pagetitle'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-pagetitle-hero/stzh-pagetitle-hero.js

@@ -84,7 +84,7 @@ export class StzhPagetitleHero {
             "stzh-pagetitle-hero--has-no-lead": !leadSlotUsed,
             "stzh-pagetitle-hero--has-back-link": backLinkSlotUsed,
         };
-        return (h(Host, { key: '5a40025e386fdfc048e8e430fd801341ce57d901' }, h("div", { key: 'e358c40c81e06e77c401d6c73bbeec36fe32f6f1', class: classes }, h("div", { key: '3e0c810bbc4fbbed1194d27f6015016daa345b7d', class: "stzh-pagetitle-hero__header" }, h("div", { key: '3c30ed880daac301db409fbc034bf9c318c56949', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: 'bfdf88eb29d75823a906cd92efdbc6a839e31ca5', name: "back-link" })), h("div", { key: '2460d18fb051bee1956d719ce4f874a36b14789a', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: 'bf57bd8b5cad3fb85c6eb6d5368e456ae969cb5e', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: 'f540d5b6c8d9b75b13554686209816b364a8bdd9', name: "image" })), h("div", { key: '693e9cd1f972bd86fdd9a2fe6a4dd003f491177a', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: '7776b94d2fb7ca943382dccdea5f4ebdedbd7423', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '4260433226d8d5511f6c654b7607b219d357a767', name: "tag" })), h("div", { key: '6548b19ab8aa02196455daf92b25f8b56543ada2', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: 'e1bf2d3f86e8b7d8a5987dbc7262b074c58a221b', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: '3340decb7d520b46c3c88dce9cad75f2268e7e99', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '47ae4d6ea1715be31a547de92b3a7580aeee56cf', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: 'd8c3131f13b74634d06545dd088d316c2b10bb1c', name: "lead" }), h("div", { key: 'd9dea7578ccd0f38dbad78f5675c68da4b40b5e6', class: "stzh-pagetitle-hero__lead-author" }, this.leadAuthor)))));
+        return (h(Host, { key: 'bcd25c4c4cb3be130272f8a7780f2ed8c6ff4ba1' }, h("div", { key: 'a6e6961b33229fae1415acf98b646597f67ad584', class: classes }, h("div", { key: '9efafa7c6d1ce717cfdbce68d8a2851acf53813e', class: "stzh-pagetitle-hero__header" }, h("div", { key: 'a9e233f0aa69b675b7205568fdb833368efec4c2', class: "stzh-pagetitle-hero__back-link" }, h("slot", { key: '277a49690f5aedf5f3db388c0618260d66bf24ff', name: "back-link" })), h("div", { key: '6155a14cd27e65dd07b8f1e48a13a371c899578a', class: "stzh-pagetitle-hero__image-wrapper" }, h("div", { key: '934cf78953f48c4bf10f4d1e3d7d289c6f7dd407', class: "stzh-pagetitle-hero__image-ratio" }), h("slot", { key: '914e2e4ac218a07422ae33129bbe505c3b5e0cb4', name: "image" })), h("div", { key: 'f28d60cd3b36ea31f5bc7edb609e1123799f3481', class: "stzh-pagetitle-hero__title-wrapper" }, h("div", { key: '20cdcb04f8bae345c5f3e3769b166e7f7e1cedb3', class: "stzh-pagetitle-hero__tags", role: "list" }, h("slot", { key: '98997ef5a94cffb5dac06c5b939f3c6196e5bc4e', name: "tag" })), h("div", { key: '48beec20fea7d9c0fae595b9a7150478a7fdb9c4', class: "stzh-pagetitle-hero__title-parent" }, h("h1", { key: 'f6f566c1026c6813415999ed94a85ac7e045af26', ref: el => (this.mainTitleElement = el), class: "stzh-pagetitle-hero__title", id: this.headingId, innerHTML: this.heading })), this.subtitle && h("div", { key: 'd7551260d571de922028fd0253e1f9fe5801ccff', class: "stzh-pagetitle-hero__subtitle" }, this.subtitle))), h("div", { key: '6707c76964878059553e9d9695f624b9a2694d78', class: "stzh-pagetitle-hero__lead" }, h("slot", { key: '68d8f46003a6b263707035dc107d86834e4456c9', name: "lead" }), h("div", { key: '7ed34086c39225b55708cf53e7f5a02f47e72bb0', class: "stzh-pagetitle-hero__lead-author" }, this.leadAuthor)))));
     }
     static get is() { return "stzh-pagetitle-hero"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pagetitle-hero/stzh-pagetitle-hero.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';
@@ -65,8 +64,7 @@ export default {
       url: getFigmaLink('pagetitle-hero'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const WithPicture = {

package/dist/collection/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.js

@@ -73,7 +73,7 @@ export class StzhPagetitleHome {
             "stzh-pagetitle-home--hyphens": this.hyphensEnabled,
             "stzh-pagetitle-home--has-meta": readspeakerSlotUsed,
         };
-        return (h(Host, { key: 'f92ee37d405b81cfb5995067c42ed036e3422b96', "has-image": imageSlotUsed }, h("div", { key: '3ae7caaf67826f4b2e12415541dc0670fc564570', class: classes }, h("div", { key: 'c83d80624069c9de3b5d3e9590768f665ff932eb', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: 'aaa496c0b988ff38c1a6a9f124a2c7cba0a3737b', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '0f3aa04c550b93a438d787a3ac5fc7cf63901d4e', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: 'beba8206a20ef362e09a6b5eed22dd4c4b8e2e7e', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: 'ba1d0751a322cc95951a9b54d9e852fb5e1a02ad', name: "image" }))), h("div", { key: '3c54151f234ecb63e6a566701570de134d279d0f', class: "stzh-pagetitle-home__container" }, h("div", { key: '6edd0a5fd28de8674d1d0d57f6fe5a1518ef4454', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: '05a2ca13f4ec83638baea131080d0683045aa589', class: "stzh-pagetitle-home__text" }, h("div", { key: '37435fdc6e5065d20ec4c7ccde6aec51bcd2f1b1', class: "stzh-pagetitle-home__meta" }, h("div", { key: 'daa27aa84c4b8704fe01bd0b4a56dc78bf273d8e', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: 'cd104e93ee0dcc79f5a6707b2f8baf1cb609fde0', name: "readspeaker" }))), h("div", { key: '0f0976d0c4e2d5cbee42e85255d10c40bb9dc7bb', class: "stzh-pagetitle-home__heading" }, h("slot", { key: 'c1758088a81b1de6d8ef07dd324ae844ec60f8c2', name: "heading" })), h("div", { key: '55de194341f1d07364d4d030120a34bf3c0fa347', class: "stzh-pagetitle-home__subheading" }, h("slot", { key: 'de008a5747939645e88dd973453a6cee4cd0eb78', name: "subheading" }))))))));
+        return (h(Host, { key: 'dec700a88230f0d919243eefd132dab55d8dae84', "has-image": imageSlotUsed }, h("div", { key: '1667eae85ab61a87bf6ae19142f2b3e197a9148a', class: classes }, h("div", { key: 'c1a2c06c6f587b8674d4c7a0a43344964a8d7ae1', class: "stzh-pagetitle-home__image-wrapper" }, h("stzh-ratio", { key: '197b547f5af8e8472c43be0093e58499711089db', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), h("div", { key: '41ee1dfbc01fe94ab4b1a4a17db4d0c130cba179', class: "stzh-pagetitle-home__image-gradient" }), h("div", { key: 'a054390e29deb379d34f7757cb57bdf947c489f3', class: "stzh-pagetitle-home__image-inner-wrapper" }, h("slot", { key: '0b18905f420423cf45fbb3b83577a71a23ed0a8e', name: "image" }))), h("div", { key: '32580081233599ff9a4fd19329c7888c03783189', class: "stzh-pagetitle-home__container" }, h("div", { key: '4bac4a7e6c62018a9f29d251757c55e93cfafdfc', class: "stzh-pagetitle-home__wrapper" }, h("div", { key: '142f1fe80210602d572c64f6177f3e31cffd6b7c', class: "stzh-pagetitle-home__text" }, h("div", { key: 'f4e3c51caa17ad3ce87457f12a923f24e4e13432', class: "stzh-pagetitle-home__meta" }, h("div", { key: 'f9984c81b2307be0c1ebba4f9a7590bb3a70fb68', class: "stzh-pagetitle-home__readspeaker" }, h("slot", { key: '4b7edbba6ad0c61ba1a193d88ca6eeba949083e2', name: "readspeaker" }))), h("div", { key: '9c2808c46d72d17d26d870cd145186b54a417ef8', class: "stzh-pagetitle-home__heading" }, h("slot", { key: '5acd17edc64b458aa65950af4c14f48dafb99603', name: "heading" })), h("div", { key: 'f35d7ee32f59b2cbda19a5cb5a5ee10092f014a1', class: "stzh-pagetitle-home__subheading" }, h("slot", { key: 'db5ca66dfb616df1049f1ce8ddf6dc24ba4d5ea3', name: "subheading" }))))))));
     }
     static get is() { return "stzh-pagetitle-home"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.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';
@@ -74,8 +73,7 @@ export default {
       url: getFigmaLink('pagetitle'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.js

@@ -48,7 +48,7 @@ export class StzhPiContentNavigation {
             "stzh-pi-content-navigation--is-navigation-level-1-or-2": isNavigationLevel1or2,
         };
         const CardLink = this.href ? "a" : "button";
-        return (h(Host, { key: 'a3fd38b13f204da18ff2cd87a7e95d325a45ba33', "has-lead": hasLead }, h("article", { key: '4407073abea135beca06925a13b99dac867afc17', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: 'f42819cacaad708ee4093b76ea93449d8b79c8ae', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: 'eefb2ee794458a1e05d57034d335526c22675230', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: '09387c9e0fb9b8526a4aab1983a2f621e5b49093', ratio: "2:1" }, h("slot", { key: '67c47c251162891ba28286a94f91a90b5280dfb4', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '31aeb48e1897bd717f2618b5e4235305a6d6be7b', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: 'b1a488d455af3da7fba0d926d0d4c0acd9ec4f9b', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '1c1695ad670a4f94e260077c6d8c0ffefe37600a', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: 'cafeeac85332c4ba22a1dd6e8700ddef67b59ef1', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '09405b42dc576bddb3f31c74f99ee4e152f4e8c0', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
+        return (h(Host, { key: '933d0b13186f03a4ce042c8d72f205fa011e11b2', "has-lead": hasLead }, h("article", { key: '3cc3c0f63e068e954dc3b5a0396a53bfb8e1eb5c', class: classes, "aria-label": this.heading, role: "listitem" }, h(CardLink, { key: '871106e609ccb048597e683dcb1ee53b2e387119', ref: el => (this.cardLinkElement = el), class: "stzh-pi-content-navigation__title-link", href: this.href, target: this.target, onClick: this.handleCardClick }, h("div", { key: '840776e707a0ca2107fe8b242627b2b8635f1358', class: "stzh-pi-content-navigation__image" }, h("stzh-ratio", { key: '304c98a4a7ea699d5214c525dea8468fded38c20', ratio: "2:1" }, h("slot", { key: 'a69c424f1e474b2bae06621bab40ee788269d06a', name: "image" }))), shouldRenderTitleRatio && (h("div", { key: '6580dff4bd9bf671d9b4391bbc6c0417c39b5d1d', class: "stzh-pi-content-navigation__title-ratio" }, this.renderHeading())), h("div", { key: '7b3e44b1e6cdc3c21719940fec71a8ae143039e0', class: "stzh-pi-content-navigation__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), hasLead && (h("div", { key: '5d75d6476fd7087fdd15f9cf908c915804b68c99', class: "stzh-pi-content-navigation__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })))), h("div", { key: '49c5ca735da434e56acd40876390a3a09a7292f9', class: "stzh-pi-content-navigation__arrow" }, h("stzh-icon", { key: '552c7d67259cff681582a4d7a741a5f9cbe03b4a', class: "stzh-pi-content-navigation__arrow-icon", name: "arrow-right" }))))));
     }
     static get is() { return "stzh-pi-content-navigation"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-content-navigation/stzh-pi-content-navigation.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,8 @@ export default {
       activeTheme: 'stzh-theme-pi-lemongrass'
     },
     layout: 'padded',
-    actions: {
-      handles: ['stzhClick']
+    stzhActions: {
+      events: ['stzhClick']
     },
     docs: {
       description: {
@@ -39,8 +38,7 @@ export default {
       url: getFigmaLink('7956-291929'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const WithoutImageAndLead = {

package/dist/collection/components/CMS/stzh-pi-menu/stzh-pi-menu.css

@@ -213,7 +213,6 @@
   position: fixed;
   top: 0;
   height: auto;
-  bottom: 0;
 }
 .stzh-pi-menu__heading {
   margin: 0;

package/dist/collection/components/CMS/stzh-pi-menu/stzh-pi-menu.js

@@ -250,7 +250,7 @@ export class StzhPiMenu {
         // Screens medium, large and ultra
         const wideScreens = `${this.entangledMenuSize}px`;
         const menuWidth = this.open ? (this.isMedium ? wideScreens : narrowScreens) : this.isMedium ? wideScreens : closed;
-        return (h(Host, { key: 'f8b2a64582df45c8f125c3b0b41fe9f4d72ec6e3', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '6d91d3726087d07be15d6aae92744934d4625332', class: "stzh-pi-menu-positioner" }, h("div", { key: '2e9e4f99be510acf7dd7c7e3d2ec3fc41b8c6580', class: classes, style: { width: menuWidth } }, h("div", { key: '275e750ac7ff5a0c3c341aba864bf40d11a1a80f', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '58e00809ae1ed9b03459b915411dba1ae64935e7', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: 'e9e5da54d955b7fcecc6fab3d2a30f18fbbdd57c', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '9a291dfdc959bb51d52078e393b9b244ab3b00d3', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: 'd9857c53ba80eadbaa361e8481090a374f0cac7a', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: 'a1ac8833c9e0da632a3562a4158638674170dbd5', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'e61224ef67247a17903e17641c4e9bd47e50d56b', class: "stzh-pi-menu__content-inner" }, h("nav", { key: '02148b9b7835b346647290df6eedb04fcef9d1c2', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: '70b7a60a240b0614244aba0f85a323566c2739f0', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '1dc8ef72f010b19f93ef42786663d097c58a2a7e', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: 'd259bf2a875cbb61909a6f6fb82fd31979c55545', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: '15d3be269c621e14a65c35da1ad1dd2c87a91d92', class: "stzh-pi-menu__button-text" }, h("span", { key: '962a97062b0ca6f24980c42daccae70d61369d83', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: 'a7f89b1cabf65ed4f740de036bd4bf8c460c72ff', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
+        return (h(Host, { key: '4a41dfcd7683f6705a508f0916f9c3f7789563b9', tabindex: this.rootTabindex, onFocus: this.onRootFocus }, h("div", { key: '2d7b0638148fa25233e49047a68c11b2a798bd16', class: "stzh-pi-menu-positioner" }, h("div", { key: '6a10a835713b348acc58de50656588bed75ab8af', class: classes, style: { width: menuWidth } }, h("div", { key: '9a113878c7d0b2141b8b32f69a5a6ff06766c026', class: backdropClasses, onClick: this.handleBackdropClick }), h(Heading, { key: '62ba6a3628903ee0917b0fe4de30abfd5ffd6c7f', class: "stzh-pi-menu__heading", onClick: this.handleHeaderClick }, h("button", { key: 'd97dc770a1e6e336f0da219c46fce371a85e0344', ref: el => (this.buttonElement = el), class: "stzh-pi-menu__button", "aria-expanded": `${this.open ? "true" : "false"}`, type: "button", "s-object-id": this.analyticsId || this.heading }, h("span", { key: '7903e59143a9aa8e3ddbd506c7ab2e3d0f5d7908', class: "stzh-pi-menu__button-text" }, this.heading), h("stzh-icon", { key: 'b3aea4c0367724c7932b5809f7c16dc98cdd969b', name: "angle-down", class: "stzh-pi-menu__button-icon" }))), h("div", { key: '5598323cd7c6a02f562d4d992effbdabe5e63ef5', id: `${this.piMenuId}-content`, ref: el => (this.bodyElement = el), class: "stzh-pi-menu__content", "aria-labelledby": `${this.piMenuId}-header`, role: "region" }, h("div", { key: 'f4b7db6738a5505a08ad70fca33bae6446c06e9f', class: "stzh-pi-menu__content-inner" }, h("nav", { key: '34fb0b913daf8b6bf420e1b1403049613422f02a', class: "stzh-pi-menu__nav", "aria-label": this.localization.menuLabel }, this.subheading && h("p", { key: 'bff84f745a2fd5760de654b3b45559503e587439', class: "stzh-pi-menu__subheading" }, this.subheading), h("ul", { key: '9a305c8cc16ebf5dae535b1aa96200f9a0a8f1ee', class: "stzh-pi-menu__nav-list is-level-1" }, this._menuItems.map((item, index) => (h("li", { class: "stzh-pi-menu__nav-list-item" }, this.isMedium || this.isLarge || this.isUltra ? (h("div", null, this.setSubMenuHeader(item), this.setSubMenuItems(item))) : (h("stzh-details", { open: index === 0 }, this.setSubMenuHeader(item), h("div", { slot: "content" }, this.setSubMenuItems(item)))))))))))), h("button", { key: '82c2faf25baed08281a04cfce41a2b3595da213a', class: "stzh-pi-menu__button stzh-pi-menu__button-space-helper", "aria-hidden": "true", type: "button" }, h("span", { key: '168b13fa86ee14f319b57d27fd2317462e19c0f1', class: "stzh-pi-menu__button-text" }, h("span", { key: 'e02805291546e7fde2f4fd5040797c10bb64e37e', class: "stzh-pi-menu__heading-text" }, this.heading)), h("stzh-icon", { key: '6264a9efd0df0882d06cd18b2e094b591448c574', name: "angle-down", class: "stzh-pi-menu__button-icon" })))));
     }
     static get is() { return "stzh-pi-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/CMS/stzh-pi-menu/stzh-pi-menu.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';
@@ -18,8 +17,8 @@ export default {
     stzh: {
       activeTheme: 'stzh-theme-pi-lemongrass'
     },
-    actions: {
-      handles: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
+    stzhActions: {
+      events: ['stzhOpen', 'stzhOpened', 'stzhClose', 'stzhClosed']
     },
     layout: 'fullscreen',
     docs: {
@@ -32,8 +31,7 @@ export default {
       url: getFigmaLink('accordion-item'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 const menuItems = [

package/dist/collection/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.css

@@ -238,6 +238,9 @@
     --stzh-pi-menu-padding-left: calc((100vw - 84.25rem) / 2);
   }
 }
+:host ::slotted([slot=content]) {
+  --stzh-cardlist-pi-content: 1;
+}
 
 .stzh-pi-pagetitle {
   margin-bottom: var(--stzh-space-xxlarge);

package/dist/collection/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.js

@@ -64,7 +64,7 @@ export class StzhPiPagetitle {
             "stzh-pi-pagetitle--hyphens": this.hyphensEnabled,
             [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,
         };
-        return (h(Host, { key: '560692c5c1a0bc4b85909c2c38a35c50fd65a78e', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: 'df414172d0f8fcb1be1c0ee6ad30dc0365cc0cf9', class: classes }, h("div", { key: '89d34c1b8c636636cfabc08504c87e533366c047', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '1e130d13a2f8feb012d54d8cd6c684cd8bd92fc7', class: "stzh-pi-pagetitle__hero" }, h("div", { key: '1fc198360cc5d98854e15927e01a08c5bf1abce7', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '93374c191a62689c544d2f8abfe434abd8dcc9a7', name: "breadcrumb" })), h("div", { key: '0449d333156c61f0535a826a6142fee7a178760a', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '956437e4b745cfc0aa6476478b59378a1a77a46f', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: 'db38617c49b123ac8c819f5693d631a5b1901c69', name: "readspeaker" }))), h("div", { key: '84bfd898ea712c3df1a3da4ddd21f6b8928bad53', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: '3a88edf7493d2f53f420441b51fb77f5c97aa176', name: "dateline" })), h("div", { key: '5d0b6de1e1c4a6b69b05c1d4363b228336f0b132', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: '9df75bb73bf52b65fdacb62edbd33f3a3d93f0e4', name: "heading" })))), h("div", { key: 'cd849f2c19cb4868cb07eee1b1d0b3fbf63802b4', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'bbb3d20db0a19b8c231785d3585fa23618b5dbad', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: '65c4291c46e802bf39c41f883b568d2cb37e522d', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: '2b9aefbbc7a6adda6b3e2950e8c37cbe6580453a', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: '55dcc534ebaded73d2ae56c34a1ec841fe9917b5', name: "menu" })))), imageSlotUsed && (h("div", { key: '787e21099d69b38320cedf3b18df9e76a948c17c', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '206ce7f95a42d1aa565571f44064761a46fe521c', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '09ed215ffdd9b42101304a5de7270d2d21e2a83e', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: '724525ce88dd60420388179f848e72af3dd1cd1b', name: "image" })))))), menuSlotUsed && (h("div", { key: '6058aa124b21855638be02010ba05cb047685ae8', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: '010e77b49cf70cfd0a11e6a94fe72c9845d3a5e7', name: "lead" }))))), !menuSlotUsed && (h("div", { key: 'e65773650c6be32f823f0bf56b739f2e88334706', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: 'c17ab33d7c047e1f4a22614f0595eed20bb9c2f0', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'c643e9a464f4cece03d95ae8758d2d8c15683e43', name: "lead" })))), h("div", { key: '074f868ca141ca9c6aa51a7a97b731ea70ec51ec', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: 'b8cc5b097bf5ccf758cda4c4afb964ec1aa9d4a0', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: 'd0ba8e41e1332806f143d42991e3e06530f738f7', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: 'e3f9087a56b10a64e5056cb25d0e5688280c8aed' }, this.author && h("p", { key: '851f6964e45b316d98012c638720b5fc02d6eb73', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: 'afc79a7ffaadcd46d1e0e8b5aee120b370debeab', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: 'd372b9b51fc92fec1137f2f25f46312fc4b49a38', name: "content" })))))));
+        return (h(Host, { key: '804a4efc2fa0cfe72dc06c15cef351e976fc41d7', "has-menu": menuSlotUsed, "has-article-info": hasArticleInfo }, h("div", { key: 'c7676dba441053c2e39386316afbfa859367b72d', class: classes }, h("div", { key: 'e60a57bcc4958611afda278d8b87e3b27b32177b', class: "stzh-pi-pagetitle__hero-container" }, h("div", { key: '30d5ba4fb239bcfe2b063845469688bffe2fea07', class: "stzh-pi-pagetitle__hero" }, h("div", { key: '2acebd4bf60ad119e6ace906844a1dea14cfd1a1', class: "stzh-pi-pagetitle__breadcrumbs" }, h("slot", { key: '77c21fc003437d110d6a1980600bdd544110a2e9', name: "breadcrumb" })), h("div", { key: 'be3222a52e66bfa0feb6297d6e4cb5be8d2c86ad', class: "stzh-pi-pagetitle__meta" }, h("div", { key: '979225e6182bcd67743e4b719131ed141cd70486', class: "stzh-pi-pagetitle__readspeaker" }, h("slot", { key: '6129f705d89f32b4a55d18a3f3b921b1c6735347', name: "readspeaker" }))), h("div", { key: 'f073c73e9ca45b3f425937e2018a8e68a675c8df', class: "stzh-pi-pagetitle__dateline" }, h("slot", { key: '7ac38869bba88c421da523fe69100603f2bbb183', name: "dateline" })), h("div", { key: 'b53560280e515aa4d3622f9f2ef17208a8ef20bd', class: "stzh-pi-pagetitle__heading" }, h("slot", { key: 'fea90a8e173eebdf699c0f57285cf3497e174735', name: "heading" })))), h("div", { key: '2d3bb0353eca8b4371779742441a28b7ac2bda5f', class: "stzh-pi-pagetitle__image-lead-menu-container" }, h("div", { key: 'ed6bc81ef43f341ba11d9e6caca8d509fbd4671e', class: "stzh-pi-pagetitle__image-lead-menu" }, h("div", { key: 'ceecdeffec67126392b33266f9a2e1ece3b2040f', class: "stzh-pi-pagetitle__menu" }, menuSlotUsed && (h("div", { key: 'fba62ef0cc97ea8926eb904e5ad79965ce1325c0', class: "stzh-pi-pagetitle__menu-inner" }, h("slot", { key: '54abbb9115babd2f0d3fd54824413f5250c0a896', name: "menu" })))), imageSlotUsed && (h("div", { key: '7399aeb9c0ae844ef81fc03192c3901b2e152c2c', class: "stzh-pi-pagetitle__image" }, [1, 2].indexOf(this.level) > -1 && (h("div", { key: '926f0d5c2523e9ca0753f526f4df2076ed7e0331', class: "stzh-pi-pagetitle__image-wrapper" }, h("stzh-ratio", { key: '236f2052bf4f2b6baec0a79ab780dbbf361ee634', ratio: "16:9", ratioSmall: "21:9", class: "stzh-pi-pagetitle__ratio" }, h("slot", { key: 'd1d27f157eef7fe98a5f7e6cb7de16d31519d397', name: "image" })))))), menuSlotUsed && (h("div", { key: '06865f44ee1dd07904aa8d0555a86fcee6ee0c58', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'badd32758195b468dd641ff4cce3d38cdbdb98f2', name: "lead" }))))), !menuSlotUsed && (h("div", { key: 'f07cbc8824dc2aa6a1f8b977ba766894eaa8b49f', class: "stzh-pi-pagetitle__lead-container" }, h("div", { key: '3e30a4ce643a1eb53e08b8f6e67e78566824f6ce', class: "stzh-pi-pagetitle__lead" }, h("slot", { key: 'f86b1fcb31937d096a92c93f1b591aba559ed26f', name: "lead" })))), h("div", { key: '49be971b2748631c370c2ca2db71286c57a8f7b7', class: "stzh-pi-pagetitle__article-info-wrapper" }, h("div", { key: '61fc35a35582a4f8524bff4d617f52bd39c797e5', class: "stzh-pi-pagetitle__article-info" }, h("div", { key: '2011f7a43431521f5339f6217957006fcb02dca2', class: "stzh-pi-pagetitle__article-info-holder" }, hasArticleInfo && (h("div", { key: '68ab3f8fcdfe143ffe4e99683207723cb315df4a' }, this.author && h("p", { key: '70ecb540df84f877cab6c33c752d06d785ba8abe', class: "stzh-pi-pagetitle__author" }, this.author), this.date && h("p", { key: 'e052e5f011c57333314dd3d4287f8f6cc05d15d4', class: "stzh-pi-pagetitle__date" }, this.date))), h("slot", { key: '8f51584e518ba3464f6bf8c41cb6a64aad1feece', name: "content" })))))));
     }
     static get is() { return "stzh-pi-pagetitle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.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';
@@ -209,8 +208,7 @@ export default {
       url: getFigmaLink('pagetitle'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-pi-quote/stzh-pi-quote.js

@@ -11,7 +11,7 @@ export class StzhPiQuote {
         const classes = {
             "stzh-pi-quote": true,
         };
-        return (h(Host, { key: 'dc3329bd309b61e409b45f777bdaffa6ea72fcba' }, h("div", { key: '2557fbe3a3e7bcf9cf2f87ed0269e50c2207cbac', class: classes }, h("blockquote", { key: '4c47cc6f1b6caa3b0ff771e2262df9bd43404ee7', class: "stzh-pi-quote__content" }, h("p", { key: '0939042eb1e99cc2f148f571dba63fc141cbe858', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: 'a3da96541f81b654c13ca52e0634a519010c6626', class: "stzh-pi-quote__author" }, this.author)))));
+        return (h(Host, { key: 'e7db31715da78f36465c059aa48b97e9b5a1d766' }, h("div", { key: '053da93c74de4b77d1c1906c7a56a5d366276588', class: classes }, h("blockquote", { key: 'af16793f463aa484fb656333c0de28745be7878c', class: "stzh-pi-quote__content" }, h("p", { key: 'dc1ffdffd295d4f654361afaeb60689840842735', class: "stzh-pi-quote__text" }, this.text), this.author && h("cite", { key: 'ba819059a45dd03771f2952b6d10dd335695196f', class: "stzh-pi-quote__author" }, this.author)))));
     }
     static get is() { return "stzh-pi-quote"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-quote/stzh-pi-quote.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';
@@ -19,7 +18,6 @@ export default {
       activeTheme: 'stzh-theme-pi-lemongrass'
     },
     layout: 'padded',
-    actions: {},
     docs: {
       description: {
         component: readme
@@ -30,8 +28,7 @@ export default {
       url: getFigmaLink('Zitat PI'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Default = {

package/dist/collection/components/CMS/stzh-pi-teaser/stzh-pi-teaser.js

@@ -46,7 +46,7 @@ export class StzhPiTeaser {
             "stzh-pi-teaser--has-lead": hasLead,
             "stzh-pi-teaser--has-image": hasImageSlot,
         };
-        return (h(Host, { key: '4771b7ecf8f5178f65107a29a91d7364292b6237', "has-lead": hasLead }, h("article", { key: '0a2a36b938561e1b3c9dc6d586ee8ee19c90c973', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: '355209385dd5e63aea6353db4f160a677e9979dd', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '4e6a544cd41250a48e30561a479153b3ba3e7cc5', ratio: "2:1" }, h("slot", { key: 'b01aa2acf538e679c98dc19c5546cd062907312c', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: 'eb6dd5f714ee467c6e8505aa0077f2c90a48d31b', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '2287fb3a03a3a118c36975a15be1f1c5a1555eac', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: '7ac9c3e7cd18a2c5b22102c05b2f2e98a64d1faf', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: 'ff6a4c30a82defa9d5921b1ccab10c1231f24705', class: "stzh-pi-teaser__date" }, this.date)))));
+        return (h(Host, { key: 'c63bc357796926ffca2a48b23e725ef653c628b1', "has-lead": hasLead }, h("article", { key: '00087d27ed1d0ea9dec95246e82489824da58d29', class: classes, "aria-label": this.heading, role: "listitem" }, h("div", { key: 'e37523e6deaec7229b72fd67c2f53e4732038481', class: "stzh-pi-teaser__image" }, h("stzh-ratio", { key: '415443188ea1f3b5bb02068df8cd0eaf0e5973d3', ratio: "2:1" }, h("slot", { key: '8fa85894e76d0cc5321e5af5fcbc7c7e6b1bbd04', name: "image" }))), shouldRenderTitleRatio && (h("stzh-ratio", { key: '82d9e1719b5a941f00b2a5550d049a7bb6ec9512', class: "stzh-pi-teaser__title-ratio", ratio: "2:1" }, this.renderHeading())), h("div", { key: '65460fcd44c5412ad1e9e39852683305518831ca', class: "stzh-pi-teaser__wrapper" }, !shouldRenderTitleRatio && this.renderHeading(), h("div", { key: 'e4a5a12a97d660be2675bb4adf803b45a31be0d0', class: "stzh-pi-teaser__lead" }, this.lead ? this.lead : h("slot", { name: "lead" })), this.date && h("div", { key: '0c670bfea254ae2b9fcb490a9d68fec73206d919', class: "stzh-pi-teaser__date" }, this.date)))));
     }
     static get is() { return "stzh-pi-teaser"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-teaser/stzh-pi-teaser.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,8 @@ export default {
       activeTheme: 'stzh-theme-pi-lemongrass'
     },
     layout: 'padded',
-    actions: {
-      handles: ['stzhClick']
+    stzhActions: {
+      events: ['stzhClick']
     },
     docs: {
       description: {
@@ -39,8 +38,7 @@ export default {
       url: getFigmaLink('7980-306604'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const WithImage = {

package/dist/collection/components/CMS/stzh-pi-teaser-layout/stzh-pi-teaser-layout.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';
@@ -126,9 +125,8 @@ export default {
   component: COMPONENT_NAME,
   parameters: {
     layout: 'padded',
-    // layout: 'fullwidth',
-    actions: {
-      handles: ['stzhClick']
+    stzhActions: {
+      events: ['stzhClick']
     },
     docs: {
       description: {
@@ -140,8 +138,7 @@ export default {
       url: getFigmaLink('7980-306604'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const Hero = {

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-item.js

@@ -52,7 +52,7 @@ export class StzhPiTeaserLayoutItem {
             "stzh-pi-teaser-layout-item--has-lead": hasLead,
             "stzh-pi-teaser-layout-item--has-image": hasImage,
         };
-        return (h(Host, { key: '2dc83251630395b8d2ed958a2ffcd4c350100e2e', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: '9b514ae760fecc304c7aa3f6eaa340ce145f0ac2', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '2bdbfa7b37bebb337a2cf8e6f55e2d696c544d8a', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '83a066126e8d78814dc2f15ef9eae26d046ed63d', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '07355ddda4d392a35ddd920ee6d8e1fb94b73821', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: '67367c71ce30352cd7a7f9b246919e22bdfe3348', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: 'd874802fc8fa80ebe4b7366c3098ebcb41df02ba', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: 'fc550aea71eade845907b449b0dd1e41f51b6cde', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: '0f98ac67bb939836d2f9538b2c1daf6e972b326b', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: 'cfc2dfabe393a2ce8e317829340a9b1f55cd9775', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
+        return (h(Host, { key: '33425e2b5a377a546b68579108b91bd336e6378b', "has-lead": hasLead, "has-image": hasImage, "image-position": this.imagePosition, "content-size": this.contentSize }, h("article", { key: '6ac01b5627d46557bd088567353ea2cd5391187a', class: classes, "aria-label": this.heading, role: "listitem" }, hasImage && (h("div", { key: '8b9af4c11d08750d39cda328c44dd8ddb705b684', class: "stzh-pi-teaser-layout-item__image" }, h("img", { key: '123534d841c0e898ccd6bac11b926dda192e1c58', src: this.imageSrc, alt: "Example image" }))), h("div", { key: '68216e5754cd62ef2cce7183acb33ba11576ba66', class: "stzh-pi-teaser-layout-item__wrapper" }, h("div", { key: '9409985543bd5ce73c30294a33b7ed68a983f3d7', class: "stzh-pi-teaser-layout-item__text" }, this.dateline && h("p", { key: 'c35c4a08a78e22b15cc1d49cea364d092edb02ba', class: "stzh-pi-teaser-layout-item__dateline" }, this.dateline), this.renderHeading(), h("div", { key: '1e29cd179c9e591ae6c6ac2e1666cd40813f3a8c', class: "stzh-pi-teaser-layout-item__lead-wrapper" }, h("div", { key: 'b20e070a63f7a655851485f9e792aa9042177758', class: "stzh-pi-teaser-layout-item__lead" }, displayLead)), this.date && h("div", { key: '5136c44fa509948eb3a49ab983493aaaa55cbb0d', class: "stzh-pi-teaser-layout-item__date" }, this.date))))));
     }
     static get is() { return "stzh-pi-teaser-layout-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-pi-teaser-layout-item/stzh-pi-teaser-layout-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';
@@ -27,8 +26,8 @@ export default {
       activeTheme: 'stzh-theme-pi-lemongrass'
     },
     layout: 'padded',
-    actions: {
-      handles: ['stzhClick']
+    stzhActions: {
+      events: ['stzhClick']
     },
     docs: {
       description: {
@@ -40,8 +39,7 @@ export default {
       url: getFigmaLink('7980-306604'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const WithImage = {

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

@@ -32,7 +32,7 @@ export class StzhPoicard {
         const classes = {
             "stzh-poicard": true,
         };
-        return (h(Host, { key: '797713a117408e03c0625523b30cc2fddba21cf7' }, h("a", { key: 'c6c13ef6efe59ea2e4076146db8a8e8c6cabb7d7', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '7b6d0d13a354e603614ead7aa55e3f2c2fb298e8', class: "stzh-poicard__content" }, h("div", { key: '676d0d27e5d2b14545a4f1742c01c100ce9550ff', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '527ffb7098fa18bae65078b11fb5c2220bde3530' }, this._item.title)), h("div", { key: 'f910d81a53068b8312302c2a8e171c6a6a52e962', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: '119fb0912879f35f30886385153df7f0fd351a76', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'bc9f217a8899a93b979677e238b045c0c05f6b06', name: "pin" }), h("stzh-text", { key: '5dd9112ac897959af48d5adf2a3078be8c52a135' }, this._item.distance))), this._item.temp && (h("div", { key: '65fc28ad8a9efb375705f1a62d5dc90c3bc359de', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: '532dee86f98b4444663bc37adbce37e688a906be', name: "thermometer" }), h("stzh-text", { key: '2a337a4106892a75b5cd6275a76bce40fc638817' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: 'cdbf904934a021a2ed8ebc74f65341c24d9e6947', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: 'bfc3ad3427fda71b533a4dabf7c1a4e34716e0b3', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: 'a3d7810f788b12ef9ae7f90f2ccc12b5ba3e0d30', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
+        return (h(Host, { key: '5b748e510cab10b545c18dddc91b10afb9014c1c' }, h("a", { key: 'b63cb6b3f459c73b279024687a61d4c82ad83c09', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '6f1da5cc8715f5664a85a0a7454eda5ba3bd6705', class: "stzh-poicard__content" }, h("div", { key: '0f20818bc0ae33795431eaaad862065eaa39b69e', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: 'd2ac73c04aa118be6dae0dc3dfb36118a08918be' }, this._item.title)), h("div", { key: '50f35760d945c6e24d809fcaf8849ff229eb687f', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: '6fa342ab5a496af2598721ab44729342303c9540', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: '62f0acad7594721305709a876ef41bff4d55693e', name: "pin" }), h("stzh-text", { key: 'a2124a9fbb1af2b7cd79420b07b59579fae75dbe' }, this._item.distance))), this._item.temp && (h("div", { key: '1c975e6fe99a4314478afedca96cad2255e83341', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: '81160b199e083767dcffc18b5060ca0d714705b9', name: "thermometer" }), h("stzh-text", { key: 'a741dfe9e856776fd38477b0b3e9e93af7473ae9' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: 'eb4d6bb0a48c2074117a029fdf87c84c4f519ea2', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: '9b6d6e68d71916cd639518bab0c74fbaae3902e6', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: '9c2664fd7a4c60fc4f4f9056ae68b05cb62a54d1', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
     }
     static get is() { return "stzh-poicard"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/CMS/stzh-poicard/stzh-poicard.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('poicard'),
       allowFullscreen: true
     }
-  },
-  decorators: [withActions]
+  }
 };
 
 export const LidoOpen = {