/*! All material copyright GeoScene, All Rights Reserved, unless otherwise specified.
See https://js.geoscene.cn/4.33/geoscene/copyright.txt for details.
v4.33.18 */
import{a as s}from"./HCX55DY5.js";import{a as y}from"./LL7T22QC.js";import{i as f}from"./HITJFSBP.js";import{E as b,P as $,Q as i,S as l,U as u,V as v,a as h,k as r}from"./3VKC6PRK.js";export default $geoscene.t(([{watch:I}])=>{function S(e){return e.portalItem?.type==="Web Scene"||e.referenceLayers.some(a=>a.type==="scene")}function L(e){return!!e?.portalItem?.tags?.some(a=>a.toLowerCase()==="beta")}var c=class extends ${constructor(){super(...arguments),this._itemState="loading",this._isActive=!1}static{this.properties={_itemState:16,_isActive:16,disabled:5,item:0,itemIndex:9,viewModel:0,messages:0}}static{this.shadowRootOptions=b}loaded(){this.manager.onLifecycle(()=>[I(()=>this.item.state,a=>{this._itemState=a},{sync:!0}),I(()=>this.viewModel.activeBasemap,a=>{this._isActive=this.item.basemap.id===a?.id,this._isActive&&(f(this)?.focus(),this.el.scrollIntoView({block:"nearest"}))},{initial:!0,sync:!0})])}render(){let{disabled:a,item:t,itemIndex:o,viewModel:n,messages:w}=this,_=t.basemap.thumbnailUrl||v("assets/basemap-gallery/images/basemap-toggle-64.svg"),p=t.basemap.title,x=t.basemap.portalItem?.snippet,A=t.error?.message||x||p,{activeBasemapIndex:d}=n,m=d===o,B=m||d===-1&&o===0?0:-1,C={[s.selectedItem]:m,[s.itemError]:t.state==="error"},g=`basemapgallery-item-${t.uid}`;return r`<div .ariaChecked=${m} .ariaDisabled=${a} aria-labelledby=${g??l} class=${i(h(s.item,C))} role=radio tabindex=${B??l} title=${A??l} @click=${()=>{t.state==="ready"&&(n.activeBasemap=t.basemap)}}><img alt class=${i(s.itemThumbnail)} src=${_??l}><div class=${i(s.itemContent)}><div class=${i(s.itemTitle)}><span id=${g??l}>${p}</span></div>${S(t.basemap)?M(t.basemap,w):null}</div>${t.state!=="loading"?null:r`<calcite-scrim><span aria-hidden=true class=${i(y.loaderAnimation)} role=presentation></span></calcite-scrim>`}</div>`}};function M(e,a){return r`<div class=${i(s.itemTagsContainer)}>${D(a)}${L(e)?k(a):null}</div>`}function D(e){return r`<calcite-chip scale=s .label=${e.tag3D}>${e.tag3D}</calcite-chip>`}function k(e){return r`<calcite-chip appearance=outline-fill scale=s .label=${e.tagBeta}>${e.tagBeta}</calcite-chip>`}u("geoscene-basemap-gallery-item",c);return c},"core/reactiveUtils")