@oiz/stzh-components 4.5.0 → 4.6.0-beta1

package/dist/components/{p-8d98b7e1.js → p-551fa57d.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$1 } from './p-59b494a3.js';
+import { d as defineCustomElement$1 } from './p-18196788.js';
 
 const stzhAccordionCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px;--margin-left:inherit;--margin-right:inherit}.stzh-accordion{display:grid;gap:var(--stzh-space-xsmall);margin-left:var(--margin-left);margin-right:var(--margin-left);}.stzh-accordion__heading{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-accordion__heading{margin-bottom:var(--stzh-space-xlarge)}}.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-medium) * -1);margin-right:calc(var(--stzh-space-medium) * -1)}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-left:calc(var(--stzh-space-xxlarge) * -1)}}@media screen and (min-width: 600px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-large) * -1)}}@media screen and (min-width: 900px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xlarge) * -1)}}@media screen and (min-width: 1260px){.stzh-accordion--is-nested{margin-right:calc(var(--stzh-space-xxlarge) * -1)}}";
 const StzhAccordionStyle0 = stzhAccordionCss;
@@ -88,7 +88,7 @@ const StzhAccordion = /*@__PURE__*/ proxyCustomElement(class StzhAccordion exten
             "stzh-accordion": true,
             "stzh-accordion--is-nested": this.isNested,
         };
-        return (h(Host, { key: '036dce09e96b0c493df6617bd953cc8c12287963' }, h("div", { key: '1d7782075625fe926db58dfd3d7c3323347b9d0e', class: classes }, this.heading && (h("div", { key: 'ba8b2c26529add7113e590aad16b04f4c0e43ea6', class: "stzh-accordion__heading" }, h("stzh-heading", { key: 'b70a3f7164aef2fd835a242bdf151bf85cf50ba9', level: "2" }, this.heading))), h("slot", { key: 'bec87be62bb24c5abe0072eaec3b777eb409b494' }))));
+        return (h(Host, { key: '2dde1e9bcf86097f0c3c00f1f407b07773da313c' }, h("div", { key: '411bdfb4672e6842c0f8d6e9e944af06d39be36f', class: classes }, this.heading && (h("div", { key: '6f9c89a59f2a25563039669fd573cd29e543f9e9', class: "stzh-accordion__heading" }, h("stzh-heading", { key: '28cf3aa9798077864bd36314da445f49b930ff38', level: "2" }, this.heading))), h("slot", { key: 'e74c3faa442732de660ff8b570eedeb8d4d0946c' }))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -126,4 +126,4 @@ function defineCustomElement() {
 
 export { StzhAccordion as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-8d98b7e1.js.map
+//# sourceMappingURL=p-551fa57d.js.map

package/dist/components/{p-8d98b7e1.js.map → p-551fa57d.js.map}

@@ -1 +1 @@
-{"file":"p-8d98b7e1.js","mappings":"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","names":[],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  --margin-left: inherit;\n  --margin-right: inherit;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space(\"xsmall\");\n  margin-left: var(--margin-left);\n  margin-right: var(--margin-left);\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  /* is nested within another accordion */\n\n  &--is-nested {\n    @include spaceCurve(\"margin-left\", \"regular\", true);\n    @include spaceCurve(\"margin-right\", \"regular\", true);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @State() isNested: boolean;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  private checkIfNested() {\n    let parentElement = this.element.parentElement;\n\n    while (parentElement) {\n      if (parentElement.tagName.toLowerCase() === \"stzh-accordion\") {\n        this.isNested = true;\n        break;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.checkIfNested();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n      \"stzh-accordion--is-nested\": this.isNested,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-551fa57d.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,u1EAAu1E,CAAC;AACj3E,4BAAe,gBAAgB;;MCWlB,aAAa;;;;;;uBAEiC,SAAS;uBAGvB,EAAE;2BAGd,IAAI;+BAGA,IAAI;;;IAUvC,cAAc,CAAC,QAA8B;QAC3C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC;YAC1B,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,QAAQ;SAChB,CAAC,CAAC;KACJ;IAGD,YAAY,CAAC,KAA8C;QACzD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAsC,CAAC;QACzE,MAAM,eAAe,GAAG,mBAAmB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAEtE,IACE,IAAI,CAAC,eAAe;aACnB,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,SAAS,KAAK,qBAAqB,CAAC;YAClE,eAAe,KAAK,IAAI,CAAC,OAAO,EAChC;YACA,OAAO;SACR;QAED,MAAM,KAAK,GAAmC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,CAAC;QAClH,KAAK,CAAC,OAAO,CAAC,IAAI;YAChB,IAAI,IAAI,KAAK,mBAAmB,EAAE;gBAChC,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;SACF,CAAC,CAAC;KACJ;;IAID,MAAM,YAAY,CAAC,aAA2C,EAAE,MAAc;QAC5E,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;QAE1D,IAAI,SAAS,KAAK,IAAI,CAAC,OAAO,EAAE;YAC9B,OAAO;SACR;QAED,MAAM,KAAK,GACT,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CACtE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAElD,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,MAAM,KAAK,YAAY,KAAK,IAAI,EAAE;YACrE,MAAM,GAAG,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;SAC/C;QAED,IAAI,MAAM,KAAK,MAAM,IAAI,YAAY,KAAK,CAAC,EAAE;YAC3C,MAAM,GAAG,MAAM,CAAC;SACjB;QAED,IAAI,MAAM,KAAK,MAAM,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1D,MAAM,GAAG,OAAO,CAAC;SAClB;QAED,IAAI,MAAM,KAAK,MAAM,EAAE;YACrB,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjC;aAAM,IAAI,MAAM,KAAK,MAAM,EAAE;YAC5B,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjC;aAAM,IAAI,MAAM,KAAK,MAAM,EAAE;YAC5B,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjC;aAAM,IAAI,MAAM,KAAK,OAAO,EAAE;YAC7B,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SAClB;aAAM;YACL,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;KACF;IAEO,aAAa;QACnB,IAAI,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;QAE/C,OAAO,aAAa,EAAE;YACpB,IAAI,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBAC5D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACrB,MAAM;aACP;YACD,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;SAC7C;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,gBAAgB,EAAE,IAAI;YACtB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;SAC3C,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,OAAO,IAChB,IAAI,CAAC,OAAO,KACX,4DAAK,KAAK,EAAC,yBAAyB,IAClC,qEAAc,KAAK,EAAC,GAAG,IAAE,IAAI,CAAC,OAAO,CAAgB,CACjD,CACP,EACD,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-accordion/stzh-accordion.scss?tag=stzh-accordion&encapsulation=shadow","src/components/stzh-accordion/stzh-accordion.tsx"],"sourcesContent":[":host {\n  // disable section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  --margin-left: inherit;\n  --margin-right: inherit;\n}\n\n.stzh-accordion {\n  display: grid;\n  gap: space(\"xsmall\");\n  margin-left: var(--margin-left);\n  margin-right: var(--margin-left);\n\n  &__heading {\n    @include spaceCurve(\"margin-bottom\", \"small\");\n  }\n\n  /* is nested within another accordion */\n\n  &--is-nested {\n    @include spaceCurve(\"margin-left\", \"regular\", true);\n    @include spaceCurve(\"margin-right\", \"regular\", true);\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhAccordionItemOpenEvent, StzhAccordionVariant, StzhAccordionVariantChangeEvent } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-accordion-item` elements\n */\n@Component({\n  tag: \"stzh-accordion\",\n  styleUrl: \"stzh-accordion.scss\",\n  shadow: true,\n})\nexport class StzhAccordion {\n  /** Variant */\n  @Prop({ reflect: true }) variant: StzhAccordionVariant = \"default\";\n\n  /** Heading */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** Whether folds are collapsible */\n  @Prop() collapsible: boolean = true;\n\n  /** Whether multiple folds can be opened at once */\n  @Prop() multiselectable: boolean = true;\n\n  @Element() element: HTMLStzhAccordionElement;\n\n  /** Variant change event */\n  @Event() stzhVariantChange: EventEmitter<StzhAccordionVariantChangeEvent>;\n\n  @State() isNested: boolean;\n\n  @Watch(\"variant\")\n  variantWatcher(newValue: StzhAccordionVariant) {\n    this.stzhVariantChange.emit({\n      component: \"stzh-accordion\",\n      value: newValue,\n    });\n  }\n\n  @Listen(\"stzhOpen\")\n  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>) {\n    const accordionItemOpened = event.target as HTMLStzhAccordionItemElement;\n    const accordionOpened = accordionItemOpened.closest(\"stzh-accordion\");\n\n    if (\n      this.multiselectable ||\n      (event.detail && event.detail.component !== \"stzh-accordion-item\") ||\n      accordionOpened !== this.element\n    ) {\n      return;\n    }\n\n    const items: HTMLStzhAccordionItemElement[] = Array.from(accordionOpened.querySelectorAll(\"stzh-accordion-item\"));\n    items.forEach(item => {\n      if (item !== accordionItemOpened) {\n        item.hide();\n      }\n    });\n  }\n\n  /** Set focus to accordion item */\n  @Method()\n  async setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string) {\n    const accordion = accordionItem.closest(\"stzh-accordion\");\n\n    if (accordion !== this.element) {\n      return;\n    }\n\n    const items = (\n      Array.from(accordion.querySelectorAll(\":scope > stzh-accordion-item\")) as HTMLStzhAccordionItemElement[]\n    ).filter(item => !item.disabled);\n\n    const currentIndex = items.indexOf(accordionItem);\n\n    if ((action === \"prev\" || action === \"next\") && currentIndex === null) {\n      action = action === \"prev\" ? \"last\" : \"first\";\n    }\n\n    if (action === \"prev\" && currentIndex === 0) {\n      action = \"last\";\n    }\n\n    if (action === \"next\" && currentIndex === items.length - 1) {\n      action = \"first\";\n    }\n\n    if (action === \"prev\") {\n      items[currentIndex - 1].focus();\n    } else if (action === \"next\") {\n      items[currentIndex + 1].focus();\n    } else if (action === \"last\") {\n      items[items.length - 1].focus();\n    } else if (action === \"first\") {\n      items[0].focus();\n    } else {\n      accordionItem.focus();\n    }\n  }\n\n  private checkIfNested() {\n    let parentElement = this.element.parentElement;\n\n    while (parentElement) {\n      if (parentElement.tagName.toLowerCase() === \"stzh-accordion\") {\n        this.isNested = true;\n        break;\n      }\n      parentElement = parentElement.parentElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.checkIfNested();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-accordion\": true,\n      \"stzh-accordion--is-nested\": this.isNested,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this.heading && (\n            <div class=\"stzh-accordion__heading\">\n              <stzh-heading level=\"2\">{this.heading}</stzh-heading>\n            </div>\n          )}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-5a5884a1.js → p-5571eadc.js}

@@ -30,7 +30,7 @@ const StzhFigure = /*@__PURE__*/ proxyCustomElement(class StzhFigure extends H {
                 !!this.heading ||
                 headingSlotUsed,
         };
-        return (h(Host, { key: '6da2d1e44bf3f841b00d58aeee6937ffffd5eee6' }, h("figure", { key: 'fc5550ef82b091991c2ef868021dc2a81168ce6d', class: classes }, h("div", { key: '6ea16c206517e5a5ca20e928416df57296728c41', class: "stzh-figure__element" }, h("slot", { key: 'c8bd1a7c48045fae8b8c96c71669596282bc6537' })), h("figcaption", { key: '6902cf1f8a4e9c88cf9114baa17ef1fe89bff3fd', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'de721ab72e9e451e0e06c1ae5bd889f850e896f4', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'edf2cc6fb0b378707598d3a9237fc79c4369ff5a', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '4883a9372d9894eefc5f083162c6b8f66cfcb412', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: '50448b850413d06e4330c04a8132f465d856f305', class: "stzh-figure__caption" }, h("div", { key: '3ea44aa64f7a1b429c8ad35649c97998dfd2f389', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: 'e1448940b49a2f63426b527835b8042b33a632a1', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
+        return (h(Host, { key: '4ebdcbca2d706ffdcdae1b5cb48cf245e749d1d2' }, h("figure", { key: 'b8a4f981e28885d04a3b6383e575f84de2eb9627', class: classes }, h("div", { key: 'a19a6fe23d396704528abc3d230c7f7085f7c481', class: "stzh-figure__element" }, h("slot", { key: 'e8632252447008a5b7b046dd34aaf60899d5a012' })), h("figcaption", { key: 'ef7c4f934cd07b35fa75e2fd3926058db609e135', class: "stzh-figure__caption-wrapper" }, h("div", { key: 'a87bf8cbc3c3fe3cf7b943579bd6f233faeb06b7', class: "stzh-figure__heading-wrapper" }, h("div", { key: 'b3570d6427305ae64b5fb244c7014115ae0c18e0', class: "stzh-figure__counter" }, this.counter ? this.counter : h("slot", { name: "counter" })), h("div", { key: '87306acd3992b1bc4641ac47eb556a0bd7656381', class: "stzh-figure__heading" }, this.heading ? this.heading : h("slot", { name: "heading" }))), h("div", { key: 'd06ac946fe0a943b98a221fc1a5842d4d118b3fd', class: "stzh-figure__caption" }, h("div", { key: 'fe16e9007e7344c4ef8eeab923358c9d12fd39b4', class: "stzh-figure__caption-text" }, this.caption ? this.caption : h("slot", { name: "caption" })), h("div", { key: '981a4f17be7842311d0804e247476d04e229c954', class: "stzh-figure__copyright" }, this.copyright ? this.copyright : h("slot", { name: "copyright" })))))));
     }
     get element() { return this; }
     static get style() { return StzhFigureStyle0; }
@@ -57,4 +57,4 @@ function defineCustomElement() {
 
 export { StzhFigure as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-5a5884a1.js.map
+//# sourceMappingURL=p-5571eadc.js.map

package/dist/components/{p-5a5884a1.js.map → p-5571eadc.js.map}

@@ -1 +1 @@
-{"file":"p-5a5884a1.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,ouGAAouG,CAAC;AAC3vG,yBAAe,aAAa;;MCef,UAAU;;;;uBAEK,EAAE;yBAGA,EAAE;uBAGJ,EAAE;uBAGF,EAAE;yBAGkB,IAAI;;IAIlD,MAAM;QACJ,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC7D,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACzD,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEzD,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,0BAA0B,EACxB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;gBACf,CAAC,CAAC,IAAI,CAAC,SAAS;gBAChB,iBAAiB;gBACjB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;gBACf,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;SAClB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,+DAAQ,KAAK,EAAE,OAAO,IACpB,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,8DAAa,CACT,EACN,mEAAY,KAAK,EAAC,8BAA8B,IAC9C,4DAAK,KAAK,EAAC,8BAA8B,IACvC,4DAAK,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,EACpG,4DAAK,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,CAChG,EACN,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,EACzG,4DAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,WAAW,GAAQ,CAC7D,CACF,CACK,CACN,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  --caption-opacity: 1;\n\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(:not(map)) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n\n    @media print {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n  }\n\n  &__caption-wrapper {\n    @include fontCurve(\"caption\");\n    display: flex;\n    flex-direction: column;\n    opacity: var(--caption-opacity);\n    transition: opacity $baseTransitionAnimationSpeed;\n  }\n\n  &__heading-wrapper {\n    display: flow-root;\n  }\n\n  &__counter {\n    float: left;\n    color: $colorSecondary60;\n\n    &:not(:empty) {\n      margin-right: space(\"xsmall\");\n    }\n  }\n\n  &__counter,\n  &__heading {\n    @include font(\"heavy\");\n    display: block;\n  }\n\n  &__copyright {\n    @include font;\n    @include fontSize(\"femto\");\n    color: $colorGrey80;\n\n    &:not(:empty) {\n      margin-top: space(\"xxsmall\");\n    }\n  }\n\n  /* Has caption content */\n\n  &--has-caption &__caption-wrapper {\n    margin-top: space(\"small\");\n  }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n * @slot counter - Slot for a counter as alternative for attribute\n * @slot heading - Slot for a heading as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true,\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, \"caption\");\n    const copyrightSlotUsed = hasSlot(this.element, \"copyright\");\n    const counterSlotUsed = hasSlot(this.element, \"counter\");\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption\":\n        !!this.caption ||\n        captionSlotUsed ||\n        !!this.copyright ||\n        copyrightSlotUsed ||\n        !!this.counter ||\n        counterSlotUsed ||\n        !!this.heading ||\n        headingSlotUsed,\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption-wrapper\">\n            <div class=\"stzh-figure__heading-wrapper\">\n              <div class=\"stzh-figure__counter\">{this.counter ? this.counter : <slot name=\"counter\"></slot>}</div>\n              <div class=\"stzh-figure__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            </div>\n            <div class=\"stzh-figure__caption\">\n              <div class=\"stzh-figure__caption-text\">{this.caption ? this.caption : <slot name=\"caption\"></slot>}</div>\n              <div class=\"stzh-figure__copyright\">\n                {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-5571eadc.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,ouGAAouG,CAAC;AAC3vG,yBAAe,aAAa;;MCef,UAAU;;;;uBAEK,EAAE;yBAGA,EAAE;uBAGJ,EAAE;uBAGF,EAAE;yBAGkB,IAAI;;IAIlD,MAAM;QACJ,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAC7D,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QACzD,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEzD,MAAM,OAAO,GAAG;YACd,aAAa,EAAE,IAAI;YACnB,0BAA0B,EACxB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;gBACf,CAAC,CAAC,IAAI,CAAC,SAAS;gBAChB,iBAAiB;gBACjB,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;gBACf,CAAC,CAAC,IAAI,CAAC,OAAO;gBACd,eAAe;SAClB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,+DAAQ,KAAK,EAAE,OAAO,IACpB,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,8DAAa,CACT,EACN,mEAAY,KAAK,EAAC,8BAA8B,IAC9C,4DAAK,KAAK,EAAC,8BAA8B,IACvC,4DAAK,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,EACpG,4DAAK,KAAK,EAAC,sBAAsB,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,CAChG,EACN,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAM,IAAI,EAAC,SAAS,GAAQ,CAAO,EACzG,4DAAK,KAAK,EAAC,wBAAwB,IAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,WAAW,GAAQ,CAC7D,CACF,CACK,CACN,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  --caption-opacity: 1;\n\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(:not(map)) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n\n    @media print {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n  }\n\n  &__caption-wrapper {\n    @include fontCurve(\"caption\");\n    display: flex;\n    flex-direction: column;\n    opacity: var(--caption-opacity);\n    transition: opacity $baseTransitionAnimationSpeed;\n  }\n\n  &__heading-wrapper {\n    display: flow-root;\n  }\n\n  &__counter {\n    float: left;\n    color: $colorSecondary60;\n\n    &:not(:empty) {\n      margin-right: space(\"xsmall\");\n    }\n  }\n\n  &__counter,\n  &__heading {\n    @include font(\"heavy\");\n    display: block;\n  }\n\n  &__copyright {\n    @include font;\n    @include fontSize(\"femto\");\n    color: $colorGrey80;\n\n    &:not(:empty) {\n      margin-top: space(\"xxsmall\");\n    }\n  }\n\n  /* Has caption content */\n\n  &--has-caption &__caption-wrapper {\n    margin-top: space(\"small\");\n  }\n}\n","import { Component, Host, h, Element, Prop } from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n * @slot counter - Slot for a counter as alternative for attribute\n * @slot heading - Slot for a heading as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true,\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, \"caption\");\n    const copyrightSlotUsed = hasSlot(this.element, \"copyright\");\n    const counterSlotUsed = hasSlot(this.element, \"counter\");\n    const headingSlotUsed = hasSlot(this.element, \"heading\");\n\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption\":\n        !!this.caption ||\n        captionSlotUsed ||\n        !!this.copyright ||\n        copyrightSlotUsed ||\n        !!this.counter ||\n        counterSlotUsed ||\n        !!this.heading ||\n        headingSlotUsed,\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption-wrapper\">\n            <div class=\"stzh-figure__heading-wrapper\">\n              <div class=\"stzh-figure__counter\">{this.counter ? this.counter : <slot name=\"counter\"></slot>}</div>\n              <div class=\"stzh-figure__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n            </div>\n            <div class=\"stzh-figure__caption\">\n              <div class=\"stzh-figure__caption-text\">{this.caption ? this.caption : <slot name=\"caption\"></slot>}</div>\n              <div class=\"stzh-figure__copyright\">\n                {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-1e6ceaab.js → p-569f84cb.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { c as commonjsGlobal } from './p-1ab64d01.js';
-import { d as defineCustomElement$1 } from './p-5a8587ab.js';
+import { d as defineCustomElement$1 } from './p-7c4e756c.js';
 
 var tinycolor$1 = {exports: {}};
 
@@ -2083,4 +2083,4 @@ function defineCustomElement() {
 
 export { StzhVbzLinechip as S, defineCustomElement as d };
 
-//# sourceMappingURL=p-1e6ceaab.js.map
+//# sourceMappingURL=p-569f84cb.js.map