@oiz/stzh-components 2.7.0 → 2.8.0-alpha

package/dist/esm/stzh-status.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-67fd55c9.js';
-
-const stzhStatusCss = ".sc-stzh-status-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-zueriblue)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";
-
-const StzhStatus = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.percent = 0;
-    this.withLoadingbar = false;
-    this.label = "";
-    this.type = "default";
-  }
-  render() {
-    const classes = {
-      "stzh-status": true,
-      [`stzh-status--type-${this.type}`]: !!this.type
-    };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-status__text" }, h("div", { class: "stzh-status__dot" }), this.label &&
-      h("div", { class: "stzh-status__label" }, this.label)), this.withLoadingbar &&
-      h("div", { class: "stzh-status__bar" }, h("div", { class: "stzh-status__bar-inner", style: {
-          width: `${this.percent}%`
-        } })))));
-  }
-  get element() { return getElement(this); }
-};
-StzhStatus.style = stzhStatusCss;
-
-export { StzhStatus as stzh_status };
-
-//# sourceMappingURL=stzh-status.entry.js.map

package/dist/esm/stzh-status.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-status.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,+oDAA+oD;;MCexpD,UAAU;;;mBAEK,CAAC;0BAGwB,KAAK;iBAGhC,EAAE;gBAG4D,SAAS;;EAI/F,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,CAAC,qBAAqB,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;KAChD,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,IACjB,WAAK,KAAK,EAAC,mBAAmB,IAC5B,WAAK,KAAK,EAAC,kBAAkB,GAAO,EACnC,IAAI,CAAC,KAAK;MACT,WAAK,KAAK,EAAC,oBAAoB,IAC5B,IAAI,CAAC,KAAK,CACP,CAEJ,EACL,IAAI,CAAC,cAAc;MAClB,WAAK,KAAK,EAAC,kBAAkB,IAC3B,WAAK,KAAK,EAAC,wBAAwB,EAAC,KAAK,EAAE;UACzC,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG;SAC1B,GAAQ,CACL,CAEJ,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","./src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n  --color: #{$baseColor};\n  --min-width: none;\n\n  &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n    --min-width: 160px;\n  }\n\n  &[type=\"success\"] {\n    --color: #{$colorTruegreen};\n  }\n\n  &[type=\"warning\"] {\n    --color: #{$colorWarning};\n  }\n\n  &[type=\"error\"] {\n    --color: #{$colorError};\n  }\n\n  &[type=\"info\"] {\n    --color: #{$colorZueriblue};\n  }\n}\n\n.stzh-status {\n  min-width: var(--min-width);\n  color: var(--color);\n\n  &__dot {\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    background-color: currentColor;\n    margin-right: space('xxsmall');\n  }\n\n  &__bar {\n    display: block;\n    height: 4px;\n    border-radius: 12px;\n    background-color: $colorGrey13;\n    margin-top: space('xxsmall');\n  }\n\n  &__bar-inner {\n    display: block;\n    height: 100%;\n    width: 0;\n    border-radius: 12px;\n    background: currentColor;\n  }\n\n  &__text {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n  tag: \"stzh-status\",\n  styleUrl: \"stzh-status.scss\",\n  scoped: true\n})\nexport class StzhStatus {\n  /** Percent */\n  @Prop() percent: number = 0;\n\n  /** Whether to hide/show loadingbar */\n  @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  @Element() element: HTMLStzhStatusElement;\n\n  render() {\n    const classes = {\n      \"stzh-status\": true,\n      [`stzh-status--type-${this.type}`]: !!this.type\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-status__text\">\n            <div class=\"stzh-status__dot\"></div>\n            {this.label &&\n              <div class=\"stzh-status__label\">\n                {this.label}\n              </div>\n            }\n          </div>\n          {this.withLoadingbar &&\n            <div class=\"stzh-status__bar\">\n              <div class=\"stzh-status__bar-inner\" style={{\n                width: `${this.percent}%`\n              }}></div>\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utils-51148d9a.js.map

@@ -1 +0,0 @@
-{"file":"utils-51148d9a.js","mappings":"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","names":[],"sources":["./src/utils/utils.ts"],"sourcesContent":["// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(attribute) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\nexport function children(node: Element) {\n  return childNodes(node).map((n: any) => n.nodeType === 1);\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nconst nativeCloneNodeFn = Node.prototype.cloneNode;\n\nexport function cloneElement(node: Element, deep: boolean) {\n  const clonedNode = nativeCloneNodeFn.call(node, false);\n  const srcChildNodes = childNodes(node);\n\n  if (deep) {\n    for (let i = 0; i < srcChildNodes.length; i++) {\n      if (srcChildNodes[i].nodeType !== 2) {\n        const childClone = cloneElement(srcChildNodes[i], true);\n        clonedNode.appendChild(childClone);\n      }\n    }\n  }\n\n  return clonedNode;\n}\n\n// Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// and potentially wrapped in normal elements (e.g. angular component)\nexport function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n  let clonedElement: Element;\n  let clonedStzhElement: Element;\n  let originalStzhElement: Element;\n\n  if (isStzhElement(elementToClone)) {\n    clonedElement = cloneElement(elementToClone, true);\n    clonedStzhElement = clonedElement;\n    originalStzhElement = elementToClone;\n  } else {\n    clonedElement = elementToClone.cloneNode() as Element;\n\n    let clonedInnerElementLast: Element = clonedElement;\n    let originalInnerElementLast: Element = elementToClone;\n\n    // clone inner root elements separately until we find a stzh element\n    while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n      originalInnerElementLast = originalInnerElementLast.children[0];\n      const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n      clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n      clonedInnerElementLast = clonedInnerElementCurrent;\n    }\n\n    if (isStzhElement(originalInnerElementLast.children[0])) {\n      clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n      originalStzhElement = originalInnerElementLast.children[0];\n      clonedInnerElementLast.appendChild(clonedStzhElement);\n    } else {\n      // no root stzh element found, so we give up and just deep clone the root\n      clonedElement = cloneElement(elementToClone, true);\n    }\n  }\n\n  return [clonedElement, clonedStzhElement, originalStzhElement];\n}\n"],"version":3}

package/dist/esm-es5/string-utils-f98ee4e8.js

@@ -1,2 +0,0 @@
-function createParagraphsFromBrs(r){var a=r.replace(/^\s*(?:<br\s*\/?>\s*)*/i,"").replace(/\s*(?:<br\s*\/?>\s*)*$/i,"").replace(/(?:<br\s*\/?>\s*?){2,}/gi,"</p><p>");return"<p>".concat(a,"</p>")}function camelCase(r){return r.replace(/-([a-z])/g,(function(r){return r[1].toUpperCase()}))}export{createParagraphsFromBrs as a,camelCase as c};
-//# sourceMappingURL=string-utils-f98ee4e8.js.map

package/dist/esm-es5/string-utils-f98ee4e8.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createParagraphsFromBrs","content","replaced","replace","concat","camelCase","dashString","g","toUpperCase"],"sources":["src/utils/string-utils.ts"],"sourcesContent":["export function createParagraphsFromBrs(content: string) {\n  const replaced = content\n    .replace(/^\\s*(?:<br\\s*\\/?>\\s*)*/i, \"\")\n    .replace(/\\s*(?:<br\\s*\\/?>\\s*)*$/i, \"\")\n    .replace(/(?:<br\\s*\\/?>\\s*?){2,}/gi, \"</p><p>\");\n\n  return `<p>${replaced}</p>`;\n}\n\nexport function camelCase(dashString: string) {\n  return dashString\n    .replace(/-([a-z])/g, function (g) {\n      return g[1].toUpperCase();\n    });\n}\n"],"mappings":"SAAgBA,wBAAwBC,GACtC,IAAMC,EAAWD,EACdE,QAAQ,0BAA2B,IACnCA,QAAQ,0BAA2B,IACnCA,QAAQ,2BAA4B,WAEvC,MAAO,MAAAC,OAAMF,EAAQ,OACvB,C,SAEgBG,UAAUC,GACxB,OAAOA,EACJH,QAAQ,aAAa,SAAUI,GAC9B,OAAOA,EAAE,GAAGC,a,GAElB,Q"}

package/dist/esm-es5/stzh-actionset.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(s.next(t))}catch(t){a(t)}}function c(t){try{r(s["throw"](t))}catch(t){a(t)}}function r(t){t.done?i(t.value):n(t.value).then(o,c)}r((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},s,n,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(s)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(i=0)),i)try{if(s=1,n&&(a=c[0]&2?n["return"]:c[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,c[1])).done)return a;if(n=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;n=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){i.label=c[1];break}if(c[0]===6&&i.label<a[1]){i.label=a[1];a=c;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(c);break}if(a[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(t){c=[6,t];n=0}finally{s=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{m as media,a as addMediaChangeListener,r as removeMediaChangeListener}from"./media-utils-9b041ceb.js";var stzhActionsetCss=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";var StzhActionset=function(){function t(t){var e=this;registerInstance(this,t);this.stzhActionClick=createEvent(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,i){e.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:i})};this.update=function(){e.isSmall=media("small").matches;e.isMedium=media("medium").matches;if(!e.actionsElement){return}Object.assign(e.actionsElement.style,{width:null,height:null});var t=0;if(e.variant==="overflow"&&e.isMedium||e.variant==="stack"&&e.isSmall){e.dynamicActions=true;var i=0;var s=0;Array.from(e.actionsElement.children).forEach((function(e){if(e.offsetTop===0){t++;var n=getComputedStyle(e);var a=parseInt(n.marginLeft);var o=parseInt(n.marginRight);var c=parseInt(n.marginTop);var r=parseInt(n.marginBottom);var h=e.offsetWidth+a+o;var l=e.offsetHeight+c+r;if(i<l){i=l}s=s+h+1}}));Object.assign(e.actionsElement.style,{width:"".concat(s,"px"),height:"".concat(i,"px")})}else{e.dynamicActions=false;if(e.variant==="overflow"){t=0}else if(e.variant==="stack"){t=e._actions.length<=3?e._actions.length:2}}e.actionsCollapsed=e._actions.slice(t)};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.mediaChangeHandler=function(){e.actionsCollapsed=[];requestAnimationFrame(e.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"actionset")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){addMediaChangeListener(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){removeMediaChangeListener(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var e=this;var i=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var s=function(t){return h("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:e.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:e.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(i){e.actionClick(t,i)}},h("span",{class:{}},t.label))};return h(Host,{"has-collapsed-items":this.actionsCollapsed.length>0},h("div",{class:i},h("div",{class:"stzh-actionset__actions",role:"group"},h("div",{ref:function(t){return e.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(e.dynamicActions||!e.dynamicActions&&e.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?h("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))}))),h("stzh-popover",{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",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),h("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return h("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(i){e.actionClick(t,i)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}();StzhActionset.style=stzhActionsetCss;export{StzhActionset as stzh_actionset};
-//# sourceMappingURL=stzh-actionset.entry.js.map

package/dist/esm-es5/stzh-actionset.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhActionsetCss","StzhActionset","this","_actions","actionClick","action","originalEvent","_this","stzhActionClick","emit","component","update","isSmall","media","matches","isMedium","actionsElement","Object","assign","style","width","height","newActionsVisible","variant","dynamicActions","newActionsHeight_1","newActionsWidth_1","Array","from","children","forEach","child","offsetTop","getComputedStyle","marginLeft","parseInt","marginRight","marginTop","marginBottom","childWidth","offsetWidth","childHeight","offsetHeight","concat","length","actionsCollapsed","slice","handleResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","mediaChangeHandler","class_1","prototype","actionsWatcher","newValue","JSON","parse","componentWillLoad","actions","localization","_a","fetchTranslations","element","_b","sent","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","disconnectedCallback","removeMediaChangeListener","disconnect","componentDidLoad","render","classes","Action","h","class","icon","iconPosition","iconOnly","badge","size","badgePosition","onClick","e","label","Host","role","ref","el","map","indexOf","tooltipContent","strategy","content","furtherActions","placement","popoverPlacement","fullwidth","disabled","popoverButtonVariant","popoverButtonSize","slot","badgeEmpty","badgeType"],"sources":["src/components/stzh-actionset/stzh-actionset.scss?tag=stzh-actionset&encapsulation=scoped","src/components/stzh-actionset/stzh-actionset.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-actionset {\n  &__actions {\n    display: flex;\n    align-items: center;\n  }\n\n  &__actions-wrapper {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n  }\n\n  &__action {\n    &:not(:last-child) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__action-popover {\n    opacity: 0;\n  }\n\n  &--has-collapsed-items &__action-popover {\n    --width: auto;\n    opacity: 1;\n  }\n\n  /* Overflow variant */\n\n  &--overflow &__action {\n    @include mq($from: medium) {\n      --white-space: nowrap;\n    }\n  }\n\n  /* Stack variant */\n\n  &--stack &__actions {\n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__actions-wrapper {    \n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__action {\n    @include mq($from: small) {\n      --white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include mq($to: small) {\n        margin-bottom: space('xsmall');\n        margin-right: 0;\n      }\n    }\n  }\n\n  &--stack &__action-popover {\n    @include mq($to: small) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  // Hide more action popover on small if it has no collapsed items\n\n  &--stack:not(#{&}--has-collapsed-items) &__action-popover {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhActionsetItem,\n  StzhActionsetItemClickEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhActionsetLocalizedText } from './stzh-actionset.localization';\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nimport {\n  Placement,\n} from \"@floating-ui/dom\";\n\n/**\n */\n@Component({\n  tag: \"stzh-actionset\",\n  styleUrl: \"stzh-actionset.scss\",\n  scoped: true\n})\nexport class StzhActionset {\n  /** Translation strings */\n  @Prop() localization: StzhActionsetLocalizedText;\n\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"stack\" | \"overflow\" = \"stack\";\n\n  /** Button variant of popover button (button thats holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonVariant: \"\" | \"default\" | \"secondary\" | \"input\" | \"tertiary\" = \"\";\n\n  /** Button size of popover button (button that holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonSize: \"\" | \"default\" | \"small\" | \"tiny\" = \"\";\n\n  /** Popover placement of button that holds collapsed actions */\n  @Prop({ reflect: true }) popoverPlacement: Placement = \"bottom-end\";\n\n  /**\n   * Card header actions.\n   * Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`:\n   * `[{\"id\":\"action-1\", \"icon\": \"alarm-bell\", \"label\": \"Lorem\"}, {\"id\":\"action-2\", \"icon\": \"mail\", \"label\": \"Lorem\"}]`\n   */\n  @Prop() actions: StzhActionsetItem[] | string = [];\n  private _actions: StzhActionsetItem[] = [];\n\n  /** Header action click event */\n  @Event() stzhActionClick: EventEmitter<StzhActionsetItemClickEvent>;\n\n  @Element() element: HTMLStzhActionsetElement;\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._actions = JSON.parse(newValue);\n    } else {\n      this._actions = newValue;\n    }\n  }\n\n  @State() actionsCollapsed: StzhActionsetItem[] = [];\n  @State() dynamicActions: boolean;\n  @State() isSmall: boolean;\n  @State() isMedium: boolean;\n\n  private actionsElement: HTMLElement;\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private actionClick = (action: StzhActionsetItem, originalEvent: MouseEvent) => {\n    this.stzhActionClick.emit({\n      component: \"stzh-actionset\",\n      action,\n      originalEvent\n    });\n  }\n\n  private update = () => {\n    this.isSmall = media(\"small\").matches;\n    this.isMedium = media(\"medium\").matches;\n\n    if (!this.actionsElement) {\n      return;\n    }\n\n    Object.assign(this.actionsElement.style, {\n      width: null,\n      height: null\n    });\n\n    let newActionsVisible = 0;\n\n    if (\n      this.variant === \"overflow\" && this.isMedium\n      || this.variant === \"stack\" && this.isSmall\n    ) {\n      this.dynamicActions = true;\n\n      let newActionsHeight = 0;\n      let newActionsWidth = 0;\n\n      // update height and width\n      Array.from(this.actionsElement.children).forEach((child: HTMLElement) => {\n        // check which item is visible and\n        if (child.offsetTop === 0) {\n          newActionsVisible++;\n\n          const style = getComputedStyle(child);\n          const marginLeft = parseInt(style.marginLeft);\n          const marginRight = parseInt(style.marginRight);\n          const marginTop = parseInt(style.marginTop);\n          const marginBottom = parseInt(style.marginBottom);\n\n          const childWidth = child.offsetWidth + marginLeft + marginRight;\n          const childHeight = child.offsetHeight + marginTop + marginBottom;\n\n          if (newActionsHeight < childHeight) {\n            newActionsHeight = childHeight;\n          }\n\n          newActionsWidth = newActionsWidth + childWidth + 1;\n        }\n      });\n\n      Object.assign(this.actionsElement.style, {\n        width: `${newActionsWidth}px`,\n        height: `${newActionsHeight}px`\n      });\n    } else {\n      this.dynamicActions = false;\n\n      if (this.variant === \"overflow\") {\n        newActionsVisible = 0;\n      } else if (this.variant === \"stack\") {\n        newActionsVisible = this._actions.length <= 3 ? this._actions.length : 2;\n      }\n    }\n\n    this.actionsCollapsed = this._actions.slice(newActionsVisible);\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private mediaChangeHandler = () => {\n    this.actionsCollapsed = [];\n    requestAnimationFrame(this.update);\n  }\n\n  async componentWillLoad() {\n    this.actionsWatcher(this.actions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"actionset\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentDidLoad() {\n    this.update();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actionset\": true,\n      // \"stzh-actionset--has-dynamic-actions\": this.dynamicActions,\n      \"stzh-actionset--has-collapsed-items\": this.actionsCollapsed.length > 0,\n      [`stzh-actionset--${this.variant}`]: !!this.variant\n    };\n\n    const Action = (action: StzhActionsetItem) => (\n      <stzh-button\n        class={{\n          \"stzh-actionset__action\": true,\n          \"is-button\": true,\n          // \"show-medium\": !action.onlyCollapseText,\n          // \"hide-when-collapsed\": !action.onlyCollapseText,\n          // \"hide-text-when-collapsed\": action.onlyCollapseText\n        }}\n        icon={action.icon}\n        iconPosition={action.iconPosition}\n        iconOnly={action.iconOnly}\n        badge={action.badge}\n        variant={action.variant\n          ? action.variant\n          : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n        size={action.size\n          ? action.size\n          : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n        badgePosition=\"icon\"\n        onClick={(e) => { this.actionClick(action, e) }}\n      >\n        <span\n          class={{\n            // \"show-medium\": action.onlyCollapseText,\n            // \"hide-when-collapsed\": action.onlyCollapseText\n          }}\n        >\n          {action.label}\n        </span>\n      </stzh-button>\n    );\n\n    return (\n      <Host has-collapsed-items={this.actionsCollapsed.length > 0}>\n        <div class={classes}>\n          <div class=\"stzh-actionset__actions\" role=\"group\">\n            <div\n              ref={(el) => (this.actionsElement = el as HTMLElement)}\n              class=\"stzh-actionset__actions-wrapper\"\n            >\n              {this._actions.map(action => (\n                (this.dynamicActions\n                  || (!this.dynamicActions &&\n                    this.actionsCollapsed.indexOf(action) === -1))\n                &&\n                  (action.tooltipContent\n                    ?\n                    <stzh-tooltip\n                      strategy=\"fixed\"\n                      content={action.tooltipContent}\n                    >\n                      {Action(action)}\n                    </stzh-tooltip>\n                    :\n                    Action(action))\n              ))}\n            </div>\n\n            <stzh-popover\n              label={this.variant === \"stack\"\n                ? this.localization.furtherActions\n                : (!this.isMedium ? this.localization.actions : \"\")}\n              strategy=\"fixed\"\n              placement={this.popoverPlacement}\n              class=\"stzh-actionset__action-popover\"\n            >\n              <stzh-button\n                fullwidth\n                disabled={this.actionsCollapsed.length === 0}\n                class=\"stzh-actionset__action is-further\"\n                variant={this.popoverButtonVariant !== \"\"\n                  ? this.popoverButtonVariant\n                  : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n                size={this.popoverButtonSize !== \"\"\n                ? this.popoverButtonSize\n                : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n                icon={this.variant === \"stack\" ? \"angle-down\" : \"more-vertical\"}\n                iconOnly={this.variant === \"overflow\" && this.isMedium}\n                iconPosition=\"right\"\n                label={this.variant === \"stack\"\n                  ? this.localization.furtherActions\n                  : (!this.isMedium ? this.localization.actions : \"\")}\n              ></stzh-button>\n              <stzh-menu slot=\"content\">\n                {this.actionsCollapsed.map(action => (\n                  <stzh-menu-item\n                    // class=\"hide-medium show-when-collapsed\"\n                    icon={action.icon}\n                    badge={action.badge}\n                    badgeEmpty={action.badgeEmpty}\n                    badgeType={action.badgeType}\n                    onClick={(e) => { this.actionClick(action, e) }}\n                  >\n                    {action.label}\n                  </stzh-menu-item>\n                ))}\n              </stzh-menu>\n            </stzh-popover>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm-es5/stzh-card_3.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,s,i){function a(t){return t instanceof s?t:new s((function(e){e(t)}))}return new(s||(s=Promise))((function(s,r){function c(t){try{n(i.next(t))}catch(t){r(t)}}function h(t){try{n(i["throw"](t))}catch(t){r(t)}}function n(t){t.done?s(t.value):a(t.value).then(c,h)}n((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var s={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,c;return c={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function h(t){return function(e){return n([t,e])}}function n(h){if(i)throw new TypeError("Generator is already executing.");while(c&&(c=0,h[0]&&(s=0)),s)try{if(i=1,a&&(r=h[0]&2?a["return"]:h[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,h[1])).done)return r;if(a=0,r)h=[h[0]&2,r.value];switch(h[0]){case 0:case 1:r=h;break;case 4:s.label++;return{value:h[1],done:false};case 5:s.label++;a=h[1];h=[0];continue;case 7:h=s.ops.pop();s.trys.pop();continue;default:if(!(r=s.trys,r=r.length>0&&r[r.length-1])&&(h[0]===6||h[0]===2)){s=0;continue}if(h[0]===3&&(!r||h[1]>r[0]&&h[1]<r[3])){s.label=h[1];break}if(h[0]===6&&s.label<r[1]){s.label=r[1];r=h;break}if(r&&s.label<r[2]){s.label=r[2];s.ops.push(h);break}if(r[2])s.ops.pop();s.trys.pop();continue}h=e.call(t,s)}catch(t){h=[6,t];a=0}finally{i=r=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,f as forceUpdate,h,F as Fragment,a as Host,g as getElement}from"./index-67fd55c9.js";import{s as setPropsIfNull,h as hasSlot,c as cloneWrappedStzhElement}from"./utils-51148d9a.js";import{m as media}from"./media-utils-9b041ceb.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import{S as StzhInputDescription}from"./stzh-input-description-cceaa066.js";var stzhCardCss='.sc-stzh-card-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';var StzhCard=function(){function t(t){var e=this;registerInstance(this,t);this.stzhClick=createEvent(this,"stzhClick",7);this.stzhCollapse=createEvent(this,"stzhCollapse",7);this.stzhSubtitleClick=createEvent(this,"stzhSubtitleClick",7);this.stzhStarClick=createEvent(this,"stzhStarClick",7);this.stzhHeaderActionClick=createEvent(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=function(t){var s=false;t.forEach((function(t){if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){forceUpdate(e.element)}};this.update=function(){if(!e.mainElement){return}e.mainElement.classList.remove("stzh-card--has-collapsed-header");if(media("medium").matches){var t=e.headerElement.clientWidth;var s=e.headerLeftElement.clientWidth;var i=e.headerRightElement.clientWidth;if(t-s<=i){e.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=function(t){if(!e.collapsible){return}var s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];var i=t.composedPath().map((function(t){var e;return(e=t.tagName)===null||e===void 0?void 0:e.toLowerCase()}));var a=i.some((function(t){return s.includes(t)}));if(!a){e.collapsed=!e.collapsed;e.stzhCollapse.emit({component:"stzh-card",collapsed:e.collapsed})}};this.subtitleClick=function(){if(e.subtitleInteractive){e.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=function(){e.stzhStarClick.emit({component:"stzh-card",starred:e.starred})};this.actionClick=function(t){e.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=function(){var t=e.element.closest("stzh-sortable");if(t){var s=e.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=function(){var t=e.element.closest("stzh-sortable");if(!t){e.sortable.removeEventListener("stzhUpdate",e.updateElementInsideSortable);e.sortable.removeEventListener("stzhDisable",e.updateElementInsideSortable);return}if(e.element){forceUpdate(e.element)}};this.init=function(){var t=e.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((function(t){setPropsIfNull(t,{size:"small"})}))};this.handleResize=function(){if(e.debounceResize){window.cancelAnimationFrame(e.debounceResize)}e.debounceResize=requestAnimationFrame(e.update)};this.handleMutation=function(t){e.init();e.nodeChange(t)};this.handleSelectionChange=function(t){e.checked=t.detail.checked};this.cardClick=function(t){e.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false;this.analyticsId=undefined}t.prototype.subtitleWatcher=function(t){if(typeof t==="string"){try{this._subtitles=JSON.parse(t)}catch(e){this._subtitles=[t]}}else{this._subtitles=t}};t.prototype.headerActionsWatcher=function(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}};t.prototype.footerActionsWatcher=function(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}};t.prototype.collapsedWatcher=function(){this.handleResize()};t.prototype.findSortableChildElement=function(){var t=this.element.closest("stzh-sortable");if(t){var e=this.element;var s=null;if(typeof t.container==="function"){s=t.container()}else{s=t.container}while(e.parentElement&&e.parentElement!==s){e=e.parentElement}return e}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}};t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){t.imageLinkElement.setAttribute("s-object-id",t.analyticsId||t.headingTextElement.innerText);t.titleLinkElement.setAttribute("s-object-id",t.analyticsId||t.headingTextElement.innerText)}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.render=function(){var t=this;var e,s,i;var a=hasSlot(this.element,"image");var r=hasSlot(this.element,"content");var c="".concat(this.subtitleInteractive?"button":"span");var n=this.findSortableChildElement();var o=(n===null||n===void 0?void 0:n.parentElement)&&Array.from((e=n===null||n===void 0?void 0:n.parentElement)===null||e===void 0?void 0:e.children).indexOf(n)===0;var l=(n===null||n===void 0?void 0:n.parentElement)&&Array.from((s=n===null||n===void 0?void 0:n.parentElement)===null||s===void 0?void 0:s.children).indexOf(n)===((i=n===null||n===void 0?void 0:n.parentElement)===null||i===void 0?void 0:i.children.length)-1;var d=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;var z=d&&!this.hideMovementActions;var p=this._headerActions.filter((function(t){return!t.onlyCollapseText}));var u={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":a,"stzh-card--has-content":r,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":d};return h(Host,{role:"listitem","aria-label":this.heading,"is-sortable":d},h("article",{ref:function(e){return t.mainElement=e},class:u},h("a",{ref:function(e){return t.imageLinkElement=e},"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},h("slot",{name:"image"})),h("div",{class:"stzh-card__content-wrapper"},h("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),h("header",{ref:function(e){return t.headerElement=e},class:"stzh-card__header",onClick:this.headerClick},h("div",{class:"stzh-card__header-top"},h("div",{ref:function(e){return t.headerLeftElement=e},class:"stzh-card__header-left"},h("div",{class:"stzh-card__title-area"},h("h3",{class:"stzh-card__title"},h("a",{ref:function(e){return t.titleLinkElement=e},class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},h("div",{ref:function(e){return t.headingTextElement=e}},this.heading?this.heading:h("slot",{name:"heading"})))),this._subtitles.length>0&&h(c,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((function(t){return h("span",{class:"stzh-card__subtitle-text"},t)}))))),h("div",{ref:function(e){return t.headerRightElement=e},class:"stzh-card__header-right"},h("div",{class:"stzh-card__card-actions"},this._headerActions.map((function(e){return h("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!e.onlyCollapseText,"hide-when-collapsed":!e.onlyCollapseText,"hide-text-when-collapsed":e.onlyCollapseText},icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:function(){t.actionClick(e)}},h("span",{class:{"vshow-medium":e.onlyCollapseText,"vhide-when-collapsed":e.onlyCollapseText}},e.label))})),this.starrable&&h("stzh-tooltip",null,h("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),h("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(p.length>0||this.starrable||z)&&h("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!z}},h("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),h("stzh-menu",{slot:"content"},this.starrable&&h("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),p.map((function(e){return h("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:e.icon,badge:e.badge,badgeEmpty:e.badgeEmpty,badgeType:e.badgeType,onClick:function(){t.actionClick(e)}},e.label)})),z&&h(Fragment,null,!o&&h("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!l&&h("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),h("div",{class:"stzh-card__header-meta"},h("slot",{name:"meta"}))),h("div",{class:"stzh-card__content hide-when-collapsed"},h("slot",{name:"content"})),h("div",{class:"stzh-card__footer hide-when-collapsed"},h("slot",{name:"footer"},this._footerActions.length>0&&h("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&h("stzh-button",{class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}),this.withArrow&&h("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}},enumerable:false,configurable:true});return t}();StzhCard.style=stzhCardCss;var stzhCardListCss=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";var StzhCardList=function(){function t(t){var e=this;registerInstance(this,t);this.stzhCollapseAll=createEvent(this,"stzhCollapseAll",7);this.collapseClick=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));t.forEach((function(t){if(t.collapsible){t.collapsed=!e.allCollapsed}}));e.allCollapsed=!e.allCollapsed;e.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:e.allCollapsed})};this.updateCollapsedState=function(){var t=Array.from(e.element.querySelectorAll("stzh-card"));e.allCollapsed=!t.some((function(t){return!t.collapsed}))};this.sortableGhostClone=function(t){var e=cloneWrappedStzhElement(t),s=e[0],i=e[1],a=e[2];if(i&&a&&i.tagName.toLowerCase()==="stzh-card"){var r=i;var c=a;r.heading=c.heading;r.subtitle=c.subtitle;r.headerActions=c.headerActions;r.footerActions=c.footerActions;r.hideMovementActions=c.hideMovementActions}return s};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}t.prototype.collapseListener=function(){this.updateCollapsedState()};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"card-list")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.componentDidLoad=function(){this.updateCollapsedState()};t.prototype.render=function(){var t;var e=hasSlot(this.element,"description")||!!this.description;var s=(t={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||e},t["stzh-card-list--layout-".concat(this.layout)]=!!this.layout,t);return h(Host,null,h("div",{class:s},h("div",{class:"stzh-card-list__header"},h("div",{class:"stzh-card-list__description"},this.description?this.description:h("slot",{name:"description"})),this.showToggleLink&&h("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),h("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},h("div",{class:"stzh-card-list__cards",role:"list"},h("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhCardList.style=stzhCardListCss;var stzhChipSelectCss=".sc-stzh-chip-select-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-chip-select-h{display:none}.sc-stzh-chip-select-h *.sc-stzh-chip-select,.sc-stzh-chip-select-h *.sc-stzh-chip-select::before,.sc-stzh-chip-select-h *.sc-stzh-chip-select::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-chip-select__marker-symbol.sc-stzh-chip-select{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-chip-select__marker-text.sc-stzh-chip-select{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select__description.sc-stzh-chip-select{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-chip-select__error.sc-stzh-chip-select{color:var(--stzh-color-error)}.stzh-chip-select__error-list.sc-stzh-chip-select{list-style:none;margin:0;padding:0}.stzh-chip-select__description.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-chip-select__description-long.sc-stzh-chip-select{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-chip-select__description-long-popover.sc-stzh-chip-select{--width:auto;--max-width:27.3125rem}.stzh-chip-select__description-long-popover[open].sc-stzh-chip-select:not([open=false]) .stzh-chip-select__description-long-button.sc-stzh-chip-select{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select__description-long-button.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-chip-select__description-long-button.sc-stzh-chip-select:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-chip-select.sc-stzh-chip-select stzh-icon.stzh-chip-select__description-long-icon.sc-stzh-chip-select{--size:var(--stzh-icon-size-xsmall)}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xxsmall)}.stzh-chip-select__chips.sc-stzh-chip-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-space-small) / -2) calc(var(--stzh-space-xsmall) / -2);border-radius:var(--stzh-button-border-radius)}@media screen and (max-width: 1023px){.stzh-chip-select__chips.sc-stzh-chip-select{display:none}}.stzh-chip-select__chip.sc-stzh-chip-select{margin:calc(var(--stzh-space-small) / 2) calc(var(--stzh-space-xsmall) / 2)}.stzh-chip-select__chip.is-focused.sc-stzh-chip-select,.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-chip-select__chip.is-focused[active].sc-stzh-chip-select:not([active=false]){--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}@media screen and (min-width: 1024px){.stzh-chip-select__dropdown.sc-stzh-chip-select{display:none}}@media screen and (max-width: 1023px){.stzh-chip-select__description-wrapper.sc-stzh-chip-select{display:none}}.stzh-chip-select--has-error.sc-stzh-chip-select .stzh-chip-select__error.sc-stzh-chip-select,.stzh-chip-select--has-description.sc-stzh-chip-select .stzh-chip-select__description.sc-stzh-chip-select{margin-top:var(--stzh-space-xsmall)}";var chipSelectCounter=0;var StzhChipSelect=function(){function t(t){var e=this;registerInstance(this,t);this.stzhChange=createEvent(this,"stzhChange",7);this._data=[];this._dataDropdown=[];this.handleChipClick=function(t,s){e.value=t.value;e.activeFocusOptionIndex=s;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleDropdownChange=function(t){e.value=t.detail.value;e.activeFocusOptionIndex=e._data.findIndex((function(t){return t.value===e.value}));e.stzhChange.emit({component:"stzh-chip-select",value:e.value})};this.handleKeydown=function(t){var s=null;var i=e.activeFocusOptionIndex;if(t.key==="ArrowUp"||t.key==="ArrowLeft"){t.preventDefault();if(i>0){s=i-1}}else if(t.key==="ArrowDown"||t.key==="ArrowRight"){t.preventDefault();if(i<e._data.length-1){s=i+1}}else if(t.key===" "||t.key==="Enter"){t.preventDefault();e.value=e._data[i].value;e.stzhChange.emit({component:"stzh-chip-select",value:e.value})}if(s!==null){e.activeFocusOptionIndex=s}};this.localization=undefined;this.data=[];this.name=undefined;this.label="";this.value="";this.description=undefined;this.descriptionLong=undefined;this.error=undefined;this.invalid=false;this.required=false;this.disabled=false;this.a11yDescribedby="";this.activeFocusOptionIndex=0}t.prototype.dataWatcher=function(t){if(typeof t==="string"){this._data=JSON.parse(t)}else{this._data=t}this._dataDropdown=this._data.map((function(t){return{text:"".concat(t.label," (").concat(t.counter,")"),value:t.value}}))};t.prototype.errorWatcher=function(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}this.invalid=this._error.length>0};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.id="stzh-chip-select-".concat(chipSelectCounter++);this.dataWatcher(this.data);this.errorWatcher(this.error);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"chip-select")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.render=function(){var t=this;var e=!!this.description;var s=!!this.descriptionLong;var i=!!this.error;var a={"stzh-chip-select":true,"stzh-chip-select--has-description":e,"stzh-chip-select--has-description-long":s,"stzh-chip-select--has-error":i,"stzh-chip-select--is-invalid":this.invalid,"stzh-chip-select--is-disabled":this.disabled,"stzh-chip-select--is-required":this.required};return h(Host,null,h("div",{class:a},h("input",{type:"hidden",name:this.name,value:this.value}),h("div",{class:"stzh-chip-select__chips",role:"listbox",tabindex:"0","aria-multiselectable":"false","aria-activedescendant":"".concat(this.id,"-option-").concat(this.activeFocusOptionIndex),"aria-describedby":"".concat(this.id,"-description ").concat(this.a11yDescribedby),onKeyDown:this.handleKeydown},this._data.map((function(e,s){return h("stzh-chip",{role:"option",class:{"stzh-chip-select__chip":true,"is-focused":t.activeFocusOptionIndex===s},label:e.label,counter:e.counter,icon:e.icon,type:e.type,variant:e.variant,size:e.size,disabled:t.disabled||e.disabled,active:t.value===e.value,"aria-selected":t.value===e.value?"true":"false",id:"".concat(t.id,"-option-").concat(s),a11yTabindex:"-1",onClick:function(){return t.handleChipClick(e,s)}})}))),h(StzhInputDescription,{classPrefix:"stzh-chip-select",id:"".concat(this.id,"-description"),error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}),h("stzh-dropdown",{class:"stzh-chip-select__dropdown",disabled:this.disabled,error:this._error,description:this.description,descriptionLong:this.descriptionLong,required:this.required,invalid:this.invalid,items:[this.value],label:this.label,options:this._dataDropdown,onStzhChange:this.handleDropdownChange})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["dataWatcher"],error:["errorWatcher"]}},enumerable:false,configurable:true});return t}();StzhChipSelect.style=stzhChipSelectCss;export{StzhCard as stzh_card,StzhCardList as stzh_card_list,StzhChipSelect as stzh_chip_select};
-//# sourceMappingURL=stzh-card_3.entry.js.map

package/dist/esm-es5/stzh-card_3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCardCss","StzhCard","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","_this","element","update","mainElement","classList","remove","media","matches","headerWidth","headerElement","clientWidth","leftWidth","headerLeftElement","rightWidth","headerRightElement","add","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","chip","setPropsIfNull","size","handleResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","handleMutation","handleSelectionChange","checked","detail","cardClick","originalEvent","stzhClick","class_1","prototype","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","collapsedWatcher","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","_d","fetchTranslations","_e","sent","componentDidLoad","addEventListener","componentDidRender","imageLinkElement","setAttribute","analyticsId","headingTextElement","innerText","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","resizeObserver","ResizeObserver","disconnectedCallback","disconnect","render","imageUsed","hasSlot","contentUsed","Subtitle","concat","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","_b","_c","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","nonCollapsingTextHeaderActions","filter","onlyCollapseText","classes","href","hideHeaderBorder","hideFooterBorder","h","Host","role","heading","ref","el","class","tabindex","onClick","name","icon","badge","badgeEmpty","badgeType","variant","badgePosition","label","starrable","iconOnly","slot","actionRemove","actionAdd","actionsPopoverLabel","placement","Fragment","actionMoveUp","actionMoveDown","actions","selectable","fullwidth","type","value","select","onStzhChange","withArrow","stzhCardListCss","StzhCardList","collapseClick","cards","card","allCollapsed","stzhCollapseAll","updateCollapsedState","sortableGhostClone","dragElement","cloneWrappedStzhElement","clonedElement","clonedStzhElement","originalStzhElement","clonedStzhElementCard","originalStzhElementCard","class_2","collapseListener","descriptionSlotUsed","description","showToggleLink","layout","expandAll","collapseAll","dataIdAttribute","sortableDataIdAttribute","ghostClone","stzhChipSelectCss","chipSelectCounter","StzhChipSelect","_data","_dataDropdown","handleChipClick","data","index","activeFocusOptionIndex","stzhChange","handleDropdownChange","findIndex","handleKeydown","newActiveIndex","activeOptionIndex","key","preventDefault","class_3","dataWatcher","text","counter","errorWatcher","_error","e","invalid","id","error","descriptionUsed","descriptionLongUsed","descriptionLong","errorUsed","required","a11yDescribedby","onKeyDown","active","a11yTabindex","StzhInputDescription","classPrefix","moreInfoButtonLabel","$globals","items","options"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx","src/components/stzh-card-list/stzh-card-list.scss?tag=stzh-card-list&encapsulation=scoped","src/components/stzh-card-list/stzh-card-list.tsx","src/components/stzh-chip-select/stzh-chip-select.scss?tag=stzh-chip-select&encapsulation=scoped","src/components/stzh-chip-select/stzh-chip-select.tsx"],"sourcesContent":[":host {\n  --box-shadow: #{$boxShadowPopover};\n  --border-color: #{$baseBorderColor};\n  --border-radius: 3px;\n\n  --content-min-height: 120px;\n\n  --dnd-visibility: hidden;\n  --dnd-opacity: 0;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-radius: var(--border-radius);\n\n  &[collapsed]:not([collapsed=\"false\"]) {\n    --content-min-height: none;\n  }\n\n  &[checked]:not([checked=\"false\"]) {\n    outline: 3px solid $colorPrimary;\n  }\n\n  &[hide-elevation]:not([hide-elevation=\"false\"]) {\n    --box-shadow: none;\n\n    &[href]:hover,\n    &[href]:focus-within,\n    &.is-selected,\n    &.is-chosen,\n    .is-selected &,\n    .is-chosen & {\n      --box-shadow: #{$boxShadowPopover};\n    }\n  }\n\n  &.is-ghost::after,\n  .is-ghost &::after {\n    border-radius: var(--border-radius);\n  }\n\n  &[href]:hover,\n  &[href]:focus-within,\n  &.is-selected,\n  &.is-chosen,\n  .is-selected &,\n  .is-chosen & {\n    --box-shadow: #{$boxShadowOverlay};\n  }\n\n  &.is-ghost,\n  .is-ghost & {\n    --box-shadow: none;\n    --border-color: transparent;\n\n    overflow: hidden;\n  }\n\n  &.is-drag,\n  &.is-chosen,\n  &.is-ghost,\n  &.is-selected,\n  .is-drag &,\n  .is-chosen &,\n  .is-ghost &,\n  .is-selected &,\n  &[is-sortable]:hover {\n    --dnd-visibility: visible;\n    --dnd-opacity: 1;\n  }\n\n  ::slotted(*) {\n    @include fontSize('milli');\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  ::slotted(img[slot=\"image\"]) {\n    display: block;\n  }\n\n  ::slotted([slot=\"meta\"]:not(:last-child)) {\n    margin-right: space('xsmall');\n  }\n\n  ::slotted(table) {\n    border: 0;\n    border-spacing: 0;\n\n    th {\n      @include font;\n    }\n\n    td, th {\n      padding: 0;\n    }\n\n    td {\n      color: $colorBlack;\n      padding-left: space('xsmall');\n    }\n  }\n}\n\n:host ::slotted([slot=\"heading\"]),\n.stzh-card__title {\n  @include font('heavy');\n  @include fontCurve('h3', 'heading');\n}\n\n.stzh-card {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n\tbackground-color: $colorWhite;\n\tborder-radius: var(--border-radius);\n\tbox-shadow: var(--box-shadow);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--border-color);\n\ttransition: box-shadow $baseTransitionAnimationSpeed;\n\n  .vshow-medium {\n    @include mq($to: medium) {\n      @include visuallyhidden;\n    }\n  }\n\n  .show-medium {\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  .hide-medium {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__content-wrapper {\n    position: relative;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: var(--content-min-height);\n  }\n\n\t&__dnd {\n    --size: #{iconSize('xsmall')};\n\t\tposition: absolute;\n    // INFO: we don't use space() values here, because we want this element to align with the heading\n    left: 3px;\n    top: 23px;\n\t\tdisplay: flex;\n\t\tvisibility: var(--dnd-visibility);\n\t\topacity: var(--dnd-opacity);\n\t\ttransition: all $baseTransitionAnimationSpeed;\n    display: none;\n\n    @include mq($from: medium) {\n      display: block;\n    }\n\n    @include mq($from: large) {\n      // INFO: we don't use space() values here, because we want this element to align with the heading\n      left: 4px;\n      top: 27px;\n    }\n\t}\n\n  &__header {\n\t\t@include spaceCurve('padding', 'regular');\n\t\tborder-bottom: 1px solid $baseBorderColor;\n\t}\n\n  &__header-top {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: flex-start;\n  }\n\n  &__header-meta {\n    &:not(:empty) {\n      display: inline-flex;\n      margin-top: space('xsmall');\n    }\n  }\n\n\t&__header-left,\n\t&__header-right {\n\t\tdisplay: flex;\n\t}\n\n\t&__header-right {\n    @include spaceCurve('padding-left', 'tiny');\n\t}\n\n\t&__left {\n\t\talign-self: center;\n\t}\n\n\t&__title-area {\n\t\t@include wordWrap;\n\t\toverflow: hidden;\n\t}\n\n\t&__title,\n\t&__subtitle {\n\t\tmargin: 0;\n\t}\n\n  &__title-link {\n    color: inherit;\n    text-decoration-line: none;\n  }\n\n  &__image-link {\n    display: block;\n  }\n\n\t&__subtitle {\n    @include fontCurve('p1');\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\ttext-decoration-line: none;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tmargin-left: -0.5625em;\n\t}\n\n\t&__subtitle-text {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n    // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n\t\tpadding-left: 0.5625em;\n\n\t\t&::after {\n\t\t\tcontent: ',';\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t&__content {\n    flex-grow: 1;\n\n    &:not(:empty) {\n      @include spaceCurve('padding', 'regular');\n    }\n\t}\n\n  &__footer {\n    &:not(:empty) {\n      @include spaceCurve('padding', 'regular');\n      border-top: 1px solid $baseBorderColor;\n    }\n  }\n\n  &__footer-arrow {\n    --size: #{iconSize('medium')};\n    color: $colorPrimary;\n  }\n\n  &__card-actions {\n\t\tdisplay: inline-flex;\n    white-space: nowrap;\n\t}\n\n\t&__card-action {\n    @include mq($to: medium) {\n      --icon-text-margin: 0px;\n      --badge-icon-text-margin: 0px;\n    }\n\n    &[variant=\"tertiary\"] {\n      --color: #{$colorGrey70};\n    }\n\n    &.is-button {\n      --icon-size: #{iconSize('small')};\n    }\n\n    &.is-placeholder {\n      width: space('xxlarge');\n      height: space('xxlarge');\n    }\n\n    &.is-star {\n    }\n\t}\n\n  &__card-action-popover {\n    --width: auto;\n  }\n\n  /* Has Link */\n\n  &--has-link &__title-link {\n    color: $colorPrimary;\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    // &::before {\n    //   transition: all $baseTransitionAnimationSpeed;\n    // }\n\n    &::after {\n      z-index: 1;\n    }\n  }\n\n  &--has-link &__card-actions,\n  &--has-link &__header-meta,\n  &--has-link &__footer-actionset,\n  &--has-link &__footer-select-button {\n    position: relative;\n    z-index: 2;\n  }\n\n  &--has-link &__image-link:hover + &__content-wrapper &__title-link,\n  &--has-link &__title-link:hover,\n  &--has-link &__title-link:focus {\n    color: $colorPrimaryHover;\n\n  //   &::before,\n  //   &::before {\n  //     background-color: $colorPrimary4;\n  //   }\n  }\n\n  &--has-link:hover &__footer-arrow {\n    color: $colorPrimaryHover;\n  }\n\n  /* Interactive Subtitle */\n\n  &--has-subtitle-interactive &__subtitle {\n    cursor: pointer;\n    font-family: inherit;\n    padding: 0;\n    appearance: none;\n    background: none;\n    border: none;\n    transition: color $baseTransitionAnimationSpeed;\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  /* Is collapsible */\n\n  &--is-collapsible &__header {\n    cursor: pointer;\n  }\n\n  /* Collapsed (Header) */\n\n  &--is-collapsed,\n  &--has-collapsed-header &__header {\n    .vhide-when-collapsed {\n      @include visuallyhidden;\n    }\n\n    .hide-when-collapsed {\n      display: none;\n    }\n\n    .show-when-collapsed {\n      display: block;\n    }\n  }\n\n  &--is-collapsed &__header {\n    border-bottom: none;\n  }\n\n  &--is-collapsed &__card-action,\n  &--has-collapsed-header &__card-action {\n    --icon-text-margin: 0px;\n    --badge-icon-text-margin: 0px;\n  }\n\n  /* Starred */\n\n  &--is-starred &__card-action.is-star {\n    color: $colorPrimary;\n\n    &:hover,\n    &:focus {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  /** Hidden header / footer border */\n\n  &--has-hidden-header-border &__header {\n\t\tborder-bottom: none;\n    padding-bottom: 0;\n  }\n\n  &--has-hidden-footer-border &__footer {\n    &:not(:empty) {\n      padding-top: 0;\n      border-top: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  Fragment,\n  forceUpdate\n} from \"@stencil/core\";\n\nimport {\n  StzhCardHeaderAction,\n  StzhActionsetItem,\n  StzhCardCollapseEvent,\n  StzhCardSubtitleClickEvent,\n  StzhCardStarClickEvent,\n  StzhCardClickEvent,\n  StzhCardHeaderActionClickEvent,\n  StzhButtonChangeEvent\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { media } from '../../utils/media-utils';\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhCardLocalizedText } from './stzh-card.localization';\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions`, 'withArrow`, and `selectable` button are not shown anymore)\n */\n@Component({\n  tag: \"stzh-card\",\n  styleUrl: \"stzh-card.scss\",\n  scoped: true\n})\nexport class StzhCard {\n  /** Translation strings */\n  @Prop() localization: StzhCardLocalizedText;\n\n  /** Whether card is collapsed or not */\n  @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n  /** Whether card was starred */\n  @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n  /**\n   * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n   * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n   */\n  @Prop({ reflect: true }) starrable: boolean = false;\n\n  /** Whether card is selectable */\n  @Prop({ reflect: true }) selectable: boolean = false;\n\n  /** Whether card is checked (if card is selectable) */\n  @Prop({ reflect: true }) checked: boolean = false;\n\n  /** The name of the input element (if card is selectable) */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** The value of the input element (if card is selectable) */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Whether the element is disabled or not (if card is selectable) */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether card arrow is shown in footer area */\n  @Prop({ reflect: true }) withArrow: boolean = false;\n\n  /** Heading (or use heading slot instead) */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string | string[] = \"\";\n  private _subtitles = [];\n\n  /** Card header actions */\n  @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n  private _headerActions: StzhCardHeaderAction[];\n\n  /**\n   * Card footer actions.\n   * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n   * You can listen to clicks with the `stzhActionClick` event.\n   */\n  @Prop() footerActions: string | StzhActionsetItem[] = [];\n  private _footerActions: StzhActionsetItem[];\n\n  /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n  @Prop() subtitleInteractive: boolean = false;\n\n  /**\n   * Whether sorting should be disabled.\n   * Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n  /** Whether card is collapsible */\n  @Prop({ reflect: true }) collapsible: boolean = false;\n\n  /** Whether to hide header separation border */\n  @Prop({ reflect: true }) hideHeaderBorder: boolean = false;\n\n  /** Whether to hide footer separation border */\n  @Prop({ reflect: true }) hideFooterBorder: boolean = false;\n\n  /** Whether card elevation should be hidden */\n  @Prop({ reflect: true }) hideElevation: boolean = false;\n\n  /**\n   * Whether movement menu items should be shown.\n   * Has no effect if card is not inside a `card-list` element, which has `sortableEnabled` property set to true.\n   */\n  @Prop() hideMovementActions: boolean = false;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhCardElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n  /** Collapse event */\n  @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n  /** Subtitle click event */\n  @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n  /** Star click event */\n  @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n  /** Header action click event */\n  @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n  @Watch(\"subtitle\")\n  subtitleWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._subtitles = JSON.parse(newValue);\n      } catch(err) {\n        this._subtitles = [newValue];\n      }\n    } else {\n      this._subtitles = newValue;\n    }\n  }\n\n  @Watch(\"headerActions\")\n  headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n    if (typeof newValue === \"string\") {\n      this._headerActions = JSON.parse(newValue);\n    } else {\n      this._headerActions = newValue;\n    }\n  }\n\n  @Watch(\"footerActions\")\n  footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._footerActions = JSON.parse(newValue);\n    } else {\n      this._footerActions = newValue;\n    }\n  }\n\n  @Watch(\"collapsed\")\n  collapsedWatcher() {\n    this.handleResize();\n  }\n\n  private observer: MutationObserver;\n\n  private nodeChange = (entries) => {\n    let changeInSlot = false;\n\n    entries.forEach((entry) => {\n      if (entry.target.closest('[slot]') || entry.target.hasAttribute('slot')) {\n        changeInSlot = true;\n      }\n    });\n\n    if (changeInSlot) {\n      forceUpdate(this.element);\n    }\n  };\n\n  private mainElement: HTMLElement;\n  private headerElement: HTMLElement;\n  private headerLeftElement: HTMLElement;\n  private headerRightElement: HTMLElement;\n  private imageLinkElement: HTMLAnchorElement;\n  private titleLinkElement: HTMLAnchorElement;\n  private headingTextElement: HTMLDivElement;\n  private sortable: HTMLStzhSortableElement;\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private update = () => {\n    if (!this.mainElement) {\n      return;\n    }\n\n    this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n    if (media('medium').matches) {\n      const headerWidth = this.headerElement.clientWidth;\n      const leftWidth = this.headerLeftElement.clientWidth;\n      const rightWidth = this.headerRightElement.clientWidth;\n\n      if (headerWidth - leftWidth <= rightWidth) {\n        this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n      }\n    }\n  }\n\n  private headerClick = (event: MouseEvent) => {\n    if (!this.collapsible) {\n      return;\n    }\n\n    const filterTags = [\"stzh-popover\", \"stzh-tooltip\", \"button\", \"a\", \"input\", \"select\", \"textarea\", \"iframe\", \"details\", \"label\", \"area\"];\n    const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n    const found = composedPathTags.some(r => filterTags.includes(r))\n\n    if (!found) {\n      this.collapsed = !this.collapsed;\n\n      this.stzhCollapse.emit({\n        component: \"stzh-card\",\n        collapsed: this.collapsed\n      });\n    }\n  }\n\n  private subtitleClick = () => {\n    if (this.subtitleInteractive) {\n      this.stzhSubtitleClick.emit({\n        component: \"stzh-card\"\n      });\n    }\n  }\n\n  private starToggleClick = () => {\n    this.stzhStarClick.emit({\n      component: \"stzh-card\",\n      starred: this.starred\n    });\n  }\n\n  private actionClick = (action: StzhCardHeaderAction) => {\n    this.stzhHeaderActionClick.emit({\n      component: \"stzh-card\",\n      action\n    });\n  }\n\n  private arrowUpClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"up\");\n    }\n  }\n\n  private arrowDownClick = () => {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      const element = this.findSortableChildElement();\n      sortable.moveItem(element, \"down\");\n    }\n  }\n\n  private updateElementInsideSortable = () => {\n    const currentSortable = this.element.closest(\"stzh-sortable\");\n\n    // check if element is still inside sortable\n    if (!currentSortable) {\n      this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n      return;\n    }\n\n    if (this.element) {\n      forceUpdate(this.element);\n    }\n  }\n\n  private init = () => {\n    const chips = this.element.querySelectorAll(\n      'stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip'\n    );\n\n    chips.forEach((chip) => {\n      setPropsIfNull(chip, {\n        size: \"small\"\n      } as HTMLStzhChipElement)\n    });\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private handleMutation = (entries) => {\n    this.init();\n    this.nodeChange(entries);\n  }\n\n  private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n    this.checked = event.detail.checked;\n  }\n\n  private cardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card\",\n      originalEvent\n    });\n  }\n\n  private findSortableChildElement(): HTMLElement | undefined {\n    const sortable = this.element.closest(\"stzh-sortable\");\n\n    if (sortable) {\n      let element: HTMLElement = this.element;\n      let sortableContainer = null;\n\n      if (typeof sortable.container === \"function\") {\n        sortableContainer = sortable.container();\n      } else {\n        sortableContainer = sortable.container;\n      }\n\n      while (element.parentElement && element.parentElement !== sortableContainer) {\n        element = element.parentElement;\n      }\n\n      return element;\n    }\n  }\n\n  async componentWillLoad() {\n    this.subtitleWatcher(this.subtitle);\n    this.headerActionsWatcher(this.headerActions);\n    this.footerActionsWatcher(this.footerActions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"card\");\n    }\n  }\n\n  componentDidLoad() {\n    this.sortable = this.element.closest(\"stzh-sortable\");\n\n    if (this.sortable) {\n      this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n      this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable)\n    }\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.imageLinkElement.setAttribute(\"s-object-id\", this.analyticsId || this.headingTextElement.innerText);\n      this.titleLinkElement.setAttribute(\"s-object-id\", this.analyticsId || this.headingTextElement.innerText);\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.handleMutation);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  render() {\n    const imageUsed: boolean = hasSlot(this.element, \"image\");\n    const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n    const Subtitle = `${this.subtitleInteractive ? 'button' : 'span'}`;\n\n    const sortableChildElement = this.findSortableChildElement();\n\n    const isFirstItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === 0;\n\n    const isLastItemInSortable = sortableChildElement?.parentElement\n      && Array.from(sortableChildElement?.parentElement?.children)\n        .indexOf(sortableChildElement) === sortableChildElement?.parentElement?.children.length - 1;\n\n    const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n    const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n    const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n    // const headerActions = [\n    //   ...this._headerActions\n    // ];\n\n    const classes = {\n      \"stzh-card\": true,\n      \"stzh-card--has-link\": !!this.href,\n      \"stzh-card--has-image\": imageUsed,\n      \"stzh-card--has-content\": contentUsed,\n      \"stzh-card--has-subtitle\": !!this.subtitle,\n      \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n      \"stzh-card--has-hidden-header-border\": this.hideHeaderBorder,\n      \"stzh-card--has-hidden-footer-border\": this.hideFooterBorder,\n      \"stzh-card--is-collapsible\": this.collapsible,\n      \"stzh-card--is-collapsed\": this.collapsed,\n      \"stzh-card--is-starred\": this.starred,\n      \"stzh-card--is-checked\": this.checked,\n      \"stzh-card--is-sortable\": sortableEnabled\n    };\n\n    return (\n      <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n        <article\n          ref={(el) => (this.mainElement = el as HTMLElement)}\n          class={classes}\n        >\n          <a\n            ref={(el) => (this.imageLinkElement = el as HTMLAnchorElement)}\n            aria-hidden=\"true\"\n            tabindex=\"-1\"\n            class=\"stzh-card__image-link\"\n            href={this.href}\n            target={this.target}\n            onClick={this.href ? this.cardClick : null}\n          >\n            <slot name=\"image\"></slot>\n          </a>\n          <div class=\"stzh-card__content-wrapper\">\n            <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n\n            <header\n              ref={(el) => (this.headerElement = el as HTMLElement)}\n              class=\"stzh-card__header\"\n              onClick={this.headerClick}\n            >\n              <div class=\"stzh-card__header-top\">\n                <div\n                  ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n                  class=\"stzh-card__header-left\"\n                >\n                  <div class=\"stzh-card__title-area\">\n                    <h3 class=\"stzh-card__title\">\n                      <a\n                        ref={(el) => (this.titleLinkElement = el as HTMLAnchorElement)}\n                        class=\"stzh-card__title-link\"\n                        href={this.href}\n                        target={this.target}\n                        onClick={this.href ? this.cardClick : null}\n                      >\n                        <div ref={(el) => (this.headingTextElement = el as HTMLDivElement)}>\n                          {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                        </div>\n                      </a>\n                    </h3>\n                    {this._subtitles.length > 0 &&\n                      <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n                        {this._subtitles.map(subtitle => (\n                          <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n                        ))}\n                      </Subtitle>\n                    }\n                  </div>\n                </div>\n                <div\n                  ref={(el) => (this.headerRightElement = el as HTMLElement)}\n                  class=\"stzh-card__header-right\"\n                >\n                  <div class=\"stzh-card__card-actions\">\n                    {this._headerActions.map(action => (\n                      <stzh-button\n                        class={{\n                          \"stzh-card__card-action\": true,\n                          \"is-button\": true,\n                          \"show-medium\": !action.onlyCollapseText,\n                          \"hide-when-collapsed\": !action.onlyCollapseText,\n                          \"hide-text-when-collapsed\": action.onlyCollapseText\n                        }}\n                        icon={action.icon}\n                        badge={action.badge}\n                        badgeEmpty={action.badgeEmpty}\n                        badgeType={action.badgeType}\n                        variant=\"tertiary\"\n                        size=\"tiny\"\n                        badgePosition=\"icon\"\n                        onClick={() => { this.actionClick(action) }}\n                      >\n                        <span\n                          class={{\n                            \"vshow-medium\": action.onlyCollapseText,\n                            \"vhide-when-collapsed\": action.onlyCollapseText\n                          }}\n                        >\n                          {action.label}\n                        </span>\n                      </stzh-button>\n                    ))}\n\n                    {this.starrable &&\n                      <stzh-tooltip>\n                        <stzh-button\n                          class=\"stzh-card__card-action is-star\"\n                          icon={this.starred ? \"star-filled\" : \"star\"}\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          iconOnly={true}\n                          onClick={this.starToggleClick}\n                        ></stzh-button>\n                        <div slot=\"content\">\n                          {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                        </div>\n                      </stzh-tooltip>\n                    }\n\n                    {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n\n                    {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) &&\n                      <stzh-popover\n                        label={this.localization.actionsPopoverLabel}\n                        placement=\"bottom-end\"\n                        class={{\n                          \"stzh-card__card-action-popover\": true,\n                          \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n                        }}\n                      >\n                        <stzh-button\n                          class=\"stzh-card__card-action is-further\"\n                          variant=\"tertiary\"\n                          size=\"tiny\"\n                          icon=\"more-vertical\"\n                          iconOnly={true}\n                        ></stzh-button>\n                        <stzh-menu slot=\"content\">\n                          {this.starrable &&\n                            <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n                              {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n                            </stzh-menu-item>\n                          }\n\n                          {nonCollapsingTextHeaderActions.map(action => (\n                            <stzh-menu-item\n                              class=\"hide-medium show-when-collapsed\"\n                              icon={action.icon}\n                              badge={action.badge}\n                              badgeEmpty={action.badgeEmpty}\n                              badgeType={action.badgeType}\n                              onClick={() => { this.actionClick(action) }}\n                            >\n                              {action.label}\n                            </stzh-menu-item>\n                          ))}\n\n                          {sortableActionsEnabled &&\n                            <Fragment>\n                              {!isFirstItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n                                  {this.localization.actionMoveUp}\n                                </stzh-menu-item>\n                              }\n                              {!isLastItemInSortable &&\n                                <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n                                  {this.localization.actionMoveDown}\n                                </stzh-menu-item>\n                              }\n                            </Fragment>\n                          }\n                        </stzh-menu>\n                      </stzh-popover>\n                    }\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"stzh-card__header-meta\">\n                <slot name=\"meta\"></slot>\n              </div>\n            </header>\n\n            <div class=\"stzh-card__content hide-when-collapsed\">\n              <slot name=\"content\"></slot>\n            </div>\n\n            <div class=\"stzh-card__footer hide-when-collapsed\">\n              <slot name=\"footer\">\n                {this._footerActions.length > 0 &&\n                  <stzh-actionset\n                    class=\"stzh-card__footer-actionset\"\n                    actions={this._footerActions}\n                  ></stzh-actionset>\n                }\n\n                {this.selectable &&\n                  <stzh-button\n                    class=\"stzh-card__footer-select-button\"\n                    fullwidth\n                    type=\"radio\"\n                    variant=\"secondary\"\n                    name={this.name}\n                    value={this.value}\n                    checked={this.checked}\n                    disabled={this.disabled}\n                    label={this.localization.select}\n                    onStzhChange={this.handleSelectionChange}\n                  ></stzh-button>\n                }\n\n                {this.withArrow &&\n                  <stzh-icon\n                    class=\"stzh-card__footer-arrow\"\n                    name=\"arrow-right-long\"\n                  ></stzh-icon>}\n              </slot>\n            </div>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n",":host {\n  &[layout=\"fullwidth\"] ::slotted(*:not(:last-child):not([slot])) {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  &[layout=\"subpages\"] ::slotted(*:not([slot])) {\n    width: 100%;\n    margin: calc(#{$gridGutter} / 2);\n\n    @include mq($from: small) {\n      width: calc(50% - #{$gridGutterSmall});\n      margin: calc(#{$gridGutterSmall} / 2);\n    }\n\n    @include mq($from: medium) {\n      width: calc(33.333% - #{$gridGutterMedium});\n      margin: calc(#{$gridGutterMedium} / 2);\n    }\n  }\n\n  ::slotted([slot=\"description\"]) {\n    stzh-icon {\n      color: $colorPrimary;\n    }\n  }\n\n  ::slotted(stzh-text[slot=\"description\"]) {\n    --color: inherit;\n  }\n}\n\n\n.stzh-card-list {\n  &__cards {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__header {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__description {\n    @include fontCurve('p1');\n    color: $baseLeadColor;\n\n    &:not(:empty) {\n      margin-bottom: space('xsmall');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__switch {\n    --color: #{$baseLeadColor};\n    align-self: end;\n  }\n\n  /* Has content inside header */\n\n  &--has-header &__header {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  /* Layout variant */\n\n  &--layout-subpages &__cards {\n    flex-direction: row;\n    flex-wrap: wrap;\n    margin: calc(#{$gridGutter} / -2);\n\n    @include mq($from: small) {\n      margin: calc(#{$gridGutterSmall} / -2);\n    }\n\n    @include mq($from: medium) {\n      margin: calc(#{$gridGutterMedium} / -2);\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { StzhCardListCollapseAllEvent } from \"../../index\";\nimport { cloneWrappedStzhElement, hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhCardListLocalizedText } from './stzh-card-list.localization';\n\n/**\n * @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n */\n@Component({\n  tag: \"stzh-card-list\",\n  styleUrl: \"stzh-card-list.scss\",\n  scoped: true\n})\nexport class StzhCardList {\n  /** Translation strings */\n  @Prop() localization: StzhCardListLocalizedText;\n\n  @Prop({ reflect: true }) layout: \"fullwidth\" | \"subpages\" = \"fullwidth\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Whether collapse/expand toggle link */\n  @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n  /** Whether sorting should be enabled */\n  @Prop() sortableEnabled: boolean = false;\n\n  /** HTML attribute that is used by the `toArray()` of sortable method */\n  @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n  @Element() element: HTMLStzhCardListElement;\n\n  /** Collapse all event */\n  @Event() stzhCollapseAll: EventEmitter<StzhCardListCollapseAllEvent>;  \n\n  @Listen(\"stzhCollapse\")\n  collapseListener() {\n    this.updateCollapsedState();\n  }\n\n  @State() allCollapsed: boolean = false;\n\n  private collapseClick = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    cards.forEach(card => {\n      if (card.collapsible) {\n        card.collapsed = !this.allCollapsed\n      }\n    });\n\n    this.allCollapsed = !this.allCollapsed;\n\n    this.stzhCollapseAll.emit({\n      component: \"stzh-card-list\",\n      allCollapsed: this.allCollapsed\n    });\n  }\n\n  private updateCollapsedState = () => {\n    const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n    this.allCollapsed = !cards.some(card => !card.collapsed);\n  }\n\n  private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n    const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n    if (\n      clonedStzhElement\n      && originalStzhElement\n      && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n    ) {\n      const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n      const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n      // copy every property that is not reflected to its attribute\n      clonedStzhElementCard.heading = originalStzhElementCard.heading;\n      clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n      clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n      clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n      clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n    }\n\n    return clonedElement;\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"card-list\");\n    }\n  }\n\n  componentDidLoad() {\n    this.updateCollapsedState();\n  }\n\n  render() {\n    const descriptionSlotUsed = hasSlot(this.element, \"description\") || !!this.description;\n\n    const classes = {\n      \"stzh-card-list\": true,\n      \"stzh-card-list--has-header\": this.showToggleLink || descriptionSlotUsed,\n      [`stzh-card-list--layout-${this.layout}`]: !!this.layout\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-card-list__header\">\n            <div class=\"stzh-card-list__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n            {this.showToggleLink &&\n              <stzh-link\n                class=\"stzh-card-list__switch\"\n                icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n                label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n                onClick={this.collapseClick}\n              ></stzh-link>\n            }\n          </div>\n\n          <stzh-sortable\n            disabled={!this.sortableEnabled}\n            dataIdAttribute={this.sortableDataIdAttribute}\n            ghostClone={this.sortableGhostClone}\n          >\n            <div class=\"stzh-card-list__cards\" role=\"list\">\n              <slot></slot>\n            </div>\n          </stzh-sortable>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n}\n\n.stzh-chip-select {\n\t@include input-description;\n\n  &__chips {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    margin: calc(#{space('small')} / -2) calc(#{space('xsmall')} / -2);\n    border-radius: $buttonBorderRadius;\n\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &__chip {\n    margin: calc(#{space('small')} / 2) calc(#{space('xsmall')} / 2);\n\n    &.is-focused,\n    &.is-focused[active]:not([active=false]) {\n      --border-color: #{$colorPrimaryHover};\n    }\n\n    &.is-focused[active]:not([active=false]) {\n      --background-color: #{$colorPrimaryHover};\n    }\n  }\n\n  &__dropdown {\n    @include mq($from: medium) {\n      display: none;\n    }\n  }\n\n  &__description-wrapper {\n    @include mq($to: medium) {\n      display: none;\n    }\n  }\n\n  &--has-error &__error,\n  &--has-description &__description {\n    margin-top: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhChipSelectItem,\n  StzhChipSelectChangeEvent,\n  StzhDropdownChangeEvent\n} from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\n// import { hasSlot } from \"../../utils/utils\";\nimport { fetchTranslations, StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nlet chipSelectCounter = 0;\n\n/**\n */\n@Component({\n  tag: \"stzh-chip-select\",\n  styleUrl: \"stzh-chip-select.scss\",\n  scoped: true\n})\nexport class StzhChipSelect {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** The list of chips */\n  @Prop() data: string | StzhChipSelectItem[] = [];\n  private _data: StzhChipSelectItem[] = [];\n  private _dataDropdown: any[] = [];\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Value */\n  @Prop() value: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Whether all chips are disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @State() activeFocusOptionIndex: number = 0;\n\n  @Element() element: HTMLStzhChipSelectElement;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhChipSelectChangeEvent>;\n\n  @Watch(\"data\")\n  dataWatcher(newValue: StzhChipSelectItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._data = JSON.parse(newValue);\n    } else {\n      this._data = newValue;\n    }\n\n    this._dataDropdown = this._data.map((data) => {\n      return {\n        text: `${data.label} (${data.counter})`,\n        value: data.value\n      }\n    });\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n\n    this.invalid = this._error.length > 0;\n  }\n\n  private id: string;\n\n  private handleChipClick = (data: StzhChipSelectItem, index: number) => {\n    this.value = data.value;\n    this.activeFocusOptionIndex = index;\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleDropdownChange = (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    this.value = event.detail.value;\n    this.activeFocusOptionIndex = this._data.findIndex(data => {\n      return data.value === this.value;\n    });\n\n    this.stzhChange.emit({\n      component: \"stzh-chip-select\",\n      value: this.value\n    })\n  }\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    let newActiveIndex: number = null;\n    const activeOptionIndex = this.activeFocusOptionIndex;\n\n    if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n      event.preventDefault();\n\n      if (activeOptionIndex > 0) {\n        newActiveIndex = activeOptionIndex - 1;\n      }\n    } else if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n      event.preventDefault();\n\n      if (activeOptionIndex < this._data.length - 1) {\n        newActiveIndex = activeOptionIndex + 1;\n      }\n    } else if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      this.value = this._data[activeOptionIndex].value;\n\n      this.stzhChange.emit({\n        component: \"stzh-chip-select\",\n        value: this.value\n      });\n    }\n\n    if (newActiveIndex !== null) {\n      this.activeFocusOptionIndex = newActiveIndex;\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-chip-select-${chipSelectCounter++}`;\n\n    this.dataWatcher(this.data);\n    this.errorWatcher(this.error);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"chip-select\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = !!this.description;\n    const descriptionLongUsed = !!this.descriptionLong;\n    const errorUsed = !!this.error;\n\n    const classes = {\n      \"stzh-chip-select\": true,\n      \"stzh-chip-select--has-description\": descriptionUsed,\n      \"stzh-chip-select--has-description-long\": descriptionLongUsed,\n      \"stzh-chip-select--has-error\": errorUsed,\n      \"stzh-chip-select--is-invalid\": this.invalid,\n      \"stzh-chip-select--is-disabled\": this.disabled,\n      \"stzh-chip-select--is-required\": this.required\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <input type=\"hidden\" name={this.name} value={this.value} />\n\n          <div\n            class=\"stzh-chip-select__chips\"\n            role=\"listbox\"\n            tabindex=\"0\"\n            aria-multiselectable=\"false\"\n            aria-activedescendant={`${this.id}-option-${this.activeFocusOptionIndex}`}\n            aria-describedby={`${this.id}-description ${this.a11yDescribedby}`}\n            onKeyDown={this.handleKeydown}\n          >\n            {this._data.map((data, index) => (\n              <stzh-chip\n                role=\"option\"\n                class={{\n                  \"stzh-chip-select__chip\": true,\n                  \"is-focused\": this.activeFocusOptionIndex === index\n                }}\n                label={data.label}\n                counter={data.counter}\n                icon={data.icon}\n                type={data.type}\n                variant={data.variant}\n                size={data.size}\n                disabled={this.disabled || data.disabled}\n                active={this.value === data.value}\n                aria-selected={this.value === data.value ? \"true\" : \"false\"}\n                id={`${this.id}-option-${index}`}\n                a11yTabindex=\"-1\"\n                onClick={() => this.handleChipClick(data, index)}\n              ></stzh-chip>\n            ))}\n          </div>\n\n          <StzhInputDescription\n            classPrefix=\"stzh-chip-select\"\n            id={`${this.id}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n\n          <stzh-dropdown\n            class=\"stzh-chip-select__dropdown\"\n            disabled={this.disabled}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            required={this.required}\n            invalid={this.invalid}\n            items={[this.value]}\n            label={this.label}\n            options={this._dataDropdown}\n            onStzhChange={this.handleDropdownChange}\n          ></stzh-dropdown>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"k3DAAA,IAAMA,YAAc,06b,IC0CPC,SAAQ,W,mVA6CXC,KAAAC,WAAa,GAuGbD,KAAAE,WAAa,SAACC,GACpB,IAAIC,EAAe,MAEnBD,EAAQE,SAAQ,SAACC,GACf,GAAIA,EAAMC,OAAOC,QAAQ,WAAaF,EAAMC,OAAOE,aAAa,QAAS,CACvEL,EAAe,I,KAInB,GAAIA,EAAc,CAChBM,YAAYC,EAAKC,Q,GAgBbZ,KAAAa,OAAS,WACf,IAAKF,EAAKG,YAAa,CACrB,M,CAGFH,EAAKG,YAAYC,UAAUC,OAAO,mCAElC,GAAIC,MAAM,UAAUC,QAAS,CAC3B,IAAMC,EAAcR,EAAKS,cAAcC,YACvC,IAAMC,EAAYX,EAAKY,kBAAkBF,YACzC,IAAMG,EAAab,EAAKc,mBAAmBJ,YAE3C,GAAIF,EAAcG,GAAaE,EAAY,CACzCb,EAAKG,YAAYC,UAAUW,IAAI,kC,IAK7B1B,KAAA2B,YAAc,SAACC,GACrB,IAAKjB,EAAKkB,YAAa,CACrB,M,CAGF,IAAMC,EAAa,CAAC,eAAgB,eAAgB,SAAU,IAAK,QAAS,SAAU,WAAY,SAAU,UAAW,QAAS,QAChI,IAAMC,EAAmBH,EAAMI,eAAeC,KAAI,SAAArB,GAAO,IAAAsB,EAAI,OAAAA,EAACtB,EAAwBuB,WAAO,MAAAD,SAAA,SAAAA,EAAEE,aAAa,IAC5G,IAAMC,EAAQN,EAAiBO,MAAK,SAAAC,GAAK,OAAAT,EAAWU,SAASD,EAApB,IAEzC,IAAKF,EAAO,CACV1B,EAAK8B,WAAa9B,EAAK8B,UAEvB9B,EAAK+B,aAAaC,KAAK,CACrBC,UAAW,YACXH,UAAW9B,EAAK8B,W,GAKdzC,KAAA6C,cAAgB,WACtB,GAAIlC,EAAKmC,oBAAqB,CAC5BnC,EAAKoC,kBAAkBJ,KAAK,CAC1BC,UAAW,a,GAKT5C,KAAAgD,gBAAkB,WACxBrC,EAAKsC,cAAcN,KAAK,CACtBC,UAAW,YACXM,QAASvC,EAAKuC,S,EAIVlD,KAAAmD,YAAc,SAACC,GACrBzC,EAAK0C,sBAAsBV,KAAK,CAC9BC,UAAW,YACXQ,OAAMA,G,EAIFpD,KAAAsD,aAAe,WACrB,IAAMC,EAAW5C,EAAKC,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAM3C,EAAUD,EAAK6C,2BACrBD,EAASE,SAAS7C,EAAS,K,GAIvBZ,KAAA0D,eAAiB,WACvB,IAAMH,EAAW5C,EAAKC,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAM3C,EAAUD,EAAK6C,2BACrBD,EAASE,SAAS7C,EAAS,O,GAIvBZ,KAAA2D,4BAA8B,WACpC,IAAMC,EAAkBjD,EAAKC,QAAQJ,QAAQ,iBAG7C,IAAKoD,EAAiB,CACpBjD,EAAK4C,SAASM,oBAAoB,aAAclD,EAAKgD,6BACrDhD,EAAK4C,SAASM,oBAAoB,cAAelD,EAAKgD,6BACtD,M,CAGF,GAAIhD,EAAKC,QAAS,CAChBF,YAAYC,EAAKC,Q,GAIbZ,KAAA8D,KAAO,WACb,IAAMC,EAAQpD,EAAKC,QAAQoD,iBACzB,mDAGFD,EAAM1D,SAAQ,SAAC4D,GACbC,eAAeD,EAAM,CACnBE,KAAM,S,KAKJnE,KAAAoE,aAAe,WACrB,GAAIzD,EAAK0D,eAAgB,CACvBC,OAAOC,qBAAqB5D,EAAK0D,e,CAGnC1D,EAAK0D,eAAiBG,sBAAsB7D,EAAKE,O,EAG3Cb,KAAAyE,eAAiB,SAACtE,GACxBQ,EAAKmD,OACLnD,EAAKT,WAAWC,E,EAGVH,KAAA0E,sBAAwB,SAAC9C,GAC/BjB,EAAKgE,QAAU/C,EAAMgD,OAAOD,O,EAGtB3E,KAAA6E,UAAY,SAACC,GACnBnE,EAAKoE,UAAUpC,KAAK,CAClBC,UAAW,YACXkC,cAAaA,G,6CArS4C,M,aAGF,M,eAMb,M,gBAGC,M,aAGH,M,UAGJ,G,qDASC,G,cAGI,M,eAGC,M,aAGpB,G,cAGY,G,mBAImB,G,mBAQH,G,yBAIf,M,sBAMc,M,iBAGL,M,sBAGK,M,sBAGA,M,mBAGH,M,yBAMX,M,2BA2BvCE,EAAAC,UAAAC,gBAAA,SAAgBC,GACd,UAAWA,IAAa,SAAU,CAChC,IACEnF,KAAKC,WAAamF,KAAKC,MAAMF,E,CAC7B,MAAMG,GACNtF,KAAKC,WAAa,CAACkF,E,MAEhB,CACLnF,KAAKC,WAAakF,C,GAKtBH,EAAAC,UAAAM,qBAAA,SAAqBJ,GACnB,UAAWA,IAAa,SAAU,CAChCnF,KAAKwF,eAAiBJ,KAAKC,MAAMF,E,KAC5B,CACLnF,KAAKwF,eAAiBL,C,GAK1BH,EAAAC,UAAAQ,qBAAA,SAAqBN,GACnB,UAAWA,IAAa,SAAU,CAChCnF,KAAK0F,eAAiBN,KAAKC,MAAMF,E,KAC5B,CACLnF,KAAK0F,eAAiBP,C,GAK1BH,EAAAC,UAAAU,iBAAA,WACE3F,KAAKoE,c,EA+JCY,EAAAC,UAAAzB,yBAAA,WACN,IAAMD,EAAWvD,KAAKY,QAAQJ,QAAQ,iBAEtC,GAAI+C,EAAU,CACZ,IAAI3C,EAAuBZ,KAAKY,QAChC,IAAIgF,EAAoB,KAExB,UAAWrC,EAASsC,YAAc,WAAY,CAC5CD,EAAoBrC,EAASsC,W,KACxB,CACLD,EAAoBrC,EAASsC,S,CAG/B,MAAOjF,EAAQkF,eAAiBlF,EAAQkF,gBAAkBF,EAAmB,CAC3EhF,EAAUA,EAAQkF,a,CAGpB,OAAOlF,C,GAILoE,EAAAC,UAAAc,kBAAN,W,kHACE/F,KAAKkF,gBAAgBlF,KAAKgG,UAC1BhG,KAAKuF,qBAAqBvF,KAAKiG,eAC/BjG,KAAKyF,qBAAqBzF,KAAKkG,e,KAE1BlG,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,kBAAkBrG,KAAKY,QAAS,S,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxBvB,EAAAC,UAAAuB,iBAAA,WACExG,KAAKuD,SAAWvD,KAAKY,QAAQJ,QAAQ,iBAErC,GAAIR,KAAKuD,SAAU,CACjBvD,KAAKuD,SAASkD,iBAAiB,aAAczG,KAAK2D,6BAClD3D,KAAKuD,SAASkD,iBAAiB,cAAezG,KAAK2D,4B,GAIvDqB,EAAAC,UAAAyB,mBAAA,eAAA/F,EAAAX,KACEwE,uBAAsB,WACpB7D,EAAKgG,iBAAiBC,aAAa,cAAejG,EAAKkG,aAAelG,EAAKmG,mBAAmBC,WAC9FpG,EAAKqG,iBAAiBJ,aAAa,cAAejG,EAAKkG,aAAelG,EAAKmG,mBAAmBC,U,KAIlG/B,EAAAC,UAAAgC,kBAAA,WACEjH,KAAK8D,OAEL9D,KAAKkH,SAAW,IAAIC,iBAAiBnH,KAAKyE,gBAC1CzE,KAAKkH,SAASE,QAAQpH,KAAKY,QAAS,CAClCyG,UAAW,KACXC,QAAS,OAGXtH,KAAKuH,eAAiB,IAAIC,eAAexH,KAAKoE,cAC9CpE,KAAKuH,eAAeH,QAAQpH,KAAKY,Q,EAGnCoE,EAAAC,UAAAwC,qBAAA,WACE,GAAIzH,KAAKkH,SAAU,CACjBlH,KAAKkH,SAASQ,Y,CAGhB,GAAI1H,KAAKuH,eAAgB,CACvBvH,KAAKuH,eAAeG,Y,GAIxB1C,EAAAC,UAAA0C,OAAA,eAAAhH,EAAAX,K,UACE,IAAM4H,EAAqBC,QAAQ7H,KAAKY,QAAS,SACjD,IAAMkH,EAAuBD,QAAQ7H,KAAKY,QAAS,WAEnD,IAAMmH,EAAW,GAAAC,OAAGhI,KAAK8C,oBAAsB,SAAW,QAE1D,IAAMmF,EAAuBjI,KAAKwD,2BAElC,IAAM0E,GAAwBD,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,gBAC/CqC,MAAMC,MAAKlG,EAAA+F,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA5D,SAAA,SAAAA,EAAEmG,UAChDC,QAAQL,KAA0B,EAEvC,IAAMM,GAAuBN,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,gBAC9CqC,MAAMC,MAAKI,EAAAP,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA0C,SAAA,SAAAA,EAAEH,UAChDC,QAAQL,OAA0BQ,EAAAR,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBnC,iBAAa,MAAA2C,SAAA,SAAAA,EAAEJ,SAASK,QAAS,EAE9F,IAAMC,GAAmB3I,KAAK4I,kBAAoB5I,KAAKuD,WAAavD,KAAKuD,SAASsF,SAClF,IAAMC,EAAyBH,IAAoB3I,KAAK+I,oBAExD,IAAMC,EAAiChJ,KAAKwF,eAAeyD,QAAO,SAAA7F,GAAU,OAACA,EAAO8F,gBAAR,IAM5E,IAAMC,EAAU,CACd,YAAa,KACb,wBAAyBnJ,KAAKoJ,KAC9B,uBAAwBxB,EACxB,yBAA0BE,EAC1B,4BAA6B9H,KAAKgG,SAClC,wCAAyChG,KAAKgG,UAAYhG,KAAK8C,oBAC/D,sCAAuC9C,KAAKqJ,iBAC5C,sCAAuCrJ,KAAKsJ,iBAC5C,4BAA6BtJ,KAAK6B,YAClC,0BAA2B7B,KAAKyC,UAChC,wBAAyBzC,KAAKkD,QAC9B,wBAAyBlD,KAAK2E,QAC9B,yBAA0BgE,GAG5B,OACEY,EAACC,KAAI,CAACC,KAAK,WAAU,aAAazJ,KAAK0J,QAAO,cAAef,GAC3DY,EAAA,WACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKG,YAAc8I,CAAzB,EACRC,MAAOV,GAEPI,EAAA,KACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKgG,iBAAmBiD,CAA9B,EAAsD,cAClD,OACZE,SAAS,KACTD,MAAM,wBACNT,KAAMpJ,KAAKoJ,KACX7I,OAAQP,KAAKO,OACbwJ,QAAS/J,KAAKoJ,KAAOpJ,KAAK6E,UAAY,MAEtC0E,EAAA,QAAMS,KAAK,WAEbT,EAAA,OAAKM,MAAM,8BACTN,EAAA,aAAWM,MAAM,iBAAiBG,KAAK,SAEvCT,EAAA,UACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKS,cAAgBwI,CAA3B,EACRC,MAAM,oBACNE,QAAS/J,KAAK2B,aAEd4H,EAAA,OAAKM,MAAM,yBACTN,EAAA,OACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKY,kBAAoBqI,CAA/B,EACRC,MAAM,0BAENN,EAAA,OAAKM,MAAM,yBACTN,EAAA,MAAIM,MAAM,oBACRN,EAAA,KACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKqG,iBAAmB4C,CAA9B,EACRC,MAAM,wBACNT,KAAMpJ,KAAKoJ,KACX7I,OAAQP,KAAKO,OACbwJ,QAAS/J,KAAKoJ,KAAOpJ,KAAK6E,UAAY,MAEtC0E,EAAA,OAAKI,IAAK,SAACC,GAAE,OAAMjJ,EAAKmG,mBAAqB8C,CAAhC,GACV5J,KAAK0J,QAAU1J,KAAK0J,QAAUH,EAAA,QAAMS,KAAK,eAI/ChK,KAAKC,WAAWyI,OAAS,GACxBa,EAACxB,EAAQ,CAAC8B,MAAM,sBAAsBE,QAAS/J,KAAK6C,eACjD7C,KAAKC,WAAWgC,KAAI,SAAA+D,GAAQ,OAC3BuD,EAAA,QAAMM,MAAM,4BAA4B7D,EADb,OAOrCuD,EAAA,OACEI,IAAK,SAACC,GAAE,OAAMjJ,EAAKc,mBAAqBmI,CAAhC,EACRC,MAAM,2BAENN,EAAA,OAAKM,MAAM,2BACR7J,KAAKwF,eAAevD,KAAI,SAAAmB,GAAM,OAC7BmG,EAAA,eACEM,MAAO,CACL,yBAA0B,KAC1B,YAAa,KACb,eAAgBzG,EAAO8F,iBACvB,uBAAwB9F,EAAO8F,iBAC/B,2BAA4B9F,EAAO8F,kBAErCe,KAAM7G,EAAO6G,KACbC,MAAO9G,EAAO8G,MACdC,WAAY/G,EAAO+G,WACnBC,UAAWhH,EAAOgH,UAClBC,QAAQ,WACRlG,KAAK,OACLmG,cAAc,OACdP,QAAS,WAAQpJ,EAAKwC,YAAYC,EAAO,GAEzCmG,EAAA,QACEM,MAAO,CACL,eAAgBzG,EAAO8F,iBACvB,uBAAwB9F,EAAO8F,mBAGhC9F,EAAOmH,OAxBiB,IA6B9BvK,KAAKwK,WACJjB,EAAA,oBACEA,EAAA,eACEM,MAAM,iCACNI,KAAMjK,KAAKkD,QAAU,cAAgB,OACrCmH,QAAQ,WACRlG,KAAK,OACLsG,SAAU,KACVV,QAAS/J,KAAKgD,kBAEhBuG,EAAA,OAAKmB,KAAK,WACP1K,KAAKkD,QAAUlD,KAAKmG,aAAawE,aAAe3K,KAAKmG,aAAayE,aAOvE5B,EAA+BN,OAAS,GAAK1I,KAAKwK,WAAa1B,IAC/DS,EAAA,gBACEgB,MAAOvK,KAAKmG,aAAa0E,oBACzBC,UAAU,aACVjB,MAAO,CACL,iCAAkC,KAClC,mCAAoC7J,KAAKwK,YAAc1B,IAGzDS,EAAA,eACEM,MAAM,oCACNQ,QAAQ,WACRlG,KAAK,OACL8F,KAAK,gBACLQ,SAAU,OAEZlB,EAAA,aAAWmB,KAAK,WACb1K,KAAKwK,WACJjB,EAAA,kBAAgBU,KAAMjK,KAAKkD,QAAU,cAAgB,OAAQ6G,QAAS/J,KAAKgD,iBACxEhD,KAAKkD,QAAUlD,KAAKmG,aAAawE,aAAe3K,KAAKmG,aAAayE,WAItE5B,EAA+B/G,KAAI,SAAAmB,GAAM,OACxCmG,EAAA,kBACEM,MAAM,kCACNI,KAAM7G,EAAO6G,KACbC,MAAO9G,EAAO8G,MACdC,WAAY/G,EAAO+G,WACnBC,UAAWhH,EAAOgH,UAClBL,QAAS,WAAQpJ,EAAKwC,YAAYC,EAAO,GAExCA,EAAOmH,MAT8B,IAazCzB,GACCS,EAACwB,SAAQ,MACL7C,GACAqB,EAAA,kBAAgBU,KAAK,WAAWF,QAAS/J,KAAKsD,cAC3CtD,KAAKmG,aAAa6E,eAGrBzC,GACAgB,EAAA,kBAAgBU,KAAK,aAAaF,QAAS/J,KAAK0D,gBAC7C1D,KAAKmG,aAAa8E,sBAYvC1B,EAAA,OAAKM,MAAM,0BACTN,EAAA,QAAMS,KAAK,WAIfT,EAAA,OAAKM,MAAM,0CACTN,EAAA,QAAMS,KAAK,aAGbT,EAAA,OAAKM,MAAM,yCACTN,EAAA,QAAMS,KAAK,UACRhK,KAAK0F,eAAegD,OAAS,GAC5Ba,EAAA,kBACEM,MAAM,8BACNqB,QAASlL,KAAK0F,iBAIjB1F,KAAKmL,YACJ5B,EAAA,eACEM,MAAM,kCACNuB,UAAS,KACTC,KAAK,QACLhB,QAAQ,YACRL,KAAMhK,KAAKgK,KACXsB,MAAOtL,KAAKsL,MACZ3G,QAAS3E,KAAK2E,QACdkE,SAAU7I,KAAK6I,SACf0B,MAAOvK,KAAKmG,aAAaoF,OACzBC,aAAcxL,KAAK0E,wBAItB1E,KAAKyL,WACJlC,EAAA,aACEM,MAAM,0BACNG,KAAK,yB,gXAnmBJ,G,2BC1CrB,IAAM0B,gBAAkB,+tI,IC0BXC,aAAY,W,6GA8Bf3L,KAAA4L,cAAgB,WACtB,IAAMC,EAAQ1D,MAAMC,KAAKzH,EAAKC,QAAQoD,iBAAiB,cACvD6H,EAAMxL,SAAQ,SAAAyL,GACZ,GAAIA,EAAKjK,YAAa,CACpBiK,EAAKrJ,WAAa9B,EAAKoL,Y,KAI3BpL,EAAKoL,cAAgBpL,EAAKoL,aAE1BpL,EAAKqL,gBAAgBrJ,KAAK,CACxBC,UAAW,iBACXmJ,aAAcpL,EAAKoL,c,EAIf/L,KAAAiM,qBAAuB,WAC7B,IAAMJ,EAAQ1D,MAAMC,KAAKzH,EAAKC,QAAQoD,iBAAiB,cACvDrD,EAAKoL,cAAgBF,EAAMvJ,MAAK,SAAAwJ,GAAQ,OAACA,EAAKrJ,SAAN,G,EAGlCzC,KAAAkM,mBAA+B,SAACC,GAChC,IAAA/F,EAA0DgG,wBAAwBD,GAAjFE,EAAajG,EAAA,GAAEkG,EAAiBlG,EAAA,GAAEmG,EAAmBnG,EAAA,GAE5D,GACEkG,GACGC,GACAD,EAAkBnK,QAAQC,gBAAkB,YAC/C,CACA,IAAMoK,EAA6CF,EACnD,IAAMG,EAA+CF,EAGrDC,EAAsB9C,QAAU+C,EAAwB/C,QACxD8C,EAAsBxG,SAAWyG,EAAwBzG,SACzDwG,EAAsBvG,cAAgBwG,EAAwBxG,cAC9DuG,EAAsBtG,cAAgBuG,EAAwBvG,cAC9DsG,EAAsBzD,oBAAsB0D,EAAwB1D,mB,CAGtE,OAAOsD,C,0CAlEmD,Y,+CAMT,M,qBAGhB,M,6BAGO,U,kBAYT,K,CAJjCK,EAAAzH,UAAA0H,iBAAA,WACE3M,KAAKiM,sB,EAgDDS,EAAAzH,UAAAc,kBAAN,W,uHACO/F,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,kBAAkBrG,KAAKY,QAAS,c,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxBmG,EAAAzH,UAAAuB,iBAAA,WACExG,KAAKiM,sB,EAGPS,EAAAzH,UAAA0C,OAAA,W,MACE,IAAMiF,EAAsB/E,QAAQ7H,KAAKY,QAAS,kBAAoBZ,KAAK6M,YAE3E,IAAM1D,GAAO/C,EAAA,CACX,iBAAkB,KAClB,6BAA8BpG,KAAK8M,gBAAkBF,GACrDxG,EAAC,0BAAA4B,OAA0BhI,KAAK+M,WAAa/M,KAAK+M,O,GAGpD,OACExD,EAACC,KAAI,KACHD,EAAA,OAAKM,MAAOV,GACVI,EAAA,OAAKM,MAAM,0BACTN,EAAA,OAAKM,MAAM,+BACR7J,KAAK6M,YAAc7M,KAAK6M,YAActD,EAAA,QAAMS,KAAK,iBAEnDhK,KAAK8M,gBACJvD,EAAA,aACEM,MAAM,yBACNI,KAAMjK,KAAK+L,aAAe,gBAAkB,gBAC5CxB,MAAOvK,KAAK+L,aAAe/L,KAAKmG,aAAa6G,UAAYhN,KAAKmG,aAAa8G,YAC3ElD,QAAS/J,KAAK4L,iBAKpBrC,EAAA,iBACEV,UAAW7I,KAAK2I,gBAChBuE,gBAAiBlN,KAAKmN,wBACtBC,WAAYpN,KAAKkM,oBAEjB3C,EAAA,OAAKM,MAAM,wBAAwBJ,KAAK,QACtCF,EAAA,gB,qIAnHW,G,mCC1BzB,IAAM8D,kBAAoB,4zICuB1B,IAAIC,kBAAoB,E,IASXC,eAAc,W,mGAMjBvN,KAAAwN,MAA8B,GAC9BxN,KAAAyN,cAAuB,GA+EvBzN,KAAA0N,gBAAkB,SAACC,EAA0BC,GACnDjN,EAAK2K,MAAQqC,EAAKrC,MAClB3K,EAAKkN,uBAAyBD,EAE9BjN,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,EAIRtL,KAAA+N,qBAAuB,SAACnM,GAC9BjB,EAAK2K,MAAQ1J,EAAMgD,OAAO0G,MAC1B3K,EAAKkN,uBAAyBlN,EAAK6M,MAAMQ,WAAU,SAAAL,GACjD,OAAOA,EAAKrC,QAAU3K,EAAK2K,K,IAG7B3K,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,EAIRtL,KAAAiO,cAAgB,SAACrM,GACvB,IAAIsM,EAAyB,KAC7B,IAAMC,EAAoBxN,EAAKkN,uBAE/B,GAAIjM,EAAMwM,MAAQ,WAAaxM,EAAMwM,MAAQ,YAAa,CACxDxM,EAAMyM,iBAEN,GAAIF,EAAoB,EAAG,CACzBD,EAAiBC,EAAoB,C,OAElC,GAAIvM,EAAMwM,MAAQ,aAAexM,EAAMwM,MAAQ,aAAc,CAClExM,EAAMyM,iBAEN,GAAIF,EAAoBxN,EAAK6M,MAAM9E,OAAS,EAAG,CAC7CwF,EAAiBC,EAAoB,C,OAElC,GAAIvM,EAAMwM,MAAQ,KAAOxM,EAAMwM,MAAQ,QAAS,CACrDxM,EAAMyM,iBACN1N,EAAK2K,MAAQ3K,EAAK6M,MAAMW,GAAmB7C,MAE3C3K,EAAKmN,WAAWnL,KAAK,CACnBC,UAAW,mBACX0I,MAAO3K,EAAK2K,O,CAIhB,GAAI4C,IAAmB,KAAM,CAC3BvN,EAAKkN,uBAAyBK,C,yCAlIY,G,+BAQtB,G,WAGA,G,4FAaoB,M,cAGC,M,cAGA,M,qBAGsB,G,4BAEzB,C,CAQ1CI,EAAArJ,UAAAsJ,YAAA,SAAYpJ,GACV,UAAWA,IAAa,SAAU,CAChCnF,KAAKwN,MAAQpI,KAAKC,MAAMF,E,KACnB,CACLnF,KAAKwN,MAAQrI,C,CAGfnF,KAAKyN,cAAgBzN,KAAKwN,MAAMvL,KAAI,SAAC0L,GACnC,MAAO,CACLa,KAAM,GAAAxG,OAAG2F,EAAKpD,MAAK,MAAAvC,OAAK2F,EAAKc,QAAO,KACpCnD,MAAOqC,EAAKrC,M,KAMlBgD,EAAArJ,UAAAyJ,aAAA,SAAavJ,GACX,UAAWA,IAAa,SAAU,CAChC,IACEnF,KAAK2O,OAASvJ,KAAKC,MAAMF,E,CACzB,MAAOyJ,GACP,GAAIzJ,EAAU,CACZnF,KAAK2O,OAAS,CAACxJ,E,KACV,CACLnF,KAAK2O,OAAS,E,QAGb,GAAIxJ,EAAU,CACnBnF,KAAK2O,OAASxJ,C,KACT,CACLnF,KAAK2O,OAAS,E,CAGhB3O,KAAK6O,QAAU7O,KAAK2O,OAAOjG,OAAS,C,EA0DhC4F,EAAArJ,UAAAc,kBAAN,W,kHACE/F,KAAK8O,GAAK,oBAAA9G,OAAoBsF,qBAE9BtN,KAAKuO,YAAYvO,KAAK2N,MACtB3N,KAAK0O,aAAa1O,KAAK+O,O,KAElB/O,KAAKmG,aAAN,YACFC,EAAApG,KAAoB,SAAMqG,kBAAkBrG,KAAKY,QAAS,gB,OAA1DwF,EAAKD,aAAeG,EAAAC,O,mCAIxB+H,EAAArJ,UAAA0C,OAAA,eAAAhH,EAAAX,KACE,IAAMgP,IAAoBhP,KAAK6M,YAC/B,IAAMoC,IAAwBjP,KAAKkP,gBACnC,IAAMC,IAAcnP,KAAK+O,MAEzB,IAAM5F,EAAU,CACd,mBAAoB,KACpB,oCAAqC6F,EACrC,yCAA0CC,EAC1C,8BAA+BE,EAC/B,+BAAgCnP,KAAK6O,QACrC,gCAAiC7O,KAAK6I,SACtC,gCAAiC7I,KAAKoP,UAGxC,OACE7F,EAACC,KAAI,KACHD,EAAA,OAAKM,MAAOV,GACVI,EAAA,SAAO8B,KAAK,SAASrB,KAAMhK,KAAKgK,KAAMsB,MAAOtL,KAAKsL,QAElD/B,EAAA,OACEM,MAAM,0BACNJ,KAAK,UACLK,SAAS,IAAG,uBACS,QAAO,wBACL,GAAA9B,OAAGhI,KAAK8O,GAAE,YAAA9G,OAAWhI,KAAK6N,wBAAwB,mBACvD,GAAA7F,OAAGhI,KAAK8O,GAAE,iBAAA9G,OAAgBhI,KAAKqP,iBACjDC,UAAWtP,KAAKiO,eAEfjO,KAAKwN,MAAMvL,KAAI,SAAC0L,EAAMC,GAAK,OAC1BrE,EAAA,aACEE,KAAK,SACLI,MAAO,CACL,yBAA0B,KAC1B,aAAclJ,EAAKkN,yBAA2BD,GAEhDrD,MAAOoD,EAAKpD,MACZkE,QAASd,EAAKc,QACdxE,KAAM0D,EAAK1D,KACXoB,KAAMsC,EAAKtC,KACXhB,QAASsD,EAAKtD,QACdlG,KAAMwJ,EAAKxJ,KACX0E,SAAUlI,EAAKkI,UAAY8E,EAAK9E,SAChC0G,OAAQ5O,EAAK2K,QAAUqC,EAAKrC,MAAK,gBAClB3K,EAAK2K,QAAUqC,EAAKrC,MAAQ,OAAS,QACpDwD,GAAI,GAAA9G,OAAGrH,EAAKmO,GAAE,YAAA9G,OAAW4F,GACzB4B,aAAa,KACbzF,QAAS,WAAM,OAAApJ,EAAK+M,gBAAgBC,EAAMC,EAA3B,GAlBS,KAuB9BrE,EAACkG,qBAAoB,CACnBC,YAAY,mBACZZ,GAAI,GAAA9G,OAAGhI,KAAK8O,GAAE,gBACdC,MAAO/O,KAAK2O,OACZ9B,YAAa7M,KAAK6M,YAClBqC,gBAAiBlP,KAAKkP,gBACtBD,oBAAqBA,EACrBU,oBAAqB3P,KAAKmG,aAAayJ,SAASD,sBAGlDpG,EAAA,iBACEM,MAAM,6BACNhB,SAAU7I,KAAK6I,SACfkG,MAAO/O,KAAK2O,OACZ9B,YAAa7M,KAAK6M,YAClBqC,gBAAiBlP,KAAKkP,gBACtBE,SAAUpP,KAAKoP,SACfP,QAAS7O,KAAK6O,QACdgB,MAAO,CAAC7P,KAAKsL,OACbf,MAAOvK,KAAKuK,MACZuF,QAAS9P,KAAKyN,cACdjC,aAAcxL,KAAK+N,wB,kRA/NJ,G"}

package/dist/esm-es5/stzh-ghettobox_2.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,s,e,h){function r(t){return t instanceof e?t:new e((function(s){s(t)}))}return new(e||(e=Promise))((function(e,i){function c(t){try{a(h.next(t))}catch(t){i(t)}}function o(t){try{a(h["throw"](t))}catch(t){i(t)}}function a(t){t.done?e(t.value):r(t.value).then(c,o)}a((h=h.apply(t,s||[])).next())}))};var __generator=this&&this.__generator||function(t,s){var e={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},h,r,i,c;return c={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function o(t){return function(s){return a([t,s])}}function a(o){if(h)throw new TypeError("Generator is already executing.");while(c&&(c=0,o[0]&&(e=0)),e)try{if(h=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;r=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(i=e.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){e.label=o[1];break}if(o[0]===6&&e.label<i[1]){e.label=i[1];i=o;break}if(i&&e.label<i[2]){e.label=i[2];e.ops.push(o);break}if(i[2])e.ops.pop();e.trys.pop();continue}o=s.call(t,e)}catch(t){o=[6,t];r=0}finally{h=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-67fd55c9.js";import{j as js_cookie}from"./js.cookie-2cc1be5d.js";import{s as setPropsIfNull}from"./utils-51148d9a.js";import{f as fetchTranslations}from"./translation-utils-2623783f.js";import"./_commonjsHelpers-ba3f0406.js";var stzhGhettoboxCss=".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--background-color:var(--stzh-color-error);--color:var(--stzh-base-invert-color);--richtext-color:var(--color);--close-color:var(--stzh-base-invert-color);--button-color:var(--color);--hover-button-color:var(--background-color);--hover-close-color:var(--background-color)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-richtext{--stzh-base-color:var(--richtext-color)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=default]{--color:var(--hover-button-color);--background-color:var(--stzh-base-invert-color);--border-color:var(--stzh-base-invert-color);--hover-color:var(--hover-button-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=secondary]{--color:var(--stzh-base-invert-color);--background-color:transparent;--border-color:var(--stzh-base-invert-color);--hover-color:var(--hover-button-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][variant=tertiary]{--color:var(--stzh-base-invert-color);--background-color:transparent;--hover-color:var(--stzh-base-invert-color);--hover-background-color:var(--stzh-base-invert-color16)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][active]:not([active=false]){--color:var(--hover-button-color);--background-color:var(--stzh-base-invert-color72);--border-color:transparent;--hover-color:var(--hover-button-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][disabled]:not([disabled=false]),.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][a11y-disabled]:not([a11y-disabled=false]){--border-color:transparent;--background-color:var(--stzh-base-invert-color32);--hover-border-color:transparent;--hover-background-color:var(--stzh-base-invert-color32)}.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][disabled]:not([disabled=false])[variant=secondary],.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][disabled]:not([disabled=false])[variant=input],.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][disabled]:not([disabled=false])[variant=tertiary],.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][a11y-disabled]:not([a11y-disabled=false])[variant=secondary],.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][a11y-disabled]:not([a11y-disabled=false])[variant=input],.sc-stzh-ghettobox-h .sc-stzh-ghettobox-s>stzh-button[slot=button][a11y-disabled]:not([a11y-disabled=false])[variant=tertiary]{--color:var(--stzh-base-invert-color32);--border-color:var(--stzh-base-invert-color32);--background-color:transparent;--hover-color:var(--stzh-base-invert-color32);--hover-border-color:var(--stzh-base-invert-color32);--hover-background-color:transparent}.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);padding-left:var(--stzh-space-xxxlarge);padding-right:var(--stzh-space-xxxlarge);position:relative;display:-ms-flexbox;display:flex;background-color:var(--background-color);color:var(--color);-webkit-box-shadow:var(--stzh-box-shadow-message);box-shadow:var(--stzh-box-shadow-message);border-radius:var(--stzh-button-border-radius)}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-left:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{padding-right:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){.stzh-ghettobox.sc-stzh-ghettobox{border-radius:0.1875rem}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty),.stzh-ghettobox__button.sc-stzh-ghettobox:not(:empty){margin-top:var(--stzh-space-large)}}.stzh-ghettobox__close.sc-stzh-ghettobox{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{margin-left:var(--stzh-space-small)}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}.stzh-ghettobox__close[variant=default].sc-stzh-ghettobox{--color:var(--hover-close-color);--background-color:var(--stzh-base-invert-color);--border-color:var(--stzh-base-invert-color);--hover-color:var(--hover-close-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.stzh-ghettobox__close[variant=secondary].sc-stzh-ghettobox{--color:var(--stzh-base-invert-color);--background-color:transparent;--border-color:var(--stzh-base-invert-color);--hover-color:var(--hover-close-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.stzh-ghettobox__close[variant=tertiary].sc-stzh-ghettobox{--color:var(--stzh-base-invert-color);--background-color:transparent;--hover-color:var(--stzh-base-invert-color);--hover-background-color:var(--stzh-base-invert-color16)}.stzh-ghettobox__close[active].sc-stzh-ghettobox:not([active=false]){--color:var(--hover-close-color);--background-color:var(--stzh-base-invert-color72);--border-color:transparent;--hover-color:var(--hover-close-color);--hover-background-color:var(--stzh-base-invert-color72);--hover-border-color:transparent}.stzh-ghettobox__close[disabled].sc-stzh-ghettobox:not([disabled=false]),.stzh-ghettobox__close[a11y-disabled].sc-stzh-ghettobox:not([a11y-disabled=false]){--border-color:transparent;--background-color:var(--stzh-base-invert-color32);--hover-border-color:transparent;--hover-background-color:var(--stzh-base-invert-color32)}.stzh-ghettobox__close[disabled].sc-stzh-ghettobox:not([disabled=false])[variant=secondary],.stzh-ghettobox__close[disabled].sc-stzh-ghettobox:not([disabled=false])[variant=input],.stzh-ghettobox__close[disabled].sc-stzh-ghettobox:not([disabled=false])[variant=tertiary],.stzh-ghettobox__close[a11y-disabled].sc-stzh-ghettobox:not([a11y-disabled=false])[variant=secondary],.stzh-ghettobox__close[a11y-disabled].sc-stzh-ghettobox:not([a11y-disabled=false])[variant=input],.stzh-ghettobox__close[a11y-disabled].sc-stzh-ghettobox:not([a11y-disabled=false])[variant=tertiary]{--color:var(--stzh-base-invert-color32);--border-color:var(--stzh-base-invert-color32);--background-color:transparent;--hover-color:var(--stzh-base-invert-color32);--hover-border-color:var(--stzh-base-invert-color32);--hover-background-color:transparent}.stzh-ghettobox--has-close-button.sc-stzh-ghettobox{padding-right:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.stzh-ghettobox--has-close-button.sc-stzh-ghettobox{padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (min-width: 1024px){.stzh-ghettobox--has-close-button.sc-stzh-ghettobox{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-ghettobox--has-close-button.sc-stzh-ghettobox{padding-right:var(--stzh-space-xlarge)}}";var KEY_PREFIX_CLOSE_TIME="stzh-components-ghettobox-close-time";var StzhGhettobox=function(){function t(t){var s=this;registerInstance(this,t);this.stzhOpen=createEvent(this,"stzhOpen",7);this.stzhClose=createEvent(this,"stzhClose",7);this.onCloseButtonClick=function(){s.hide()};this.init=function(){var t=s.element.querySelector('stzh-button[slot="button"]');if(t){setPropsIfNull(t,{size:"small",variant:"secondary",effect:"cta",icon:"arrow-right-long",iconPosition:"right"})}};this.hiddenTitle="";this.mainTitle="";this.description="";this.hideClose=false;this.publishDate=undefined;this.closeTimeKey="global-alert";this.localization=undefined;this.open=true}t.prototype.publishDateWatcher=function(t){if(typeof t==="string"){this._publishDate=new Date(t)}else{this._publishDate=t}if(this.closeTimeKey&&this._publishDate){var s=js_cookie.get("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey));if(s&&Number(s)>=this._publishDate.getTime()){this.hide(false)}}};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"});return[2]}))}))};t.prototype.hide=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(s){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"});if(this.closeTimeKey&&t){js_cookie.set("".concat(KEY_PREFIX_CLOSE_TIME,"-").concat(this.closeTimeKey),Date.now().toString())}return[2]}))}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:this.publishDateWatcher(this.publishDate);if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"ghettobox")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-ghettobox":true,"stzh-ghettobox--has-close-button":!this.hideClose};return h(Host,{hidden:!this.open},h("div",{class:t},h("h1",{class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),h("div",{class:"stzh-ghettobox__message"},h("h2",{class:"stzh-ghettobox__main-title"},this.mainTitle),h("div",{class:"stzh-ghettobox__description"},this.description?this.description:h("slot",null)),h("div",{class:"stzh-ghettobox__button"},h("slot",{name:"button"}))),!this.hideClose&&h("stzh-button",{class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close"})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{publishDate:["publishDateWatcher"]}},enumerable:false,configurable:true});return t}();StzhGhettobox.style=stzhGhettoboxCss;var stzhRichtextCss='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-richtext-h{--richtext-blockquote-color:var(--stzh-richtext-blockquote-color);--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color);--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3{color:var(--stzh-heading-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2{padding-bottom:var(--stzh-space-medium)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"],.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"],.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xbig)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0;overflow:hidden}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-large)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 1024px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width)}.sc-stzh-richtext-h .sc-stzh-richtext-s thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover td,.sc-stzh-richtext-h .sc-stzh-richtext-s tr:hover th{background-color:var(--stzh-color-grey5)}.sc-stzh-richtext-h .sc-stzh-richtext-s td,.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;border-bottom:0.0625rem solid var(--stzh-base-border-color);background-color:var(--stzh-color-white);-webkit-transition:background-color var(--stzh-base-transition-animation-speed);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a,.sc-stzh-richtext-h .sc-stzh-richtext-s th a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s td a:focus,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:focus{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s td b,.sc-stzh-richtext-h .sc-stzh-richtext-s td strong,.sc-stzh-richtext-h .sc-stzh-richtext-s th b,.sc-stzh-richtext-h .sc-stzh-richtext-s th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td i,.sc-stzh-richtext-h .sc-stzh-richtext-s td em,.sc-stzh-richtext-h .sc-stzh-richtext-s th i,.sc-stzh-richtext-h .sc-stzh-richtext-s th em{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-left{text-align:left}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-right{text-align:right}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-center,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-center{text-align:center}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-auto,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-auto{vertical-align:auto}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-middle,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-middle{vertical-align:middle}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-bottom,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-bottom{vertical-align:bottom}.sc-stzh-richtext-h .sc-stzh-richtext-s td.nowrap,.sc-stzh-richtext-h .sc-stzh-richtext-s th.nowrap{white-space:nowrap}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked{z-index:2}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left{left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{background:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;-webkit-transform:translate(100%);transform:translate(100%);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{left:0;-webkit-transform:rotate(-180deg) translate(100%);transform:rotate(-180deg) translate(100%)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-right::after{opacity:1}.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sortable{padding:0}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover{color:var(--stzh-link-hover-color)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size-default);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon{--icon:var(--stzh-icon-size-default);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size-default);height:var(--stzh-icon-size-default)}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:first-child{margin-top:0 !important}.sc-stzh-richtext-h .sc-stzh-richtext-s>*:last-child{margin-bottom:0 !important}';var CLASS_EXTERNAL_LINK="stzh-richtext__external-link";var CLASS_EXTERNAL_ICON_WRAPPER="stzh-richtext__external-icon-wrapper";var CLASS_EXTERNAL_ICON="stzh-richtext__external-icon";var CLASS_EXTERNAL_VHIDDEN="stzh-richtext__external-vhidden";var StzhRichtext=function(){function t(t){registerInstance(this,t);this.localization=undefined;this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}t.prototype.addExternalLinkIcons=function(){var t=this;this.externalLinks.forEach((function(s){s.classList.add(CLASS_EXTERNAL_LINK);var e=document.createElement("span");e.classList.add(CLASS_EXTERNAL_VHIDDEN);e.innerText=t.localization.$globals.externalLinkLabel;var h=document.createElement("span");h.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);var r=document.createElement("stzh-icon");r.classList.add(CLASS_EXTERNAL_ICON);r.name=t.externalLinkIcon;h.appendChild(r);s.prepend(e);s.appendChild(h)}))};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(s){switch(s.label){case 0:if(!!this.localization)return[3,2];t=this;return[4,fetchTranslations(this.element,"richtext")];case 1:t.localization=s.sent();s.label=2;case 2:return[2]}}))}))};t.prototype.componentDidRender=function(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));this.addExternalLinkIcons()};t.prototype.render=function(){var t={"stzh-richtext":true};return h(Host,null,h("div",{class:t},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();StzhRichtext.style=stzhRichtextCss;export{StzhGhettobox as stzh_ghettobox,StzhRichtext as stzh_richtext};
-//# sourceMappingURL=stzh-ghettobox_2.entry.js.map