@oiz/stzh-components 4.1.0 → 4.1.1-beta

package/dist/stzh-components/p-2b59864c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as n,a as s,g as e}from"./p-ef5985a3.js";const h=".sc-stzh-anchornav-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-anchornav-h,[stzh-hidden].sc-stzh-anchornav-h{display:none}.sc-stzh-anchornav-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-anchornav-h *.sc-stzh-anchornav,.sc-stzh-anchornav-h *.sc-stzh-anchornav::before,.sc-stzh-anchornav-h *.sc-stzh-anchornav::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-anchornav-h .has-focus.sc-stzh-anchornav{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav{outline-style:none !important}.sc-stzh-anchornav-h .stzh-fylingfocus-focused.sc-stzh-anchornav::-moz-focus-inner{border:0 !important}.sc-stzh-anchornav-h{--hover-color:var(--stzh-anchornav-hover-color)}.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-anchornav.sc-stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.stzh-anchornav__list.sc-stzh-anchornav{display:grid;gap:var(--stzh-space-xsmall)}.stzh-anchornav__item.sc-stzh-anchornav{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-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--stzh-space-xsmall);align-items:start;padding:var(--stzh-space-medium) 1.25rem;background-color:var(--stzh-color-grey10);color:var(--stzh-color-primary);text-decoration:none}@media screen and (min-width: 600px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-anchornav__item.sc-stzh-anchornav{padding-left:var(--stzh-space-xxxlarge);padding-right:var(--stzh-space-large)}}.stzh-anchornav__item.sc-stzh-anchornav:hover{color:var(--hover-color)}";const o=h;const r=class{constructor(n){t(this,n);this.stzhItemClick=a(this,"stzhItemClick",7);this.localization=undefined;this.items=[]}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}}handleClick(t,a){a.preventDefault();const n=document.querySelector(t.href);if(n){n.scrollIntoView({behavior:"smooth",block:"start"});history.pushState(null,"",t.href)}this.stzhItemClick.emit({component:"stzh-anchornav",item:t,originalEvent:a})}async componentWillLoad(){this.itemsWatcher(this.items);document.documentElement.style.setProperty("--stzh-anchornav-is-visible","1");if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"anchornav")}}render(){const t={"stzh-anchornav":true};return n(s,{key:"6f82d9f72a13a962db1d576e0b8c919898d455de"},n("nav",{key:"c1a3e9e7a053f465411e260484d842f9ee98229c",class:t,role:"navigation","aria-label":this.localization.title},n("div",{key:"f9bdf14ba593683830e9259599036e9d614927b4",class:"stzh-anchornav__list",role:"list"},this._items.map((t=>n("a",{class:"stzh-anchornav__item",role:"listitem",href:t.href,onClick:a=>this.handleClick(t,a)},n("stzh-clamp",{lines:2,class:"stzh-anchornav__label"},n("div",{innerHTML:t.label})),n("stzh-icon",{class:"stzh-anchornav__icon",name:t.icon||"arrow-down"})))))))}get element(){return e(this)}static get watchers(){return{items:["itemsWatcher"]}}};r.style=o;export{r as stzh_anchornav};
+//# sourceMappingURL=p-2b59864c.entry.js.map

package/dist/stzh-components/p-2b59864c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhAnchornavCss","StzhAnchornavStyle0","StzhAnchornav","itemsWatcher","newValue","this","_items","JSON","parse","handleClick","item","originalEvent","preventDefault","targetElement","document","querySelector","href","scrollIntoView","behavior","block","history","pushState","stzhItemClick","emit","component","componentWillLoad","items","documentElement","style","setProperty","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","key","class","role","title","map","onClick","e","lines","innerHTML","label","name","icon"],"sources":["src/components/stzh-anchornav/stzh-anchornav.scss?tag=stzh-anchornav&encapsulation=scoped","src/components/stzh-anchornav/stzh-anchornav.tsx"],"sourcesContent":["/**\n * @prop --hover-color: Text color on hover.\n */\n\n:host {\n  --hover-color: var(--stzh-anchornav-hover-color);\n}\n\n.stzh-anchornav {\n  @include spaceCurve('margin-top', 'section-inner');\n\n  &__list {\n    display: grid;\n    gap: space('xsmall');\n  }\n\n  &__item {\n    @include font('heavy');\n    @include fontSize('milli');\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: space('xsmall');\n    align-items: start;\n    padding: space('medium') $containerMargin;\n    background-color: $colorGrey10;\n    color: $colorPrimary;\n    text-decoration: none;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: space('xxxlarge');\n      padding-right: space('large');\n    }\n\n    &:hover {\n      color: var(--hover-color);\n    }\n  }\n\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhAnchornavItem, StzhAnchornavItemClickEvent } from \"../../index\";\n\nimport { StzhAnchornavLocalizedText } from \"./stzh-anchornav.localization\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-anchornav\",\n  styleUrl: \"stzh-anchornav.scss\",\n  scoped: true,\n})\nexport class StzhAnchornav {\n  /** Translation strings */\n  @Prop() localization: StzhAnchornavLocalizedText;\n\n  /**\n   * Initial selected values.\n   * Array of objects with `label`, `href` and `icon` attribute:\n   * `[{\"href\":\"#lorem\", \"label\": \"Label 1\"}, {\"href\":\"#lorem2\", \"label\": \"Label 2\"}]`\n   */\n  @Prop() items: StzhAnchornavItem[] | string = [];\n  private _items: StzhAnchornavItem[];\n\n  @Element() element: HTMLStzhAnchornavElement;\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: StzhAnchornavItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  /** Item click event */\n  @Event() stzhItemClick: EventEmitter<StzhAnchornavItemClickEvent>;\n\n  private handleClick(item: StzhAnchornavItem, originalEvent: MouseEvent) {\n    originalEvent.preventDefault(); // Prevent default anchor behavior\n\n    const targetElement = document.querySelector(item.href);\n    if (targetElement) {\n      targetElement.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"start\",\n      });\n\n      // Update the URL with the anchor\n      history.pushState(null, \"\", item.href);\n    }\n\n    this.stzhItemClick.emit({\n      component: \"stzh-anchornav\",\n      item,\n      originalEvent,\n    });\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n    document.documentElement.style.setProperty(\"--stzh-anchornav-is-visible\", \"1\");\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"anchornav\");\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-anchornav\": true,\n    };\n\n    return (\n      <Host>\n        <nav class={classes} role=\"navigation\" aria-label={this.localization.title}>\n          <div class=\"stzh-anchornav__list\" role=\"list\">\n            {this._items.map(item => (\n              <a class=\"stzh-anchornav__item\" role=\"listitem\" href={item.href} onClick={e => this.handleClick(item, e)}>\n                <stzh-clamp lines={2} class=\"stzh-anchornav__label\">\n                  <div innerHTML={item.label}></div>\n                </stzh-clamp>\n                <stzh-icon class=\"stzh-anchornav__icon\" name={item.icon || \"arrow-down\"}></stzh-icon>\n              </a>\n            ))}\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAmB,krFACzB,MAAAC,EAAeD,E,MCaFE,EAAa,M,6GASsB,E,CAM9C,YAAAC,CAAaC,GACX,UAAWA,IAAa,SAAU,CAChCC,KAAKC,OAASC,KAAKC,MAAMJ,E,KACpB,CACLC,KAAKC,OAASF,C,EAOV,WAAAK,CAAYC,EAAyBC,GAC3CA,EAAcC,iBAEd,MAAMC,EAAgBC,SAASC,cAAcL,EAAKM,MAClD,GAAIH,EAAe,CACjBA,EAAcI,eAAe,CAC3BC,SAAU,SACVC,MAAO,UAITC,QAAQC,UAAU,KAAM,GAAIX,EAAKM,K,CAGnCX,KAAKiB,cAAcC,KAAK,CACtBC,UAAW,iBACXd,OACAC,iB,CAIJ,uBAAMc,GACJpB,KAAKF,aAAaE,KAAKqB,OACvBZ,SAASa,gBAAgBC,MAAMC,YAAY,8BAA+B,KAE1E,IAAKxB,KAAKyB,aAAc,CACtBzB,KAAKyB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkB7B,KAAK8B,QAAS,Y,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,iBAAkB,MAGpB,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOJ,EAASK,KAAK,aAAY,aAAarC,KAAKyB,aAAaa,OACnEL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBAAuBC,KAAK,QACpCrC,KAAKC,OAAOsC,KAAIlC,GACf4B,EAAA,KAAGG,MAAM,uBAAuBC,KAAK,WAAW1B,KAAMN,EAAKM,KAAM6B,QAASC,GAAKzC,KAAKI,YAAYC,EAAMoC,IACpGR,EAAA,cAAYS,MAAO,EAAGN,MAAM,yBAC1BH,EAAA,OAAKU,UAAWtC,EAAKuC,SAEvBX,EAAA,aAAWG,MAAM,uBAAuBS,KAAMxC,EAAKyC,MAAQ,oB"}

package/dist/stzh-components/{p-8485a36a.entry.js → p-2d453802.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as s,h as i,a as e,g as r}from"./p-ef5985a3.js";import{h as n}from"./p-24caf6c1.js";import"./p-dae15605.js";
+import{r as t,c as s,h as i,a as e,g as r}from"./p-ef5985a3.js";import{h as n}from"./p-09b5eb01.js";import"./p-dae15605.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -29,4 +29,4 @@ import{r as t,c as s,h as i,a as e,g as r}from"./p-ef5985a3.js";import{h as n}fr
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */}function ui(t){return li({...t,state:!0})}var ci=Symbol("@vidstack/media-provider-discovery");var fi=class extends hi{constructor(){super();this._disconnectDisposal=new G;this._logger=void 0;this.loading="visible";this._attemptingAutoplay=false;this.controllerQueue=new Yt;this._store=Ts();this._state=as(this._store);this.connectedQueue=Zt(this);this.mediaQueue=new Yt;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-provider-connect",{register:ci});const t=Kt(this,{target:this,threshold:0},(s=>{if(!/(visible|lazy)/.test(this.loading)){t.hostDisconnected();return}if(s[0]?.isIntersecting){this.startLoadingMedia();t.hostDisconnected()}}))}connectedCallback(){super.connectedCallback();this._logMediaEvents();window.requestAnimationFrame((()=>{if(ft(this.canLoadPoster)){this.canLoadPoster=true}}))}firstUpdated(t){super.firstUpdated(t);this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}));if(this.canLoad||this.loading==="eager"){window?.requestAnimationFrame((()=>{this.startLoadingMedia()}))}else if(this.loading==="idle"){ps((()=>{this.startLoadingMedia()}))}}render(){return M`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store);this.mediaQueue.destroy();this._disconnectDisposal.empty();super.disconnectedCallback();ds((()=>{ds((()=>{if(!this.isConnected)this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(true);t.playing.set(false);t.seeking.set(false);t.waiting.set(false);t.fullscreen.set(false)}destroy(){if(this.isConnected)this.disconnectedCallback();this.dispatchEvent(st("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume;const i=jt(0,t,1);if(s!==i){this._setVolume(i);this.requestUpdate("volume",s)}}))}get paused(){return this._getPaused()}set paused(t){this.mediaQueue.queue("paused",(()=>{if(this.paused===t)return;try{if(!t){this.play()}else{this.pause()}this.requestUpdate("paused",!t)}catch(t){this._logger?.error("paused-change-fail",t)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;if(s!==t){this._setCurrentTime(t);this.requestUpdate("currentTime",s)}}))}get muted(){return this._getMuted()}set muted(t){this.mediaQueue.queue("muted",(()=>{const s=this.muted;if(s!==t){this._setMuted(t);this.requestUpdate("muted",s)}}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;if(s!==t){this.dispatchEvent(st("vds-poster-change",{detail:t}));this.requestUpdate("poster",s)}}get loop(){return this.state.loop}set loop(t){const s=this.loop;if(s!==t){this.dispatchEvent(st("vds-loop-change",{detail:t}));this.requestUpdate("loop",s)}}get controls(){return this.state.controls}set controls(t){const s=this.controls;if(s!==t){this.dispatchEvent(st("vds-controls-change",{detail:t}));this.requestUpdate("controls",s)}}get canLoad(){return this.state.canLoad}startLoadingMedia(){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-load"))}_throwIfNotReadyForPlayback(){if(!this.state.canPlay){throw Error(`Media is not ready - wait for \`vds-can-play\` event.`)}}async _resetPlaybackIfEnded(){if(!this.state.ended||this.state.currentTime===0)return;return this._setCurrentTime(0)}_throwIfNotVideoView(){if(this.state.viewType!=="video"){throw Error("Player is currently not in a video view.")}}async _handleMediaReady({event:t,duration:s}){if(this.state.canPlay)return;this.dispatchEvent(st("vds-can-play",{triggerEvent:t,detail:{duration:s}}));this.mediaQueue.start();await this._attemptAutoplay()}_handleCurrentSrcChange(t,s){if(this.state.currentSrc===t)return;this.mediaQueue.stop();this.dispatchEvent(st("vds-current-src-change",{detail:t,triggerEvent:s}))}get autoplay(){return this.state.autoplay}set autoplay(t){if(this.autoplay!==t){this.dispatchEvent(st("vds-autoplay-change",{detail:t}));this.requestUpdate("autoplay",!t)}this._attemptAutoplay()}get _canAttemptAutoplay(){return this.state.canPlay&&this.state.autoplay&&!this.state.started}async _attemptAutoplay(){if(!this._canAttemptAutoplay)return;this._attemptingAutoplay=true;try{await this.play();this.dispatchEvent(st("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(st("vds-autoplay-fail",{detail:{muted:this.muted,error:t}}));this.requestUpdate()}this._attemptingAutoplay=false}get controller(){return this._controller}get logLevel(){return this._controller?.logLevel??"silent"}set logLevel(t){}get idleDelay(){return this._controller?.idleDelay??0}set idleDelay(t){this.controllerQueue.queue("idle-delay",(()=>{this._controller.idleDelay=t}))}attachMediaController(t,s){this._controller=t;this._store=t._store;this._state=t.state;this.controllerQueue.start();s((()=>{this.controllerQueue.destroy();this._store=Ts();this._state=as(this._store);if(this._controller){hs(this._controller._store,this._store);this._updateMediaStoreOnDisconnect(this._controller._store)}this._controller=void 0}))}dispatchEvent(t){if(!this._controller&&t.type.startsWith("vds-")&&t.type!=="vds-destroy"){this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)}));return false}return super.dispatchEvent(t)}store(){return this._store}get state(){return this._state}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};Vs([li({type:Number})],fi.prototype,"volume",1);Vs([li({type:Boolean})],fi.prototype,"paused",1);Vs([li({type:Number})],fi.prototype,"currentTime",1);Vs([li({type:Boolean})],fi.prototype,"muted",1);Vs([li()],fi.prototype,"poster",1);Vs([li({type:Boolean})],fi.prototype,"loop",1);Vs([li({type:Boolean})],fi.prototype,"controls",1);Vs([ui()],fi.prototype,"canLoadPoster",2);Vs([li({attribute:"loading"})],fi.prototype,"loading",2);Vs([li({type:Boolean})],fi.prototype,"autoplay",1);Vs([li({attribute:"log-level"})],fi.prototype,"logLevel",1);Vs([li({attribute:"idle-delay",type:Number})],fi.prototype,"idleDelay",1);Vs([li({attribute:"fullscreen-orientation"})],fi.prototype,"fullscreenOrientation",1);var vi=class{constructor(t,s){this._host=t;this._mediaStore=s;this._idle=false;this._mediaPaused=false;this._idlingPaused=false;this._disposal=new G;this.delay=2e3;t.addController(this)}get paused(){return this._idlingPaused||this._mediaPaused}set paused(t){this._idlingPaused=t;this._handleIdleChange()}hostConnected(){this._disposal.add(this._mediaStore.paused.subscribe((t=>{this._mediaPaused=t;this._handleIdleChange()})));const t=["pointerdown","pointermove","focus","keydown"];t.forEach((t=>{const s=X(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty();this._stopIdleTimer()}_handleIdleChange(){if(this.paused){this._stopIdleTimer()}else{this._startIdleTimer()}}_startIdleTimer(){this._stopIdleTimer();this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout);this._dispatchIdleChange(false)}_dispatchIdleChange(t){if(this._idle!==t){this._host.dispatchEvent(st("vds-user-idle-change",{detail:t}));this._idle=t}}};var pi=class{constructor(t){this._host=t;this._disconnectDisposal=new G;this.providerQueue=new Yt;this.providerDisposal=new G;this._logController=void 0;this._logger=void 0;this._providerContext=xs.provide(this._host);this._mediaStoreProvider=Ds.provide(this._host);this.state=as(this._store);this._userIdleController=new vi(this._host,this._store);this._handleIdleChange=Q(this._host,"vds-user-idle-change",(t=>{this._store.userIdle.set(t.detail);this._satisfyMediaRequest("userIdle",t)}));this._pendingMediaRequests={loading:[],play:[],pause:[],volume:[],fullscreen:[],seeked:[],seeking:[],userIdle:[]};this._handleStartLoadingRequest=Q(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{if(this.state.canLoad)return;this._pendingMediaRequests.loading.push(t);this._provider.startLoadingMedia()})));this._handleMuteRequest=Q(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{if(this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=true})));this._handleUnmuteRequest=Q(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{if(!this.state.muted)return;this._pendingMediaRequests.volume.push(t);this.provider.muted=false;if(this.state.volume===0){this._pendingMediaRequests.volume.push(t);this.provider.volume=.25}})));this._handlePlayRequest=Q(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{if(!this.state.paused)return;this._pendingMediaRequests.play.push(t);this.provider.paused=false})));this._handlePauseRequest=Q(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{if(this.state.paused)return;this._pendingMediaRequests.pause.push(t);this.provider.paused=true})));this._isSeekingRequestPending=false;this._handleSeekingRequest=Q(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting();this._pendingMediaRequests.seeking.push(t);this._isSeekingRequestPending=true;this._store.seeking.set(true)})));this._handleSeekRequest=Q(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{if(this.store.ended){this._isReplay=true}this._pendingMediaRequests.seeked.push(t);this._isSeekingRequestPending=false;let s=t.detail;if(this.state.duration-t.detail<.25){s=this.state.duration}this.provider.currentTime=s})));this._handleVolumeChangeRequest=Q(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;if(this.state.volume===s)return;this._pendingMediaRequests.volume.push(t);this.provider.volume=s;if(s>0&&this.state.muted){this._pendingMediaRequests.volume.push(t);this.provider.muted=false}})));this._handleEnterFullscreenRequest=Q(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.enterFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.enterFullscreen()}})));this._handleExitFullscreenRequest=Q(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{if(!this.state.fullscreen)return;const s=t.detail??"media";if(s==="media"&&this._host.canFullscreen){this._pendingMediaRequests.fullscreen.push(t);await(this._host.exitFullscreen?.())}else if(this.provider){this._pendingMediaRequests.fullscreen.push(t);await this.provider.exitFullscreen()}})));this._handleResumeIdlingRequest=Q(this._host,"vds-resume-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=false}));this._handlePauseIdlingRequest=Q(this._host,"vds-pause-user-idle-request",(t=>{if(!this._mediaRequestEventGateway(t))return;this._pendingMediaRequests.userIdle.push(t);this._userIdleController.paused=true}));this._handleShowPosterRequest=Q(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=true})));this._handleHidePosterRequest=Q(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=false})));this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=true;this._isReplay=true;await this._provider.play()}catch(t){this._isReplay=false;this._isLooping=false}}))}));this._handleFullscreenChange=Q(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail);if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-change",{detail:t.detail,triggerEvent:t}))}));this._handleFullscreenError=Q(this._host,"vds-fullscreen-error",(t=>{if(t.target!==this._host)return;this._satisfyMediaRequest("fullscreen",t);this._provider?.dispatchEvent(st("vds-fullscreen-error",{detail:t.detail,triggerEvent:t}))}));this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._mediaEvents=[];this._handleSeeking=Y((t=>{this._mediaEvents.push(t);this._store.seeking.set(true);this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeking",t)}),150,{leading:true});this._fireWaiting=K((()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=true;const t=st("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t);this._store.waiting.set(true);this._store.playing.set(false);this._provider?.dispatchEvent(t);this._originalWaitingEvent=void 0;this._firingWaiting=false}),300);this._skipInitialSrcChange=true;kt(t,ci,((t,s)=>{this.attachMediaProvider(t,s)}));t.addController({hostConnected:()=>{if(!this.state.canPlay){this._host.setAttribute("aria-busy","true")}},hostDisconnected:()=>{this._clearMediaStateTracking();this._clearPendingMediaRequests();this.providerQueue.destroy();this.providerDisposal.empty();this._skipInitialSrcChange=true;this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){if(!vt(this.provider)||this.provider===t)return;this._handleMediaProviderDisconnect();this._provider=t;this._providerContext.value.set(t);hs(this._provider._store,this._store);this._attachMediaEventListeners();t.attachMediaController(this,(t=>this._disconnectDisposal.add(t)));this._flushMediaProviderConnectedQueue();s(this._handleMediaProviderDisconnect.bind(this))}_handleMediaProviderDisconnect(){if(vt(this.provider))return;this._stopWaiting();this.providerQueue.destroy();this.providerDisposal.empty();this._provider=void 0;this._providerContext.value.set(void 0);As(this._store);this._store.viewType.set("unknown")}_flushMediaProviderConnectedQueue(){this.providerQueue.start();this.providerDisposal.add((()=>{this.providerQueue.stop()}))}get store(){return this._mediaStoreProvider.value}get _store(){return this._mediaStoreProvider.value}get idleDelay(){return this._userIdleController.delay}set idleDelay(t){this._userIdleController.delay=t}_clearPendingMediaRequests(){Gt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();if(i){s.requestEvent=i;et(s,i)}}_mediaRequestEventGateway(t){t.stopPropagation();return true}_createMediaRequestHandler(t,s){return i=>{if(!this._mediaRequestEventGateway(i))return;if(this._provider){s(i);return}this.providerQueue.queue(t,(()=>{s(i)}))}}_attachMediaEventListeners(){if(!this._provider)return;const t={"vds-can-load":this._handleCanLoad,"vds-load-start":this._handleLoadStart,"vds-loaded-data":this._handleLoadedData,"vds-loaded-metadata":this._handleLoadedMetadata,"vds-can-play":this._handleCanPlay,"vds-can-play-through":this._handleCanPlayThrough,"vds-current-src-change":this._handleCurrentSrcChange,"vds-autoplay":this._handleAutoplay,"vds-autoplay-fail":this._handleAutoplayFail,"vds-loop-request":this._handleLoopRequest,"vds-play":this._handlePlay,"vds-play-fail":this._handlePlayFail,"vds-playing":this._handlePlaying,"vds-pause":this._handlePause,"vds-time-update":this._handleTimeUpdate,"vds-volume-change":this._handleVolumeChange,"vds-seeking":this._handleSeeking,"vds-seeked":this._handleSeeked,"vds-waiting":this._handleWaiting,"vds-ended":this._handleEnded,"vds-autoplay-change":this._handleAutoplayChange,"vds-error":this._handleError,"vds-fullscreen-support-change":this._handleFullscreenSupportChange,"vds-poster-change":this._handlePosterChange,"vds-loop-change":this._handleLoopChange,"vds-playsinline-change":this._handlePlaysinlineChange,"vds-controls-change":this._handleControlsChange,"vds-media-type-change":this._handleMediaTypeChange,"vds-view-type-change":this._handleViewTypeChange,"vds-duration-change":this._handleDurationChange,"vds-progress":this._handleProgress,"vds-src-change":this._handleSrcChange};for(const s of Gt(t)){const i=t[s].bind(this);this.providerDisposal.add(X(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=false;this._isLooping=false;this._firingWaiting=false;this._originalWaitingEvent=void 0;this._mediaEvents=[]}_findLastMediaEvent(t){return this._mediaEvents[this._mediaEvents.map((t=>t.type)).lastIndexOf(t)]}_handleCanLoad(t){this._store.canLoad.set(true);this._mediaEvents.push(t);this._satisfyMediaRequest("loading",t)}_updateMetadata(t){this._store.currentSrc.set(t.currentSrc);this._store.mediaType.set(t.mediaType);this._store.viewType.set(t.viewType)}_handleLoadStart(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-src-change"));et(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail);this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t);if(t.triggerEvent?.type!=="loadedmetadata"){et(t,this._findLastMediaEvent("vds-loaded-metadata"))}this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(true);this._store.duration.set(t.detail.duration);et(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-play"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){et(t,this._findLastMediaEvent("vds-play-fail"));et(t,this._findLastMediaEvent("vds-can-play"));this._store.autoplayError.set(t.detail);this._clearMediaStateTracking()}_handlePlay(t){if(this._isLooping||!this.state.paused){t.stopImmediatePropagation();return}this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));this._satisfyMediaRequest("play",t);this._store.paused.set(false);this._store.autoplayError.set(void 0);if(this.state.ended||this._isReplay){this._isReplay=false;this._store.ended.set(false);const s=st("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}_handlePlayFail(t){this._mediaEvents.push(t);this._stopWaiting();et(t,this._findLastMediaEvent("vds-play"));this._store.paused.set(true);this._store.playing.set(false);this._satisfyMediaRequest("play",t);this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s){et(t,this._findLastMediaEvent("vds-waiting"));et(t,s)}else{et(t,this._findLastMediaEvent("vds-seeked"))}this._stopWaiting();this._clearMediaStateTracking();this._store.paused.set(false);this._store.playing.set(true);this._store.seeking.set(false);this._store.ended.set(false);if(this._isLooping){t.stopImmediatePropagation();this._isLooping=false;return}if(!this.state.started){this._store.started.set(true);this._provider?.dispatchEvent(st("vds-started",{triggerEvent:t}))}}_handlePause(t){if(this._isLooping){t.stopImmediatePropagation();return}et(t,this._findLastMediaEvent("vds-seeked"));this._satisfyMediaRequest("pause",t);this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._stopWaiting();this._clearMediaStateTracking()}_handleTimeUpdate(t){const{currentTime:s,played:i}=t.detail;this._store.currentTime.set(s);this._store.played.set(i);this._store.waiting.set(false)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume);this._store.muted.set(t.detail.muted||t.detail.volume===0);this._satisfyMediaRequest("volume",t)}_handleSeeked(t){if(this._isSeekingRequestPending){this._store.seeking.set(true);t.stopImmediatePropagation()}else if(this.state.seeking){this._mediaEvents.push(t);et(t,this._findLastMediaEvent("vds-waiting"));et(t,this._findLastMediaEvent("vds-seeking"));if(this.state.paused){this._stopWaiting()}this._store.seeking.set(false);if(t.detail!==this.state.duration){this._store.ended.set(false)}this._store.currentTime.set(t.detail);this._satisfyMediaRequest("seeked",t)}}_stopWaiting(){this._fireWaiting.cancel();this._store.waiting.set(false)}_handleWaiting(t){if(this._firingWaiting)return;t.stopImmediatePropagation();this._originalWaitingEvent=t;this._fireWaiting()}_handleEnded(t){if(this._isLooping){t.stopImmediatePropagation();return}this._stopWaiting();this._store.paused.set(true);this._store.playing.set(false);this._store.seeking.set(false);this._store.ended.set(true);this._clearMediaStateTracking()}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){this._store.currentSrc.set(t.detail);if(this._skipInitialSrcChange){this._skipInitialSrcChange=false;return}this._clearMediaStateTracking();Fs(this._store);this._host.setAttribute("aria-busy","true")}_handleError(t){this._store.error.set(t.detail)}_handleFullscreenSupportChange(t){this._store.canFullscreen.set(t.detail)}_handlePosterChange(t){this._store.poster.set(t.detail)}_handleLoopChange(t){this._store.loop.set(t.detail)}_handlePlaysinlineChange(t){this._store.playsinline.set(t.detail)}_handleControlsChange(t){this._store.controls.set(t.detail)}_handleMediaTypeChange(t){this._store.mediaType.set(t.detail)}_handleDurationChange(t){const s=t.detail;this._store.duration.set(!isNaN(s)?s:0)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail;const e=s.length===0?0:s.end(s.length-1);const r=i.length===0?0:i.end(i.length-1);this._store.buffered.set(s);this._store.bufferedAmount.set(e);this._store.seekable.set(i);this._store.seekableAmount.set(r)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}};var gi=class{constructor(t,s,i){this._host=t;this._store=s;this._mediaProps=i;this._disposal=new G;this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){ps((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t);const e=s.subscribe((s=>{window?.requestAnimationFrame((()=>{this._handleValueChange(t,i,s)}))}));this._disposal.add(e)}}}))}_hostDisconnected(){for(const t of this._mediaProps){this._handleDisconnect(t,this._getMediaAttrName(t))}this._disposal.empty()}_getMediaAttrName(t){return bs(t)}};var mi=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{us(this._host,s,gt(i)||pt(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}};function bi(...t){return new mi(...t)}var _i=class extends gi{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),gt(i)||pt(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}};function yi(...t){return new _i(...t)}var zi=Symbol("@vidstack/media-discovery");var wi=class extends hi{constructor(){super();this.controller=new pi(this);this.__mediaFullscreen=false;this.__mediaIsVideoView=false;this.__mediaPlaysinline=false;this.screenOrientationController=new Xt(this);this.fullscreenController=new It(this,this.screenOrientationController);xt(this,"vds-media-connect",{register:zi});qs(this,"fullscreen",(t=>{this.__mediaFullscreen=t}));qs(this,"viewType",(t=>{this.__mediaIsVideoView=t==="video"}));qs(this,"playsinline",(t=>{this.__mediaPlaysinline=t}));this._bindMediaAttributes();this._bindMediaCSSProperties()}static get styles(){return[Hs`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){us(this,"hide-ui",this._shouldHideMediaUI());super.update(t)}render(){return M`<slot></slot>`}get canFullscreen(){return this.fullscreenController.isSupported}get fullscreen(){return this.fullscreenController.isFullscreen}get fullscreenOrientation(){return this.fullscreenController.screenOrientationLock}set fullscreenOrientation(t){const s=this.fullscreenController.screenOrientationLock;if(s!==t){this.fullscreenController.screenOrientationLock=t;this.requestUpdate("fullscreen-orientation",s)}}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){bi(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){yi(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return St&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};Vs([ui()],wi.prototype,"__mediaFullscreen",2);Vs([ui()],wi.prototype,"__mediaIsVideoView",2);Vs([ui()],wi.prototype,"__mediaPlaysinline",2);Vs([li({attribute:"fullscreen-orientation"})],wi.prototype,"fullscreenOrientation",1);ls("vds-media",wi);var ki=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;var xi=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i;function Ei(t){if(ki.test(t))return"audio";if(xi.test(t))return"video";return"unknown"}var Ci=class extends fi{constructor(){super(...arguments);this.preload="metadata";this._timeRAF=void 0;this._hasMediaElementConnected=false;this._mediaElementDisposal=new G;this._isMediaWaiting=false;this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=false;super.disconnectedCallback();this._cancelTimeUpdates()}destroy(){if(this.mediaElement){this.mediaElement.pause();this.mediaElement.src="";this.mediaElement.innerHTML="";this.mediaElement.load()}super.destroy()}_cancelTimeUpdates(){if(pt(this._timeRAF))window.cancelAnimationFrame(this._timeRAF);this._timeRAF=void 0}_requestTimeUpdates(){if(!ft(this._timeRAF))return;this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;if(this.state.currentTime!==t){this._updateCurrentTime(t)}this._timeRAF=window.requestAnimationFrame((()=>{if(ft(this._timeRAF))return;this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(st("vds-time-update",{detail:{currentTime:Math.min(t,this.mediaElement?.duration??0),played:this.mediaElement.played},triggerEvent:s}))}handleDefaultSlotChange(){this._handleMediaElementDisconnect();this._handleMediaElementConnect()}get _canMediaElementConnect(){return this.canLoad&&!vt(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=vs(this)[0];const s=t?.tagName??"";if(!/^(audio|video)$/i.test(s));this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{this._findSlottedMediaElement();if(!this._canMediaElementConnect)return;const t=this.mediaElement;if(t.hasAttribute("loop")){this.loop=true}t.removeAttribute("loop");t.removeAttribute("poster");us(t,"controls",this.controls);if(!this.state.canFullscreen&&this.fullscreenController.isSupported){this.dispatchEvent(st("vds-fullscreen-support-change",{detail:this.canFullscreen}))}this._attachMediaEventListeners();this._observePlaysinline();this._observeMediaSources();if(this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster){t.setAttribute("poster",this.poster)}this._startPreloadingMedia();this._hasMediaElementConnected=true;this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates();window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty();this._mediaElement=void 0}));if(this._hasMediaElementConnected&&false){this._logger?.infoGroup("Media element disconnected").labelledLog("Media Element",this.mediaElement).dispatch()}this._hasMediaElementConnected=false}startLoadingMedia(){super.startLoadingMedia();this._handleMediaElementConnect()}_startPreloadingMedia(){if(this.state.canPlay)return;this.mediaElement.setAttribute("preload",this.preload);const t=this.mediaElement.networkState>=1;this._ignoreNextAbortEvent=t;this._ignoreNextEmptiedEvent=t;this.mediaElement.load();setTimeout((()=>{this._ignoreNextAbortEvent=false;this._ignoreNextEmptiedEvent=false}),0)}_observePlaysinline(){const t=()=>this.mediaElement.hasAttribute("playsinline");this._handlePlaysinlineChange(t());const s=new MutationObserver((()=>this._handlePlaysinlineChange(t())));s.observe(this.mediaElement,{attributeFilter:["playsinline"]});this._mediaElementDisposal.add((()=>s.disconnect()))}_handlePlaysinlineChange(t){this.dispatchEvent(st("vds-playsinline-change",{detail:t}))}_observeMediaSources(){this._handleSrcChange(this._getMediaSources());const t=new MutationObserver((()=>this._handleSrcChange(this._getMediaSources())));t.observe(this.mediaElement,{attributeFilter:["src"],subtree:true});this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){const s=this.state.src;if(!os(s,t)){this.dispatchEvent(st("vds-src-change",{detail:t}))}}_getMediaSources(){const t=[this.mediaElement?.src,...Array.from(this.mediaElement?.querySelectorAll("source")??[]).map((t=>t.src))].filter(Boolean);return Array.from(new Set(t))}_getMediaMetadata(){return{src:this.state.src,currentSrc:this.mediaElement.currentSrc,duration:this.mediaElement.duration||0,poster:this.mediaElement.poster,mediaType:this._getMediaType(),viewType:this.state.viewType}}_attachMediaEventListeners(){if(vt(this.mediaElement))return;const t={abort:this._handleAbort,canplay:this._handleCanPlay,canplaythrough:this._handleCanPlayThrough,durationchange:this._handleDurationChange,emptied:this._handleEmptied,ended:this._handleEnded,error:this._handleError,loadeddata:this._handleLoadedData,loadedmetadata:this._handleLoadedMetadata,loadstart:this._handleLoadStart,pause:this._handlePause,play:this._handlePlay,playing:this._handlePlaying,progress:this._handleProgress,ratechange:this._handleRateChange,seeked:this._handleSeeked,seeking:this._handleSeeking,stalled:this._handleStalled,suspend:this._handleSuspend,volumechange:this._handleVolumeChange,waiting:this._handleWaiting};Gt(t).forEach((s=>{const i=t[s].bind(this);const e=X(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){if(this._ignoreNextAbortEvent)return;this.dispatchEvent(st("vds-abort",{triggerEvent:t}));this._handleCurrentSrcChange("",t)}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){if(this.state.started)return;this.dispatchEvent(st("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t);if(this.mediaElement.currentSrc===""){this._handleAbort();return}this.dispatchEvent(st("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()}))}_handleEmptied(t){if(this._ignoreNextEmptiedEvent)return;this.dispatchEvent(st("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(st("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}}));this.dispatchEvent(st("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(st("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=st("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay;this.dispatchEvent(s)}_handlePause(t){if(this.mediaElement.readyState===1&&!this._isMediaWaiting){return}this._isMediaWaiting=false;this._cancelTimeUpdates();this.dispatchEvent(st("vds-pause",{triggerEvent:t}))}_handlePlaying(t){this._isMediaWaiting=false;const s=st("vds-playing",{triggerEvent:t});this.dispatchEvent(s);this._requestTimeUpdates()}_handleDurationChange(t){if(this.mediaElement.ended){this._updateCurrentTime(this.mediaElement.duration,t)}this.dispatchEvent(st("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(st("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(st("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=st("vds-seeked",{detail:this.mediaElement.currentTime,triggerEvent:t});this.dispatchEvent(s);const i=this.mediaElement.currentTime;if(Math.trunc(i)===Math.trunc(this.mediaElement.duration)&&Ut(this.mediaElement.duration)>Ut(i)){this._updateCurrentTime(this.mediaElement.duration,t);if(!this.mediaElement.ended){try{this.play()}catch(t){}}}}_handleStalled(t){this.dispatchEvent(st("vds-stalled",{triggerEvent:t}));if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleVolumeChange(t){this.dispatchEvent(st("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){if(this.mediaElement.readyState<3){this._isMediaWaiting=true;this.dispatchEvent(st("vds-waiting",{triggerEvent:t}))}}_handleSuspend(t){const s=st("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates();this._updateCurrentTime(this.mediaElement.duration,t);const s=st("vds-end",{triggerEvent:t});this.dispatchEvent(s);if(this.state.loop){this._handleLoop()}else{this.dispatchEvent(st("vds-ended",{triggerEvent:t}))}}_handleLoop(){const t=vt(this.controls);if(t){this.mediaElement.controls=false}this.dispatchEvent(st("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;if(!s)return;this.dispatchEvent(st("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??true}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){if(this.mediaElement.currentTime!==t){this.mediaElement.currentTime=t}}_getMuted(){return this.mediaElement?.muted??false}_setMuted(t){this.mediaElement.muted=t}async play(){try{this._throwIfNotReadyForPlayback();await this._resetPlaybackIfEnded();return this.mediaElement?.play()}catch(t){const s=st("vds-play-fail");s.autoplay=this._attemptingAutoplay;s.error=t;throw t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return Ei(this.state.currentSrc)}};Vs([li()],Ci.prototype,"preload",2);var Si=class extends Ci{static get styles(){return[Hs`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback();this.dispatchEvent(st("vds-view-type-change",{detail:"audio"}))}};ls("vds-audio",Si);var Mi=Hs`:host{display:table;contain:content;user-select:none;cursor:pointer;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var $i=class extends hi{constructor(){super();this.pressed=false;this.disabled=false;this._handleButtonClickCapture=Q(this,"click",(t=>{if(this.disabled){t.preventDefault();t.stopImmediatePropagation()}}),{capture:true});Ht(this);["pointerup","keydown"].forEach((t=>{Q(this,t,(t=>{if(this.disabled||gs(t)&&!ms(t)){return}this._handleButtonClick(t)}))}))}static get styles(){return[Mi]}static get parts(){return[]}connectedCallback(){super.connectedCallback();cs(this,"tabindex","0");cs(this,"role","button");this._updateAriaPressedAttr()}updated(t){if(t.has("pressed")){this._updateAriaPressedAttr()}}_updateAriaPressedAttr(){us(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return M`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};Vs([li({type:Boolean})],$i.prototype,"pressed",2);Vs([li({type:Boolean,reflect:true})],$i.prototype,"disabled",2);var Ti=class{constructor(t){if(t){this._target=t;this._createLogger(t);this._requests=Zt(t)}else{this._requests=new Yt}}startLoading(t){this._dispatchRequest("vds-start-loading",{triggerEvent:t})}play(t){this._dispatchRequest("vds-play-request",{triggerEvent:t})}pause(t){this._dispatchRequest("vds-pause-request",{triggerEvent:t})}mute(t){this._dispatchRequest("vds-mute-request",{triggerEvent:t})}unmute(t){this._dispatchRequest("vds-unmute-request",{triggerEvent:t})}enterFullscreen(t,s){this._dispatchRequest("vds-enter-fullscreen-request",{triggerEvent:s,detail:t})}exitFullscreen(t,s){this._dispatchRequest("vds-exit-fullscreen-request",{triggerEvent:s,detail:t})}seeking(t,s){this._dispatchRequest("vds-seeking-request",{detail:t,triggerEvent:s})}seek(t,s){this._dispatchRequest("vds-seek-request",{detail:t,triggerEvent:s})}changeVolume(t,s){this._dispatchRequest("vds-volume-change-request",{detail:t,triggerEvent:s})}resumeUserIdle(t){this._dispatchRequest("vds-resume-user-idle-request",{triggerEvent:t})}pauseUserIdle(t){this._dispatchRequest("vds-pause-user-idle-request",{triggerEvent:t})}showPoster(t){this._dispatchRequest("vds-show-poster-request",{triggerEvent:t})}hidePoster(t){this._dispatchRequest("vds-hide-poster-request",{triggerEvent:t})}setTarget(t){if(this._target===t)return;this._target=t;if(t){this._createLogger(t);this._requests.start()}else{this._requests.stop()}}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=st(t,{...s,bubbles:true,composed:true});this._target?.dispatchEvent(i)}))}_createLogger(t){}};var Pi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);qs(this,"paused",(t=>{this.pressed=!t;us(this,"paused",t)}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Play")}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.pause(t)}else{this._mediaRemote.play(t)}}};ls("vds-play-button",Pi);var Fi=class extends $i{constructor(){super();this._mediaRemote=new Ti(this);this._volume=1;this._muted=false;qs(this,"volume",(t=>{this._volume=t;this._handleMutedChange()}));qs(this,"muted",(t=>{this._muted=t;this._handleMutedChange()}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||this._volume===0;this.pressed=t;us(this,"muted",t)}_handleButtonClick(t){if(this.disabled)return;if(this.pressed){this._mediaRemote.unmute(t)}else{this._mediaRemote.mute(t)}}};ls("vds-mute-button",Fi);function Ai(){const t=is(false);const s=is(false);return{value:is(50),pointerValue:is(0),min:is(0),max:is(100),dragging:t,pointing:s,interactive:es([t,s],(([t,s])=>t||s))}}var Di=ot(Ai);var qi=Hs`*{box-sizing:border-box;touch-action:none}:host{display:block;contain:layout;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host(:focus){outline:0}:host(:focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}:host(.focus-visible){outline:1px auto Highlight;outline:1px auto -webkit-focus-ring-color}`;var Oi=(t=>{t[t["Left"]=-1]="Left";t[t["ArrowLeft"]=-1]="ArrowLeft";t[t["Up"]=-1]="Up";t[t["ArrowUp"]=-1]="ArrowUp";t[t["Right"]=1]="Right";t[t["ArrowRight"]=1]="ArrowRight";t[t["Down"]=1]="Down";t[t["ArrowDown"]=1]="ArrowDown";return t})(Oi||{});var Li=class extends hi{constructor(){super();this._sliderStoreProvider=Di.provide(this);this.disabled=false;this.value=50;this._step=1;this._keyboardStep=1;this.shiftKeyMultiplier=5;this.customValueText=false;this._mediaRemote=new Ti(this);this._disconnectDisposal=new G;this._handlePointerEnter=Q(this,"pointerenter",(()=>{if(this.disabled)return;this.setAttribute("pointing","");this.store.pointing.set(true)}));this._handlePointerMove=Q(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handlePointerLeave=Q(this,"pointerleave",(()=>{if(this.disabled)return;this.removeAttribute("pointing");this.store.pointing.set(false)}));this._handlePointerDown=Q(this,"pointerdown",(t=>{if(this.disabled)return;this._startDragging(t);this._onDrag(t)}));this._handleKeydown=Q(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;const e=Object.keys(Oi).includes(s);if(!e)return;const r=!i?this.keyboardStep:this.keyboardStep*this.shiftKeyMultiplier;const n=Number(Oi[s]);const h=r*n;const a=(this.value+h)/this.step;const o=this.step*a;this.value=this._getClampedValue(o);this._dispatchValueChange(t)}));this._handleFillValueChange=Q(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this));this._handlePointerValueChange=Q(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this));this._onDrag=ks((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t)}));this._handleDocumentPointerUp=Q(this,"pointerup",(t=>{if(this.disabled||!this.isDragging)return;this._stopDragging(t)}),{target:document});this._handleDocumentTouchMove=Q(this,"touchmove",(t=>{if(this.disabled||!this.isDragging)return;t.preventDefault()}),{target:document,passive:false});this._handleDocumentPointerMove=Q(this,"pointermove",(t=>{if(this.disabled||!this.isDragging)return;this._onDrag(t)}),{target:document});this._lastDispatchedValue=this.value;this._dispatchValueChange=ks((t=>{if(this.value===this._lastDispatchedValue)return;this.dispatchEvent(st("vds-slider-value-change",{detail:this.value,triggerEvent:t}));this._lastDispatchedValue=this.value}));this._lastDispatchedPointerValue=this.pointerValue;this._dispatchPointerValueChange=ks((t=>{if(this.pointerValue===this._lastDispatchedPointerValue)return;const s=["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"];s.forEach((s=>{if(s){this.dispatchEvent(st(s,{detail:this.pointerValue,triggerEvent:t}))}}));this._lastDispatchedPointerValue=this.pointerValue}));Ht(this)}static get styles(){return[qi]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return rs(this.store.min)}set min(t){this.store.min.set(t)}get max(){return rs(this.store.max)}set max(t){this.store.max.set(t)}get step(){return this._step}set step(t){this._step=t}get keyboardStep(){return this._keyboardStep}set keyboardStep(t){this._keyboardStep=t}get isDragging(){return rs(this.store.dragging)}get fillRate(){const t=this.max-this.min,s=this.value-this.min;return t>0?s/t:0}get fillPercent(){return this.fillRate*100}get pointerValue(){return rs(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min,s=this.pointerValue-this.min;return t>0?s/t:0}get pointerPercent(){return this.pointerRate*100}connectedCallback(){super.connectedCallback();this._setupAriaAttrs();this._updateFillCSSProps();this._updatePointerCSSProps();this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{us(this,"interactive",t)})))}willUpdate(t){if(t.has("value")||t.has("min")||t.has("max")){this.value=this._getClampedValue(this.value);this.store.value.set(this.value);this._updateFillCSSProps();this._dispatchValueChange()}if(t.has("disabled")&&this.disabled){this.store.dragging.set(false);this.store.pointing.set(false);this.removeAttribute("dragging");this.removeAttribute("pointing");this.removeAttribute("interactive");us(this,"aria-disabled",this.disabled)}if(!this.customValueText){this._updateAriaValueAttrs()}super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel();this._disconnectDisposal.empty();super.disconnectedCallback()}_updateFillCSSProps(){fs(this,"fill-value",`${this.value}`);fs(this,"fill-rate",`${this.fillRate}`);fs(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){fs(this,"pointer-value",`${this.pointerValue}`);fs(this,"pointer-rate",`${this.pointerRate}`);fs(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return M`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return M`<slot></slot>`}_setupAriaAttrs(){cs(this,"role","slider");cs(this,"tabindex","0");cs(this,"aria-orientation","horizontal");cs(this,"autocomplete","off")}_updateAriaValueAttrs(){this.setAttribute("aria-valuemin",this._getValueMin());this.setAttribute("aria-valuenow",this._getValueNow());this.setAttribute("aria-valuemax",this._getValueMax());this.setAttribute("aria-valuetext",this._getValueText())}_getValueMin(){return String(this.min)}_getValueNow(){return String(this.value)}_getValueMax(){return String(this.max)}_getValueText(){return`${Rt(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(true);this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-start",{triggerEvent:t,detail:this.value}));this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(false);this._dispatchValueChange.cancel();this.removeAttribute("dragging");const s=this._getValueBasedOnThumbPosition(t);this.value=s;this.store.pointerValue.set(s);this._dispatchValueChange(t);this._dispatchPointerValueChange(t);this.dispatchEvent(st("vds-slider-drag-end",{triggerEvent:t,detail:this.value}));this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return jt(this.min,Rt(t,Ut(this.step)),this.max)}_getValueFromRate(t){const s=jt(0,t,1);const i=this.max-this.min;const e=i*s;const r=Math.round(e/this.step);const n=this.step*r;return this.min+n}_getValueBasedOnThumbPosition(t){const s=t.clientX;const{left:i,width:e}=this.getBoundingClientRect();const r=(s-i)/e;return this._getValueFromRate(r)}};Vs([li({type:Number})],Li.prototype,"min",1);Vs([li({type:Number})],Li.prototype,"max",1);Vs([li({reflect:true,type:Boolean})],Li.prototype,"disabled",2);Vs([li({type:Number})],Li.prototype,"value",2);Vs([li({type:Number})],Li.prototype,"step",1);Vs([li({attribute:"keyboard-step",type:Number})],Li.prototype,"keyboardStep",1);Vs([li({attribute:"shift-key-multiplier",type:Number})],Li.prototype,"shiftKeyMultiplier",2);Vs([li({type:Boolean,attribute:"custom-value-text"})],Li.prototype,"customValueText",2);var Vi=Hs``;var Ni=class extends Li{constructor(){super();this._step=.1;this.value=0;this.valueText="{currentTime} out of {duration}";this.pauseWhileDragging=false;this.seekingRequestThrottle=100;this.__mediaDuration=0;this.__mediaPaused=true;this._handleSliderDragStart=Q(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)}));this._handleSliderValueChange=Q(this,"vds-slider-value-change",(t=>{if(gs(t.originEvent)){this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t)}}));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)}));this._handleSliderDragEnd=Q(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel();this._mediaRemote.seek(this.value,t);this._togglePlaybackWhileDragging(t)}));this._dispatchSeekingRequest=Y((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle);this._wasPlayingBeforeDragStart=false;qs(this,"currentTime",(t=>{this.value=t}));qs(this,"duration",(t=>{this.__mediaDuration=t;this.requestUpdate("max")}));qs(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Vi]}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){if(t.has("disabled")&&this.disabled){this._dispatchSeekingRequest.cancel()}super.update(t)}disconnectedCallback(){this._dispatchSeekingRequest.cancel();super.disconnectedCallback()}_getValueMin(){return"0%"}_getValueNow(){return`${Math.round(this.fillPercent)}%`}_getValueText(){return this.valueText.replace("{currentTime}",ws(this.value)).replace("{duration}",ws(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){if(!this.pauseWhileDragging)return;if(this.isDragging&&!this.__mediaPaused){this._wasPlayingBeforeDragStart=true;this._mediaRemote.pause(t)}else if(this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused){this._wasPlayingBeforeDragStart=false;this._mediaRemote.play(t)}}};Vs([li({attribute:false,state:true})],Ni.prototype,"value",2);Vs([li({attribute:false})],Ni.prototype,"min",1);Vs([li({attribute:false})],Ni.prototype,"max",1);Vs([li({attribute:"value-text"})],Ni.prototype,"valueText",2);Vs([li({attribute:"pause-while-dragging",type:Boolean})],Ni.prototype,"pauseWhileDragging",2);Vs([li({attribute:"seeking-request-throttle",type:Number})],Ni.prototype,"seekingRequestThrottle",2);Vs([ui()],Ni.prototype,"__mediaDuration",2);Vs([ui()],Ni.prototype,"__mediaPaused",2);ls("vds-time-slider",Ni);var Ri=class extends Li{constructor(){super();this.value=100;this._handleSliderValueChange=Q(this,"vds-slider-value-change",this._changeVolume.bind(this));this._handleSliderDragValueChange=Q(this,"vds-slider-drag-value-change",this._changeVolume.bind(this));qs(this,"volume",(t=>{this.value=t*100}))}connectedCallback(){super.connectedCallback();cs(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=t.detail;const i=Rt(s/100,3);this._mediaRemote.changeVolume(i,t)}};Vs([li({attribute:false})],Ri.prototype,"min",1);Vs([li({attribute:false})],Ri.prototype,"max",1);Vs([li({attribute:false,state:true})],Ri.prototype,"value",2);ls("vds-volume-slider",Ri);var ji=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._sliderStoreConsumer=Di.consume(this);this.__value=0;this.type="current";this.showHours=false;this.padHours=false;this.decimalPlaces=2}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("format")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore[this.type==="current"?"value":"pointerValue"];const s=this.format==="percent"?this._createPercentStore(t):t;const i=s.subscribe((t=>{this.__value=t}));this._disposal.add(i)}_createPercentStore(t){return es([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>{const e=i-s;return t/e*100}))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${Rt(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return zs(this.__value,this.padHours,this.showHours)}};Vs([ui()],ji.prototype,"__value",2);Vs([li()],ji.prototype,"type",2);Vs([li()],ji.prototype,"format",2);Vs([li({attribute:"show-hours",type:Boolean})],ji.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],ji.prototype,"padHours",2);Vs([li({attribute:"decimal-places",type:Number})],ji.prototype,"decimalPlaces",2);ls("vds-slider-value-text",ji);var Ui=class extends hi{constructor(){super(...arguments);this._disposal=new G;this._mediaStoreConsumer=Ds.consume(this);this.__seconds=0;this.type="current";this.showHours=false;this.padHours=false;this.remainder=false}static get styles(){return[Hs`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback();this._handleTypeChange()}update(t){if(t.has("type")||t.has("remainder")){this._handleTypeChange()}super.update(t)}disconnectedCallback(){this._disposal.empty();super.disconnectedCallback()}render(){return M`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore();const s=(this.remainder?this._createRemainderStore(t):t).subscribe((t=>{this.__seconds=t}));this._disposal.add(s)}_getTypeStore(){switch(this.type){case"buffered":return this._mediaStore.bufferedAmount;case"seekable":return this._mediaStore.seekableAmount;case"duration":return this._mediaStore.duration;default:return this._mediaStore.currentTime}}_createRemainderStore(t){return es([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return zs(this.__seconds,this.padHours,this.showHours)}};Vs([ui()],Ui.prototype,"__seconds",2);Vs([li()],Ui.prototype,"type",2);Vs([li({attribute:"show-hours",type:Boolean})],Ui.prototype,"showHours",2);Vs([li({attribute:"pad-hours",type:Boolean})],Ui.prototype,"padHours",2);Vs([li({type:Boolean})],Ui.prototype,"remainder",2);ls("vds-time",Ui);const Ii='.sc-stzh-audio-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-audio-h,[stzh-hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::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-audio-h .has-focus.sc-stzh-audio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio{outline-style:none !important}.sc-stzh-audio-h .stzh-fylingfocus-focused.sc-stzh-audio::-moz-focus-inner{border:0 !important}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript]{margin:0}.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-medium);content:" ";display:block}@media screen and (min-width: 600px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript],.sc-stzh-audio-h.sc-stzh-audio-s>[slot=transcript] br,.sc-stzh-audio-h .sc-stzh-audio-s>[slot=transcript] br{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{padding-right:var(--stzh-space-xxlarge)}}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-large);position:relative;display:flex;flex-direction:column;background-color:var(--stzh-color-grey20)}@media screen and (min-width: 900px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-small)}}.stzh-audio__controls-top.sc-stzh-audio,.stzh-audio__controls-bottom.sc-stzh-audio,.stzh-audio__controls-bottom-left.sc-stzh-audio,.stzh-audio__controls-bottom-right.sc-stzh-audio{display:flex;align-items:center}.stzh-audio__controls-top.sc-stzh-audio{margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:flex;flex-direction:column;align-items:stretch}@media screen and (min-width: 600px){.stzh-audio__controls-bottom.sc-stzh-audio{flex-direction:row;align-items:center}}.stzh-audio__controls-bottom-left.sc-stzh-audio{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-audio__controls-bottom-left.sc-stzh-audio{flex-grow:1;margin-bottom:0}}.stzh-audio__controls-bottom-right.sc-stzh-audio{align-self:flex-end}.stzh-audio__transcript.sc-stzh-audio{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);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-large);background-color:var(--stzh-color-grey10)}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{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)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-audio__transcript.sc-stzh-audio{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-audio__button.sc-stzh-audio{width:2.75rem;height:2.75rem;display:grid;place-items:center;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;color:var(--stzh-color-primary70)}.stzh-audio__button.is-play.sc-stzh-audio,.stzh-audio__button.is-mute.sc-stzh-audio,.stzh-audio__button.is-transcript.sc-stzh-audio{margin-right:var(--stzh-space-xsmall)}.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:auto}@media screen and (min-width: 600px){.stzh-audio__button.is-mute.sc-stzh-audio{margin-left:0px}}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-primary80);background-color:var(--stzh-color-secondary20)}.stzh-audio__loader-overlay.sc-stzh-audio{display:grid;place-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--stzh-color-white);opacity:0;visibility:hidden}.stzh-audio__time.sc-stzh-audio{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);color:var(--stzh-color-grey70);display:inline-flex;margin-right:var(--stzh-space-xlarge)}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1rem;--thumb-width:1rem;--track-height:0.375rem;cursor:pointer;display:flex;align-items:center;height:var(--height)}.stzh-audio__slider.is-time.sc-stzh-audio{flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{--track-height:0.25rem;flex-grow:1;min-width:5rem;max-width:7.5rem}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:flex;margin-right:auto}}.stzh-audio__slider-track.sc-stzh-audio{width:100%;height:var(--track-height);position:absolute;top:50%;left:0;z-index:0;transform:translateY(-50%);background-color:var(--stzh-color-black20op);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black30op)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary40);transform-origin:left center;transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-secondary50)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.sc-stzh-audio{background-color:var(--stzh-color-black20op)}.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__slider-track.is-fill.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio:hover .stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-black50op)}.stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;transform:translateX(-50%);z-index:2}.stzh-audio__slider-thumb-container.is-shown.sc-stzh-audio{opacity:1}.stzh-audio__slider.sc-stzh-audio:hover .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{opacity:1;left:var(--vds-pointer-percent)}.stzh-audio__slider-thumb.sc-stzh-audio{position:absolute;top:50%;left:0;width:var(--thumb-width);height:var(--thumb-width);border-radius:50%;background-color:var(--stzh-color-white);border:0.125rem solid var(--stzh-color-primary70);transform:translateY(-50%)}.stzh-audio__media-preview-container.sc-stzh-audio{--width:2.625rem;--width-half:calc(var(--width) / 2);--top:-1.5rem;--left-clamp:max(var(--width-half), var(--vds-pointer-percent));--right-clamp:calc(100% - var(--width-half));--left:min(var(--left-clamp), var(--right-clamp));display:grid;place-items:center;position:absolute;width:auto;width:--width;top:var(--top);left:var(--left);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-coolgrey60);color:var(--stzh-color-white)}@supports (filter: var(--stzh-tooltip-drop-shadow)){.stzh-audio__media-preview-container.sc-stzh-audio{box-shadow:none;filter:var(--stzh-tooltip-drop-shadow)}}.stzh-audio__slider.is-time.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio,.stzh-audio__slider.is-volume.sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{width:auto;padding:var(--stzh-space-xxsmall)}.stzh-audio__slider[pointing].sc-stzh-audio .stzh-audio__media-preview-container.sc-stzh-audio{opacity:1}.stzh-audio__slider-text.sc-stzh-audio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-audio[hide-ui].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:0;visibility:hidden}.stzh-audio[autoplay-error].sc-stzh-audio .stzh-audio__controls.sc-stzh-audio{opacity:1}.stzh-audio.sc-stzh-audio:not([can-play]) .stzh-audio__loader-overlay.sc-stzh-audio,.stzh-audio[waiting].sc-stzh-audio .stzh-audio__loader-overlay.sc-stzh-audio{opacity:0.8;visibility:visible}.stzh-audio[paused].sc-stzh-audio .stzh-audio__paused.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([paused]) .stzh-audio__played.sc-stzh-audio{display:none}.stzh-audio[muted].sc-stzh-audio .stzh-audio__muted.sc-stzh-audio{display:none}.stzh-audio.sc-stzh-audio:not([muted]) .stzh-audio__unmuted.sc-stzh-audio{display:none}';const Bi=Ii;const Hi=class{constructor(i){t(this,i);this.stzhPlay=s(this,"stzhPlay",7);this.stzhPlaying=s(this,"stzhPlaying",7);this.stzhPause=s(this,"stzhPause",7);this.stzhReplay=s(this,"stzhReplay",7);this.stzhEnd=s(this,"stzhEnd",7);this.stzhEnded=s(this,"stzhEnded",7);this.stzhError=s(this,"stzhError",7);this.localization=undefined;this.src="";this.preload="none";this.transcript="";this.transcriptShown=false;this.downloadAnalyticsId=undefined;this.transcriptAnalyticsId=undefined}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"audio")}}render(){const t=!!this.transcript||n(this.element,"transcript");const s={"stzh-audio":true};return i(e,{key:"7761baad4935c2e7657811179ac6ee9f77f69a98"},i("vds-media",{key:"bf7111da7cde865595c7e3d8257dd485f18fd79c",class:s},i("vds-audio",{key:"c1004c10dd3eb1db24709f10bdebebfb9f80af2f",class:"stzh-audio__audio",ref:t=>this.vsdAudioElement=t,"onVds-play":()=>{this.stzhPlay.emit({component:"stzh-audio"})},"onVds-playing":()=>{this.stzhPlaying.emit({component:"stzh-audio"})},"onVds-end":()=>{this.stzhEnd.emit({component:"stzh-audio"})},"onVds-ended":()=>{this.stzhEnded.emit({component:"stzh-audio"})},"onVds-replay":()=>{this.stzhReplay.emit({component:"stzh-audio"})},"onVds-error":t=>{this.stzhError.emit({component:"stzh-audio",originalEvent:t})}},i("audio",{key:"d1e343b52804ab3a5ac0fd275b62bb0d603141a8",preload:this.preload,src:this.src},i("slot",{key:"cc7a0efe96647f568925a9bb0bcdeedaae9b43fa"}))),i("div",{key:"e3fa0fc12269fe87a9968a0de7f5c64197c6f529",class:"stzh-audio__controls"},i("div",{key:"0cf585e51f2c8d7ad011dc703007a20f6a5925fe",class:"stzh-audio__loader-overlay"},i("stzh-loader",{key:"49bd5b51c4a92b1ebef33fc127bfeff251f19386",class:"stzh-audio__loader",label:this.localization.loading,"hide-label":true})),i("div",{key:"b6cae70b84c3f69a2ab31b47d211560fa5a4c0d5",class:"stzh-audio__controls-top"},i("vds-time-slider",{key:"2192b84043e7482987f64fa157c8d42d4e264a46",class:"stzh-audio__slider is-time"},i("div",{key:"e2291f550b0034c808d3b490821101ef2de452b7",class:"stzh-audio__slider-track"}),i("div",{key:"81a996b59477c9fd686535734cf9fcd82c334d78",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"c2639b1b07126e199b5721e22662d94c53f5ebf0",class:"stzh-audio__slider-thumb-container"},i("div",{key:"46856a8aaa4f1d8687f0c36060b8b4040e03579d",class:"stzh-audio__slider-thumb"})),i("div",{key:"f286580b271cb36bd066bcc06b4ccac3089b3511",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"1c1fd81023fe35bcc272fd205efb72b951d2e4a5",class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{key:"8c9f734cce8a5cfcdef1b4a811245d3cad1a8010",class:"stzh-audio__controls-bottom"},i("div",{key:"268b4fc9f1260bdea80b8e3016f3537bf586323f",class:"stzh-audio__controls-bottom-left"},i("stzh-tooltip",{key:"119c0f1fcc7fb98a1c9693abbea9a4ec152ce741"},i("vds-play-button",{key:"18d701e4d24400199e3ae4a81bdb886c3e0ce21b",class:"stzh-audio__button is-play"},i("stzh-icon",{key:"35b3202beab7e432c9d426dae1751dda7ab116a6",class:"stzh-audio__played",name:"play"}),i("stzh-icon",{key:"c0b88f1ddb4263acaba4e88c7525061acb5b3fe1",class:"stzh-audio__paused",name:"pause"})),i("span",{key:"7d27dd9328f16a9a99ea5cb8acce9590c56c5a81",slot:"content"},i("span",{key:"f4a149aa3faf9c3e45272eb866583f12f6d9af2e",class:"stzh-audio__played"},this.localization.play),i("span",{key:"3f9407f059dde9822171e97b1bcfacac262700d3",class:"stzh-audio__paused"},this.localization.pause))),i("div",{key:"285992fbf9a9e2feffcbe9368f3c2c97486ce0cb",class:"stzh-audio__time"},i("vds-time",{key:"4e54bdef5919b68c6669f5a4d81c82c030b64eff",type:"current"}),i("span",{key:"c9d3ff91c16c8f515be6c8129adf9b55ff92e55d",class:"stzh-audio__time-separator"},"/"),i("vds-time",{key:"78b1c2e996da60b3bf7830abd123c27c217c601f",type:"duration"})),i("stzh-tooltip",{key:"b4ee89f11f8bebb8ae820e1bcbf93327d35630e3"},i("vds-mute-button",{key:"4a420bab884726facf9012f99d7a367cac25ee0c",class:"stzh-audio__button is-mute"},i("stzh-icon",{key:"92adc0d4507d9df9092e4f487d6b746c83576435",class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{key:"940495b96c54172d55081c14e3a803daa26c0c66",class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{key:"220f3a469dcb826a310fc41147776563680192db",slot:"content"},i("span",{key:"0f213b63e175c3fdbfc53cf6047bd9c8a45a8d83",class:"stzh-audio__muted"},this.localization.mute),i("span",{key:"327083b0611eedc6cdb0dcd9aeef8e498012bff8",class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{key:"8a37c7fea214d7814fa67c0f2f4ac5468537ade6",class:"stzh-audio__slider is-volume"},i("div",{key:"cf56ff7136ef1aebee1c67e915fed67110498416",class:"stzh-audio__slider-track"}),i("div",{key:"5072c827d2e0bc595cfb0aa69e5cf872e0c31591",class:"stzh-audio__slider-track is-fill"}),i("div",{key:"4aefafd745cc90b75565cd083d3e6ef7de07e895",class:"stzh-audio__slider-thumb-container is-shown"},i("div",{key:"a3cc5d6b7179235c32812bc4e25258eb56eea8cf",class:"stzh-audio__slider-thumb"})),i("div",{key:"e2f342fc63582b1c7e32ac3563dfefd7de12be35",class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{key:"f46d6b5d5c9fc2db9b268f50db3b7c5693e9b814",class:"stzh-audio__slider-text",type:"pointer",format:"percent"})))),i("div",{key:"771d692bbe8b42999f2d49e5f3016695fd59dc18",class:"stzh-audio__controls-bottom-right"},t&&i("stzh-tooltip",{key:"d6d22717ff6c46d7d98a7e434270a6ac0ad0e719",content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{key:"c1b3294eb8499bfa5902361b14d704db4bb5f090",class:{"stzh-audio__button is-transcript":true,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown,"s-object-id":this.transcriptAnalyticsId||(this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript)},i("stzh-icon",{key:"a41d24642fa9f0bfc1fcd97a52c540fae8424332",name:"transcript"}))),i("stzh-tooltip",{key:"5a33690aa8987c83727d31eb4f77244fbf40e019",content:this.localization.download},i("a",{key:"9b0069298943d2517058acbe2cc5a9cd971f68cb",class:"stzh-audio__button is-download",href:this.src,download:"","s-object-id":this.downloadAnalyticsId||this.localization.download},i("stzh-icon",{key:"d96d985a10a355ea471fc79b17fdde9bd5624942",name:"download"})))))),i("div",{key:"fd12304f21fc1a34ed8b3c6af7d1151f86c7fe00",class:"stzh-audio__transcript",hidden:!this.transcriptShown},this.transcript?this.transcript:i("slot",{name:"transcript"}))))}get element(){return r(this)}};Hi.style=Bi;export{Hi as stzh_audio};
-//# sourceMappingURL=p-8485a36a.entry.js.map
+//# sourceMappingURL=p-2d453802.entry.js.map

package/dist/stzh-components/{p-20b8f661.entry.js → p-3221e8e5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-24caf6c1.js";import"./p-dae15605.js";const l='.sc-stzh-pi-pagetitle-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-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::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-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(--stzh-pi-pagetitle-hero-background-color, var(--stzh-color-primary10));--lead-background-color:var(--stzh-pi-pagetitle-lead-background-color, var(--stzh-color-primary40));--background-color:var(--stzh-pi-pagetitle-background-color, var(--stzh-color-coolgrey10));--grid-template-areas:"hero hero hero hero" "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero . ." "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . . hero hero hero hero hero hero . . ." "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{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);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-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-area:menu;z-index:2}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-area:image}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-area:lead;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . . article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{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-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{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-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr));grid-template-areas:"menu image image image" "menu lead lead lead"}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr));grid-template-areas:"menu menu image image image image image image" "menu menu lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr));grid-template-areas:"menu menu menu image image image image image image image image image" "menu menu menu lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--background-color)}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) * -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const n=l;const r=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const l=s(this.element,"menu");const n=!!this.author||!!this.date;const r={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":l,"stzh-pi-pagetitle--has-article-info":n,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"a5659ffe9f136c2a7d889a267fad9269e23d18a3","has-menu":l,"has-article-info":n},t("div",{key:"eef7b56b1bbe2e2d7121ecc2e888a2d47d355465",class:r},t("div",{key:"e3d62e1893df3598420da886a8979e06d863d20d",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"874d00ecf4548da855847e8f7eb0c0f5314e5ea8",class:"stzh-pi-pagetitle__hero"},t("div",{key:"ab8cd8352ea3995e0c1a17226bb455a77e889437",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"04c37f87ce9faff9899b9ab05452a0a0b4a15bbe",name:"breadcrumb"})),t("div",{key:"295a9f9d9865a8c9150ae1b2c8ed54f7e6c8a1c9",class:"stzh-pi-pagetitle__meta"},t("div",{key:"95887a227c5c57956dac0e2e619476ec5fd10d54",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"22d0939c9a90fdf2907dfd41d217356e907a7e25",name:"readspeaker"}))),t("div",{key:"e3476412c7f87e37ce5df43cf9e04099a6b18408",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"0efa75edce13363f0b459719ce771d2c7c02994a",name:"dateline"})),t("div",{key:"6a28a49bd42bc8ae505142141ce188cd24a19bd7",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"eaf7a14eb9fcdf005ee6f51916cc5ab86e5f6697",name:"heading"})))),t("div",{key:"500fa3a32b147a3b5a833f99f5f7c57a8215f761",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"dd9e9c85d4f8b287c63beb18a9a8c05716163ac3",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"6034bf1a844ca34acf33729572459ffa27a72948",class:"stzh-pi-pagetitle__menu"},l&&t("div",{key:"1cde986028870ece4ba2181a32437841474bdf6f",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"8619173f86a1d91c9d03707bf5b48c6237ec8204",name:"menu"}))),e&&t("div",{key:"4aa216dfaec0b15c3010d96743b8fa0bd7391a85",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"eb52f1daf1e7fafd65b36f7a92f422ec5590be51",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"7c59fe7d53600e986da0c55814dfe8aebb830c2c",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"0551c061b3972f945d47f41d9e16734725fd5579",name:"image"})))),l&&t("div",{key:"e068f7f2620eb5031637334062017fe6f121f091",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"0fc6e4a1fc93664c01dfc7cece1fe17b00276dc1",name:"lead"})))),!l&&t("div",{key:"f8d7e9dd5fafbd9b9516af264c5867ccef42a986",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"b3d4e0b30e71d6c1474f6251aad8b14f24f93f5f",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"3d7795184694438db46ebcadc326d1e37e1ec85a",name:"lead"}))),n&&t("div",{key:"812fcad9969037e2fb8dae7f5277609666127563",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"867726da8989451e02e00db80e6f78a9bfc4c3a2",class:"stzh-pi-pagetitle__article-info"},this.author&&t("p",{key:"5bee8cd9f24ee3d642b41e645b60b0b344a65967",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"7602126315fe0d9fb17ea7230d2398080882e5b8",class:"stzh-pi-pagetitle__date"},this.date)))))}get element(){return a(this)}};r.style=n;export{r as stzh_pi_pagetitle};
-//# sourceMappingURL=p-20b8f661.entry.js.map
+import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-09b5eb01.js";import"./p-dae15605.js";const l='.sc-stzh-pi-pagetitle-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-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h *.sc-stzh-pi-pagetitle::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-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(--stzh-pi-pagetitle-hero-background-color, var(--stzh-color-primary10));--lead-background-color:var(--stzh-pi-pagetitle-lead-background-color, var(--stzh-color-primary40));--background-color:var(--stzh-pi-pagetitle-background-color, var(--stzh-color-coolgrey10));--grid-template-areas:"hero hero hero hero" "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero . ." "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . . hero hero hero hero hero hero . . ." "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{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);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-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] *,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-area:menu;z-index:2}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-area:image}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-area:lead;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . . article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);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-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{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-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{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-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr));grid-template-areas:"menu image image image" "menu lead lead lead"}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr));grid-template-areas:"menu menu image image image image image image" "menu menu lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr));grid-template-areas:"menu menu menu image image image image image image image image image" "menu menu menu lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--background-color)}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) * -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const n=l;const r=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const l=s(this.element,"menu");const n=!!this.author||!!this.date;const r={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":l,"stzh-pi-pagetitle--has-article-info":n,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"a5659ffe9f136c2a7d889a267fad9269e23d18a3","has-menu":l,"has-article-info":n},t("div",{key:"eef7b56b1bbe2e2d7121ecc2e888a2d47d355465",class:r},t("div",{key:"e3d62e1893df3598420da886a8979e06d863d20d",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"874d00ecf4548da855847e8f7eb0c0f5314e5ea8",class:"stzh-pi-pagetitle__hero"},t("div",{key:"ab8cd8352ea3995e0c1a17226bb455a77e889437",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"04c37f87ce9faff9899b9ab05452a0a0b4a15bbe",name:"breadcrumb"})),t("div",{key:"295a9f9d9865a8c9150ae1b2c8ed54f7e6c8a1c9",class:"stzh-pi-pagetitle__meta"},t("div",{key:"95887a227c5c57956dac0e2e619476ec5fd10d54",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"22d0939c9a90fdf2907dfd41d217356e907a7e25",name:"readspeaker"}))),t("div",{key:"e3476412c7f87e37ce5df43cf9e04099a6b18408",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"0efa75edce13363f0b459719ce771d2c7c02994a",name:"dateline"})),t("div",{key:"6a28a49bd42bc8ae505142141ce188cd24a19bd7",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"eaf7a14eb9fcdf005ee6f51916cc5ab86e5f6697",name:"heading"})))),t("div",{key:"500fa3a32b147a3b5a833f99f5f7c57a8215f761",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"dd9e9c85d4f8b287c63beb18a9a8c05716163ac3",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"6034bf1a844ca34acf33729572459ffa27a72948",class:"stzh-pi-pagetitle__menu"},l&&t("div",{key:"1cde986028870ece4ba2181a32437841474bdf6f",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"8619173f86a1d91c9d03707bf5b48c6237ec8204",name:"menu"}))),e&&t("div",{key:"4aa216dfaec0b15c3010d96743b8fa0bd7391a85",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"eb52f1daf1e7fafd65b36f7a92f422ec5590be51",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"7c59fe7d53600e986da0c55814dfe8aebb830c2c",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"0551c061b3972f945d47f41d9e16734725fd5579",name:"image"})))),l&&t("div",{key:"e068f7f2620eb5031637334062017fe6f121f091",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"0fc6e4a1fc93664c01dfc7cece1fe17b00276dc1",name:"lead"})))),!l&&t("div",{key:"f8d7e9dd5fafbd9b9516af264c5867ccef42a986",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"b3d4e0b30e71d6c1474f6251aad8b14f24f93f5f",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"3d7795184694438db46ebcadc326d1e37e1ec85a",name:"lead"}))),n&&t("div",{key:"812fcad9969037e2fb8dae7f5277609666127563",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"867726da8989451e02e00db80e6f78a9bfc4c3a2",class:"stzh-pi-pagetitle__article-info"},this.author&&t("p",{key:"5bee8cd9f24ee3d642b41e645b60b0b344a65967",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"7602126315fe0d9fb17ea7230d2398080882e5b8",class:"stzh-pi-pagetitle__date"},this.date)))))}get element(){return a(this)}};r.style=n;export{r as stzh_pi_pagetitle};
+//# sourceMappingURL=p-3221e8e5.entry.js.map

package/dist/stzh-components/{p-645f4d03.entry.js → p-34c56740.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,h as i,a as n,g as s}from"./p-ef5985a3.js";import{h as e}from"./p-24caf6c1.js";import"./p-dae15605.js";const r='.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,[stzh-hidden].sc-stzh-card-navigation-h{display:none}.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.sc-stzh-card-navigation:hover{background-color:var(--stzh-color-secondary10)}.stzh-card-navigation.sc-stzh-card-navigation:hover .stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transform:translateX(0.25rem)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@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-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}@media screen and (min-width: 1260px){.stzh-card-navigation__title.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;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-xsmall);margin-bottom:var(--stzh-space-xsmall)}@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: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-small)}}@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-xlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-small)}}@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-xlarge)}}.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{transition:transform 150ms ease;--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}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{hyphens:auto}';const o=r;const c=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="";this.hyphensEnabled=false}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||e(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a,"stzh-card-navigation--hyphens":this.hyphensEnabled};const s=`h${this.headingLevel}`;const r=this.href?"a":"button";return i(n,{key:"452ddf2296568096375c6f4a716556264c02c929","has-lead":a},i("article",{key:"8a4186def539917471b5927b4be05b9394322e2b",class:t,"aria-label":this.heading,role:"listitem"},i("div",{key:"9d7c75a0d84b72cfc1b4004517305542b6e54fed",class:"stzh-card-navigation__wrapper"},i(s,{key:"89783bca0a5a2d00d536c652e230790b7fa3b007",class:"stzh-card-navigation__title"},i(r,{key:"cd342061227a4e453858f11ee1d453ba71234baf",ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},this.heading?i("div",{ref:a=>this.headingTextElement=a,innerHTML:this.heading}):i("div",{ref:a=>this.headingTextElement=a},i("slot",{name:"heading"})))),i("div",{key:"efc3ddc5e05828c1b59c7c36e32118151f1f8564",class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"226e59bba4bf2c46cd97352ed4310c14cf07819b",class:"stzh-card-navigation__arrow"},i("stzh-icon",{key:"fd9282e3a098323030fc9ce8a12866255a4884ea",class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};c.style=o;export{c as stzh_card_navigation};
-//# sourceMappingURL=p-645f4d03.entry.js.map
+import{r as a,c as t,h as i,a as n,g as s}from"./p-ef5985a3.js";import{h as e}from"./p-09b5eb01.js";import"./p-dae15605.js";const r='.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,[stzh-hidden].sc-stzh-card-navigation-h{display:none}.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.sc-stzh-card-navigation:hover{background-color:var(--stzh-color-secondary10)}.stzh-card-navigation.sc-stzh-card-navigation:hover .stzh-card-navigation__arrow-icon.sc-stzh-card-navigation{transform:translateX(0.25rem)}.stzh-card-navigation__wrapper.sc-stzh-card-navigation{padding-left:var(--stzh-space-medium);display:flex;align-items:center;flex-grow:1;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}@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-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-text-letter-spacing);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;color:var(--stzh-color-primary70);margin:0}@media screen and (min-width: 1260px){.stzh-card-navigation__title.sc-stzh-card-navigation{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-text-letter-spacing)}}.stzh-card-navigation__title-link.sc-stzh-card-navigation{display:block;font-family:inherit;font-size:inherit;padding:0;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-xsmall);margin-bottom:var(--stzh-space-xsmall)}@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: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-top:var(--stzh-space-small)}}@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-xlarge)}}@media screen and (min-width: 600px){.stzh-card-navigation__lead.sc-stzh-card-navigation{margin-bottom:var(--stzh-space-small)}}@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-xlarge)}}.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{transition:transform 150ms ease;--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}.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title.sc-stzh-card-navigation,.stzh-card-navigation--hyphens.sc-stzh-card-navigation .stzh-card-navigation__title-link.sc-stzh-card-navigation{hyphens:auto}';const o=r;const c=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="";this.hyphensEnabled=false}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||e(this.element,"lead");const t={"stzh-card-navigation":true,"stzh-card-navigation--has-lead":a,"stzh-card-navigation--hyphens":this.hyphensEnabled};const s=`h${this.headingLevel}`;const r=this.href?"a":"button";return i(n,{key:"452ddf2296568096375c6f4a716556264c02c929","has-lead":a},i("article",{key:"8a4186def539917471b5927b4be05b9394322e2b",class:t,"aria-label":this.heading,role:"listitem"},i("div",{key:"9d7c75a0d84b72cfc1b4004517305542b6e54fed",class:"stzh-card-navigation__wrapper"},i(s,{key:"89783bca0a5a2d00d536c652e230790b7fa3b007",class:"stzh-card-navigation__title"},i(r,{key:"cd342061227a4e453858f11ee1d453ba71234baf",ref:a=>this.titleLinkElement=a,class:"stzh-card-navigation__title-link",href:this.href,target:this.target,onClick:this.handleCardClick},this.heading?i("div",{ref:a=>this.headingTextElement=a,innerHTML:this.heading}):i("div",{ref:a=>this.headingTextElement=a},i("slot",{name:"heading"})))),i("div",{key:"efc3ddc5e05828c1b59c7c36e32118151f1f8564",class:"stzh-card-navigation__lead"},this.lead?this.lead:i("slot",{name:"lead"}))),i("div",{key:"226e59bba4bf2c46cd97352ed4310c14cf07819b",class:"stzh-card-navigation__arrow"},i("stzh-icon",{key:"fd9282e3a098323030fc9ce8a12866255a4884ea",class:"stzh-card-navigation__arrow-icon",name:"arrow-right"}))))}get element(){return s(this)}};c.style=o;export{c as stzh_card_navigation};
+//# sourceMappingURL=p-34c56740.entry.js.map