@oiz/stzh-components 4.5.0 → 4.6.0-beta2

package/dist/stzh-components/p-f61e61e7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhDialogCss","StzhDialogStyle0","CLASS_BODY_OPEN","activeDialog","dialogCounter","StzhDialog","this","handleDialogClick","event","target","dataset","stzhDialogClose","hide","closest","handleCloseButtonClick","init","actions","element","querySelector","setPropsIfNull","variant","handleOutsideClick","open","closeOnBackdropClick","isClickOutside","dialogElement","contains","handleKeydown","key","closeOnEscapeKey","handleOpenTriggerClick","stzhDialogTrigger","id","show","stzhOpen","emit","component","stzhClose","getSiblings","containerElement","Array","from","children","filter","child","disableSiblings","forEach","sibling","setAttribute","enableSiblings","removeAttribute","dialogShown","document","body","classList","add","trap","activate","dialogHidden","remove","deactivate","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","componentDidUpdate","updateContainerElements","componentDidLoad","createFocusTrap","Object","assign","fallbackFocus","createBaseFocusTrapOptions","connectedCallback","stay","parentElement","appendChild","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","h","Host","class","heading","hideClose","size","ref","el","tabindex","role","a11yRole","onClick","level","name","icon","iconOnly","a11yLabel","close","analyticsId","closeAnalyticsId"],"sources":["src/components/stzh-dialog/stzh-dialog.scss?tag=stzh-dialog&encapsulation=scoped","src/components/stzh-dialog/stzh-dialog.tsx"],"sourcesContent":["/**\n * @prop --width: Width of dialog\n * @prop --padding-top: Padding top of dialog\n * @prop --padding-bottom: Padding bottom of dialog\n * @prop --padding-left: Padding left of dialog\n * @prop --padding-right: Padding right of dialog\n * @prop --backdrop-opacity: Opacity of dialog backdrop\n * @prop --backdrop-background-color: Opacity of dialog background color\n *\n * @prop --stzh-dialog-backdrop-opacity: **Global**: Opacity of backdrops\n * @prop --stzh-dialog-backdrop-background-color: **Global**: Background color of backdrops\n */\n\n:host {\n  @include spaceCurve(\"--padding-top\", \"large\");\n  @include spaceCurve(\"--padding-bottom\", \"large\");\n  @include spaceCurve(\"--padding-left\", \"medium\");\n  @include spaceCurve(\"--padding-right\", \"medium\");\n  --width: 100%;\n  --backdrop-opacity: #{$dialogBackdropOpacity};\n  --backdrop-background-color: #{$dialogBackdropBackgroundColor};\n\n  @include mq($from: small) {\n    --width: 536px;\n  }\n\n  @include mq($from: medium) {\n    --width: 610px; // 786 before\n  }\n\n  @include mq($from: large) {\n    --width: 866px; // 832 before\n  }\n\n  @include mq($from: ultra) {\n    --width: 888px;\n  }\n\n  &[size=\"small\"] {\n    @include mq($from: small) {\n      --width: 395px;\n    }\n\n    @include mq($from: medium) {\n      --width: 460px;\n    }\n\n    @include mq($from: large) {\n      --width: 512px;\n    }\n  }\n}\n\n.stzh-dialog {\n  z-index: $zIndexDialog;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: stretch;\n\n  &__content {\n    z-index: 2;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-grow: 1;\n    overflow: auto;\n  }\n\n  &__dialog {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    margin: auto;\n    border: none;\n    background-color: $colorWhite;\n    width: auto;\n    min-width: var(--width);\n    max-width: 100%;\n    box-shadow: $boxShadowOverlay;\n    height: 100vh;\n    max-height: 100vh;\n    overflow: hidden;\n    outline: none;\n\n    &--fit-content {\n      width: fit-content;\n    }\n\n    @include mq($from: small) {\n      height: auto;\n    }\n  }\n\n  &__backdrop {\n    z-index: 1;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n    text-align: center;\n    background-color: var(--backdrop-background-color);\n    opacity: var(--backdrop-opacity);\n  }\n\n  &__heading {\n    @include spaceCurve(\"padding-bottom\", \"regular\");\n    padding-top: var(--padding-top);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__dialog-content {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    @include spaceCurve(\"padding-top\", \"medium\");\n    @include spaceCurve(\"padding-bottom\", \"medium\");\n    overflow: auto;\n    flex-grow: 1;\n  }\n\n  &__actions {\n    &:not(:empty) {\n      padding: space(\"medium\") var(--padding-right) var(--padding-bottom)\n        var(--padding-left);\n    }\n  }\n\n  &__close-button {\n    position: absolute;\n    top: space(\"xsmall\");\n    right: space(\"xsmall\");\n\n    @include mq($from: medium) {\n      top: space(\"large\");\n      right: space(\"large\");\n    }\n  }\n\n  &--is-open {\n    display: flex;\n  }\n}\n","import { Host, Component, Element, Method, Listen, Prop, Event, EventEmitter, h } from \"@stencil/core\";\n\nimport { StzhDialogOpenEvent, StzhDialogCloseEvent } from \"../../index\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\n\nimport { StzhDialogLocalizedText } from \"./stzh-dialog.localization\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\n\nconst CLASS_BODY_OPEN = \"stzh-dialog-open\";\n\nlet activeDialog: StzhDialog = null;\nlet dialogCounter = 0;\n\n/**\n * @slot actions - Slot for actions element\n * @slot - Slot for any content inside the dialog\n */\n@Component({\n  tag: \"stzh-dialog\",\n  styleUrl: \"stzh-dialog.scss\",\n  scoped: true,\n})\nexport class StzhDialog {\n  /** Translation strings */\n  @Prop() localization: StzhDialogLocalizedText;\n\n  /** Close dialog when pressing ESC */\n  @Prop() closeOnEscapeKey: boolean = false;\n\n  /** Close dialog when clicking outside of it */\n  @Prop() closeOnBackdropClick: boolean = false;\n\n  /** Open status */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Stay in original position (true) or move to body (false) */\n  @Prop() stay: boolean = true;\n\n  /** Size */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Whether to hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Heading text\n   * *mandatory* since DESI 4.0\n   * */\n  @Prop() heading: string = \"\";\n\n  /** Accessibility role */\n  @Prop({ attribute: \"a11y-role\" }) a11yRole: \"dialog\" | \"alertdialog\" = \"alertdialog\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the close button element.\n   * Default value will be taken from translations.\n   */\n  @Prop() closeAnalyticsId: string;\n\n  /** Dialog open event */\n  @Event() stzhOpen: EventEmitter<StzhDialogOpenEvent>;\n\n  /** Dialog close event */\n  @Event() stzhClose: EventEmitter<StzhDialogCloseEvent>;\n\n  @Element() element: HTMLStzhDialogElement;\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    if (!this.open || !this.closeOnBackdropClick) {\n      return;\n    }\n\n    const isClickOutside =\n      event.target !== this.dialogElement && this.dialogElement.contains(event.target as HTMLElement) === false;\n\n    if (isClickOutside) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeydown(event: KeyboardEvent) {\n    if (event.key === \"Escape\" && activeDialog === this && this.closeOnEscapeKey) {\n      this.hide();\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleOpenTriggerClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.dataset.stzhDialogTrigger === this.element.id) {\n      this.show();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-trigger]\") as HTMLElement;\n\n      if (closest && closest.dataset.stzhDialogTrigger === this.element.id) {\n        this.show();\n      }\n    }\n  }\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-dialog\",\n    });\n  }\n\n  private observer: MutationObserver;\n  private id: string;\n  private trap: FocusTrap;\n  private containerElement: HTMLElement;\n  private dialogElement: HTMLDivElement;\n\n  private handleDialogClick = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.dataset.stzhDialogClose) {\n      this.hide();\n    } else {\n      const closest = target.closest(\"[data-stzh-dialog-close]\");\n\n      if (closest) {\n        this.hide();\n      }\n    }\n  };\n\n  private handleCloseButtonClick = () => {\n    this.hide();\n  };\n\n  private init = () => {\n    const actions = this.element.querySelector('stzh-actions[slot=\"actions\"]');\n\n    if (actions) {\n      setPropsIfNull(actions, {\n        variant: \"dialog\",\n      } as HTMLStzhActionsElement);\n    }\n  };\n\n  private getSiblings() {\n    if (!this.containerElement) {\n      return [];\n    }\n\n    return Array.from(this.containerElement.children).filter(child => child !== this.element);\n  }\n\n  private disableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  private enableSiblings() {\n    this.getSiblings().forEach(sibling => {\n      sibling.removeAttribute(\"aria-hidden\");\n    });\n  }\n\n  private dialogShown() {\n    activeDialog = this;\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.disableSiblings();\n\n    if (this.trap) {\n      this.trap.activate();\n    }\n  }\n\n  private dialogHidden() {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.enableSiblings();\n\n    if (this.trap) {\n      this.trap.deactivate();\n    }\n\n    activeDialog = null;\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-dialog-${dialogCounter}`;\n    dialogCounter++;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dialog\");\n    }\n  }\n\n  componentDidRender() {\n    this.open ? this.dialogShown() : this.dialogHidden();\n  }\n\n  componentDidUpdate() {\n    this.trap.updateContainerElements(this.element);\n  }\n\n  componentDidLoad() {\n    this.trap = createFocusTrap(this.element, {\n      fallbackFocus: this.dialogElement,\n      ...createBaseFocusTrapOptions(),\n    });\n\n    if (this.open) {\n      this.dialogShown();\n    }\n  }\n\n  connectedCallback() {\n    if (!this.stay && this.element.parentElement !== document.body) {\n      document.body.appendChild(this.element);\n    }\n\n    this.containerElement = this.element.parentElement;\n\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    this.dialogHidden();\n\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-dialog\": true,\n            \"stzh-dialog--is-open\": this.open,\n            \"stzh-dialog--has-heading\": !!this.heading,\n            \"stzh-dialog--has-close-hidden\": this.hideClose,\n            [`stzh-dialog--size-${this.size}`]: !!this.size,\n          }}\n        >\n          <div class=\"stzh-dialog__backdrop\"></div>\n          <div class=\"stzh-dialog__content\">\n            <div\n              class=\"stzh-dialog__dialog\"\n              ref={el => (this.dialogElement = el as HTMLDivElement)}\n              tabindex=\"-1\"\n              role={this.a11yRole}\n              aria-hidden={this.open ? \"false\" : \"true\"}\n              onClick={this.handleDialogClick}\n            >\n              <stzh-heading id={`${this.id}-heading`} class=\"stzh-dialog__heading\" level=\"2\">\n                {this.heading ? this.heading : \"Title\"}\n              </stzh-heading>\n\n              <div class=\"stzh-dialog__dialog-content\">\n                <slot></slot>\n              </div>\n\n              <div class=\"stzh-dialog__actions\">\n                <slot name=\"actions\"></slot>\n              </div>\n\n              {!this.hideClose && (\n                <stzh-button\n                  class=\"stzh-dialog__close-button\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  icon=\"close\"\n                  iconOnly={true}\n                  onClick={this.handleCloseButtonClick}\n                  a11yLabel={this.localization.close}\n                  analyticsId={this.closeAnalyticsId || this.localization.close}\n                ></stzh-button>\n              )}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-cb70b81e.entry.js → p-f93f056f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,f as i,a,g as o}from"./p-ef5985a3.js";import{t as c}from"./p-9ed1a9d3.js";import{h as e}from"./p-87c329f2.js";import"./p-6997324b.js";import"./p-1ab64d01.js";import"./p-dae15605.js";const n=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--gap:var(--stzh-space-small);--sticky-padding-bottom:var(\n    --stzh-sticky-actions-sticky-padding-bottom,\n    var(--stzh-space-small)\n  );--stuck-offset:calc(\n    var(--stzh-pagetitle-disturber-stuck-height, 0px) +\n      var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n  )}@media screen and (min-width: 900px){:host{--sticky-padding-bottom:var(\n      --stzh-sticky-actions-sticky-padding-bottom,\n      var(--stzh-space-medium)\n    )}}@media print{:host{display:none}}.stzh-sticky-actions{}.stzh-sticky-actions__container{display:flex;justify-content:flex-end;transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky-actions__sticky{--padding-top:0px;--padding-bottom:var(--sticky-padding-bottom)}.stzh-sticky-actions__sticky[is-stuck-bottom] .stzh-sticky-actions__container{transform:translateY(calc(var(--stuck-offset) / -1))}.stzh-sticky-actions__scrollup-wrapper{transition-property:transform, opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed);opacity:0;visibility:hidden;transform:translateX(var(--stzh-sticky-actions-scrollup-width, 44px))}.stzh-sticky-actions.has-chat .stzh-sticky-actions__scrollup-wrapper{transform:translateX(calc(var(--stzh-sticky-actions-scrollup-width, 44px) + var(--gap)))}.stzh-sticky-actions.has-scrollup .stzh-sticky-actions__chat-wrapper{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(calc((var(--stzh-sticky-actions-scrollup-width, 44px))))}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__scrollup-wrapper{opacity:1;visibility:visible;transform:translateX(0px)}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__chat-wrapper{transform:translateX(calc(var(--gap) / -1))}.stzh-sticky-actions.is-not-slotted{height:0}";const r=n;const h=class{constructor(s){t(this,s);this.observePagetitle=t=>{this.hasActiveScrollup=!t[0].isIntersecting};this.updateScrollupWidth=()=>{if(this.scrollupElement&&this.element.isConnected){const{width:t}=this.scrollupElement.getBoundingClientRect();document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-width",`${t}px`)}};this.handleScrollupResize=c(this.updateScrollupWidth,100);this.pagetitleQuery="stzh-pagetitle, stzh-pagetitle-hero, stzh-pagetitle-home, stzh-pi-pagetitle, stzh-pi-pagetitle, stzh-homepage-service-highlights";this.hasActiveScrollup=false;this.isSlotted=true}hasActiveScrollupWatcher(t){document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-active",t?"1":"0");document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-not-active",t?"0":"1")}componentDidLoad(){this.isSlotted=!!this.element.assignedSlot;const t=typeof this.pagetitleQuery==="string"?document.querySelector(this.pagetitleQuery):this.pagetitleQuery();if(t){this.observer=new IntersectionObserver(this.observePagetitle,{rootMargin:"0px"});this.observer.observe(t)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateScrollupWidth();this.resizeObserver=new ResizeObserver(this.handleScrollupResize);this.resizeObserver.observe(this.scrollupElement)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect()}render(){const t=e(this.element,"chat");const o=e(this.element,"scrollup");const c={"stzh-sticky-actions":true,"has-chat":t,"has-scrollup":o,"has-active-scrollup":this.hasActiveScrollup,"is-not-slotted":!this.isSlotted};return s(a,{key:"6c8ebc279657c8dffa2644654b09542bf55efe69"},s("div",{key:"9fcbdcad5683fe7741f642a7bf444ceae1233caf",class:c,"data-stzh-sticky-width-container":true},s("stzh-sticky",{key:"7a79a12699ea676dc31f32863b47eb95e8228269",name:"actions",class:"stzh-sticky-actions__sticky",position:"fixed",variant:"transparent",disableStickyTop:true},s("div",{key:"16c99c6428759f472ef06991b4ec9df511f18ded",class:"stzh-sticky-actions__container"},s("div",{key:"200c1441aa9ebdc7dfd14996a734f24891d4c74c",class:"stzh-sticky-actions__chat-wrapper"},s("slot",{key:"98764cb16335cc679591ddd396e521264b2fcb7c",name:"chat",onSlotchange:()=>i(this.element)})),s("div",{key:"682eae81fbaf81a49500030dbeb20625126ca725",ref:t=>this.scrollupElement=t,class:"stzh-sticky-actions__scrollup-wrapper"},s("slot",{key:"f5cd783199a9bc1df6af1355c0a25d7b07d99752",name:"scrollup",onSlotchange:()=>i(this.element)}))))))}get element(){return o(this)}static get watchers(){return{hasActiveScrollup:["hasActiveScrollupWatcher"]}}};h.style=r;export{h as stzh_sticky_actions};
-//# sourceMappingURL=p-cb70b81e.entry.js.map
+import{r as t,h as s,f as i,a,g as o}from"./p-ef5985a3.js";import{t as e}from"./p-9ed1a9d3.js";import{h as c}from"./p-87c329f2.js";import"./p-6997324b.js";import"./p-1ab64d01.js";import"./p-dae15605.js";const n=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--gap:var(--stzh-space-small);--sticky-padding-bottom:var(\n    --stzh-sticky-actions-sticky-padding-bottom,\n    var(--stzh-space-small)\n  );--stuck-offset:calc(\n    var(--stzh-pagetitle-disturber-stuck-height, 0px) +\n      var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n  )}@media screen and (min-width: 900px){:host{--sticky-padding-bottom:var(\n      --stzh-sticky-actions-sticky-padding-bottom,\n      var(--stzh-space-medium)\n    )}}@media print{:host{display:none}}.stzh-sticky-actions{}.stzh-sticky-actions__container{display:flex;justify-content:flex-end;transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky-actions__sticky{--padding-top:0px;--padding-bottom:var(--sticky-padding-bottom)}.stzh-sticky-actions__sticky[is-stuck-bottom] .stzh-sticky-actions__container{transform:translateY(calc(var(--stuck-offset) / -1))}.stzh-sticky-actions__scrollup-wrapper{transition-property:transform, opacity, visibility;transition-duration:var(--stzh-base-transition-animation-speed);opacity:0;visibility:hidden;transform:translateX(var(--stzh-sticky-actions-scrollup-width, 44px))}.stzh-sticky-actions.has-chat .stzh-sticky-actions__scrollup-wrapper{transform:translateX(calc(var(--stzh-sticky-actions-scrollup-width, 44px) + var(--gap)))}.stzh-sticky-actions.has-scrollup .stzh-sticky-actions__chat-wrapper{transition-property:transform;transition-duration:var(--stzh-base-transition-animation-speed);transform:translateX(calc((var(--stzh-sticky-actions-scrollup-width, 44px))))}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__scrollup-wrapper{opacity:1;visibility:visible;transform:translateX(0px)}.stzh-sticky-actions.has-active-scrollup .stzh-sticky-actions__chat-wrapper{transform:translateX(calc(var(--gap) / -1))}.stzh-sticky-actions.is-not-slotted{height:0}";const r=n;const h=class{constructor(s){t(this,s);this.observePagetitle=t=>{this.hasActiveScrollup=!t[0].isIntersecting};this.updateScrollupWidth=()=>{if(this.scrollupElement&&this.element.isConnected){const{width:t}=this.scrollupElement.getBoundingClientRect();document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-width",`${t}px`)}};this.handleScrollupResize=e(this.updateScrollupWidth,100);this.pagetitleQuery="stzh-pagetitle, stzh-pagetitle-hero, stzh-pagetitle-home, stzh-pi-pagetitle, stzh-pi-pagetitle, stzh-homepage-service-highlights";this.hasActiveScrollup=false;this.isSlotted=true}hasActiveScrollupWatcher(t){document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-active",t?"1":"0");document.documentElement.style.setProperty("--stzh-sticky-actions-scrollup-is-not-active",t?"0":"1")}componentDidLoad(){this.isSlotted=!!this.element.assignedSlot;const t=typeof this.pagetitleQuery==="string"?document.querySelector(this.pagetitleQuery):this.pagetitleQuery();if(t){this.observer=new IntersectionObserver(this.observePagetitle,{rootMargin:"0px"});this.observer.observe(t)}requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.updateScrollupWidth();this.resizeObserver=new ResizeObserver(this.handleScrollupResize);this.resizeObserver.observe(this.scrollupElement)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null||t===void 0?void 0:t.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect()}render(){const t=c(this.element,"chat");const o=c(this.element,"scrollup");const e={"stzh-sticky-actions":true,"has-chat":t,"has-scrollup":o,"has-active-scrollup":this.hasActiveScrollup,"is-not-slotted":!this.isSlotted};return s(a,{key:"30ba9f6f4b22d8869dd4e643181b9db6a72e093a"},s("div",{key:"24229a1768d5ce7c9c951c194378696af4a1a509",class:e,"data-stzh-sticky-width-container":true},s("stzh-sticky",{key:"f174ea7535213bf509afe82906db6e01a4baa721",name:"actions",class:"stzh-sticky-actions__sticky",position:"fixed",variant:"transparent",disableStickyTop:true},s("div",{key:"230745e2c24a8199ebca7af68e7673ebdcb605ed",class:"stzh-sticky-actions__container"},s("div",{key:"7db90dfa918654c91eb6fc910f3487d56bf3acc7",class:"stzh-sticky-actions__chat-wrapper"},s("slot",{key:"77cef1116ad41b80850eb4b5bfb4d62e6ef41607",name:"chat",onSlotchange:()=>i(this.element)})),s("div",{key:"08a80e250f978fa0cf8a017e4dd00af14496a63c",ref:t=>this.scrollupElement=t,class:"stzh-sticky-actions__scrollup-wrapper"},s("slot",{key:"3328c4daae8ab3036a89a5f1c6aa8e9382ac6c62",name:"scrollup",onSlotchange:()=>i(this.element)}))))))}get element(){return o(this)}static get watchers(){return{hasActiveScrollup:["hasActiveScrollupWatcher"]}}};h.style=r;export{h as stzh_sticky_actions};
+//# sourceMappingURL=p-f93f056f.entry.js.map

package/dist/stzh-components/{p-14d4ccf8.entry.js → p-ff04778f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a,a as h,g as e}from"./p-ef5985a3.js";const i=".sc-stzh-saptcha-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-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::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-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}.stzh-saptcha__info.sc-stzh-saptcha{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)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}";const c=i;let r=0;const n=class{constructor(a){t(this,a);this.stzhChange=s(this,"stzhChange",7);this._numbers=[];this.onInputChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-saptcha",originalEvent:t,value:this.value})};this.localization=undefined;this.numbers=[];this.value="";this.name="saptcha";this.error=undefined;this.invalid=false;this.disabled=false}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){this.saptchaId=`stzh-saptcha-${r++}`;this.numbersWatcher(this.numbers);this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"saptcha")}}render(){const t={"stzh-saptcha":true};return a(h,{key:"7a4de4cd03aaca5db4d63f792ad78ed2e91e9708","is-invalid":this.invalid||this._error.length>0},a("div",{key:"613ce1ef0ead5f018bffb5638292e75b0c3c9afe",class:t},a("div",{key:"57528f95fc1ffbd4e02ecd4a27d7a15cdd559e36",class:"stzh-saptcha__box"},a("div",{key:"8943738b7a358b5cefbadde013ed5630fc076b91",class:"stzh-saptcha__info",id:`${this.saptchaId}-info`},this.localization.info," ",this.localization.question),a("div",{key:"6ddf39023f94384f0f04e44959062355fb85c9a5",class:"stzh-saptcha__answer",id:`${this.saptchaId}-answer`},this._numbers.map(((t,s)=>a("span",{class:"stzh-saptcha__number"},t,s<this._numbers.length-1&&(s===this._numbers.length-2?this.localization.answerOr:", "))))),a("stzh-input",{key:"997f155023e2b332ae3db3f6601d3a5e804759c3",class:"stzh-saptcha__input",label:this.localization.answer,name:this.name,invalid:this.invalid,error:this.error,disabled:this.disabled,value:this.value,onStzhChange:this.onInputChange,required:true,a11yDescribedby:`${this.saptchaId}-info ${this.saptchaId}-answer`}))))}get element(){return e(this)}static get watchers(){return{numbers:["numbersWatcher"],error:["errorWatcher"]}}};n.style=c;export{n as stzh_saptcha};
-//# sourceMappingURL=p-14d4ccf8.entry.js.map
+import{r as t,c as s,h as a,a as h,g as e}from"./p-ef5985a3.js";const i=".sc-stzh-saptcha-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-saptcha-h,[stzh-hidden].sc-stzh-saptcha-h{display:none}.sc-stzh-saptcha-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-saptcha-h *.sc-stzh-saptcha,.sc-stzh-saptcha-h *.sc-stzh-saptcha::before,.sc-stzh-saptcha-h *.sc-stzh-saptcha::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-saptcha-h .has-focus.sc-stzh-saptcha{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha{outline-style:none !important}.sc-stzh-saptcha-h .stzh-fylingfocus-focused.sc-stzh-saptcha::-moz-focus-inner{border:0 !important}.sc-stzh-saptcha-h{--color:var(--stzh-color-black);--answer-color:var(--stzh-saptcha-answer-color, var(--stzh-color-primary));--background-color:var(--stzh-color-grey10)}.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);color:var(--color);background-color:var(--background-color)}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-saptcha__box.sc-stzh-saptcha{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-saptcha__box.sc-stzh-saptcha{padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large)}}.stzh-saptcha__info.sc-stzh-saptcha{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)}.stzh-saptcha__answer.sc-stzh-saptcha{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--answer-color);margin-top:var(--stzh-space-xsmall)}.stzh-saptcha__input.sc-stzh-saptcha{margin-top:var(--stzh-space-medium)}";const c=i;let r=0;const n=class{constructor(a){t(this,a);this.stzhChange=s(this,"stzhChange",7);this._numbers=[];this.onInputChange=t=>{this.value=t.detail.value;this.stzhChange.emit({component:"stzh-saptcha",originalEvent:t,value:this.value})};this.localization=undefined;this.numbers=[];this.value="";this.name="saptcha";this.error=undefined;this.invalid=false;this.disabled=false}numbersWatcher(t){if(typeof t==="string"){this._numbers=JSON.parse(t)}else{this._numbers=t}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){this.saptchaId=`stzh-saptcha-${r++}`;this.numbersWatcher(this.numbers);this.errorWatcher(this.error);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"saptcha")}}render(){const t={"stzh-saptcha":true};return a(h,{key:"ee619ffa2a023006996516ea45a6318667ad0562","is-invalid":this.invalid||this._error.length>0},a("div",{key:"5313a8fc06b72dce7a3e917e91ea30bc05817493",class:t},a("div",{key:"79a4f75803b92eab163339b5e04dc61a33a39307",class:"stzh-saptcha__box"},a("div",{key:"7895197d71b5b2c121aad2390677620f635c59fb",class:"stzh-saptcha__info",id:`${this.saptchaId}-info`},this.localization.info," ",this.localization.question),a("div",{key:"d8fae85a010aef0cafdb2b45a9e152d43660265f",class:"stzh-saptcha__answer",id:`${this.saptchaId}-answer`},this._numbers.map(((t,s)=>a("span",{class:"stzh-saptcha__number"},t,s<this._numbers.length-1&&(s===this._numbers.length-2?this.localization.answerOr:", "))))),a("stzh-input",{key:"55dfebf4786c62eeacdeb2bcd37919bbbd5734c8",class:"stzh-saptcha__input",label:this.localization.answer,name:this.name,invalid:this.invalid,error:this.error,disabled:this.disabled,value:this.value,onStzhChange:this.onInputChange,required:true,a11yDescribedby:`${this.saptchaId}-info ${this.saptchaId}-answer`}))))}get element(){return e(this)}static get watchers(){return{numbers:["numbersWatcher"],error:["errorWatcher"]}}};n.style=c;export{n as stzh_saptcha};
+//# sourceMappingURL=p-ff04778f.entry.js.map