@arcgis/map-components 5.0.0-next.75 → 5.0.0-next.76

package/dist/cdn/{3OPC4YYE.js → 5LAC5UI6.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
-import{a as h}from"./XYCY676V.js";import j from"./FPJKMG2X.js";import{a as w}from"./YD4E3BWU.js";import{a as d}from"./EV56A3HH.js";import i from"./KA5H6KOI.js";import e from"./RSIHL7QD.js";import{g as f}from"./PXKVNMTL.js";import"./ABHJKAAC.js";import{g as R}from"./NQHZ5KAD.js";import{h as $}from"./XFEV77US.js";import{H as m,I as b,J as a,K as v,L as c,O as _,a as p,b as o,s as g}from"./VSTTCSBD.js";import"./464MHHPW.js";export default $arcgis.t(([{watch:y},M,,,C])=>{var x=[-45,0,45,-90,90,-135,180,135],B={0:{label:"north",iconName:"chevron-up"},45:{label:"northEast",iconName:"chevron-up-right"},90:{label:"east",iconName:"chevron-right"},135:{label:"southEast",iconName:"chevron-down-right"},180:{label:"south",iconName:"chevron-down"},"-135":{label:"southWest",iconName:"chevron-down-left"},"-90":{label:"west",iconName:"chevron-left"},"-45":{label:"northWest",iconName:"chevron-up-left"}},n="arcgis-directional-pad",s={base:n,buttonsContainer:`${n}__buttons-container`,button:`${n}__button`,compassButton:`${n}__compass`,rotationContainer:`${n}__rotation-container`,rotationSliderContainer:`${n}__rotation-slider-container`,rotationReset:`${n}__rotation-reset-button`,error:`${n}__error`},S=p`:host{outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media(hover:none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}`;function E(r){let{x:t,y:e,width:i,height:l}=r.getBoundingClientRect();return{x:t+i/2,y:e+l/2}}function D(r){return r?.spatialReference?.isWebMercator||r?.spatialReference?.isGeographic||!1}var k=C(M),u=class extends b{constructor(){super(...arguments),this.messages=w({}),this._onContextMenu=t=>t.preventDefault(),this._buttons={},this.viewModel=k(this),this.angle=this.viewModel.angle,this.rotation=this.viewModel.rotation,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.disabled=this.viewModel.disabled,this.hideDirectionalButtons=!1,this.icon="move",this.showRotationResetButton=!1,this.showRotationSlider=!1,this.state=this.viewModel.state,this.visualScale="s",this.arcgisPropertyChange=f()("state"),this.arcgisReady=g()}static{this.properties={_rotationEnabled:16,angle:16,rotation:16,view:0,autoDestroyDisabled:5,disabled:5,hideDirectionalButtons:5,icon:1,label:1,messageOverrides:0,position:3,referenceElement:1,showRotationResetButton:5,showRotationSlider:5,state:3,visualScale:1}}static{this.styles=S}get _rotationEnabled(){return this.view?.ready?this.view.constraints.rotationEnabled??!1:!0}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[y(()=>this.viewModel.angle,()=>{this._buttonsContainer?.contains(document.activeElement)&&(this.viewModel.angle==null?R(this)?.focus():$(this._buttons[this.viewModel.angle]))})])}_rotateIcon(t){return{"--rotation":`rotate(${t}deg)`}}_setButtonContainerRef(t){t!==void 0?(this._buttonsContainer=t,queueMicrotask(()=>{this._buttons=Object.fromEntries(Array.from(t.children,e=>[Number.parseInt(e.getAttribute("data-angle")??""),e]))})):(this._buttonsContainer=void 0,this._buttons={})}_onButtonPointerDown(t){if(this._buttonsContainer===void 0)return;t.composedPath().find(i=>i.hasPointerCapture?.(t.pointerId))?.releasePointerCapture(t.pointerId);let e=E(this._buttonsContainer);this.viewModel.beginFollowingPointer(t,e)}_onSliderInput({currentTarget:t}){typeof t.value=="number"&&(this.viewModel.rotation=t.value)}_onRotationReset(){this.viewModel.rotation=0}_onClick(t){this.viewModel.moveOnce(t)}render(){let{label:t,disabled:e}=this,i=this.view==null||this.view.type==="2d";return o`<div .ariaLabel=${t??void 0} class=${a({[s.base]:!0,[d.widget]:!0,[d.disabled]:e})} tabindex=-1>${i?this._renderContent():this._renderUnsupportedMessage()}</div>`}_renderUnsupportedMessage(){return o`<section class=${a(s.error)}><p>${this.messages.unsupported}</p></section>`}_renderContent(){return[this.hideDirectionalButtons?void 0:this._renderDirectionalButtons(),this.showRotationSlider?this._renderRotation():void 0]}_renderDirectionalButtons(){return h("directional-buttons-container",o`<calcite-action-bar expand-disabled floating layout=grid overflow-actions-disabled><calcite-action-group class=${a(s.buttonsContainer)} dir=ltr @contextmenu=${{handleEvent:this._onContextMenu,capture:!0}} ${m(this._setButtonContainerRef)}>${x.slice(0,4).map(this._renderButton,this)}${this._renderCompass()}${x.slice(4).map(this._renderButton,this)}</calcite-action-group></calcite-action-bar>`)}_renderButton(t){let{label:e,iconName:i}=B[t],l=this.messages[e];return o`<calcite-action .active=${this.angle===t} alignment=center class=${a(s.button)} data-angle=${t??c} .disabled=${this.disabled} @click=${this._onClick.bind(this,t)} @pointerdown=${this._onButtonPointerDown} .scale=${this.visualScale} .text=${l??""} title=${l??c}><calcite-icon .icon=${i} .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderCompass(){let t=this.disabled||D(this.view)?"compass-needle":"arrow-up",e=this.rotation===0,i=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.compassButton)} .disabled=${this.disabled||!this._rotationEnabled||e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${v(this._rotateIcon(this.rotation))} .text=${i??""} title=${i??c}>${!e&&o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>`||""}</calcite-action>`}_renderRotation(){return h("slider-container",o`<calcite-action-bar expand-disabled floating layout=horizontal><calcite-action-group class=${a(s.rotationContainer)}>${this.showRotationResetButton?this._renderRotationResetButton():null}${this._renderRotationSlider()}</calcite-action-group></calcite-action-bar>`)}_renderRotationResetButton(){let t=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.rotationReset)} .disabled=${this.disabled||!this._rotationEnabled} @click=${this._onRotationReset} .scale=${this.visualScale} .text=${t??""} title=${t??c}><calcite-icon flip-rtl icon=rotate .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderRotationSlider(){return o`<div class=${a(s.rotationSliderContainer)}><calcite-slider .ariaLabel=${this.messages.heading} .disabled=${this.disabled||!this._rotationEnabled} label-handles max=360 min=0 required .scale=${this.visualScale} .value=${Math.round(this.rotation)} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div>`}};_("arcgis-directional-pad",u);return u},"core/reactiveUtils","widgets/DirectionalPad/DirectionalPadViewModel",e,i,j)
+v5.0.0-next.76 */
+import{a as h}from"./MC7DRT3F.js";import j from"./GRVIYGQ5.js";import{a as w}from"./5WW7EFGT.js";import{a as d}from"./HJ3PKJAL.js";import i from"./7SM5U3X3.js";import e from"./4VQXTRNO.js";import{g as f}from"./SFZHMY4L.js";import"./N5WFHPN2.js";import{g as R}from"./5B6OVW6I.js";import{h as $}from"./HGNH7I2F.js";import{H as m,I as b,J as a,K as v,L as c,O as _,a as p,b as o,s as g}from"./KN6VHHUB.js";import"./3GFKVGOH.js";export default $arcgis.t(([{watch:y},M,,,C])=>{var x=[-45,0,45,-90,90,-135,180,135],B={0:{label:"north",iconName:"chevron-up"},45:{label:"northEast",iconName:"chevron-up-right"},90:{label:"east",iconName:"chevron-right"},135:{label:"southEast",iconName:"chevron-down-right"},180:{label:"south",iconName:"chevron-down"},"-135":{label:"southWest",iconName:"chevron-down-left"},"-90":{label:"west",iconName:"chevron-left"},"-45":{label:"northWest",iconName:"chevron-up-left"}},n="arcgis-directional-pad",s={base:n,buttonsContainer:`${n}__buttons-container`,button:`${n}__button`,compassButton:`${n}__compass`,rotationContainer:`${n}__rotation-container`,rotationSliderContainer:`${n}__rotation-slider-container`,rotationReset:`${n}__rotation-reset-button`,error:`${n}__error`},S=p`:host{outline:none;box-shadow:none!important;background-color:transparent!important;user-select:none;calcite-action-pad{display:contents}calcite-action-group{touch-action:none}calcite-action{aspect-ratio:1}}.arcgis-directional-pad{display:flex;flex-direction:column;gap:var(--calcite-spacing-sm)}.arcgis-directional-pad__buttons-container{--calcite-color-background: transparent;--calcite-action-group-gap: 0;--calcite-action-group-padding: 0;calcite-action{--calcite-color-focus: var(--calcite-color-foreground-3)}calcite-action:not([active]){--calcite-action-background-color-press: var(--calcite-color-foreground-1)}calcite-action[active]{--calcite-action-background-color: var(--calcite-color-foreground-3)}calcite-icon{transform:var(--rotation, unset)}@media(hover:none){calcite-action{--calcite-action-background-color-hover: var(--calcite-color-foreground-1);--calcite-action-text-color-press: var(--calcite-color-text-3)}}}.arcgis-directional-pad__rotation-container{display:block;width:100%;calcite-action{flex:.3}}.arcgis-directional-pad__rotation-slider-container{display:flex;flex:1;align-items:center;calcite-slider{flex:1;padding-inline:var(--calcite-spacing-xxs)}}`;function E(r){let{x:t,y:e,width:i,height:l}=r.getBoundingClientRect();return{x:t+i/2,y:e+l/2}}function D(r){return r?.spatialReference?.isWebMercator||r?.spatialReference?.isGeographic||!1}var k=C(M),u=class extends b{constructor(){super(...arguments),this.messages=w({}),this._onContextMenu=t=>t.preventDefault(),this._buttons={},this.viewModel=k(this),this.angle=this.viewModel.angle,this.rotation=this.viewModel.rotation,this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.disabled=this.viewModel.disabled,this.hideDirectionalButtons=!1,this.icon="move",this.showRotationResetButton=!1,this.showRotationSlider=!1,this.state=this.viewModel.state,this.visualScale="s",this.arcgisPropertyChange=f()("state"),this.arcgisReady=g()}static{this.properties={_rotationEnabled:16,angle:16,rotation:16,view:0,autoDestroyDisabled:5,disabled:5,hideDirectionalButtons:5,icon:1,label:1,messageOverrides:0,position:3,referenceElement:1,showRotationResetButton:5,showRotationSlider:5,state:3,visualScale:1}}static{this.styles=S}get _rotationEnabled(){return this.view?.ready?this.view.constraints.rotationEnabled??!1:!0}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[y(()=>this.viewModel.angle,()=>{this._buttonsContainer?.contains(document.activeElement)&&(this.viewModel.angle==null?R(this)?.focus():$(this._buttons[this.viewModel.angle]))})])}_rotateIcon(t){return{"--rotation":`rotate(${t}deg)`}}_setButtonContainerRef(t){t!==void 0?(this._buttonsContainer=t,queueMicrotask(()=>{this._buttons=Object.fromEntries(Array.from(t.children,e=>[Number.parseInt(e.getAttribute("data-angle")??""),e]))})):(this._buttonsContainer=void 0,this._buttons={})}_onButtonPointerDown(t){if(this._buttonsContainer===void 0)return;t.composedPath().find(i=>i.hasPointerCapture?.(t.pointerId))?.releasePointerCapture(t.pointerId);let e=E(this._buttonsContainer);this.viewModel.beginFollowingPointer(t,e)}_onSliderInput({currentTarget:t}){typeof t.value=="number"&&(this.viewModel.rotation=t.value)}_onRotationReset(){this.viewModel.rotation=0}_onClick(t){this.viewModel.moveOnce(t)}render(){let{label:t,disabled:e}=this,i=this.view==null||this.view.type==="2d";return o`<div .ariaLabel=${t??void 0} class=${a({[s.base]:!0,[d.widget]:!0,[d.disabled]:e})} tabindex=-1>${i?this._renderContent():this._renderUnsupportedMessage()}</div>`}_renderUnsupportedMessage(){return o`<section class=${a(s.error)}><p>${this.messages.unsupported}</p></section>`}_renderContent(){return[this.hideDirectionalButtons?void 0:this._renderDirectionalButtons(),this.showRotationSlider?this._renderRotation():void 0]}_renderDirectionalButtons(){return h("directional-buttons-container",o`<calcite-action-bar expand-disabled floating layout=grid overflow-actions-disabled><calcite-action-group class=${a(s.buttonsContainer)} dir=ltr @contextmenu=${{handleEvent:this._onContextMenu,capture:!0}} ${m(this._setButtonContainerRef)}>${x.slice(0,4).map(this._renderButton,this)}${this._renderCompass()}${x.slice(4).map(this._renderButton,this)}</calcite-action-group></calcite-action-bar>`)}_renderButton(t){let{label:e,iconName:i}=B[t],l=this.messages[e];return o`<calcite-action .active=${this.angle===t} alignment=center class=${a(s.button)} data-angle=${t??c} .disabled=${this.disabled} @click=${this._onClick.bind(this,t)} @pointerdown=${this._onButtonPointerDown} .scale=${this.visualScale} .text=${l??""} title=${l??c}><calcite-icon .icon=${i} .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderCompass(){let t=this.disabled||D(this.view)?"compass-needle":"arrow-up",e=this.rotation===0,i=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.compassButton)} .disabled=${this.disabled||!this._rotationEnabled||e} @click=${this._onRotationReset} .scale=${this.visualScale} style=${v(this._rotateIcon(this.rotation))} .text=${i??""} title=${i??c}>${!e&&o`<calcite-icon .icon=${t} .scale=${this.visualScale}></calcite-icon>`||""}</calcite-action>`}_renderRotation(){return h("slider-container",o`<calcite-action-bar expand-disabled floating layout=horizontal><calcite-action-group class=${a(s.rotationContainer)}>${this.showRotationResetButton?this._renderRotationResetButton():null}${this._renderRotationSlider()}</calcite-action-group></calcite-action-bar>`)}_renderRotationResetButton(){let t=this.messages.resetHeading;return o`<calcite-action alignment=center class=${a(s.rotationReset)} .disabled=${this.disabled||!this._rotationEnabled} @click=${this._onRotationReset} .scale=${this.visualScale} .text=${t??""} title=${t??c}><calcite-icon flip-rtl icon=rotate .scale=${this.visualScale}></calcite-icon></calcite-action>`}_renderRotationSlider(){return o`<div class=${a(s.rotationSliderContainer)}><calcite-slider .ariaLabel=${this.messages.heading} .disabled=${this.disabled||!this._rotationEnabled} label-handles max=360 min=0 required .scale=${this.visualScale} .value=${Math.round(this.rotation)} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div>`}};_("arcgis-directional-pad",u);return u},"core/reactiveUtils","widgets/DirectionalPad/DirectionalPadViewModel",e,i,j)

package/dist/cdn/{QLPL5QHL.js → 5PVNCVIG.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
-import e from"./FPJKMG2X.js";import{a as d}from"./YD4E3BWU.js";import b from"./KA5H6KOI.js";import a from"./RSIHL7QD.js";import{g as v}from"./PXKVNMTL.js";import"./ABHJKAAC.js";import"./NQHZ5KAD.js";import{b as g}from"./XFEV77US.js";import{I as r,J as l,L as n,O as h,a as s,b as i,s as c}from"./VSTTCSBD.js";import"./464MHHPW.js";export default $arcgis.t(([w,,{a:m},p])=>{var f=s`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`,x="home",u={base:x,button:"arcgis-button"},y=p(w),a=class extends r{constructor(){super(...arguments),this.messages=d(),this.viewModel=y(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.goToOverride=this.viewModel.goToOverride,this.icon="home",this.state=this.viewModel.state,this.viewpoint=this.viewModel.viewpoint,this.arcgisGo=m(()=>this.viewModel,"go"),this.arcgisPropertyChange=v()("state"),this.arcgisReady=c()}static{this.properties={view:0,autoDestroyDisabled:5,goToOverride:0,icon:1,label:1,messageOverrides:0,position:3,referenceElement:1,state:3,viewpoint:0}}static{this.styles=f}async cancelGo(){this.viewModel.cancelGo()}async destroy(){await this.manager.destroy()}async go(){this.viewModel.go()}_go(){let{viewModel:e}=this;e.state==="going-home"?e.cancelGo():e.go()}render(){let{messages:e,icon:b}=this,t=this.viewModel?.state,o=t==="going-home";return i`<div class=${l(g(u.base,u.button))}><calcite-button .disabled=${t==="disabled"} .iconStart=${o?void 0:b??void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${o?"s":"m"} title=${(t==="going-home"?e.cancel:e.title)??n}>${o?i`<calcite-loader inline label></calcite-loader>`:null}</calcite-button></div>`}};h("arcgis-home",a);return a},"widgets/Home/HomeViewModel",a,b,e)
+v5.0.0-next.76 */
+import e from"./GRVIYGQ5.js";import{a as d}from"./5WW7EFGT.js";import b from"./7SM5U3X3.js";import a from"./4VQXTRNO.js";import{g as v}from"./SFZHMY4L.js";import"./N5WFHPN2.js";import"./5B6OVW6I.js";import{b as g}from"./HGNH7I2F.js";import{I as r,J as l,L as n,O as h,a as s,b as i,s as c}from"./KN6VHHUB.js";import"./3GFKVGOH.js";export default $arcgis.t(([w,,{a:m},p])=>{var f=s`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}calcite-button{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}}:host{width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl)}`,x="home",u={base:x,button:"arcgis-button"},y=p(w),a=class extends r{constructor(){super(...arguments),this.messages=d(),this.viewModel=y(this),this.view=this.viewModel.view,this.autoDestroyDisabled=!1,this.goToOverride=this.viewModel.goToOverride,this.icon="home",this.state=this.viewModel.state,this.viewpoint=this.viewModel.viewpoint,this.arcgisGo=m(()=>this.viewModel,"go"),this.arcgisPropertyChange=v()("state"),this.arcgisReady=c()}static{this.properties={view:0,autoDestroyDisabled:5,goToOverride:0,icon:1,label:1,messageOverrides:0,position:3,referenceElement:1,state:3,viewpoint:0}}static{this.styles=f}async cancelGo(){this.viewModel.cancelGo()}async destroy(){await this.manager.destroy()}async go(){this.viewModel.go()}_go(){let{viewModel:e}=this;e.state==="going-home"?e.cancelGo():e.go()}render(){let{messages:e,icon:b}=this,t=this.viewModel?.state,o=t==="going-home";return i`<div class=${l(g(u.base,u.button))}><calcite-button .disabled=${t==="disabled"} .iconStart=${o?void 0:b??void 0} kind=neutral .label=${e.componentLabel} @click=${this._go} .scale=${o?"s":"m"} title=${(t==="going-home"?e.cancel:e.title)??n}>${o?i`<calcite-loader inline label></calcite-loader>`:null}</calcite-button></div>`}};h("arcgis-home",a);return a},"widgets/Home/HomeViewModel",a,b,e)

package/dist/cdn/{6N2P5LP7.js → 5UWEGXAQ.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.75 */
-import{e as d}from"./PXKVNMTL.js";import"./ABHJKAAC.js";import"./XFEV77US.js";import{I as o,O as r,b as t}from"./VSTTCSBD.js";import"./464MHHPW.js";export default $arcgis.t(([{watch:g}])=>{var n=class extends o{constructor(){super(...arguments),this._direction=d(),this._disabled=!1,this._playing=!1}static{this.properties={_disabled:16,_playing:16,_isLive:16,viewModel:0,messages:0}}loaded(){this.manager.onLifecycle(()=>[g(()=>[this.viewModel.state,this.viewModel.playing],()=>{let{state:i,playing:e}=this.viewModel;this._disabled=i==="not-ready"||i==="waiting",this._playing=e},{initial:!0}),g(()=>this.viewModel.layer?.isLive,i=>{this._isLive=i??void 0},{initial:!0})])}render(){let{viewModel:i,messages:e,_disabled:a,_playing:c}=this,s=this._isLive,p=this._direction==="rtl",m=t`<calcite-action .active=${c} alignment=center .disabled=${a} .icon=${c?"pause-f":"play-f"} @click=${c?()=>i.pause():()=>i.play()} scale=s .text=${c?e.pause:e.play}></calcite-action>`,v=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=reverse-f @click=${()=>i.seekBackward()} scale=s .text=${e.reverse}></calcite-action>`,$=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=forward-f @click=${()=>i.seekForward()} scale=s .text=${e.forward}></calcite-action>`,h=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=beginning-f @click=${()=>i.seekToBeginning()} scale=s .text=${e.beginning}></calcite-action>`,f=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=end-f @click=${()=>i.seekToEnding()} scale=s .text=${e.end}></calcite-action>`,l=[h,v,m,$,f];return p&&l.reverse(),t`<calcite-action-bar expand-disabled layout=horizontal scale=s>${l}</calcite-action-bar>`}};r("arcgis-video-player-actions-group",n);return n},"core/reactiveUtils")
+v5.0.0-next.76 */
+import{e as d}from"./SFZHMY4L.js";import"./N5WFHPN2.js";import"./HGNH7I2F.js";import{I as o,O as r,b as t}from"./KN6VHHUB.js";import"./3GFKVGOH.js";export default $arcgis.t(([{watch:g}])=>{var n=class extends o{constructor(){super(...arguments),this._direction=d(),this._disabled=!1,this._playing=!1}static{this.properties={_disabled:16,_playing:16,_isLive:16,viewModel:0,messages:0}}loaded(){this.manager.onLifecycle(()=>[g(()=>[this.viewModel.state,this.viewModel.playing],()=>{let{state:i,playing:e}=this.viewModel;this._disabled=i==="not-ready"||i==="waiting",this._playing=e},{initial:!0}),g(()=>this.viewModel.layer?.isLive,i=>{this._isLive=i??void 0},{initial:!0})])}render(){let{viewModel:i,messages:e,_disabled:a,_playing:c}=this,s=this._isLive,p=this._direction==="rtl",m=t`<calcite-action .active=${c} alignment=center .disabled=${a} .icon=${c?"pause-f":"play-f"} @click=${c?()=>i.pause():()=>i.play()} scale=s .text=${c?e.pause:e.play}></calcite-action>`,v=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=reverse-f @click=${()=>i.seekBackward()} scale=s .text=${e.reverse}></calcite-action>`,$=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=forward-f @click=${()=>i.seekForward()} scale=s .text=${e.forward}></calcite-action>`,h=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=beginning-f @click=${()=>i.seekToBeginning()} scale=s .text=${e.beginning}></calcite-action>`,f=s?void 0:t`<calcite-action alignment=center .disabled=${a} icon=end-f @click=${()=>i.seekToEnding()} scale=s .text=${e.end}></calcite-action>`,l=[h,v,m,$,f];return p&&l.reverse(),t`<calcite-action-bar expand-disabled layout=horizontal scale=s>${l}</calcite-action-bar>`}};r("arcgis-video-player-actions-group",n);return n},"core/reactiveUtils")