@oiz/stzh-components 2.1.0-beta → 2.2.0-beta

package/dist/stzh-components/{p-92788577.entry.js → p-f5fdc88c.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as s,h as i,a as e,g as h}from"./p-7a4c6adb.js";import{h as n}from"./p-1f57d28e.js";import{f as r}from"./p-25a09313.js";
+import{r as t,c as s,h as i,a as e,g as h}from"./p-9a5ebb1f.js";import{h as n}from"./p-86a29c35.js";import{f as r}from"./p-25a09313.js";
 /**
  * @license
  * Copyright 2017 Google LLC
@@ -31,4 +31,4 @@ const Es=(t,s)=>"method"===s.kind&&s.descriptor&&!("value"in s.descriptor)?{...s
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */}function Ss(t){return Cs({...t,state:!0})}var Ms=Symbol("@vidstack/media-provider-discovery"),$s=class extends ks{constructor(){super(),this._disconnectDisposal=new B,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Et,this._store=Gt(),this._state=Dt(this._store),this.connectedQueue=Ct(this),this.mediaQueue=new Et,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-provider-connect",{register:Ms});const t=function(...t){return new class{constructor(t,s={},i=(()=>!0),e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}}(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{tt(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Rt((()=>{this.startLoadingMedia()}))}render(){return E`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),qt((()=>{qt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){this.isConnected&&this.disconnectedCallback(),this.dispatchEvent(Y("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume,i=bt(0,t,1);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)try{t?this.pause():this.play(),this.requestUpdate("paused",!t)}catch(Cs){this._logger?.error("paused-change-fail",Cs)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;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;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;s!==t&&(this.dispatchEvent(Y("vds-poster-change",{detail:t})),this.requestUpdate("poster",s))}get loop(){return this.state.loop}set loop(t){const s=this.loop;s!==t&&(this.dispatchEvent(Y("vds-loop-change",{detail:t})),this.requestUpdate("loop",s))}get controls(){return this.state.controls}set controls(t){const s=this.controls;s!==t&&(this.dispatchEvent(Y("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||this.dispatchEvent(Y("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&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(Y("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(Y("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){this.autoplay!==t&&(this.dispatchEvent(Y("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){this._attemptingAutoplay=!0;try{await this.play(),this.dispatchEvent(Y("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(Y("vds-autoplay-fail",{detail:{muted:this.muted,error:t}})),this.requestUpdate()}this._attemptingAutoplay=!1}}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=Gt(),this._state=Dt(this._store),this._controller&&(At(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};hs([Cs({type:Number})],$s.prototype,"volume",1),hs([Cs({type:Boolean})],$s.prototype,"paused",1),hs([Cs({type:Number})],$s.prototype,"currentTime",1),hs([Cs({type:Boolean})],$s.prototype,"muted",1),hs([Cs()],$s.prototype,"poster",1),hs([Cs({type:Boolean})],$s.prototype,"loop",1),hs([Cs({type:Boolean})],$s.prototype,"controls",1),hs([Ss()],$s.prototype,"canLoadPoster",2),hs([Cs({attribute:"loading"})],$s.prototype,"loading",2),hs([Cs({type:Boolean})],$s.prototype,"autoplay",1),hs([Cs({attribute:"log-level"})],$s.prototype,"logLevel",1),hs([Cs({attribute:"idle-delay",type:Number})],$s.prototype,"idleDelay",1),hs([Cs({attribute:"fullscreen-orientation"})],$s.prototype,"fullscreenOrientation",1);var Ts=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new B,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Rt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),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 t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Ps=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Lt(this._host,s,et(i)||it(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Fs=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),et(i)||it(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},As=Symbol("@vidstack/media-discovery"),Ds=class extends ks{constructor(){super(),this.controller=new class{constructor(t){var s,i,e,h,n,r,o;this._host=t,this._disconnectDisposal=new B,this.providerQueue=new Et,this.providerDisposal=new B,this._logController=void 0,this._logger=void 0,this._providerContext=Yt.provide(this._host),this._mediaStoreProvider=ts.provide(this._host),this.state=Dt(this._store),this._userIdleController=new class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new B,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()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=I(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(Y("vds-user-idle-change",{detail:t})),this._idle=t)}}(this._host,this._store),this._handleIdleChange=H(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=H(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=H(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=H(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=H(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=H(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=H(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=H(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=H(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=H(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=H(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=H(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=H(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=H(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=H(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(Cs){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=H(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=H(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=j((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=(s=()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=Y("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1},i=300,h=null,n=null,(o=function(){if(!i)return s.apply(this,arguments);var t=this,o=arguments,a=e&&!h;return r(),n=function(){s.apply(t,o)},h=setTimeout((function(){if(h=null,!a){var t=n;return n=null,t()}}),i),a?n():void 0}).cancel=r=function(){h&&(clearTimeout(h),n=null,h=null)},o.flush=function(){var t=n;r(),t&&t()},o),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(rt.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);nt.set(s,(nt.get(s)??new Set).add(e))},hostDisconnected:()=>{nt.get(s)?.delete(e)}})}(t,Ms,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){st(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),At(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){st(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Mt(Zt))t[s].set(Zt[s])}(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(){Mt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,X(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):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 Mt(t)){const i=t[s].bind(this);this.providerDisposal.add(I(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,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(!0),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),X(t,this._findLastMediaEvent("vds-src-change")),X(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t),"loadedmetadata"!==t.triggerEvent?.type&&X(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),X(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-play")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){X(t,this._findLastMediaEvent("vds-play-fail")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(t.detail),this._clearMediaStateTracking()}_handlePlay(t){if(!this._isLooping&&this.state.paused){if(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=Y("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),X(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),this._satisfyMediaRequest("play",t),this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s?(X(t,this._findLastMediaEvent("vds-waiting")),X(t,s)):X(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(Y("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(X(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),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(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),X(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Mt(s=this._store).forEach((t=>{Qt.has(t)||s[t].set(s[t].initialValue)})),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)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?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(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}}(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-connect",{register:As}),ss(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),ss(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),ss(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ds`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Lt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return E`<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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Ps(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Fs(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};hs([Ss()],Ds.prototype,"__mediaFullscreen",2),hs([Ss()],Ds.prototype,"__mediaIsVideoView",2),hs([Ss()],Ds.prototype,"__mediaPlaysinline",2),hs([Cs({attribute:"fullscreen-orientation"})],Ds.prototype,"fullscreenOrientation",1),Ot("vds-media",Ds);var qs=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Os=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Ls=class extends $s{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new B,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){it(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){tt(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{tt(this._timeRAF)||this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(Y("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&&!st(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])")?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(s,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];/^(audio|video)$/i.test(t?.tagName??""),this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Lt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}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=!1,this._ignoreNextEmptiedEvent=!1}),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(Y("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:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||this.dispatchEvent(Y("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(st(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};Mt(t).forEach((s=>{const i=t[s].bind(this),e=I(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(Y("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(Y("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(Y("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||this.dispatchEvent(Y("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(Y("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}})),this.dispatchEvent(Y("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(Y("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=Y("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay,this.dispatchEvent(s)}_handlePause(t){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(Y("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=Y("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){this.mediaElement.ended&&this._updateCurrentTime(this.mediaElement.duration,t),this.dispatchEvent(Y("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(Y("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(Y("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=Y("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)&&wt(this.mediaElement.duration)>wt(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(Cs){}}_handleStalled(t){this.dispatchEvent(Y("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleVolumeChange(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleSuspend(t){const s=Y("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates(),this._updateCurrentTime(this.mediaElement.duration,t);const s=Y("vds-end",{triggerEvent:t});this.dispatchEvent(s),this.state.loop?this._handleLoop():this.dispatchEvent(Y("vds-ended",{triggerEvent:t}))}_handleLoop(){st(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(Y("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(Y("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=Y("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return qs.test(t=this.state.currentSrc)?"audio":Os.test(t)?"video":"unknown";var t}};hs([Cs()],Ls.prototype,"preload",2),Ot("vds-audio",class extends Ls{static get styles(){return[ds`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(Y("vds-view-type-change",{detail:"audio"}))}});var Vs=ds`: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}`,Ns=class extends ks{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=H(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),kt(this),["pointerup","keydown"].forEach((t=>{H(this,t,(t=>{this.disabled||Ut(t)&&!function(t){return Ut(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Vs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Vt(this,"tabindex","0"),Vt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Lt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return E`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};hs([Cs({type:Boolean})],Ns.prototype,"pressed",2),hs([Cs({type:Boolean,reflect:!0})],Ns.prototype,"disabled",2);var Rs=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Ct(t)):this._requests=new Et}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){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=Y(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Ot("vds-play-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),ss(this,"paused",(t=>{this.pressed=!t,Lt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Ot("vds-mute-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),this._volume=1,this._muted=!1,ss(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),ss(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Lt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var Us=Z((function(){const t=Tt(!1),s=Tt(!1);return{value:Tt(50),pointerValue:Tt(0),min:Tt(0),max:Tt(100),dragging:t,pointing:s,interactive:Pt([t,s],(([t,s])=>t||s))}})),js=ds`*{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}`,Is=(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",t))(Is||{}),Bs=class extends ks{constructor(){super(),this._sliderStoreProvider=Us.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new Rs(this),this._disconnectDisposal=new B,this._handlePointerEnter=H(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=H(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=H(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=H(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=H(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(Is).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(Is[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=H(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=H(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=Wt((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=H(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=H(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=H(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=Wt((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(Y("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=Wt((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(Y(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),kt(this)}static get styles(){return[js]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return Ft(this.store.min)}set min(t){this.store.min.set(t)}get max(){return Ft(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 Ft(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return Ft(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Lt(this,"interactive",t)})))}willUpdate(t){(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()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Lt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Nt(this,"fill-value",`${this.value}`),Nt(this,"fill-rate",`${this.fillRate}`),Nt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Nt(this,"pointer-value",`${this.pointerValue}`),Nt(this,"pointer-rate",`${this.pointerRate}`),Nt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return E`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return E`<slot></slot>`}_setupAriaAttrs(){Vt(this,"role","slider"),Vt(this,"tabindex","0"),Vt(this,"aria-orientation","horizontal"),Vt(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`${_t(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-start",{triggerEvent:t,detail:this.value})),this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(!1),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(Y("vds-slider-drag-end",{triggerEvent:t,detail:this.value})),this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return bt(this.min,_t(t,wt(this.step)),this.max)}_getValueFromRate(t){const s=bt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};hs([Cs({type:Number})],Bs.prototype,"min",1),hs([Cs({type:Number})],Bs.prototype,"max",1),hs([Cs({reflect:!0,type:Boolean})],Bs.prototype,"disabled",2),hs([Cs({type:Number})],Bs.prototype,"value",2),hs([Cs({type:Number})],Bs.prototype,"step",1),hs([Cs({attribute:"keyboard-step",type:Number})],Bs.prototype,"keyboardStep",1),hs([Cs({attribute:"shift-key-multiplier",type:Number})],Bs.prototype,"shiftKeyMultiplier",2),hs([Cs({type:Boolean,attribute:"custom-value-text"})],Bs.prototype,"customValueText",2);var Hs=ds``,Ws=class extends Bs{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=H(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=H(this,"vds-slider-value-change",(t=>{Ut(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=H(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t),this._togglePlaybackWhileDragging(t)})),this._dispatchSeekingRequest=j((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle),this._wasPlayingBeforeDragStart=!1,ss(this,"currentTime",(t=>{this.value=t})),ss(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),ss(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Hs]}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){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}",Ht(this.value)).replace("{duration}",Ht(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};hs([Cs({attribute:!1,state:!0})],Ws.prototype,"value",2),hs([Cs({attribute:!1})],Ws.prototype,"min",1),hs([Cs({attribute:!1})],Ws.prototype,"max",1),hs([Cs({attribute:"value-text"})],Ws.prototype,"valueText",2),hs([Cs({attribute:"pause-while-dragging",type:Boolean})],Ws.prototype,"pauseWhileDragging",2),hs([Cs({attribute:"seeking-request-throttle",type:Number})],Ws.prototype,"seekingRequestThrottle",2),hs([Ss()],Ws.prototype,"__mediaDuration",2),hs([Ss()],Ws.prototype,"__mediaPaused",2),Ot("vds-time-slider",Ws);var Ys=class extends Bs{constructor(){super(),this.value=100,this._handleSliderValueChange=H(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),ss(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=_t(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};hs([Cs({attribute:!1})],Ys.prototype,"min",1),hs([Cs({attribute:!1})],Ys.prototype,"max",1),hs([Cs({attribute:!1,state:!0})],Ys.prototype,"value",2),Ot("vds-volume-slider",Ys);var Ks=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._sliderStoreConsumer=Us.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Pt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${_t(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Bt(this.__value,this.padHours,this.showHours)}};hs([Ss()],Ks.prototype,"__value",2),hs([Cs()],Ks.prototype,"type",2),hs([Cs()],Ks.prototype,"format",2),hs([Cs({attribute:"show-hours",type:Boolean})],Ks.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Ks.prototype,"padHours",2),hs([Cs({attribute:"decimal-places",type:Number})],Ks.prototype,"decimalPlaces",2),Ot("vds-slider-value-text",Ks);var Xs=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._mediaStoreConsumer=ts.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),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 Pt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Bt(this.__seconds,this.padHours,this.showHours)}};hs([Ss()],Xs.prototype,"__seconds",2),hs([Cs()],Xs.prototype,"type",2),hs([Cs({attribute:"show-hours",type:Boolean})],Xs.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Xs.prototype,"padHours",2),hs([Cs({type:Boolean})],Xs.prototype,"remainder",2),Ot("vds-time",Xs);const Js=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=void 0,this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await r(this.element,"audio"))}render(){const t=!!this.transcript||n(this.element,"transcript");return i(e,null,i("vds-media",{class:{"stzh-audio":!0}},i("vds-audio",{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",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play"}),i("stzh-icon",{class:"stzh-audio__paused",name:"close"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":!0,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:""},i("stzh-icon",{name:"download"}))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},i("stzh-text",null,this.transcript?this.transcript:i("slot",{name:"transcript"})))))}get element(){return h(this)}};Js.style=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-color-grey25);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.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-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.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-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));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{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 (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;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;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{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);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);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:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.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-nano-font-size);line-height:var(--stzh-font-nano-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}";export{Js as stzh_audio}
+ */}function Ss(t){return Cs({...t,state:!0})}var Ms=Symbol("@vidstack/media-provider-discovery"),$s=class extends ks{constructor(){super(),this._disconnectDisposal=new B,this._logger=void 0,this.loading="visible",this._attemptingAutoplay=!1,this.controllerQueue=new Et,this._store=Gt(),this._state=Dt(this._store),this.connectedQueue=Ct(this),this.mediaQueue=new Et,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-provider-connect",{register:Ms});const t=function(...t){return new class{constructor(t,s={},i=(()=>!0),e){this._host=t,this._callback=i,this._logger=e,this._skipInitial=!1,this._unobservedUpdate=!1;const{target:h,skipInitial:n,...r}=s;this._target=h??void 0,this._skipInitial=n??this._skipInitial,window.IntersectionObserver&&(this._observer=new IntersectionObserver((t=>{const s=this._unobservedUpdate;this._unobservedUpdate=!1,this._skipInitial&&s||(this.handleChanges(t),this._host.requestUpdate())}),r),t.addController(this))}handleChanges(t){this.value=this._callback(t,this._observer)}hostConnected(){this._target&&this.observe(this._target)}hostDisconnected(){this._disconnect()}async hostUpdated(){const t=this._observer.takeRecords();t.length&&this.handleChanges(t)}observe(t){return this._observer.observe(t),this._unobservedUpdate=!0,()=>{this._observer.unobserve(t)}}_disconnect(){this._observer.disconnect()}}(...t)}(this,{target:this,threshold:0},(s=>{/(visible|lazy)/.test(this.loading)?s[0]?.isIntersecting&&(this.startLoadingMedia(),t.hostDisconnected()):t.hostDisconnected()}))}connectedCallback(){super.connectedCallback(),this._logMediaEvents(),window.requestAnimationFrame((()=>{tt(this.canLoadPoster)&&(this.canLoadPoster=!0)}))}firstUpdated(t){super.firstUpdated(t),this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this.canLoad||"eager"===this.loading?window?.requestAnimationFrame((()=>{this.startLoadingMedia()})):"idle"===this.loading&&Rt((()=>{this.startLoadingMedia()}))}render(){return E`<slot @slotchange="${this.handleDefaultSlotChange}"></slot>`}disconnectedCallback(){this._updateMediaStoreOnDisconnect(this._store),this.mediaQueue.destroy(),this._disconnectDisposal.empty(),super.disconnectedCallback(),qt((()=>{qt((()=>{this.isConnected||this.destroy()}))}))}_updateMediaStoreOnDisconnect(t){t.paused.set(!0),t.playing.set(!1),t.seeking.set(!1),t.waiting.set(!1),t.fullscreen.set(!1)}destroy(){this.isConnected&&this.disconnectedCallback(),this.dispatchEvent(Y("vds-destroy"))}_logMediaEvents(){}get volume(){return this._getVolume()}set volume(t){this.mediaQueue.queue("volume",(()=>{const s=this.volume,i=bt(0,t,1);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)try{t?this.pause():this.play(),this.requestUpdate("paused",!t)}catch(Cs){this._logger?.error("paused-change-fail",Cs)}}))}get currentTime(){return this._getCurrentTime()}set currentTime(t){this.mediaQueue.queue("current-time",(()=>{const s=this.currentTime;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;s!==t&&(this._setMuted(t),this.requestUpdate("muted",s))}))}get poster(){return this.state.poster}set poster(t){const s=this.poster;s!==t&&(this.dispatchEvent(Y("vds-poster-change",{detail:t})),this.requestUpdate("poster",s))}get loop(){return this.state.loop}set loop(t){const s=this.loop;s!==t&&(this.dispatchEvent(Y("vds-loop-change",{detail:t})),this.requestUpdate("loop",s))}get controls(){return this.state.controls}set controls(t){const s=this.controls;s!==t&&(this.dispatchEvent(Y("vds-controls-change",{detail:t})),this.requestUpdate("controls",s))}get canLoad(){return this.state.canLoad}startLoadingMedia(){this.state.canPlay||this.dispatchEvent(Y("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&&0!==this.state.currentTime)return this._setCurrentTime(0)}_throwIfNotVideoView(){if("video"!==this.state.viewType)throw Error("Player is currently not in a video view.")}async _handleMediaReady({event:t,duration:s}){this.state.canPlay||(this.dispatchEvent(Y("vds-can-play",{triggerEvent:t,detail:{duration:s}})),this.mediaQueue.start(),await this._attemptAutoplay())}_handleCurrentSrcChange(t,s){this.state.currentSrc!==t&&(this.mediaQueue.stop(),this.dispatchEvent(Y("vds-current-src-change",{detail:t,triggerEvent:s})))}get autoplay(){return this.state.autoplay}set autoplay(t){this.autoplay!==t&&(this.dispatchEvent(Y("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){this._attemptingAutoplay=!0;try{await this.play(),this.dispatchEvent(Y("vds-autoplay",{detail:{muted:this.muted}}))}catch(t){this.dispatchEvent(Y("vds-autoplay-fail",{detail:{muted:this.muted,error:t}})),this.requestUpdate()}this._attemptingAutoplay=!1}}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=Gt(),this._state=Dt(this._store),this._controller&&(At(this._controller._store,this._store),this._updateMediaStoreOnDisconnect(this._controller._store)),this._controller=void 0}))}dispatchEvent(t){return!this._controller&&t.type.startsWith("vds-")&&"vds-destroy"!==t.type?(this.controllerQueue.queue(t.type,(()=>{super.dispatchEvent(t)})),!1):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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}};hs([Cs({type:Number})],$s.prototype,"volume",1),hs([Cs({type:Boolean})],$s.prototype,"paused",1),hs([Cs({type:Number})],$s.prototype,"currentTime",1),hs([Cs({type:Boolean})],$s.prototype,"muted",1),hs([Cs()],$s.prototype,"poster",1),hs([Cs({type:Boolean})],$s.prototype,"loop",1),hs([Cs({type:Boolean})],$s.prototype,"controls",1),hs([Ss()],$s.prototype,"canLoadPoster",2),hs([Cs({attribute:"loading"})],$s.prototype,"loading",2),hs([Cs({type:Boolean})],$s.prototype,"autoplay",1),hs([Cs({attribute:"log-level"})],$s.prototype,"logLevel",1),hs([Cs({attribute:"idle-delay",type:Number})],$s.prototype,"idleDelay",1),hs([Cs({attribute:"fullscreen-orientation"})],$s.prototype,"fullscreenOrientation",1);var Ts=class{constructor(t,s,i){this._host=t,this._store=s,this._mediaProps=i,this._disposal=new B,this._host.addController({hostConnected:this._hostConnected.bind(this),hostDisconnected:this._hostDisconnected.bind(this)})}_hostConnected(){Rt((()=>{for(const t of this._mediaProps){const s=this._store[t];if(s){const i=this._getMediaAttrName(t),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 t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}},Ps=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{Lt(this._host,s,et(i)||it(i)?String(i):!!i)}))}_handleDisconnect(t,s){this._host.removeAttribute(s)}},Fs=class extends Ts{_handleValueChange(t,s,i){window.requestAnimationFrame((()=>{this._host.style.setProperty(this._getCssPropName(s),et(i)||it(i)?String(i):null)}))}_getCssPropName(t){return`--vds-${t}`}_handleDisconnect(t,s){this._host.style.setProperty(this._getCssPropName(s),null)}},As=Symbol("@vidstack/media-discovery"),Ds=class extends ks{constructor(){super(),this.controller=new class{constructor(t){var s,i,e,h,n,r,o;this._host=t,this._disconnectDisposal=new B,this.providerQueue=new Et,this.providerDisposal=new B,this._logController=void 0,this._logger=void 0,this._providerContext=Yt.provide(this._host),this._mediaStoreProvider=ts.provide(this._host),this.state=Dt(this._store),this._userIdleController=new class{constructor(t,s){this._host=t,this._mediaStore=s,this._idle=!1,this._mediaPaused=!1,this._idlingPaused=!1,this._disposal=new B,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()}))),["pointerdown","pointermove","focus","keydown"].forEach((t=>{const s=I(this._host,t,this._handleIdleChange.bind(this));this._disposal.add(s)}))}hostDisconnected(){this._disposal.empty(),this._stopIdleTimer()}_handleIdleChange(){this.paused?this._stopIdleTimer():this._startIdleTimer()}_startIdleTimer(){this._stopIdleTimer(),this._idleTimeout=window.setTimeout((()=>{this._dispatchIdleChange(!this.paused)}),this.delay)}_stopIdleTimer(){window.clearTimeout(this._idleTimeout),this._dispatchIdleChange(!1)}_dispatchIdleChange(t){this._idle!==t&&(this._host.dispatchEvent(Y("vds-user-idle-change",{detail:t})),this._idle=t)}}(this._host,this._store),this._handleIdleChange=H(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=H(this._host,"vds-start-loading",this._createMediaRequestHandler("loading",(t=>{this.state.canLoad||(this._pendingMediaRequests.loading.push(t),this._provider.startLoadingMedia())}))),this._handleMuteRequest=H(this._host,"vds-mute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted||(this._pendingMediaRequests.volume.push(t),this.provider.muted=!0)}))),this._handleUnmuteRequest=H(this._host,"vds-unmute-request",this._createMediaRequestHandler("muted",(t=>{this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1,0===this.state.volume&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=.25))}))),this._handlePlayRequest=H(this._host,"vds-play-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused&&(this._pendingMediaRequests.play.push(t),this.provider.paused=!1)}))),this._handlePauseRequest=H(this._host,"vds-pause-request",this._createMediaRequestHandler("paused",(t=>{this.state.paused||(this._pendingMediaRequests.pause.push(t),this.provider.paused=!0)}))),this._isSeekingRequestPending=!1,this._handleSeekingRequest=H(this._host,"vds-seeking-request",this._createMediaRequestHandler("seeking",(t=>{this._stopWaiting(),this._pendingMediaRequests.seeking.push(t),this._isSeekingRequestPending=!0,this._store.seeking.set(!0)}))),this._handleSeekRequest=H(this._host,"vds-seek-request",this._createMediaRequestHandler("seeking",(t=>{this.store.ended&&(this._isReplay=!0),this._pendingMediaRequests.seeked.push(t),this._isSeekingRequestPending=!1;let s=t.detail;this.state.duration-t.detail<.25&&(s=this.state.duration),this.provider.currentTime=s}))),this._handleVolumeChangeRequest=H(this._host,"vds-volume-change-request",this._createMediaRequestHandler("volume",(t=>{const s=t.detail;this.state.volume!==s&&(this._pendingMediaRequests.volume.push(t),this.provider.volume=s,s>0&&this.state.muted&&(this._pendingMediaRequests.volume.push(t),this.provider.muted=!1))}))),this._handleEnterFullscreenRequest=H(this._host,"vds-enter-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen||("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.enterFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.enterFullscreen()))}))),this._handleExitFullscreenRequest=H(this._host,"vds-exit-fullscreen-request",this._createMediaRequestHandler("fullscreen",(async t=>{this.state.fullscreen&&("media"===(t.detail??"media")&&this._host.canFullscreen?(this._pendingMediaRequests.fullscreen.push(t),await(this._host.exitFullscreen?.())):this.provider&&(this._pendingMediaRequests.fullscreen.push(t),await this.provider.exitFullscreen()))}))),this._handleResumeIdlingRequest=H(this._host,"vds-resume-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!1)})),this._handlePauseIdlingRequest=H(this._host,"vds-pause-user-idle-request",(t=>{this._mediaRequestEventGateway(t)&&(this._pendingMediaRequests.userIdle.push(t),this._userIdleController.paused=!0)})),this._handleShowPosterRequest=H(this._host,"vds-show-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!0}))),this._handleHidePosterRequest=H(this._host,"vds-hide-poster-request",this._createMediaRequestHandler("poster",(()=>{this._provider.canLoadPoster=!1}))),this._handleLoopRequest=this._createMediaRequestHandler("loop",(()=>{window.requestAnimationFrame((async()=>{try{this._isLooping=!0,this._isReplay=!0,await this._provider.play()}catch(Cs){this._isReplay=!1,this._isLooping=!1}}))})),this._handleFullscreenChange=H(this._host,"vds-fullscreen-change",(t=>{this._store.fullscreen.set(t.detail),t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-change",{detail:t.detail,triggerEvent:t})))})),this._handleFullscreenError=H(this._host,"vds-fullscreen-error",(t=>{t.target===this._host&&(this._satisfyMediaRequest("fullscreen",t),this._provider?.dispatchEvent(Y("vds-fullscreen-error",{detail:t.detail,triggerEvent:t})))})),this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,this._mediaEvents=[],this._handleSeeking=j((t=>{this._mediaEvents.push(t),this._store.seeking.set(!0),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeking",t)}),150,{leading:!0}),this._fireWaiting=(s=()=>{if(!this._originalWaitingEvent)return;this._firingWaiting=!0;const t=Y("vds-waiting",this._originalWaitingEvent);this._mediaEvents.push(t),this._store.waiting.set(!0),this._store.playing.set(!1),this._provider?.dispatchEvent(t),this._originalWaitingEvent=void 0,this._firingWaiting=!1},i=300,h=null,n=null,(o=function(){if(!i)return s.apply(this,arguments);var t=this,o=arguments,a=e&&!h;return r(),n=function(){s.apply(t,o)},h=setTimeout((function(){if(h=null,!a){var t=n;return n=null,t()}}),i),a?n():void 0}).cancel=r=function(){h&&(clearTimeout(h),n=null,h=null)},o.flush=function(){var t=n;r(),t&&t()},o),this._skipInitialSrcChange=!0,function(t,s,i){const e={host:t,callback:i};t.addController({hostConnected:()=>{for(const{element:e,onDisconnect:h}of function(t,s){return Array.from(rt.get(s)??[]).filter((({element:s})=>t!==s&&t.contains(s)))}(t,s))i(e,h);nt.set(s,(nt.get(s)??new Set).add(e))},hostDisconnected:()=>{nt.get(s)?.delete(e)}})}(t,Ms,((t,s)=>{this.attachMediaProvider(t,s)})),t.addController({hostConnected:()=>{this.state.canPlay||this._host.setAttribute("aria-busy","true")},hostDisconnected:()=>{this._clearMediaStateTracking(),this._clearPendingMediaRequests(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._skipInitialSrcChange=!0,this._disconnectDisposal.empty()}})}get logLevel(){return this._logController?.logLevel??"silent"}set logLevel(t){}get provider(){return this._provider}attachMediaProvider(t,s){st(this.provider)&&this.provider!==t&&(this._handleMediaProviderDisconnect(),this._provider=t,this._providerContext.value.set(t),At(this._provider._store,this._store),this._attachMediaEventListeners(),t.attachMediaController(this,(t=>this._disconnectDisposal.add(t))),this._flushMediaProviderConnectedQueue(),s(this._handleMediaProviderDisconnect.bind(this)))}_handleMediaProviderDisconnect(){st(this.provider)||(this._stopWaiting(),this.providerQueue.destroy(),this.providerDisposal.empty(),this._provider=void 0,this._providerContext.value.set(void 0),function(t){for(const s of Mt(Zt))t[s].set(Zt[s])}(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(){Mt(this._pendingMediaRequests).forEach((t=>{this._pendingMediaRequests[t]=[]}))}_satisfyMediaRequest(t,s){const i=this._pendingMediaRequests[t].shift();i&&(s.requestEvent=i,X(s,i))}_mediaRequestEventGateway(t){return t.stopPropagation(),!0}_createMediaRequestHandler(t,s){return i=>{this._mediaRequestEventGateway(i)&&(this._provider?s(i):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 Mt(t)){const i=t[s].bind(this);this.providerDisposal.add(I(this._provider,s,i))}}_clearMediaStateTracking(){this._isReplay=!1,this._isLooping=!1,this._firingWaiting=!1,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(!0),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),X(t,this._findLastMediaEvent("vds-src-change")),X(t,this._findLastMediaEvent("vds-can-load"))}_handleLoadedData(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleLoadedMetadata(t){this._updateMetadata(t.detail),this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-load-start"))}_handleCanPlay(t){this._mediaEvents.push(t),"loadedmetadata"!==t.triggerEvent?.type&&X(t,this._findLastMediaEvent("vds-loaded-metadata")),this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),this._host.setAttribute("aria-busy","false")}_handleCanPlayThrough(t){this._store.canPlay.set(!0),this._store.duration.set(t.detail.duration),X(t,this._findLastMediaEvent("vds-can-play"))}_handleAutoplay(t){this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-play")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(void 0)}_handleAutoplayFail(t){X(t,this._findLastMediaEvent("vds-play-fail")),X(t,this._findLastMediaEvent("vds-can-play")),this._store.autoplayError.set(t.detail),this._clearMediaStateTracking()}_handlePlay(t){if(!this._isLooping&&this.state.paused){if(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),this._satisfyMediaRequest("play",t),this._store.paused.set(!1),this._store.autoplayError.set(void 0),this.state.ended||this._isReplay){this._isReplay=!1,this._store.ended.set(!1);const s=Y("vds-replay",{triggerEvent:t});this._provider?.dispatchEvent(s)}}else t.stopImmediatePropagation()}_handlePlayFail(t){this._mediaEvents.push(t),this._stopWaiting(),X(t,this._findLastMediaEvent("vds-play")),this._store.paused.set(!0),this._store.playing.set(!1),this._satisfyMediaRequest("play",t),this._clearMediaStateTracking()}_handlePlaying(t){this._mediaEvents.push(t);const s=this._findLastMediaEvent("vds-play");if(s?(X(t,this._findLastMediaEvent("vds-waiting")),X(t,s)):X(t,this._findLastMediaEvent("vds-seeked")),this._stopWaiting(),this._clearMediaStateTracking(),this._store.paused.set(!1),this._store.playing.set(!0),this._store.seeking.set(!1),this._store.ended.set(!1),this._isLooping)return t.stopImmediatePropagation(),void(this._isLooping=!1);this.state.started||(this._store.started.set(!0),this._provider?.dispatchEvent(Y("vds-started",{triggerEvent:t})))}_handlePause(t){this._isLooping?t.stopImmediatePropagation():(X(t,this._findLastMediaEvent("vds-seeked")),this._satisfyMediaRequest("pause",t),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),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(!1)}_handleVolumeChange(t){this._store.volume.set(t.detail.volume),this._store.muted.set(t.detail.muted||0===t.detail.volume),this._satisfyMediaRequest("volume",t)}_handleSeeked(t){this._isSeekingRequestPending?(this._store.seeking.set(!0),t.stopImmediatePropagation()):this.state.seeking&&(this._mediaEvents.push(t),X(t,this._findLastMediaEvent("vds-waiting")),X(t,this._findLastMediaEvent("vds-seeking")),this.state.paused&&this._stopWaiting(),this._store.seeking.set(!1),t.detail!==this.state.duration&&this._store.ended.set(!1),this._store.currentTime.set(t.detail),this._satisfyMediaRequest("seeked",t))}_stopWaiting(){this._fireWaiting.cancel(),this._store.waiting.set(!1)}_handleWaiting(t){this._firingWaiting||(t.stopImmediatePropagation(),this._originalWaitingEvent=t,this._fireWaiting())}_handleEnded(t){this._isLooping?t.stopImmediatePropagation():(this._stopWaiting(),this._store.paused.set(!0),this._store.playing.set(!1),this._store.seeking.set(!1),this._store.ended.set(!0),this._clearMediaStateTracking())}_handleAutoplayChange(t){this._store.autoplay.set(t.detail)}_handleCurrentSrcChange(t){var s;this._store.currentSrc.set(t.detail),this._skipInitialSrcChange?this._skipInitialSrcChange=!1:(this._clearMediaStateTracking(),Mt(s=this._store).forEach((t=>{Qt.has(t)||s[t].set(s[t].initialValue)})),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)?0:s)}_handleProgress(t){const{buffered:s,seekable:i}=t.detail,e=0===s.length?0:s.end(s.length-1),h=0===i.length?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(h)}_handleSrcChange(t){this._store.src.set(t.detail)}_handleViewTypeChange(t){this._store.viewType.set(t.detail)}}(this),this.__mediaFullscreen=!1,this.__mediaIsVideoView=!1,this.__mediaPlaysinline=!1,this.screenOrientationController=new St(this),this.fullscreenController=new zt(this,this.screenOrientationController),ot(this,"vds-media-connect",{register:As}),ss(this,"fullscreen",(t=>{this.__mediaFullscreen=t})),ss(this,"viewType",(t=>{this.__mediaIsVideoView="video"===t})),ss(this,"playsinline",(t=>{this.__mediaPlaysinline=t})),this._bindMediaAttributes(),this._bindMediaCSSProperties()}static get styles(){return[ds`:host{display:inline-block;position:relative;contain:content}:host([hidden]){display:none}`]}get provider(){return this.controller.provider}update(t){Lt(this,"hide-ui",this._shouldHideMediaUI()),super.update(t)}render(){return E`<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;s!==t&&(this.fullscreenController.screenOrientationLock=t,this.requestUpdate("fullscreen-orientation",s))}enterFullscreen(){return this.fullscreenController.enterFullscreen()}exitFullscreen(){return this.fullscreenController.exitFullscreen()}_bindMediaAttributes(){!function(...t){new Ps(...t)}(this,this.controller.store,["autoplay","autoplayError","canLoad","canPlay","canFullscreen","ended","error","fullscreen","userIdle","loop","mediaType","muted","paused","playing","playsinline","seeking","started","viewType","waiting"])}_bindMediaCSSProperties(){!function(...t){new Fs(...t)}(this,this.controller.store,["bufferedAmount","currentTime","duration","seekableAmount"])}_shouldHideMediaUI(){return dt&&this.__mediaIsVideoView&&(!this.__mediaPlaysinline||this.__mediaFullscreen)}};hs([Ss()],Ds.prototype,"__mediaFullscreen",2),hs([Ss()],Ds.prototype,"__mediaIsVideoView",2),hs([Ss()],Ds.prototype,"__mediaPlaysinline",2),hs([Cs({attribute:"fullscreen-orientation"})],Ds.prototype,"fullscreenOrientation",1),Ot("vds-media",Ds);var qs=/\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,Os=/\.(mp4|og[gv]|webm|mov|m4v|avi)($|\?)/i,Ls=class extends $s{constructor(){super(...arguments),this.preload="metadata",this._timeRAF=void 0,this._hasMediaElementConnected=!1,this._mediaElementDisposal=new B,this._isMediaWaiting=!1,this._ignoreNextAbortEvent=!1,this._ignoreNextEmptiedEvent=!1}get mediaElement(){return this._mediaElement}disconnectedCallback(){this._isMediaWaiting=!1,super.disconnectedCallback(),this._cancelTimeUpdates()}destroy(){this.mediaElement&&(this.mediaElement.pause(),this.mediaElement.src="",this.mediaElement.innerHTML="",this.mediaElement.load()),super.destroy()}_cancelTimeUpdates(){it(this._timeRAF)&&window.cancelAnimationFrame(this._timeRAF),this._timeRAF=void 0}_requestTimeUpdates(){tt(this._timeRAF)&&this._requestTimeUpdate()}_requestTimeUpdate(){const t=this.mediaElement?.currentTime??0;this.state.currentTime!==t&&this._updateCurrentTime(t),this._timeRAF=window.requestAnimationFrame((()=>{tt(this._timeRAF)||this._requestTimeUpdate()}))}_updateCurrentTime(t,s){this.dispatchEvent(Y("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&&!st(this.mediaElement)&&!this._hasMediaElementConnected}_findSlottedMediaElement(){const t=function(t){const s=t.shadowRoot?.querySelector("slot:not([name])")?.assignedNodes({flatten:!0})??[];return Array.prototype.filter.call(s,(t=>t.nodeType==Node.ELEMENT_NODE))}(this)[0];/^(audio|video)$/i.test(t?.tagName??""),this._mediaElement=t??void 0}_handleMediaElementConnect(){window.requestAnimationFrame((()=>{if(this._findSlottedMediaElement(),!this._canMediaElementConnect)return;const t=this.mediaElement;t.hasAttribute("loop")&&(this.loop=!0),t.removeAttribute("loop"),t.removeAttribute("poster"),Lt(t,"controls",this.controls),!this.state.canFullscreen&&this.fullscreenController.isSupported&&this.dispatchEvent(Y("vds-fullscreen-support-change",{detail:this.canFullscreen})),this._attachMediaEventListeners(),this._observePlaysinline(),this._observeMediaSources(),this.canLoadPoster&&this.poster.length>0&&t.getAttribute("poster")!==this.poster&&t.setAttribute("poster",this.poster),this._startPreloadingMedia(),this._hasMediaElementConnected=!0,this._disconnectDisposal.add(this._handleMediaElementDisconnect.bind(this))}))}_handleMediaElementDisconnect(){this._cancelTimeUpdates(),window.requestAnimationFrame((()=>{this._mediaElementDisposal.empty(),this._mediaElement=void 0})),this._hasMediaElementConnected=!1}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=!1,this._ignoreNextEmptiedEvent=!1}),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(Y("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:!0}),this._mediaElementDisposal.add((()=>t.disconnect()))}_handleSrcChange(t){var s,i;(s=this.state.src).length===(i=t).length&&s.every(((t,s)=>t===i[s]))||this.dispatchEvent(Y("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(st(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};Mt(t).forEach((s=>{const i=t[s].bind(this),e=I(this.mediaElement,s,(async t=>{await i(t)}));this._mediaElementDisposal.add(e)}))}_handleAbort(t){this._ignoreNextAbortEvent||(this.dispatchEvent(Y("vds-abort",{triggerEvent:t})),this._handleCurrentSrcChange("",t))}_handleCanPlay(t){this._handleMediaReady({event:t,duration:this.mediaElement.duration})}_handleCanPlayThrough(t){this.state.started||this.dispatchEvent(Y("vds-can-play-through",{triggerEvent:t,detail:{duration:this.mediaElement.duration}}))}_handleLoadStart(t){this._handleCurrentSrcChange(this.mediaElement.currentSrc,t),""!==this.mediaElement.currentSrc?this.dispatchEvent(Y("vds-load-start",{triggerEvent:t,detail:this._getMediaMetadata()})):this._handleAbort()}_handleEmptied(t){this._ignoreNextEmptiedEvent||this.dispatchEvent(Y("vds-emptied",{triggerEvent:t}))}_handleLoadedData(t){this.dispatchEvent(Y("vds-loaded-data",{triggerEvent:t}))}_handleLoadedMetadata(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted}})),this.dispatchEvent(Y("vds-loaded-metadata",{triggerEvent:t,detail:this._getMediaMetadata()}))}_determineMediaType(t){this.dispatchEvent(Y("vds-media-type-change",{detail:this._getMediaType(),triggerEvent:t}))}_handlePlay(t){const s=Y("vds-play",{triggerEvent:t});s.autoplay=this._attemptingAutoplay,this.dispatchEvent(s)}_handlePause(t){(1!==this.mediaElement.readyState||this._isMediaWaiting)&&(this._isMediaWaiting=!1,this._cancelTimeUpdates(),this.dispatchEvent(Y("vds-pause",{triggerEvent:t})))}_handlePlaying(t){this._isMediaWaiting=!1;const s=Y("vds-playing",{triggerEvent:t});this.dispatchEvent(s),this._requestTimeUpdates()}_handleDurationChange(t){this.mediaElement.ended&&this._updateCurrentTime(this.mediaElement.duration,t),this.dispatchEvent(Y("vds-duration-change",{detail:this.mediaElement.duration,triggerEvent:t}))}_handleProgress(t){this.dispatchEvent(Y("vds-progress",{triggerEvent:t,detail:{buffered:this.mediaElement.buffered,seekable:this.mediaElement.seekable}}))}_handleRateChange(t){throw Error("Not implemented")}_handleSeeking(t){this.dispatchEvent(Y("vds-seeking",{detail:this.mediaElement.currentTime,triggerEvent:t}))}_handleSeeked(t){const s=Y("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)&&wt(this.mediaElement.duration)>wt(i)&&(this._updateCurrentTime(this.mediaElement.duration,t),!this.mediaElement.ended))try{this.play()}catch(Cs){}}_handleStalled(t){this.dispatchEvent(Y("vds-stalled",{triggerEvent:t})),this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleVolumeChange(t){this.dispatchEvent(Y("vds-volume-change",{detail:{volume:this.mediaElement.volume,muted:this.mediaElement.muted},triggerEvent:t}))}_handleWaiting(t){this.mediaElement.readyState<3&&(this._isMediaWaiting=!0,this.dispatchEvent(Y("vds-waiting",{triggerEvent:t})))}_handleSuspend(t){const s=Y("vds-suspend",{triggerEvent:t});this.dispatchEvent(s)}_handleEnded(t){this._cancelTimeUpdates(),this._updateCurrentTime(this.mediaElement.duration,t);const s=Y("vds-end",{triggerEvent:t});this.dispatchEvent(s),this.state.loop?this._handleLoop():this.dispatchEvent(Y("vds-ended",{triggerEvent:t}))}_handleLoop(){st(this.controls)&&(this.mediaElement.controls=!1),this.dispatchEvent(Y("vds-loop-request"))}_handleError(t){const s=this.mediaElement.error;s&&this.dispatchEvent(Y("vds-error",{detail:{message:s.message,code:s.code,mediaError:s},triggerEvent:t}))}_getPaused(){return this.mediaElement?.paused??!0}_getVolume(){return this.mediaElement?.volume??1}_setVolume(t){this.mediaElement.volume=t}_getCurrentTime(){return this.mediaElement?.currentTime??0}_setCurrentTime(t){this.mediaElement.currentTime!==t&&(this.mediaElement.currentTime=t)}_getMuted(){return this.mediaElement?.muted??!1}_setMuted(t){this.mediaElement.muted=t}async play(){try{return this._throwIfNotReadyForPlayback(),await this._resetPlaybackIfEnded(),this.mediaElement?.play()}catch(t){const s=Y("vds-play-fail");throw s.autoplay=this._attemptingAutoplay,s.error=t,t}}async pause(){return this.mediaElement?.pause()}_getMediaType(){return qs.test(t=this.state.currentSrc)?"audio":Os.test(t)?"video":"unknown";var t}};hs([Cs()],Ls.prototype,"preload",2),Ot("vds-audio",class extends Ls{static get styles(){return[ds`:host{display:inline-block}:host([hidden]){display:none}`]}connectedCallback(){super.connectedCallback(),this.dispatchEvent(Y("vds-view-type-change",{detail:"audio"}))}});var Vs=ds`: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}`,Ns=class extends ks{constructor(){super(),this.pressed=!1,this.disabled=!1,this._handleButtonClickCapture=H(this,"click",(t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}),{capture:!0}),kt(this),["pointerup","keydown"].forEach((t=>{H(this,t,(t=>{this.disabled||Ut(t)&&!function(t){return Ut(t)&&("Enter"===t.key||" "===t.key)}(t)||this._handleButtonClick(t)}))}))}static get styles(){return[Vs]}static get parts(){return[]}connectedCallback(){super.connectedCallback(),Vt(this,"tabindex","0"),Vt(this,"role","button"),this._updateAriaPressedAttr()}updated(t){t.has("pressed")&&this._updateAriaPressedAttr()}_updateAriaPressedAttr(){Lt(this,"aria-pressed",this.pressed?"true":"false")}render(){return this._renderDefaultSlot()}_renderDefaultSlot(){return E`<slot></slot>`}_handleButtonClick(t){this.pressed=!this.pressed}};hs([Cs({type:Boolean})],Ns.prototype,"pressed",2),hs([Cs({type:Boolean,reflect:!0})],Ns.prototype,"disabled",2);var Rs=class{constructor(t){t?(this._target=t,this._createLogger(t),this._requests=Ct(t)):this._requests=new Et}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){this._target!==t&&(this._target=t,t?(this._createLogger(t),this._requests.start()):this._requests.stop())}_dispatchRequest(t,s){this._requests.queue(t,(()=>{const i=Y(t,{...s,bubbles:!0,composed:!0});this._target?.dispatchEvent(i)}))}_createLogger(t){}};Ot("vds-play-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),ss(this,"paused",(t=>{this.pressed=!t,Lt(this,"paused",t)}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Play")}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.pause(t):this._mediaRemote.play(t))}}),Ot("vds-mute-button",class extends Ns{constructor(){super(),this._mediaRemote=new Rs(this),this._volume=1,this._muted=!1,ss(this,"volume",(t=>{this._volume=t,this._handleMutedChange()})),ss(this,"muted",(t=>{this._muted=t,this._handleMutedChange()}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Mute")}_handleMutedChange(){const t=this._muted||0===this._volume;this.pressed=t,Lt(this,"muted",t)}_handleButtonClick(t){this.disabled||(this.pressed?this._mediaRemote.unmute(t):this._mediaRemote.mute(t))}});var Us=Z((function(){const t=Tt(!1),s=Tt(!1);return{value:Tt(50),pointerValue:Tt(0),min:Tt(0),max:Tt(100),dragging:t,pointing:s,interactive:Pt([t,s],(([t,s])=>t||s))}})),js=ds`*{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}`,Is=(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",t))(Is||{}),Bs=class extends ks{constructor(){super(),this._sliderStoreProvider=Us.provide(this),this.disabled=!1,this.value=50,this._step=1,this._keyboardStep=1,this.shiftKeyMultiplier=5,this.customValueText=!1,this._mediaRemote=new Rs(this),this._disconnectDisposal=new B,this._handlePointerEnter=H(this,"pointerenter",(()=>{this.disabled||(this.setAttribute("pointing",""),this.store.pointing.set(!0))})),this._handlePointerMove=H(this,"pointermove",(t=>{if(this.disabled||this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handlePointerLeave=H(this,"pointerleave",(()=>{this.disabled||(this.removeAttribute("pointing"),this.store.pointing.set(!1))})),this._handlePointerDown=H(this,"pointerdown",(t=>{this.disabled||(this._startDragging(t),this._onDrag(t))})),this._handleKeydown=H(this,"keydown",(t=>{if(this.disabled)return;const{key:s,shiftKey:i}=t;if(!Object.keys(Is).includes(s))return;const e=i?this.keyboardStep*this.shiftKeyMultiplier:this.keyboardStep,h=Number(Is[s]);this.value=this._getClampedValue(this.step*((this.value+e*h)/this.step)),this._dispatchValueChange(t)})),this._handleFillValueChange=H(this,"vds-slider-value-change",this._updateFillCSSProps.bind(this)),this._handlePointerValueChange=H(this,"vds-slider-pointer-value-change",this._updatePointerCSSProps.bind(this)),this._onDrag=Wt((t=>{if(this.disabled||!this.isDragging)return;const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t)})),this._handleDocumentPointerUp=H(this,"pointerup",(t=>{!this.disabled&&this.isDragging&&this._stopDragging(t)}),{target:document}),this._handleDocumentTouchMove=H(this,"touchmove",(t=>{!this.disabled&&this.isDragging&&t.preventDefault()}),{target:document,passive:!1}),this._handleDocumentPointerMove=H(this,"pointermove",(t=>{!this.disabled&&this.isDragging&&this._onDrag(t)}),{target:document}),this._lastDispatchedValue=this.value,this._dispatchValueChange=Wt((t=>{this.value!==this._lastDispatchedValue&&(this.dispatchEvent(Y("vds-slider-value-change",{detail:this.value,triggerEvent:t})),this._lastDispatchedValue=this.value)})),this._lastDispatchedPointerValue=this.pointerValue,this._dispatchPointerValueChange=Wt((t=>{this.pointerValue!==this._lastDispatchedPointerValue&&(["vds-slider-pointer-value-change",this.isDragging&&"vds-slider-drag-value-change"].forEach((s=>{s&&this.dispatchEvent(Y(s,{detail:this.pointerValue,triggerEvent:t}))})),this._lastDispatchedPointerValue=this.pointerValue)})),kt(this)}static get styles(){return[js]}static get parts(){return[]}get store(){return this._sliderStoreProvider.value}get min(){return Ft(this.store.min)}set min(t){this.store.min.set(t)}get max(){return Ft(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 Ft(this.store.dragging)}get fillRate(){const t=this.max-this.min;return t>0?(this.value-this.min)/t:0}get fillPercent(){return 100*this.fillRate}get pointerValue(){return Ft(this.store.pointerValue)}get pointerRate(){const t=this.max-this.min;return t>0?(this.pointerValue-this.min)/t:0}get pointerPercent(){return 100*this.pointerRate}connectedCallback(){super.connectedCallback(),this._setupAriaAttrs(),this._updateFillCSSProps(),this._updatePointerCSSProps(),this._disconnectDisposal.add(this.store.interactive.subscribe((t=>{Lt(this,"interactive",t)})))}willUpdate(t){(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()),t.has("disabled")&&this.disabled&&(this.store.dragging.set(!1),this.store.pointing.set(!1),this.removeAttribute("dragging"),this.removeAttribute("pointing"),this.removeAttribute("interactive"),Lt(this,"aria-disabled",this.disabled)),this.customValueText||this._updateAriaValueAttrs(),super.willUpdate(t)}disconnectedCallback(){this._onDrag.cancel(),this._disconnectDisposal.empty(),super.disconnectedCallback()}_updateFillCSSProps(){Nt(this,"fill-value",`${this.value}`),Nt(this,"fill-rate",`${this.fillRate}`),Nt(this,"fill-percent",`${this.fillPercent}%`)}_updatePointerCSSProps(){Nt(this,"pointer-value",`${this.pointerValue}`),Nt(this,"pointer-rate",`${this.pointerRate}`),Nt(this,"pointer-percent",`${this.pointerPercent}%`)}render(){return this._renderSlider()}_renderSlider(){return E`${this._renderDefaultSlot()}`}_renderDefaultSlot(){return E`<slot></slot>`}_setupAriaAttrs(){Vt(this,"role","slider"),Vt(this,"tabindex","0"),Vt(this,"aria-orientation","horizontal"),Vt(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`${_t(this.value/this.max*100,2)}%`}_startDragging(t){if(this.isDragging)return;this.store.dragging.set(!0),this.setAttribute("dragging","");const s=this._getValueBasedOnThumbPosition(t);this.store.pointerValue.set(s),this._dispatchPointerValueChange(t),this.dispatchEvent(Y("vds-slider-drag-start",{triggerEvent:t,detail:this.value})),this._mediaRemote.pauseUserIdle(t)}_stopDragging(t){if(!this.isDragging)return;this.store.dragging.set(!1),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(Y("vds-slider-drag-end",{triggerEvent:t,detail:this.value})),this._mediaRemote.resumeUserIdle(t)}_getClampedValue(t){return bt(this.min,_t(t,wt(this.step)),this.max)}_getValueFromRate(t){const s=bt(0,t,1),i=Math.round((this.max-this.min)*s/this.step);return this.min+this.step*i}_getValueBasedOnThumbPosition(t){const s=t.clientX,{left:i,width:e}=this.getBoundingClientRect();return this._getValueFromRate((s-i)/e)}};hs([Cs({type:Number})],Bs.prototype,"min",1),hs([Cs({type:Number})],Bs.prototype,"max",1),hs([Cs({reflect:!0,type:Boolean})],Bs.prototype,"disabled",2),hs([Cs({type:Number})],Bs.prototype,"value",2),hs([Cs({type:Number})],Bs.prototype,"step",1),hs([Cs({attribute:"keyboard-step",type:Number})],Bs.prototype,"keyboardStep",1),hs([Cs({attribute:"shift-key-multiplier",type:Number})],Bs.prototype,"shiftKeyMultiplier",2),hs([Cs({type:Boolean,attribute:"custom-value-text"})],Bs.prototype,"customValueText",2);var Hs=ds``,Ws=class extends Bs{constructor(){super(),this._step=.1,this.value=0,this.valueText="{currentTime} out of {duration}",this.pauseWhileDragging=!1,this.seekingRequestThrottle=100,this.__mediaDuration=0,this.__mediaPaused=!0,this._handleSliderDragStart=H(this,"vds-slider-drag-start",(t=>{this._togglePlaybackWhileDragging(t)})),this._handleSliderValueChange=H(this,"vds-slider-value-change",(t=>{Ut(t.originEvent)&&(this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t))})),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",(t=>{this._dispatchSeekingRequest(t)})),this._handleSliderDragEnd=H(this,"vds-slider-drag-end",(t=>{this._dispatchSeekingRequest.cancel(),this._mediaRemote.seek(this.value,t),this._togglePlaybackWhileDragging(t)})),this._dispatchSeekingRequest=j((t=>{this._mediaRemote.seeking(this.value,t)}),this.seekingRequestThrottle),this._wasPlayingBeforeDragStart=!1,ss(this,"currentTime",(t=>{this.value=t})),ss(this,"duration",(t=>{this.__mediaDuration=t,this.requestUpdate("max")})),ss(this,"paused",(t=>{this.__mediaPaused=t}))}static get styles(){return[super.styles,Hs]}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media time")}get min(){return 0}set min(t){}get max(){return this.__mediaDuration}set max(t){}update(t){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}",Ht(this.value)).replace("{duration}",Ht(this.__mediaDuration))}_getValueMax(){return"100%"}_togglePlaybackWhileDragging(t){this.pauseWhileDragging&&(this.isDragging&&!this.__mediaPaused?(this._wasPlayingBeforeDragStart=!0,this._mediaRemote.pause(t)):this._wasPlayingBeforeDragStart&&!this.isDragging&&this.__mediaPaused&&(this._wasPlayingBeforeDragStart=!1,this._mediaRemote.play(t)))}};hs([Cs({attribute:!1,state:!0})],Ws.prototype,"value",2),hs([Cs({attribute:!1})],Ws.prototype,"min",1),hs([Cs({attribute:!1})],Ws.prototype,"max",1),hs([Cs({attribute:"value-text"})],Ws.prototype,"valueText",2),hs([Cs({attribute:"pause-while-dragging",type:Boolean})],Ws.prototype,"pauseWhileDragging",2),hs([Cs({attribute:"seeking-request-throttle",type:Number})],Ws.prototype,"seekingRequestThrottle",2),hs([Ss()],Ws.prototype,"__mediaDuration",2),hs([Ss()],Ws.prototype,"__mediaPaused",2),Ot("vds-time-slider",Ws);var Ys=class extends Bs{constructor(){super(),this.value=100,this._handleSliderValueChange=H(this,"vds-slider-value-change",this._changeVolume.bind(this)),this._handleSliderDragValueChange=H(this,"vds-slider-drag-value-change",this._changeVolume.bind(this)),ss(this,"volume",(t=>{this.value=100*t}))}connectedCallback(){super.connectedCallback(),Vt(this,"aria-label","Media volume")}get min(){return 0}set min(t){}get max(){return 100}set max(t){}_changeVolume(t){const s=_t(t.detail/100,3);this._mediaRemote.changeVolume(s,t)}};hs([Cs({attribute:!1})],Ys.prototype,"min",1),hs([Cs({attribute:!1})],Ys.prototype,"max",1),hs([Cs({attribute:!1,state:!0})],Ys.prototype,"value",2),Ot("vds-volume-slider",Ys);var Ks=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._sliderStoreConsumer=Us.consume(this),this.__value=0,this.type="current",this.showHours=!1,this.padHours=!1,this.decimalPlaces=2}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _sliderStore(){return this._sliderStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("format"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getValueText()}`}_handleTypeChange(){this._disposal.empty();const t=this._sliderStore["current"===this.type?"value":"pointerValue"],s=("percent"===this.format?this._createPercentStore(t):t).subscribe((t=>{this.__value=t}));this._disposal.add(s)}_createPercentStore(t){return Pt([t,this._sliderStore.min,this._sliderStore.max],(([t,s,i])=>t/(i-s)*100))}_getValueText(){switch(this.format){case"percent":return this._getPercentFormat();case"time":return this._getTimeFormat();default:return`${this.__value}`}}_getPercentFormat(){return`${_t(this.__value,this.decimalPlaces)}%`}_getTimeFormat(){return Bt(this.__value,this.padHours,this.showHours)}};hs([Ss()],Ks.prototype,"__value",2),hs([Cs()],Ks.prototype,"type",2),hs([Cs()],Ks.prototype,"format",2),hs([Cs({attribute:"show-hours",type:Boolean})],Ks.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Ks.prototype,"padHours",2),hs([Cs({attribute:"decimal-places",type:Number})],Ks.prototype,"decimalPlaces",2),Ot("vds-slider-value-text",Ks);var Xs=class extends ks{constructor(){super(...arguments),this._disposal=new B,this._mediaStoreConsumer=ts.consume(this),this.__seconds=0,this.type="current",this.showHours=!1,this.padHours=!1,this.remainder=!1}static get styles(){return[ds`:host{display:inline-block;contain:content}:host([hidden]){display:none}`]}get _mediaStore(){return this._mediaStoreConsumer.value}connectedCallback(){super.connectedCallback(),this._handleTypeChange()}update(t){(t.has("type")||t.has("remainder"))&&this._handleTypeChange(),super.update(t)}disconnectedCallback(){this._disposal.empty(),super.disconnectedCallback()}render(){return E`${this._getFormattedTime()}`}_handleTypeChange(){this._disposal.empty();const t=this._getTypeStore(),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 Pt([t,this._mediaStore.duration],(([t,s])=>Math.max(0,s-t)))}_getFormattedTime(){return Bt(this.__seconds,this.padHours,this.showHours)}};hs([Ss()],Xs.prototype,"__seconds",2),hs([Cs()],Xs.prototype,"type",2),hs([Cs({attribute:"show-hours",type:Boolean})],Xs.prototype,"showHours",2),hs([Cs({attribute:"pad-hours",type:Boolean})],Xs.prototype,"padHours",2),hs([Cs({type:Boolean})],Xs.prototype,"remainder",2),Ot("vds-time",Xs);const Js=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=void 0,this.src="",this.preload="none",this.transcript="",this.transcriptShown=!1}async play(){this.vsdAudioElement.play()}async pause(){this.vsdAudioElement.pause()}async componentWillLoad(){this.localization||(this.localization=await r(this.element,"audio"))}render(){const t=!!this.transcript||n(this.element,"transcript");return i(e,null,i("vds-media",{class:{"stzh-audio":!0}},i("vds-audio",{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",{preload:this.preload,src:this.src},i("slot",null))),i("div",{class:"stzh-audio__controls"},i("div",{class:"stzh-audio__loader-overlay"},i("stzh-loader",{class:"stzh-audio__loader",label:this.localization.loading,"hide-label":!0})),i("div",{class:"stzh-audio__controls-top"},i("vds-time-slider",{class:"stzh-audio__slider is-time"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"time"})))),i("div",{class:"stzh-audio__controls-bottom"},i("stzh-tooltip",null,i("vds-play-button",{class:"stzh-audio__button is-play"},i("stzh-icon",{class:"stzh-audio__played",name:"play-filled"}),i("stzh-icon",{class:"stzh-audio__paused",name:"pause-filled"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__played"},this.localization.play),i("span",{class:"stzh-audio__paused"},this.localization.pause))),i("div",{class:"stzh-audio__time"},i("vds-time",{type:"current"}),i("span",{class:"stzh-audio__time-separator"},"/"),i("vds-time",{type:"duration"})),i("stzh-tooltip",null,i("vds-mute-button",{class:"stzh-audio__button is-mute"},i("stzh-icon",{class:"stzh-audio__muted",name:"volume-medium"}),i("stzh-icon",{class:"stzh-audio__unmuted",name:"silent-mode"})),i("span",{slot:"content"},i("span",{class:"stzh-audio__muted"},this.localization.mute),i("span",{class:"stzh-audio__unmuted"},this.localization.unmute))),i("vds-volume-slider",{class:"stzh-audio__slider is-volume"},i("div",{class:"stzh-audio__slider-track"}),i("div",{class:"stzh-audio__slider-track is-fill"}),i("div",{class:"stzh-audio__slider-thumb-container"},i("div",{class:"stzh-audio__slider-thumb"})),i("div",{class:"stzh-audio__media-preview-container"},i("vds-slider-value-text",{class:"stzh-audio__slider-text",type:"pointer",format:"percent"}))),t&&i("stzh-tooltip",{content:this.transcriptShown?this.localization.hideTranscript:this.localization.showTranscript},i("button",{class:{"stzh-audio__button is-transcript":!0,"is-active":this.transcriptShown},onClick:()=>this.transcriptShown=!this.transcriptShown},i("stzh-icon",{name:"transcript"}))),i("stzh-tooltip",{content:this.localization.download},i("a",{class:"stzh-audio__button is-download",href:this.src,download:""},i("stzh-icon",{name:"download"}))))),i("div",{class:"stzh-audio__transcript",hidden:!this.transcriptShown},i("stzh-text",null,this.transcript?this.transcript:i("slot",{name:"transcript"})))))}get element(){return h(this)}};Js.style=".sc-stzh-audio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-audio-h{display:none}.sc-stzh-audio-h *.sc-stzh-audio,.sc-stzh-audio-h *.sc-stzh-audio::before,.sc-stzh-audio-h *.sc-stzh-audio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-audio.sc-stzh-audio{display:block;contain:none}.stzh-audio__audio.sc-stzh-audio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-audio__controls.sc-stzh-audio{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-audio__controls-top.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--stzh-space-small)}.stzh-audio__controls-bottom.sc-stzh-audio{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-audio__controls.sc-stzh-audio,.stzh-audio__transcript.sc-stzh-audio{border:0.0625rem solid var(--stzh-base-border-color);padding:var(--stzh-space-medium) var(--stzh-space-xlarge)}.stzh-audio__controls.sc-stzh-audio{padding-bottom:var(--stzh-space-xsmall)}.stzh-audio__button.sc-stzh-audio{width:2.5rem;height:2.5rem;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:var(--stzh-button-border-radius);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color;transition-property:color, background-color;color:var(--stzh-color-grey55)}.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-active.sc-stzh-audio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__button.sc-stzh-audio:hover{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-audio__transcript.sc-stzh-audio{border-top:none}.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-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));display:-ms-inline-flexbox;display:inline-flex;margin-right:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-audio__time.sc-stzh-audio{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 (max-width: 599px){.stzh-audio__time.sc-stzh-audio{margin-right:auto}}.stzh-audio__time-separator.sc-stzh-audio{margin:0 var(--stzh-space-xxsmall)}.stzh-audio__slider.sc-stzh-audio{--height:1.1875rem;--thumb-width:0.8125rem;--track-height:0.3125rem;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--height);border-radius:var(--stzh-button-border-radius)}.stzh-audio__slider.is-time.sc-stzh-audio{-ms-flex-positive:1;flex-grow:1}.stzh-audio__slider.is-volume.sc-stzh-audio{width:20%;min-width:5rem;max-width:6.875rem;display:none}@media screen and (min-width: 600px){.stzh-audio__slider.is-volume.sc-stzh-audio{display:-ms-flexbox;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;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:0.25rem;background-color:var(--stzh-color-grey25)}.stzh-audio__slider-track.is-fill.sc-stzh-audio{background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(var(--vds-fill-rate) * 100%);z-index:1}.stzh-audio__slider-thumb-container.sc-stzh-audio{position:absolute;top:0;left:var(--vds-fill-percent);width:var(--thumb-width);height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.stzh-audio__slider[dragging].sc-stzh-audio .stzh-audio__slider-thumb-container.sc-stzh-audio{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);-webkit-box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);box-shadow:0 0 0 0.0625rem rgba(0, 0, 0, 0.25);-webkit-transform:translateY(-50%);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:var(--width);top:var(--top);left:var(--left);width:var(--width);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:var(--stzh-z-index-popover);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-tooltip-border-radius);background-color:var(--stzh-color-white)}@supports ((-webkit-filter: var(--stzh-tooltip-drop-shadow)) or (filter: var(--stzh-tooltip-drop-shadow))){.stzh-audio__media-preview-container.sc-stzh-audio{-webkit-box-shadow:none;box-shadow:none;-webkit-filter:var(--stzh-tooltip-drop-shadow);filter:var(--stzh-tooltip-drop-shadow)}}.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-nano-font-size);line-height:var(--stzh-font-nano-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}";export{Js as stzh_audio}

package/dist/stzh-components/{p-04dd6821.entry.js → p-f792fc8f.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,F as r,a as o,g as a}from"./p-7a4c6adb.js";import{f as e}from"./p-25a09313.js";import{a as h,p as d}from"./p-77a00e55.js";import{c as n}from"./p-c8bcceac.js";import{h as c}from"./p-1f57d28e.js";import{S as l}from"./p-8347b91f.js";import{c as z}from"./p-ee7a68db.js";const p=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.onInputChange=()=>{const t=this.dateAdapter.parse(this.input.value,"inputdate");if(""===this.input.value||t){const s=h(t);this.calendar&&(this.calendar.value=s),this.value=s,this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}},this.onCalendarChange=t=>{this.value=t.detail.value,this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate}),this.input&&(this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"inputdate")),this.popover&&this.popover.hide()},this.calendarMin="",this.calendarMax="",this.calendarIsDateDisabled=()=>!1,this.name="",this.value="",this.label="",this.readonly=!1,this.disabled=!1,this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.invalid=!1,this.required=!1,this.showMarker=!1,this.size="default",this.inline=!1,this.dateAdapter=void 0,this.localization=void 0,this.buttonLabel=void 0}createDateFormatters(){this.localization&&(this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"}))}valueWatcher(t){const s=d(t);this.calendar&&(this.calendar.value=t),this.input&&(this.input.value=this.dateAdapter.format(s,"inputdate")),this.updateButtonAccessibleLabel()}async setDate(t){this.value=h(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(this.localization)try{const t=d(this.value);this.buttonLabel=`${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=this.localization.buttonLabel}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){this.localization||(this.localization=await e(this.element,"datepicker")),this.dateAdapter||(this.dateAdapter=n(this.localization.$formats,this.localization.$globals))}componentDidLoad(){this.valueWatcher(this.value)}render(){return i(o,null,i("div",{class:{"stzh-datepicker":!0,"stzh-datepicker--inline":this.inline}},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(r,null,i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,ref:t=>this.input=t,noAutocomplete:!0,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:t=>this.popover=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":!0,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))}get element(){return a(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};p.style=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";let u=0;const g=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.stzhFocus=s(this,"stzhFocus",7),this.stzhBlur=s(this,"stzhBlur",7),this.onInput=t=>{this.checked=this.input.checked,this.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:this.value,checked:this.checked})},this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})},this.localization=void 0,this.disabled=!1,this.name="",this.value="",this.invalid=!1,this.required=!1,this.showMarker=!1,this.checked=!1,this.label="",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.a11yDescribedby=""}async setFocus(){this.input.focus()}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}async componentWillLoad(){this.inputId="stzh-radio-"+u++,this.errorWatcher(this.error),this.localization||(this.localization=await e(this.element,"radio"))}render(){const t=c(this.element,"description")||!!this.description,s=c(this.element,"description-long")||!!this.descriptionLong,r=c(this.element,"error")||!!this.error;return i("div",{class:{"stzh-radio":!0,"stzh-radio--has-description":t,"stzh-radio--has-description-long":s,"stzh-radio--has-error":r,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled}},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(l,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return a(this)}static get watchers(){return{error:["errorWatcher"]}}};g.style='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radio-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{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);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-grey5)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-grey5)}';const m="stzh-radio, stzh-button[type=radio], stzh-card";let _=0;const b=class{constructor(s){t(this,s),this._preventUpdateProperties=[],this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(m)),this.updateRadiosProperty("show-marker",!1),this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`),this.watchValue(this.value),this.watchName(this.name),this.watchDisabled(this.disabled),this.watchInvalid(this.invalid),this.watchRequired(this.required)},this.localization=void 0,this.disabled=!1,this.name=void 0,this.legend=void 0,this.hideLegend=!1,this.invalid=!1,this.required=!1,this.showMarker=!1,this.value="",this.direction="vertical",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.checkedRadio=null,this.preventUpdateProperties=[]}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchInvalid(t){this.updateRadiosProperty("invalid",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(t)}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){this._preventUpdateProperties="string"==typeof t?JSON.parse(t):t}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{"name"!==t&&-1!==this._preventUpdateProperties.indexOf(t)||(i[z(t)]=s)}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((s=>s.value===t)),this.checkedRadio&&(this.checkedRadio.checked=!0),this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{this.checkedRadio&&t===this.checkedRadio||(t.checked=!1)}))}async componentWillLoad(){this.radiogroupId="stzh-radiogroup-"+_++,this.errorWatcher(this.error),this.preventUpdatePropertiesWatcher(this.preventUpdateProperties),this.localization||(this.localization=await e(this.element,"radiogroup"))}componentShouldUpdate(t,s,i){return"checkedRadio"!==i}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(m));const t=this.radios.find((t=>t.checked));t&&(this.value=t.value)}this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){const t=c(this.element,"description")||!!this.description,s=c(this.element,"description-long")||!!this.descriptionLong,r=c(this.element,"error")||!!this.error;return i("fieldset",{class:{"stzh-radiogroup":!0,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":r,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction}},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(l,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return a(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};b.style=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";export{p as stzh_datepicker,g as stzh_radio,b as stzh_radiogroup}
+import{r as t,c as s,h as i,F as r,a as o,g as a}from"./p-9a5ebb1f.js";import{f as e}from"./p-25a09313.js";import{a as h,p as d}from"./p-77a00e55.js";import{c as n}from"./p-c8bcceac.js";import{h as c}from"./p-86a29c35.js";import{S as l}from"./p-df5f49b4.js";import{c as z}from"./p-ee7a68db.js";const p=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.onInputChange=()=>{const t=this.dateAdapter.parse(this.input.value,"inputdate");if(""===this.input.value||t){const s=h(t);this.calendar&&(this.calendar.value=s),this.value=s,this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}},this.onCalendarChange=t=>{this.value=t.detail.value,this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate}),this.input&&(this.input.value=t.detail.valueAsDate&&this.dateAdapter.format(t.detail.valueAsDate,"inputdate")),this.popover&&this.popover.hide()},this.calendarMin="",this.calendarMax="",this.calendarIsDateDisabled=()=>!1,this.name="",this.value="",this.label="",this.readonly=!1,this.disabled=!1,this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.invalid=!1,this.required=!1,this.showMarker=!1,this.size="default",this.inline=!1,this.dateAdapter=void 0,this.localization=void 0,this.buttonLabel=void 0}createDateFormatters(){this.localization&&(this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"}))}valueWatcher(t){const s=d(t);this.calendar&&(this.calendar.value=t),this.input&&(this.input.value=this.dateAdapter.format(s,"inputdate")),this.updateButtonAccessibleLabel()}async setDate(t){this.value=h(t)}async getPopover(){return this.popover}updateButtonAccessibleLabel(){if(this.localization)try{const t=d(this.value);this.buttonLabel=`${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=this.localization.buttonLabel}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){this.localization||(this.localization=await e(this.element,"datepicker")),this.dateAdapter||(this.dateAdapter=n(this.localization.$formats,this.localization.$globals))}componentDidLoad(){this.valueWatcher(this.value)}render(){return i(o,null,i("div",{class:{"stzh-datepicker":!0,"stzh-datepicker--inline":this.inline}},i("input",{type:"hidden",name:this.name,value:this.value}),this.inline&&i(r,null,i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"}))),!this.inline&&i("stzh-input",{label:this.label,ref:t=>this.input=t,noAutocomplete:!0,onStzhChange:this.onInputChange,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,showMarker:this.showMarker,size:this.size},i("stzh-popover",{ref:t=>this.popover=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",label:this.label},i("stzh-button",{variant:"input","icon-only":!0,icon:"calendar",disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{slot:"content"},i("stzh-calendar",{ref:t=>this.calendar=t,isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{class:"stzh-datepicker__actions"},i("slot",{name:"action"})))))))}get element(){return a(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"]}}};p.style=".sc-stzh-datepicker-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datepicker-h{width:100%}.stzh-datepicker__popover.sc-stzh-datepicker{--padding:var(--stzh-space-medium);--width:auto}.stzh-datepicker__actions.sc-stzh-datepicker{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){margin-top:var(--stzh-space-xsmall)}";let u=0;const g=class{constructor(i){t(this,i),this.stzhChange=s(this,"stzhChange",7),this.stzhFocus=s(this,"stzhFocus",7),this.stzhBlur=s(this,"stzhBlur",7),this.onInput=t=>{this.checked=this.input.checked,this.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:this.value,checked:this.checked})},this.onFocus=t=>{const s=new FocusEvent("focus",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})},this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:!1,cancelable:!1});this.element.dispatchEvent(s),this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})},this.localization=void 0,this.disabled=!1,this.name="",this.value="",this.invalid=!1,this.required=!1,this.showMarker=!1,this.checked=!1,this.label="",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.a11yDescribedby=""}async setFocus(){this.input.focus()}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}async componentWillLoad(){this.inputId="stzh-radio-"+u++,this.errorWatcher(this.error),this.localization||(this.localization=await e(this.element,"radio"))}render(){const t=c(this.element,"description")||!!this.description,s=c(this.element,"description-long")||!!this.descriptionLong,r=c(this.element,"error")||!!this.error;return i("div",{class:{"stzh-radio":!0,"stzh-radio--has-description":t,"stzh-radio--has-description-long":s,"stzh-radio--has-error":r,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid,"stzh-radio--is-disabled":this.disabled}},i("label",{class:"stzh-radio__field-wrapper"},i("input",{class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{class:"stzh-radio__mark"},i("div",{class:"stzh-radio__check"})),i("div",{class:"stzh-radio__label"},this.label?this.label:i("slot",null),this.showMarker&&i("span",{class:"stzh-radio__marker"},i("span",{class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)))),i(l,{classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return a(this)}static get watchers(){return{error:["errorWatcher"]}}};g.style='.sc-stzh-radio-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radio-h{display:inline-block;border-radius:var(--stzh-form-input-border-radius)}.sc-stzh-radio-h .sc-stzh-radio-s>stzh-text{--color:inherit}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radio__description-long.sc-stzh-radio{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-popover[open].sc-stzh-radio:not([open=false]) .stzh-radio__description-long-button.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__description-long-button.sc-stzh-radio{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radio__description-long-button.sc-stzh-radio:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{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);position:relative;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none}.stzh-radio__mark.sc-stzh-radio{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{display:inline-block;color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker-symbol.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:focus:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:focus~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-radio__input.sc-stzh-radio:focus~.stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey61)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:transparent}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-black8)}';const m="stzh-radio, stzh-button[type=radio], stzh-card";let _=0;const b=class{constructor(s){t(this,s),this._preventUpdateProperties=[],this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(m)),this.updateRadiosProperty("show-marker",!1),this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`),this.watchValue(this.value),this.watchName(this.name),this.watchDisabled(this.disabled),this.watchInvalid(this.invalid),this.watchRequired(this.required)},this.localization=void 0,this.disabled=!1,this.name=void 0,this.legend=void 0,this.hideLegend=!1,this.invalid=!1,this.required=!1,this.showMarker=!1,this.value="",this.direction="vertical",this.description=void 0,this.descriptionLong=void 0,this.error=void 0,this.checkedRadio=null,this.preventUpdateProperties=[]}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchInvalid(t){this.updateRadiosProperty("invalid",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(t)}errorWatcher(t){if("string"==typeof t)try{this._error=JSON.parse(t)}catch(s){this._error=t?[t]:[]}else this._error=t||[];this.invalid=this._error.length>0}preventUpdatePropertiesWatcher(t){this._preventUpdateProperties="string"==typeof t?JSON.parse(t):t}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{"name"!==t&&-1!==this._preventUpdateProperties.indexOf(t)||(i[z(t)]=s)}))}updateCheckedRadioByValue(t){this.checkedRadio=this.radios.find((s=>s.value===t)),this.checkedRadio&&(this.checkedRadio.checked=!0),this.uncheckRadios()}uncheckRadios(){this.radios.forEach((t=>{this.checkedRadio&&t===this.checkedRadio||(t.checked=!1)}))}async componentWillLoad(){this.radiogroupId="stzh-radiogroup-"+_++,this.errorWatcher(this.error),this.preventUpdatePropertiesWatcher(this.preventUpdateProperties),this.localization||(this.localization=await e(this.element,"radiogroup"))}componentShouldUpdate(t,s,i){return"checkedRadio"!==i}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(m));const t=this.radios.find((t=>t.checked));t&&(this.value=t.value)}this.observer=new MutationObserver(this.init),this.observer.observe(this.element,{childList:!0,subtree:!0})}disconnectedCallback(){this.observer.disconnect()}render(){const t=c(this.element,"description")||!!this.description,s=c(this.element,"description-long")||!!this.descriptionLong,r=c(this.element,"error")||!!this.error;return i("fieldset",{class:{"stzh-radiogroup":!0,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":r,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction}},this.legend&&i("legend",{class:"stzh-radiogroup__legend"},this.legend,this.showMarker&&i("span",{class:"stzh-radiogroup__marker"},i("span",{class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),i("div",{class:"stzh-radiogroup__fields"},i("slot",null)),i(l,{classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel}))}get element(){return a(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};b.style=".sc-stzh-radiogroup-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-radiogroup-h[direction=vertical] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-bottom:var(--stzh-space-medium)}.sc-stzh-radiogroup-h[direction=horizontal] .sc-stzh-radiogroup-s>stzh-radio:not(:last-child){margin-right:var(--stzh-space-large)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-popover[open].sc-stzh-radiogroup:not([open=false]) .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxsmall)}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.stzh-radiogroup__legend.sc-stzh-radiogroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{-ms-flex-direction:row;flex-direction:row}";export{p as stzh_datepicker,g as stzh_radio,b as stzh_radiogroup}

package/dist/stzh-components/{p-183e4790.system.entry.js → p-fbf2f4ed.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-609bf766.system.js"],(function(s){"use strict";var c,h,t;return{setters:[function(s){c=s.r;h=s.h;t=s.a}],execute:function(){var e='.sc-stzh-cspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-cspace-h{display:none}.sc-stzh-cspace-h *.sc-stzh-cspace,.sc-stzh-cspace-h *.sc-stzh-cspace::before,.sc-stzh-cspace-h *.sc-stzh-cspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-input,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datepicker,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-dropdown,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-upload,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkbox,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkboxgroup,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radiogroup{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions[variant=process]{margin-top:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-top]{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s>:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-bottom]{margin-bottom:0}.sc-stzh-cspace-h :has(:nth-child(1)[hidden]).sc-stzh-cspace-s>:nth-child(2){margin-top:0}.sc-stzh-cspace-h :has(:nth-last-child(1)[hidden]).sc-stzh-cspace-s>:nth-last-child(2){margin-bottom:0}';var a=s("stzh_cspace",function(){function s(s){c(this,s)}s.prototype.render=function(){var s={"stzh-cspace":true};return h(t,null,h("div",{class:s},h("slot",null)))};return s}());a.style=e}}}));
+System.register(["./p-dbdc01c7.system.js"],(function(s){"use strict";var c,h,t;return{setters:[function(s){c=s.r;h=s.h;t=s.a}],execute:function(){var e='.sc-stzh-cspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-cspace-h{display:none}.sc-stzh-cspace-h *.sc-stzh-cspace,.sc-stzh-cspace-h *.sc-stzh-cspace::before,.sc-stzh-cspace-h *.sc-stzh-cspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-input,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datepicker,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-dropdown,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-upload,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkbox,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkboxgroup,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radiogroup{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="1"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="3"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions[variant=process]{margin-top:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level="4"]+stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]+stzh-datalist{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child[legend],.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-top]{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s>:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-bottom]{margin-bottom:0}.sc-stzh-cspace-h :has(:nth-child(1)[hidden]).sc-stzh-cspace-s>:nth-child(2){margin-top:0}.sc-stzh-cspace-h :has(:nth-last-child(1)[hidden]).sc-stzh-cspace-s>:nth-last-child(2){margin-bottom:0}';var a=s("stzh_cspace",function(){function s(s){c(this,s)}s.prototype.render=function(){var s={"stzh-cspace":true};return h(t,null,h("div",{class:s},h("slot",null)))};return s}());a.style=e}}}));