@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

package/dist/stzh-components/p-72c375c7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhGhettoboxCss","StzhGhettobox","this","onCloseButtonClick","hide","init","button","element","querySelector","setPropsIfNull","size","sizeMedium","variant","effect","icon","iconPosition","show","open","stzhOpen","emit","component","stzhClose","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","hideClose","h","Host","hidden","class","hiddenTitle","mainTitle","description","name","onClick","a11yLabel","close","iconOnly","stzhRichtextCss","CLASS_EXTERNAL_LINK","CLASS_EXTERNAL_ICON_WRAPPER","CLASS_EXTERNAL_ICON","CLASS_EXTERNAL_VHIDDEN","StzhRichtext","addExternalLinkIcons","externalLinks","forEach","externalLink","classList","add","screenreaderText","document","createElement","innerText","$globals","externalLinkLabel","iconWrapper","externalLinkIcon","appendChild","prepend","componentDidRender","Array","from","querySelectorAll","externalLinkSelector","removeFirstMargin","removeLastMargin","stzhShowCss","KEY_PREFIX_CLOSE","StzhShow","closedByCookie","closeWatcher","event","includes","detail","closeKey","Cookie","set","Date","now","toString","showFromDateWatcher","newValue","_showFromDate","timeClosed","get","Number","getTime","hideFromDateWatcher","_hideFromDate","showFromDate","hideFromDate","timeNow"],"sources":["src/components/stzh-ghettobox/stzh-ghettobox.scss?tag=stzh-ghettobox&encapsulation=scoped","src/components/stzh-ghettobox/stzh-ghettobox.tsx","src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx","src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/*\n * @prop --background-color: Background color of ghettobox\n */\n\n:host {\n  @include base-invert;\n  @include button-invert;\n\n  --background-color: #{$colorError60};\n  --color: #{$baseInvertColor};\n  --richtext-color: var(--color);\n}\n\n.stzh-ghettobox {\n  position: relative;\n  color: var(--color);\n  box-shadow: $boxShadowMessage;\n  background-color: var(--background-color);\n\n  &__container {\n    @include container;\n    @include spaceCurve('padding-top', 'large');\n    @include spaceCurve('padding-bottom', 'large');\n  }\n\n  &__hidden-title {\n    @include visuallyhidden;\n  }\n\n  &__message {\n    @include spaceCurve('gap', 'regular');\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__main-title {\n    @include font('title');\n    @include fontCurve('h2', 'heading');\n    margin: 0;\n    color: inherit;\n\n    &:not(:empty) {\n      @include spaceCurve('margin-bottom', 'regular');\n    }\n  }\n\n  &__description {\n    @include fontCurve('p1');\n    --stzh-base-color: var(--richtext-color);\n\n    &:not(:empty) {\n      @include spaceCurve('margin-bottom', 'small');\n    }\n  }\n\n  &__button {\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: start;\n    }\n  }\n\n  &__close {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Method,\n  State\n} from \"@stencil/core\";\n\nimport { StzhGhettoboxOpenEvent, StzhGhettoboxCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { StzhGhettoboxLocalizedText } from \"./stzh-ghettobox.localization\"\n\n/**\n * @slot - Slot for description content (use instead of description property)\n */\n@Component({\n  tag: \"stzh-ghettobox\",\n  styleUrl: \"stzh-ghettobox.scss\",\n  scoped: true\n})\nexport class StzhGhettobox {\n  /** Overwrite hidden h1 title */\n  @Prop() hiddenTitle: string = \"\";\n\n  /** Main title */\n  @Prop() mainTitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings */\n  @Prop() localization: StzhGhettoboxLocalizedText;\n\n  /** Ghettobox open event */\n  @Event() stzhOpen: EventEmitter<StzhGhettoboxOpenEvent>;\n\n  /** Ghettobox close event */\n  @Event() stzhClose: EventEmitter<StzhGhettoboxCloseEvent>;\n\n  @Element() element: HTMLStzhGhettoboxElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-ghettobox\"\n    })\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-ghettobox\"\n    });\n  }\n\n  private observer: MutationObserver;\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  }\n\n  private init = () => {\n    const button = this.element.querySelector('stzh-button[slot=\"button\"]');\n\n    if (button) {\n      setPropsIfNull(button, {\n        size: \"small\",\n        sizeMedium: \"default\",\n        variant: \"secondary\",\n        effect: \"cta\",\n        icon: \"arrow-right\",\n        iconPosition: \"right\"\n      } as HTMLStzhButtonElement)\n    }\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"ghettobox\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-ghettobox\": true,\n      \"stzh-ghettobox--has-close-button\": !this.hideClose\n    };\n\n    return (\n      <Host hidden={!this.open}>\n        <div class={classes}>\n          <div class=\"stzh-ghettobox__container\">\n            <h1 class=\"stzh-ghettobox__hidden-title\">\n              {this.hiddenTitle || this.localization.hiddenTitle}\n            </h1>\n            <div class=\"stzh-ghettobox__message\">\n              <div class=\"stzh-ghettobox__text\">\n                <h2 class=\"stzh-ghettobox__main-title\">\n                  {this.mainTitle}\n                </h2>\n                <div class=\"stzh-ghettobox__description\">\n                  {this.description ? this.description : <slot></slot>}\n                </div>\n              </div>\n              <div class=\"stzh-ghettobox__button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n            {!this.hideClose &&\n              <stzh-button\n                class=\"stzh-ghettobox__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly={true}\n                icon=\"close-big\"\n              ></stzh-button>\n            }\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  @include richtext-host;\n\n  --display: var(--stzh-richtext-display, block);\n\n  --grid-template-areas: var(\n    --stzh-richtext-grid-template-areas,\n    \"text text text text\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-richtext-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text text text text text\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-richtext-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  ::slotted(*) {\n    @include richtext-slotted;\n  }\n\n  &[has-hidden-first-margin] ::slotted(*:first-child) {\n    margin-top: 0 !important;\n  }\n\n  &[has-hidden-last-margin] ::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n\n.stzh-richtext {\n  @include gridGutter;\n  display: var(--display);\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__text {\n    grid-area: text;\n    display: grid;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element\n} from \"@stencil/core\";\n\nconst CLASS_EXTERNAL_LINK = 'stzh-richtext__external-link';\nconst CLASS_EXTERNAL_ICON_WRAPPER = 'stzh-richtext__external-icon-wrapper';\nconst CLASS_EXTERNAL_ICON = 'stzh-richtext__external-icon';\nconst CLASS_EXTERNAL_VHIDDEN = 'stzh-richtext__external-vhidden';\n\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot - Text content that should be styled\n */\n@Component({\n  tag: \"stzh-richtext\",\n  styleUrl: \"stzh-richtext.scss\",\n  scoped: true\n})\nexport class StzhRichtext {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether first top margin of first child should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n  /** Whether last bottom margin of last child should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean;\n\n  /** Selector to recognize external link and attach an icon */\n  @Prop() externalLinkSelector: string = 'a[rel*=\"external\"], a.external, a.extern';\n\n  /** Icon used for marking external links */\n  @Prop() externalLinkIcon: string = 'external-link';\n\n  @Element() element: HTMLStzhRichtextElement;\n\n  private externalLinks: HTMLElement[];\n\n  private addExternalLinkIcons() {\n    this.externalLinks.forEach(externalLink => {\n      externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n      const screenreaderText = document.createElement('span');\n      screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n      screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n\n      const iconWrapper = document.createElement('span');\n      iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n      const icon = document.createElement('stzh-icon');\n      icon.classList.add(CLASS_EXTERNAL_ICON);\n      icon.name = this.externalLinkIcon;\n      iconWrapper.appendChild(icon);\n\n      externalLink.prepend(screenreaderText);\n      externalLink.appendChild(iconWrapper);\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"richtext\");\n    }\n  }\n\n  componentDidRender() {\n    this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n    this.addExternalLinkIcons();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-richtext\": true\n    };\n\n    return (\n      <Host\n        has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n        has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n      >\n        <div class={classes}>\n          <div class=\"stzh-richtext__text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  Listen,\n} from \"@stencil/core\";\n\nimport {\n  StzhBannerCloseEvent,\n  StzhGhettoboxCloseEvent,\n  StzhMessageCloseEvent\n} from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (\n        timeClosed && (\n          !this._showFromDate\n          || Number(timeClosed) >= this._showFromDate.getTime()\n        )\n      ) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host hidden={\n        this._showFromDate && timeNow <= this._showFromDate.getTime()\n        || this._hideFromDate && timeNow >= this._hideFromDate.getTime()\n        || this.closedByCookie\n      }>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mLAAA,MAAMA,EAAmB,y0Q,MCyBZC,EAAa,M,iGA6ChBC,KAAAC,mBAAqB,KAC3BD,KAAKE,MAAM,EAGLF,KAAAG,KAAO,KACb,MAAMC,EAASJ,KAAKK,QAAQC,cAAc,8BAE1C,GAAIF,EAAQ,CACVG,EAAeH,EAAQ,CACrBI,KAAM,QACNC,WAAY,UACZC,QAAS,YACTC,OAAQ,MACRC,KAAM,cACNC,aAAc,S,oBAzDU,G,eAGF,G,iBAGE,G,eAGD,M,sCAcJ,I,CAGzB,UAAMC,GACJd,KAAKe,KAAO,KACZf,KAAKgB,SAASC,KAAK,CACjBC,UAAW,kB,CAKf,UAAMhB,GACJF,KAAKe,KAAO,MACZf,KAAKmB,UAAUF,KAAK,CAClBC,UAAW,kB,CAyBf,uBAAME,GACJ,IAAKpB,KAAKqB,aAAc,CACtBrB,KAAKqB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBzB,KAAKK,QAAS,Y,EAI1F,iBAAAqB,GACE1B,KAAKG,OAELH,KAAK2B,SAAW,IAAIC,iBAAiB5B,KAAKG,MAC1CH,KAAK2B,SAASE,QAAQ7B,KAAKK,QAAS,CAClCyB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAIhC,KAAK2B,SAAU,CACjB3B,KAAK2B,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,iBAAkB,KAClB,oCAAqCnC,KAAKoC,WAG5C,OACEC,EAACC,EAAI,CAACC,QAASvC,KAAKe,MAClBsB,EAAA,OAAKG,MAAOL,GACVE,EAAA,OAAKG,MAAM,6BACTH,EAAA,MAAIG,MAAM,gCACPxC,KAAKyC,aAAezC,KAAKqB,aAAaoB,aAEzCJ,EAAA,OAAKG,MAAM,2BACTH,EAAA,OAAKG,MAAM,wBACTH,EAAA,MAAIG,MAAM,8BACPxC,KAAK0C,WAERL,EAAA,OAAKG,MAAM,+BACRxC,KAAK2C,YAAc3C,KAAK2C,YAAcN,EAAA,eAG3CA,EAAA,OAAKG,MAAM,0BACTH,EAAA,QAAMO,KAAK,cAGb5C,KAAKoC,WACLC,EAAA,eACEG,MAAM,wBACNK,QAAS7C,KAAKC,mBACd6C,UAAW9C,KAAKqB,aAAa0B,MAC7BrC,QAAQ,WACRF,KAAK,QACLwC,SAAU,KACVpC,KAAK,gB,0CCjJrB,MAAMqC,EAAkB,ympCCQxB,MAAMC,EAAsB,+BAC5B,MAAMC,EAA8B,uCACpC,MAAMC,EAAsB,+BAC5B,MAAMC,EAAyB,kC,MAYlBC,EAAY,M,gJAWgB,2C,sBAGJ,e,CAM3B,oBAAAC,GACNvD,KAAKwD,cAAcC,SAAQC,IACzBA,EAAaC,UAAUC,IAAIV,GAE3B,MAAMW,EAAmBC,SAASC,cAAc,QAChDF,EAAiBF,UAAUC,IAAIP,GAC/BQ,EAAiBG,UAAYhE,KAAKqB,aAAa4C,SAASC,kBAExD,MAAMC,EAAcL,SAASC,cAAc,QAC3CI,EAAYR,UAAUC,IAAIT,GAE1B,MAAMvC,EAAOkD,SAASC,cAAc,aACpCnD,EAAK+C,UAAUC,IAAIR,GACnBxC,EAAKgC,KAAO5C,KAAKoE,iBACjBD,EAAYE,YAAYzD,GAExB8C,EAAaY,QAAQT,GACrBH,EAAaW,YAAYF,EAAY,G,CAIzC,uBAAM/C,GACJ,IAAKpB,KAAKqB,aAAc,CACtBrB,KAAKqB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBzB,KAAKK,QAAS,W,EAI1F,kBAAAkE,GACEvE,KAAKwD,cAAgBgB,MAAMC,KAAKzE,KAAKK,QAAQqE,iBAAiB1E,KAAK2E,uBACnE3E,KAAKuD,sB,CAGP,MAAArB,GACE,MAAMC,EAAU,CACd,gBAAiB,MAGnB,OACEE,EAACC,EAAI,kCAC6BtC,KAAK4E,oBAAsB,UAAY5E,KAAK4E,kBAAoB,KAAI,gCACrE5E,KAAK6E,mBAAqB,UAAY7E,KAAK6E,iBAAmB,MAE7FxC,EAAA,OAAKG,MAAOL,GACVE,EAAA,OAAKG,MAAM,uBACTH,EAAA,e,0CCvFZ,MAAMyC,EAAc,48DCkBpB,MAAMC,EAAmB,6B,MAUZC,EAAQ,M,yBA8EXhF,KAAAiF,eAA0B,M,gLAhDP,E,CAG3B,YAAAC,CAAaC,GACX,GAAI,CAAC,cAAe,eAAgB,kBAAkBC,SAASD,EAAME,OAAOnE,WAAY,CACtF,GAAIlB,KAAKsF,SAAU,CACjBC,EAAOC,IAAI,GAAGT,KAAoB/E,KAAKsF,WAAYG,KAAKC,MAAMC,W,GAMpE,mBAAAC,CAAoBC,GAClB,UAAWA,IAAa,SAAU,CAChC7F,KAAK8F,cAAgBD,EAAW,IAAIJ,KAAKI,GAAY,I,KAChD,CACL7F,KAAK8F,cAAgBD,C,CAGvB,IAAIZ,EAAiB,MAErB,GAAIjF,KAAKsF,SAAU,CACjB,MAAMS,EAAaR,EAAOS,IAAI,GAAGjB,KAAoB/E,KAAKsF,YAE1D,GACES,KACG/F,KAAK8F,eACHG,OAAOF,IAAe/F,KAAK8F,cAAcI,WAE9C,CACAjB,EAAiB,I,EAIrBjF,KAAKiF,eAAiBA,C,CAIxB,mBAAAkB,CAAoBN,GAClB,UAAWA,IAAa,SAAU,CAChC7F,KAAKoG,cAAgBP,EAAW,IAAIJ,KAAKI,GAAY,I,KAChD,CACL7F,KAAKoG,cAAgBP,C,EAQzB,iBAAAzE,GACEpB,KAAK4F,oBAAoB5F,KAAKqG,cAC9BrG,KAAKmG,oBAAoBnG,KAAKsG,a,CAGhC,MAAApE,GACE,MAAMqE,EAAUd,KAAKC,MAErB,OACErD,EAACC,EAAI,CAACC,OACJvC,KAAK8F,eAAiBS,GAAWvG,KAAK8F,cAAcI,WACjDlG,KAAKoG,eAAiBG,GAAWvG,KAAKoG,cAAcF,WACpDlG,KAAKiF,gBAER5C,EAAA,a"}

package/dist/stzh-components/p-836c4cdf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as a,a as c,g as e}from"./p-c7bfac7a.js";import{h as i}from"./p-7e304ea3.js";import"./p-9b063923.js";const h='.sc-stzh-cta-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-cta-h{display:none}.sc-stzh-cta-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cta-h *.sc-stzh-cta,.sc-stzh-cta-h *.sc-stzh-cta::before,.sc-stzh-cta-h *.sc-stzh-cta::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-cta-h .has-focus.sc-stzh-cta{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta{outline-style:none !important}.sc-stzh-cta-h .stzh-fylingfocus-focused.sc-stzh-cta::-moz-focus-inner{border:0 !important}.sc-stzh-cta-h{--stzh-flyingfocus-color:var(--stzh-color-white);--background-color:var(--stzh-cta-background-color);--heading-color:var(--stzh-color-white);--lead-color:var(--stzh-color-white);--sticky-background-color:var(--background-color);--button-color:var(--stzh-color-white);--button-background-color:var(--stzh-color-primary70);--button-border-radius:var(--stzh-button-border-radius);--hover-button-color:var(--stzh-color-white);--hover-button-background-color:var(--stzh-color-secondary60);--stuck-background-color:var(--stzh-color-grey10);--stuck-heading-color:var(--stzh-color-primary70);--stuck-lead-color:var(--stzh-base-color);--stuck-sticky-background-color:var(--background-color);--grid-template-areas:var(\n    --stzh-cta-grid-template-areas,\n    "cta cta cta cta"\n  );--grid-template-columns:var(\n    --stzh-cta-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 900px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){.sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    );--grid-template-columns:var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}[size=small].sc-stzh-cta-h{--button-background-color:transparent;--hover-button-color:var(--button-color);--hover-button-background-color:var(--button-background-color);--stuck-background-color:var(--background-color)}@media screen and (min-width: 600px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta"\n    )}}@media screen and (min-width: 900px){[size=small].sc-stzh-cta-h{--grid-template-areas:var(\n      --stzh-cta-small-grid-template-areas,\n      "cta cta cta cta cta cta cta cta"\n    )}}@keyframes stzh-cta-effect{0%,20%,50%,80%,100%{transform:translateX(0)}40%{transform:translateX(-0.5rem)}60%{transform:translateX(-0.25rem)}}.stzh-cta.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-cta.sc-stzh-cta{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cta.sc-stzh-cta{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cta.sc-stzh-cta{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cta.sc-stzh-cta{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-cta__wrapper.sc-stzh-cta{grid-area:cta;background-color:var(--background-color);transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])){background-color:var(--stuck-background-color)}.stzh-cta__heading.sc-stzh-cta,.stzh-cta__lead.sc-stzh-cta{transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xlarge);margin-right:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__heading.sc-stzh-cta:not(:empty),.stzh-cta__lead.sc-stzh-cta:not(:empty){margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta__heading.sc-stzh-cta{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);color:var(--heading-color)}@media screen and (min-width: 600px){.stzh-cta__heading.sc-stzh-cta{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: 900px){.stzh-cta__heading.sc-stzh-cta{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: 1600px){.stzh-cta__heading.sc-stzh-cta{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))}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__heading.sc-stzh-cta{color:var(--stuck-heading-color)}.stzh-cta__lead.sc-stzh-cta{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(--lead-color)}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta{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-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-cta__lead.sc-stzh-cta:not(:empty){padding-top:var(--stzh-space-large)}}.stzh-cta__wrapper.sc-stzh-cta:has(.stzh-cta__sticky[is-stuck]:not([is-stuck=false])) .stzh-cta__lead.sc-stzh-cta{color:var(--stuck-lead-color)}.stzh-cta__button.sc-stzh-cta{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);width:100%;display:flex;align-items:center;justify-content:space-between;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-decoration:none;border-radius:var(--button-border-radius);color:var(--button-color);background-color:var(--button-background-color);gap:var(--stzh-space-xsmall);transition-property:width, height, min-height, color, background-color, font-size, padding;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 600px){.stzh-cta__button.sc-stzh-cta{width:auto}}.stzh-cta__button.sc-stzh-cta:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{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)}@media screen and (min-width: 900px){.stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}.stzh-cta__button-text.sc-stzh-cta{display:block}.stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-medium)}.stzh-cta__button.sc-stzh-cta:hover .stzh-cta__button-icon.sc-stzh-cta{animation:stzh-cta-effect 1s}.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xlarge);--padding-right:var(--stzh-space-xlarge);--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--background-color:var(--sticky-background-color);--stuck-background-color:var(--stuck-sticky-background-color);--stuck-padding-left:0px;--stuck-padding-right:0px;display:block}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta__sticky.sc-stzh-cta{--padding-right:var(--stzh-space-xxxlarge)}}.stzh-cta__buttons.sc-stzh-cta{display:flex;gap:var(--stzh-space-medium)}.stzh-cta--has-lead.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta{margin-bottom:0}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-large);padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px) and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px) and (min-width: 1260px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{padding:var(--stzh-space-xsmall) var(--stzh-space-xlarge);min-height:var(--stzh-form-input-height)}@media screen and (max-width: 599px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{display:none}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-small-height)}@media screen and (min-width: 900px){.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta{min-height:var(--stzh-form-input-height)}}.stzh-cta--size-default.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{margin-top:calc(var(--padding-top) / -1);margin-bottom:calc(var(--padding-bottom) / -1)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{width:100%;max-width:100%;gap:var(--stzh-space-medium)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button.is-placeholder.sc-stzh-cta{width:auto;max-width:none;visibility:hidden;position:absolute;pointer-events:none}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]) .stzh-cta__button.sc-stzh-cta:not(.is-placeholder){width:var(--button-width, auto)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__button-icon.sc-stzh-cta{--size:var(--stzh-icon-size-large)}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxlarge);--padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky.sc-stzh-cta{--padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xlarge);--padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cta--size-small.sc-stzh-cta .stzh-cta__sticky[is-stuck].sc-stzh-cta:not([is-stuck=false]){--padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-cta--is-not-loaded.sc-stzh-cta{visibility:hidden}.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__wrapper.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__heading.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__lead.sc-stzh-cta,.stzh-cta--is-not-loaded.sc-stzh-cta .stzh-cta__button.sc-stzh-cta{transition-duration:0ms}';var n=0;const r=class{constructor(a){t(this,a);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.stzhClick=s(this,"stzhClick",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.button.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-cta",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-cta",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-cta",originalEvent:t,href:this.href})};this.handlePlaceholderButtonResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateButtonWidthByResize)};this.updateButtonWidthByResize=()=>{if(!this.placeholderButton){return}const{width:t}=this.placeholderButton.getBoundingClientRect();this.element.style.setProperty("--button-width",`${t}px`)};this.heading="";this.lead="";this.label="";this.href="";this.stickyDisabled=true;this.loaded=false}componentDidLoad(){this.stickyDisabled=n>1;this.placeholderButtonResizeObserver=new ResizeObserver(this.handlePlaceholderButtonResize);if(this.placeholderButton){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateButtonWidthByResize();window.setTimeout((()=>{this.loaded=true}),250)}))}))}componentDidRender(){if(this.placeholderButton&&this.placeholderButtonResizeObserver){this.placeholderButtonResizeObserver.observe(this.placeholderButton)}}connectedCallback(){n=n+1}disconnectedCallback(){var t;n=n-1;(t=this.placeholderButtonResizeObserver)===null||t===void 0?void 0:t.disconnect()}renderButtons(t){return a("div",{class:"stzh-cta__buttons"},t==="small"&&a("div",{class:"stzh-cta__button is-placeholder",ref:t=>this.placeholderButton=t},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})),this.href?a("a",{class:"stzh-cta__button",href:this.href,ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})):a("button",{class:"stzh-cta__button",ref:t=>this.button=t,onFocus:this.onFocus,onBlur:this.onBlur},a("span",{class:"stzh-cta__button-text"},this.label),a("stzh-icon",{class:"stzh-cta__button-icon",name:"arrow-right"})))}render(){const t=i(this.element,"heading");const s=i(this.element,"lead");const e=!!this.heading||t;const h=!!this.lead||s;const n=e||h;const r=!n?"small":"default";const o={"stzh-cta":true,"stzh-cta--is-sticky-disabled":this.stickyDisabled,"stzh-cta--is-not-loaded":!this.loaded,"stzh-cta--has-heading":e,"stzh-cta--has-lead":h,[`stzh-cta--size-${r}`]:!!r};return a(c,{size:r,tabindex:"-1",onFocus:this.onRootFocus},a("article",{class:o,"data-stzh-sticky-width-container":true},a("div",{class:"stzh-cta__wrapper"},a("div",{class:"stzh-cta__heading"},this.heading?this.heading:a("slot",{name:"heading"})),a("div",{class:"stzh-cta__lead"},this.lead?this.lead:a("slot",{name:"lead"})),a("stzh-sticky",{name:"cta",class:"stzh-cta__sticky",position:"fixed",bleeding:true,disableStickyBottom:this.stickyDisabled,disableStickyTop:true},this.renderButtons(r)))))}get element(){return e(this)}};r.style=h;export{r as stzh_cta};
+//# sourceMappingURL=p-836c4cdf.entry.js.map

package/dist/stzh-components/p-836c4cdf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhCtaCss","counter","StzhCta","this","focusedByInput","onRootFocus","button","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","onClick","stzhClick","href","handlePlaceholderButtonResize","debounceResize","cancelAnimationFrame","requestAnimationFrame","updateButtonWidthByResize","placeholderButton","width","getBoundingClientRect","style","setProperty","componentDidLoad","stickyDisabled","placeholderButtonResizeObserver","ResizeObserver","observe","setTimeout","loaded","componentDidRender","connectedCallback","disconnectedCallback","_a","disconnect","renderButtons","size","h","class","ref","el","label","name","render","headingSlotUsed","hasSlot","leadSlotUsed","hasHeading","heading","hasLead","lead","hasHeadingOrLead","classes","Host","tabindex","position","bleeding","disableStickyBottom","disableStickyTop"],"sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n  --stzh-flyingfocus-color: #{$colorWhite};\n\n  --background-color: #{$ctaBackgroundColor};\n  --heading-color: #{$colorWhite};\n  --lead-color: #{$colorWhite};\n  --sticky-background-color: var(--background-color);\n  --button-color: #{$colorWhite};\n  --button-background-color: #{$colorPrimary70};\n  --button-border-radius: #{$buttonBorderRadius};\n\n  --hover-button-color: #{$colorWhite};\n  --hover-button-background-color: #{$colorSecondary60};\n\n  --stuck-background-color: #{$colorGrey10};\n  --stuck-heading-color: #{$colorPrimary70};\n  --stuck-lead-color: #{$baseColor};\n  --stuck-sticky-background-color: var(--background-color);\n\n  --grid-template-areas: var(\n    --stzh-cta-grid-template-areas,\n    \"cta cta cta cta\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-cta-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: var(\n      --stzh-cta-grid-template-areas,\n      \"cta cta cta cta cta cta cta cta\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-cta-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    );\n  }\n\n  &[size=\"small\"] {\n    --button-background-color: transparent;\n\n    --hover-button-color: var(--button-color);\n    --hover-button-background-color: var(--button-background-color);\n\n    --stuck-background-color: var(--background-color);\n\n    @include mq($from: small) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta\"\n      );\n    }\n\n    @include mq($from: medium) {\n      --grid-template-areas: var(\n        --stzh-cta-small-grid-template-areas,\n        \"cta cta cta cta cta cta cta cta\"\n      );\n    }\n  }\n}\n\n@keyframes stzh-cta-effect {\n\t0%,\n\t20%,\n\t50%,\n\t80%,\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n\n\t40% {\n\t\ttransform: translateX(-8px);\n\t}\n\n\t60% {\n\t\ttransform: translateX(-4px);\n\t}\n}\n\n.stzh-cta {\n  @include font('heavy');\n  @include gridGutter;\n  display: grid;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__wrapper {\n    grid-area: cta;\n    background-color: var(--background-color);\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n    background-color: var(--stuck-background-color);\n  }\n\n  &__heading,\n  &__lead {\n    transition-property: color;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    &:not(:empty) {\n      @include spaceCurve('margin-left', 'medium');\n      @include spaceCurve('margin-right', 'medium');\n      @include spaceCurve('margin-bottom', 'medium');\n\n      @include mq($from: small) {\n        margin-bottom: space('xxlarge');\n      }\n\n      @include mq($from: medium) {\n        margin-bottom: space('xxxlarge');\n      }\n\n      @include mq($from: large) {\n        margin-bottom: space('xxxxlarge');\n      }\n    }\n  }\n\n  &__heading {\n    @include fontCurve('h2', 'heading');\n    color: var(--heading-color);\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n    color: var(--stuck-heading-color);\n  }\n\n  &__lead {\n    @include fontCurve('p1');\n    color: var(--lead-color);\n\n    &:not(:empty) {\n      @include spaceCurve('padding-top', 'small');\n    }\n  }\n\n  &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n    color: var(--stuck-lead-color);\n  }\n\n  &__button {\n    @include font('heavy');\n    @include fontSize('centi');\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    appearance: none;\n    border: none;\n    text-decoration: none;\n    border-radius: var(--button-border-radius);\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    gap: space('xsmall');\n    transition-property: width, height, min-height, color, background-color, font-size, padding;\n    transition-duration: $baseTransitionAnimationSpeed;\n\n    @include mq($from: small) {\n      width: auto;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    @include fontSize('milli');\n\n    @include mq($from: medium) {\n      @include fontSize('centi');\n    }\n  }\n\n  &__button-text {\n    display: block;\n  }\n\n  &__button-icon {\n    --size: #{iconSize('medium')};\n  }\n\n  &__button:hover &__button-icon {\n\t\tanimation: stzh-cta-effect 1s;\n  }\n\n  &__sticky {\n    @include spaceCurve('--padding-left', 'medium');\n    @include spaceCurve('--padding-right', 'medium');\n    --padding-top: #{space('large')};\n    --padding-bottom: #{space('large')};\n    --background-color: var(--sticky-background-color);\n    --stuck-background-color: var(--stuck-sticky-background-color);\n    --stuck-padding-left: 0px;\n    --stuck-padding-right: 0px;\n\n    display: block;\n  }\n\n  &__buttons {\n    display: flex;\n    gap: space('medium');\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__heading {\n    margin-bottom: 0;\n  }\n\n  /* Default variant; has heading, lead or multiple buttons */\n\n  &--size-default &__wrapper {\n    padding-top: space('large');\n    padding-bottom: space('large');\n\n    @include mq($from: small) {\n      @include spaceCurve('padding-top', 'large');\n      @include spaceCurve('padding-bottom', 'large');\n    }\n  }\n\n  &--size-default &__button {\n    padding: space('xsmall') space('xlarge');\n    min-height: $formInputHeight;\n  }\n\n  &--size-default &__button-icon {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n\n  &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n    min-height: $formInputHeightSmall;\n\n    @include mq($from: medium) {\n      min-height: $formInputHeight;\n    }\n  }\n\n  &--size-default &__sticky {\n    margin-top: calc(var(--padding-top) / -1);\n    margin-bottom: calc(var(--padding-bottom) / -1);\n  }\n\n  /* Small variant; has no heading, lead or multiple buttons */\n\n  &--size-small &__button {\n    width: 100%;\n    max-width: 100%;\n    gap: space('medium');\n\n    &.is-placeholder {\n      width: auto;\n      max-width: none;\n      visibility: hidden;\n      position: absolute;\n      pointer-events: none;\n    }\n  }\n\n  &--size-small &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button:not(.is-placeholder) {\n    width: var(--button-width, auto);\n  }\n\n  &--size-small &__button-icon {\n    --size: #{iconSize('large')};\n  }\n\n  &--size-small &__sticky {\n    @include spaceCurve('--padding-top', 'large');\n    @include spaceCurve('--padding-bottom', 'large');\n\n    &[is-stuck]:not([is-stuck=\"false\"]) {\n      @include spaceCurve('--padding-top', 'medium');\n      @include spaceCurve('--padding-bottom', 'medium');\n    }\n  }\n\n  /* Not loaded */\n\n  &--is-not-loaded {\n    visibility: hidden;\n  }\n\n  &--is-not-loaded &__wrapper,\n  &--is-not-loaded &__heading,\n  &--is-not-loaded &__lead,\n  &--is-not-loaded &__button {\n    transition-duration: 0ms;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  StzhCtaFocusEvent,\n  StzhCtaBlurEvent, StzhCtaClickEvent\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n  tag: \"stzh-cta\",\n  styleUrl: \"stzh-cta.scss\",\n  scoped: true\n})\nexport class StzhCta {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Lead */\n  @Prop() lead: string = \"\";\n\n  /** Button Label */\n  @Prop() label: string = \"\";\n\n  /** Button link */\n  @Prop() href: string = \"\";\n\n  /**\n   *  Whether sticky button is disabled.\n   *  Will be set to true automatically on,\n   *  when more than one cta is on the page.\n   */\n  @Prop() stickyDisabled: boolean = true;\n\n  @State() loaded: boolean = false;\n\n  @Element() element: HTMLStzhCtaElement;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n  /** Blur event */\n  @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n  private button: HTMLButtonElement | HTMLAnchorElement;\n  private placeholderButton: HTMLElement;\n  private debounceResize: number;\n  private focusedByInput: boolean = false;\n  private placeholderButtonResizeObserver: ResizeObserver;\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.button.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-cta\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-cta\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-cta\",\n      originalEvent: event,\n      href: this.href\n    });\n  }\n\n  private handlePlaceholderButtonResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n  }\n\n  private updateButtonWidthByResize = () => {\n    if (!this.placeholderButton) {\n      return;\n    }\n\n    const { width } = this.placeholderButton.getBoundingClientRect();\n    this.element.style.setProperty(\"--button-width\", `${width}px`);\n  }\n\n  componentDidLoad() {\n    this.stickyDisabled = counter > 1;\n\n    this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n    if (this.placeholderButton) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateButtonWidthByResize();\n\n        window.setTimeout(() => {\n          this.loaded = true;\n        }, 250);\n      });\n    });\n  }\n\n  componentDidRender() {\n    if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n      this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n    }\n  }\n\n  connectedCallback() {\n    counter = counter + 1;\n  }\n\n  disconnectedCallback() {\n    // current no way of sending events in disconnected callback, so we just decrease the counter now,\n    // but the user has to set stickyDisabled=false by himself\n    counter = counter - 1;\n\n    this.placeholderButtonResizeObserver?.disconnect();\n  }\n\n  private renderButtons(size: \"default\" | \"small\") {\n    return (\n      <div class=\"stzh-cta__buttons\">\n        {size === \"small\" &&\n          <div\n            class=\"stzh-cta__button is-placeholder\"\n            ref={(el) => (this.placeholderButton = el as HTMLElement)}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        }\n\n        {this.href\n          ?\n          <a\n            class=\"stzh-cta__button\"\n            href={this.href}\n            ref={(el) => (this.button = el as HTMLAnchorElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </a>\n          :\n          <button\n            class=\"stzh-cta__button\"\n            ref={(el) => (this.button = el as HTMLButtonElement)}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n          >\n            <span class=\"stzh-cta__button-text\">{this.label}</span>\n            <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n          </button>\n        }\n      </div>\n    );\n  }\n\n  render() {\n    const headingSlotUsed = hasSlot(this.element, 'heading');\n    const leadSlotUsed = hasSlot(this.element, 'lead');\n\n    const hasHeading = !!this.heading || headingSlotUsed;\n    const hasLead = !!this.lead || leadSlotUsed;\n    const hasHeadingOrLead = hasHeading || hasLead;\n\n    const size = !hasHeadingOrLead\n      ? \"small\"\n      : \"default\";\n\n    const classes = {\n      \"stzh-cta\": true,\n      \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n      \"stzh-cta--is-not-loaded\": !this.loaded,\n      \"stzh-cta--has-heading\": hasHeading,\n      \"stzh-cta--has-lead\": hasLead,\n      [`stzh-cta--size-${size}`]: !!size,\n    };\n\n    return (\n      <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n        <article class={classes} data-stzh-sticky-width-container>\n          <div class=\"stzh-cta__wrapper\">\n            <div class=\"stzh-cta__heading\">\n              {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n            </div>\n            <div class=\"stzh-cta__lead\">\n              {this.lead ? this.lead : <slot name=\"lead\"></slot>}\n            </div>\n            <stzh-sticky\n              name=\"cta\"\n              class=\"stzh-cta__sticky\"\n              position=\"fixed\"\n              bleeding\n              disableStickyBottom={this.stickyDisabled}\n              disableStickyTop={true}\n            >\n              {this.renderButtons(size)}\n            </stzh-sticky>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAa,8tfCkBnB,IAAIC,EAAU,E,MAYDC,EAAO,M,sIAoCVC,KAAAC,eAA0B,MAG1BD,KAAAE,YAAc,KACpB,IAAKF,KAAKC,eAAgB,CACxBD,KAAKG,OAAOC,O,CAGdJ,KAAKC,eAAiB,KAAK,EAGrBD,KAAAK,QAAWC,IACjBN,KAAKC,eAAiB,KAEtB,MAAMM,EAAa,IAAIC,WAAW,QAAS,CACzCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdZ,KAAKa,QAAQC,cAAcP,GAC3BP,KAAKe,UAAUC,KAAK,CAClBC,UAAW,WACXC,cAAeZ,GACf,EAGIN,KAAAmB,OAAUb,IAChB,MAAMc,EAAY,IAAIZ,WAAW,OAAQ,CACvCC,KAAMC,OACNC,QAAS,MACTC,WAAY,QAGdZ,KAAKa,QAAQC,cAAcM,GAC3BpB,KAAKqB,SAASL,KAAK,CACjBC,UAAW,WACXC,cAAeZ,GACf,EAGIN,KAAAsB,QAAWhB,IACjBN,KAAKuB,UAAUP,KAAK,CAClBC,UAAW,WACXC,cAAeZ,EACfkB,KAAMxB,KAAKwB,MACX,EAGIxB,KAAAyB,8BAAgC,KACtC,GAAIzB,KAAK0B,eAAgB,CACvBhB,OAAOiB,qBAAqB3B,KAAK0B,e,CAGnC1B,KAAK0B,eAAiBE,sBAAsB5B,KAAK6B,0BAA0B,EAGrE7B,KAAA6B,0BAA4B,KAClC,IAAK7B,KAAK8B,kBAAmB,CAC3B,M,CAGF,MAAMC,MAAEA,GAAU/B,KAAK8B,kBAAkBE,wBACzChC,KAAKa,QAAQoB,MAAMC,YAAY,iBAAkB,GAAGH,MAAU,E,aAjGtC,G,UAGH,G,WAGC,G,UAGD,G,oBAOW,K,YAEP,K,CAkF3B,gBAAAI,GACEnC,KAAKoC,eAAiBtC,EAAU,EAEhCE,KAAKqC,gCAAkC,IAAIC,eAAetC,KAAKyB,+BAC/D,GAAIzB,KAAK8B,kBAAmB,CAC1B9B,KAAKqC,gCAAgCE,QAAQvC,KAAK8B,kB,CAGpDF,uBAAsB,KACpBA,uBAAsB,KACpB5B,KAAK6B,4BAELnB,OAAO8B,YAAW,KAChBxC,KAAKyC,OAAS,IAAI,GACjB,IAAI,GACP,G,CAIN,kBAAAC,GACE,GAAI1C,KAAK8B,mBAAqB9B,KAAKqC,gCAAiC,CAClErC,KAAKqC,gCAAgCE,QAAQvC,KAAK8B,kB,EAItD,iBAAAa,GACE7C,EAAUA,EAAU,C,CAGtB,oBAAA8C,G,MAGE9C,EAAUA,EAAU,GAEpB+C,EAAA7C,KAAKqC,mCAA+B,MAAAQ,SAAA,SAAAA,EAAEC,Y,CAGhC,aAAAC,CAAcC,GACpB,OACEC,EAAA,OAAKC,MAAM,qBACRF,IAAS,SACRC,EAAA,OACEC,MAAM,kCACNC,IAAMC,GAAQpD,KAAK8B,kBAAoBsB,GAEvCH,EAAA,QAAMC,MAAM,yBAAyBlD,KAAKqD,OAC1CJ,EAAA,aAAWC,MAAM,wBAAwBI,KAAK,iBAIjDtD,KAAKwB,KAEJyB,EAAA,KACEC,MAAM,mBACN1B,KAAMxB,KAAKwB,KACX2B,IAAMC,GAAQpD,KAAKG,OAASiD,EAC5B/C,QAASL,KAAKK,QACdc,OAAQnB,KAAKmB,OACbG,QAAStB,KAAKsB,SAEd2B,EAAA,QAAMC,MAAM,yBAAyBlD,KAAKqD,OAC1CJ,EAAA,aAAWC,MAAM,wBAAwBI,KAAK,iBAGhDL,EAAA,UACEC,MAAM,mBACNC,IAAMC,GAAQpD,KAAKG,OAASiD,EAC5B/C,QAASL,KAAKK,QACdc,OAAQnB,KAAKmB,QAEb8B,EAAA,QAAMC,MAAM,yBAAyBlD,KAAKqD,OAC1CJ,EAAA,aAAWC,MAAM,wBAAwBI,KAAK,iB,CAOxD,MAAAC,GACE,MAAMC,EAAkBC,EAAQzD,KAAKa,QAAS,WAC9C,MAAM6C,EAAeD,EAAQzD,KAAKa,QAAS,QAE3C,MAAM8C,IAAe3D,KAAK4D,SAAWJ,EACrC,MAAMK,IAAY7D,KAAK8D,MAAQJ,EAC/B,MAAMK,EAAmBJ,GAAcE,EAEvC,MAAMb,GAAQe,EACV,QACA,UAEJ,MAAMC,EAAU,CACd,WAAY,KACZ,+BAAgChE,KAAKoC,eACrC,2BAA4BpC,KAAKyC,OACjC,wBAAyBkB,EACzB,qBAAsBE,EACtB,CAAC,kBAAkBb,OAAWA,GAGhC,OACEC,EAACgB,EAAI,CAACjB,KAAMA,EAAMkB,SAAS,KAAK7D,QAASL,KAAKE,aAC5C+C,EAAA,WAASC,MAAOc,EAAO,yCACrBf,EAAA,OAAKC,MAAM,qBACTD,EAAA,OAAKC,MAAM,qBACRlD,KAAK4D,QAAU5D,KAAK4D,QAAUX,EAAA,QAAMK,KAAK,aAE5CL,EAAA,OAAKC,MAAM,kBACRlD,KAAK8D,KAAO9D,KAAK8D,KAAOb,EAAA,QAAMK,KAAK,UAEtCL,EAAA,eACEK,KAAK,MACLJ,MAAM,mBACNiB,SAAS,QACTC,SAAQ,KACRC,oBAAqBrE,KAAKoC,eAC1BkC,iBAAkB,MAEjBtE,KAAK+C,cAAcC,M"}

package/dist/stzh-components/{p-cde04c36.entry.js → p-8f1dbd3b.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as i,a as n,g as s}from"./p-c7bfac7a.js";import{h as r}from"./p-7e304ea3.js";import"./p-9b063923.js";const e='.sc-stzh-card-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-navigation-h{display:none}.sc-stzh-card-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__title.sc-stzh-card-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-navigation{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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{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)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}';const o=class{constructor(i){a(this,i);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=a=>{this.stzhClick.emit({component:"stzh-card-navigation",originalEvent:a})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var a,t;const i=this.analyticsId||((a=this.headingTextElement)===null||a===void 0?void 0:a.innerText);if(i){(t=this.titleLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",i)}}))}render(){const a=!!this.lead||r(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a};const s=`h${this.headingLevel}`;const e=this.href?"a":"button";return i(n,{"has-lead":a},i("article",{class:t,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-card-navigation__wrapper"},i(s,{class:"stzh-card-navigation__title"},i(e,{ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:a=>this.headingTextElement=a},this.heading?this.heading:i("slot",{name:"heading"})))),i("div",{class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-card-navigation__arrow"},i("stzh-icon",{class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};o.style=e;export{o as stzh_card_navigation};
-//# sourceMappingURL=p-cde04c36.entry.js.map
+import{r as a,c as t,h as i,a as n,g as s}from"./p-c7bfac7a.js";import{h as r}from"./p-7e304ea3.js";import"./p-9b063923.js";const e='.sc-stzh-card-navigation-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-card-navigation-h{display:none}.sc-stzh-card-navigation-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-card-navigation-h *.sc-stzh-card-navigation,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::before,.sc-stzh-card-navigation-h *.sc-stzh-card-navigation::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-card-navigation-h .has-focus.sc-stzh-card-navigation{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation{outline-style:none !important}.sc-stzh-card-navigation-h .stzh-fylingfocus-focused.sc-stzh-card-navigation::-moz-focus-inner{border:0 !important}.sc-stzh-card-navigation-h{display:flex;flex-direction:column}.stzh-card-navigation.sc-stzh-card-navigation{position:relative;flex-grow:1;display:flex;gap:var(--stzh-space-small);background-color:var(--stzh-color-grey10)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:0.625rem;padding-bottom:0.625rem}@media screen and (min-width: 600px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-xxlarge)}}.stzh-card-navigation__title.sc-stzh-card-navigation{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-heading-line-height);letter-spacing:var(--stzh-font-curve---heading-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--stzh-color-primary70);margin:0}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--stzh-color-primary);-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);cursor:pointer}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card-navigation__title-link.sc-stzh-card-navigation::after{z-index:1}.stzh-card-navigation__lead.sc-stzh-card-navigation{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));margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{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)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-large)}}.stzh-card-navigation__arrow.sc-stzh-card-navigation{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30)}.stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{--size:var(--stzh-icon-size-large)}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);flex-direction:column;align-items:flex-start}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-card-navigation--has-lead.sc-stzh-card-navigation .stzh-card-navigation__arrow.sc-stzh-card-navigation{position:absolute;right:0;bottom:0;width:2.75rem;height:2.75rem}';const o=class{constructor(i){a(this,i);this.stzhClick=t(this,"stzhClick",7);this.handleCardClick=a=>{this.stzhClick.emit({component:"stzh-card-navigation",originalEvent:a,href:this.href})};this.href=undefined;this.target=undefined;this.analyticsId=undefined;this.heading="";this.headingLevel="3";this.lead=""}componentDidRender(){requestAnimationFrame((()=>{var a,t;const i=this.analyticsId||((a=this.headingTextElement)===null||a===void 0?void 0:a.innerText);if(i){(t=this.titleLinkElement)===null||t===void 0?void 0:t.setAttribute("s-object-id",i)}}))}render(){const a=!!this.lead||r(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a};const s=`h${this.headingLevel}`;const e=this.href?"a":"button";return i(n,{"has-lead":a},i("article",{class:t,"aria-label":this.heading,role:"listitem"},i("div",{class:"stzh-card-navigation__wrapper"},i(s,{class:"stzh-card-navigation__title"},i(e,{ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},i("div",{ref:a=>this.headingTextElement=a},this.heading?this.heading:i("slot",{name:"heading"})))),i("div",{class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{class:"stzh-card-navigation__arrow"},i("stzh-icon",{class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};o.style=e;export{o as stzh_card_navigation};
+//# sourceMappingURL=p-8f1dbd3b.entry.js.map

package/dist/stzh-components/{p-cde04c36.entry.js.map → p-8f1dbd3b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhCardNavigationCss","StzhCardNavigation","this","handleCardClick","originalEvent","stzhClick","emit","component","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","titleLinkElement","setAttribute","render","hasLead","lead","hasSlot","element","classes","Heading","headingLevel","TitleLink","href","h","Host","class","heading","role","ref","el","target","onClick","name"],"sources":["src/components/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-card-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  gap: space('small');\n  background-color: $colorGrey10;\n\n  &__wrapper {\n    @include spaceCurve('padding-left', 'regular');\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    // safe space padding top/bottom when it would go to three lines\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  &__title {\n    @include font('heavy');\n    @include fontSize('centi', 'heading');\n\t\t@include wordWrap;\n    color: $colorPrimary70;\n\t\tmargin: 0;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: $colorPrimary;\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\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    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontCurve('p2');\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 64px;\n    height: 64px;\n    color: $colorPrimary70;\n    background-color: $colorSecondary30;\n  }\n\n  &__arrow-icon {\n    --size: #{iconSize('large')};\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__wrapper {\n    @include spaceCurve('padding-right', 'regular');\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'large');\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &--has-lead &__arrow {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 44px;\n    height: 44px;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  StzhCardNavigationClickEvent\n} from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true\n})\nexport class StzhCardNavigation {\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  /**\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  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, 'lead');\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={(el) => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                <div ref={(el) => (this.headingTextElement = el as HTMLDivElement)}>\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">\n              {this.lead ? this.lead : <slot name=\"lead\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAwB,wlN,MCwBjBC,EAAkB,M,8DA+BrBC,KAAAC,gBAAmBC,IACzBF,KAAKG,UAAUC,KAAK,CAClBC,UAAW,uBACXH,iBACA,E,kFApBsB,G,kBAGoB,I,UAGvB,E,CAiBvB,kBAAAI,GACEC,uBAAsB,K,QACpB,MAAMC,EAAWR,KAAKS,eAAeC,EAAAV,KAAKW,sBAAkB,MAAAD,SAAA,SAAAA,EAAEE,WAE9D,GAAIJ,EAAU,EACZK,EAAAb,KAAKc,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAAa,cAAeP,E,KAKzD,MAAAQ,GACE,MAAMC,IAAYjB,KAAKkB,MAAQC,EAAQnB,KAAKoB,QAAS,QAErD,MAAMC,EAAU,CACd,uBAAwB,KACxB,iCAAkCJ,GAGpC,MAAMK,EAAU,IAAItB,KAAKuB,eACzB,MAAMC,EAAYxB,KAAKyB,KAAO,IAAM,SAEpC,OACEC,EAACC,EAAI,YAAWV,GACdS,EAAA,WAASE,MAAOP,EAAO,aAAcrB,KAAK6B,QAASC,KAAK,YACtDJ,EAAA,OAAKE,MAAM,iCACTF,EAACJ,EAAO,CAACM,MAAM,+BACbF,EAACF,EAAS,CACRO,IAAMC,GAAQhC,KAAKc,iBAAmBkB,EACtCJ,MAAM,mCACNH,KAAMzB,KAAKyB,KACXQ,OAAQjC,KAAKiC,OACbC,QAASlC,KAAKC,iBAEdyB,EAAA,OAAKK,IAAMC,GAAQhC,KAAKW,mBAAqBqB,GAC1ChC,KAAK6B,QAAU7B,KAAK6B,QAAUH,EAAA,QAAMS,KAAK,eAKhDT,EAAA,OAAKE,MAAM,8BACR5B,KAAKkB,KAAOlB,KAAKkB,KAAOQ,EAAA,QAAMS,KAAK,WAIxCT,EAAA,OAAKE,MAAM,+BACTF,EAAA,aAAWE,MAAM,mCAAmCO,KAAK,kB"}
+{"version":3,"names":["stzhCardNavigationCss","StzhCardNavigation","this","handleCardClick","originalEvent","stzhClick","emit","component","href","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","titleLinkElement","setAttribute","render","hasLead","lead","hasSlot","element","classes","Heading","headingLevel","TitleLink","h","Host","class","heading","role","ref","el","target","onClick","name"],"sources":["src/components/stzh-card-navigation/stzh-card-navigation.scss?tag=stzh-card-navigation&encapsulation=scoped","src/components/stzh-card-navigation/stzh-card-navigation.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n}\n\n.stzh-card-navigation {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  gap: space('small');\n  background-color: $colorGrey10;\n\n  &__wrapper {\n    @include spaceCurve('padding-left', 'regular');\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    // safe space padding top/bottom when it would go to three lines\n    padding-top: 10px;\n    padding-bottom: 10px;\n  }\n\n  &__title {\n    @include font('heavy');\n    @include fontSize('centi', 'heading');\n\t\t@include wordWrap;\n    color: $colorPrimary70;\n\t\tmargin: 0;\n  }\n\n  &__title-link {\n    display: block;\n    font-family: inherit;\n    font-size: inherit;\n    padding: 0;\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    color: $colorPrimary;\n    text-decoration-line: none;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\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    &::after {\n      z-index: 1;\n    }\n  }\n\n  &__lead {\n    @include fontCurve('p2');\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__arrow {\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 64px;\n    height: 64px;\n    color: $colorPrimary70;\n    background-color: $colorSecondary30;\n  }\n\n  &__arrow-icon {\n    --size: #{iconSize('large')};\n  }\n\n  /* Has lead variant */\n\n  &--has-lead &__wrapper {\n    @include spaceCurve('padding-right', 'regular');\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'large');\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  &--has-lead &__arrow {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 44px;\n    height: 44px;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  StzhCardNavigationClickEvent\n} from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot lead - Lead text (alternative for lead property)\n */\n@Component({\n  tag: \"stzh-card-navigation\",\n  styleUrl: \"stzh-card-navigation.scss\",\n  scoped: true\n})\nexport class StzhCardNavigation {\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  /**\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  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Lead text (alternative for lead slot) */\n  @Prop() lead: string = \"\";\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardNavigationClickEvent>;\n\n  private titleLinkElement: HTMLAnchorElement | HTMLButtonElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-navigation\",\n      originalEvent,\n      href: this.href\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  render() {\n    const hasLead = !!this.lead || hasSlot(this.element, 'lead');\n\n    const classes = {\n      \"stzh-card-navigation\": true,\n      \"stzh-card-navigation--has-lead\": hasLead,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const TitleLink = this.href ? \"a\" : \"button\";\n\n    return (\n      <Host has-lead={hasLead}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          <div class=\"stzh-card-navigation__wrapper\">\n            <Heading class=\"stzh-card-navigation__title\">\n              <TitleLink\n                ref={(el) => (this.titleLinkElement = el as HTMLAnchorElement | HTMLButtonElement)}\n                class=\"stzh-card-navigation__title-link\"\n                href={this.href}\n                target={this.target}\n                onClick={this.handleCardClick}\n              >\n                <div ref={(el) => (this.headingTextElement = el as HTMLDivElement)}>\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </TitleLink>\n            </Heading>\n\n            <div class=\"stzh-card-navigation__lead\">\n              {this.lead ? this.lead : <slot name=\"lead\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-navigation__arrow\">\n            <stzh-icon class=\"stzh-card-navigation__arrow-icon\" name=\"arrow-right\"></stzh-icon>\n          </div>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAwB,wlN,MCwBjBC,EAAkB,M,8DA+BrBC,KAAAC,gBAAmBC,IACzBF,KAAKG,UAAUC,KAAK,CAClBC,UAAW,uBACXH,gBACAI,KAAMN,KAAKM,MACX,E,kFArBsB,G,kBAGoB,I,UAGvB,E,CAkBvB,kBAAAC,GACEC,uBAAsB,K,QACpB,MAAMC,EAAWT,KAAKU,eAAeC,EAAAX,KAAKY,sBAAkB,MAAAD,SAAA,SAAAA,EAAEE,WAE9D,GAAIJ,EAAU,EACZK,EAAAd,KAAKe,oBAAgB,MAAAD,SAAA,SAAAA,EAAEE,aAAa,cAAeP,E,KAKzD,MAAAQ,GACE,MAAMC,IAAYlB,KAAKmB,MAAQC,EAAQpB,KAAKqB,QAAS,QAErD,MAAMC,EAAU,CACd,uBAAwB,KACxB,iCAAkCJ,GAGpC,MAAMK,EAAU,IAAIvB,KAAKwB,eACzB,MAAMC,EAAYzB,KAAKM,KAAO,IAAM,SAEpC,OACEoB,EAACC,EAAI,YAAWT,GACdQ,EAAA,WAASE,MAAON,EAAO,aAActB,KAAK6B,QAASC,KAAK,YACtDJ,EAAA,OAAKE,MAAM,iCACTF,EAACH,EAAO,CAACK,MAAM,+BACbF,EAACD,EAAS,CACRM,IAAMC,GAAQhC,KAAKe,iBAAmBiB,EACtCJ,MAAM,mCACNtB,KAAMN,KAAKM,KACX2B,OAAQjC,KAAKiC,OACbC,QAASlC,KAAKC,iBAEdyB,EAAA,OAAKK,IAAMC,GAAQhC,KAAKY,mBAAqBoB,GAC1ChC,KAAK6B,QAAU7B,KAAK6B,QAAUH,EAAA,QAAMS,KAAK,eAKhDT,EAAA,OAAKE,MAAM,8BACR5B,KAAKmB,KAAOnB,KAAKmB,KAAOO,EAAA,QAAMS,KAAK,WAIxCT,EAAA,OAAKE,MAAM,+BACTF,EAAA,aAAWE,MAAM,mCAAmCO,KAAK,kB"}

package/dist/stzh-components/{p-8cc09e67.entry.js → p-94947ab0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,a as e,g as o}from"./p-c7bfac7a.js";const a=".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.stzh-pagebottom__wrapper.sc-stzh-pagebottom{display:grid}.stzh-pagebottom__left.sc-stzh-pagebottom{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagebottom__left.sc-stzh-pagebottom{flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-left:auto;margin-top:var(--stzh-space-medium);--stzh-button-white-space:nowrap}@media screen and (min-width: 600px){.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-top:0}}.stzh-pagebottom__print.sc-stzh-pagebottom,.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{flex-shrink:0}.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:-0.625rem}@media screen and (min-width: 600px){.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:0}}@media screen and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xbig)}}.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:auto}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:minmax(0, 1fr) calc(6.875rem + 2.75rem + var(--stzh-space-small) + var(--stzh-space-medium))}}";const i=class{constructor(s){t(this,s);this.localization=undefined;this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=undefined;this.shareMailSubject=undefined;this.shareMailBody=undefined;this.logoHref="https://www.stadt-zuerich.ch";this.withPrint=undefined;this.printAnalyticsId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagebottom")}}render(){const t={"stzh-pagebottom":true,rs_skip:true};return s(e,null,s("div",{class:t},s("div",{class:"stzh-pagebottom__wrapper"},s("div",{class:"stzh-pagebottom__left"},this.withPrint&&s("div",{class:"stzh-pagebottom__print"},s("stzh-print",null,s("stzh-button",{label:this.localization.printLabel,variant:"tertiary-plain",size:"small",noPaddingLeft:true,noPaddingRight:true,analyticsId:this.printAnalyticsId}))),!this.shareDisabled&&s("div",{class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&s("div",{class:"stzh-pagebottom__share-title"},this.shareTitle),s("stzh-share",{url:this.shareUrl,services:this.shareServices,mailSubject:this.shareMailSubject,mailBody:this.shareMailBody}))),s("div",{class:"stzh-pagebottom__sticky-actions"},s("slot",{name:"sticky-actions"})))))}get element(){return o(this)}};i.style=a;export{i as stzh_pagebottom};
-//# sourceMappingURL=p-8cc09e67.entry.js.map
+import{r as t,h as s,a as e,g as o}from"./p-c7bfac7a.js";const a=".sc-stzh-pagebottom-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.stzh-pagebottom__wrapper.sc-stzh-pagebottom{display:grid}.stzh-pagebottom__left.sc-stzh-pagebottom{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-pagebottom__left.sc-stzh-pagebottom{flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-left:auto;margin-top:var(--stzh-space-medium);--stzh-button-white-space:nowrap}@media screen and (min-width: 600px){.stzh-pagebottom__sticky-actions.sc-stzh-pagebottom{margin-top:0}}.stzh-pagebottom__print.sc-stzh-pagebottom,.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{flex-shrink:0}.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:-0.625rem}@media screen and (min-width: 900px){.stzh-pagebottom__share-wrapper.sc-stzh-pagebottom{margin-left:0}}@media screen and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pagebottom__print.sc-stzh-pagebottom{margin-right:var(--stzh-space-xbig)}}.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:auto}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom:has(.stzh-pagebottom__sticky-actions:not(:empty)) .stzh-pagebottom__wrapper.sc-stzh-pagebottom{grid-template-columns:minmax(0, 1fr) calc(6.875rem + 2.75rem + var(--stzh-space-small) + var(--stzh-space-medium))}}";const i=class{constructor(s){t(this,s);this.localization=undefined;this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=undefined;this.shareMailSubject=undefined;this.shareMailBody=undefined;this.logoHref="https://www.stadt-zuerich.ch";this.withPrint=undefined;this.printAnalyticsId=undefined}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pagebottom")}}render(){const t={"stzh-pagebottom":true,rs_skip:true};return s(e,null,s("div",{class:t},s("div",{class:"stzh-pagebottom__wrapper"},s("div",{class:"stzh-pagebottom__left"},this.withPrint&&s("div",{class:"stzh-pagebottom__print"},s("stzh-print",null,s("stzh-button",{label:this.localization.printLabel,variant:"tertiary-plain",size:"small",noPaddingLeft:true,noPaddingRight:true,analyticsId:this.printAnalyticsId}))),!this.shareDisabled&&s("div",{class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&s("div",{class:"stzh-pagebottom__share-title"},this.shareTitle),s("stzh-share",{url:this.shareUrl,services:this.shareServices,mailSubject:this.shareMailSubject,mailBody:this.shareMailBody}))),s("div",{class:"stzh-pagebottom__sticky-actions"},s("slot",{name:"sticky-actions"})))))}get element(){return o(this)}};i.style=a;export{i as stzh_pagebottom};
+//# sourceMappingURL=p-94947ab0.entry.js.map

package/dist/stzh-components/p-94947ab0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhPagebottomCss","StzhPagebottom","componentWillLoad","this","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","rs_skip","h","Host","class","withPrint","label","printLabel","variant","size","noPaddingLeft","noPaddingRight","analyticsId","printAnalyticsId","shareDisabled","shareTitle","url","shareUrl","services","shareServices","mailSubject","shareMailSubject","mailBody","shareMailBody","name"],"sources":["src/components/stzh-pagebottom/stzh-pagebottom.scss?tag=stzh-pagebottom&encapsulation=scoped","src/components/stzh-pagebottom/stzh-pagebottom.tsx"],"sourcesContent":[":host {\n  @media print {\n    display: none;\n  }\n\n  // ::slotted([slot=\"logo\"]) {\n  //   height: 38px;\n  // }\n}\n\n.stzh-pagebottom {\n  &__wrapper {\n    display: grid;\n  }\n\n  &__left {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    row-gap: space('xsmall');\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__share-title {\n    @include fontCurve('caption');\n\t\tmargin-bottom: space('small');\n  }\n\n  &__sticky-actions {\n    margin-left: auto;\n    margin-top: space('medium');\n\n    --stzh-button-white-space: nowrap;\n\n    @include mq($from: small) {\n      margin-top: 0;\n    }\n  }\n\n  &__print,\n  &__share-wrapper {\n    flex-shrink: 0;\n  }\n\n  &__share-wrapper {\n    margin-left: -10px;\n\n    @include mq($from: medium) {\n      margin-left: 0;\n    }\n  }\n\n  &__print {\n    @include mq($from: small) {\n      margin-right: space('xxlarge');\n    }\n\n    @include mq($from: medium) {\n      @include spaceCurve('margin-right', 'big');\n    }\n  }\n\n  // &__logo {\n  //   @include mq($from: small) {\n  //     margin-left: auto;\n  //   }\n  // }\n\n  // &__logo-link {\n  //   &:not(:empty) {\n  //     display: block;\n  //     margin-top: space('xlarge');\n\n  //     @include mq($from: small) {\n  //       margin-top: 0;\n  //       margin-left: space('xlarge');\n  //     }\n  //   }\n  // }\n\n  &:has(#{&}__sticky-actions:not(:empty)) &__wrapper {\n    grid-template-columns: auto;\n\n    @include mq($from: small) {\n      grid-template-columns: minmax(0, 1fr) calc(110px + 44px + #{space('small')} + #{space('medium')});\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\n// import { hasSlot } from \"../../utils/utils\";\n\nimport { StzhPagebottomLocalizedText } from \"./stzh-pagebottom.localization\";\n\n/**\n * @slot logo - Slot for a logo image\n */\n@Component({\n  tag: \"stzh-pagebottom\",\n  styleUrl: \"stzh-pagebottom.scss\",\n  scoped: true\n})\nexport class StzhPagebottom {\n  /**  Translation strings. */\n  @Prop() localization: StzhPagebottomLocalizedText;\n\n  /** Share Title */\n  @Prop() shareTitle: string = \"\";\n\n  /** URL of current site (uses full URL by default) */\n  @Prop() shareUrl: string;\n\n  /**\n   * Array of enabled share buttons.\n   * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n   */\n  @Prop() shareServices: ShareService[] | string;\n\n  /** Whether to show share */\n  @Prop({ reflect: true }) shareDisabled: boolean;\n\n  /** Overwrite share mail subject translation */\n  @Prop() shareMailSubject: string;\n\n  /** Overwrite share mail body translation */\n  @Prop() shareMailBody: string;\n\n  /** Logo href */\n  @Prop() logoHref: string = \"https://www.stadt-zuerich.ch\";\n\n  /** Whether to show print button */\n  @Prop({ reflect: true }) withPrint: boolean;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute of the print button element.\n   */\n  @Prop() printAnalyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the logo link element.\n   * Default value will be \"Footer Logo\"\n   */\n  // @Prop() logoAnalyticsId: string;\n\n  @Element() element: HTMLStzhPagebottomElement;\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"pagebottom\");\n    }\n  }\n\n  render() {\n    // const printUsed: boolean = hasSlot(this.element, \"print\");\n    // const logoUsed: boolean = hasSlot(this.element, \"logo\");\n\n    const classes = {\n      \"stzh-pagebottom\": true,\n      \"rs_skip\": true // will prevent component being read by readspeaker\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-pagebottom__wrapper\">\n            <div class=\"stzh-pagebottom__left\">\n              {this.withPrint &&\n                <div class=\"stzh-pagebottom__print\">\n                  <stzh-print>\n                    <stzh-button\n                      label={this.localization.printLabel}\n                      variant=\"tertiary-plain\"\n                      size=\"small\"\n                      noPaddingLeft={true}\n                      noPaddingRight={true}\n                      analyticsId={this.printAnalyticsId}\n                    ></stzh-button>\n                  </stzh-print>\n                </div>\n              }\n\n              {!this.shareDisabled &&\n                <div class=\"stzh-pagebottom__share-wrapper\">\n                  {this.shareTitle &&\n                    <div class=\"stzh-pagebottom__share-title\">{this.shareTitle}</div>\n                  }\n                  <stzh-share\n                    url={this.shareUrl}\n                    services={this.shareServices}\n                    mailSubject={this.shareMailSubject}\n                    mailBody={this.shareMailBody}\n                  ></stzh-share>\n                </div>\n              }\n            </div>\n\n            <div class=\"stzh-pagebottom__sticky-actions\">\n              <slot name=\"sticky-actions\"></slot>\n            </div>\n          </div>\n\n          {/* {logoUsed &&\n            <div class=\"stzh-pagebottom__logo\">\n              <a\n                href={this.logoHref}\n                class=\"stzh-pagebottom__logo-link\"\n                s-object-id={this.logoAnalyticsId || \"Footer Logo\"}\n              >\n                <slot name=\"logo\"></slot>\n              </a>\n            </div>\n          } */}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,+uH,MCqBbC,EAAc,M,qEAKI,G,6JAqBF,+B,yDAoB3B,uBAAMC,GACJ,IAAKC,KAAKC,aAAc,CACtBD,KAAKC,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBL,KAAKM,QAAS,a,EAI1F,MAAAC,GAIE,MAAMC,EAAU,CACd,kBAAmB,KACnBC,QAAW,MAGb,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOJ,GACVE,EAAA,OAAKE,MAAM,4BACTF,EAAA,OAAKE,MAAM,yBACRZ,KAAKa,WACJH,EAAA,OAAKE,MAAM,0BACTF,EAAA,kBACEA,EAAA,eACEI,MAAOd,KAAKC,aAAac,WACzBC,QAAQ,iBACRC,KAAK,QACLC,cAAe,KACfC,eAAgB,KAChBC,YAAapB,KAAKqB,sBAMxBrB,KAAKsB,eACLZ,EAAA,OAAKE,MAAM,kCACRZ,KAAKuB,YACJb,EAAA,OAAKE,MAAM,gCAAgCZ,KAAKuB,YAElDb,EAAA,cACEc,IAAKxB,KAAKyB,SACVC,SAAU1B,KAAK2B,cACfC,YAAa5B,KAAK6B,iBAClBC,SAAU9B,KAAK+B,kBAMvBrB,EAAA,OAAKE,MAAM,mCACTF,EAAA,QAAMsB,KAAK,sB"}

package/dist/stzh-components/{p-e7ac738e.entry.js → p-9b43127f.entry.js}

@@ -13,5 +13,5 @@ v5.4.1
 https://github.com/mholt/PapaParse
 License: MIT
 */
-!function(i,e){t.exports=e()}(o,(function t(){var i="undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==i?i:{};var e=!i.document&&!!i.postMessage,s=i.IS_PAPA_WORKER||!1,n={},a=0,r={parse:function(e,s){var o=(s=s||{}).dynamicTyping||!1;_(o)&&(s.dynamicTypingFunction=o,o={});if(s.dynamicTyping=o,s.transform=!!_(s.transform)&&s.transform,s.worker&&r.WORKERS_SUPPORTED){var h=function(){if(!r.WORKERS_SUPPORTED)return!1;var e=(o=i.URL||i.webkitURL||null,h=t.toString(),r.BLOB_URL||(r.BLOB_URL=o.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ","(",h,")();"],{type:"text/javascript"})))),s=new i.Worker(e);var o,h;return s.onmessage=p,s.id=a++,n[s.id]=s}();return h.userStep=s.step,h.userChunk=s.chunk,h.userComplete=s.complete,h.userError=s.error,s.step=_(s.step),s.chunk=_(s.chunk),s.complete=_(s.complete),s.error=_(s.error),delete s.worker,void h.postMessage({input:e,config:s,workerId:h.id})}var u=null;"string"==typeof e?(e=function(t){if(65279===t.charCodeAt(0))return t.slice(1);return t}(e),u=s.download?new l(s):new f(s)):!0===e.readable&&_(e.read)&&_(e.on)?u=new d(s):(i.File&&e instanceof File||e instanceof Object)&&(u=new c(s));return u.stream(e)},unparse:function(t,i){var e=!1,s=!0,n=",",a="\r\n",o='"',h=o+o,l=!1,c=null,f=!1;!function(){if("object"!=typeof i)return;"string"!=typeof i.delimiter||r.BAD_DELIMITERS.filter((function(t){return-1!==i.delimiter.indexOf(t)})).length||(n=i.delimiter);("boolean"==typeof i.quotes||"function"==typeof i.quotes||Array.isArray(i.quotes))&&(e=i.quotes);"boolean"!=typeof i.skipEmptyLines&&"string"!=typeof i.skipEmptyLines||(l=i.skipEmptyLines);"string"==typeof i.newline&&(a=i.newline);"string"==typeof i.quoteChar&&(o=i.quoteChar);"boolean"==typeof i.header&&(s=i.header);if(Array.isArray(i.columns)){if(0===i.columns.length)throw new Error("Option columns is empty");c=i.columns}void 0!==i.escapeChar&&(h=i.escapeChar+o);("boolean"==typeof i.escapeFormulae||i.escapeFormulae instanceof RegExp)&&(f=i.escapeFormulae instanceof RegExp?i.escapeFormulae:/^[=+\-@\t\r].*$/)}();var d=new RegExp(v(o),"g");"string"==typeof t&&(t=JSON.parse(t));if(Array.isArray(t)){if(!t.length||Array.isArray(t[0]))return u(null,t,l);if("object"==typeof t[0])return u(c||Object.keys(t[0]),t,l)}else if("object"==typeof t)return"string"==typeof t.data&&(t.data=JSON.parse(t.data)),Array.isArray(t.data)&&(t.fields||(t.fields=t.meta&&t.meta.fields||c),t.fields||(t.fields=Array.isArray(t.data[0])?t.fields:"object"==typeof t.data[0]?Object.keys(t.data[0]):[]),Array.isArray(t.data[0])||"object"==typeof t.data[0]||(t.data=[t.data])),u(t.fields||[],t.data||[],l);throw new Error("Unable to serialize unrecognized input");function u(t,i,e){var r="";"string"==typeof t&&(t=JSON.parse(t)),"string"==typeof i&&(i=JSON.parse(i));var o=Array.isArray(t)&&0<t.length,h=!Array.isArray(i[0]);if(o&&s){for(var l=0;l<t.length;l++)0<l&&(r+=n),r+=b(t[l],l);0<i.length&&(r+=a)}for(var c=0;c<i.length;c++){var f=o?t.length:i[c].length,d=!1,u=o?0===Object.keys(i[c]).length:0===i[c].length;if(e&&!o&&(d="greedy"===e?""===i[c].join("").trim():1===i[c].length&&0===i[c][0].length),"greedy"===e&&o){for(var v=[],p=0;p<f;p++){var m=h?t[p]:p;v.push(i[c][m])}d=""===v.join("").trim()}if(!d){for(var z=0;z<f;z++){0<z&&!u&&(r+=n);var g=o&&h?t[z]:z;r+=b(i[c][g],z)}c<i.length-1&&(!e||0<f&&!u)&&(r+=a)}}return r}function b(t,i){if(null==t)return"";if(t.constructor===Date)return JSON.stringify(t).slice(1,25);var s=!1;f&&"string"==typeof t&&f.test(t)&&(t="'"+t,s=!0);var a=t.toString().replace(d,h);return(s=s||!0===e||"function"==typeof e&&e(t,i)||Array.isArray(e)&&e[i]||function(t,i){for(var e=0;e<i.length;e++)if(-1<t.indexOf(i[e]))return!0;return!1}(a,r.BAD_DELIMITERS)||-1<a.indexOf(n)||" "===a.charAt(0)||" "===a.charAt(a.length-1))?o+a+o:a}}};if(r.RECORD_SEP=String.fromCharCode(30),r.UNIT_SEP=String.fromCharCode(31),r.BYTE_ORDER_MARK="\ufeff",r.BAD_DELIMITERS=["\r","\n",'"',r.BYTE_ORDER_MARK],r.WORKERS_SUPPORTED=!e&&!!i.Worker,r.NODE_STREAM_INPUT=1,r.LocalChunkSize=10485760,r.RemoteChunkSize=5242880,r.DefaultDelimiter=",",r.Parser=b,r.ParserHandle=u,r.NetworkStreamer=l,r.FileStreamer=c,r.StringStreamer=f,r.ReadableStreamStreamer=d,i.jQuery){var o=i.jQuery;o.fn.parse=function(t){var e=t.config||{},s=[];return this.each((function(t){if(!("INPUT"===o(this).prop("tagName").toUpperCase()&&"file"===o(this).attr("type").toLowerCase()&&i.FileReader)||!this.files||0===this.files.length)return!0;for(var n=0;n<this.files.length;n++)s.push({file:this.files[n],inputElem:this,instanceConfig:o.extend({},e)})})),n(),this;function n(){if(0!==s.length){var i,e,n,h,l=s[0];if(_(t.before)){var c=t.before(l.file,l.inputElem);if("object"==typeof c){if("abort"===c.action)return i="AbortError",e=l.file,n=l.inputElem,h=c.reason,void(_(t.error)&&t.error({name:i},e,n,h));if("skip"===c.action)return void a();"object"==typeof c.config&&(l.instanceConfig=o.extend(l.instanceConfig,c.config))}else if("skip"===c)return void a()}var f=l.instanceConfig.complete;l.instanceConfig.complete=function(t){_(f)&&f(t,l.file,l.inputElem),a()},r.parse(l.file,l.instanceConfig)}else _(t.complete)&&t.complete()}function a(){s.splice(0,1),n()}}}function h(t){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(t){var i=g(t);i.chunkSize=parseInt(i.chunkSize),t.step||t.chunk||(i.chunkSize=null);this._handle=new u(i),(this._handle.streamer=this)._config=i}.call(this,t),this.parseChunk=function(t,e){if(this.isFirstChunk&&_(this._config.beforeFirstChunk)){var n=this._config.beforeFirstChunk(t);void 0!==n&&(t=n)}this.isFirstChunk=!1,this._halted=!1;var a=this._partialLine+t;this._partialLine="";var o=this._handle.parse(a,this._baseIndex,!this._finished);if(!this._handle.paused()&&!this._handle.aborted()){var h=o.meta.cursor;this._finished||(this._partialLine=a.substring(h-this._baseIndex),this._baseIndex=h),o&&o.data&&(this._rowCount+=o.data.length);var l=this._finished||this._config.preview&&this._rowCount>=this._config.preview;if(s)i.postMessage({results:o,workerId:r.WORKER_ID,finished:l});else if(_(this._config.chunk)&&!e){if(this._config.chunk(o,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);o=void 0,this._completeResults=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(o.data),this._completeResults.errors=this._completeResults.errors.concat(o.errors),this._completeResults.meta=o.meta),this._completed||!l||!_(this._config.complete)||o&&o.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),l||o&&o.meta.paused||this._nextChunk(),o}this._halted=!0},this._sendError=function(t){_(this._config.error)?this._config.error(t):s&&this._config.error&&i.postMessage({workerId:r.WORKER_ID,error:t,finished:!1})}}function l(t){var i;(t=t||{}).chunkSize||(t.chunkSize=r.RemoteChunkSize),h.call(this,t),this._nextChunk=e?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(t){this._input=t,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(i=new XMLHttpRequest,this._config.withCredentials&&(i.withCredentials=this._config.withCredentials),e||(i.onload=y(this._chunkLoaded,this),i.onerror=y(this._chunkError,this)),i.open(this._config.downloadRequestBody?"POST":"GET",this._input,!e),this._config.downloadRequestHeaders){var t=this._config.downloadRequestHeaders;for(var s in t)i.setRequestHeader(s,t[s])}if(this._config.chunkSize){var n=this._start+this._config.chunkSize-1;i.setRequestHeader("Range","bytes="+this._start+"-"+n)}try{i.send(this._config.downloadRequestBody)}catch(t){this._chunkError(t.message)}e&&0===i.status&&this._chunkError()}},this._chunkLoaded=function(){4===i.readyState&&(i.status<200||400<=i.status?this._chunkError():(this._start+=this._config.chunkSize?this._config.chunkSize:i.responseText.length,this._finished=!this._config.chunkSize||this._start>=function(t){var i=t.getResponseHeader("Content-Range");if(null===i)return-1;return parseInt(i.substring(i.lastIndexOf("/")+1))}(i),this.parseChunk(i.responseText)))},this._chunkError=function(t){var e=i.statusText||t;this._sendError(new Error(e))}}function c(t){var i,e;(t=t||{}).chunkSize||(t.chunkSize=r.LocalChunkSize),h.call(this,t);var s="undefined"!=typeof FileReader;this.stream=function(t){this._input=t,e=t.slice||t.webkitSlice||t.mozSlice,s?((i=new FileReader).onload=y(this._chunkLoaded,this),i.onerror=y(this._chunkError,this)):i=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var t=this._input;if(this._config.chunkSize){var n=Math.min(this._start+this._config.chunkSize,this._input.size);t=e.call(t,this._start,n)}var a=i.readAsText(t,this._config.encoding);s||this._chunkLoaded({target:{result:a}})},this._chunkLoaded=function(t){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(t.target.result)},this._chunkError=function(){this._sendError(i.error)}}function f(t){var i;h.call(this,t=t||{}),this.stream=function(t){return i=t,this._nextChunk()},this._nextChunk=function(){if(!this._finished){var t,e=this._config.chunkSize;return e?(t=i.substring(0,e),i=i.substring(e)):(t=i,i=""),this._finished=!i,this.parseChunk(t)}}}function d(t){h.call(this,t=t||{});var i=[],e=!0,s=!1;this.pause=function(){h.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){h.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(t){this._input=t,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){s&&1===i.length&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),i.length?this.parseChunk(i.shift()):e=!0},this._streamData=y((function(t){try{i.push("string"==typeof t?t:t.toString(this._config.encoding)),e&&(e=!1,this._checkIsFinished(),this.parseChunk(i.shift()))}catch(t){this._streamError(t)}}),this),this._streamError=y((function(t){this._streamCleanUp(),this._sendError(t)}),this),this._streamEnd=y((function(){this._streamCleanUp(),s=!0,this._streamData("")}),this),this._streamCleanUp=y((function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)}),this)}function u(t){var i,e,s,n=Math.pow(2,53),a=-n,o=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,h=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,l=this,c=0,f=0,d=!1,u=!1,p=[],m={data:[],errors:[],meta:{}};if(_(t.step)){var z=t.step;t.step=function(i){if(m=i,k())w();else{if(w(),0===m.data.length)return;c+=i.data.length,t.preview&&c>t.preview?e.abort():(m.data=m.data[0],z(m,l))}}}function y(i){return"greedy"===t.skipEmptyLines?""===i.join("").trim():1===i.length&&0===i[0].length}function w(){return m&&s&&(j("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+r.DefaultDelimiter+"'"),s=!1),t.skipEmptyLines&&(m.data=m.data.filter((function(t){return!y(t)}))),k()&&function(){if(!m)return;function i(i,e){_(t.transformHeader)&&(i=t.transformHeader(i,e)),p.push(i)}if(Array.isArray(m.data[0])){for(var e=0;k()&&e<m.data.length;e++)m.data[e].forEach(i);m.data.splice(0,1)}else m.data.forEach(i)}(),function(){if(!m||!t.header&&!t.dynamicTyping&&!t.transform)return m;function i(i,e){var s,n=t.header?{}:[];for(s=0;s<i.length;s++){var a=s,r=i[s];t.header&&(a=s>=p.length?"__parsed_extra":p[s]),t.transform&&(r=t.transform(r,a)),r=x(a,r),"__parsed_extra"===a?(n[a]=n[a]||[],n[a].push(r)):n[a]=r}return t.header&&(s>p.length?j("FieldMismatch","TooManyFields","Too many fields: expected "+p.length+" fields but parsed "+s,f+e):s<p.length&&j("FieldMismatch","TooFewFields","Too few fields: expected "+p.length+" fields but parsed "+s,f+e)),n}var e=1;!m.data.length||Array.isArray(m.data[0])?(m.data=m.data.map(i),e=m.data.length):m.data=i(m.data,0);t.header&&m.meta&&(m.meta.fields=p);return f+=e,m}()}function k(){return t.header&&0===p.length}function x(i,e){return s=i,t.dynamicTypingFunction&&void 0===t.dynamicTyping[s]&&(t.dynamicTyping[s]=t.dynamicTypingFunction(s)),!0===(t.dynamicTyping[s]||t.dynamicTyping)?"true"===e||"TRUE"===e||"false"!==e&&"FALSE"!==e&&(function(t){if(o.test(t)){var i=parseFloat(t);if(a<i&&i<n)return!0}return!1}(e)?parseFloat(e):h.test(e)?new Date(e):""===e?null:e):e;var s}function j(t,i,e,s){var n={type:t,code:i,message:e};void 0!==s&&(n.row=s),m.errors.push(n)}this.parse=function(n,a,o){var h=t.quoteChar||'"';if(t.newline||(t.newline=function(t,i){t=t.substring(0,1048576);var e=new RegExp(v(i)+"([^]*?)"+v(i),"gm"),s=(t=t.replace(e,"")).split("\r"),n=t.split("\n"),a=1<n.length&&n[0].length<s[0].length;if(1===s.length||a)return"\n";for(var r=0,o=0;o<s.length;o++)"\n"===s[o][0]&&r++;return r>=s.length/2?"\r\n":"\r"}(n,h)),s=!1,t.delimiter)_(t.delimiter)&&(t.delimiter=t.delimiter(n),m.meta.delimiter=t.delimiter);else{var l=function(i,e,s,n,a){var o,h,l,c;a=a||[",","\t","|",";",r.RECORD_SEP,r.UNIT_SEP];for(var f=0;f<a.length;f++){var d=a[f],u=0,v=0,p=0;l=void 0;for(var m=new b({comments:n,delimiter:d,newline:e,preview:10}).parse(i),z=0;z<m.data.length;z++)if(s&&y(m.data[z]))p++;else{var g=m.data[z].length;v+=g,void 0!==l?0<g&&(u+=Math.abs(g-l),l=g):l=g}0<m.data.length&&(v/=m.data.length-p),(void 0===h||u<=h)&&(void 0===c||c<v)&&1.99<v&&(h=u,o=d,c=v)}return{successful:!!(t.delimiter=o),bestDelimiter:o}}(n,t.newline,t.skipEmptyLines,t.comments,t.delimitersToGuess);l.successful?t.delimiter=l.bestDelimiter:(s=!0,t.delimiter=r.DefaultDelimiter),m.meta.delimiter=t.delimiter}var c=g(t);return t.preview&&t.header&&c.preview++,i=n,e=new b(c),m=e.parse(i,a,o),w(),d?{meta:{paused:!0}}:m||{meta:{paused:!1}}},this.paused=function(){return d},this.pause=function(){d=!0,e.abort(),i=_(t.chunk)?"":i.substring(e.getCharIndex())},this.resume=function(){l.streamer._halted?(d=!1,l.streamer.parseChunk(i,!0)):setTimeout(l.resume,3)},this.aborted=function(){return u},this.abort=function(){u=!0,e.abort(),m.meta.aborted=!0,_(t.complete)&&t.complete(m),i=""}}function v(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function b(t){var i,e=(t=t||{}).delimiter,s=t.newline,n=t.comments,a=t.step,o=t.preview,h=t.fastMode,l=i=void 0===t.quoteChar||null===t.quoteChar?'"':t.quoteChar;if(void 0!==t.escapeChar&&(l=t.escapeChar),("string"!=typeof e||-1<r.BAD_DELIMITERS.indexOf(e))&&(e=","),n===e)throw new Error("Comment character same as delimiter");!0===n?n="#":("string"!=typeof n||-1<r.BAD_DELIMITERS.indexOf(n))&&(n=!1),"\n"!==s&&"\r"!==s&&"\r\n"!==s&&(s="\n");var c=0,f=!1;this.parse=function(r,d,u){if("string"!=typeof r)throw new Error("Input must be a string");var b=r.length,p=e.length,m=s.length,z=n.length,g=_(a),y=[],w=[],k=[],x=c=0;if(!r)return q();if(t.header&&!d){var j=r.split(s)[0].split(e),O=[],A={},C=!1;for(var S in j){var E=j[S];_(t.transformHeader)&&(E=t.transformHeader(E,S));var F=E,T=A[E]||0;for(0<T&&(C=!0,F=E+"_"+T),A[E]=T+1;O.includes(F);)F=F+"_"+T;O.push(F)}if(C){var M=r.split(s);M[0]=O.join(e),r=M.join(s)}}if(h||!1!==h&&-1===r.indexOf(i)){for(var R=r.split(s),N=0;N<R.length;N++){if(k=R[N],c+=k.length,N!==R.length-1)c+=s.length;else if(u)return q();if(!n||k.substring(0,z)!==n){if(g){if(y=[],B(k.split(e)),H(),f)return q()}else B(k.split(e));if(o&&o<=N)return y=y.slice(0,o),q(!0)}}return q()}for(var D=r.indexOf(e,c),W=r.indexOf(s,c),I=new RegExp(v(l)+v(i),"g"),P=r.indexOf(i,c);;)if(r[c]!==i)if(n&&0===k.length&&r.substring(c,c+z)===n){if(-1===W)return q();c=W+m,W=r.indexOf(s,c),D=r.indexOf(e,c)}else if(-1!==D&&(D<W||-1===W))k.push(r.substring(c,D)),c=D+p,D=r.indexOf(e,c);else{if(-1===W)break;if(k.push(r.substring(c,W)),G(W+m),g&&(H(),f))return q();if(o&&y.length>=o)return q(!0)}else for(P=c,c++;;){if(-1===(P=r.indexOf(i,P+1)))return u||w.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:y.length,index:c}),L();if(P===b-1)return L(r.substring(c,P).replace(I,i));if(i!==l||r[P+1]!==l){if(i===l||0===P||r[P-1]!==l){-1!==D&&D<P+1&&(D=r.indexOf(e,P+1)),-1!==W&&W<P+1&&(W=r.indexOf(s,P+1));var J=U(-1===W?D:Math.min(D,W));if(r.substr(P+1+J,p)===e){k.push(r.substring(c,P).replace(I,i)),r[c=P+1+J+p]!==i&&(P=r.indexOf(i,c)),D=r.indexOf(e,c),W=r.indexOf(s,c);break}var $=U(W);if(r.substring(P+1+$,P+1+$+m)===s){if(k.push(r.substring(c,P).replace(I,i)),G(P+1+$+m),D=r.indexOf(e,c),P=r.indexOf(i,c),g&&(H(),f))return q();if(o&&y.length>=o)return q(!0);break}w.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:y.length,index:c}),P++}}else P++}return L();function B(t){y.push(t),x=c}function U(t){var i=0;if(-1!==t){var e=r.substring(P+1,t);e&&""===e.trim()&&(i=e.length)}return i}function L(t){return u||(void 0===t&&(t=r.substring(c)),k.push(t),c=b,B(k),g&&H()),q()}function G(t){c=t,B(k),k=[],W=r.indexOf(s,c)}function q(t){return{data:y,errors:w,meta:{delimiter:e,linebreak:s,aborted:f,truncated:!!t,cursor:x+(d||0)}}}function H(){a(q()),y=[],w=[]}},this.abort=function(){f=!0},this.getCharIndex=function(){return c}}function p(t){var i=t.data,e=n[i.workerId],s=!1;if(i.error)e.userError(i.error,i.file);else if(i.results&&i.results.data){var a={abort:function(){s=!0,m(i.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:z,resume:z};if(_(e.userStep)){for(var r=0;r<i.results.data.length&&(e.userStep({data:i.results.data[r],errors:i.results.errors,meta:i.results.meta},a),!s);r++);delete i.results}else _(e.userChunk)&&(e.userChunk(i.results,a,i.file),delete i.results)}i.finished&&!s&&m(i.workerId,i.results)}function m(t,i){var e=n[t];_(e.userComplete)&&e.userComplete(i),e.terminate(),delete n[t]}function z(){throw new Error("Not implemented.")}function g(t){if("object"!=typeof t||null===t)return t;var i=Array.isArray(t)?[]:{};for(var e in t)i[e]=g(t[e]);return i}function y(t,i){return function(){t.apply(i,arguments)}}function _(t){return"function"==typeof t}return s&&(i.onmessage=function(t){var e=t.data;void 0===r.WORKER_ID&&e&&(r.WORKER_ID=e.workerId);if("string"==typeof e.input)i.postMessage({workerId:r.WORKER_ID,results:r.parse(e.input,e.config),finished:!0});else if(i.File&&e.input instanceof File||e.input instanceof Object){var s=r.parse(e.input,e.config);s&&i.postMessage({workerId:r.WORKER_ID,results:s,finished:!0})}}),(l.prototype=Object.create(h.prototype)).constructor=l,(c.prototype=Object.create(h.prototype)).constructor=c,(f.prototype=Object.create(f.prototype)).constructor=f,(d.prototype=Object.create(h.prototype)).constructor=d,r}))}));const v=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-datatable::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-datatable .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-datatable .stzh-fylingfocus-focused{outline-style:none !important}stzh-datatable .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-datatable{}.stzh-datatable__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-datatable__header .stzh-datatable__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__header .stzh-datatable__search{width:var(--search-input-width);flex-grow:0}}.stzh-datatable__action-button{flex-shrink:0;margin-left:auto}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover)}.stzh-datatable__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-datatable__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-datatable stzh-icon.stzh-datatable__sort-icon{display:none}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-datatable__table.has-layout-fixed{table-layout:fixed}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__tbody .stzh-datatable__row:nth-child(even) .stzh-datatable__cell{background-color:var(--stzh-color-grey10)}.stzh-datatable__cell{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;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-datatable__cell a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.valign-top{vertical-align:top}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{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;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary)}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{display:inline-flex}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{transform:rotate(180deg)}.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}.stzh-datatable.has-action-or-search .stzh-datatable__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-datatable.has-list .stzh-datatable__list-wrapper{display:none}}';const b=class{constructor(e){t(this,e);this.stzhRowClick=i(this,"stzhRowClick",7);this.stzhCellClick=i(this,"stzhCellClick",7);this.stzhHeadingCellClick=i(this,"stzhHeadingCellClick",7);this.stzhSortClick=i(this,"stzhSortClick",7);this.stzhSortByChange=i(this,"stzhSortByChange",7);this.stzhSortDirectionChange=i(this,"stzhSortDirectionChange",7);this.handleSortByDropdownChange=async t=>{const i=t.target;const e=await i.getValue();this.sortBy=e};this.handleSortDirectionDropdownChange=async t=>{const i=t.target;const e=await i.getValue();this.sortDirection=e};this.handleRowClick=(t,i)=>{this.stzhRowClick.emit({component:"stzh-datatable",row:i,originalEvent:t})};this.handleCellClick=(t,i,e,s,n)=>{this.stzhCellClick.emit({component:"stzh-datatable",row:i,column:e,cellIndex:s,rowIndex:n,originalEvent:t})};this.handleSortClick=(t,i)=>{this.stzhSortClick.emit({component:"stzh-datatable",column:i,originalEvent:t});this.toggleSort(i.key)};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const i=this.tableWrapper.scrollWidth;const e=this.tableWrapper.clientWidth;this.isScrollable=i>e;this.hasScrollLeft=t>0;this.hasScrollRight=t<i-e;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const n=s[0];if(!n){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const a=Array.from(n.children);a.forEach(((i,s)=>{const n=i.offsetLeft;const a=n+i.offsetWidth;if(this.hasScrollLeft&&this._columns[s].fixed==="left"&&Math.ceil(t)>=n){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&this._columns[s].fixed==="right"&&Math.ceil(t)+e<=a){this.cellsStickyRight.push(s)}}))};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.onInputChange=()=>{this.query=this.input.value};this.onPaginationChange=t=>{if(t.detail.component==="stzh-pagination"){this.page=t.detail.page}};this.tableLayout="auto";this.localization=undefined;this.label="";this.sortBy="";this.sortDirection="asc";this.idField="id";this.rowHeaderField="";this.hideSearch=false;this.hideColumnHeadings=false;this.showList=false;this.page=1;this.pageSize=null;this.csvUrl=undefined;this.csvHeader=true;this.csvDynamicTyping=true;this.disableMinWidth=false;this.rows=[];this.columns=[];this.query="";this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}async toggleSort(t){this.page=1;if(t===this.sortBy){this.sortDirection=this.sortDirection==="asc"?"desc":"asc"}else{this.sortDirection="asc";this.sortBy=t}}async csvUrlsWatcher(t){if(!t){return}const i=await fetch(t);const e=await i.text();const{columns:s,rows:n}=await this.parseCsvToJson(e);if(this.csvHeader){this.columns=s.map((t=>{var i;return Object.assign(Object.assign({},t),((i=this._columns)===null||i===void 0?void 0:i.find((({key:i})=>i===t.key)))||{})}))}else{this.columns=this.columns||s}this.rows=n}rowsWatcher(t){let i;if(typeof t==="string"){i=JSON.parse(t)}else{i=t}this._rows=i.map((t=>{const i={};function e(t){const i={value:""};if(typeof t==="object"){return Object.assign(Object.assign({},i),t)}else{return Object.assign(Object.assign({},i),{value:t})}}this._columns.forEach(((s,n)=>{if(Array.isArray(t)){i[s.key]=e(t[n])}else{i[s.key]=e(t[s.key])}}));return i}));this.buildSearchIndex()}columnsWatcher(t){if(typeof t==="string"){this._columns=JSON.parse(t)}else{this._columns=t}this.rowsWatcher(this.rows)}sortByWatcher(t,i){this.stzhSortByChange.emit({component:"stzh-datatable",value:t,oldValue:i})}sortDirectionWatcher(t,i){this.stzhSortDirectionChange.emit({component:"stzh-datatable",value:t,oldValue:i})}async parseCsvToJson(t){return new Promise(((i,e)=>{u.parse(t,{header:this.csvHeader,dynamicTyping:this.csvDynamicTyping,complete:t=>{const e=t.data.map((t=>{const i={};Object.keys(t).forEach((e=>{i[e.toLowerCase()]=t[e]}));return i}));i({columns:Object.keys(t.data[0]).map((t=>({key:t.toLowerCase(),text:t}))),rows:e})},error:t=>{e(t)}})}))}handleHeadingCellClick(t,i,e){this.stzhHeadingCellClick.emit({component:"stzh-datatable",column:i,index:e,originalEvent:t})}buildSearchIndex(){if(!this._rows||this._rows.length===0||!this._columns||this._columns.length===0){return}this.searchIndex=new d.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.idField,index:this._columns.map((t=>t.key))}});this._rows.forEach((t=>{const i={};for(const e in t){i[e]=t[e].value.toString()}this.searchIndex.add(i)}))}async componentWillLoad(){this.columnsWatcher(this.columns);await this.csvUrlsWatcher(this.csvUrl);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datatable")}}componentDidLoad(){this.updateScrollStates()}componentWillRender(){this._rowsShown=[];this._rowsFiltered=[];if(this.query){let t=[];this.searchIndex.search(this.query).forEach((i=>{t=[...t,...i.result]}));t=t.filter((function(i,e){return t.indexOf(i)===e}));this._rows.forEach((i=>{if(t.includes(i[this.idField].value)||t.includes(i[this.idField].value.toString())){this._rowsFiltered.push(i)}}))}else{this._rowsFiltered=[...this._rows]}if(this.sortBy){const t=this._columns.find((t=>t.key===this.sortBy));let i=this.sortBy;let e=null;if(typeof t.sort==="object"){if(t.sort.field){i=t.sort.field}if(t.sort.type){e=t.sort.type}}this._rowsFiltered.sort(((t,s)=>{if(e==="numerical"){if(this.sortDirection==="asc"){return Number(t[i].value)-Number(s[i].value)}else{return Number(s[i].value)-Number(t[i].value)}}else{const e=t[i].value.toString().localeCompare(s[i].value.toString());return this.sortDirection==="asc"?e:e/-1}}))}if(this.pageSize!==null){const t=this.page*this.pageSize;this._rowsShown=this._rowsFiltered.slice(t-this.pageSize,t)}else{this._rowsShown=[...this._rowsFiltered]}}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){var t,i;const n=h(this.element,"heading");const a=h(this.element,"action-button");const r={"stzh-datatable":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":this.showList,"has-heading":n,"has-action-or-search":a||!this.hideSearch,"has-header":n||a||!this.hideSearch};const o=Math.ceil(this._rowsFiltered.length/this.pageSize);const l=this._columns.find((t=>t.isHeader));const c=[{text:this.localization.sortByDefaultOption,value:""},...this._columns.filter((t=>!!t.sort)).map((t=>{var i;return{value:t.key,text:(i=this.localization.sortByOption)===null||i===void 0?void 0:i.replace(/\{column\}/gi,t.text)}}))];const f=[{value:"asc",text:(t=this.localization.sortDirectionOption)===null||t===void 0?void 0:t.replace(/\{direction\}/gi,this.localization.asc)},{value:"desc",text:(i=this.localization.sortDirectionOption)===null||i===void 0?void 0:i.replace(/\{direction\}/gi,this.localization.desc)}];const d=(t,i,e)=>{var s,n,a,r,o;return{"stzh-datatable__cell stzh-datatable__cell--body":true,"is-sticky-left":t.fixed==="left","is-sticky-right":t.fixed==="right","is-head":!!((s=i[t.key])===null||s===void 0?void 0:s.isHeader)||!!t.isHeader,"is-sortable":!!t.sort,"has-sticked":this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1,"has-sorted":t.key===this.sortBy,"has-sorted-asc":t.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":t.key===this.sortBy&&this.sortDirection==="desc",[`align-${((n=i[t.key])===null||n===void 0?void 0:n.align)||t.align}`]:!!((a=i[t.key])===null||a===void 0?void 0:a.align)||!!t.align,[`valign-${((r=i[t.key])===null||r===void 0?void 0:r.valign)||t.valign}`]:!!((o=i[t.key])===null||o===void 0?void 0:o.valign)||!!t.valign}};return e(s,null,e("div",{class:r},e("div",{class:"stzh-datatable__header"},e("div",{class:"stzh-datatable__heading"},e("slot",{name:"heading"})),e("div",{class:"stzh-datatable__sub-header"},!this.hideSearch&&e("stzh-input",{ref:t=>this.input=t,class:"stzh-datatable__search",size:"small",name:"stzh-datatable-search",onStzhChange:this.onInputChange,hideOptional:true,label:this.localization.searchLabel,type:"search"}),e("div",{class:"stzh-datatable__action-button"},e("slot",{name:"action-button"})))),e("div",{class:"stzh-datatable__outer-wrapper"},e("div",{ref:t=>this.tableWrapper=t,class:"stzh-datatable__wrapper",onScroll:this.handleScroll},e("table",{class:{"stzh-datatable__table":true,"has-layout-fixed":this.tableLayout==="fixed"}},!this.hideColumnHeadings&&e("thead",{class:"stzh-datatable__thead"},e("tr",{class:"stzh-datatable__row stzh-datatable__row--head"},this._columns.map(((t,i)=>e("th",{onClick:e=>this.handleHeadingCellClick(e,t,i),style:t.style,class:{"stzh-datatable__cell stzh-datatable__cell--head":true,"is-sticky-left":t.fixed==="left","is-sticky-right":t.fixed==="right","is-sortable":!!t.sort,"has-sticked":this.cellsStickyLeft.indexOf(i)>-1||this.cellsStickyRight.indexOf(i)>-1,"has-sorted":t.key===this.sortBy,"has-sorted-asc":t.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":t.key===this.sortBy&&this.sortDirection==="desc",[`align-${t.align}`]:!!t.align,[`valign-${t.valign}`]:!!t.valign}},!t.hideColumnHeading&&(t.sort?e("button",{class:"stzh-datatable__sort-button",type:"button",onClick:i=>this.handleSortClick(i,t),"s-object-id":t.analyticsId||`${t.text} ${this.localization.columnSort}`},e("span",null,t.text),e("stzh-icon",{name:"arrow-up",class:"stzh-datatable__sort-icon",a11yTitle:this.localization.columnSort})):e("span",null,t.text))))))),e("tbody",{class:"stzh-datatable__tbody"},this._rowsShown.map(((t,i)=>e("tr",{class:"stzh-datatable__row stzh-datatable__row--body",onClick:i=>this.handleRowClick(i,t)},this._columns.map(((s,n)=>{var a;return!!((a=t[s.key])===null||a===void 0?void 0:a.isHeader)||!!s.isHeader?e("th",{id:t[s.key].id,onClick:e=>this.handleCellClick(e,t,s,n,i),innerHTML:t[s.key].value.toString()||"",style:s.style,class:d(s,t,n)}):e("td",{id:t[s.key].id,onClick:e=>this.handleCellClick(e,t,s,n,i),innerHTML:t[s.key].value.toString()||"",style:s.style,class:d(s,t,n)})}))))))))),this.showList&&e("div",{class:"stzh-datatable__list-wrapper"},c.length>1&&e("div",{class:"stzh-datatable__list-sort-wrapper"},e("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-datatable__list-sort-by-dropdown",variant:"plain",size:"small",items:[this.sortBy],options:c,onStzhChange:this.handleSortByDropdownChange}),e("stzh-dropdown",{disabled:this.sortBy==="",inline:true,"no-search":true,class:"stzh-datatable__list-sort-direction-dropdown",variant:"plain",size:"small",items:[this.sortDirection],options:f,onStzhChange:this.handleSortDirectionDropdownChange})),e("stzh-accordion",{variant:"table"},this._rowsShown.map(((t,i)=>{var s,n,a,r;return e("stzh-accordion-item",{heading:((n=(s=t[this.rowHeaderField])===null||s===void 0?void 0:s.value)===null||n===void 0?void 0:n.toString())||((r=(a=t[l===null||l===void 0?void 0:l.key])===null||a===void 0?void 0:a.value)===null||r===void 0?void 0:r.toString())||this.localization.defaultListRowHeading.replace(/\{n\}/gi,(i+1).toString())},e("stzh-datalist",{variant:"table",columnsMedium:2},this._columns.map((i=>{var s,n;return e("stzh-datalist-item",{label:i.text,value:((n=(s=t[i.key])===null||s===void 0?void 0:s.value)===null||n===void 0?void 0:n.toString())||""})}))))})))),this.pageSize!==null&&o>1&&e("div",{class:"stzh-datatable__pagination-wrapper"},e("stzh-pagination",{value:this.page,total:o,onStzhChange:this.onPaginationChange}))))}get element(){return n(this)}static get watchers(){return{csvUrls:["csvUrlsWatcher"],rows:["rowsWatcher"],columns:["columnsWatcher"],sortBy:["sortByWatcher"],sortDirection:["sortDirectionWatcher"]}}};b.style=v;export{b as stzh_datatable};
-//# sourceMappingURL=p-e7ac738e.entry.js.map
+!function(i,e){t.exports=e()}(o,(function t(){var i="undefined"!=typeof self?self:"undefined"!=typeof window?window:void 0!==i?i:{};var e=!i.document&&!!i.postMessage,s=i.IS_PAPA_WORKER||!1,n={},a=0,r={parse:function(e,s){var o=(s=s||{}).dynamicTyping||!1;_(o)&&(s.dynamicTypingFunction=o,o={});if(s.dynamicTyping=o,s.transform=!!_(s.transform)&&s.transform,s.worker&&r.WORKERS_SUPPORTED){var h=function(){if(!r.WORKERS_SUPPORTED)return!1;var e=(o=i.URL||i.webkitURL||null,h=t.toString(),r.BLOB_URL||(r.BLOB_URL=o.createObjectURL(new Blob(["var global = (function() { if (typeof self !== 'undefined') { return self; } if (typeof window !== 'undefined') { return window; } if (typeof global !== 'undefined') { return global; } return {}; })(); global.IS_PAPA_WORKER=true; ","(",h,")();"],{type:"text/javascript"})))),s=new i.Worker(e);var o,h;return s.onmessage=p,s.id=a++,n[s.id]=s}();return h.userStep=s.step,h.userChunk=s.chunk,h.userComplete=s.complete,h.userError=s.error,s.step=_(s.step),s.chunk=_(s.chunk),s.complete=_(s.complete),s.error=_(s.error),delete s.worker,void h.postMessage({input:e,config:s,workerId:h.id})}var u=null;"string"==typeof e?(e=function(t){if(65279===t.charCodeAt(0))return t.slice(1);return t}(e),u=s.download?new l(s):new f(s)):!0===e.readable&&_(e.read)&&_(e.on)?u=new d(s):(i.File&&e instanceof File||e instanceof Object)&&(u=new c(s));return u.stream(e)},unparse:function(t,i){var e=!1,s=!0,n=",",a="\r\n",o='"',h=o+o,l=!1,c=null,f=!1;!function(){if("object"!=typeof i)return;"string"!=typeof i.delimiter||r.BAD_DELIMITERS.filter((function(t){return-1!==i.delimiter.indexOf(t)})).length||(n=i.delimiter);("boolean"==typeof i.quotes||"function"==typeof i.quotes||Array.isArray(i.quotes))&&(e=i.quotes);"boolean"!=typeof i.skipEmptyLines&&"string"!=typeof i.skipEmptyLines||(l=i.skipEmptyLines);"string"==typeof i.newline&&(a=i.newline);"string"==typeof i.quoteChar&&(o=i.quoteChar);"boolean"==typeof i.header&&(s=i.header);if(Array.isArray(i.columns)){if(0===i.columns.length)throw new Error("Option columns is empty");c=i.columns}void 0!==i.escapeChar&&(h=i.escapeChar+o);("boolean"==typeof i.escapeFormulae||i.escapeFormulae instanceof RegExp)&&(f=i.escapeFormulae instanceof RegExp?i.escapeFormulae:/^[=+\-@\t\r].*$/)}();var d=new RegExp(v(o),"g");"string"==typeof t&&(t=JSON.parse(t));if(Array.isArray(t)){if(!t.length||Array.isArray(t[0]))return u(null,t,l);if("object"==typeof t[0])return u(c||Object.keys(t[0]),t,l)}else if("object"==typeof t)return"string"==typeof t.data&&(t.data=JSON.parse(t.data)),Array.isArray(t.data)&&(t.fields||(t.fields=t.meta&&t.meta.fields||c),t.fields||(t.fields=Array.isArray(t.data[0])?t.fields:"object"==typeof t.data[0]?Object.keys(t.data[0]):[]),Array.isArray(t.data[0])||"object"==typeof t.data[0]||(t.data=[t.data])),u(t.fields||[],t.data||[],l);throw new Error("Unable to serialize unrecognized input");function u(t,i,e){var r="";"string"==typeof t&&(t=JSON.parse(t)),"string"==typeof i&&(i=JSON.parse(i));var o=Array.isArray(t)&&0<t.length,h=!Array.isArray(i[0]);if(o&&s){for(var l=0;l<t.length;l++)0<l&&(r+=n),r+=b(t[l],l);0<i.length&&(r+=a)}for(var c=0;c<i.length;c++){var f=o?t.length:i[c].length,d=!1,u=o?0===Object.keys(i[c]).length:0===i[c].length;if(e&&!o&&(d="greedy"===e?""===i[c].join("").trim():1===i[c].length&&0===i[c][0].length),"greedy"===e&&o){for(var v=[],p=0;p<f;p++){var m=h?t[p]:p;v.push(i[c][m])}d=""===v.join("").trim()}if(!d){for(var z=0;z<f;z++){0<z&&!u&&(r+=n);var g=o&&h?t[z]:z;r+=b(i[c][g],z)}c<i.length-1&&(!e||0<f&&!u)&&(r+=a)}}return r}function b(t,i){if(null==t)return"";if(t.constructor===Date)return JSON.stringify(t).slice(1,25);var s=!1;f&&"string"==typeof t&&f.test(t)&&(t="'"+t,s=!0);var a=t.toString().replace(d,h);return(s=s||!0===e||"function"==typeof e&&e(t,i)||Array.isArray(e)&&e[i]||function(t,i){for(var e=0;e<i.length;e++)if(-1<t.indexOf(i[e]))return!0;return!1}(a,r.BAD_DELIMITERS)||-1<a.indexOf(n)||" "===a.charAt(0)||" "===a.charAt(a.length-1))?o+a+o:a}}};if(r.RECORD_SEP=String.fromCharCode(30),r.UNIT_SEP=String.fromCharCode(31),r.BYTE_ORDER_MARK="\ufeff",r.BAD_DELIMITERS=["\r","\n",'"',r.BYTE_ORDER_MARK],r.WORKERS_SUPPORTED=!e&&!!i.Worker,r.NODE_STREAM_INPUT=1,r.LocalChunkSize=10485760,r.RemoteChunkSize=5242880,r.DefaultDelimiter=",",r.Parser=b,r.ParserHandle=u,r.NetworkStreamer=l,r.FileStreamer=c,r.StringStreamer=f,r.ReadableStreamStreamer=d,i.jQuery){var o=i.jQuery;o.fn.parse=function(t){var e=t.config||{},s=[];return this.each((function(t){if(!("INPUT"===o(this).prop("tagName").toUpperCase()&&"file"===o(this).attr("type").toLowerCase()&&i.FileReader)||!this.files||0===this.files.length)return!0;for(var n=0;n<this.files.length;n++)s.push({file:this.files[n],inputElem:this,instanceConfig:o.extend({},e)})})),n(),this;function n(){if(0!==s.length){var i,e,n,h,l=s[0];if(_(t.before)){var c=t.before(l.file,l.inputElem);if("object"==typeof c){if("abort"===c.action)return i="AbortError",e=l.file,n=l.inputElem,h=c.reason,void(_(t.error)&&t.error({name:i},e,n,h));if("skip"===c.action)return void a();"object"==typeof c.config&&(l.instanceConfig=o.extend(l.instanceConfig,c.config))}else if("skip"===c)return void a()}var f=l.instanceConfig.complete;l.instanceConfig.complete=function(t){_(f)&&f(t,l.file,l.inputElem),a()},r.parse(l.file,l.instanceConfig)}else _(t.complete)&&t.complete()}function a(){s.splice(0,1),n()}}}function h(t){this._handle=null,this._finished=!1,this._completed=!1,this._halted=!1,this._input=null,this._baseIndex=0,this._partialLine="",this._rowCount=0,this._start=0,this._nextChunk=null,this.isFirstChunk=!0,this._completeResults={data:[],errors:[],meta:{}},function(t){var i=g(t);i.chunkSize=parseInt(i.chunkSize),t.step||t.chunk||(i.chunkSize=null);this._handle=new u(i),(this._handle.streamer=this)._config=i}.call(this,t),this.parseChunk=function(t,e){if(this.isFirstChunk&&_(this._config.beforeFirstChunk)){var n=this._config.beforeFirstChunk(t);void 0!==n&&(t=n)}this.isFirstChunk=!1,this._halted=!1;var a=this._partialLine+t;this._partialLine="";var o=this._handle.parse(a,this._baseIndex,!this._finished);if(!this._handle.paused()&&!this._handle.aborted()){var h=o.meta.cursor;this._finished||(this._partialLine=a.substring(h-this._baseIndex),this._baseIndex=h),o&&o.data&&(this._rowCount+=o.data.length);var l=this._finished||this._config.preview&&this._rowCount>=this._config.preview;if(s)i.postMessage({results:o,workerId:r.WORKER_ID,finished:l});else if(_(this._config.chunk)&&!e){if(this._config.chunk(o,this._handle),this._handle.paused()||this._handle.aborted())return void(this._halted=!0);o=void 0,this._completeResults=void 0}return this._config.step||this._config.chunk||(this._completeResults.data=this._completeResults.data.concat(o.data),this._completeResults.errors=this._completeResults.errors.concat(o.errors),this._completeResults.meta=o.meta),this._completed||!l||!_(this._config.complete)||o&&o.meta.aborted||(this._config.complete(this._completeResults,this._input),this._completed=!0),l||o&&o.meta.paused||this._nextChunk(),o}this._halted=!0},this._sendError=function(t){_(this._config.error)?this._config.error(t):s&&this._config.error&&i.postMessage({workerId:r.WORKER_ID,error:t,finished:!1})}}function l(t){var i;(t=t||{}).chunkSize||(t.chunkSize=r.RemoteChunkSize),h.call(this,t),this._nextChunk=e?function(){this._readChunk(),this._chunkLoaded()}:function(){this._readChunk()},this.stream=function(t){this._input=t,this._nextChunk()},this._readChunk=function(){if(this._finished)this._chunkLoaded();else{if(i=new XMLHttpRequest,this._config.withCredentials&&(i.withCredentials=this._config.withCredentials),e||(i.onload=y(this._chunkLoaded,this),i.onerror=y(this._chunkError,this)),i.open(this._config.downloadRequestBody?"POST":"GET",this._input,!e),this._config.downloadRequestHeaders){var t=this._config.downloadRequestHeaders;for(var s in t)i.setRequestHeader(s,t[s])}if(this._config.chunkSize){var n=this._start+this._config.chunkSize-1;i.setRequestHeader("Range","bytes="+this._start+"-"+n)}try{i.send(this._config.downloadRequestBody)}catch(t){this._chunkError(t.message)}e&&0===i.status&&this._chunkError()}},this._chunkLoaded=function(){4===i.readyState&&(i.status<200||400<=i.status?this._chunkError():(this._start+=this._config.chunkSize?this._config.chunkSize:i.responseText.length,this._finished=!this._config.chunkSize||this._start>=function(t){var i=t.getResponseHeader("Content-Range");if(null===i)return-1;return parseInt(i.substring(i.lastIndexOf("/")+1))}(i),this.parseChunk(i.responseText)))},this._chunkError=function(t){var e=i.statusText||t;this._sendError(new Error(e))}}function c(t){var i,e;(t=t||{}).chunkSize||(t.chunkSize=r.LocalChunkSize),h.call(this,t);var s="undefined"!=typeof FileReader;this.stream=function(t){this._input=t,e=t.slice||t.webkitSlice||t.mozSlice,s?((i=new FileReader).onload=y(this._chunkLoaded,this),i.onerror=y(this._chunkError,this)):i=new FileReaderSync,this._nextChunk()},this._nextChunk=function(){this._finished||this._config.preview&&!(this._rowCount<this._config.preview)||this._readChunk()},this._readChunk=function(){var t=this._input;if(this._config.chunkSize){var n=Math.min(this._start+this._config.chunkSize,this._input.size);t=e.call(t,this._start,n)}var a=i.readAsText(t,this._config.encoding);s||this._chunkLoaded({target:{result:a}})},this._chunkLoaded=function(t){this._start+=this._config.chunkSize,this._finished=!this._config.chunkSize||this._start>=this._input.size,this.parseChunk(t.target.result)},this._chunkError=function(){this._sendError(i.error)}}function f(t){var i;h.call(this,t=t||{}),this.stream=function(t){return i=t,this._nextChunk()},this._nextChunk=function(){if(!this._finished){var t,e=this._config.chunkSize;return e?(t=i.substring(0,e),i=i.substring(e)):(t=i,i=""),this._finished=!i,this.parseChunk(t)}}}function d(t){h.call(this,t=t||{});var i=[],e=!0,s=!1;this.pause=function(){h.prototype.pause.apply(this,arguments),this._input.pause()},this.resume=function(){h.prototype.resume.apply(this,arguments),this._input.resume()},this.stream=function(t){this._input=t,this._input.on("data",this._streamData),this._input.on("end",this._streamEnd),this._input.on("error",this._streamError)},this._checkIsFinished=function(){s&&1===i.length&&(this._finished=!0)},this._nextChunk=function(){this._checkIsFinished(),i.length?this.parseChunk(i.shift()):e=!0},this._streamData=y((function(t){try{i.push("string"==typeof t?t:t.toString(this._config.encoding)),e&&(e=!1,this._checkIsFinished(),this.parseChunk(i.shift()))}catch(t){this._streamError(t)}}),this),this._streamError=y((function(t){this._streamCleanUp(),this._sendError(t)}),this),this._streamEnd=y((function(){this._streamCleanUp(),s=!0,this._streamData("")}),this),this._streamCleanUp=y((function(){this._input.removeListener("data",this._streamData),this._input.removeListener("end",this._streamEnd),this._input.removeListener("error",this._streamError)}),this)}function u(t){var i,e,s,n=Math.pow(2,53),a=-n,o=/^\s*-?(\d+\.?|\.\d+|\d+\.\d+)([eE][-+]?\d+)?\s*$/,h=/^((\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d\.\d+([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z))|(\d{4}-[01]\d-[0-3]\dT[0-2]\d:[0-5]\d([+-][0-2]\d:[0-5]\d|Z)))$/,l=this,c=0,f=0,d=!1,u=!1,p=[],m={data:[],errors:[],meta:{}};if(_(t.step)){var z=t.step;t.step=function(i){if(m=i,k())w();else{if(w(),0===m.data.length)return;c+=i.data.length,t.preview&&c>t.preview?e.abort():(m.data=m.data[0],z(m,l))}}}function y(i){return"greedy"===t.skipEmptyLines?""===i.join("").trim():1===i.length&&0===i[0].length}function w(){return m&&s&&(j("Delimiter","UndetectableDelimiter","Unable to auto-detect delimiting character; defaulted to '"+r.DefaultDelimiter+"'"),s=!1),t.skipEmptyLines&&(m.data=m.data.filter((function(t){return!y(t)}))),k()&&function(){if(!m)return;function i(i,e){_(t.transformHeader)&&(i=t.transformHeader(i,e)),p.push(i)}if(Array.isArray(m.data[0])){for(var e=0;k()&&e<m.data.length;e++)m.data[e].forEach(i);m.data.splice(0,1)}else m.data.forEach(i)}(),function(){if(!m||!t.header&&!t.dynamicTyping&&!t.transform)return m;function i(i,e){var s,n=t.header?{}:[];for(s=0;s<i.length;s++){var a=s,r=i[s];t.header&&(a=s>=p.length?"__parsed_extra":p[s]),t.transform&&(r=t.transform(r,a)),r=x(a,r),"__parsed_extra"===a?(n[a]=n[a]||[],n[a].push(r)):n[a]=r}return t.header&&(s>p.length?j("FieldMismatch","TooManyFields","Too many fields: expected "+p.length+" fields but parsed "+s,f+e):s<p.length&&j("FieldMismatch","TooFewFields","Too few fields: expected "+p.length+" fields but parsed "+s,f+e)),n}var e=1;!m.data.length||Array.isArray(m.data[0])?(m.data=m.data.map(i),e=m.data.length):m.data=i(m.data,0);t.header&&m.meta&&(m.meta.fields=p);return f+=e,m}()}function k(){return t.header&&0===p.length}function x(i,e){return s=i,t.dynamicTypingFunction&&void 0===t.dynamicTyping[s]&&(t.dynamicTyping[s]=t.dynamicTypingFunction(s)),!0===(t.dynamicTyping[s]||t.dynamicTyping)?"true"===e||"TRUE"===e||"false"!==e&&"FALSE"!==e&&(function(t){if(o.test(t)){var i=parseFloat(t);if(a<i&&i<n)return!0}return!1}(e)?parseFloat(e):h.test(e)?new Date(e):""===e?null:e):e;var s}function j(t,i,e,s){var n={type:t,code:i,message:e};void 0!==s&&(n.row=s),m.errors.push(n)}this.parse=function(n,a,o){var h=t.quoteChar||'"';if(t.newline||(t.newline=function(t,i){t=t.substring(0,1048576);var e=new RegExp(v(i)+"([^]*?)"+v(i),"gm"),s=(t=t.replace(e,"")).split("\r"),n=t.split("\n"),a=1<n.length&&n[0].length<s[0].length;if(1===s.length||a)return"\n";for(var r=0,o=0;o<s.length;o++)"\n"===s[o][0]&&r++;return r>=s.length/2?"\r\n":"\r"}(n,h)),s=!1,t.delimiter)_(t.delimiter)&&(t.delimiter=t.delimiter(n),m.meta.delimiter=t.delimiter);else{var l=function(i,e,s,n,a){var o,h,l,c;a=a||[",","\t","|",";",r.RECORD_SEP,r.UNIT_SEP];for(var f=0;f<a.length;f++){var d=a[f],u=0,v=0,p=0;l=void 0;for(var m=new b({comments:n,delimiter:d,newline:e,preview:10}).parse(i),z=0;z<m.data.length;z++)if(s&&y(m.data[z]))p++;else{var g=m.data[z].length;v+=g,void 0!==l?0<g&&(u+=Math.abs(g-l),l=g):l=g}0<m.data.length&&(v/=m.data.length-p),(void 0===h||u<=h)&&(void 0===c||c<v)&&1.99<v&&(h=u,o=d,c=v)}return{successful:!!(t.delimiter=o),bestDelimiter:o}}(n,t.newline,t.skipEmptyLines,t.comments,t.delimitersToGuess);l.successful?t.delimiter=l.bestDelimiter:(s=!0,t.delimiter=r.DefaultDelimiter),m.meta.delimiter=t.delimiter}var c=g(t);return t.preview&&t.header&&c.preview++,i=n,e=new b(c),m=e.parse(i,a,o),w(),d?{meta:{paused:!0}}:m||{meta:{paused:!1}}},this.paused=function(){return d},this.pause=function(){d=!0,e.abort(),i=_(t.chunk)?"":i.substring(e.getCharIndex())},this.resume=function(){l.streamer._halted?(d=!1,l.streamer.parseChunk(i,!0)):setTimeout(l.resume,3)},this.aborted=function(){return u},this.abort=function(){u=!0,e.abort(),m.meta.aborted=!0,_(t.complete)&&t.complete(m),i=""}}function v(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function b(t){var i,e=(t=t||{}).delimiter,s=t.newline,n=t.comments,a=t.step,o=t.preview,h=t.fastMode,l=i=void 0===t.quoteChar||null===t.quoteChar?'"':t.quoteChar;if(void 0!==t.escapeChar&&(l=t.escapeChar),("string"!=typeof e||-1<r.BAD_DELIMITERS.indexOf(e))&&(e=","),n===e)throw new Error("Comment character same as delimiter");!0===n?n="#":("string"!=typeof n||-1<r.BAD_DELIMITERS.indexOf(n))&&(n=!1),"\n"!==s&&"\r"!==s&&"\r\n"!==s&&(s="\n");var c=0,f=!1;this.parse=function(r,d,u){if("string"!=typeof r)throw new Error("Input must be a string");var b=r.length,p=e.length,m=s.length,z=n.length,g=_(a),y=[],w=[],k=[],x=c=0;if(!r)return q();if(t.header&&!d){var j=r.split(s)[0].split(e),O=[],A={},C=!1;for(var S in j){var E=j[S];_(t.transformHeader)&&(E=t.transformHeader(E,S));var F=E,T=A[E]||0;for(0<T&&(C=!0,F=E+"_"+T),A[E]=T+1;O.includes(F);)F=F+"_"+T;O.push(F)}if(C){var M=r.split(s);M[0]=O.join(e),r=M.join(s)}}if(h||!1!==h&&-1===r.indexOf(i)){for(var R=r.split(s),N=0;N<R.length;N++){if(k=R[N],c+=k.length,N!==R.length-1)c+=s.length;else if(u)return q();if(!n||k.substring(0,z)!==n){if(g){if(y=[],B(k.split(e)),H(),f)return q()}else B(k.split(e));if(o&&o<=N)return y=y.slice(0,o),q(!0)}}return q()}for(var D=r.indexOf(e,c),W=r.indexOf(s,c),I=new RegExp(v(l)+v(i),"g"),P=r.indexOf(i,c);;)if(r[c]!==i)if(n&&0===k.length&&r.substring(c,c+z)===n){if(-1===W)return q();c=W+m,W=r.indexOf(s,c),D=r.indexOf(e,c)}else if(-1!==D&&(D<W||-1===W))k.push(r.substring(c,D)),c=D+p,D=r.indexOf(e,c);else{if(-1===W)break;if(k.push(r.substring(c,W)),G(W+m),g&&(H(),f))return q();if(o&&y.length>=o)return q(!0)}else for(P=c,c++;;){if(-1===(P=r.indexOf(i,P+1)))return u||w.push({type:"Quotes",code:"MissingQuotes",message:"Quoted field unterminated",row:y.length,index:c}),L();if(P===b-1)return L(r.substring(c,P).replace(I,i));if(i!==l||r[P+1]!==l){if(i===l||0===P||r[P-1]!==l){-1!==D&&D<P+1&&(D=r.indexOf(e,P+1)),-1!==W&&W<P+1&&(W=r.indexOf(s,P+1));var J=U(-1===W?D:Math.min(D,W));if(r.substr(P+1+J,p)===e){k.push(r.substring(c,P).replace(I,i)),r[c=P+1+J+p]!==i&&(P=r.indexOf(i,c)),D=r.indexOf(e,c),W=r.indexOf(s,c);break}var $=U(W);if(r.substring(P+1+$,P+1+$+m)===s){if(k.push(r.substring(c,P).replace(I,i)),G(P+1+$+m),D=r.indexOf(e,c),P=r.indexOf(i,c),g&&(H(),f))return q();if(o&&y.length>=o)return q(!0);break}w.push({type:"Quotes",code:"InvalidQuotes",message:"Trailing quote on quoted field is malformed",row:y.length,index:c}),P++}}else P++}return L();function B(t){y.push(t),x=c}function U(t){var i=0;if(-1!==t){var e=r.substring(P+1,t);e&&""===e.trim()&&(i=e.length)}return i}function L(t){return u||(void 0===t&&(t=r.substring(c)),k.push(t),c=b,B(k),g&&H()),q()}function G(t){c=t,B(k),k=[],W=r.indexOf(s,c)}function q(t){return{data:y,errors:w,meta:{delimiter:e,linebreak:s,aborted:f,truncated:!!t,cursor:x+(d||0)}}}function H(){a(q()),y=[],w=[]}},this.abort=function(){f=!0},this.getCharIndex=function(){return c}}function p(t){var i=t.data,e=n[i.workerId],s=!1;if(i.error)e.userError(i.error,i.file);else if(i.results&&i.results.data){var a={abort:function(){s=!0,m(i.workerId,{data:[],errors:[],meta:{aborted:!0}})},pause:z,resume:z};if(_(e.userStep)){for(var r=0;r<i.results.data.length&&(e.userStep({data:i.results.data[r],errors:i.results.errors,meta:i.results.meta},a),!s);r++);delete i.results}else _(e.userChunk)&&(e.userChunk(i.results,a,i.file),delete i.results)}i.finished&&!s&&m(i.workerId,i.results)}function m(t,i){var e=n[t];_(e.userComplete)&&e.userComplete(i),e.terminate(),delete n[t]}function z(){throw new Error("Not implemented.")}function g(t){if("object"!=typeof t||null===t)return t;var i=Array.isArray(t)?[]:{};for(var e in t)i[e]=g(t[e]);return i}function y(t,i){return function(){t.apply(i,arguments)}}function _(t){return"function"==typeof t}return s&&(i.onmessage=function(t){var e=t.data;void 0===r.WORKER_ID&&e&&(r.WORKER_ID=e.workerId);if("string"==typeof e.input)i.postMessage({workerId:r.WORKER_ID,results:r.parse(e.input,e.config),finished:!0});else if(i.File&&e.input instanceof File||e.input instanceof Object){var s=r.parse(e.input,e.config);s&&i.postMessage({workerId:r.WORKER_ID,results:s,finished:!0})}}),(l.prototype=Object.create(h.prototype)).constructor=l,(c.prototype=Object.create(h.prototype)).constructor=c,(f.prototype=Object.create(f.prototype)).constructor=f,(d.prototype=Object.create(h.prototype)).constructor=d,r}))}));const v=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--stzh-list-font-size:"";--stzh-list-line-height:"";--stzh-list-letter-spacing:"";--max-height:var(--stzh-table-max-height);--min-width:var(--stzh-table-min-width);--cell-padding:var(--stzh-table-cell-padding);--search-input-width:var(--stzh-table-search-input-width)}stzh-datatable[hidden]{display:none}stzh-datatable::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-datatable::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-datatable *,stzh-datatable *::before,stzh-datatable *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-datatable .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-datatable .stzh-fylingfocus-focused{outline-style:none !important}stzh-datatable .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-datatable[disable-min-width]:not([disable-min-width=false]){--min-width:none}.stzh-datatable{}.stzh-datatable__sub-header{display:flex;align-items:flex-end;justify-content:space-between}.stzh-datatable__header .stzh-datatable__search{flex-grow:1;margin-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__header .stzh-datatable__search{width:var(--search-input-width);flex-grow:0}}.stzh-datatable__action-button{flex-shrink:0;margin-left:auto}.stzh-datatable__outer-wrapper{position:relative}.stzh-datatable__wrapper{overflow-x:auto;max-height:var(--max-height)}.stzh-datatable__pagination-wrapper{display:flex;justify-content:flex-end}.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datatable__pagination-wrapper:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-datatable__sort-button{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-flex;align-items:center;font-size:inherit;line-height:inherit;color:inherit;padding:var(--cell-padding);gap:var(--stzh-space-xxsmall)}.stzh-datatable__sort-button:hover,.stzh-datatable__sort-button:focus{color:var(--stzh-color-primary-hover)}.stzh-datatable__list-sort-wrapper{display:flex;flex-direction:column;align-items:flex-start}.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-datatable__list-sort-wrapper:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-datatable__list-sort-wrapper stzh-dropdown+stzh-dropdown{margin-top:calc(var(--stzh-space-xsmall) / -1)}.stzh-datatable stzh-icon.stzh-datatable__sort-icon{display:none}.stzh-datatable__table{width:100%;border-spacing:0;min-width:var(--min-width);}.stzh-datatable__table.has-layout-fixed{table-layout:fixed}.stzh-datatable__thead{position:-webkit-sticky;position:sticky;top:0;z-index:3}.stzh-datatable__tbody .stzh-datatable__row:nth-child(even) .stzh-datatable__cell{background-color:var(--stzh-color-grey10)}.stzh-datatable__cell{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;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding);}.stzh-datatable__cell a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.stzh-datatable__cell a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.stzh-datatable__cell b,.stzh-datatable__cell strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-datatable__cell i,.stzh-datatable__cell em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.stzh-datatable__cell.align-left{text-align:left}.stzh-datatable__cell.align-right{text-align:right}.stzh-datatable__cell.align-center{text-align:center}.stzh-datatable__cell.valign-auto{vertical-align:auto}.stzh-datatable__cell.valign-middle{vertical-align:middle}.stzh-datatable__cell.valign-bottom{vertical-align:bottom}.stzh-datatable__cell.valign-top{vertical-align:top}.stzh-datatable__cell.nowrap{white-space:nowrap}.stzh-datatable__cell.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-datatable__cell.is-sticky-left,.stzh-datatable__cell.is-sticky-right{position:-webkit-sticky;position:sticky;z-index:1}.stzh-datatable__cell.has-sticked{z-index:2}.stzh-datatable__cell.is-sticky-left{left:0}.stzh-datatable__cell.is-sticky-right{right:0}.stzh-datatable__cell.is-sticky-left::after,.stzh-datatable__cell.is-sticky-right::after{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;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-datatable__cell.is-sticky-left::after{right:0}.stzh-datatable__cell.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.stzh-datatable__cell.has-sticked.is-sticky-left::after,.stzh-datatable__cell.has-sticked.is-sticky-right::after{opacity:1}.stzh-datatable__cell--head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary)}.stzh-datatable__cell--head.is-sortable{padding:0}.stzh-datatable__cell.has-sorted .stzh-datatable__sort-icon{display:inline-flex}.stzh-datatable__cell.has-sorted-desc .stzh-datatable__sort-icon{transform:rotate(180deg)}.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-datatable.has-header .stzh-datatable__header{margin-bottom:var(--stzh-space-large)}}.stzh-datatable.has-action-or-search .stzh-datatable__heading:not(:empty){margin-bottom:var(--stzh-space-xlarge)}.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:none}@media screen and (min-width: 1260px){.stzh-datatable.has-list .stzh-datatable__outer-wrapper{display:block}}@media screen and (min-width: 1260px){.stzh-datatable.has-list .stzh-datatable__list-wrapper{display:none}}';const b=class{constructor(e){t(this,e);this.stzhRowClick=i(this,"stzhRowClick",7);this.stzhCellClick=i(this,"stzhCellClick",7);this.stzhHeadingCellClick=i(this,"stzhHeadingCellClick",7);this.stzhSortClick=i(this,"stzhSortClick",7);this.stzhSortByChange=i(this,"stzhSortByChange",7);this.stzhSortDirectionChange=i(this,"stzhSortDirectionChange",7);this.handleSortByDropdownChange=async t=>{const i=t.target;const e=await i.getValue();this.sortBy=e};this.handleSortDirectionDropdownChange=async t=>{const i=t.target;const e=await i.getValue();this.sortDirection=e};this.handleRowClick=(t,i)=>{this.stzhRowClick.emit({component:"stzh-datatable",row:i,originalEvent:t})};this.handleCellClick=(t,i,e,s,n)=>{this.stzhCellClick.emit({component:"stzh-datatable",row:i,column:e,cellIndex:s,rowIndex:n,originalEvent:t})};this.handleSortClick=(t,i)=>{this.stzhSortClick.emit({component:"stzh-datatable",column:i,originalEvent:t});this.toggleSort(i.key)};this.updateScrollStates=()=>{if(!this.tableWrapper){return}const t=this.tableWrapper.scrollLeft;const i=this.tableWrapper.scrollWidth;const e=this.tableWrapper.clientWidth;this.isScrollable=i>e;this.hasScrollLeft=t>0;this.hasScrollRight=t<i-e;const s=Array.from(this.tableWrapper.querySelectorAll("tr"));const n=s[0];if(!n){return}this.cellsStickyLeft=[];this.cellsStickyRight=[];const a=Array.from(n.children);a.forEach(((i,s)=>{const n=i.offsetLeft;const a=n+i.offsetWidth;if(this.hasScrollLeft&&this._columns[s].fixed==="left"&&Math.ceil(t)>=n){this.cellsStickyLeft.push(s)}if(this.hasScrollRight&&this._columns[s].fixed==="right"&&Math.ceil(t)+e<=a){this.cellsStickyRight.push(s)}}))};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateScrollStates)};this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateScrollStates)};this.onInputChange=()=>{this.query=this.input.value};this.onPaginationChange=t=>{if(t.detail.component==="stzh-pagination"){this.page=t.detail.page}};this.tableLayout="auto";this.localization=undefined;this.label="";this.sortBy="";this.sortDirection="asc";this.idField="id";this.rowHeaderField="";this.hideSearch=false;this.hideColumnHeadings=false;this.showList=false;this.page=1;this.pageSize=null;this.csvUrl=undefined;this.csvHeader=true;this.csvDynamicTyping=true;this.disableMinWidth=false;this.rows=[];this.columns=[];this.query="";this.hasScrollLeft=false;this.hasScrollRight=false;this.isScrollable=false;this.cellsStickyLeft=[];this.cellsStickyRight=[]}async toggleSort(t){this.page=1;if(t===this.sortBy){this.sortDirection=this.sortDirection==="asc"?"desc":"asc"}else{this.sortDirection="asc";this.sortBy=t}}async csvUrlsWatcher(t){if(!t){return}const i=await fetch(t);const e=await i.text();const{columns:s,rows:n}=await this.parseCsvToJson(e);if(this.csvHeader){this.columns=s.map((t=>{var i;return Object.assign(Object.assign({},t),((i=this._columns)===null||i===void 0?void 0:i.find((({key:i})=>i===t.key)))||{})}))}else{this.columns=this.columns||s}this.rows=n}rowsWatcher(t){let i;if(typeof t==="string"){i=JSON.parse(t)}else{i=t}this._rows=i.map((t=>{const i={};function e(t){const i={value:""};if(typeof t==="object"){return Object.assign(Object.assign({},i),t)}else{return Object.assign(Object.assign({},i),{value:t})}}this._columns.forEach(((s,n)=>{if(Array.isArray(t)){i[s.key]=e(t[n])}else{i[s.key]=e(t[s.key])}}));return i}));this.buildSearchIndex()}columnsWatcher(t){if(typeof t==="string"){this._columns=JSON.parse(t)}else{this._columns=t}this.rowsWatcher(this.rows)}sortByWatcher(t,i){this.stzhSortByChange.emit({component:"stzh-datatable",value:t,oldValue:i})}sortDirectionWatcher(t,i){this.stzhSortDirectionChange.emit({component:"stzh-datatable",value:t,oldValue:i})}async parseCsvToJson(t){return new Promise(((i,e)=>{u.parse(t,{header:this.csvHeader,dynamicTyping:this.csvDynamicTyping,complete:t=>{const e=t.data.map((t=>{const i={};Object.keys(t).forEach((e=>{i[e.toLowerCase()]=t[e]}));return i}));i({columns:Object.keys(t.data[0]).map((t=>({key:t.toLowerCase(),text:t}))),rows:e})},error:t=>{e(t)}})}))}handleHeadingCellClick(t,i,e){this.stzhHeadingCellClick.emit({component:"stzh-datatable",column:i,index:e,originalEvent:t})}buildSearchIndex(){if(!this._rows||this._rows.length===0||!this._columns||this._columns.length===0){return}this.searchIndex=new d.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.idField,index:this._columns.map((t=>t.key))}});this._rows.forEach((t=>{const i={};for(const e in t){i[e]=t[e].value.toString()}this.searchIndex.add(i)}))}async componentWillLoad(){this.columnsWatcher(this.columns);await this.csvUrlsWatcher(this.csvUrl);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datatable")}}componentDidLoad(){this.updateScrollStates()}componentWillRender(){this._rowsShown=[];this._rowsFiltered=[];if(this.query){let t=[];this.searchIndex.search(this.query).forEach((i=>{t=[...t,...i.result]}));t=t.filter((function(i,e){return t.indexOf(i)===e}));this._rows.forEach((i=>{if(t.includes(i[this.idField].value)||t.includes(i[this.idField].value.toString())){this._rowsFiltered.push(i)}}))}else{this._rowsFiltered=[...this._rows]}if(this.sortBy){const t=this._columns.find((t=>t.key===this.sortBy));let i=this.sortBy;let e=null;if(typeof t.sort==="object"){if(t.sort.field){i=t.sort.field}if(t.sort.type){e=t.sort.type}}this._rowsFiltered.sort(((t,s)=>{if(e==="numerical"){if(this.sortDirection==="asc"){return Number(t[i].value)-Number(s[i].value)}else{return Number(s[i].value)-Number(t[i].value)}}else{const e=t[i].value.toString().localeCompare(s[i].value.toString());return this.sortDirection==="asc"?e:e/-1}}))}if(this.pageSize!==null){const t=this.page*this.pageSize;this._rowsShown=this._rowsFiltered.slice(t-this.pageSize,t)}else{this._rowsShown=[...this._rowsFiltered]}}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){var t,i;const n=h(this.element,"heading");const a=h(this.element,"action-button");const r={"stzh-datatable":true,"is-scrollable":this.isScrollable,"has-scroll-left":this.hasScrollLeft,"has-scroll-right":this.hasScrollRight,"has-scroll-left-shadow":this.hasScrollLeft&&this.cellsStickyLeft.length===0,"has-scroll-right-shadow":this.hasScrollRight&&this.cellsStickyRight.length===0,"has-list":this.showList,"has-heading":n,"has-action-or-search":a||!this.hideSearch,"has-header":n||a||!this.hideSearch};const o=Math.ceil(this._rowsFiltered.length/this.pageSize);const l=this._columns.find((t=>t.isHeader));const c=[{text:this.localization.sortByDefaultOption,value:""},...this._columns.filter((t=>!!t.sort)).map((t=>{var i;return{value:t.key,text:(i=this.localization.sortByOption)===null||i===void 0?void 0:i.replace(/\{column\}/gi,t.text)}}))];const f=[{value:"asc",text:(t=this.localization.sortDirectionOption)===null||t===void 0?void 0:t.replace(/\{direction\}/gi,this.localization.asc)},{value:"desc",text:(i=this.localization.sortDirectionOption)===null||i===void 0?void 0:i.replace(/\{direction\}/gi,this.localization.desc)}];const d=(t,i,e)=>{var s,n,a,r,o;return{"stzh-datatable__cell stzh-datatable__cell--body":true,"is-sticky-left":t.fixed==="left","is-sticky-right":t.fixed==="right","is-head":!!((s=i[t.key])===null||s===void 0?void 0:s.isHeader)||!!t.isHeader,"is-sortable":!!t.sort,"has-sticked":this.cellsStickyLeft.indexOf(e)>-1||this.cellsStickyRight.indexOf(e)>-1,"has-sorted":t.key===this.sortBy,"has-sorted-asc":t.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":t.key===this.sortBy&&this.sortDirection==="desc",[`align-${((n=i[t.key])===null||n===void 0?void 0:n.align)||t.align}`]:!!((a=i[t.key])===null||a===void 0?void 0:a.align)||!!t.align,[`valign-${((r=i[t.key])===null||r===void 0?void 0:r.valign)||t.valign}`]:!!((o=i[t.key])===null||o===void 0?void 0:o.valign)||!!t.valign}};return e(s,null,e("div",{class:r},e("div",{class:"stzh-datatable__header"},e("div",{class:"stzh-datatable__heading"},e("slot",{name:"heading"})),e("div",{class:"stzh-datatable__sub-header"},!this.hideSearch&&e("stzh-input",{ref:t=>this.input=t,class:"stzh-datatable__search",size:"small",name:"stzh-datatable-search",onStzhChange:this.onInputChange,hideOptional:true,label:this.localization.searchLabel,type:"search"}),e("div",{class:"stzh-datatable__action-button"},e("slot",{name:"action-button"})))),e("div",{class:"stzh-datatable__outer-wrapper"},e("div",{ref:t=>this.tableWrapper=t,class:"stzh-datatable__wrapper",onScroll:this.handleScroll},e("table",{class:{"stzh-datatable__table":true,"has-layout-fixed":this.tableLayout==="fixed"}},!this.hideColumnHeadings&&e("thead",{class:"stzh-datatable__thead"},e("tr",{class:"stzh-datatable__row stzh-datatable__row--head"},this._columns.map(((t,i)=>e("th",{onClick:e=>this.handleHeadingCellClick(e,t,i),style:t.style,class:{"stzh-datatable__cell stzh-datatable__cell--head":true,"is-sticky-left":t.fixed==="left","is-sticky-right":t.fixed==="right","is-sortable":!!t.sort,"has-sticked":this.cellsStickyLeft.indexOf(i)>-1||this.cellsStickyRight.indexOf(i)>-1,"has-sorted":t.key===this.sortBy,"has-sorted-asc":t.key===this.sortBy&&this.sortDirection==="asc","has-sorted-desc":t.key===this.sortBy&&this.sortDirection==="desc",[`align-${t.align}`]:!!t.align,[`valign-${t.valign}`]:!!t.valign}},!t.hideColumnHeading&&(t.sort?e("button",{class:"stzh-datatable__sort-button",type:"button",onClick:i=>this.handleSortClick(i,t),"s-object-id":t.analyticsId||`${t.text} ${this.localization.columnSort}`},e("span",null,t.text),e("stzh-icon",{name:"arrow-up",class:"stzh-datatable__sort-icon",a11yTitle:this.localization.columnSort})):e("span",null,t.text))))))),e("tbody",{class:"stzh-datatable__tbody"},this._rowsShown.map(((t,i)=>e("tr",{class:"stzh-datatable__row stzh-datatable__row--body",onClick:i=>this.handleRowClick(i,t)},this._columns.map(((s,n)=>{var a;return!!((a=t[s.key])===null||a===void 0?void 0:a.isHeader)||!!s.isHeader?e("th",{id:t[s.key].id,onClick:e=>this.handleCellClick(e,t,s,n,i),innerHTML:t[s.key].value.toString()||"",style:s.style,class:d(s,t,n)}):e("td",{id:t[s.key].id,onClick:e=>this.handleCellClick(e,t,s,n,i),innerHTML:t[s.key].value.toString()||"",style:s.style,class:d(s,t,n)})}))))))))),this.showList&&e("div",{class:"stzh-datatable__list-wrapper"},c.length>1&&e("div",{class:"stzh-datatable__list-sort-wrapper"},e("stzh-dropdown",{inline:true,"no-search":true,class:"stzh-datatable__list-sort-by-dropdown",variant:"plain",size:"small",items:[this.sortBy],options:c,onStzhChange:this.handleSortByDropdownChange}),e("stzh-dropdown",{disabled:this.sortBy==="",inline:true,"no-search":true,class:"stzh-datatable__list-sort-direction-dropdown",variant:"plain",size:"small",items:[this.sortDirection],options:f,onStzhChange:this.handleSortDirectionDropdownChange})),e("stzh-accordion",{variant:"table"},this._rowsShown.map(((t,i)=>{var s,n,a,r;return e("stzh-accordion-item",{heading:((n=(s=t[this.rowHeaderField])===null||s===void 0?void 0:s.value)===null||n===void 0?void 0:n.toString())||((r=(a=t[l===null||l===void 0?void 0:l.key])===null||a===void 0?void 0:a.value)===null||r===void 0?void 0:r.toString())||this.localization.defaultListRowHeading.replace(/\{n\}/gi,(i+1).toString())},e("stzh-datalist",{variant:"table",columnsMedium:2},this._columns.map((i=>{var s,n;return e("stzh-datalist-item",{label:i.text,value:((n=(s=t[i.key])===null||s===void 0?void 0:s.value)===null||n===void 0?void 0:n.toString())||""})}))))})))),this.pageSize!==null&&o>1&&e("div",{class:"stzh-datatable__pagination-wrapper"},e("stzh-pagination",{value:this.page,total:o,onStzhChange:this.onPaginationChange}))))}get element(){return n(this)}static get watchers(){return{csvUrls:["csvUrlsWatcher"],rows:["rowsWatcher"],columns:["columnsWatcher"],sortBy:["sortByWatcher"],sortDirection:["sortDirectionWatcher"]}}};b.style=v;export{b as stzh_datatable};
+//# sourceMappingURL=p-9b43127f.entry.js.map