@arcgis/core 4.28.0-next.20230524 → 4.28.0-next.20230621

package/widgets/BasemapGallery.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import{getAssetUrl as s}from"../assets.js";import{when as t}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import{isBasemap3D as o}from"../support/basemapUtils.js";import r from"./Widget.js";import l from"./BasemapGallery/BasemapGalleryViewModel.js";import{CSS as d}from"./BasemapGallery/css.js";import{loadCalciteComponents as n}from"./support/componentsUtils.js";import{Heading as p}from"./support/Heading.js";import{accessibleHandler as m}from"./support/decorators/accessibleHandler.js";import{messageBundle as c}from"./support/decorators/messageBundle.js";import{tsx as h}from"./support/jsxFactory.js";import{onResize as u}from"./support/widgetUtils.js";const g={small:220,default:288,wide:430};let v=class extends r{constructor(e,s){super(e,s),this.disabled=!1,this.headingLevel=2,this.iconClass=d.widgetIcon,this.icon=null,this.messages=null,this.viewModel=new l,this._focusBasemapItemEnabled=!1,this._width=0}initialize(){this.addHandles([u((()=>this.domNode),(({contentRect:e})=>{this._width=e.width})),t((()=>this.source),(()=>this.viewModel.load()),{initial:!0,once:!0})])}loadDependencies(){return n({scrim:()=>import("@esri/calcite-components/dist/components/calcite-scrim.js"),chip:()=>import("@esri/calcite-components/dist/components/calcite-chip.js")})}get activeBasemap(){return this.viewModel.activeBasemap}set activeBasemap(e){this.viewModel.activeBasemap=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get source(){return this.viewModel.source}set source(e){this.viewModel.source=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}render(){const e="loading"===this.source.state,s=this.disabled||"disabled"===this.viewModel.state,t=this.viewModel.items.map(((e,s)=>this._renderBasemapGalleryItem(e,s))).toArray(),a={[d.sourceLoading]:e,[d.disabled]:s},i=this._width;i<g.small||i>g.wide?a[d.layoutGrid]=!0:i<g.default&&(a[d.narrowItems]=!0);const o=e?h("div",{class:d.loader,key:"esri-basemap-gallery__loader"}):null,r=e?null:t.length>0?h("ul",{bind:this,"aria-disabled":this.disabled,"aria-label":this.label,class:d.itemContainer,key:"esri-basemap-gallery__item-container",onkeydown:this._handleKeyDown,role:"radiogroup"},t):h("div",{class:d.emptyMessage,key:"esri-basemap-gallery__empty-message"},h(p,{level:this.headingLevel},this.messages.noBasemaps));return h("div",{class:this.classes(d.base,a)},o,r)}_getRoundRobinIndex(e,s){return(e+s)%s}_handleKeyDown(e){const{key:s}=e;if(!["ArrowUp","ArrowDown","ArrowRight","ArrowLeft"].includes(s))return;e.preventDefault();const{items:t,activeBasemapIndex:a}=this.viewModel,i="ArrowUp"===s||"ArrowLeft"===s?this._getRoundRobinIndex(Math.max(a-1,-1),t.length):this._getRoundRobinIndex(a+1,t.length),o=t.at(i);"ready"===o?.state&&(this.viewModel.activeBasemap=o.basemap),this._focusBasemapItemEnabled=!0}_focusBasemapItem(e){this._focusBasemapItemEnabled&&0===e.tabIndex&&(e.focus(),this._focusBasemapItemEnabled=!1)}_handleClick(e){const s=e.currentTarget["data-item"];"ready"===s.state&&(this.viewModel.activeBasemap=s.basemap)}_renderBasemapGalleryItem(e,t){const a=e.basemap.thumbnailUrl||s("esri/themes/base/images/basemap-toggle-64.svg"),i=e.basemap.title,r=e.basemap.portalItem?.snippet,l=e.error?.message||r||i,{viewModel:{state:n,activeBasemapIndex:p}}=this,m=this.disabled||"disabled"===n,c=p===t,u=c||-1===p&&0===t?0:-1,g="loading"===n,v={[d.selectedItem]:c,[d.itemError]:"error"===e.state},b=`basemapgallery-item-${e.uid}`;return h("li",{"aria-checked":c.toString(),"aria-disabled":m.toString(),"aria-labelledby":b,bind:this,class:this.classes(d.item,v),"data-item":e,onkeydown:this._handleClick,onclick:this._handleClick,role:"radio",tabIndex:u,afterUpdate:this._focusBasemapItem,title:l},h("img",{alt:"",class:d.itemThumbnail,src:a}),h("div",{class:d.itemContent},h("div",{class:d.itemTitle},h("span",{id:b},i)),o(e.basemap)?this._render3DTags():null),"loading"===e.state||c&&g?h("calcite-scrim",null,h("span",{"aria-hidden":"true",role:"presentation",class:d.loaderAnimation})):null)}_render3DTags(){const{messages:e}=this;return h("div",{class:d.itemTagsContainer},h("calcite-chip",{value:e.tag3D,scale:"s"},this.messages.tag3D),h("calcite-chip",{value:e.tagBeta,scale:"s",appearance:"outline-fill"},this.messages.tagBeta))}};e([a()],v.prototype,"activeBasemap",null),e([a()],v.prototype,"disabled",void 0),e([a()],v.prototype,"headingLevel",void 0),e([a()],v.prototype,"iconClass",void 0),e([a()],v.prototype,"icon",void 0),e([a()],v.prototype,"label",null),e([a(),c("esri/widgets/BasemapGallery/t9n/BasemapGallery")],v.prototype,"messages",void 0),e([a()],v.prototype,"source",null),e([a()],v.prototype,"view",null),e([a()],v.prototype,"viewModel",void 0),e([a()],v.prototype,"_focusBasemapItemEnabled",void 0),e([a()],v.prototype,"_width",void 0),e([m()],v.prototype,"_handleClick",null),v=e([i("esri.widgets.BasemapGallery")],v);const b=v;export{b as default};
+import{_ as e}from"../chunks/tslib.es6.js";import{getAssetUrl as t}from"../assets.js";import{when as s}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import"../core/has.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import{isBasemap3D as o}from"../support/basemapUtils.js";import r from"./Widget.js";import l from"./BasemapGallery/BasemapGalleryViewModel.js";import{CSS as n}from"./BasemapGallery/css.js";import{loadCalciteComponents as d}from"./support/componentsUtils.js";import{Heading as p}from"./support/Heading.js";import{accessibleHandler as c}from"./support/decorators/accessibleHandler.js";import{messageBundle as m}from"./support/decorators/messageBundle.js";import{tsx as h}from"./support/jsxFactory.js";import{onResize as u}from"./support/widgetUtils.js";const g={small:200,default:280,wide:420};let v=class extends r{constructor(e,t){super(e,t),this.disabled=!1,this.headingLevel=2,this.iconClass=n.widgetIcon,this.icon=null,this.messages=null,this.viewModel=new l,this._focusBasemapItemEnabled=!1,this._container=null,this._width=0,this._onContainerCreated=e=>{this._container=e}}initialize(){this.addHandles([u((()=>this._container),(({contentRect:e})=>{this._width=e.width})),s((()=>this.source),(()=>this.viewModel.load()),{sync:!0,initial:!0,once:!0})])}loadDependencies(){return d({scrim:()=>import("@esri/calcite-components/dist/components/calcite-scrim.js"),chip:()=>import("@esri/calcite-components/dist/components/calcite-chip.js")})}get activeBasemap(){return this.viewModel.activeBasemap}set activeBasemap(e){this.viewModel.activeBasemap=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get source(){return this.viewModel.source}set source(e){this.viewModel.source=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}render(){const e="loading"===this.source.state,t=this.disabled||"disabled"===this.viewModel.state,s=this.viewModel.items,a={[n.sourceLoading]:e,[n.disabled]:t},i=this._width;i<=g.small||i>=g.wide?a[n.layoutGrid]=!0:i<g.default&&(a[n.narrowItems]=!0);const o=e?h("div",{class:n.loader,key:"loader"}):null,r=e?null:s.length>0?h("ul",{bind:this,"aria-disabled":this.disabled,"aria-label":this.label,class:n.itemContainer,key:"item-container",onkeydown:this._handleKeyDown,role:"radiogroup"},s.map(((e,t)=>this._renderBasemapGalleryItem(e,t))).toArray()):h("div",{class:n.emptyMessage,key:"empty-message"},h(p,{level:this.headingLevel},this.messages.noBasemaps));return h("div",{key:"container",class:this.classes(n.base,a),afterCreate:this._onContainerCreated},0===this._width?null:[o,r])}_getRoundRobinIndex(e,t){return(e+t)%t}_handleKeyDown(e){const{key:t}=e;if(!["ArrowUp","ArrowDown","ArrowRight","ArrowLeft"].includes(t))return;e.preventDefault();const{items:s,activeBasemapIndex:a}=this.viewModel,i="ArrowUp"===t||"ArrowLeft"===t?this._getRoundRobinIndex(Math.max(a-1,-1),s.length):this._getRoundRobinIndex(a+1,s.length),o=s.at(i);"ready"===o?.state&&(this.viewModel.activeBasemap=o.basemap),this._focusBasemapItemEnabled=!0}_focusBasemapItem(e){this._focusBasemapItemEnabled&&0===e.tabIndex&&(e.focus(),this._focusBasemapItemEnabled=!1)}_handleClick(e){const t=e.currentTarget["data-item"];"ready"===t.state&&(this.viewModel.activeBasemap=t.basemap)}_renderBasemapGalleryItem(e,s){const a=e.basemap.thumbnailUrl||t("esri/themes/base/images/basemap-toggle-64.svg"),i=e.basemap.title,r=e.basemap.portalItem?.snippet,l=e.error?.message||r||i,{viewModel:{state:d,activeBasemapIndex:p}}=this,c=this.disabled||"disabled"===d,m=p===s,u=m||-1===p&&0===s?0:-1,g="loading"===d,v={[n.selectedItem]:m,[n.itemError]:"error"===e.state},y=`basemapgallery-item-${e.uid}`;return h("li",{"aria-checked":m.toString(),"aria-disabled":c.toString(),"aria-labelledby":y,bind:this,class:this.classes(n.item,v),"data-item":e,key:e.uid,role:"radio",tabIndex:u,title:l,afterUpdate:this._focusBasemapItem,onclick:this._handleClick,onkeydown:this._handleClick},h("img",{alt:"",class:n.itemThumbnail,src:a}),h("div",{key:"content",class:n.itemContent},h("div",{key:"title",class:n.itemTitle},h("span",{id:y},i)),o(e.basemap)?this._render3DTags():null),"loading"===e.state||m&&g?h("calcite-scrim",null,h("span",{key:"loader","aria-hidden":"true",role:"presentation",class:n.loaderAnimation})):null)}_render3DTags(){const{messages:e}=this;return h("div",{key:"tag",class:n.itemTagsContainer},h("calcite-chip",{key:"tag-3d",value:e.tag3D,scale:"s"},this.messages.tag3D),h("calcite-chip",{key:"tag-beta",value:e.tagBeta,scale:"s",appearance:"outline-fill"},this.messages.tagBeta))}};e([a()],v.prototype,"activeBasemap",null),e([a()],v.prototype,"disabled",void 0),e([a()],v.prototype,"headingLevel",void 0),e([a()],v.prototype,"iconClass",void 0),e([a()],v.prototype,"icon",void 0),e([a()],v.prototype,"label",null),e([a(),m("esri/widgets/BasemapGallery/t9n/BasemapGallery")],v.prototype,"messages",void 0),e([a()],v.prototype,"source",null),e([a()],v.prototype,"view",null),e([a()],v.prototype,"viewModel",void 0),e([a()],v.prototype,"_focusBasemapItemEnabled",void 0),e([a()],v.prototype,"_container",void 0),e([a()],v.prototype,"_width",void 0),e([c()],v.prototype,"_handleClick",null),v=e([i("esri.widgets.BasemapGallery")],v);const y=v;export{y as default};

package/widgets/BasemapLayerList/BasemapLayerListViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Collection.js";import t from"../../core/Evented.js";import{HandleOwnerMixin as i}from"../../core/HandleOwner.js";import{watch as r,initial as a}from"../../core/reactiveUtils.js";import{property as c}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as o}from"../../core/accessorSupport/decorators/subclass.js";import n from"../LayerList/ListItem.js";const m={view:"view",basemap:"basemap",baseLayers:"base-layers",referenceLayers:"reference-layers",baseLayersListMode:"reference-layers-list-mode",referenceLayersListMode:"base-layers-list-mode",baseLayerViews:"base-layer-views",referenceLayerViews:"reference-layer-views",children:"children"},l=s.ofType(n);let h=class extends(i(t.EventedAccessor)){constructor(e){super(e),this.baseItems=new l,this.baseListItemCreatedFunction=null,this.checkPublishStatusEnabled=!1,this.referenceListItemCreatedFunction=null,this.referenceItems=new l,this.view=null,this._compileBaseList=this._compileBaseList.bind(this),this._compileReferenceList=this._compileReferenceList.bind(this)}initialize(){this.handles.add([r((()=>[this.view?.map?.basemap,this.view,this.view?.ready,this.view?.basemapView]),(()=>this._watchBasemapLayers()),a),r((()=>[this.baseListItemCreatedFunction,this.checkPublishStatusEnabled]),(()=>this._baseListItemCreatedFunctionChanged())),r((()=>[this.referenceListItemCreatedFunction,this.checkPublishStatusEnabled]),(()=>this._referenceListItemCreatedFunctionChanged()))],m.view)}destroy(){this.view=null,this.baseItems.removeAll(),this.referenceItems.removeAll()}get basemapTitle(){return this.view?.map?.basemap?.title??null}set basemapTitle(e){this._override("basemapTitle",e)}get state(){return this.get("view.ready")?"ready":this.get("view")?"loading":"disabled"}triggerAction(e,s){e&&!e.disabled&&this.emit("trigger-action",{action:e,item:s})}transferListItem({listItem:e,from:s,to:t,newIndex:i}){const{referenceItems:r,baseItems:a}=this,{layer:c}=e,o=this.get("view.map.basemap.baseLayers"),n=this.get("view.map.basemap.referenceLayers");if(!o||!n||s===t)return;const m="reference"===t?r:a,l="reference"===s?n:o,h="reference"===t?n:o;("reference"===s?r:a).remove(e),l.remove(c),m.add(e,i),h.add(c,i)}_createItemChangeHandles({items:e,key:s,callback:t}){const{handles:i}=this;i.remove(s),t(),e&&i.add(e.on("change",(()=>t())),s)}_createListItem({layer:e,type:s}){const{view:t,baseListItemCreatedFunction:i,referenceListItemCreatedFunction:r,checkPublishStatusEnabled:a}=this;return new n({layer:e,checkPublishStatusEnabled:a,listItemCreatedFunction:"base"===s?i:r,view:t})}_watchLayersListMode({layers:e,key:s,callback:t}){const{handles:i}=this;i.remove(s),e&&e.forEach((e=>{i.add(r((()=>e.listMode),(()=>t())),s)}))}_compileListItems({layers:e,items:s,key:t,type:i,callback:r}){this._watchLayersListMode({layers:e,key:t,callback:r}),this._createNewItems({type:i,items:s,layers:e}),this._removeItems({items:s,layers:e}),this._sortItems(s,e)}_compileReferenceList(){const{referenceItems:e}=this,s=this.get("view.map.basemap.referenceLayers");this._compileListItems({type:"reference",layers:s,items:e,key:m.referenceLayersListMode,callback:this._compileReferenceList})}_compileBaseList(){const{baseItems:e}=this,s=this.get("view.map.basemap.baseLayers");this._compileListItems({type:"base",layers:s,items:e,key:m.baseLayersListMode,callback:this._compileBaseList})}_compileLists(){this._compileReferenceList(),this._compileBaseList()}_createNewItems({items:e,layers:s,type:t}){s&&s.forEach((s=>{e.find((e=>e.layer===s))||e.add(this._createListItem({type:t,layer:s}))}))}_removeItems({items:e,layers:s}){const{handles:t}=this;e&&e.forEach((i=>{if(!i)return;s&&s.find((e=>i.layer===e))||(t.remove(`${m.children}-${i.uid}`),e.remove(i))}))}_sortItems(e,s){e&&e.sort(((e,t)=>{const i=s.indexOf(e.layer),r=s.indexOf(t.layer);return i>r?-1:i<r?1:0}))}_removeAllBaseItems(){const{handles:e,baseItems:s}=this;s.forEach((s=>{e.remove(`${m.children}-${s.uid}`)})),s.removeAll()}_removeAllReferenceItems(){const{handles:e,referenceItems:s}=this;s.forEach((s=>{e.remove(`${m.children}-${s.uid}`)})),s.removeAll()}_baseListItemCreatedFunctionChanged(){this._removeAllBaseItems(),this._compileLists()}_referenceListItemCreatedFunctionChanged(){this._removeAllReferenceItems(),this._compileLists()}_watchBasemapLayers(){const{handles:e,view:s}=this;e.remove([m.baseLayers,m.referenceLayers,m.basemap,m.baseLayerViews,m.referenceLayerViews]),this._compileLists(),s&&s.ready&&e.add([r((()=>this.view?.map?.basemap?.baseLayers),(e=>this._createItemChangeHandles({items:e,key:m.baseLayers,callback:this._compileBaseList})),a),r((()=>this.view?.map?.basemap?.referenceLayers),(e=>this._createItemChangeHandles({items:e,key:m.referenceLayers,callback:this._compileReferenceList})),a),r((()=>this.view?.basemapView?.baseLayerViews),(e=>this._createItemChangeHandles({items:e,key:m.baseLayerViews,callback:this._compileBaseList})),a),r((()=>this.view?.basemapView?.referenceLayerViews),(e=>this._createItemChangeHandles({items:e,key:m.referenceLayerViews,callback:this._compileReferenceList})),a)],m.basemap)}};e([c({type:l,readOnly:!0})],h.prototype,"baseItems",void 0),e([c()],h.prototype,"basemapTitle",null),e([c()],h.prototype,"baseListItemCreatedFunction",void 0),e([c()],h.prototype,"checkPublishStatusEnabled",void 0),e([c()],h.prototype,"referenceListItemCreatedFunction",void 0),e([c({type:l,readOnly:!0})],h.prototype,"referenceItems",void 0),e([c({readOnly:!0})],h.prototype,"state",null),e([c()],h.prototype,"view",void 0),e([c()],h.prototype,"transferListItem",null),h=e([o("esri.widgets.BasemapLayerList.BasemapLayerListViewModel")],h);const d=h;export{d as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Collection.js";import t from"../../core/Evented.js";import{watch as i,initial as a}from"../../core/reactiveUtils.js";import{property as r}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as c}from"../../core/accessorSupport/decorators/subclass.js";import o from"../LayerList/ListItem.js";const n={view:"view",basemap:"basemap",baseLayers:"base-layers",referenceLayers:"reference-layers",baseLayersListMode:"reference-layers-list-mode",referenceLayersListMode:"base-layers-list-mode",baseLayerViews:"base-layer-views",referenceLayerViews:"reference-layer-views",children:"children"},l=s.ofType(o);let m=class extends t.EventedAccessor{constructor(e){super(e),this.baseItems=new l,this.baseListItemCreatedFunction=null,this.checkPublishStatusEnabled=!1,this.referenceListItemCreatedFunction=null,this.referenceItems=new l,this.view=null,this._compileBaseList=this._compileBaseList.bind(this),this._compileReferenceList=this._compileReferenceList.bind(this)}initialize(){this.addHandles([i((()=>[this.view?.map?.basemap,this.view,this.view?.ready,this.view?.basemapView]),(()=>this._watchBasemapLayers()),a),i((()=>[this.baseListItemCreatedFunction,this.checkPublishStatusEnabled]),(()=>this._baseListItemCreatedFunctionChanged())),i((()=>[this.referenceListItemCreatedFunction,this.checkPublishStatusEnabled]),(()=>this._referenceListItemCreatedFunctionChanged()))],n.view)}destroy(){this.view=null,this.baseItems.removeAll(),this.referenceItems.removeAll()}get basemapTitle(){return this.view?.map?.basemap?.title??null}set basemapTitle(e){this._override("basemapTitle",e)}get state(){return this.get("view.ready")?"ready":this.get("view")?"loading":"disabled"}triggerAction(e,s){e&&!e.disabled&&this.emit("trigger-action",{action:e,item:s})}transferListItem({listItem:e,from:s,to:t,newIndex:i}){const{referenceItems:a,baseItems:r}=this,{layer:c}=e,o=this.get("view.map.basemap.baseLayers"),n=this.get("view.map.basemap.referenceLayers");if(!o||!n||s===t)return;const l="reference"===t?a:r,m="reference"===s?n:o,h="reference"===t?n:o;("reference"===s?a:r).remove(e),m.remove(c),l.add(e,i),h.add(c,i)}_createItemChangeHandles({items:e,key:s,callback:t}){this.removeHandles(s),t(),e&&this.addHandles(e.on("change",(()=>t())),s)}_createListItem({layer:e,type:s}){const{view:t,baseListItemCreatedFunction:i,referenceListItemCreatedFunction:a,checkPublishStatusEnabled:r}=this;return new o({layer:e,checkPublishStatusEnabled:r,listItemCreatedFunction:"base"===s?i:a,view:t})}_watchLayersListMode({layers:e,key:s,callback:t}){this.removeHandles(s),e&&e.forEach((e=>{this.addHandles(i((()=>e.listMode),(()=>t())),s)}))}_compileListItems({layers:e,items:s,key:t,type:i,callback:a}){this._watchLayersListMode({layers:e,key:t,callback:a}),this._createNewItems({type:i,items:s,layers:e}),this._removeItems({items:s,layers:e}),this._sortItems(s,e)}_compileReferenceList(){const{referenceItems:e}=this,s=this.get("view.map.basemap.referenceLayers");this._compileListItems({type:"reference",layers:s,items:e,key:n.referenceLayersListMode,callback:this._compileReferenceList})}_compileBaseList(){const{baseItems:e}=this,s=this.get("view.map.basemap.baseLayers");this._compileListItems({type:"base",layers:s,items:e,key:n.baseLayersListMode,callback:this._compileBaseList})}_compileLists(){this._compileReferenceList(),this._compileBaseList()}_createNewItems({items:e,layers:s,type:t}){s&&s.forEach((s=>{e.find((e=>e.layer===s))||e.add(this._createListItem({type:t,layer:s}))}))}_removeItems({items:e,layers:s}){e&&e.forEach((t=>{if(!t)return;s&&s.find((e=>t.layer===e))||(this.removeHandles(`${n.children}-${t.uid}`),e.remove(t))}))}_sortItems(e,s){e&&e.sort(((e,t)=>{const i=s.indexOf(e.layer),a=s.indexOf(t.layer);return i>a?-1:i<a?1:0}))}_removeAllBaseItems(){const{baseItems:e}=this;e.forEach((e=>{this.removeHandles(`${n.children}-${e.uid}`)})),e.removeAll()}_removeAllReferenceItems(){const{referenceItems:e}=this;e.forEach((e=>{this.removeHandles(`${n.children}-${e.uid}`)})),e.removeAll()}_baseListItemCreatedFunctionChanged(){this._removeAllBaseItems(),this._compileLists()}_referenceListItemCreatedFunctionChanged(){this._removeAllReferenceItems(),this._compileLists()}_watchBasemapLayers(){const{view:e}=this;this.removeHandles([n.baseLayers,n.referenceLayers,n.basemap,n.baseLayerViews,n.referenceLayerViews]),this._compileLists(),e&&e.ready&&this.addHandles([i((()=>this.view?.map?.basemap?.baseLayers),(e=>this._createItemChangeHandles({items:e,key:n.baseLayers,callback:this._compileBaseList})),a),i((()=>this.view?.map?.basemap?.referenceLayers),(e=>this._createItemChangeHandles({items:e,key:n.referenceLayers,callback:this._compileReferenceList})),a),i((()=>this.view?.basemapView?.baseLayerViews),(e=>this._createItemChangeHandles({items:e,key:n.baseLayerViews,callback:this._compileBaseList})),a),i((()=>this.view?.basemapView?.referenceLayerViews),(e=>this._createItemChangeHandles({items:e,key:n.referenceLayerViews,callback:this._compileReferenceList})),a)],n.basemap)}};e([r({type:l,readOnly:!0})],m.prototype,"baseItems",void 0),e([r()],m.prototype,"basemapTitle",null),e([r()],m.prototype,"baseListItemCreatedFunction",void 0),e([r()],m.prototype,"checkPublishStatusEnabled",void 0),e([r()],m.prototype,"referenceListItemCreatedFunction",void 0),e([r({type:l,readOnly:!0})],m.prototype,"referenceItems",void 0),e([r({readOnly:!0})],m.prototype,"state",null),e([r()],m.prototype,"view",void 0),e([r()],m.prototype,"transferListItem",null),m=e([c("esri.widgets.BasemapLayerList.BasemapLayerListViewModel")],m);const h=m;export{h as default};

package/widgets/BasemapLayerList.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Collection.js";import{eventKey as i}from"../core/events.js";import{HandleOwnerMixin as s}from"../core/HandleOwner.js";import has from"../core/has.js";import{watch as n,on as r,initial as o}from"../core/reactiveUtils.js";import{property as l}from"../core/accessorSupport/decorators/property.js";import{cast as a}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import{subclass as c}from"../core/accessorSupport/decorators/subclass.js";import d from"./Widget.js";import h from"./BasemapLayerList/BasemapLayerListViewModel.js";import u from"./LayerList/ListItem.js";import{findSelectedItem as m}from"./LayerList/support/layerListUtils.js";import{loadCalciteComponents as g}from"./support/componentsUtils.js";import{Heading as p,incrementHeadingLevel as b}from"./support/Heading.js";import{accessibleHandler as _}from"./support/decorators/accessibleHandler.js";import{messageBundle as y}from"./support/decorators/messageBundle.js";import{vmEvent as f}from"./support/decorators/vmEvent.js";import{tsx as I}from"./support/jsxFactory.js";import"./support/widgetUtils.js";import v from"sortablejs";const C=t.ofType(u);function L(e,t,i){e.splice(i,0,e.splice(t,1)[0])}const T=".*\\S+.*",w="esri-basemaplayerlist-new-ui",A="root-layers",S="data-layer-uid",$="layerUid",E="esri-basemap-layer-list",k=`${E}__item`,R=`${E}__list`,M={base:`${E} esri-widget esri-widget--panel`,newUI:`${E}--new-ui`,titleContainer:`${E}__title-container`,mainHeading:`${E}__main-heading`,editingCard:`${E}__editing-card`,editingInput:`${E}__editing-input`,editingActions:`${E}__editing-actions`,editButton:`${E}__edit-button`,editButtonIcon:`${E}__edit-button-icon`,submitButton:`${E}__submit-button`,cancelButton:`${E}__cancel-button`,noItems:`${E}__no-items`,horizontalRule:`${E}__hr`,list:R,listHeading:`${R}-heading`,listRoot:`${R}--root`,listExclusive:`${R}--exclusive`,listInherited:`${R}--inherited`,listIndependent:`${R}--independent`,item:k,itemOnlyChild:`${k}--only-child`,itemContent:`${k}-content`,itemMessage:`${k}--has-message`,itemInvisible:`${k}--invisible`,itemInvisibleAtScale:`${k}--invisible-at-scale`,itemChildren:`${k}--has-children`,itemSelectable:`${k}--selectable`,itemContainer:`${k}-container`,actionsMenu:`${k}-actions-menu`,actionsMenuItem:`${k}-actions-menu-item`,actionsMenuItemActive:`${k}-actions-menu-item--active`,actions:`${k}-actions`,actionsList:`${k}-actions-list`,action:`${k}-action`,actionIcon:`${k}-action-icon`,actionImage:`${k}-action-image`,actionTitle:`${k}-action-title`,actionToggle:`${E}__action-toggle`,actionToggleOn:`${E}__action-toggle--on`,label:`${k}-label`,message:`${k}-message`,title:`${k}-title`,statusIndicator:`${E}__status-indicator`,publishing:`${E}__publishing`,updating:`${E}__updating`,connectionStatus:`${E}__connection-status`,connectionStatusConnected:`${E}__connection-status--connected`,toggleVisible:`${k}-toggle`,toggleVisibleIcon:`${k}-toggle-icon`,toggleIcon:`${k}-toggle-icon`,radioIcon:`${k}-radio-icon`,childToggle:`${E}__child-toggle`,childToggleOpen:`${E}__child-toggle--open`,childOpened:`${E}__child-toggle-icon--opened`,childClosed:`${E}__child-toggle-icon--closed`,childClosed_RTL:`${E}__child-toggle-icon--closed-rtl`,sortableChosen:`${E}--chosen`,button:"esri-button",buttonTertiary:"esri-button--tertiary",input:"esri-input",disabled:"esri-disabled",disabledElement:"esri-disabled-element",hidden:"esri-hidden",rotating:"esri-rotating",heading:"esri-widget__heading",iconEdit:"esri-icon-edit",iconCheckMark:"esri-icon-check-mark",iconClose:"esri-icon-close",iconEllipses:"esri-icon-handle-horizontal",iconVisible:"esri-icon-visible",iconInvisible:"esri-icon-non-visible",iconRadioSelected:"esri-icon-radio-checked",iconRadioUnselected:"esri-icon-radio-unchecked",iconNoticeTriangle:"esri-icon-notice-triangle",iconChildrenOpen:"esri-icon-down-arrow",iconDownArrow:"esri-icon-down-arrow",iconRightArrow:"esri-icon-right-triangle-arrow",iconLeftArrow:"esri-icon-left-triangle-arrow",iconLoading:"esri-icon-loading-indicator",iconDefaultAction:"esri-icon-default-action",widgetIcon:"esri-icon-layers"},B={actions:"actions",actionSection:"action-section",baseItems:"base-items",referenceItems:"reference-items"},O={exclusive:"exclusive",inherited:"inherited",independent:"independent"};function x(e){const{actionsOpen:t,children:i}=e;t&&(e.actionsOpen=!1),i.forEach((e=>x(e)))}const U={baseLayers:!0,referenceLayers:!0,statusIndicators:!0,errors:!1};let N=class extends(s(d)){constructor(e,t){super(e,t),this._tooltipReferenceMap=new Map,this._editingTitle=!1,this._editTitleInput=null,this._editTitleButton=null,this._focusOnElement=null,this._sortableBaseLayers=null,this._sortableReferenceLayers=null,this._sortableBaseLayersNode=null,this._sortableReferenceLayersNode=null,this._focusSortUid=null,this._newUI=has(w),this.visibleItems=null,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=M.widgetIcon,this.messages=null,this.messagesCommon=null,this.multipleSelectionEnabled=!1,this.selectedItems=new C,this.viewModel=new h,this.visibleElements={...U}}initialize(){const{baseItems:e,referenceItems:t}=this;this._setVisibleItems(),this.addHandles([n((()=>this.visibleElements),(()=>{this._itemsChanged(e,B.baseItems),this._itemsChanged(t,B.referenceItems)})),r((()=>this.baseItems),"change",(()=>{this._itemsChanged(e,B.baseItems)})),r((()=>this.referenceItems),"change",(()=>this._itemsChanged(t,B.referenceItems))),n((()=>this.editingEnabled),(()=>this._toggleSorting()),o)])}loadDependencies(){return g({icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}destroy(){this._destroyBaseSortable(),this._destroyReferenceSortable(),this._tooltipReferenceMap.clear()}get basemapTitle(){return this.viewModel.basemapTitle}set basemapTitle(e){this.viewModel.basemapTitle=e}get baseListItemCreatedFunction(){return this.viewModel.baseListItemCreatedFunction}set baseListItemCreatedFunction(e){this.viewModel.baseListItemCreatedFunction=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get referenceListItemCreatedFunction(){return this.viewModel.referenceListItemCreatedFunction}set referenceListItemCreatedFunction(e){this.viewModel.referenceListItemCreatedFunction=e}get baseItems(){return this.viewModel.baseItems}get referenceItems(){return this.viewModel.referenceItems}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}castVisibleElements(e){return{...U,...e}}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}render(){const{state:e}=this.viewModel,t={[M.newUI]:this._newUI,[M.hidden]:"loading"===e,[M.disabled]:"disabled"===e},i=this.renderItemTooltips(),s=this.renderReferenceSection(),n=this.renderBaseSection(),r=s&&n?I("hr",{class:M.horizontalRule}):null,o=[this.renderTitleContainer(),s,r,n];return I("div",{class:this.classes(M.base,t)},[i,o])}renderItemTooltip(e){const{_tooltipReferenceMap:t,messages:i}=this;return e?I("calcite-tooltip",{label:i.layerIncompatible,referenceElement:t.get(e.uid)},i.layerIncompatibleTooltip):null}renderItemTooltipNodes(e){const{incompatible:t,children:i}=e;return[t?this.renderItemTooltip(e):null,...!t&&i?i.toArray().map((e=>this.renderItemTooltipNodes(e))):[]]}renderItemTooltips(){return this.visibleItems?.toArray().map((e=>this.renderItemTooltipNodes(e)))??[]}renderEditingInput(){const{messages:e}=this,{basemapTitle:t}=this.viewModel;return I("label",{class:M.editingInput},e.basemapTitle,I("input",{bind:this,class:M.input,title:e.basemapTitle,"aria-label":e.basemapTitle,placeholder:e.basemapTitle,type:"text",role:"textbox",required:!0,pattern:T,value:t??void 0,afterCreate:this._storeEditTitleInput,afterUpdate:this._focusEditElement}))}renderCancelButton(){const{messagesCommon:e}=this;return I("button",{title:e.cancel,"aria-label":e.cancel,type:"button",bind:this,class:this.classes(M.button,M.buttonTertiary),onclick:this._toggleEditingTitle},e.cancel)}renderSubmitButton(){const{messagesCommon:e}=this;return I("button",{title:e.form.submit,"aria-label":e.form.submit,type:"submit",bind:this,class:M.button},e.form.ok)}renderEditingForm(){return I("div",{class:M.editingCard},I("form",{bind:this,onsubmit:this._formSubmit},this.renderEditingInput(),I("div",{class:M.editingActions},this.renderCancelButton(),this.renderSubmitButton())))}renderBasemapTitle(){const{basemapTitle:e}=this.viewModel;return I(p,{level:this.headingLevel,class:this.classes(M.heading,M.mainHeading)},e)}renderEditTitleButton(){const{_editingTitle:e,editingEnabled:t,messagesCommon:i}=this;return t&&!e?I("button",{bind:this,class:M.editButton,title:i.edit,"aria-label":i.edit,onclick:this._toggleEditingTitle,afterCreate:this._storeEditTitleButton,afterUpdate:this._focusEditElement,"data-node-ref":"_editButtonNode",type:"button"},I("span",{"aria-hidden":"true",class:this.classes(M.iconEdit,M.editButtonIcon)})):null}renderTitleContainer(){return I("div",{class:M.titleContainer},this._editingTitle?this.renderEditingForm():this.renderBasemapTitle(),this.renderEditTitleButton())}renderNoLayersInfo(e,t){return I("div",{key:t,class:M.noItems},e)}renderList(e,t){const{messages:i}=this,s="reference"===t?this._destroyReferenceSortable:this._destroyBaseSortable;return I("ul",{key:t,"aria-label":i.widgetLabel,role:this.editingEnabled&&e.length?"listbox":void 0,afterCreate:this._sortNodeCreated,afterRemoved:s,"data-node-ref":t,bind:this,class:this.classes(M.list,M.listRoot,M.listIndependent)},e.map((i=>this.renderItem({item:i,parent:null,itemType:t,isOnlyChild:1===e.length}))))}renderBaseHeader(){return I(p,{key:"base-heading",level:b(this.headingLevel),class:this.classes(M.heading,M.listHeading)},this.messages.baseHeading)}renderBaseSection(){const{baseItems:e,messages:t,visibleElements:i}=this;if(!i.baseLayers)return null;const s=this._getItems(e),n="base";return[this.renderBaseHeader(),[0===s.length?this.renderNoLayersInfo(t.noBaseLayers,n):null,this.renderList(s,n)]]}renderReferenceHeader(){return I(p,{key:"reference-heading",level:b(this.headingLevel),class:this.classes(M.heading,M.listHeading)},this.messages.referenceHeading)}renderReferenceSection(){const{referenceItems:e,messages:t,visibleElements:i}=this;if(!i.referenceLayers)return null;const s=this._getItems(e),n="reference";return[this.renderReferenceHeader(),[0===s.length?this.renderNoLayersInfo(t.noReferenceLayers,n):null,this.renderList(s,n)]]}renderChildrenToggle(e,t){const{messagesCommon:i}=this,{children:s}=e,n=!!e.error,r=!!s.length&&!n,o={[M.childToggleOpen]:e.open},l=e.open?i.collapse:i.expand;return r?I("span",{onclick:this._toggleChildrenClick,onkeydown:this._toggleChildrenClick,"data-item":e,key:"toggle-children",class:this.classes(M.childToggle,o),tabindex:"0",role:"button","aria-controls":t,"aria-label":l,title:l},I("span",{"aria-hidden":"true",class:this.classes(M.childClosed,M.iconRightArrow)}),I("span",{"aria-hidden":"true",class:this.classes(M.childOpened,M.iconDownArrow)}),I("span",{"aria-hidden":"true",class:this.classes(M.childClosed_RTL,M.iconLeftArrow)})):null}renderItemMessage(e){return e.error?I("div",{key:"esri-basemap-layer-list__error",class:M.message,role:"alert"},I("span",{"aria-hidden":"true",class:M.iconNoticeTriangle}),this.messages.layerError):e.incompatible?I("div",{key:"esri-basemap-layer-list__incompatible",class:M.message,role:"alert"},I("span",{bind:this,tabIndex:0,"aria-hidden":"true",class:M.iconNoticeTriangle,afterCreate:t=>this._setTooltipReference(t,e)}),this.messages.layerIncompatible):null}renderActionsMenuIcon(e,t){const{messagesCommon:i}=this,s={[M.actionsMenuItemActive]:e.actionsOpen};return I("div",{key:"actions-menu-toggle","data-item":e,bind:this,onclick:this._toggleActionsOpen,onkeydown:this._toggleActionsOpen,class:this.classes(M.actionsMenuItem,s),tabindex:"0",role:"button","aria-controls":t,"aria-label":i.options,title:i.options},I("span",{"aria-hidden":"true",class:M.iconEllipses}))}renderActionsMenu(e,t,i,s){const{panel:n}=e,r=n&&n.visible?this.renderPanelButton(n):null,o=1===i&&this._getSingleActionButton(t),l=o?this.renderAction({item:e,action:o,singleAction:!0}):null,a=!o&&i?this.renderActionsMenuIcon(e,s):null;return a||r||o?I("div",{key:"actions-menu",class:M.actionsMenu},r,l,a):null}renderChildList(e,t){const{editingEnabled:i}=this,{visibilityMode:s,children:n}=e,r=this._hasChildren(e),o=!r&&i&&"group"===e.layer?.type,{exclusive:l,inherited:a}=O,c={[M.listExclusive]:s===l,[M.listInherited]:s===a,[M.listIndependent]:s!==a&&s!==l};return r||o?I("ul",{bind:this,key:"list-items",id:t,"data-group":e.uid,"data-item":e,afterCreate:this._sortNodeCreated,afterUpdate:this._sortNodeCreated,class:this.classes(M.list,c),"aria-expanded":e.open?"true":"false",role:i?"listbox":s===l?"radiogroup":"group",hidden:!e.open||null},n?.map((t=>this.renderItem({item:t,parent:e}))).toArray()):null}renderItemContent(e,t,i){const{id:s}=this,n=`${s}_${e.uid}`,r=`${n}_actions`,o=`${n}__list`,{panel:l}=e,a=this._filterActions(e.actionsSections),c=this._countActions(a);return[I("div",{key:"list-item-container",class:M.itemContainer},this.renderChildrenToggle(e,o),this.renderLabel(e,t,i),this.renderActionsMenu(e,a,c,r)),this.renderItemMessage(e),c?this.renderActionsSections(e,a,r):null,l&&l.open&&!l.disabled?l.render():null,this.renderChildList(e,o)]}renderItem({item:e,parent:t,itemType:i,isOnlyChild:s}){const{_newUI:n,id:r,editingEnabled:o,selectedItems:l}=this,a=`${`${r}_${e.uid}`}__title`,c=this._hasMessage(e),d=this._hasChildren(e),h={[M.itemChildren]:d,[M.itemMessage]:!!c,[M.itemInvisible]:n&&!e.visible,[M.itemInvisibleAtScale]:!e.visibleAtCurrentScale,[M.itemSelectable]:o};if(o){const n={[S]:e.layer?.uid};return I("li",{key:`item-with-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(M.item,h,{[M.itemOnlyChild]:!!s}),"aria-labelledby":a,onclick:this._toggleSelection,onkeydown:this._selectionKeydown,"data-item-type":i,"data-item":e,tabIndex:0,"aria-selected":m(e,l)?"true":"false",role:"option",...n},this.renderItemContent(e,t,a))}return I("li",{key:`item-no-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(M.item,h),"aria-labelledby":a},this.renderItemContent(e,t,a))}renderConnectionIcon(e){const{connectionStatus:t}=e;return null!=t?I("calcite-icon",{icon:"connected"===t?"check-circle":"offline",scale:"s"}):null}renderItemStatus(e,t){const{visibleElements:i}=this;if(!i.statusIndicators)return null;const{connectionStatus:s,publishing:n,updating:r}=e,o=r&&!t,l=!!s;return I("span",{class:this.classes({[M.statusIndicator]:!0,[M.publishing]:n,[M.updating]:o,[M.connectionStatus]:l,[M.connectionStatusConnected]:l&&"connected"===s}),key:"layer-item-status"},this.renderConnectionIcon(e))}renderItemTitle(e,t){const{messages:i}=this,s=e.title||i.untitledLayer,n=e.visibleAtCurrentScale?s:`${s} (${i.layerInvisibleAtScale})`;return I("span",{key:"layer-title-container",id:t,title:n,"aria-label":n,class:M.title},s)}renderItemToggleIcon(e,t){const{_newUI:i}=this,{exclusive:s}=O,n=t&&t.visibilityMode,r={[M.toggleVisibleIcon]:i,[M.toggleIcon]:i&&n!==s,[M.radioIcon]:i&&n===s,[M.iconRadioSelected]:n===s&&e.visible,[M.iconRadioUnselected]:n===s&&!e.visible,[M.iconVisible]:n!==s&&e.visible,[M.iconInvisible]:n!==s&&!e.visible};return I("span",{key:"item-toggle-icon",class:this.classes(r),"aria-hidden":"true"})}renderItemToggle(e,t,i){const{editingEnabled:s,messages:n}=this,{exclusive:r}=O,o=t&&t.visibilityMode,l=o===r?"radio":"switch";return I("span",s?{key:"item-toggle-selection-enabled",class:M.toggleVisible,bind:this,onclick:this._toggleVisibility,onkeydown:this._toggleVisibility,"data-item":e,"data-parent-visibility":o,tabIndex:0,"aria-checked":e.visible?"true":"false",title:n.layerVisibility,role:l,"aria-labelledby":i}:{key:"item-toggle",class:M.toggleVisible},this.renderItemToggleIcon(e,t))}renderLabel(e,t,i){const{editingEnabled:s,_newUI:n,messages:r}=this,{inherited:o,exclusive:l}=O,a=t?.visibilityMode,c=a===l?"radio":"switch",d=n?[this.renderItemTitle(e,i),this.renderItemStatus(e,t),this.renderItemToggle(e,t,i)]:[this.renderItemToggle(e,t,i),this.renderItemTitle(e,i),this.renderItemStatus(e,t)],h=I("div",s?{key:`item-label-no-selection-${e.uid}`,class:M.label}:{key:`item-label-with-selection-${e.uid}`,class:M.label,bind:this,onclick:this._toggleVisibility,onkeydown:this._toggleVisibility,"data-item":e,"data-parent-visibility":a,tabIndex:0,title:r.layerVisibility,"aria-checked":e.visible?"true":"false",role:c,"aria-labelledby":i},d);return a===o||e.error?I("div",{key:`item-label-container-${e.uid}`,class:M.label},this.renderItemTitle(e,i),this.renderItemStatus(e,t)):h}renderPanelButton(e){const{className:t,open:i,title:s,image:n,disabled:r}=e,o=n||t?t:M.iconDefaultAction,l=this._getIconImageStyles(e),a={[M.actionsMenuItemActive]:i&&!r},c={[M.actionImage]:!!l["background-image"],[M.disabledElement]:e.disabled};return o&&(c[o]=!!o),I("div",{"aria-disabled":e.disabled.toString(),key:`panel-${e.uid}`,bind:this,"data-panel":e,onclick:this._triggerPanel,onkeydown:this._triggerPanel,class:this.classes(M.actionsMenuItem,a),role:"button",tabindex:e.disabled?null:0,title:s,"aria-label":s},I("span",{class:this.classes(c),styles:l}))}renderActionsSections(e,t,i){const s=t.toArray().map(((t,i)=>I("ul",{key:`${e}-action-section-${i}`,class:M.actionsList},this.renderActionSection(e,t))));return I("div",{role:"group","aria-expanded":e.actionsOpen?"true":"false",key:"actions-section",id:i,class:M.actions,hidden:!e.actionsOpen||null},s)}renderActionSection(e,t){return(t&&t.toArray()).map((t=>this.renderAction({item:e,action:t})))}renderActionIcon(e){const{active:t,className:i}=e,s=this._getIconImageStyles(e),n="button"!==e.type||e.image||i?i:M.iconDefaultAction,r={[M.actionImage]:!t&&!!s["background-image"],[M.iconLoading]:t,[M.rotating]:t};return n&&!t&&(r[n]=!0),I("span",{key:"action-icon","aria-hidden":"true",class:this.classes(M.actionIcon,r),styles:s})}renderActionTitle(e,t){return t?null:I("span",{key:"action-title",class:M.actionTitle},e)}renderAction(e){const{item:t,action:i,singleAction:s}=e,{active:n,disabled:r,title:o}=i,l={[M.actionsMenuItem]:s&&"button"===i.type,[M.action]:n||!s&&"toggle"!==i.type,[M.actionToggle]:!n&&"toggle"===i.type,[M.actionToggleOn]:!n&&"toggle"===i.type&&i.value,[M.disabledElement]:r},a=[this.renderActionIcon(i),this.renderActionTitle(o,s)];return s?I("div",{bind:this,"data-item":t,"data-action":i,role:"button",key:`single-action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",title:o??void 0,"aria-label":o},a):I("li",{bind:this,"data-item":t,"data-action":i,key:`action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",role:"button",title:o??void 0,"aria-label":o},a)}_setVisibleItems(){const{referenceItems:e,baseItems:t,visibleElements:i}=this,s=e.concat(t);this.visibleItems=s?.filter((e=>!e.hidden&&(i.errors||!e.error)))}_setTooltipReference(e,t){this._tooltipReferenceMap.set(t.uid,e),this.scheduleRender()}_hasMessage(e){return!!e.error||e.incompatible}_hasChildren(e){return!!e.children.length&&!this._hasMessage(e)}_filterActions(e){return e.map((e=>e.filter((e=>e.visible))))}_destroyReferenceSortable(){const{_sortableReferenceLayers:e}=this;e?.el&&e.destroy(),this._sortableReferenceLayersNode=null}_destroyBaseSortable(){const{_sortableBaseLayers:e}=this;e?.el&&e.destroy(),this._sortableBaseLayersNode=null}_toggleEditingTitle(){const{_editingTitle:e}=this,t=!e;this._editingTitle=t,this._focusOnElement=t?"edit-input":"edit-button",this.scheduleRender()}_storeEditTitleInput(e){this._editTitleInput=e,this._focusEditElement()}_focusEditElement(){this._editTitleInput&&"edit-input"===this._focusOnElement&&(this._focusOnElement=null,this._editTitleInput.focus()),this._editTitleButton&&"edit-button"===this._focusOnElement&&(this._focusOnElement=null,this._editTitleButton.focus())}_storeEditTitleButton(e){this._editTitleButton=e,this._focusEditElement()}_formSubmit(e){e.preventDefault();const t=this._editTitleInput?.value;t?.trim()&&(this.basemapTitle=t),this._toggleEditingTitle()}_itemMovedList(e){const t=H(e.item);if(!t)return;const i=e.to.dataset.nodeRef,s=e.from.dataset.nodeRef,n=e.newIndex;this.viewModel.transferListItem({listItem:t,from:s,to:i,newIndex:n})}_toggleSortingBaseLayers(){const{_sortableBaseLayers:e,_sortableBaseLayersNode:t,editingEnabled:i}=this;if(!t)return;const s=!i;if(e)e.option("disabled",s);else{const e=v.create(t,{dataIdAttr:S,group:A,filter:`.${M.itemOnlyChild}`,fallbackTolerance:4,disabled:s,onSort:()=>this._sortLayersToItems({type:"base",itemIds:e.toArray()}),onAdd:e=>this._itemMovedList(e),chosenClass:M.sortableChosen});this._sortableBaseLayers=e}}_toggleSortingReferenceLayers(){const{_sortableReferenceLayers:e,_sortableReferenceLayersNode:t,editingEnabled:i}=this;if(!t)return;const s=!i;if(e)e.option("disabled",s);else{const e=v.create(t,{dataIdAttr:S,group:A,disabled:s,fallbackTolerance:4,onSort:()=>this._sortLayersToItems({type:"reference",itemIds:e.toArray()}),onAdd:e=>this._itemMovedList(e),chosenClass:M.sortableChosen});this._sortableReferenceLayers=e}}_toggleSorting(){this._toggleSortingBaseLayers(),this._toggleSortingReferenceLayers()}_sortNodeCreated(e){const t=e.getAttribute("data-node-ref");"base"===t&&(this._sortableBaseLayersNode=e),"reference"===t&&(this._sortableReferenceLayersNode=e),this._toggleSorting()}_getItems(e){return e.toArray().filter((e=>!e.hidden&&(this.visibleElements.errors||!e.error)))}_getSingleActionButton(e){return e.reduce((e=>e)).filter((e=>e&&"button"===e.type)).at(0)}_sortLayersToItems({type:e,itemIds:t}){const i="base"===e?this.get("view.map.basemap.baseLayers"):"reference"===e?this.get("view.map.basemap.referenceLayers"):null;i&&i.sort(((e,i)=>{const s=t.indexOf(e.uid),n=t.indexOf(i.uid);return s>n?-1:s<n?1:0}))}_focusListItem(e){const{_focusSortUid:t}=this;if(!e||!t)return;const i=H(e);i?.layer?.uid===t&&(e.focus(),this._focusSortUid=null)}_selectionKeydown(e){const t=["ArrowDown","ArrowUp"],s=i(e);if(!t.includes(s))return void this._toggleSelection(e);e.stopPropagation();const n=e.currentTarget,r=H(n),o=n.dataset.itemType,{_sortableBaseLayers:l,_sortableReferenceLayers:a,selectedItems:c}=this,d="base"===o?l:"reference"===o?a:null;if(!d||!r)return;const h=m(r,c),u=d.toArray(),g=e.target,p=u.indexOf(g.dataset[$]),{baseItems:b,referenceItems:_}=this.viewModel;if(-1!==p){if("ArrowDown"===s){const e=p+1,t=e>=u.length;if(t&&"reference"===o&&h){const e=b.length;return this.viewModel.transferListItem({listItem:r,from:"reference",to:"base",newIndex:e}),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if(t&&"reference"===o){const e=b.at(0);return this._focusSortUid=e?.layer?.uid,void this.scheduleRender()}if(t)return;return h&&(L(u,p,e),d.sort(u),this._sortLayersToItems({type:o,itemIds:d.toArray()})),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if("ArrowUp"===s){const e=p-1,t=e<0;if(t&&"base"===o&&h){if(1===b.length)return;const e=0;return this.viewModel.transferListItem({listItem:r,from:"base",to:"reference",newIndex:e}),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if(t&&"base"===o){const e=_.at(-1);return this._focusSortUid=e?.layer?.uid,void this.scheduleRender()}if(t)return;h&&(L(u,p,e),d.sort(u),this._sortLayersToItems({type:o,itemIds:d.toArray()})),this._focusSortUid=r.layer?.uid,this.scheduleRender()}}}_watchActionSectionChanges(e,t){this.handles.add(e.on("change",(()=>this.scheduleRender())),t),e.forEach((e=>this._renderOnActionChanges(e,t)))}_renderOnActionChanges(e,t){"toggle"!==e.type?"slider"!==e.type?this.handles.add([n((()=>[e.className,e.image,e.id,e.title,e.visible]),(()=>this.scheduleRender()),o)],t):this.handles.add([n((()=>[e.className,e.id,e.title,e.visible,e.value,e.displayValueEnabled,e.max,e.min,e.step]),(()=>this.scheduleRender()),o)],t):this.handles.add([n((()=>[e.className,e.image,e.id,e.title,e.visible,e.value]),(()=>this.scheduleRender()),o)],t)}_renderOnItemChanges(e,t){this.handles.add([n((()=>[e.actionsOpen,e.visible,e.open,e.updating,e.connectionStatus,e.publishing,e.title,e.visibleAtCurrentScale,e.error,e.visibilityMode,e.panel,e.panel?.title,e.panel?.content,e.panel?.className]),(()=>this.scheduleRender()),o),n((()=>[e.hidden,e.error]),(()=>this._setVisibleItems())),e.actionsSections.on("change",(()=>this.scheduleRender())),e.children.on("change",(()=>this.scheduleRender()))],t),e.children.forEach((e=>this._renderOnItemChanges(e,t))),e.actionsSections.forEach((e=>this._watchActionSectionChanges(e,t)))}_itemsChanged(e,t){this.handles.remove(t),this._tooltipReferenceMap.clear(),this._setVisibleItems(),e.forEach((e=>this._renderOnItemChanges(e,t))),this.scheduleRender()}_countActions(e){return e.reduce(((e,t)=>e+t.length),0)}_getIconImageStyles(e){const t="esri.widgets.LayerList.ListItemPanel"===e.declaredClass||"esri.support.Action.ActionButton"===e.declaredClass||"esri.support.Action.ActionToggle"===e.declaredClass?e.image:null;return{"background-image":t?`url("${t}")`:""}}_toggleActionsOpen(e){e.stopPropagation();const t=H(e.currentTarget);if(!t)return;const{actionsOpen:i}=t,s=!i,{baseItems:n,referenceItems:r}=this;s&&(n.forEach((e=>x(e))),r.forEach((e=>x(e)))),t.actionsOpen=s}_triggerPanel(e){e.stopPropagation();const t=V(e.currentTarget);t&&!t.disabled&&(t.open=!t.open)}_triggerAction(e){e.stopPropagation();const t=e.currentTarget,i=j(t),s=H(t);s&&i&&("toggle"===i.type&&(i.value=!i.value),this.triggerAction(i,s))}_toggleVisibility(e){e.stopPropagation();const t=e.currentTarget,i=t.getAttribute("data-parent-visibility"),s=H(t);s&&(i===O.exclusive&&s.visible||(s.visible=!s.visible))}_toggleChildrenClick(e){e.stopPropagation();const t=H(e.currentTarget);t&&(t.open=!t.open)}_toggleSelection(e){e.stopPropagation();const{multipleSelectionEnabled:t,selectedItems:i}=this,s=t&&(e.metaKey||e.ctrlKey),n=H(e.currentTarget);if(!n)return;const r=m(n,i),{length:o}=i;if(!s)return o&&!(r&&1===o)?(i.removeAll(),void i.add(n)):void(r?i.remove(r):i.add(n));r?i.remove(r):i.add(n)}get test(){return{visibleItems:this.visibleItems}}};function j(e){return e["data-action"]}function V(e){return e["data-panel"]}function H(e){return e["data-item"]}e([l()],N.prototype,"visibleItems",void 0),e([l()],N.prototype,"basemapTitle",null),e([l()],N.prototype,"baseListItemCreatedFunction",null),e([l()],N.prototype,"editingEnabled",void 0),e([l()],N.prototype,"headingLevel",void 0),e([l()],N.prototype,"iconClass",void 0),e([l()],N.prototype,"label",null),e([l(),y("esri/widgets/BasemapLayerList/t9n/BasemapLayerList")],N.prototype,"messages",void 0),e([l(),y("esri/t9n/common")],N.prototype,"messagesCommon",void 0),e([l()],N.prototype,"multipleSelectionEnabled",void 0),e([l()],N.prototype,"referenceListItemCreatedFunction",null),e([l({readOnly:!0})],N.prototype,"baseItems",null),e([l({readOnly:!0})],N.prototype,"referenceItems",null),e([l()],N.prototype,"selectedItems",void 0),e([l()],N.prototype,"view",null),e([f("trigger-action"),l({type:h})],N.prototype,"viewModel",void 0),e([l()],N.prototype,"visibleElements",void 0),e([a("visibleElements")],N.prototype,"castVisibleElements",null),e([_()],N.prototype,"_toggleActionsOpen",null),e([_()],N.prototype,"_triggerPanel",null),e([_()],N.prototype,"_triggerAction",null),e([_()],N.prototype,"_toggleVisibility",null),e([_()],N.prototype,"_toggleChildrenClick",null),e([_()],N.prototype,"_toggleSelection",null),N=e([c("esri.widgets.BasemapLayerList")],N);const P=N;export{P as default};
+import{_ as e}from"../chunks/tslib.es6.js";import t from"../core/Collection.js";import{eventKey as i}from"../core/events.js";import has from"../core/has.js";import{watch as s,on as n,initial as r}from"../core/reactiveUtils.js";import{property as o}from"../core/accessorSupport/decorators/property.js";import{cast as l}from"../core/accessorSupport/decorators/cast.js";import"../core/arrayUtils.js";import{subclass as a}from"../core/accessorSupport/decorators/subclass.js";import c from"./Widget.js";import d from"./BasemapLayerList/BasemapLayerListViewModel.js";import h from"./LayerList/ListItem.js";import{findSelectedItem as u}from"./LayerList/support/layerListUtils.js";import{loadCalciteComponents as m}from"./support/componentsUtils.js";import{Heading as g,incrementHeadingLevel as p}from"./support/Heading.js";import{accessibleHandler as b}from"./support/decorators/accessibleHandler.js";import{messageBundle as _}from"./support/decorators/messageBundle.js";import{vmEvent as y}from"./support/decorators/vmEvent.js";import{tsx as f}from"./support/jsxFactory.js";import"./support/widgetUtils.js";import I from"sortablejs";const v=t.ofType(h);function C(e,t,i){e.splice(i,0,e.splice(t,1)[0])}const L=".*\\S+.*",T="esri-basemaplayerlist-new-ui",w="root-layers",A="data-layer-uid",S="layerUid",$="esri-basemap-layer-list",E=`${$}__item`,k=`${$}__list`,R={base:`${$} esri-widget esri-widget--panel`,newUI:`${$}--new-ui`,titleContainer:`${$}__title-container`,mainHeading:`${$}__main-heading`,editingCard:`${$}__editing-card`,editingInput:`${$}__editing-input`,editingActions:`${$}__editing-actions`,editButton:`${$}__edit-button`,editButtonIcon:`${$}__edit-button-icon`,submitButton:`${$}__submit-button`,cancelButton:`${$}__cancel-button`,noItems:`${$}__no-items`,horizontalRule:`${$}__hr`,list:k,listHeading:`${k}-heading`,listRoot:`${k}--root`,listExclusive:`${k}--exclusive`,listInherited:`${k}--inherited`,listIndependent:`${k}--independent`,item:E,itemOnlyChild:`${E}--only-child`,itemContent:`${E}-content`,itemMessage:`${E}--has-message`,itemInvisible:`${E}--invisible`,itemInvisibleAtScale:`${E}--invisible-at-scale`,itemChildren:`${E}--has-children`,itemSelectable:`${E}--selectable`,itemContainer:`${E}-container`,actionsMenu:`${E}-actions-menu`,actionsMenuItem:`${E}-actions-menu-item`,actionsMenuItemActive:`${E}-actions-menu-item--active`,actions:`${E}-actions`,actionsList:`${E}-actions-list`,action:`${E}-action`,actionIcon:`${E}-action-icon`,actionImage:`${E}-action-image`,actionTitle:`${E}-action-title`,actionToggle:`${$}__action-toggle`,actionToggleOn:`${$}__action-toggle--on`,label:`${E}-label`,message:`${E}-message`,title:`${E}-title`,statusIndicator:`${$}__status-indicator`,publishing:`${$}__publishing`,updating:`${$}__updating`,connectionStatus:`${$}__connection-status`,connectionStatusConnected:`${$}__connection-status--connected`,toggleVisible:`${E}-toggle`,toggleVisibleIcon:`${E}-toggle-icon`,toggleIcon:`${E}-toggle-icon`,radioIcon:`${E}-radio-icon`,childToggle:`${$}__child-toggle`,childToggleOpen:`${$}__child-toggle--open`,childOpened:`${$}__child-toggle-icon--opened`,childClosed:`${$}__child-toggle-icon--closed`,childClosed_RTL:`${$}__child-toggle-icon--closed-rtl`,sortableChosen:`${$}--chosen`,button:"esri-button",buttonTertiary:"esri-button--tertiary",input:"esri-input",disabled:"esri-disabled",disabledElement:"esri-disabled-element",hidden:"esri-hidden",rotating:"esri-rotating",heading:"esri-widget__heading",iconEdit:"esri-icon-edit",iconCheckMark:"esri-icon-check-mark",iconClose:"esri-icon-close",iconEllipses:"esri-icon-handle-horizontal",iconVisible:"esri-icon-visible",iconInvisible:"esri-icon-non-visible",iconRadioSelected:"esri-icon-radio-checked",iconRadioUnselected:"esri-icon-radio-unchecked",iconNoticeTriangle:"esri-icon-notice-triangle",iconChildrenOpen:"esri-icon-down-arrow",iconDownArrow:"esri-icon-down-arrow",iconRightArrow:"esri-icon-right-triangle-arrow",iconLeftArrow:"esri-icon-left-triangle-arrow",iconLoading:"esri-icon-loading-indicator",iconDefaultAction:"esri-icon-default-action",widgetIcon:"esri-icon-layers"},M={actions:"actions",actionSection:"action-section",baseItems:"base-items",referenceItems:"reference-items"},B={exclusive:"exclusive",inherited:"inherited",independent:"independent"};function O(e){const{actionsOpen:t,children:i}=e;t&&(e.actionsOpen=!1),i.forEach((e=>O(e)))}const x={baseLayers:!0,referenceLayers:!0,statusIndicators:!0,errors:!1};let U=class extends c{constructor(e,t){super(e,t),this._tooltipReferenceMap=new Map,this._editingTitle=!1,this._editTitleInput=null,this._editTitleButton=null,this._focusOnElement=null,this._sortableBaseLayers=null,this._sortableReferenceLayers=null,this._sortableBaseLayersNode=null,this._sortableReferenceLayersNode=null,this._focusSortUid=null,this._newUI=has(T),this.visibleItems=null,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=R.widgetIcon,this.messages=null,this.messagesCommon=null,this.multipleSelectionEnabled=!1,this.selectedItems=new v,this.viewModel=new d,this.visibleElements={...x}}initialize(){const{baseItems:e,referenceItems:t}=this;this._setVisibleItems(),this.addHandles([s((()=>this.visibleElements),(()=>{this._itemsChanged(e,M.baseItems),this._itemsChanged(t,M.referenceItems)})),n((()=>this.baseItems),"change",(()=>{this._itemsChanged(e,M.baseItems)})),n((()=>this.referenceItems),"change",(()=>this._itemsChanged(t,M.referenceItems))),s((()=>this.editingEnabled),(()=>this._toggleSorting()),r)])}loadDependencies(){return m({icon:()=>import("@esri/calcite-components/dist/components/calcite-icon.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}destroy(){this._destroyBaseSortable(),this._destroyReferenceSortable(),this._tooltipReferenceMap.clear()}get basemapTitle(){return this.viewModel.basemapTitle}set basemapTitle(e){this.viewModel.basemapTitle=e}get baseListItemCreatedFunction(){return this.viewModel.baseListItemCreatedFunction}set baseListItemCreatedFunction(e){this.viewModel.baseListItemCreatedFunction=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get referenceListItemCreatedFunction(){return this.viewModel.referenceListItemCreatedFunction}set referenceListItemCreatedFunction(e){this.viewModel.referenceListItemCreatedFunction=e}get baseItems(){return this.viewModel.baseItems}get referenceItems(){return this.viewModel.referenceItems}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}castVisibleElements(e){return{...x,...e}}triggerAction(e,t){return this.viewModel.triggerAction(e,t)}render(){const{state:e}=this.viewModel,t={[R.newUI]:this._newUI,[R.hidden]:"loading"===e,[R.disabled]:"disabled"===e},i=this.renderItemTooltips(),s=this.renderReferenceSection(),n=this.renderBaseSection(),r=s&&n?f("hr",{class:R.horizontalRule}):null,o=[this.renderTitleContainer(),s,r,n];return f("div",{class:this.classes(R.base,t)},[i,o])}renderItemTooltip(e){const{_tooltipReferenceMap:t,messages:i}=this;return e?f("calcite-tooltip",{label:i.layerIncompatible,referenceElement:t.get(e.uid)},i.layerIncompatibleTooltip):null}renderItemTooltipNodes(e){const{incompatible:t,children:i}=e;return[t?this.renderItemTooltip(e):null,...!t&&i?i.toArray().map((e=>this.renderItemTooltipNodes(e))):[]]}renderItemTooltips(){return this.visibleItems?.toArray().map((e=>this.renderItemTooltipNodes(e)))??[]}renderEditingInput(){const{messages:e}=this,{basemapTitle:t}=this.viewModel;return f("label",{class:R.editingInput},e.basemapTitle,f("input",{bind:this,class:R.input,title:e.basemapTitle,"aria-label":e.basemapTitle,placeholder:e.basemapTitle,type:"text",role:"textbox",required:!0,pattern:L,value:t??void 0,afterCreate:this._storeEditTitleInput,afterUpdate:this._focusEditElement}))}renderCancelButton(){const{messagesCommon:e}=this;return f("button",{title:e.cancel,"aria-label":e.cancel,type:"button",bind:this,class:this.classes(R.button,R.buttonTertiary),onclick:this._toggleEditingTitle},e.cancel)}renderSubmitButton(){const{messagesCommon:e}=this;return f("button",{title:e.form.submit,"aria-label":e.form.submit,type:"submit",bind:this,class:R.button},e.form.ok)}renderEditingForm(){return f("div",{class:R.editingCard},f("form",{bind:this,onsubmit:this._formSubmit},this.renderEditingInput(),f("div",{class:R.editingActions},this.renderCancelButton(),this.renderSubmitButton())))}renderBasemapTitle(){const{basemapTitle:e}=this.viewModel;return f(g,{level:this.headingLevel,class:this.classes(R.heading,R.mainHeading)},e)}renderEditTitleButton(){const{_editingTitle:e,editingEnabled:t,messagesCommon:i}=this;return t&&!e?f("button",{bind:this,class:R.editButton,title:i.edit,"aria-label":i.edit,onclick:this._toggleEditingTitle,afterCreate:this._storeEditTitleButton,afterUpdate:this._focusEditElement,"data-node-ref":"_editButtonNode",type:"button"},f("span",{"aria-hidden":"true",class:this.classes(R.iconEdit,R.editButtonIcon)})):null}renderTitleContainer(){return f("div",{class:R.titleContainer},this._editingTitle?this.renderEditingForm():this.renderBasemapTitle(),this.renderEditTitleButton())}renderNoLayersInfo(e,t){return f("div",{key:t,class:R.noItems},e)}renderList(e,t){const{messages:i}=this,s="reference"===t?this._destroyReferenceSortable:this._destroyBaseSortable;return f("ul",{key:t,"aria-label":i.widgetLabel,role:this.editingEnabled&&e.length?"listbox":void 0,afterCreate:this._sortNodeCreated,afterRemoved:s,"data-node-ref":t,bind:this,class:this.classes(R.list,R.listRoot,R.listIndependent)},e.map((i=>this.renderItem({item:i,parent:null,itemType:t,isOnlyChild:1===e.length}))))}renderBaseHeader(){return f(g,{key:"base-heading",level:p(this.headingLevel),class:this.classes(R.heading,R.listHeading)},this.messages.baseHeading)}renderBaseSection(){const{baseItems:e,messages:t,visibleElements:i}=this;if(!i.baseLayers)return null;const s=this._getItems(e),n="base";return[this.renderBaseHeader(),[0===s.length?this.renderNoLayersInfo(t.noBaseLayers,n):null,this.renderList(s,n)]]}renderReferenceHeader(){return f(g,{key:"reference-heading",level:p(this.headingLevel),class:this.classes(R.heading,R.listHeading)},this.messages.referenceHeading)}renderReferenceSection(){const{referenceItems:e,messages:t,visibleElements:i}=this;if(!i.referenceLayers)return null;const s=this._getItems(e),n="reference";return[this.renderReferenceHeader(),[0===s.length?this.renderNoLayersInfo(t.noReferenceLayers,n):null,this.renderList(s,n)]]}renderChildrenToggle(e,t){const{messagesCommon:i}=this,{children:s}=e,n=!!e.error,r=!!s.length&&!n,o={[R.childToggleOpen]:e.open},l=e.open?i.collapse:i.expand;return r?f("span",{onclick:this._toggleChildrenClick,onkeydown:this._toggleChildrenClick,"data-item":e,key:"toggle-children",class:this.classes(R.childToggle,o),tabindex:"0",role:"button","aria-controls":t,"aria-label":l,title:l},f("span",{"aria-hidden":"true",class:this.classes(R.childClosed,R.iconRightArrow)}),f("span",{"aria-hidden":"true",class:this.classes(R.childOpened,R.iconDownArrow)}),f("span",{"aria-hidden":"true",class:this.classes(R.childClosed_RTL,R.iconLeftArrow)})):null}renderItemMessage(e){return e.error?f("div",{key:"esri-basemap-layer-list__error",class:R.message,role:"alert"},f("span",{"aria-hidden":"true",class:R.iconNoticeTriangle}),this.messages.layerError):e.incompatible?f("div",{key:"esri-basemap-layer-list__incompatible",class:R.message,role:"alert"},f("span",{bind:this,tabIndex:0,"aria-hidden":"true",class:R.iconNoticeTriangle,afterCreate:t=>this._setTooltipReference(t,e)}),this.messages.layerIncompatible):null}renderActionsMenuIcon(e,t){const{messagesCommon:i}=this,s={[R.actionsMenuItemActive]:e.actionsOpen};return f("div",{key:"actions-menu-toggle","data-item":e,bind:this,onclick:this._toggleActionsOpen,onkeydown:this._toggleActionsOpen,class:this.classes(R.actionsMenuItem,s),tabindex:"0",role:"button","aria-controls":t,"aria-label":i.options,title:i.options},f("span",{"aria-hidden":"true",class:R.iconEllipses}))}renderActionsMenu(e,t,i,s){const{panel:n}=e,r=n&&n.visible?this.renderPanelButton(n):null,o=1===i&&this._getSingleActionButton(t),l=o?this.renderAction({item:e,action:o,singleAction:!0}):null,a=!o&&i?this.renderActionsMenuIcon(e,s):null;return a||r||o?f("div",{key:"actions-menu",class:R.actionsMenu},r,l,a):null}renderChildList(e,t){const{editingEnabled:i}=this,{visibilityMode:s,children:n}=e,r=this._hasChildren(e),o=!r&&i&&"group"===e.layer?.type,{exclusive:l,inherited:a}=B,c={[R.listExclusive]:s===l,[R.listInherited]:s===a,[R.listIndependent]:s!==a&&s!==l};return r||o?f("ul",{bind:this,key:"list-items",id:t,"data-group":e.uid,"data-item":e,afterCreate:this._sortNodeCreated,afterUpdate:this._sortNodeCreated,class:this.classes(R.list,c),"aria-expanded":e.open?"true":"false",role:i?"listbox":s===l?"radiogroup":"group",hidden:!e.open||null},n?.map((t=>this.renderItem({item:t,parent:e}))).toArray()):null}renderItemContent(e,t,i){const{id:s}=this,n=`${s}_${e.uid}`,r=`${n}_actions`,o=`${n}__list`,{panel:l}=e,a=this._filterActions(e.actionsSections),c=this._countActions(a);return[f("div",{key:"list-item-container",class:R.itemContainer},this.renderChildrenToggle(e,o),this.renderLabel(e,t,i),this.renderActionsMenu(e,a,c,r)),this.renderItemMessage(e),c?this.renderActionsSections(e,a,r):null,l&&l.open&&!l.disabled?l.render():null,this.renderChildList(e,o)]}renderItem({item:e,parent:t,itemType:i,isOnlyChild:s}){const{_newUI:n,id:r,editingEnabled:o,selectedItems:l}=this,a=`${`${r}_${e.uid}`}__title`,c=this._hasMessage(e),d=this._hasChildren(e),h={[R.itemChildren]:d,[R.itemMessage]:!!c,[R.itemInvisible]:n&&!e.visible,[R.itemInvisibleAtScale]:!e.visibleAtCurrentScale,[R.itemSelectable]:o};if(o){const n={[A]:e.layer?.uid};return f("li",{key:`item-with-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(R.item,h,{[R.itemOnlyChild]:!!s}),"aria-labelledby":a,onclick:this._toggleSelection,onkeydown:this._selectionKeydown,"data-item-type":i,"data-item":e,tabIndex:0,"aria-selected":u(e,l)?"true":"false",role:"option",...n},this.renderItemContent(e,t,a))}return f("li",{key:`item-no-selection-${e.uid}`,bind:this,afterCreate:this._focusListItem,afterUpdate:this._focusListItem,class:this.classes(R.item,h),"aria-labelledby":a},this.renderItemContent(e,t,a))}renderConnectionIcon(e){const{connectionStatus:t}=e;return null!=t?f("calcite-icon",{icon:"connected"===t?"check-circle":"offline",scale:"s"}):null}renderItemStatus(e,t){const{visibleElements:i}=this;if(!i.statusIndicators)return null;const{connectionStatus:s,publishing:n,updating:r}=e,o=r&&!t,l=!!s;return f("span",{class:this.classes({[R.statusIndicator]:!0,[R.publishing]:n,[R.updating]:o,[R.connectionStatus]:l,[R.connectionStatusConnected]:l&&"connected"===s}),key:"layer-item-status"},this.renderConnectionIcon(e))}renderItemTitle(e,t){const{messages:i}=this,s=e.title||i.untitledLayer,n=e.visibleAtCurrentScale?s:`${s} (${i.layerInvisibleAtScale})`;return f("span",{key:"layer-title-container",id:t,title:n,"aria-label":n,class:R.title},s)}renderItemToggleIcon(e,t){const{_newUI:i}=this,{exclusive:s}=B,n=t&&t.visibilityMode,r={[R.toggleVisibleIcon]:i,[R.toggleIcon]:i&&n!==s,[R.radioIcon]:i&&n===s,[R.iconRadioSelected]:n===s&&e.visible,[R.iconRadioUnselected]:n===s&&!e.visible,[R.iconVisible]:n!==s&&e.visible,[R.iconInvisible]:n!==s&&!e.visible};return f("span",{key:"item-toggle-icon",class:this.classes(r),"aria-hidden":"true"})}renderItemToggle(e,t,i){const{editingEnabled:s,messages:n}=this,{exclusive:r}=B,o=t&&t.visibilityMode,l=o===r?"radio":"switch";return f("span",s?{key:"item-toggle-selection-enabled",class:R.toggleVisible,bind:this,onclick:this._toggleVisibility,onkeydown:this._toggleVisibility,"data-item":e,"data-parent-visibility":o,tabIndex:0,"aria-checked":e.visible?"true":"false",title:n.layerVisibility,role:l,"aria-labelledby":i}:{key:"item-toggle",class:R.toggleVisible},this.renderItemToggleIcon(e,t))}renderLabel(e,t,i){const{editingEnabled:s,_newUI:n,messages:r}=this,{inherited:o,exclusive:l}=B,a=t?.visibilityMode,c=a===l?"radio":"switch",d=n?[this.renderItemTitle(e,i),this.renderItemStatus(e,t),this.renderItemToggle(e,t,i)]:[this.renderItemToggle(e,t,i),this.renderItemTitle(e,i),this.renderItemStatus(e,t)],h=f("div",s?{key:`item-label-no-selection-${e.uid}`,class:R.label}:{key:`item-label-with-selection-${e.uid}`,class:R.label,bind:this,onclick:this._toggleVisibility,onkeydown:this._toggleVisibility,"data-item":e,"data-parent-visibility":a,tabIndex:0,title:r.layerVisibility,"aria-checked":e.visible?"true":"false",role:c,"aria-labelledby":i},d);return a===o||e.error?f("div",{key:`item-label-container-${e.uid}`,class:R.label},this.renderItemTitle(e,i),this.renderItemStatus(e,t)):h}renderPanelButton(e){const{className:t,open:i,title:s,image:n,disabled:r}=e,o=n||t?t:R.iconDefaultAction,l=this._getIconImageStyles(e),a={[R.actionsMenuItemActive]:i&&!r},c={[R.actionImage]:!!l["background-image"],[R.disabledElement]:e.disabled};return o&&(c[o]=!!o),f("div",{"aria-disabled":e.disabled.toString(),key:`panel-${e.uid}`,bind:this,"data-panel":e,onclick:this._triggerPanel,onkeydown:this._triggerPanel,class:this.classes(R.actionsMenuItem,a),role:"button",tabindex:e.disabled?null:0,title:s,"aria-label":s},f("span",{class:this.classes(c),styles:l}))}renderActionsSections(e,t,i){const s=t.toArray().map(((t,i)=>f("ul",{key:`${e}-action-section-${i}`,class:R.actionsList},this.renderActionSection(e,t))));return f("div",{role:"group","aria-expanded":e.actionsOpen?"true":"false",key:"actions-section",id:i,class:R.actions,hidden:!e.actionsOpen||null},s)}renderActionSection(e,t){return(t&&t.toArray()).map((t=>this.renderAction({item:e,action:t})))}renderActionIcon(e){const{active:t,className:i}=e,s=this._getIconImageStyles(e),n="button"!==e.type||e.image||i?i:R.iconDefaultAction,r={[R.actionImage]:!t&&!!s["background-image"],[R.iconLoading]:t,[R.rotating]:t};return n&&!t&&(r[n]=!0),f("span",{key:"action-icon","aria-hidden":"true",class:this.classes(R.actionIcon,r),styles:s})}renderActionTitle(e,t){return t?null:f("span",{key:"action-title",class:R.actionTitle},e)}renderAction(e){const{item:t,action:i,singleAction:s}=e,{active:n,disabled:r,title:o}=i,l={[R.actionsMenuItem]:s&&"button"===i.type,[R.action]:n||!s&&"toggle"!==i.type,[R.actionToggle]:!n&&"toggle"===i.type,[R.actionToggleOn]:!n&&"toggle"===i.type&&i.value,[R.disabledElement]:r},a=[this.renderActionIcon(i),this.renderActionTitle(o,s)];return s?f("div",{bind:this,"data-item":t,"data-action":i,role:"button",key:`single-action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",title:o??void 0,"aria-label":o},a):f("li",{bind:this,"data-item":t,"data-action":i,key:`action-${i.uid}`,onclick:this._triggerAction,onkeydown:this._triggerAction,classes:l,tabindex:"0",role:"button",title:o??void 0,"aria-label":o},a)}_setVisibleItems(){const{referenceItems:e,baseItems:t,visibleElements:i}=this,s=e.concat(t);this.visibleItems=s?.filter((e=>!e.hidden&&(i.errors||!e.error)))}_setTooltipReference(e,t){this._tooltipReferenceMap.set(t.uid,e),this.scheduleRender()}_hasMessage(e){return!!e.error||e.incompatible}_hasChildren(e){return!!e.children.length&&!this._hasMessage(e)}_filterActions(e){return e.map((e=>e.filter((e=>e.visible))))}_destroyReferenceSortable(){const{_sortableReferenceLayers:e}=this;e?.el&&e.destroy(),this._sortableReferenceLayersNode=null}_destroyBaseSortable(){const{_sortableBaseLayers:e}=this;e?.el&&e.destroy(),this._sortableBaseLayersNode=null}_toggleEditingTitle(){const{_editingTitle:e}=this,t=!e;this._editingTitle=t,this._focusOnElement=t?"edit-input":"edit-button",this.scheduleRender()}_storeEditTitleInput(e){this._editTitleInput=e,this._focusEditElement()}_focusEditElement(){this._editTitleInput&&"edit-input"===this._focusOnElement&&(this._focusOnElement=null,this._editTitleInput.focus()),this._editTitleButton&&"edit-button"===this._focusOnElement&&(this._focusOnElement=null,this._editTitleButton.focus())}_storeEditTitleButton(e){this._editTitleButton=e,this._focusEditElement()}_formSubmit(e){e.preventDefault();const t=this._editTitleInput?.value;t?.trim()&&(this.basemapTitle=t),this._toggleEditingTitle()}_itemMovedList(e){const t=V(e.item);if(!t)return;const i=e.to.dataset.nodeRef,s=e.from.dataset.nodeRef,n=e.newIndex;this.viewModel.transferListItem({listItem:t,from:s,to:i,newIndex:n})}_toggleSortingBaseLayers(){const{_sortableBaseLayers:e,_sortableBaseLayersNode:t,editingEnabled:i}=this;if(!t)return;const s=!i;if(e)e.option("disabled",s);else{const e=I.create(t,{dataIdAttr:A,group:w,filter:`.${R.itemOnlyChild}`,fallbackTolerance:4,disabled:s,onSort:()=>this._sortLayersToItems({type:"base",itemIds:e.toArray()}),onAdd:e=>this._itemMovedList(e),chosenClass:R.sortableChosen});this._sortableBaseLayers=e}}_toggleSortingReferenceLayers(){const{_sortableReferenceLayers:e,_sortableReferenceLayersNode:t,editingEnabled:i}=this;if(!t)return;const s=!i;if(e)e.option("disabled",s);else{const e=I.create(t,{dataIdAttr:A,group:w,disabled:s,fallbackTolerance:4,onSort:()=>this._sortLayersToItems({type:"reference",itemIds:e.toArray()}),onAdd:e=>this._itemMovedList(e),chosenClass:R.sortableChosen});this._sortableReferenceLayers=e}}_toggleSorting(){this._toggleSortingBaseLayers(),this._toggleSortingReferenceLayers()}_sortNodeCreated(e){const t=e.getAttribute("data-node-ref");"base"===t&&(this._sortableBaseLayersNode=e),"reference"===t&&(this._sortableReferenceLayersNode=e),this._toggleSorting()}_getItems(e){return e.toArray().filter((e=>!e.hidden&&(this.visibleElements.errors||!e.error)))}_getSingleActionButton(e){return e.reduce((e=>e)).filter((e=>e&&"button"===e.type)).at(0)}_sortLayersToItems({type:e,itemIds:t}){const i="base"===e?this.get("view.map.basemap.baseLayers"):"reference"===e?this.get("view.map.basemap.referenceLayers"):null;i&&i.sort(((e,i)=>{const s=t.indexOf(e.uid),n=t.indexOf(i.uid);return s>n?-1:s<n?1:0}))}_focusListItem(e){const{_focusSortUid:t}=this;if(!e||!t)return;const i=V(e);i?.layer?.uid===t&&(e.focus(),this._focusSortUid=null)}_selectionKeydown(e){const t=["ArrowDown","ArrowUp"],s=i(e);if(!t.includes(s))return void this._toggleSelection(e);e.stopPropagation();const n=e.currentTarget,r=V(n),o=n.dataset.itemType,{_sortableBaseLayers:l,_sortableReferenceLayers:a,selectedItems:c}=this,d="base"===o?l:"reference"===o?a:null;if(!d||!r)return;const h=u(r,c),m=d.toArray(),g=e.target,p=m.indexOf(g.dataset[S]),{baseItems:b,referenceItems:_}=this.viewModel;if(-1!==p){if("ArrowDown"===s){const e=p+1,t=e>=m.length;if(t&&"reference"===o&&h){const e=b.length;return this.viewModel.transferListItem({listItem:r,from:"reference",to:"base",newIndex:e}),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if(t&&"reference"===o){const e=b.at(0);return this._focusSortUid=e?.layer?.uid,void this.scheduleRender()}if(t)return;return h&&(C(m,p,e),d.sort(m),this._sortLayersToItems({type:o,itemIds:d.toArray()})),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if("ArrowUp"===s){const e=p-1,t=e<0;if(t&&"base"===o&&h){if(1===b.length)return;const e=0;return this.viewModel.transferListItem({listItem:r,from:"base",to:"reference",newIndex:e}),this._focusSortUid=r.layer?.uid,void this.scheduleRender()}if(t&&"base"===o){const e=_.at(-1);return this._focusSortUid=e?.layer?.uid,void this.scheduleRender()}if(t)return;h&&(C(m,p,e),d.sort(m),this._sortLayersToItems({type:o,itemIds:d.toArray()})),this._focusSortUid=r.layer?.uid,this.scheduleRender()}}}_watchActionSectionChanges(e,t){this.addHandles(e.on("change",(()=>this.scheduleRender())),t),e.forEach((e=>this._renderOnActionChanges(e,t)))}_renderOnActionChanges(e,t){"toggle"!==e.type?"slider"!==e.type?this.addHandles([s((()=>[e.className,e.image,e.id,e.title,e.visible]),(()=>this.scheduleRender()),r)],t):this.addHandles([s((()=>[e.className,e.id,e.title,e.visible,e.value,e.displayValueEnabled,e.max,e.min,e.step]),(()=>this.scheduleRender()),r)],t):this.addHandles([s((()=>[e.className,e.image,e.id,e.title,e.visible,e.value]),(()=>this.scheduleRender()),r)],t)}_renderOnItemChanges(e,t){this.addHandles([s((()=>[e.actionsOpen,e.visible,e.open,e.updating,e.connectionStatus,e.publishing,e.title,e.visibleAtCurrentScale,e.error,e.visibilityMode,e.panel,e.panel?.title,e.panel?.content,e.panel?.className]),(()=>this.scheduleRender()),r),s((()=>[e.hidden,e.error]),(()=>this._setVisibleItems())),e.actionsSections.on("change",(()=>this.scheduleRender())),e.children.on("change",(()=>this.scheduleRender()))],t),e.children.forEach((e=>this._renderOnItemChanges(e,t))),e.actionsSections.forEach((e=>this._watchActionSectionChanges(e,t)))}_itemsChanged(e,t){this.removeHandles(t),this._tooltipReferenceMap.clear(),this._setVisibleItems(),e.forEach((e=>this._renderOnItemChanges(e,t))),this.scheduleRender()}_countActions(e){return e.reduce(((e,t)=>e+t.length),0)}_getIconImageStyles(e){const t="esri.widgets.LayerList.ListItemPanel"===e.declaredClass||"esri.support.Action.ActionButton"===e.declaredClass||"esri.support.Action.ActionToggle"===e.declaredClass?e.image:null;return{"background-image":t?`url("${t}")`:""}}_toggleActionsOpen(e){e.stopPropagation();const t=V(e.currentTarget);if(!t)return;const{actionsOpen:i}=t,s=!i,{baseItems:n,referenceItems:r}=this;s&&(n.forEach((e=>O(e))),r.forEach((e=>O(e)))),t.actionsOpen=s}_triggerPanel(e){e.stopPropagation();const t=j(e.currentTarget);t&&!t.disabled&&(t.open=!t.open)}_triggerAction(e){e.stopPropagation();const t=e.currentTarget,i=N(t),s=V(t);s&&i&&("toggle"===i.type&&(i.value=!i.value),this.triggerAction(i,s))}_toggleVisibility(e){e.stopPropagation();const t=e.currentTarget,i=t.getAttribute("data-parent-visibility"),s=V(t);s&&(i===B.exclusive&&s.visible||(s.visible=!s.visible))}_toggleChildrenClick(e){e.stopPropagation();const t=V(e.currentTarget);t&&(t.open=!t.open)}_toggleSelection(e){e.stopPropagation();const{multipleSelectionEnabled:t,selectedItems:i}=this,s=t&&(e.metaKey||e.ctrlKey),n=V(e.currentTarget);if(!n)return;const r=u(n,i),{length:o}=i;if(!s)return o&&!(r&&1===o)?(i.removeAll(),void i.add(n)):void(r?i.remove(r):i.add(n));r?i.remove(r):i.add(n)}get test(){return{visibleItems:this.visibleItems}}};function N(e){return e["data-action"]}function j(e){return e["data-panel"]}function V(e){return e["data-item"]}e([o()],U.prototype,"visibleItems",void 0),e([o()],U.prototype,"basemapTitle",null),e([o()],U.prototype,"baseListItemCreatedFunction",null),e([o()],U.prototype,"editingEnabled",void 0),e([o()],U.prototype,"headingLevel",void 0),e([o()],U.prototype,"iconClass",void 0),e([o()],U.prototype,"label",null),e([o(),_("esri/widgets/BasemapLayerList/t9n/BasemapLayerList")],U.prototype,"messages",void 0),e([o(),_("esri/t9n/common")],U.prototype,"messagesCommon",void 0),e([o()],U.prototype,"multipleSelectionEnabled",void 0),e([o()],U.prototype,"referenceListItemCreatedFunction",null),e([o({readOnly:!0})],U.prototype,"baseItems",null),e([o({readOnly:!0})],U.prototype,"referenceItems",null),e([o()],U.prototype,"selectedItems",void 0),e([o()],U.prototype,"view",null),e([y("trigger-action"),o({type:d})],U.prototype,"viewModel",void 0),e([o()],U.prototype,"visibleElements",void 0),e([l("visibleElements")],U.prototype,"castVisibleElements",null),e([b()],U.prototype,"_toggleActionsOpen",null),e([b()],U.prototype,"_triggerPanel",null),e([b()],U.prototype,"_triggerAction",null),e([b()],U.prototype,"_toggleVisibility",null),e([b()],U.prototype,"_toggleChildrenClick",null),e([b()],U.prototype,"_toggleSelection",null),U=e([a("esri.widgets.BasemapLayerList")],U);const H=U;export{H as default};

package/widgets/Bookmarks/css.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-const o="esri-bookmarks",e=`${o}__authoring`,a=`${o}__bookmark`,i=`${o}__time-extent`,n={base:`${o} esri-widget--panel`,loaderContainer:`${o}__loader-container`,loader:`${o}__loader`,fadeIn:`${o}--fade-in`,bookmarkList:`${o}__list`,bookmarkListSortable:`${o}__list--sortable`,bookmark:a,bookmarkButton:`${a}-button`,bookmarkImageContainer:`${a}-image-container`,bookmarkImageContainerHasImage:`${a}-image-container--has-image`,bookmarkEditButtonContainer:`${a}-edit-button-container`,bookmarkEditButton:`${a}-edit-button`,bookmarkDragHandle:`${o}_bookmark-drag-handle`,bookmarkDragHandleIcon:`${o}_bookmark-drag-handle-icon`,bookmarkIcon:`${a}-icon`,bookmarkImage:`${o}__image`,bookmarkLabel:`${a}-label`,bookmarkName:`${a}-name`,bookmarkTimeExtent:`${a}-time-extent`,bookmarkActive:`${a}--active`,noBookmarksContainer:"esri-widget__content--empty",noBookmarksHeader:`${o}__no-bookmarks-heading`,noBookmarksIcon:"esri-widget__no-bookmark-icon",noBookmarksDescription:`${o}__no-bookmarks-description`,addingBookmark:`${o}__adding-bookmark`,addBookmark:`${o}__add-bookmark`,addBookmarkButton:`${o}__add-bookmark-button`,addBookmarkIcon:`${o}__add-bookmark-icon`,authoringCard:`${e}-card`,authoringContainer:`${e}-container`,authoringForm:`${e}-form`,authoringLabel:`${e}-label`,authoringLabelStartPadding:`${e}-label--start-padding`,authoringActions:`${e}-actions`,authoringInputInvalid:`${e}-input--invalid`,authoringDeleteButton:`${e}-delete-button`,authoringCancelButton:`${e}-cancel-button`,timeExtentContainer:`${i}-container`,timeExtent:i,timeExtentGroup:`${i}-group`,timeExtentDate:`${i}-date`,timeExtentTime:`${i}-time`,esriWidget:"esri-widget",esriWidgetDisabled:"esri-widget--disabled",esriButton:"esri-button",esriButtonTertiary:"esri-button--tertiary",esriInput:"esri-input",iconHandle:"esri-icon-handle-vertical",iconPlus:"esri-icon-plus",iconEdit:"esri-icon-edit",iconHandleHorizontal:"esri-icon-handle-horizontal",iconRefresh:"esri-icon-refresh",iconLink:"esri-icon-link",iconRemove:"esri-icon-erase",widgetIcon:"esri-icon-bookmark",header:"esri-widget__heading",loading:"esri-icon-loading-indicator",rotating:"esri-rotating"};export{n as CSS};
+const o="esri-bookmarks",a=`${o}__authoring`,e=`${o}__bookmark`,i=`${o}__time-extent`,n={base:`${o} esri-widget--panel`,loaderContainer:`${o}__loader-container`,loader:`${o}__loader`,fadeIn:`${o}--fade-in`,bookmarkList:`${o}__list`,bookmarkListSortable:`${o}__list--sortable`,bookmark:e,bookmarkButton:`${e}-button`,bookmarkImageContainer:`${e}-image-container`,bookmarkImageContainerHasImage:`${e}-image-container--has-image`,bookmarkEditButtonContainer:`${e}-edit-button-container`,bookmarkEditButton:`${e}-edit-button`,bookmarkDragHandle:`${o}_bookmark-drag-handle`,bookmarkDragHandleIcon:`${o}_bookmark-drag-handle-icon`,bookmarkIcon:`${e}-icon`,bookmarkImage:`${o}__image`,bookmarkLabel:`${e}-label`,bookmarkName:`${e}-name`,bookmarkTimeExtent:`${e}-time-extent`,bookmarkActive:`${e}--active`,noBookmarksContainer:"esri-widget__content--empty",noBookmarksHeader:`${o}__no-bookmarks-heading`,noBookmarksIcon:"esri-widget__no-bookmark-icon",noBookmarksDescription:`${o}__no-bookmarks-description`,addingBookmark:`${o}__adding-bookmark`,addBookmark:`${o}__add-bookmark`,addBookmarkButton:`${o}__add-bookmark-button`,addBookmarkIcon:`${o}__add-bookmark-icon`,authoringCard:`${a}-card`,authoringContainer:`${a}-container`,authoringForm:`${a}-form`,authoringFormAdding:`${a}-form--adding`,authoringLabel:`${a}-label`,authoringLabelStartPadding:`${a}-label--start-padding`,authoringActions:`${a}-actions`,authoringInputInvalid:`${a}-input--invalid`,authoringDeleteButton:`${a}-delete-button`,authoringCancelButton:`${a}-cancel-button`,timeExtentContainer:`${i}-container`,timeExtent:i,timeExtentGroup:`${i}-group`,timeExtentDate:`${i}-date`,timeExtentTime:`${i}-time`,esriWidget:"esri-widget",esriWidgetDisabled:"esri-widget--disabled",esriButton:"esri-button",esriButtonTertiary:"esri-button--tertiary",esriInput:"esri-input",iconHandle:"esri-icon-handle-vertical",iconPlus:"esri-icon-plus",iconEdit:"esri-icon-edit",iconHandleHorizontal:"esri-icon-handle-horizontal",iconRefresh:"esri-icon-refresh",iconLink:"esri-icon-link",iconRemove:"esri-icon-erase",widgetIcon:"esri-icon-bookmark",header:"esri-widget__heading",loading:"esri-icon-loading-indicator",rotating:"esri-rotating"};export{n as CSS};

package/widgets/Bookmarks.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as t}from"../chunks/tslib.es6.js";import{isSome as e}from"../core/arrayUtils.js";import{eventKey as o}from"../core/events.js";import{watch as s,initial as i,on as r}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import{cast as n}from"../core/accessorSupport/decorators/cast.js";import"../core/has.js";import{subclass as d}from"../core/accessorSupport/decorators/subclass.js";import{formatDate as l,convertDateFormatToIntlOptions as u}from"../intl/date.js";import{SlideThumbnail as m}from"../webdoc/support/SlideThumbnail.js";import k from"./Widget.js";import h from"./Bookmarks/BookmarksUserState.js";import c from"./Bookmarks/BookmarksViewModel.js";import{CSS as p}from"./Bookmarks/css.js";import b from"./FeatureTable/Grid/support/ButtonMenu.js";import _ from"./FeatureTable/Grid/support/ButtonMenuItem.js";import{loadCalciteComponents as g}from"./support/componentsUtils.js";import{Heading as B}from"./support/Heading.js";import{isActivationKey as f}from"./support/widgetUtils.js";import{messageBundle as v}from"./support/decorators/messageBundle.js";import{vmEvent as E}from"./support/decorators/vmEvent.js";import{tsx as I}from"./support/jsxFactory.js";import y from"sortablejs";function S(t,e,o){t.splice(o,0,t.splice(e,1)[0])}const w="bookmarks",T="data-bookmark-uid",A={addBookmark:!0,thumbnail:!0,time:!0},x=/^https:\/\/.*/i,U="esri.widgets.Bookmarks";let C=class extends k{constructor(t,e){super(t,e),this._tooltipReferenceMap=new Map,this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._addBookmarkButtonNode=null,this._focusAddBookmarkButton=!1,this._focusEditInputBox=!1,this._focusAddInputBox=!1,this._focusUrlEditInputBox=!1,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this._selectedSortUid=null,this._sortableSavedItems=[],this._editIncludeTimeExtent=void 0,this._userState=null,this.disabled=!1,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=p.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.messagesUnits=null,this.viewModel=new c,this.visibleElements={...A}}initialize(){this.addHandles([s((()=>this.viewModel?.bookmarks),(()=>this._bookmarksInitialized()),i),s((()=>this.editingEnabled),(()=>this._toggleSorting()),i)])}destroy(){this.removeAllHandles(),this._destroySortable(),this._editMenu.destroy(),this._tooltipReferenceMap.clear()}loadDependencies(){return g({label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),switch:()=>import("@esri/calcite-components/dist/components/calcite-switch.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}get _editMenuItems(){const{messages:t,_userState:o}=this,s=o?.editedBookmark?.thumbnail?.url;return[new _({label:t?.menu.refreshThumbnail,iconClass:p.iconRefresh,clickFunction:()=>this._refreshThumbnail()}),new _({label:s&&x.test(s)?t?.menu.editImageUrl:t?.menu.useImageUrl,iconClass:p.iconLink,clickFunction:()=>this._startUseImageUrl()}),s?new _({label:t?.menu.removeThumbnail,iconClass:p.iconRemove,clickFunction:()=>this._removeThumbnail()}):null].filter(e)}get _editMenu(){const{_editMenuItems:t,messages:e,disabled:o}=this,s=this._get("_editMenu");s&&s.destroy();const i=new b({disabled:o,iconClass:p.iconHandleHorizontal,label:e?.menu.label});return i.items=t,i}get defaultCreateOptions(){return this.viewModel.defaultCreateOptions}set defaultCreateOptions(t){this.viewModel.defaultCreateOptions=t}get defaultEditOptions(){return this.viewModel.defaultEditOptions}set defaultEditOptions(t){this.viewModel.defaultEditOptions=t}get bookmarks(){return this.viewModel.bookmarks}set bookmarks(t){this.viewModel.bookmarks=t}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(t){this.viewModel.goToOverride=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}castVisibleElements(t){return{...A,...t}}endAddBookmark(){this._userState=null}goTo(t){return this.viewModel.goTo(t)}render(){const{state:t}=this.viewModel,e="loading"===t?this.renderLoading():this.renderBookmarks();return I("div",{class:this.classes(p.base,p.esriWidget,{[p.esriWidgetDisabled]:this.disabled})},e)}startAddBookmark(){this._userState=new h({state:"add"}),this._focusAddInputBox=!0,this.scheduleRender()}renderBookmarkTooltips(t){return t.toArray().map((t=>this.renderBookmarkTooltip(t)))??[]}renderBookmarkTooltip(t){const{_tooltipReferenceMap:e,messagesCommon:o}=this,s=this._getBookmarkTitle(t),i=`${o?.dragHandleTitle} ${s}`;return t?I("calcite-tooltip",{key:`tooltip-${t.uid}`,label:i,referenceElement:e.get(t.uid)},i):null}renderLoading(){return I("div",{class:p.loaderContainer,key:"loader",tabIndex:this.disabled?-1:void 0},I("div",{class:p.loader}))}renderNoBookmarksContainer(){const{messages:t,disabled:e}=this;return I("div",{class:p.noBookmarksContainer,key:"no-bookmarks",tabIndex:e?-1:void 0},I("span",{"aria-hidden":"true",class:this.classes(p.noBookmarksIcon,p.widgetIcon)}),I(B,{level:this.headingLevel,class:this.classes(p.header,p.noBookmarksHeader)},t?.noBookmarksHeading),I("p",{class:p.noBookmarksDescription},t?.noBookmarksDescription))}renderAddBookmarkLoading(){return I("div",{key:"adding-bookmark",class:p.addingBookmark},I("span",{"aria-hidden":"true",class:this.classes(p.loading,p.rotating)}),this.messages?.addingBookmark)}renderBookmarkItems(t){if(!t)return[];const{_userState:e,editingEnabled:o}=this;return t.map((t=>o&&t&&e&&("edit"===e.state||"edit-thumbnail"===e.state)&&e.bookmark===t?"edit-thumbnail"===e.state?this.renderEditingBookmarkUrl(e.editedBookmark):this.renderEditingBookmark(e.editedBookmark):this.renderBookmark(t))).toArray()}renderBookmarksContainer(t){const{_userState:e,editingEnabled:o,disabled:s}=this,i="add"===e?.state,r=o&&!i?this.renderAddBookmarkButton():null,a=o?i&&e.loading?this.renderAddBookmarkLoading():"add"===e?.state?this.renderAddingBookmark():null:null;return[I("ul",{key:"bookmark-list","aria-label":this.messages?.widgetLabel,class:this.classes(p.bookmarkList,{[p.bookmarkListSortable]:this.editingEnabled}),afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"data-node-ref":"_sortableNode",bind:this,tabIndex:s?-1:void 0},this.renderBookmarkItems(t)),r,a]}renderAddBookmarkButton(){return this.visibleElements.addBookmark?I("div",{key:"add-bookmark-item",class:p.addBookmark},I("button",{class:this.classes(p.esriButton,p.esriButtonTertiary,p.addBookmarkButton),disabled:this.disabled,onclick:this.startAddBookmark,afterCreate:this._storeAddBookmarkButton,afterUpdate:this._storeAddBookmarkButton,"data-node-ref":"_addBookmarkButtonNode",bind:this,type:"button"},I("span",{"aria-hidden":"true",class:this.classes(p.addBookmarkIcon,p.iconPlus)}),this.messages?.addBookmark)):null}renderBookmarks(){const{bookmarks:t}=this.viewModel,e=t&&t.filter(Boolean),o=e&&e.length,s=o||this.editingEnabled?this.renderBookmarksContainer(e):null;return[o?null:this.renderNoBookmarksContainer(),s,this.renderBookmarkTooltips(t)]}renderEditContainer(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t);return I("div",{class:p.bookmarkEditButtonContainer,key:"edit-container"},I("button",{disabled:o,title:`${e?.edit} ${s}`,"aria-label":`${e?.edit} ${s}`,"data-bookmark":t,onclick:this._showEditBookmarkForm,bind:this,class:p.bookmarkEditButton,type:"button"},I("span",{"aria-hidden":"true",class:p.iconEdit})))}renderDragHandle(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t),i={[T]:t.uid};return I("div",{role:"button",tabIndex:o?-1:0,key:"drag-handle",bind:this,class:p.bookmarkDragHandle,onkeydown:this._dragHandleKeydown,"data-bookmark":t,afterCreate:this._focusDragHandle,afterUpdate:this._focusDragHandle,onblur:this._dragHandleBlur,"aria-pressed":this._selectedSortUid===t.uid?"true":"false","aria-label":`${e?.dragHandleTitle} ${s}`,...i},I("span",{"aria-hidden":"true",class:this.classes(p.bookmarkDragHandleIcon,p.iconHandle)}))}renderBookmarkImageIcon(){return I("span",{"aria-hidden":"true",class:this.classes(p.bookmarkIcon,p.widgetIcon)})}renderBookmarkImage(t){const{visibleElements:e}=this,{thumbnail:o}=t,s=o&&o.url||"";return e.thumbnail&&s?I("img",{src:s,alt:"",class:p.bookmarkImage}):null}renderBookmarkTimeSwitch(t){const{messages:e,disabled:o}=this,{timeExtent:s}=t,{view:i}=this.viewModel;return i?.timeExtent??s?I("calcite-label",{layout:"inline-space-between"},e?.includeTimeExtent,I("calcite-switch",{scale:"s",disabled:o,checked:!!s,onCalciteSwitchChange:t=>{const e=t.currentTarget;this._editIncludeTimeExtent=!!e.checked}})):null}renderBookmarkTimeExtent(t){const{visibleElements:e}=this,{timeExtent:o}=t;return o?I("span",{class:p.timeExtent},[null!=o.start&&I("span",{key:"start-date-group",class:p.timeExtentGroup},I("span",{key:"start-date",class:p.timeExtentDate},this._formatDate(o.start)),e.time&&I("span",{key:"start-time",class:p.timeExtentTime},this._formatTime(o.start))),null!=o.end&&(null==o.start||o.start.getTime()!==o.end.getTime())&&I("span",{key:"end-date-group",class:p.timeExtentGroup},I("span",{key:"end-date",class:p.timeExtentDate},this._formatDate(o.end)),e.time&&I("span",{key:"end-time",class:p.timeExtentTime},this._formatTime(o.end)))]):null}renderBookmarkButton(t){const{disabled:e}=this,{timeExtent:o}=t,{capabilities:s}=this.viewModel,i=this._getBookmarkTitle(t),{thumbnail:r}=t,a=I("div",{class:this.classes(p.bookmarkImageContainer,r&&r.url?p.bookmarkImageContainerHasImage:null)},this.renderBookmarkImage(t)||this.renderBookmarkImageIcon()),n=s.time&&o?I("span",{key:"time-extent",class:p.bookmarkTimeExtent},this.renderBookmarkTimeExtent(t)):null;return I("button",{disabled:e,key:"bookmark-button",class:p.bookmarkButton,bind:this,"data-bookmark":t,onclick:this._goToBookmark,type:"button"},a,I("div",{class:p.bookmarkLabel},I("span",{key:"bookmark-title",class:p.bookmarkName},i),n))}renderBookmark(t){const{activeBookmark:e}=this.viewModel,o={[p.bookmarkActive]:e===t},s=this.editingEnabled?this.renderEditContainer(t):null,i={[T]:t.uid},r=this.editingEnabled?this.renderDragHandle(t):null;return I("li",{key:t,class:this.classes(p.bookmark,o),...i},r,this.renderBookmarkButton(t),s)}renderEditingBookmarkName(t){const{messages:e,_userState:o,disabled:s}=this,i="name-required"===o?.validationState;return I("label",{class:this.classes({[p.authoringLabel]:!0,[p.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},e?.title,i?I("strong",null,e?.invalidTitle):null,I("input",{required:!0,disabled:s,bind:this,class:this.classes(p.esriInput,i?p.authoringInputInvalid:null),type:"text",value:t.name,afterCreate:this._storeEditInput,afterUpdate:this._focusEditInput,"data-bookmark":t,"data-node-ref":"_editInputNode",placeholder:e?.titlePlaceholder}))}renderEditingBookmarkUrlActions(){const{messagesCommon:t,disabled:e}=this;return I("div",{class:p.authoringActions},I("input",{type:"button",disabled:e,value:t?.back,class:this.classes(p.esriButton,p.esriButtonTertiary),onclick:this._closeUrlEditBookmarkForm,bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.add}))}renderEditingBookmarkActions(){const{messagesCommon:t,disabled:e}=this,o=this._userState?.bookmark;return I("div",{class:p.authoringActions},I("input",{type:"button",disabled:e,value:t?.delete,class:this.classes(p.esriButton,p.esriButtonTertiary,p.authoringDeleteButton),"data-bookmark":o,onclick:this._deleteBookmark,bind:this}),I("input",{disabled:e,type:"button",value:t?.cancel,class:this.classes(p.esriButton,p.esriButtonTertiary),onclick:this._closeEditBookmarkForm,bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.save}))}renderEditingBookmarkUrlInput(t){const{messages:e,_userState:o,disabled:s}=this,i=t.thumbnail?.url,r=i&&x.test(i)?i:void 0,a="absolute-url-required"===o?.validationState;return I("label",{class:this.classes({[p.authoringLabel]:!0,[p.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},a?I("strong",null,e?.invalidImageUrl):null,I("input",{required:!0,disabled:s,bind:this,class:this.classes(p.esriInput,a?p.authoringInputInvalid:null),type:"text",value:r,afterCreate:this._storeUrlEditInput,afterUpdate:this._focusUrlEditInput,"data-bookmark":t,"data-node-ref":"_urlEditInputNode",title:e?.imageUrlTooltip,placeholder:e?`https://<${e.imageUrlPlaceholder}>`:void 0}))}renderEditingBookmarkUrl(t){if(!t)return null;const e={[T]:t.uid};return I("li",{key:"edit-bookmark-url-form",class:p.authoringCard,...e},I("form",{class:p.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkUrlSubmit,bind:this},this.renderEditingBookmarkUrlInput(t),this.renderEditingBookmarkUrlActions()))}renderEditingBookmark(t){if(!t)return null;const e={[T]:t.uid},{capabilities:o}=this.viewModel,s=o.time?I("div",{key:"edit-bookmark-time-container",class:p.timeExtentContainer},this.renderBookmarkTimeSwitch(t),this._editIncludeTimeExtent&&this.renderBookmarkTimeExtent(t)):null;return I("li",{key:"edit-bookmark-form",class:p.authoringCard,...e},I("form",{class:p.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkSubmit,bind:this},I("div",{class:p.authoringContainer},this.visibleElements.thumbnail?I("div",{class:p.bookmarkImageContainer},this.renderBookmarkImage(t),this._editMenu.render()):null,this.renderEditingBookmarkName(t)),s,this.renderEditingBookmarkActions()))}renderAddingBookmarkName(){const{_userState:t,messages:e,disabled:o}=this,s="name-required"===t?.validationState;return I("label",{class:this.classes({[p.authoringLabel]:!0,[p.authoringLabelStartPadding]:!0})},e?.title,s?I("strong",null,e?.invalidTitle):null,I("input",{required:!0,disabled:o,bind:this,class:this.classes(p.esriInput,s?p.authoringInputInvalid:null),type:"text",afterCreate:this._storeAddInput,afterUpdate:this._focusAddInput,"data-node-ref":"_addInputNode",value:"",placeholder:e?.titlePlaceholder}))}renderAddingBookmarkActions(){const{messagesCommon:t,disabled:e}=this;return I("div",{class:this.classes(p.authoringActions)},I("input",{type:"button",disabled:e,value:t?.cancel,class:this.classes(p.esriButton,p.esriButtonTertiary,p.authoringCancelButton),onclick:this._endAddBookmark.bind(this),bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.add}))}renderAddingBookmark(){return I("div",{key:"add-bookmark-form",class:p.authoringCard},I("form",{class:p.authoringForm,onsubmit:this._addBookmarkSubmit,bind:this},this.renderAddingBookmarkName(),this.renderAddingBookmarkActions()))}_setTooltipReference(t,e){this._tooltipReferenceMap.set(e.uid,t),this.scheduleRender()}_getBookmarkTitle(t){return(t?.name||this.messagesCommon?.untitled)??""}_formatDate(t){return t?l(t,u("short-date")):""}_formatTime(t){return t?l(t,u("long-time")):""}_dragHandleBlur(){this._selectedSortUid=null,this.scheduleRender()}_dragHandleKeydown(t){const{_sortableSavedItems:e}=this,s=["ArrowDown","ArrowUp","Escape","Tab"," ","Enter"],i=o(t);if(!s.includes(i))return;const{_sortable:r,_selectedSortUid:a}=this;if(!r)return;const n=r.toArray(),d=t.target.getAttribute(T),l=n.indexOf(d);if(f(i)){const t=a&&a===d;return this._selectedSortUid=t?null:d,this._sortableSavedItems=t?[]:r.toArray(),void this.scheduleRender()}if("Tab"===i)return this._selectedSortUid=null,void this.scheduleRender();if("Escape"===i&&0!==e.length)return t.stopPropagation(),this._selectedSortUid=null,this._updateSortItems(e,r,d),void this.scheduleRender();if(-1===l||!a)return;const u="ArrowUp"===i?l-1:l+1;u>=n.length||u<=-1||(S(n,l,u),this._updateSortItems(n,r,d))}_updateSortItems(t,e,o){e.sort(t),this._sortBookmarks(e),this._focusSortUid=o,this._selectedSortUid=o}_focusDragHandle(t){const e=M(t);if(!e)return;this._setTooltipReference(t,e);const{_focusSortUid:o}=this;if(!t||!o)return;t.getAttribute(T)===o&&(t.focus(),this._focusSortUid=null)}_toggleSorting(){const{_sortable:t,_sortableNode:e,editingEnabled:o,disabled:s}=this;if(e)if(t)t.option("disabled",s||!o);else{const t=y.create(e,{dataIdAttr:T,handle:`.${p.bookmarkDragHandle}`,group:w,disabled:s||!o,onSort:()=>this._sortBookmarks(t)});this._sortable=t}}_sortNodeCreated(t){this._sortableNode=t,this._toggleSorting()}_sortBookmarks(t){const{bookmarks:e}=this.viewModel;if(!e)return;const o=t.toArray();e.sort(((t,e)=>{const s=o.indexOf(t.uid),i=o.indexOf(e.uid);return s>i?1:s<i?-1:0}))}_destroySortable(){const{_sortable:t}=this;t&&t.destroy(),this._sortable=null}_endAddBookmark(){this._focusAddBookmarkButton=!0,this.endAddBookmark()}_bookmarksInitialized(){const t="bookmarks-init";this.removeHandles(t),this.addHandles(r((()=>this.viewModel?.bookmarks),"change",(()=>this._bookmarksChanged())),t)}_bookmarksChanged(){const t="bookmarks-change",{bookmarks:e}=this.viewModel;this.removeHandles(t);const o=e.map((t=>s((()=>[t?.name,t?.thumbnail?.url]),(()=>this.scheduleRender()))));this.addHandles(o.toArray(),t),this.scheduleRender()}_showEditBookmarkForm(t){const e=M(t.currentTarget);e&&(this._editIncludeTimeExtent=!!e.timeExtent,this._focusEditInputBox=!0,this._userState=new h({bookmark:e,state:"edit"}),this.viewModel.goTo(e),this.scheduleRender())}_closeUrlEditBookmarkForm(){this._focusEditInputBox=!0,this._userState&&(this._userState.state="edit")}_closeEditBookmarkForm(){this._userState=null}_addBookmarkSubmit(t){t.preventDefault();const{_addInputNode:e,_userState:o}=this;if(!o)return;const s=e?e.value.trim():null;s?(o.loading=!0,this.viewModel.createBookmark().then((t=>{t.name=s,this.viewModel.bookmarks.add(t),this._endAddBookmark()}))):o.validationState="name-required"}async _editBookmarkAndClose(t,e){const{viewModel:o}=this;await o.editBookmark(t,{...o.defaultEditOptions,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();const{_editInputNode:e,_userState:o,_editIncludeTimeExtent:s}=this;if(!o?.bookmark||!o.editedBookmark)return;const i=e&&e.value.trim();i?(o.bookmark.name=i,o.bookmark.thumbnail=o.editedBookmark.thumbnail,s||(o.bookmark.timeExtent=null),this._editBookmarkAndClose(o.bookmark,{takeScreenshot:!1,captureTimeExtent:s})):o.validationState="name-required"}_storeAddBookmarkButton(t){this._addBookmarkButtonNode=t,this._focusAddBookmark()}_storeEditInput(t){this._editInputNode=t,this._focusEditInput()}_storeAddInput(t){this._addInputNode=t,this._focusAddInput()}_storeUrlEditInput(t){this._urlEditInputNode=t,this._focusUrlEditInput()}_focusUrlEditInput(){this._urlEditInputNode&&this._focusUrlEditInputBox&&(this._focusUrlEditInputBox=!1,this._urlEditInputNode.focus())}_focusAddInput(){this._addInputNode&&this._focusAddInputBox&&(this._focusAddInputBox=!1,this._addInputNode.focus())}_focusAddBookmark(){this._addBookmarkButtonNode&&this._focusAddBookmarkButton&&(this._focusAddBookmarkButton=!1,this._addBookmarkButtonNode.focus())}_focusEditInput(){this._editInputNode&&this._focusEditInputBox&&(this._focusEditInputBox=!1,this._editInputNode.focus())}_deleteBookmark(t){const e=M(t.currentTarget);e&&this.viewModel.bookmarks.remove(e)}_goToBookmark(t){const e=M(t.currentTarget);e&&(this.endAddBookmark(),this._closeEditBookmarkForm(),this.viewModel.goTo(e))}async _refreshThumbnail(){const{_userState:t,_editMenu:e,viewModel:o}=this;t&&(t.validationState=void 0,await o.editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}),e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_removeThumbnail(){const{_userState:t,_editMenu:e}=this;t?.editedBookmark&&(t.editedBookmark.thumbnail=null,t.validationState=void 0,e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_startUseImageUrl(){this._userState&&(this._userState.state="edit-thumbnail"),this._editMenu.open=!1,this._focusUrlEditInputBox=!0,this.scheduleRender()}_editBookmarkUrlSubmit(t){t.preventDefault();const{_urlEditInputNode:e,_userState:o}=this;if(!e||!o)return;const s=e.value;x.test(s)?(s&&o.editedBookmark&&(o.editedBookmark.thumbnail=new m({url:s})),this._closeUrlEditBookmarkForm()):o.validationState="absolute-url-required"}};function M(t){return t["data-bookmark"]}t([a()],C.prototype,"_editIncludeTimeExtent",void 0),t([a({type:h})],C.prototype,"_userState",void 0),t([a({readOnly:!0})],C.prototype,"_editMenuItems",null),t([a({readOnly:!0})],C.prototype,"_editMenu",null),t([a()],C.prototype,"defaultCreateOptions",null),t([a()],C.prototype,"defaultEditOptions",null),t([a()],C.prototype,"bookmarks",null),t([a()],C.prototype,"disabled",void 0),t([a()],C.prototype,"editingEnabled",void 0),t([a()],C.prototype,"headingLevel",void 0),t([a()],C.prototype,"goToOverride",null),t([a()],C.prototype,"iconClass",void 0),t([a()],C.prototype,"icon",void 0),t([a()],C.prototype,"label",null),t([a(),v("esri/widgets/Bookmarks/t9n/Bookmarks")],C.prototype,"messages",void 0),t([a(),v("esri/t9n/common")],C.prototype,"messagesCommon",void 0),t([a(),v("esri/core/t9n/Units")],C.prototype,"messagesUnits",void 0),t([a()],C.prototype,"uiStrings",void 0),t([a()],C.prototype,"view",null),t([a({type:c}),E(["select-bookmark","bookmark-edit","bookmark-select"])],C.prototype,"viewModel",void 0),t([a()],C.prototype,"visibleElements",void 0),t([n("visibleElements")],C.prototype,"castVisibleElements",null),t([a()],C.prototype,"endAddBookmark",null),t([a()],C.prototype,"startAddBookmark",null),C=t([d(U)],C);const N=C;export{N as default};
+import{_ as t}from"../chunks/tslib.es6.js";import{isSome as e}from"../core/arrayUtils.js";import{eventKey as o}from"../core/events.js";import{watch as s,initial as i,on as r}from"../core/reactiveUtils.js";import{property as a}from"../core/accessorSupport/decorators/property.js";import{cast as n}from"../core/accessorSupport/decorators/cast.js";import"../core/has.js";import{subclass as d}from"../core/accessorSupport/decorators/subclass.js";import{formatDate as l,convertDateFormatToIntlOptions as u}from"../intl/date.js";import{SlideThumbnail as m}from"../webdoc/support/SlideThumbnail.js";import k from"./Widget.js";import h from"./Bookmarks/BookmarksUserState.js";import c from"./Bookmarks/BookmarksViewModel.js";import{CSS as p}from"./Bookmarks/css.js";import b from"./FeatureTable/Grid/support/ButtonMenu.js";import _ from"./FeatureTable/Grid/support/ButtonMenuItem.js";import{loadCalciteComponents as g}from"./support/componentsUtils.js";import{Heading as B}from"./support/Heading.js";import{isActivationKey as f}from"./support/widgetUtils.js";import{messageBundle as v}from"./support/decorators/messageBundle.js";import{vmEvent as E}from"./support/decorators/vmEvent.js";import{tsx as I}from"./support/jsxFactory.js";import y from"sortablejs";function S(t,e,o){t.splice(o,0,t.splice(e,1)[0])}const w="bookmarks",T="data-bookmark-uid",A={addBookmark:!0,thumbnail:!0,time:!0},x=/^https:\/\/.*/i,U="esri.widgets.Bookmarks";let C=class extends k{constructor(t,e){super(t,e),this._tooltipReferenceMap=new Map,this._addInputNode=null,this._editInputNode=null,this._urlEditInputNode=null,this._addBookmarkButtonNode=null,this._focusAddBookmarkButton=!1,this._focusEditInputBox=!1,this._focusAddInputBox=!1,this._focusUrlEditInputBox=!1,this._sortable=null,this._sortableNode=null,this._focusSortUid=null,this._selectedSortUid=null,this._sortableSavedItems=[],this._editIncludeTimeExtent=void 0,this._userState=null,this.disabled=!1,this.editingEnabled=!1,this.headingLevel=2,this.iconClass=p.widgetIcon,this.icon=null,this.messages=null,this.messagesCommon=null,this.messagesUnits=null,this.viewModel=new c,this.visibleElements={...A}}initialize(){this.addHandles([s((()=>this.viewModel?.bookmarks),(()=>this._bookmarksInitialized()),i),s((()=>this.editingEnabled),(()=>this._toggleSorting()),i)])}destroy(){this.removeAllHandles(),this._destroySortable(),this._editMenu.destroy(),this._tooltipReferenceMap.clear()}loadDependencies(){return g({label:()=>import("@esri/calcite-components/dist/components/calcite-label.js"),switch:()=>import("@esri/calcite-components/dist/components/calcite-switch.js"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip.js")})}get _editMenuItems(){const{messages:t,_userState:o}=this,s=o?.editedBookmark?.thumbnail?.url;return[new _({label:t?.menu.refreshThumbnail,iconClass:p.iconRefresh,clickFunction:()=>this._refreshThumbnail()}),new _({label:s&&x.test(s)?t?.menu.editImageUrl:t?.menu.useImageUrl,iconClass:p.iconLink,clickFunction:()=>this._startUseImageUrl()}),s?new _({label:t?.menu.removeThumbnail,iconClass:p.iconRemove,clickFunction:()=>this._removeThumbnail()}):null].filter(e)}get _editMenu(){const{_editMenuItems:t,messages:e,disabled:o}=this,s=this._get("_editMenu");s&&s.destroy();const i=new b({disabled:o,iconClass:p.iconHandleHorizontal,label:e?.menu.label});return i.items=t,i}get defaultCreateOptions(){return this.viewModel.defaultCreateOptions}set defaultCreateOptions(t){this.viewModel.defaultCreateOptions=t}get defaultEditOptions(){return this.viewModel.defaultEditOptions}set defaultEditOptions(t){this.viewModel.defaultEditOptions=t}get bookmarks(){return this.viewModel.bookmarks}set bookmarks(t){this.viewModel.bookmarks=t}get goToOverride(){return this.viewModel.goToOverride}set goToOverride(t){this.viewModel.goToOverride=t}get label(){return this.messages?.widgetLabel??""}set label(t){this._overrideIfSome("label",t)}get view(){return this.viewModel.view}set view(t){this.viewModel.view=t}castVisibleElements(t){return{...A,...t}}endAddBookmark(){this._userState=null}goTo(t){return this.viewModel.goTo(t)}render(){const{state:t}=this.viewModel,e="loading"===t?this.renderLoading():this.renderBookmarks();return I("div",{class:this.classes(p.base,p.esriWidget,{[p.esriWidgetDisabled]:this.disabled})},e)}startAddBookmark(){this._userState=new h({state:"add"}),this._focusAddInputBox=!0,this.scheduleRender()}renderBookmarkTooltips(t){return t.toArray().map((t=>this.renderBookmarkTooltip(t)))??[]}renderBookmarkTooltip(t){const{_tooltipReferenceMap:e,messagesCommon:o}=this,s=this._getBookmarkTitle(t),i=`${o?.dragHandleTitle} ${s}`;return t?I("calcite-tooltip",{key:`tooltip-${t.uid}`,label:i,referenceElement:e.get(t.uid)},i):null}renderLoading(){return I("div",{class:p.loaderContainer,key:"loader",tabIndex:this.disabled?-1:void 0},I("div",{class:p.loader}))}renderNoBookmarksContainer(){const{messages:t,disabled:e}=this;return I("div",{class:p.noBookmarksContainer,key:"no-bookmarks",tabIndex:e?-1:void 0},I("span",{"aria-hidden":"true",class:this.classes(p.noBookmarksIcon,p.widgetIcon)}),I(B,{level:this.headingLevel,class:this.classes(p.header,p.noBookmarksHeader)},t?.noBookmarksHeading),I("p",{class:p.noBookmarksDescription},t?.noBookmarksDescription))}renderAddBookmarkLoading(){return I("div",{key:"adding-bookmark",class:p.addingBookmark},I("span",{"aria-hidden":"true",class:this.classes(p.loading,p.rotating)}),this.messages?.addingBookmark)}renderBookmarkItems(t){if(!t)return[];const{_userState:e,editingEnabled:o}=this;return t.map((t=>o&&t&&e&&("edit"===e.state||"edit-thumbnail"===e.state)&&e.bookmark===t?"edit-thumbnail"===e.state?this.renderEditingBookmarkUrl(e.editedBookmark):this.renderEditingBookmark(e.editedBookmark):this.renderBookmark(t))).toArray()}renderBookmarksContainer(t){const{_userState:e,editingEnabled:o,disabled:s}=this,i="add"===e?.state,r=o&&!i?this.renderAddBookmarkButton():null,a=o?i&&e.loading?this.renderAddBookmarkLoading():"add"===e?.state?this.renderAddingBookmark():null:null;return[I("ul",{key:"bookmark-list","aria-label":this.messages?.widgetLabel,class:this.classes(p.bookmarkList,{[p.bookmarkListSortable]:this.editingEnabled}),afterCreate:this._sortNodeCreated,afterRemoved:this._destroySortable,"data-node-ref":"_sortableNode",bind:this,tabIndex:s?-1:void 0},this.renderBookmarkItems(t)),r,a]}renderAddBookmarkButton(){return this.visibleElements.addBookmark?I("div",{key:"add-bookmark-item",class:p.addBookmark},I("button",{class:this.classes(p.esriButton,p.esriButtonTertiary,p.addBookmarkButton),disabled:this.disabled,onclick:this.startAddBookmark,afterCreate:this._storeAddBookmarkButton,afterUpdate:this._storeAddBookmarkButton,"data-node-ref":"_addBookmarkButtonNode",bind:this,type:"button"},I("span",{"aria-hidden":"true",class:this.classes(p.addBookmarkIcon,p.iconPlus)}),this.messages?.addBookmark)):null}renderBookmarks(){const{bookmarks:t}=this.viewModel,e=t&&t.filter(Boolean),o=e&&e.length,s=o||this.editingEnabled?this.renderBookmarksContainer(e):null;return[o?null:this.renderNoBookmarksContainer(),s,this.renderBookmarkTooltips(t)]}renderEditContainer(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t);return I("div",{class:p.bookmarkEditButtonContainer,key:"edit-container"},I("button",{disabled:o,title:`${e?.edit} ${s}`,"aria-label":`${e?.edit} ${s}`,"data-bookmark":t,onclick:this._showEditBookmarkForm,bind:this,class:p.bookmarkEditButton,type:"button"},I("span",{"aria-hidden":"true",class:p.iconEdit})))}renderDragHandle(t){const{messagesCommon:e,disabled:o}=this,s=this._getBookmarkTitle(t),i={[T]:t.uid};return I("div",{role:"button",tabIndex:o?-1:0,key:"drag-handle",bind:this,class:p.bookmarkDragHandle,onkeydown:this._dragHandleKeydown,"data-bookmark":t,afterCreate:this._focusDragHandle,afterUpdate:this._focusDragHandle,onblur:this._dragHandleBlur,"aria-pressed":this._selectedSortUid===t.uid?"true":"false","aria-label":`${e?.dragHandleTitle} ${s}`,...i},I("span",{"aria-hidden":"true",class:this.classes(p.bookmarkDragHandleIcon,p.iconHandle)}))}renderBookmarkImageIcon(){return I("span",{"aria-hidden":"true",class:this.classes(p.bookmarkIcon,p.widgetIcon)})}renderBookmarkImage(t){const{visibleElements:e}=this,{thumbnail:o}=t,s=o&&o.url||"";return e.thumbnail&&s?I("img",{src:s,alt:"",class:p.bookmarkImage}):null}renderBookmarkTimeSwitch(t){const{messages:e,disabled:o}=this,{timeExtent:s}=t,{view:i}=this.viewModel;return i?.timeExtent??s?I("calcite-label",{layout:"inline-space-between"},e?.includeTimeExtent,I("calcite-switch",{scale:"s",disabled:o,checked:!!s,onCalciteSwitchChange:t=>{const e=t.currentTarget;this._editIncludeTimeExtent=!!e.checked}})):null}renderBookmarkTimeExtent(t){const{visibleElements:e}=this,{timeExtent:o}=t;return o?I("span",{class:p.timeExtent},[null!=o.start&&I("span",{key:"start-date-group",class:p.timeExtentGroup},I("span",{key:"start-date",class:p.timeExtentDate},this._formatDate(o.start)),e.time&&I("span",{key:"start-time",class:p.timeExtentTime},this._formatTime(o.start))),null!=o.end&&(null==o.start||o.start.getTime()!==o.end.getTime())&&I("span",{key:"end-date-group",class:p.timeExtentGroup},I("span",{key:"end-date",class:p.timeExtentDate},this._formatDate(o.end)),e.time&&I("span",{key:"end-time",class:p.timeExtentTime},this._formatTime(o.end)))]):null}renderBookmarkButton(t){const{disabled:e}=this,{timeExtent:o}=t,{capabilities:s}=this.viewModel,i=this._getBookmarkTitle(t),{thumbnail:r}=t,a=I("div",{class:this.classes(p.bookmarkImageContainer,r&&r.url?p.bookmarkImageContainerHasImage:null)},this.renderBookmarkImage(t)||this.renderBookmarkImageIcon()),n=s.time&&o?I("span",{key:"time-extent",class:p.bookmarkTimeExtent},this.renderBookmarkTimeExtent(t)):null;return I("button",{disabled:e,key:"bookmark-button",class:p.bookmarkButton,bind:this,"data-bookmark":t,onclick:this._goToBookmark,type:"button"},a,I("div",{class:p.bookmarkLabel},I("span",{key:"bookmark-title",class:p.bookmarkName},i),n))}renderBookmark(t){const{activeBookmark:e}=this.viewModel,o={[p.bookmarkActive]:e===t},s=this.editingEnabled?this.renderEditContainer(t):null,i={[T]:t.uid},r=this.editingEnabled?this.renderDragHandle(t):null;return I("li",{key:t,class:this.classes(p.bookmark,o),...i},r,this.renderBookmarkButton(t),s)}renderEditingBookmarkName(t){const{messages:e,_userState:o,disabled:s}=this,i="name-required"===o?.validationState;return I("label",{class:this.classes({[p.authoringLabel]:!0,[p.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},e?.title,i?I("strong",null,e?.invalidTitle):null,I("input",{required:!0,disabled:s,bind:this,class:this.classes(p.esriInput,i?p.authoringInputInvalid:null),type:"text",value:t.name,afterCreate:this._storeEditInput,afterUpdate:this._focusEditInput,"data-bookmark":t,"data-node-ref":"_editInputNode",placeholder:e?.titlePlaceholder}))}renderEditingBookmarkUrlActions(){const{messagesCommon:t,disabled:e}=this;return I("div",{class:p.authoringActions},I("input",{type:"button",disabled:e,value:t?.back,class:this.classes(p.esriButton,p.esriButtonTertiary),onclick:this._closeUrlEditBookmarkForm,bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.add}))}renderEditingBookmarkActions(){const{messagesCommon:t,disabled:e}=this,o=this._userState?.bookmark;return I("div",{class:p.authoringActions},I("input",{type:"button",disabled:e,value:t?.delete,class:this.classes(p.esriButton,p.esriButtonTertiary,p.authoringDeleteButton),"data-bookmark":o,onclick:this._deleteBookmark,bind:this}),I("input",{disabled:e,type:"button",value:t?.cancel,class:this.classes(p.esriButton,p.esriButtonTertiary),onclick:this._closeEditBookmarkForm,bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.save}))}renderEditingBookmarkUrlInput(t){const{messages:e,_userState:o,disabled:s}=this,i=t.thumbnail?.url,r=i&&x.test(i)?i:void 0,a="absolute-url-required"===o?.validationState;return I("label",{class:this.classes({[p.authoringLabel]:!0,[p.authoringLabelStartPadding]:!!this.visibleElements?.thumbnail})},a?I("strong",null,e?.invalidImageUrl):null,I("input",{required:!0,disabled:s,bind:this,class:this.classes(p.esriInput,a?p.authoringInputInvalid:null),type:"text",value:r,afterCreate:this._storeUrlEditInput,afterUpdate:this._focusUrlEditInput,"data-bookmark":t,"data-node-ref":"_urlEditInputNode",title:e?.imageUrlTooltip,placeholder:e?`https://<${e.imageUrlPlaceholder}>`:void 0}))}renderEditingBookmarkUrl(t){if(!t)return null;const e={[T]:t.uid};return I("li",{key:"edit-bookmark-url-form",class:p.authoringCard,...e},I("form",{class:p.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkUrlSubmit,bind:this},this.renderEditingBookmarkUrlInput(t),this.renderEditingBookmarkUrlActions()))}renderEditingBookmark(t){if(!t)return null;const e={[T]:t.uid},{capabilities:o}=this.viewModel,s=o.time?I("div",{key:"edit-bookmark-time-container",class:p.timeExtentContainer},this.renderBookmarkTimeSwitch(t),this._editIncludeTimeExtent&&this.renderBookmarkTimeExtent(t)):null;return I("li",{key:"edit-bookmark-form",class:p.authoringCard,...e},I("form",{class:p.authoringForm,disabled:this.disabled,onsubmit:this._editBookmarkSubmit,bind:this},I("div",{class:p.authoringContainer},this.visibleElements.thumbnail?I("div",{class:p.bookmarkImageContainer},this.renderBookmarkImage(t),this._editMenu.render()):null,this.renderEditingBookmarkName(t)),s,this.renderEditingBookmarkActions()))}renderAddingBookmarkName(){const{_userState:t,messages:e,disabled:o}=this,s="name-required"===t?.validationState;return I("label",{class:p.authoringLabel},e?.title,s?I("strong",null,e?.invalidTitle):null,I("input",{required:!0,disabled:o,bind:this,class:this.classes(p.esriInput,s?p.authoringInputInvalid:null),type:"text",afterCreate:this._storeAddInput,afterUpdate:this._focusAddInput,"data-node-ref":"_addInputNode",value:"",placeholder:e?.titlePlaceholder}))}renderAddingBookmarkActions(){const{messagesCommon:t,disabled:e}=this;return I("div",{class:this.classes(p.authoringActions)},I("input",{type:"button",disabled:e,value:t?.cancel,class:this.classes(p.esriButton,p.esriButtonTertiary,p.authoringCancelButton),onclick:this._endAddBookmark.bind(this),bind:this}),I("input",{class:p.esriButton,disabled:e,type:"submit",value:t?.add}))}renderAddingBookmark(){return I("div",{key:"add-bookmark-form",class:p.authoringCard},I("form",{class:this.classes(p.authoringForm,p.authoringFormAdding),onsubmit:this._addBookmarkSubmit,bind:this},this.renderAddingBookmarkName(),this.renderAddingBookmarkActions()))}_setTooltipReference(t,e){this._tooltipReferenceMap.set(e.uid,t),this.scheduleRender()}_getBookmarkTitle(t){return(t?.name||this.messagesCommon?.untitled)??""}_formatDate(t){return t?l(t,u("short-date")):""}_formatTime(t){return t?l(t,u("long-time")):""}_dragHandleBlur(){this._selectedSortUid=null,this.scheduleRender()}_dragHandleKeydown(t){const{_sortableSavedItems:e}=this,s=["ArrowDown","ArrowUp","Escape","Tab"," ","Enter"],i=o(t);if(!s.includes(i))return;const{_sortable:r,_selectedSortUid:a}=this;if(!r)return;const n=r.toArray(),d=t.target.getAttribute(T),l=n.indexOf(d);if(f(i)){const t=a&&a===d;return this._selectedSortUid=t?null:d,this._sortableSavedItems=t?[]:r.toArray(),void this.scheduleRender()}if("Tab"===i)return this._selectedSortUid=null,void this.scheduleRender();if("Escape"===i&&0!==e.length)return t.stopPropagation(),this._selectedSortUid=null,this._updateSortItems(e,r,d),void this.scheduleRender();if(-1===l||!a)return;const u="ArrowUp"===i?l-1:l+1;u>=n.length||u<=-1||(S(n,l,u),this._updateSortItems(n,r,d))}_updateSortItems(t,e,o){e.sort(t),this._sortBookmarks(e),this._focusSortUid=o,this._selectedSortUid=o}_focusDragHandle(t){const e=M(t);if(!e)return;this._setTooltipReference(t,e);const{_focusSortUid:o}=this;if(!t||!o)return;t.getAttribute(T)===o&&(t.focus(),this._focusSortUid=null)}_toggleSorting(){const{_sortable:t,_sortableNode:e,editingEnabled:o,disabled:s}=this;if(e)if(t)t.option("disabled",s||!o);else{const t=y.create(e,{dataIdAttr:T,handle:`.${p.bookmarkDragHandle}`,group:w,disabled:s||!o,onSort:()=>this._sortBookmarks(t)});this._sortable=t}}_sortNodeCreated(t){this._sortableNode=t,this._toggleSorting()}_sortBookmarks(t){const{bookmarks:e}=this.viewModel;if(!e)return;const o=t.toArray();e.sort(((t,e)=>{const s=o.indexOf(t.uid),i=o.indexOf(e.uid);return s>i?1:s<i?-1:0}))}_destroySortable(){const{_sortable:t}=this;t&&t.destroy(),this._sortable=null}_endAddBookmark(){this._focusAddBookmarkButton=!0,this.endAddBookmark()}_bookmarksInitialized(){const t="bookmarks-init";this.removeHandles(t),this.addHandles(r((()=>this.viewModel?.bookmarks),"change",(()=>this._bookmarksChanged())),t)}_bookmarksChanged(){const t="bookmarks-change",{bookmarks:e}=this.viewModel;this.removeHandles(t);const o=e.map((t=>s((()=>[t?.name,t?.thumbnail?.url]),(()=>this.scheduleRender()))));this.addHandles(o.toArray(),t),this.scheduleRender()}_showEditBookmarkForm(t){const e=M(t.currentTarget);e&&(this._editIncludeTimeExtent=!!e.timeExtent,this._focusEditInputBox=!0,this._userState=new h({bookmark:e,state:"edit"}),this.viewModel.goTo(e),this.scheduleRender())}_closeUrlEditBookmarkForm(){this._focusEditInputBox=!0,this._userState&&(this._userState.state="edit")}_closeEditBookmarkForm(){this._userState=null}_addBookmarkSubmit(t){t.preventDefault();const{_addInputNode:e,_userState:o}=this;if(!o)return;const s=e?e.value.trim():null;s?(o.loading=!0,this.viewModel.createBookmark().then((t=>{t.name=s,this.viewModel.bookmarks.add(t),this._endAddBookmark()}))):o.validationState="name-required"}async _editBookmarkAndClose(t,e){const{viewModel:o}=this;await o.editBookmark(t,{...o.defaultEditOptions,...e}),this._closeEditBookmarkForm()}_editBookmarkSubmit(t){t.preventDefault();const{_editInputNode:e,_userState:o,_editIncludeTimeExtent:s}=this;if(!o?.bookmark||!o.editedBookmark)return;const i=e&&e.value.trim();i?(o.bookmark.name=i,o.bookmark.thumbnail=o.editedBookmark.thumbnail,s||(o.bookmark.timeExtent=null),this._editBookmarkAndClose(o.bookmark,{takeScreenshot:!1,captureTimeExtent:s})):o.validationState="name-required"}_storeAddBookmarkButton(t){this._addBookmarkButtonNode=t,this._focusAddBookmark()}_storeEditInput(t){this._editInputNode=t,this._focusEditInput()}_storeAddInput(t){this._addInputNode=t,this._focusAddInput()}_storeUrlEditInput(t){this._urlEditInputNode=t,this._focusUrlEditInput()}_focusUrlEditInput(){this._urlEditInputNode&&this._focusUrlEditInputBox&&(this._focusUrlEditInputBox=!1,this._urlEditInputNode.focus())}_focusAddInput(){this._addInputNode&&this._focusAddInputBox&&(this._focusAddInputBox=!1,this._addInputNode.focus())}_focusAddBookmark(){this._addBookmarkButtonNode&&this._focusAddBookmarkButton&&(this._focusAddBookmarkButton=!1,this._addBookmarkButtonNode.focus())}_focusEditInput(){this._editInputNode&&this._focusEditInputBox&&(this._focusEditInputBox=!1,this._editInputNode.focus())}_deleteBookmark(t){const e=M(t.currentTarget);e&&this.viewModel.bookmarks.remove(e)}_goToBookmark(t){const e=M(t.currentTarget);e&&(this.endAddBookmark(),this._closeEditBookmarkForm(),this.viewModel.goTo(e))}async _refreshThumbnail(){const{_userState:t,_editMenu:e,viewModel:o}=this;t&&(t.validationState=void 0,await o.editBookmark(t.editedBookmark,{takeScreenshot:!0,captureViewpoint:!1,captureRotation:!1,captureScale:!1,captureTimeExtent:!1}),e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_removeThumbnail(){const{_userState:t,_editMenu:e}=this;t?.editedBookmark&&(t.editedBookmark.thumbnail=null,t.validationState=void 0,e.open=!1,this._focusEditInputBox=!0,this.scheduleRender())}_startUseImageUrl(){this._userState&&(this._userState.state="edit-thumbnail"),this._editMenu.open=!1,this._focusUrlEditInputBox=!0,this.scheduleRender()}_editBookmarkUrlSubmit(t){t.preventDefault();const{_urlEditInputNode:e,_userState:o}=this;if(!e||!o)return;const s=e.value;x.test(s)?(s&&o.editedBookmark&&(o.editedBookmark.thumbnail=new m({url:s})),this._closeUrlEditBookmarkForm()):o.validationState="absolute-url-required"}};function M(t){return t["data-bookmark"]}t([a()],C.prototype,"_editIncludeTimeExtent",void 0),t([a({type:h})],C.prototype,"_userState",void 0),t([a({readOnly:!0})],C.prototype,"_editMenuItems",null),t([a({readOnly:!0})],C.prototype,"_editMenu",null),t([a()],C.prototype,"defaultCreateOptions",null),t([a()],C.prototype,"defaultEditOptions",null),t([a()],C.prototype,"bookmarks",null),t([a()],C.prototype,"disabled",void 0),t([a()],C.prototype,"editingEnabled",void 0),t([a()],C.prototype,"headingLevel",void 0),t([a()],C.prototype,"goToOverride",null),t([a()],C.prototype,"iconClass",void 0),t([a()],C.prototype,"icon",void 0),t([a()],C.prototype,"label",null),t([a(),v("esri/widgets/Bookmarks/t9n/Bookmarks")],C.prototype,"messages",void 0),t([a(),v("esri/t9n/common")],C.prototype,"messagesCommon",void 0),t([a(),v("esri/core/t9n/Units")],C.prototype,"messagesUnits",void 0),t([a()],C.prototype,"uiStrings",void 0),t([a()],C.prototype,"view",null),t([a({type:c}),E(["select-bookmark","bookmark-edit","bookmark-select"])],C.prototype,"viewModel",void 0),t([a()],C.prototype,"visibleElements",void 0),t([n("visibleElements")],C.prototype,"castVisibleElements",null),t([a()],C.prototype,"endAddBookmark",null),t([a()],C.prototype,"startAddBookmark",null),C=t([d(U)],C);const N=C;export{N as default};

package/widgets/BuildingExplorer/BuildingDisciplinesViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Accessor.js";import t from"../../core/Collection.js";import{referenceSetter as r}from"../../core/collectionUtils.js";import o from"../../core/Handles.js";import{isAbortError as i}from"../../core/promiseUtils.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as l}from"../../core/accessorSupport/decorators/subclass.js";import{findFullModelSublayer as d}from"./support/buildingLayerUtils.js";import{LayerTreeNode as n}from"./support/LayerTreeNode.js";import{createLoadLayersFunction as p}from"./support/layerUtils.js";let h=class extends s{constructor(e){super(e),this.root=new n,this.state="disabled",this._handles=new o,this._loadLayers=p(),this.layers=new t}initialize(){this._handles.add(this.layers.on("change",(()=>this._onLayersChange()))),this._onLayersChange()}destroy(){this._set("state","disabled"),this._handles.destroy(),this.root.destroy()}set layers(e){const s=this._get("layers");this._set("layers",r(e,s))}_updateLayerTree(){this.root.destroy(),this._set("root",new n({collapsed:!1}));const e=new Map,s=this.layers.length>1?"modelName":"id";return this.layers.forEach((t=>{const r=d(t);this._addNodesForSublayers(r??t,this.root,e,s)})),this}_addNodeForLayer(e,s,t,r){const o=String(e.get(r)).toLowerCase();if(null==o||e.isEmpty)return;const i=`${s.id}/${o}`;let a=t.get(i);a||(a=new n({id:o,level:s.level+1}),t.set(i,a)),a.layers.push(e),s.children.push(a),this._addNodesForSublayers(e,a,t,r)}_addNodesForSublayers(e,s,t,r){("building-scene"===e.type||"building-group"===e.type&&!e.isEmpty)&&e.sublayers.forEach((e=>this._addNodeForLayer(e,s,t,r)))}async _onLayersChange(){if(this._set("state","loading"),0!==this.layers.length)try{await this._loadLayers(this.layers),this._updateLayerTree(),this._set("state","ready")}catch(e){i(e)||this._set("state","failed")}}};e([a({readOnly:!0})],h.prototype,"root",void 0),e([a({type:t,nonNullable:!0})],h.prototype,"layers",null),e([a({readOnly:!0,nonNullable:!0})],h.prototype,"state",void 0),h=e([l("esri.widgets.BuildingExplorer.BuildingDisciplineViewModel")],h);const y=h;export{y as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Accessor.js";import t from"../../core/Collection.js";import{referenceSetter as r}from"../../core/collectionUtils.js";import{isAbortError as o}from"../../core/promiseUtils.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as a}from"../../core/accessorSupport/decorators/subclass.js";import{findFullModelSublayer as l}from"./support/buildingLayerUtils.js";import{LayerTreeNode as d}from"./support/LayerTreeNode.js";import{createLoadLayersFunction as p}from"./support/layerUtils.js";let n=class extends s{constructor(e){super(e),this.root=new d,this.state="disabled",this._loadLayers=p(),this.layers=new t}initialize(){this.own(this.layers.on("change",(()=>this._onLayersChange()))),this._onLayersChange()}destroy(){this._set("state","disabled"),this.root.destroy()}set layers(e){const s=this._get("layers");this._set("layers",r(e,s))}_updateLayerTree(){this.root.destroy(),this._set("root",new d({collapsed:!1}));const e=new Map,s=this.layers.length>1?"modelName":"id";return this.layers.forEach((t=>{const r=l(t);this._addNodesForSublayers(r??t,this.root,e,s)})),this}_addNodeForLayer(e,s,t,r){const o=String(e.get(r)).toLowerCase();if(null==o||e.isEmpty)return;const i=`${s.id}/${o}`;let a=t.get(i);a||(a=new d({id:o,level:s.level+1}),t.set(i,a)),a.layers.push(e),s.children.push(a),this._addNodesForSublayers(e,a,t,r)}_addNodesForSublayers(e,s,t,r){("building-scene"===e.type||"building-group"===e.type&&!e.isEmpty)&&e.sublayers.forEach((e=>this._addNodeForLayer(e,s,t,r)))}async _onLayersChange(){if(this._set("state","loading"),0!==this.layers.length)try{await this._loadLayers(this.layers),this._updateLayerTree(),this._set("state","ready")}catch(e){o(e)||this._set("state","failed")}}};e([i({readOnly:!0})],n.prototype,"root",void 0),e([i({type:t,nonNullable:!0})],n.prototype,"layers",null),e([i({readOnly:!0,nonNullable:!0})],n.prototype,"state",void 0),n=e([a("esri.widgets.BuildingExplorer.BuildingDisciplineViewModel")],n);const y=n;export{y as default};

package/widgets/BuildingExplorer/BuildingExplorerViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Accessor.js";import t from"../../core/Collection.js";import{referenceSetter as r}from"../../core/collectionUtils.js";import i from"../../core/Handles.js";import o from"../../core/Logger.js";import{isAbortError as l}from"../../core/promiseUtils.js";import{watch as a,whenOnce as p}from"../../core/reactiveUtils.js";import{property as n}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";import h from"../../layers/BuildingSceneLayer.js";import y from"../../layers/support/BuildingFilter.js";import c from"./BuildingDisciplinesViewModel.js";import m from"./BuildingLevel.js";import u from"./BuildingPhase.js";import{showFullModel as f}from"./support/buildingLayerUtils.js";import{setFilterOnLayers as g,getFilterBlockSolid as j,getFilterBlockXRay as _,generateFilterId as v}from"./support/filterUtils.js";import{createLoadLayersFunction as w}from"./support/layerUtils.js";let L=class extends s{constructor(e){super(e),this.view=null,this.state="disabled",this.level=new m,this.phase=new u,this.disciplines=new c,this._handles=new i,this._loadLayers=w(),this.layers=new t}initialize(){this._handles.add([this.layers.on("change",(()=>this._onLayersChange())),a((()=>({state:this.state,layers:this.layers,filter:this._filter})),(({state:e,layers:s,filter:t})=>{"ready"===e&&g(s,t)}),{initial:!0})]),this._onLayersChange()}destroy(){this._handles.destroy(),this.level.destroyed||this.level.destroy(),this.phase.destroyed||this.phase.destroy(),this.disciplines.destroyed||this.disciplines.destroy()}get isSupported(){return"3d"===this.view?.type}get layers(){return this._get("layers")}set layers(e){const s=e.filter((e=>e instanceof h));s.length!==e.length&&o.getLogger(this).error("Some layers are not BuildingSceneLayers but only BuildingSceneLayers can be passed to the widget."),this._set("layers",r(s,this._get("layers")))}get _filter(){const e=this.level.filterExpressions,s=this.phase.filterExpressions,t=[],r=j([e.solid,s.solid]);null!=r&&t.push(r);const i=_([e.xRay,s.xRay]);return null!=i&&t.push(i),0===t.length?null:new y({id:v(),name:"Building Explorer Filter",filterBlocks:t})}async _onLayersChange(){const e=this.layers;if(this.level.layers=e,this.phase.layers=e,this.disciplines.layers=e,0!==e.length){this._set("state","loading");try{await this._loadLayers(e),await Promise.all([p((()=>"ready"===this.level.state)),p((()=>"ready"===this.phase.state)),p((()=>"ready"===this.disciplines.state))]),e.forEach(f),this._set("state","ready")}catch(s){l(s)||this._set("state","failed")}}else this._set("state","disabled")}};e([n({value:null})],L.prototype,"view",void 0),e([n()],L.prototype,"isSupported",null),e([n({type:t,nonNullable:!0})],L.prototype,"layers",null),e([n({readOnly:!0})],L.prototype,"state",void 0),e([n({readOnly:!0,type:m})],L.prototype,"level",void 0),e([n({readOnly:!0,type:u})],L.prototype,"phase",void 0),e([n({readOnly:!0,type:c})],L.prototype,"disciplines",void 0),e([n()],L.prototype,"_filter",null),L=e([d("esri.widgets.BuildingExplorer.BuildingExplorerViewModel")],L);const B=L;export{B as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import s from"../../core/Accessor.js";import t from"../../core/Collection.js";import{referenceSetter as r}from"../../core/collectionUtils.js";import i from"../../core/Logger.js";import{isAbortError as o}from"../../core/promiseUtils.js";import{watch as l,whenOnce as a}from"../../core/reactiveUtils.js";import{property as p}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as n}from"../../core/accessorSupport/decorators/subclass.js";import y from"../../layers/BuildingSceneLayer.js";import d from"../../layers/support/BuildingFilter.js";import h from"./BuildingDisciplinesViewModel.js";import c from"./BuildingLevel.js";import u from"./BuildingPhase.js";import{showFullModel as m}from"./support/buildingLayerUtils.js";import{setFilterOnLayers as f,getFilterBlockSolid as g,getFilterBlockXRay as j,generateFilterId as v}from"./support/filterUtils.js";import{createLoadLayersFunction as _}from"./support/layerUtils.js";let w=class extends s{constructor(e){super(e),this.view=null,this.state="disabled",this.level=new c,this.phase=new u,this.disciplines=new h,this._loadLayers=_(),this.layers=new t}initialize(){this.own([this.layers.on("change",(()=>this._onLayersChange())),l((()=>({state:this.state,layers:this.layers,filter:this._filter})),(({state:e,layers:s,filter:t})=>{"ready"===e&&f(s,t)}),{initial:!0})]),this._onLayersChange()}destroy(){this.level.destroyed||this.level.destroy(),this.phase.destroyed||this.phase.destroy(),this.disciplines.destroyed||this.disciplines.destroy()}get isSupported(){return"3d"===this.view?.type}get layers(){return this._get("layers")}set layers(e){const s=e.filter((e=>e instanceof y));s.length!==e.length&&i.getLogger(this).error("Some layers are not BuildingSceneLayers but only BuildingSceneLayers can be passed to the widget."),this._set("layers",r(s,this._get("layers")))}get _filter(){const e=this.level.filterExpressions,s=this.phase.filterExpressions,t=[],r=g([e.solid,s.solid]);null!=r&&t.push(r);const i=j([e.xRay,s.xRay]);return null!=i&&t.push(i),0===t.length?null:new d({id:v(),name:"Building Explorer Filter",filterBlocks:t})}async _onLayersChange(){const e=this.layers;if(this.level.layers=e,this.phase.layers=e,this.disciplines.layers=e,0!==e.length){this._set("state","loading");try{await this._loadLayers(e),await Promise.all([a((()=>"ready"===this.level.state)),a((()=>"ready"===this.phase.state)),a((()=>"ready"===this.disciplines.state))]),e.forEach(m),this._set("state","ready")}catch(s){o(s)||this._set("state","failed")}}else this._set("state","disabled")}};e([p({value:null})],w.prototype,"view",void 0),e([p()],w.prototype,"isSupported",null),e([p({type:t,nonNullable:!0})],w.prototype,"layers",null),e([p({readOnly:!0})],w.prototype,"state",void 0),e([p({readOnly:!0,type:c})],w.prototype,"level",void 0),e([p({readOnly:!0,type:u})],w.prototype,"phase",void 0),e([p({readOnly:!0,type:h})],w.prototype,"disciplines",void 0),e([p()],w.prototype,"_filter",null),w=e([n("esri.widgets.BuildingExplorer.BuildingExplorerViewModel")],w);const L=w;export{L as default};

package/widgets/BuildingExplorer/BuildingNumericFilterViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Accessor.js";import{binaryIndexOf as s}from"../../core/arrayUtils.js";import l from"../../core/Collection.js";import{referenceSetter as a}from"../../core/collectionUtils.js";import r from"../../core/Handles.js";import{isAbortError as o}from"../../core/promiseUtils.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/has.js";import{subclass as n}from"../../core/accessorSupport/decorators/subclass.js";import{createLoadLayersFunction as u}from"./support/layerUtils.js";import{getDomainInfo as d,getValidNumber as h,getMin as p,getMax as y}from"./support/validation.js";let v=class extends t{constructor(e){super(e),this.state="disabled",this._handles=new r,this._valueBeforeReady=null,this._domainInfo=d([]),this._loadLayers=u(),this.layers=new l}initialize(){this._handles.add(this.layers.on("change",(()=>this._onLayersChange()))),this._onLayersChange()}destroy(){this._set("state","disabled"),this._handles.destroy()}get enabled(){return this.allowedValues.length>0&&this._get("enabled")}set enabled(e){e!==this.enabled&&this.allowedValues.length>0&&this._set("enabled",e)}get value(){return("ready"===this.state?this._get("value"):this._valueBeforeReady)??0}set value(e){if("ready"!==this.state)return void(this._valueBeforeReady=e);if(e===this.value)return;const t=h(e,this);null!=t&&this._set("value",t)}get min(){return p(this.allowedValues)}get max(){return y(this.allowedValues)}get allowedValues(){return this._domainInfo.allowedValues}get hasNext(){if(!this.enabled)return!0;const e=this._valueIndex;return e>=0&&e<this.allowedValues.length-1}get hasPrevious(){return!this.enabled||this._valueIndex>0}set layers(e){const t=this._get("layers");this._set("layers",a(e,t))}get filterExpressions(){return{solid:null,xRay:null}}get _valueIndex(){return s(this.allowedValues,this.value)}select(e){if("ready"!==this.state)return void(this._valueBeforeReady=e);null!=h(e,this)&&(this.enabled=!0,this.value=e)}clear(){"ready"===this.state?this.enabled=!1:this._valueBeforeReady=null}next(){const{state:e,allowedValues:t,enabled:s,hasNext:l,_valueIndex:a}=this;if("ready"===e||null==this._valueBeforeReady){if(0!==t.length)return s?void(l&&(this.value=t[a+1])):(this.enabled=!0,void(this.value=t[0]))}else this._valueBeforeReady++}previous(){const{state:e,allowedValues:t,enabled:s,hasPrevious:l,_valueIndex:a}=this;if("ready"===e||null==this._valueBeforeReady){if(0!==t.length)return s?void(l&&(this.value=t[a-1])):(this.enabled=!0,void(this.value=t[t.length-1]))}else this._valueBeforeReady++}getValueLabel(e){return 0===this.layers.length?null:this._domainInfo.fieldValueMap.get(e)??null}async _onLayersChange(){if(this._set("state","loading"),this._domainInfo=d([]),0!==this.layers.length)try{await this._loadLayers(this.layers),this._setup()}catch(e){o(e)||this._set("state","failed")}}};e([i({value:!1,nonNullable:!0})],v.prototype,"enabled",null),e([i({nonNullable:!0})],v.prototype,"value",null),e([i({readOnly:!0})],v.prototype,"min",null),e([i({readOnly:!0})],v.prototype,"max",null),e([i({readOnly:!0})],v.prototype,"allowedValues",null),e([i({readOnly:!0})],v.prototype,"hasNext",null),e([i({readOnly:!0})],v.prototype,"hasPrevious",null),e([i({type:l,nonNullable:!0})],v.prototype,"layers",null),e([i({nonNullable:!0})],v.prototype,"state",void 0),e([i()],v.prototype,"_valueBeforeReady",void 0),e([i({readOnly:!0})],v.prototype,"_valueIndex",null),e([i()],v.prototype,"_domainInfo",void 0),v=e([n("esri.widgets.BuildingExplorer.BuildingNumericFilterViewModel")],v);const c=v;export{c as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Accessor.js";import{binaryIndexOf as l}from"../../core/arrayUtils.js";import s from"../../core/Collection.js";import{referenceSetter as a}from"../../core/collectionUtils.js";import{isAbortError as r}from"../../core/promiseUtils.js";import{property as o}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/has.js";import{subclass as i}from"../../core/accessorSupport/decorators/subclass.js";import{createLoadLayersFunction as n}from"./support/layerUtils.js";import{getDomainInfo as u,getValidNumber as d,getMin as h,getMax as p}from"./support/validation.js";let y=class extends t{constructor(e){super(e),this.state="disabled",this._valueBeforeReady=null,this._domainInfo=u([]),this._loadLayers=n(),this.layers=new s}initialize(){this.own(this.layers.on("change",(()=>this._onLayersChange()))),this._onLayersChange()}destroy(){this._set("state","disabled")}get enabled(){return this.allowedValues.length>0&&this._get("enabled")}set enabled(e){e!==this.enabled&&this.allowedValues.length>0&&this._set("enabled",e)}get value(){return("ready"===this.state?this._get("value"):this._valueBeforeReady)??0}set value(e){if("ready"!==this.state)return void(this._valueBeforeReady=e);if(e===this.value)return;const t=d(e,this);null!=t&&this._set("value",t)}get min(){return h(this.allowedValues)}get max(){return p(this.allowedValues)}get allowedValues(){return this._domainInfo.allowedValues}get hasNext(){if(!this.enabled)return!0;const e=this._valueIndex;return e>=0&&e<this.allowedValues.length-1}get hasPrevious(){return!this.enabled||this._valueIndex>0}set layers(e){const t=this._get("layers");this._set("layers",a(e,t))}get filterExpressions(){return{solid:null,xRay:null}}get _valueIndex(){return l(this.allowedValues,this.value)}select(e){if("ready"!==this.state)return void(this._valueBeforeReady=e);null!=d(e,this)&&(this.enabled=!0,this.value=e)}clear(){"ready"===this.state?this.enabled=!1:this._valueBeforeReady=null}next(){const{state:e,allowedValues:t,enabled:l,hasNext:s,_valueIndex:a}=this;if("ready"===e||null==this._valueBeforeReady){if(0!==t.length)return l?void(s&&(this.value=t[a+1])):(this.enabled=!0,void(this.value=t[0]))}else this._valueBeforeReady++}previous(){const{state:e,allowedValues:t,enabled:l,hasPrevious:s,_valueIndex:a}=this;if("ready"===e||null==this._valueBeforeReady){if(0!==t.length)return l?void(s&&(this.value=t[a-1])):(this.enabled=!0,void(this.value=t[t.length-1]))}else this._valueBeforeReady++}getValueLabel(e){return 0===this.layers.length?null:this._domainInfo.fieldValueMap.get(e)??null}async _onLayersChange(){if(this._set("state","loading"),this._domainInfo=u([]),0!==this.layers.length)try{await this._loadLayers(this.layers),this._setup()}catch(e){r(e)||this._set("state","failed")}}};e([o({value:!1,nonNullable:!0})],y.prototype,"enabled",null),e([o({nonNullable:!0})],y.prototype,"value",null),e([o({readOnly:!0})],y.prototype,"min",null),e([o({readOnly:!0})],y.prototype,"max",null),e([o({readOnly:!0})],y.prototype,"allowedValues",null),e([o({readOnly:!0})],y.prototype,"hasNext",null),e([o({readOnly:!0})],y.prototype,"hasPrevious",null),e([o({type:s,nonNullable:!0})],y.prototype,"layers",null),e([o({nonNullable:!0})],y.prototype,"state",void 0),e([o()],y.prototype,"_valueBeforeReady",void 0),e([o({readOnly:!0})],y.prototype,"_valueIndex",null),e([o()],y.prototype,"_domainInfo",void 0),y=e([i("esri.widgets.BuildingExplorer.BuildingNumericFilterViewModel")],y);const v=y;export{v as default};

package/widgets/Compass/CompassViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import o from"../../core/Accessor.js";import e from"../../core/Handles.js";import{removeMaybe as r}from"../../core/maybe.js";import{watch as s,initial as i}from"../../core/reactiveUtils.js";import{property as a}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as n}from"../../core/accessorSupport/decorators/subclass.js";import{GoToMixin as p}from"../support/GoTo.js";const h="esri.widgets.CompassViewModel";let d=class extends(p(o)){constructor(t){super(t),this._handles=new e,this.orientation={x:0,y:0,z:0},this.view=null,this._updateForCamera=this._updateForCamera.bind(this),this._updateForRotation=this._updateForRotation.bind(this),this._updateRotationWatcher=this._updateRotationWatcher.bind(this)}initialize(){this._handles.add(s((()=>this.view),this._updateRotationWatcher,i))}destroy(){r(this._handles),this.view=null}get canShowNorth(){const t=this.get("view.spatialReference");return!(!t||!t.isWebMercator&&!t.isGeographic)}get state(){return this.get("view.ready")?this.canShowNorth?"compass":"rotation":"disabled"}reset(){if(!this.get("view.ready"))return;const t={};"2d"===this.view?.type?t.rotation=0:t.heading=0,this.callGoTo({target:t})}_updateForRotation(t){null!=t&&(this.orientation={z:t})}_updateForCamera(t){if(!t)return;const o=-t.heading;this.orientation={x:0,y:0,z:o}}_updateRotationWatcher(t){this._handles.removeAll(),t&&this._handles.add("2d"===t.type?s((()=>t?.rotation),this._updateForRotation,i):s((()=>t?.camera),this._updateForCamera,i))}};t([a({readOnly:!0})],d.prototype,"canShowNorth",null),t([a()],d.prototype,"orientation",void 0),t([a({readOnly:!0})],d.prototype,"state",null),t([a()],d.prototype,"view",void 0),d=t([n(h)],d);const c=d;export{c as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import o from"../../core/Accessor.js";import{watch as e,initial as r}from"../../core/reactiveUtils.js";import{property as i}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as s}from"../../core/accessorSupport/decorators/subclass.js";import{GoToMixin as a}from"../support/GoTo.js";const n="esri.widgets.CompassViewModel";let p=class extends(a(o)){constructor(t){super(t),this.orientation={x:0,y:0,z:0},this.view=null,this._updateForCamera=this._updateForCamera.bind(this),this._updateForRotation=this._updateForRotation.bind(this),this._updateRotationWatcher=this._updateRotationWatcher.bind(this)}initialize(){this.addHandles(e((()=>this.view),this._updateRotationWatcher,r))}destroy(){this.view=null}get canShowNorth(){const t=this.get("view.spatialReference");return!(!t||!t.isWebMercator&&!t.isGeographic)}get state(){return this.get("view.ready")?this.canShowNorth?"compass":"rotation":"disabled"}reset(){if(!this.get("view.ready"))return;const t={};"2d"===this.view?.type?t.rotation=0:t.heading=0,this.callGoTo({target:t})}_updateForRotation(t){null!=t&&(this.orientation={z:t})}_updateForCamera(t){if(!t)return;const o=-t.heading;this.orientation={x:0,y:0,z:o}}_updateRotationWatcher(t){this.removeAllHandles(),t&&this.addHandles("2d"===t.type?e((()=>t?.rotation),this._updateForRotation,r):e((()=>t?.camera),this._updateForCamera,r))}};t([i({readOnly:!0})],p.prototype,"canShowNorth",null),t([i()],p.prototype,"orientation",void 0),t([i({readOnly:!0})],p.prototype,"state",null),t([i()],p.prototype,"view",void 0),p=t([s(n)],p);const h=p;export{h as default};

package/widgets/Daylight/DaylightViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as t}from"../../chunks/tslib.es6.js";import{HandleOwner as i}from"../../core/HandleOwner.js";import{makeHandle as e}from"../../core/handleUtils.js";import{removeMaybe as n}from"../../core/maybe.js";import{when as s,initial as l,watch as a,on as o,syncAndInitial as r}from"../../core/reactiveUtils.js";import{schedule as h}from"../../core/scheduling.js";import{truncateLocalTime as g,resetUTCDate as d,offsetDate as p}from"../../core/timeUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as c}from"../../core/accessorSupport/decorators/subclass.js";import y from"../../views/SceneView.js";import m from"../../views/3d/environment/SunLighting.js";import _ from"../../views/3d/environment/VirtualLighting.js";import{positionToTimezoneInfo as f}from"../../views/3d/support/earthUtils.js";import{dateTimeToSliderPos as w,sliderPosToDateTime as S,getSeasonFromDate as D,getNorthernHemisphereSeason as T,getSeasonDate as U,Hemisphere as v,calculatePlaySpeed as P}from"./support/daylightUtils.js";import{SliderWithDropdownViewModel as L}from"./support/SliderWithDropdownViewModel.js";import b from"../support/DatePickerViewModel.js";import{formatSliderLabel as O,getSunriseAndSunsetTimes as E}from"../support/timeWidgetUtils.js";let C=class extends i{constructor(t){super(t),this.view=null,this.datePickerViewModel=new b,this.timeSliderViewModel=new L({min:0,max:1439,values:[0],labelFormatFunction:O,inputFormatFunction:O}),this.lightingUpdateInterval=200,this._oldLighting=null,this.playSpeedMultiplier=1,this._lastTime=null,this._sunrise=null,this._sunset=null,this._cachedLightingDateUTC=new Date(0),this._cachedDisplayUTCOffset=0,this._firstInteraction=!0,this._lastLightingUpdate=0,this._lightingUpdateHandle=null}initialize(){this.handles.add([s((()=>this.view),(t=>t.when((()=>this._updateLighting()))),l),a((()=>{const t=this._lighting;return"virtual"===t?.type?null:t?.date}),(t=>this._scheduleLightingUpdate(t))),o((()=>this._lighting),"timezone-will-change",(t=>this._timezoneWillChange(t)),{onListenerAdd:()=>this._timezoneWillChange(null)}),a((()=>!0===this.view?.stationary),(()=>{(this.dayPlaying||this.yearPlaying)&&this._updateSunriseAndSunset()}),l),a((()=>{const t=this.timeSliderViewModel;return{vm:t,state:t.state,sliderPosition:this.timeSliderPosition}}),(({vm:t,state:i,sliderPosition:e})=>{"ready"===i&&t.setValue(0,e)})),a((()=>this.timeSliderViewModel?.utcOffset),(t=>{null!=t&&(this.utcOffset=t)})),a((()=>({utcOffset:this.utcOffset,sliderViewModel:this.timeSliderViewModel})),(({utcOffset:t,sliderViewModel:i})=>{i&&(i.utcOffset=t)}),r),a((()=>this.timeSliderViewModel.timezonePickerOpen),(()=>this.stopPlaying())),a((()=>this.timeSliderViewModel.values),(t=>this._setTimeSliderPosition(t?.[0]??0,{forceLightingUpdate:!1}))),a((()=>this.datePickerViewModel.value),(t=>{this.dayPlaying=!1,this.localDate=t})),a((()=>this.localDate),(t=>{this.datePickerViewModel.value.valueOf()!==t.getTime()&&this.datePickerViewModel.set("value",t)}))])}destroy(){this._cancelLightingUpdate(),this.view=null}get isSupported(){return null==this.view||"3d"===this.view.type}get utcOffset(){return this._cachedDisplayUTCOffset}set utcOffset(t){t!==this.utcOffset&&null!=this._lighting&&"virtual"!==this._lighting.type&&(this._lighting.displayUTCOffset=t,this._updateLighting())}get localDate(){return g(this._lightingDateDisplay)}set localDate(t){t.getTime()!==this.localDate.getTime()&&(this._lightingDateDisplay=d(this._lightingDateDisplay,t))}get timeSliderPosition(){return w(this._lightingDateDisplay)}set timeSliderPosition(t){this._setTimeSliderPosition(t,{forceLightingUpdate:!0})}_setTimeSliderPosition(t,i){Math.abs(t-this.timeSliderPosition)<=1/60||(this.stopPlaying(),this._enableDirectShadowsIfFirstInteraction(),i.forceLightingUpdate&&(this._cancelLightingUpdate(),this._updateLighting()),this._lightingDateDisplay=S(this._lightingDateDisplay,t))}_timezoneFromCamera(t,i){if(null==i||!t.cameraTrackingEnabled)return 0;const e=f([i.longitude,i.latitude]);return null==e?0:Math.round(e.hours+e.minutes/60+e.seconds/3600)}get directShadowsEnabled(){return this._lighting?.directShadowsEnabled??!1}set directShadowsEnabled(t){const i=this._lighting;i&&(i.directShadowsEnabled=t)}get sunLightingEnabled(){return"sun"===this._lightingType}set sunLightingEnabled(t){const i=this._environment;if(t===this._get("sunLightingEnabled")||null==i)return;const e=i.lighting,n=this._oldLighting;this._oldLighting=e;const s={directShadowsEnabled:e.directShadowsEnabled,cameraTrackingEnabled:e.cameraTrackingEnabled},l=t?"sun":"virtual";let a;a=null!=n&&n.type===l?n:t?new m:new _,a.set(s),i.lighting=a,t||(this.timeSliderViewModel.timezonePickerOpen=!1)}set playingState(t){this.playingState!==t&&this.sunLightingEnabled&&(this._set("playingState",t),"none"!==t&&(this._updateSunriseAndSunset(),this._lastTime=Date.now(),this._play(),this._enableDirectShadowsIfFirstInteraction()))}get dayPlaying(){return"day"===this.playingState}set dayPlaying(t){t?this.playingState="day":this.dayPlaying&&(this.playingState="none")}get yearPlaying(){return"year"===this.playingState}set yearPlaying(t){t?this.playingState="year":this.yearPlaying&&(this.playingState="none")}get currentSeason(){return D(this.localDate,this._currentHemisphere)}set currentSeason(t){this.stopPlaying();const i=T(t,this._currentHemisphere);this.localDate=U(this.localDate,i,v.NORTHERN)}get _currentHemisphere(){const t=this.view?.camera?.position?.latitude;return null==t||t>=0?v.NORTHERN:v.SOUTHERN}get _environment(){return this.view?.environment}get _lighting(){return this._environment?.lighting}get _lightingType(){return this._lighting?.type}get _lightingDateDisplay(){return p(this._cachedLightingDateUTC,this._cachedDisplayUTCOffset,"hours")}set _lightingDateDisplay(t){const i=this._lighting;if(null==i||!this.sunLightingEnabled||"virtual"===i.type)return;const e=p(t,-this._cachedDisplayUTCOffset,"hours");e.getTime()!==i.date.getTime()&&(i.date=e,this._updateLighting())}stopPlaying(){this.playingState="none"}toggleDayPlaying(){this.dayPlaying=!this.dayPlaying}toggleYearPlaying(){this.yearPlaying=!this.yearPlaying}toggleSunLightingEnabled(){this.stopPlaying(),this.sunLightingEnabled=!this.sunLightingEnabled}toggleDirectShadowsEnabled(){this.stopPlaying(),this.directShadowsEnabled=!this.directShadowsEnabled}_enableDirectShadowsIfFirstInteraction(){this._firstInteraction&&(this._firstInteraction=!1,this.directShadowsEnabled=!0)}_updateLighting(t){const i=Date.now();this._lastLightingUpdate=i;const{view:e}=this,n=this._lighting;if(null==e||null==n||"virtual"===n.type)return;const s=t||n.date,l=n.displayUTCOffset,a=null!==l?l:this._timezoneFromCamera(n,e.camera?.position);this._cachedLightingDateUTC.getTime()!==s.getTime()&&(this._cachedLightingDateUTC=new Date(s.getTime())),this._cachedDisplayUTCOffset!==a&&(this._cachedDisplayUTCOffset=a)}_timezoneWillChange(t){const i=this._lighting;if(null==i||"virtual"===i.type||!i.cameraTrackingEnabled)return;let e;if(t)e=t.timezoneOffset;else{if(null!=i.displayUTCOffset)return;e=m.calculateTimezoneOffset(i.positionTimezoneInfo)}i.displayUTCOffset=e,this._scheduleLightingUpdate()}_scheduleLightingUpdate(t){if(t&&(this._lightingUpdateHandle=n(this._lightingUpdateHandle)),this._lightingUpdateHandle)return;const i=Date.now()-this._lastLightingUpdate,s=this.lightingUpdateInterval-i;let l=null;const a=()=>{this._updateLighting(t),this._lightingUpdateHandle===l&&(this._lightingUpdateHandle=null)};if(s<=0)this._lightingUpdateHandle=l=h(a);else{const t=setTimeout(a,s);this._lightingUpdateHandle=l=e((()=>clearTimeout(t)))}}_cancelLightingUpdate(){this._lightingUpdateHandle=n(this._lightingUpdateHandle)}_play(){const t=this._lighting;if(null!=t&&this.sunLightingEnabled&&"virtual"!==t.type&&(this.dayPlaying||this.yearPlaying)){const i=Date.now()-(this._lastTime??0);if(this.dayPlaying){this._lastTime=Date.now();const e=P(this._sunrise,this._sunset,t.date)*this.playSpeedMultiplier/100*i;if(e>0){let i=new Date(t.date.getTime()+e);const n=t.displayUTCOffset??0;if(((i.getUTCHours()+n)%24+24)%24<((t.date.getUTCHours()+n)%24+24)%24){const n=864e5;i=new Date(t.date.getTime()+e-n)}t.date=i}}else{if(i>1e3){this._lastTime=Date.now();const i=(t.date.getUTCMonth()+1)%12,e=new Date(t.date.getTime());e.setUTCMonth(i),t.date=e}}requestAnimationFrame((()=>this._play()))}}_updateSunriseAndSunset(){const t=this._lighting;if(null==t||"virtual"===t.type||!this.sunLightingEnabled)return;const i=this.view?.camera?.position;if(null==i)return;const{latitude:e,longitude:n}=i,{date:s,displayUTCOffset:l}=t,a=E(s,e,n,l);a&&(this._sunrise=new Date(a.sunrise),this._sunset=new Date(a.sunset))}};t([u({type:y})],C.prototype,"view",void 0),t([u({type:b,nonNullable:!0})],C.prototype,"datePickerViewModel",void 0),t([u({type:L,nonNullable:!0})],C.prototype,"timeSliderViewModel",void 0),t([u()],C.prototype,"isSupported",null),t([u()],C.prototype,"lightingUpdateInterval",void 0),t([u()],C.prototype,"utcOffset",null),t([u()],C.prototype,"localDate",null),t([u()],C.prototype,"timeSliderPosition",null),t([u()],C.prototype,"directShadowsEnabled",null),t([u()],C.prototype,"sunLightingEnabled",null),t([u({type:["none","day","year"],value:"none"})],C.prototype,"playingState",null),t([u()],C.prototype,"dayPlaying",null),t([u()],C.prototype,"yearPlaying",null),t([u()],C.prototype,"playSpeedMultiplier",void 0),t([u()],C.prototype,"currentSeason",null),t([u()],C.prototype,"_lastTime",void 0),t([u()],C.prototype,"_sunrise",void 0),t([u()],C.prototype,"_sunset",void 0),t([u()],C.prototype,"_cachedLightingDateUTC",void 0),t([u()],C.prototype,"_cachedDisplayUTCOffset",void 0),t([u()],C.prototype,"_firstInteraction",void 0),t([u()],C.prototype,"_currentHemisphere",null),t([u()],C.prototype,"_environment",null),t([u()],C.prototype,"_lighting",null),t([u()],C.prototype,"_lightingType",null),t([u()],C.prototype,"_lightingDateDisplay",null),C=t([c("esri.widgets.Daylight.DaylightViewModel")],C);const M=C;export{M as default};
+import{_ as t}from"../../chunks/tslib.es6.js";import i from"../../core/Accessor.js";import{makeHandle as e}from"../../core/handleUtils.js";import n from"../../core/Logger.js";import{removeMaybe as s}from"../../core/maybe.js";import{when as l,initial as a,watch as o,on as r,syncAndInitial as h}from"../../core/reactiveUtils.js";import{schedule as g}from"../../core/scheduling.js";import{truncateLocalTime as d,isValidDate as p,resetUTCDate as u,offsetDate as c}from"../../core/timeUtils.js";import{property as y}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as m}from"../../core/accessorSupport/decorators/subclass.js";import _ from"../../views/SceneView.js";import f from"../../views/3d/environment/SunLighting.js";import w from"../../views/3d/environment/VirtualLighting.js";import{positionToTimezoneInfo as S}from"../../views/3d/support/earthUtils.js";import{dateTimeToSliderPos as D,sliderPosToDateTime as T,getSeasonFromDate as v,getNorthernHemisphereSeason as U,getSeasonDate as P,Hemisphere as L,calculatePlaySpeed as b}from"./support/daylightUtils.js";import{SliderWithDropdownViewModel as O}from"./support/SliderWithDropdownViewModel.js";import E from"../support/DatePickerViewModel.js";import{formatSliderLabel as C,getSunriseAndSunsetTimes as M}from"../support/timeWidgetUtils.js";const j="esri.widgets.Daylight.DaylightViewModel";let V=class extends i{constructor(t){super(t),this.view=null,this.datePickerViewModel=new E,this.timeSliderViewModel=new O({min:0,max:1439,values:[0],labelFormatFunction:C,inputFormatFunction:C}),this.lightingUpdateInterval=200,this._oldLighting=null,this.playSpeedMultiplier=1,this._lastTime=null,this._sunrise=null,this._sunset=null,this._cachedLightingDateUTC=new Date(0),this._cachedDisplayUTCOffset=0,this._firstInteraction=!0,this._lastLightingUpdate=0,this._lightingUpdateHandle=null}initialize(){this.addHandles([l((()=>this.view),(t=>t.when((()=>this._updateLighting()))),a),o((()=>{const t=this._lighting;return"sun"===t?.type?H(t):null}),(t=>this._scheduleLightingUpdate(t))),r((()=>this._lighting),"timezone-will-change",(t=>this._timezoneWillChange(t)),{onListenerAdd:()=>this._timezoneWillChange(null)}),o((()=>!0===this.view?.stationary),(()=>{(this.dayPlaying||this.yearPlaying)&&this._updateSunriseAndSunset()}),a),o((()=>{const t=this.timeSliderViewModel;return{vm:t,state:t.state,sliderPosition:this.timeSliderPosition}}),(({vm:t,state:i,sliderPosition:e})=>{"ready"===i&&t.setValue(0,e)})),o((()=>this.timeSliderViewModel?.utcOffset),(t=>{null!=t&&(this.utcOffset=t)})),o((()=>({utcOffset:this.utcOffset,sliderViewModel:this.timeSliderViewModel})),(({utcOffset:t,sliderViewModel:i})=>{i&&(i.utcOffset=t)}),h),o((()=>this.timeSliderViewModel.timezonePickerOpen),(()=>this.stopPlaying())),o((()=>this.timeSliderViewModel.values),(t=>this._setTimeSliderPosition(t?.[0]??0,{forceLightingUpdate:!1}))),o((()=>this.datePickerViewModel.value),(t=>{this.dayPlaying=!1,this.localDate=t})),o((()=>this.localDate),(t=>{this.datePickerViewModel.value.valueOf()!==t.getTime()&&this.datePickerViewModel.set("value",t)}))])}destroy(){this._cancelLightingUpdate(),this.view=null}get isSupported(){return null==this.view||"3d"===this.view.type}get utcOffset(){return this._cachedDisplayUTCOffset}set utcOffset(t){t!==this.utcOffset&&null!=this._lighting&&"virtual"!==this._lighting.type&&(this._lighting.displayUTCOffset=t,this._updateLighting())}get localDate(){return d(this._lightingDateDisplay)}set localDate(t){p(t)&&t.getTime()!==this.localDate.getTime()&&(this._lightingDateDisplay=u(this._lightingDateDisplay,t))}get timeSliderPosition(){return D(this._lightingDateDisplay)}set timeSliderPosition(t){this._setTimeSliderPosition(t,{forceLightingUpdate:!0})}_setTimeSliderPosition(t,i){Math.abs(t-this.timeSliderPosition)<=1/60||(this.stopPlaying(),this._enableDirectShadowsIfFirstInteraction(),i.forceLightingUpdate&&(this._cancelLightingUpdate(),this._updateLighting()),this._lightingDateDisplay=T(this._lightingDateDisplay,t))}_timezoneFromCamera(t,i){if(null==i||!t.cameraTrackingEnabled)return 0;const e=S([i.longitude,i.latitude]);return null==e?0:Math.round(e.hours+e.minutes/60+e.seconds/3600)}get directShadowsEnabled(){return this._lighting?.directShadowsEnabled??!1}set directShadowsEnabled(t){const i=this._lighting;i&&(i.directShadowsEnabled=t)}get sunLightingEnabled(){return"sun"===this._lightingType}set sunLightingEnabled(t){const i=this._environment;if(t===this._get("sunLightingEnabled")||null==i)return;const e=i.lighting,n=this._oldLighting;this._oldLighting=e;const s={directShadowsEnabled:e.directShadowsEnabled,cameraTrackingEnabled:e.cameraTrackingEnabled},l=t?"sun":"virtual";let a;a=null!=n&&n.type===l?n:t?new f:new w,a.set(s),i.lighting=a,t||(this.stopPlaying(),this.timeSliderViewModel.timezonePickerOpen=!1)}set playingState(t){this.playingState!==t&&(this._set("playingState",t),"none"!==t&&this.sunLightingEnabled&&(this._updateSunriseAndSunset(),this._lastTime=Date.now(),this._play(),this._enableDirectShadowsIfFirstInteraction()))}get dayPlaying(){return"day"===this.playingState}set dayPlaying(t){t?this.playingState="day":this.dayPlaying&&(this.playingState="none")}get yearPlaying(){return"year"===this.playingState}set yearPlaying(t){t?this.playingState="year":this.yearPlaying&&(this.playingState="none")}get currentSeason(){return v(this.localDate,this._currentHemisphere)}set currentSeason(t){this.stopPlaying();const i=U(t,this._currentHemisphere);this.localDate=P(this.localDate,i,L.NORTHERN)}get _currentHemisphere(){const t=this.view?.camera?.position?.latitude;return null==t||t>=0?L.NORTHERN:L.SOUTHERN}get _environment(){return this.view?.environment}get _lighting(){return this._environment?.lighting}get _lightingType(){return this._lighting?.type}get _lightingDateDisplay(){return c(this._cachedLightingDateUTC,this._cachedDisplayUTCOffset,"hours")}set _lightingDateDisplay(t){const i=this._lighting;if(null==i||!this.sunLightingEnabled||"virtual"===i.type||!p(t))return;const e=H(i),n=c(t,-this._cachedDisplayUTCOffset,"hours");n.getTime()!==e.getTime()&&(i.date=n,this._updateLighting())}stopPlaying(){this.playingState="none"}toggleDayPlaying(){this.dayPlaying=!this.dayPlaying}toggleYearPlaying(){this.yearPlaying=!this.yearPlaying}toggleSunLightingEnabled(){this.stopPlaying(),this.sunLightingEnabled=!this.sunLightingEnabled}toggleDirectShadowsEnabled(){this.stopPlaying(),this.directShadowsEnabled=!this.directShadowsEnabled}_enableDirectShadowsIfFirstInteraction(){this._firstInteraction&&(this._firstInteraction=!1,this.directShadowsEnabled=!0)}_updateLighting(t){const i=Date.now();this._lastLightingUpdate=i;const{view:e}=this,n=this._lighting;if(null==e||null==n||"virtual"===n.type)return;t??=H(n);const s=n.displayUTCOffset,l=null!==s?s:this._timezoneFromCamera(n,e.camera?.position);this._cachedLightingDateUTC.getTime()!==t.getTime()&&(this._cachedLightingDateUTC=new Date(t.getTime())),this._cachedDisplayUTCOffset!==l&&(this._cachedDisplayUTCOffset=l)}_timezoneWillChange(t){const i=this._lighting;if(null==i||"virtual"===i.type||!i.cameraTrackingEnabled)return;let e;if(t)e=t.timezoneOffset;else{if(null!=i.displayUTCOffset)return;e=f.calculateTimezoneOffset(i.positionTimezoneInfo)}i.displayUTCOffset=e,this._scheduleLightingUpdate()}_scheduleLightingUpdate(t){if(t&&(this._lightingUpdateHandle=s(this._lightingUpdateHandle),!p(t)))return;if(this._lightingUpdateHandle)return;const i=Date.now()-this._lastLightingUpdate,n=this.lightingUpdateInterval-i;let l=null;const a=()=>{this._updateLighting(t),this._lightingUpdateHandle===l&&(this._lightingUpdateHandle=null)};if(n<=0)this._lightingUpdateHandle=l=g(a);else{const t=setTimeout(a,n);this._lightingUpdateHandle=l=e((()=>clearTimeout(t)))}}_cancelLightingUpdate(){this._lightingUpdateHandle=s(this._lightingUpdateHandle)}_play(){const t=this._lighting;if(null==t||!this.sunLightingEnabled||"virtual"===t.type)return;const i=H(t);if(this.dayPlaying||this.yearPlaying){const e=Date.now()-(this._lastTime??0);if(this.dayPlaying){this._lastTime=Date.now();const n=b(this._sunrise,this._sunset,i)*this.playSpeedMultiplier/100*e;if(n>0){let e=new Date(i.getTime()+n);const s=t.displayUTCOffset??0;if(((e.getUTCHours()+s)%24+24)%24<((i.getUTCHours()+s)%24+24)%24){const t=864e5;e=new Date(i.getTime()+n-t)}t.date=e}}else{if(e>1e3){this._lastTime=Date.now();const e=(i.getUTCMonth()+1)%12,n=new Date(i.getTime());n.setUTCMonth(e),t.date=n}}requestAnimationFrame((()=>this._play()))}}_updateSunriseAndSunset(){const t=this._lighting;if(null==t||"virtual"===t.type||!this.sunLightingEnabled)return;const i=this.view?.camera?.position;if(null==i)return;const{latitude:e,longitude:n}=i,{date:s,displayUTCOffset:l}=t,a=M(s,e,n,l);a&&(this._sunrise=new Date(a.sunrise),this._sunset=new Date(a.sunset))}};function H(t){return p(t.date)||(n.getLogger(j).warn("Invalid date. Reverting to the current date/time."),t.date=new Date),t.date}t([y({type:_})],V.prototype,"view",void 0),t([y({type:E,nonNullable:!0})],V.prototype,"datePickerViewModel",void 0),t([y({type:O,nonNullable:!0})],V.prototype,"timeSliderViewModel",void 0),t([y()],V.prototype,"isSupported",null),t([y()],V.prototype,"lightingUpdateInterval",void 0),t([y()],V.prototype,"utcOffset",null),t([y()],V.prototype,"localDate",null),t([y()],V.prototype,"timeSliderPosition",null),t([y()],V.prototype,"directShadowsEnabled",null),t([y()],V.prototype,"sunLightingEnabled",null),t([y({type:["none","day","year"],value:"none"})],V.prototype,"playingState",null),t([y()],V.prototype,"dayPlaying",null),t([y()],V.prototype,"yearPlaying",null),t([y()],V.prototype,"playSpeedMultiplier",void 0),t([y()],V.prototype,"currentSeason",null),t([y()],V.prototype,"_lastTime",void 0),t([y()],V.prototype,"_sunrise",void 0),t([y()],V.prototype,"_sunset",void 0),t([y()],V.prototype,"_cachedLightingDateUTC",void 0),t([y()],V.prototype,"_cachedDisplayUTCOffset",void 0),t([y()],V.prototype,"_firstInteraction",void 0),t([y()],V.prototype,"_currentHemisphere",null),t([y()],V.prototype,"_environment",null),t([y()],V.prototype,"_lighting",null),t([y()],V.prototype,"_lightingType",null),t([y()],V.prototype,"_lightingDateDisplay",null),V=t([m(j)],V);const I=V;export{I as default};

package/widgets/Directions/DirectionsViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.28/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Collection.js";import r from"../../core/Error.js";import i from"../../core/Evented.js";import{HandleOwnerMixin as s}from"../../core/HandleOwner.js";import{isAbortError as o}from"../../core/promiseUtils.js";import{on as l,watch as n,syncAndInitial as a,when as u}from"../../core/reactiveUtils.js";import{property as c}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as d}from"../../core/accessorSupport/decorators/subclass.js";import{getLocale as h}from"../../intl/locale.js";import{fetchServiceDescription as p}from"../../rest/networkService.js";import m from"../../rest/support/RouteParameters.js";import v from"../../rest/support/Stop.js";import f from"../../rest/support/TravelMode.js";import{GoToMixin as g}from"../support/GoTo.js";function y(e){return"esri.Graphic"===e?.declaredClass}function w(e){return"esri.rest.support.Stop"===e?.declaredClass}var _;!function(e){e[e.Active=0]="Active",e[e.Complete=1]="Complete",e[e.Failed=2]="Failed",e[e.Idle=3]="Idle",e[e.Suspended=4]="Suspended"}(_||(_={}));let T=class extends(s(g(i.EventedAccessor))){constructor(e){super(e),this._highlight=null,this._loadPromise=null,this._loadController=null,this._routeController=null,this._serviceDescriptionStatus=_.Idle,this.apiKey=void 0,this.defaultTravelMode=null,this.departureTime="now",this.lastError=null,this.lastRoute=null,this.layer=null,this.maxStops=50,this.routeParameters=new m({directionsLengthUnits:"kilometers",findBestSequence:!1,returnZ:!0,startTime:null,startTimeIsUTC:!0,useTimeWindows:!1}),this.serviceDescription=null,this.view=null}initialize(){this.addHandles([l((()=>this.layer?.stops),"change",(()=>{this.clearResults()})),n((()=>this.layer),(e=>{if(null!=e){for(;e.stops.length<2;)e.stops.add(new v);this._set("defaultTravelMode",null),this.addHandles(u((()=>null!=this.serviceDescription?e.routeInfo?.analysisSettings?.travelMode:null),(e=>{this.defaultTravelMode=this._resolveDefaultTravelMode(e)}),{once:!0}))}}),a)])}get _directionsLanguage(){if(null==this.serviceDescription)return;const e=this.serviceDescription.directionsSupportedLanguages;if(!e)return;const t=(this.routeParameters.directionsLanguage??h()).slice(0,2);return e.find((e=>e.toLowerCase().slice(0,2)===t))}get impedanceAttribute(){const e=this.routeParameters.travelMode?.impedanceAttributeName??this.routeParameters.impedanceAttribute??this.serviceDescription?.impedance??null;return this.getCostAttribute(e)}get selectedTravelMode(){return null==this.serviceDescription?null:this.defaultTravelMode??this.serviceDescription.defaultTravelMode??this.serviceDescription.supportedTravelModes?.[0]??null}set selectedTravelMode(e){this._override("selectedTravelMode",e)}get state(){if(null!=this._routeController)return"routing";if(null!=this.lastError)return"error";switch(this._serviceDescriptionStatus){case _.Suspended:return"unauthenticated";case _.Idle:return"disabled";case _.Active:return"initializing";case _.Failed:return"error";default:return"ready"}}get timeAttribute(){const e=this.routeParameters.travelMode?.timeAttributeName??this.routeParameters.directionsTimeAttribute??this.serviceDescription?.directionsTimeAttribute??null;return this.getCostAttribute(e)}get travelModes(){const e=this.serviceDescription?.supportedTravelModes?.slice()??[];return null==this.defaultTravelMode||e.includes(this.defaultTravelMode)||e.unshift(this.defaultTravelMode),e}async load(){if(null!=this._loadPromise)return this._loadPromise;this._loadPromise=this._load(),await this._loadPromise,this._loadPromise=null}async highlight(e){if(this.clearHighlights(),!this.view||!this.layer)return;const t=await this.view.whenLayerView(this.layer);this._highlight=t.highlight(e)}clearHighlights(){null!=this._highlight&&(this._highlight.remove(),this._highlight=null)}centerAt(e){if(null==this.view)return;const t=w(e)||y(e)?e.geometry:e;null!=t&&this.callGoTo({target:t})}clearResults(){this._set("lastRoute",null),this.layer?.removeResult()}async getDirections(){const{apiKey:e,departureTime:t,layer:i,state:s}=this;if(null==i)throw new r("directions-view-model:missing-route-layer","A route layer must be associated with the view model.");if("unauthenticated"===s||"initializing"===s||"disabled"===s||this._serviceDescriptionStatus===_.Failed)throw new r("directions-view-model:not-loaded","Cannot get directions until view model loads.");this._set("lastError",null),null!=this._routeController&&(this._routeController.abort(),this._routeController=null);const l="now"===t,n="now"===t?new Date:t;if(n&&!l){const e=60*n.getTimezoneOffset()*1e3;n.setTime(n.getTime()-e)}const a=null!=this.view?this.view.spatialReference:null,u=this.routeParameters.clone();u.set({startTime:n,startTimeIsUTC:l,directionsLanguage:this._directionsLanguage,apiKey:e,outSpatialReference:a}),null!=this.selectedTravelMode&&(u.travelMode=this.selectedTravelMode);if(i.stops.filter((({geometry:e})=>null!=e)).length<2){const e=new r("directions-view-model:not-enough-stops","Not enough stops for routing");throw this._set("lastError",e),e}this._routeController=new AbortController;const{signal:c}=this._routeController;let d=null;try{d=await i.solve(u,{signal:c})}catch(h){if(!o(h)){const e=new r("directions-view-model:unable-to-route","Unable to route to these addresses",{error:h});throw this._set("lastError",e),this._set("lastRoute",null),e}}finally{this._routeController=null}for(const r of d.stops)null==r.geometry&&(r.name=null);return i.update(d),this._set("lastRoute",d),this.zoomToRoute(),d}getCostAttribute(e){return(this.serviceDescription?.networkDataset?.networkAttributes??[]).find((({name:t,usageType:r})=>t===e&&"cost"===r))??null}reset(){this.clearHighlights(),this.clearResults(),null!=this.layer&&(this.layer.removeAll(),this.layer.stops=new t([new v,new v]))}save(){if(!this.layer)throw new r("directions-view-model:missing-layer","save() requires a layer");return this.layer.save()}saveAs(e,t={}){if(!this.layer)throw new r("directions-view-model:missing-layer","saveAs() requires a layer");return this.layer.saveAs(e,t)}zoomToRoute(){const{view:e,layer:t}=this;if(null==e||null==t?.routeInfo)return;const{geometry:r}=t.routeInfo;if(null==r)return;const i=r.extent;if(!i)return;const s=i.width>i.height,o=i.clone().expand(s?2:1);this.callGoTo({target:o})}async _load(){if(null!=this.serviceDescription||null==this.layer)return;null!=this._loadController&&(this._loadController.abort(),this._loadController=null),this._loadController=new AbortController;const{signal:e}=this._loadController;try{this._serviceDescriptionStatus=_.Active;const t=await p(this.layer.url,this.apiKey,{signal:e});this._set("serviceDescription",t),this._serviceDescriptionStatus=_.Complete}catch(t){if(o(t))return void(this._serviceDescriptionStatus=_.Idle);if("identity-manager:user-aborted"===t.name)return void(this._serviceDescriptionStatus=_.Suspended);const e=new r("directions-view-model:service-metadata-unavailable","Cannot load route service metadata",{error:t});throw this._serviceDescriptionStatus=_.Failed,this._set("lastError",e),e}finally{this._loadController=null}}_resolveDefaultTravelMode(e){if(null==this.serviceDescription)return null;const{defaultTravelMode:t,supportedTravelModes:r}=this.serviceDescription,i=/^<(?<name>.*)>$/i.exec(e.name)?.groups?.name;if(i){const s=r?.find((({name:e})=>e.toLocaleLowerCase()===i.trim().toLocaleLowerCase())),o=s??t;return f.fromJSON({...o?.toJSON(),...e.toJSON()})}const s=r?.find((({name:t})=>t.toLocaleLowerCase()===e.name.toLocaleLowerCase()));return s??t}};e([c()],T.prototype,"_directionsLanguage",null),e([c()],T.prototype,"_routeController",void 0),e([c()],T.prototype,"_serviceDescriptionStatus",void 0),e([c()],T.prototype,"apiKey",void 0),e([c()],T.prototype,"defaultTravelMode",void 0),e([c()],T.prototype,"departureTime",void 0),e([c({readOnly:!0})],T.prototype,"impedanceAttribute",null),e([c()],T.prototype,"lastError",void 0),e([c({readOnly:!0})],T.prototype,"lastRoute",void 0),e([c()],T.prototype,"layer",void 0),e([c({type:Number,range:{min:2,max:50},nonNullable:!0})],T.prototype,"maxStops",void 0),e([c({type:m,nonNullable:!0})],T.prototype,"routeParameters",void 0),e([c()],T.prototype,"selectedTravelMode",null),e([c({readOnly:!0})],T.prototype,"serviceDescription",void 0),e([c({readOnly:!0})],T.prototype,"state",null),e([c({readOnly:!0})],T.prototype,"timeAttribute",null),e([c()],T.prototype,"travelModes",null),e([c()],T.prototype,"view",void 0),e([c()],T.prototype,"getDirections",null),e([c()],T.prototype,"zoomToRoute",null),T=e([d("esri.widgets.Directions.DirectionsViewModel")],T);const C=T;export{C as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../core/Collection.js";import r from"../../core/Error.js";import i from"../../core/Evented.js";import{isAbortError as s}from"../../core/promiseUtils.js";import{on as o,watch as l,syncAndInitial as n,when as a}from"../../core/reactiveUtils.js";import{property as u}from"../../core/accessorSupport/decorators/property.js";import"../../core/accessorSupport/ensureType.js";import"../../core/arrayUtils.js";import"../../core/has.js";import{subclass as c}from"../../core/accessorSupport/decorators/subclass.js";import{getLocale as d}from"../../intl/locale.js";import{fetchServiceDescription as h}from"../../rest/networkService.js";import p from"../../rest/support/RouteParameters.js";import m from"../../rest/support/Stop.js";import v from"../../rest/support/TravelMode.js";import{GoToMixin as g}from"../support/GoTo.js";function y(e){return"esri.Graphic"===e?.declaredClass}function f(e){return"esri.rest.support.Stop"===e?.declaredClass}var w;!function(e){e[e.Active=0]="Active",e[e.Complete=1]="Complete",e[e.Failed=2]="Failed",e[e.Idle=3]="Idle",e[e.Suspended=4]="Suspended"}(w||(w={}));let _=class extends(g(i.EventedAccessor)){constructor(e){super(e),this._highlight=null,this._loadPromise=null,this._loadController=null,this._routeController=null,this._serviceDescriptionStatus=w.Idle,this.apiKey=void 0,this.defaultTravelMode=null,this.departureTime="now",this.lastError=null,this.lastRoute=null,this.layer=null,this.maxStops=50,this.routeParameters=new p({directionsLengthUnits:"kilometers",findBestSequence:!1,returnZ:!0,startTime:null,startTimeIsUTC:!0,useTimeWindows:!1}),this.serviceDescription=null,this.view=null}initialize(){this.addHandles([o((()=>this.layer?.stops),"change",(()=>{this.clearResults()})),l((()=>this.layer),(e=>{if(null!=e){for(;e.stops.length<2;)e.stops.add(new m);this._set("defaultTravelMode",null),this.addHandles(a((()=>null!=this.serviceDescription?e.routeInfo?.analysisSettings?.travelMode:null),(e=>{this.defaultTravelMode=this._resolveDefaultTravelMode(e)}),{once:!0}))}}),n)])}get _directionsLanguage(){if(null==this.serviceDescription)return;const e=this.serviceDescription.directionsSupportedLanguages;if(!e)return;const t=(this.routeParameters.directionsLanguage??d()).slice(0,2);return e.find((e=>e.toLowerCase().slice(0,2)===t))}get impedanceAttribute(){const e=this.routeParameters.travelMode?.impedanceAttributeName??this.routeParameters.impedanceAttribute??this.serviceDescription?.impedance??null;return this.getCostAttribute(e)}get selectedTravelMode(){return null==this.serviceDescription?null:this.defaultTravelMode??this.serviceDescription.defaultTravelMode??this.serviceDescription.supportedTravelModes?.[0]??null}set selectedTravelMode(e){this._override("selectedTravelMode",e)}get state(){if(null!=this._routeController)return"routing";if(null!=this.lastError)return"error";switch(this._serviceDescriptionStatus){case w.Suspended:return"unauthenticated";case w.Idle:return"disabled";case w.Active:return"initializing";case w.Failed:return"error";default:return"ready"}}get timeAttribute(){const e=this.routeParameters.travelMode?.timeAttributeName??this.routeParameters.directionsTimeAttribute??this.serviceDescription?.directionsTimeAttribute??null;return this.getCostAttribute(e)}get travelModes(){const e=this.serviceDescription?.supportedTravelModes?.slice()??[];return null==this.defaultTravelMode||e.includes(this.defaultTravelMode)||e.unshift(this.defaultTravelMode),e}async load(){if(null!=this._loadPromise)return this._loadPromise;this._loadPromise=this._load(),await this._loadPromise,this._loadPromise=null}async highlight(e){if(this.clearHighlights(),!this.view||!this.layer)return;const t=await this.view.whenLayerView(this.layer);this._highlight=t.highlight(e)}clearHighlights(){null!=this._highlight&&(this._highlight.remove(),this._highlight=null)}centerAt(e){if(null==this.view)return;const t=f(e)||y(e)?e.geometry:e;null!=t&&this.callGoTo({target:t})}clearResults(){this._set("lastRoute",null),this.layer?.removeResult()}async getDirections(){const{apiKey:e,departureTime:t,layer:i,state:o}=this;if(null==i)throw new r("directions-view-model:missing-route-layer","A route layer must be associated with the view model.");if("unauthenticated"===o||"initializing"===o||"disabled"===o||this._serviceDescriptionStatus===w.Failed)throw new r("directions-view-model:not-loaded","Cannot get directions until view model loads.");this._set("lastError",null),null!=this._routeController&&(this._routeController.abort(),this._routeController=null);const l="now"===t,n="now"===t?new Date:t;if(n&&!l){const e=60*n.getTimezoneOffset()*1e3;n.setTime(n.getTime()-e)}const a=null!=this.view?this.view.spatialReference:null,u=this.routeParameters.clone();u.set({startTime:n,startTimeIsUTC:l,directionsLanguage:this._directionsLanguage,apiKey:e,outSpatialReference:a}),null!=this.selectedTravelMode&&(u.travelMode=this.selectedTravelMode);if(i.stops.filter((({geometry:e})=>null!=e)).length<2){const e=new r("directions-view-model:not-enough-stops","Not enough stops for routing");throw this._set("lastError",e),e}this._routeController=new AbortController;const{signal:c}=this._routeController;let d=null;try{d=await i.solve(u,{signal:c})}catch(h){if(!s(h)){const e=new r("directions-view-model:unable-to-route","Unable to route to these addresses",{error:h});throw this._set("lastError",e),this._set("lastRoute",null),e}}finally{this._routeController=null}for(const r of d.stops)null==r.geometry&&(r.name=null);return i.update(d),this._set("lastRoute",d),this.zoomToRoute(),d}getCostAttribute(e){return(this.serviceDescription?.networkDataset?.networkAttributes??[]).find((({name:t,usageType:r})=>t===e&&"cost"===r))??null}reset(){this.clearHighlights(),this.clearResults(),null!=this.layer&&(this.layer.removeAll(),this.layer.stops=new t([new m,new m]))}save(){if(!this.layer)throw new r("directions-view-model:missing-layer","save() requires a layer");return this.layer.save()}saveAs(e,t={}){if(!this.layer)throw new r("directions-view-model:missing-layer","saveAs() requires a layer");return this.layer.saveAs(e,t)}zoomToRoute(){const{view:e,layer:t}=this;if(null==e||null==t?.routeInfo)return;const{geometry:r}=t.routeInfo;if(null==r)return;const i=r.extent;if(!i)return;const s=i.width>i.height,o=i.clone().expand(s?2:1);this.callGoTo({target:o})}async _load(){if(null!=this.serviceDescription||null==this.layer)return;null!=this._loadController&&(this._loadController.abort(),this._loadController=null),this._loadController=new AbortController;const{signal:e}=this._loadController;try{this._serviceDescriptionStatus=w.Active;const t=await h(this.layer.url,this.apiKey,{signal:e});this._set("serviceDescription",t),this._serviceDescriptionStatus=w.Complete}catch(t){if(s(t))return void(this._serviceDescriptionStatus=w.Idle);if("identity-manager:user-aborted"===t.name)return void(this._serviceDescriptionStatus=w.Suspended);const e=new r("directions-view-model:service-metadata-unavailable","Cannot load route service metadata",{error:t});throw this._serviceDescriptionStatus=w.Failed,this._set("lastError",e),e}finally{this._loadController=null}}_resolveDefaultTravelMode(e){if(null==this.serviceDescription)return null;const{defaultTravelMode:t,supportedTravelModes:r}=this.serviceDescription,i=/^<(?<name>.*)>$/i.exec(e.name)?.groups?.name;if(i){const s=r?.find((({name:e})=>e.toLocaleLowerCase()===i.trim().toLocaleLowerCase())),o=s??t;return v.fromJSON({...o?.toJSON(),...e.toJSON()})}const s=r?.find((({name:t})=>t.toLocaleLowerCase()===e.name.toLocaleLowerCase()));return s??t}};e([u()],_.prototype,"_directionsLanguage",null),e([u()],_.prototype,"_routeController",void 0),e([u()],_.prototype,"_serviceDescriptionStatus",void 0),e([u()],_.prototype,"apiKey",void 0),e([u()],_.prototype,"defaultTravelMode",void 0),e([u()],_.prototype,"departureTime",void 0),e([u({readOnly:!0})],_.prototype,"impedanceAttribute",null),e([u()],_.prototype,"lastError",void 0),e([u({readOnly:!0})],_.prototype,"lastRoute",void 0),e([u()],_.prototype,"layer",void 0),e([u({type:Number,range:{min:2,max:50},nonNullable:!0})],_.prototype,"maxStops",void 0),e([u({type:p,nonNullable:!0})],_.prototype,"routeParameters",void 0),e([u()],_.prototype,"selectedTravelMode",null),e([u({readOnly:!0})],_.prototype,"serviceDescription",void 0),e([u({readOnly:!0})],_.prototype,"state",null),e([u({readOnly:!0})],_.prototype,"timeAttribute",null),e([u()],_.prototype,"travelModes",null),e([u()],_.prototype,"view",void 0),e([u()],_.prototype,"getDirections",null),e([u()],_.prototype,"zoomToRoute",null),_=e([c("esri.widgets.Directions.DirectionsViewModel")],_);const T=_;export{T as default};