@arcgis/map-components 5.2.0-next.142 → 5.2.0-next.144
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/K6D2JHC4.js +1 -1
- package/dist/cdn/W3ENDJ6U.js +1 -1
- package/dist/cdn/Y2LELW5Y.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/package.json +6 -6
package/dist/cdn/K6D2JHC4.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import b from"./N4MW5VBL.js";import a from"./DSDPDMLP.js";import"./VJVKFKSG.js";import{a as P}from"./WEAGLY7B.js";import"./JAZGNQRP.js";import"./Z5C6UBYP.js";import"./QUZTFUWM.js";import"./WQMZ7BDQ.js";import{N as R,O as E,P as x,X as V,a as f,b as g,p as w}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{property:d,subclass:L},F,S,H,{watch:p},{rotateDimensions:I,registerPanConstraint:O},T,{b:l},b])=>{var G=f`:host{height:100%;--arcgis-view-color-focus: none}`,z={xmin:-150,ymin:1,xmax:20,ymax:80,spatialReference:{wkid:4326}},_=1e-6;function N(i,e){if(!e)return null;let t=i.width/2,a=i.height/2,r=e.xmin+t,s=e.xmax-t,o=e.ymin+a,c=e.ymax-a;return r>=s||o>=c?null:new S({xmin:r,xmax:s,ymin:o,ymax:c,spatialReference:i.spatialReference})}var $=Object.defineProperty,k=Object.getOwnPropertyDescriptor,h=(i,e,t,a)=>{for(var r=a>1?void 0:a?k(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(r=(a?o(e,t,r):o(r))||r);return a&&r&&$(e,t,r),r},n=class extends F{constructor(i){super(i),this.autoplay=!1,this.loop=!1,this.type="image",this.autoLoad=!1}static isNonPanoramicMedia(i){return!!i&&typeof i=="object"&&"declaredClass"in i&&typeof i.declaredClass=="string"&&i.declaredClass==="components.oriented-imagery-viewer.support.NonPanoramicMedia"}destroy(){this._cache?.destroy(),this._cache=void 0,this._videoElement=void 0}get layer(){return this._cache}get videoElement(){return this._videoElement}get size(){if(!this._cache||this._cache.destroyed||this._cache.loadError)return;let{type:i}=this._cache;if(i==="imagery-tile"){let{serviceRasterInfo:e}=this._cache;return e?[e.width,e.height]:void 0}if(i==="media"){let e=this._videoElement??this._getVideoElementFromLayer(this._cache);return!e||e.videoWidth<=0||e.videoHeight<=0?void 0:[e.videoWidth,e.videoHeight]}}async load(i){return this.type==="video"?await this._loadVideo(i):await this._loadImage(i)}async _loadVideo(i){if(this._cache&&!this._cache.destroyed&&this._cache.type==="media")return await this._cache.load(i),this._videoElement=this._getVideoElementFromLayer(this._cache)??this._videoElement,this._applyVideoPlaybackOptions(),{layer:this._cache,size:this.size};let{title:e,url:t}=this;if(!t)throw new Error("URL is required to load NonPanoramicMedia.");let a=(await $arcgis.t(m=>m[0],"geometry/Extent")).default,r=(await $arcgis.t(m=>m[0],"layers/support/ExtentAndRotationGeoreference")).default,s=(await $arcgis.t(m=>m[0],"layers/support/VideoElement")).default,o=(await $arcgis.t(m=>m[0],"layers/MediaLayer")).default;l(i);let c=new s({video:t,georeference:new r({extent:new a(z)})});await c.load(i),l(i),this._videoElement=c.content??void 0,this._applyVideoPlaybackOptions();let m=new o({source:c,title:e});return await m.load(i),l(i),this._cache=m,{layer:this._cache,size:this.size}}_getVideoElementFromLayer(i){let e=i.source;if(!e||!("content"in e))return;let{content:t}=e;if(t instanceof HTMLVideoElement)return t}_applyVideoPlaybackOptions(){let i=this._videoElement;i&&(i.autoplay=this.autoplay,i.loop=this.loop,this.autoplay||i.pause())}async _loadImage(i){if(this._cache&&!this._cache.destroyed&&this._cache.type==="imagery-tile")return await this._cache.load(i),this._videoElement=void 0,{layer:this._cache,size:this.size};let{url:e,customParameters:t}=this,a=this.datasetFormat;if(!e)throw new Error("URL is required to load NonPanoramicMedia.");if(!a){let o=await import("./DBA7NSTP.js").then(m=>m.default);if(l(i),a=o.guessExtensionFromURI(e),!a){try{a=await o.getDatasetFormat(e)}catch{w("warn",this,"Failed to determine dataset format from URL or response headers."),a="UNKNOWN FORMAT"}l(i)}}this.datasetFormat=a;let r=(await $arcgis.t(m=>m[0],"layers/ImageryTileLayer")).default;l(i);let s=new r({url:e,ioConfig:{skipExtensions:["aux.xml","jgw"],skipMapInfo:!0,datasetFormat:a},customParameters:t??void 0});return await s.load(i),l(i),this._videoElement=void 0,this._cache=s,{layer:this._cache,size:this.size}}};h([d()],n.prototype,"_cache",2);h([d()],n.prototype,"_videoElement",2);h([d()],n.prototype,"autoplay",2);h([d()],n.prototype,"loop",2);h([d()],n.prototype,"title",2);h([d()],n.prototype,"type",2);h([d()],n.prototype,"layer",1);h([d()],n.prototype,"videoElement",1);h([d()],n.prototype,"size",1);h([d()],n.prototype,"autoLoad",2);h([d()],n.prototype,"customParameters",2);h([d()],n.prototype,"datasetFormat",2);h([d()],n.prototype,"url",2);n=h([L("components.oriented-imagery-viewer.support.NonPanoramicMedia")],n);function W(i,e,t,a,r){let{width:s,height:o}=I(i,e,r);return Math.max(s/t,o/a)}var A=96,U=39.37,M=U*A;function C(i){let e=M*.25,t=M*i,a=[],r=t;for(;r>e;)a.push(r),r*=.5;a.push(e);let{lods:s}=T.create({scales:a});return{minScale:t,lods:s}}var y=class extends x{constructor(){super(...arguments),this._messages=P(),this.#t=new b(this),this._imageChanged=!1,this._internalMap=R(),this._loading=!1,this.hideHeader=!1,this.hideLoader=!1,this.hideZoomControls=!1,this.hideVideoControls=!1,this.rotation=0}static{this.properties={_imageChanged:16,_internalMap:16,_layer:16,_videoTargetExtent:16,_videoRef:16,_loading:16,_media:16,hideHeader:5,hideLoader:5,hideZoomControls:5,hideVideoControls:5,messageOverrides:0,media:0,rotation:9}}static{this.styles=[G]}#t;#i;#a;#e;#s;#r;get imageRenderer(){return this._internalMap?.value?.view}get map(){return this.imageRenderer?.map}get media(){return this._media}set media(e){if(!e){this.#i?.abort(),this._media=void 0,this._clearMedia();return}this._media=e instanceof n?e:new n(e)}addGraphic(e){this.#t.addGraphic(e)}addGraphics(e){this.#t.addGraphics(e)}clearGraphics(){this.#t.clearGraphics()}async mediaOnLoad(){return this.#a&&await this.#a,this._media}removeGraphic(e){this.#t.removeGraphic(e)}removeGraphics(e){this.#t.removeGraphics(e)}loaded(){this.manager.onLifecycle(()=>[this._createResizeConstraint(),this._createRotationHandler(),this._createPanConstraint(),this._createVideoInteractionWatcher(),{remove:()=>{this._removeVideoPanHandles()}},p(()=>this._media,e=>{this.#i?.abort(),e&&(this.#i=new AbortController,this.#a=this._loadMediaInternal(e,this.#i),this.#a.catch(()=>{}))},{initial:!0,sync:!0})])}_createPanConstraint(){return p(()=>({layer:this._layer,imageRenderer:this.imageRenderer}),({layer:e,imageRenderer:t})=>{this._media?.type!=="video"&&(e?.type!=="imagery-tile"||!t?.ready||O(t,e))},{sync:!0,initial:!0})}_createResizeConstraint(){return p(()=>{if(!this.imageRenderer?.ready||!this._layer)return;if(this._layer.type==="imagery-tile"){let{width:t,height:a}=this._layer.serviceRasterInfo,{width:r,height:s,rotation:o}=this.imageRenderer;return W(t,a,r,s,o)}let e=this._videoTargetExtent;if(!(!e||this.imageRenderer.width<=0||this.imageRenderer.height<=0))return Math.max(e.width/this.imageRenderer.width,e.height/this.imageRenderer.height)},e=>{if(!e||!this.imageRenderer)return;if(this._media?.type==="video"){this._updateVideoScaleForResize(e);return}let{constraints:t,scale:a}=this.imageRenderer,r=t.minScale,{lods:s,minScale:o}=C(e);t.set({minScale:o,lods:s}),this.imageRenderer.scale=this._imageChanged||Math.abs(a-r)<=1e-6?o:a,this._imageChanged=!1},{sync:!0,initial:!0})}_createVideoInteractionWatcher(){return p(()=>[this.imageRenderer?.interacting,this.imageRenderer?.navigating,this.imageRenderer?.scale],()=>{this._media?.type==="video"&&this._updateVideoInteraction()},{initial:!0})}_createRotationHandler(){return p(()=>this.rotation,e=>{this._media?.type!=="video"&&this.imageRenderer&&(this.imageRenderer.constraints.rotationEnabled=!0,this.imageRenderer.rotation=e,this.imageRenderer.constraints.rotationEnabled=!1)},{sync:!0,initial:!0})}_clearMedia(){this._removeVideoPanHandles(),this._restoreConstraints(),this.#e=void 0,this._videoTargetExtent=void 0,this._videoRef?.pause(),this._videoRef=void 0,this._layer&&this.map?.layers.includes(this._layer)&&this.map.layers.remove(this._layer),this._layer?.destroy(),this._layer=void 0}async _loadMediaInternal(e,t){if(this._loading=!0,this._clearMedia(),!e)throw new Error("No media provided");let{layer:a}=await e.load(t).finally(()=>{this._loading=!1});l(t),this._imageChanged=!0,this._layer=a,this.imageRenderer?.map?.layers.add(this._layer),e.type==="video"&&await this._loadVideoMedia(e)}async _loadVideoMedia(e){let t=this.imageRenderer,a=new S(z),r=e.videoElement;this._videoRef=r instanceof HTMLVideoElement?r:void 0,t&&(await t.when(),this._snapshotConstraints(),t.constraints.set({rotationEnabled:!1}),await t.goTo(a.clone(),{animate:!1}),this._videoTargetExtent=t.extent?.clone(),this.#e=t.extent?.clone(),this._videoTargetExtent&&t.width>0&&t.height>0&&this._updateVideoScaleForResize(Math.max(this._videoTargetExtent.width/t.width,this._videoTargetExtent.height/t.height))),this._updateVideoInteraction()}_snapshotConstraints(){let e=this.imageRenderer?.constraints;!e||this.#r||(this.#r={geometry:e.geometry?.clone()??null,lods:e.lods,maxScale:e.maxScale,minScale:e.minScale,rotationEnabled:e.rotationEnabled})}_restoreConstraints(){let e=this.imageRenderer?.constraints,t=this.#r;!e||!t||(e.set({geometry:t.geometry,lods:t.lods,maxScale:t.maxScale,minScale:t.minScale,rotationEnabled:t.rotationEnabled}),this.#r=void 0)}_disablePan(){let e=this.imageRenderer;if(this._removeVideoPanHandles(),!e)return;let t=e.on("drag",r=>r.stopPropagation()),a=e.on("key-down",r=>{r.key.startsWith("Arrow")&&r.stopPropagation()});this.#s=[t,a]}_enablePan(){this._removeVideoPanHandles()}_removeVideoPanHandles(){this.#s?.forEach(e=>e.remove()),this.#s=void 0}_updateVideoInteraction(){let e=this.imageRenderer,t=e?.extent;if(!e||!t||this._layer?.type!=="media")return;this.#e??=t.clone();let{minScale:a}=e.constraints;if(!a)return;let r=e.scale<a-_,s=N(t,this._videoTargetExtent);if(r&&s){this._enablePan(),e.constraints.geometry=s;return}if(r){this._disablePan(),e.constraints.geometry=null;return}this.#e&&!t.equals(this.#e)&&(e.extent=this.#e.clone()),this._disablePan(),e.constraints.geometry=null}_updateVideoScaleForResize(e){if(!this.imageRenderer)return;let{constraints:t,scale:a}=this.imageRenderer,r=t.minScale,s=r!=null&&Math.abs(a-r)<=_,{lods:o,minScale:c}=C(e);t.set({lods:o,minScale:c,rotationEnabled:!1}),this.imageRenderer.scale=this._imageChanged||s?c:a,this._imageChanged=!1,s&&requestAnimationFrame(()=>{let{extent:m,scale:u,constraints:v}=this.imageRenderer??{};m&&u&&v?.minScale!=null&&Math.abs(u-v.minScale)<=_&&(this.#e=m.clone())})}render(){return g`<calcite-panel .loading=${this.hideLoader?void 0:this._loading} .heading=${this.hideHeader?void 0:this._messages.title}><arcgis-map hide-attribution .spatialReference=${H.WebMercator} ${E(this._internalMap)}><arcgis-zoom .hidden=${this.hideZoomControls} .messageOverrides=${this.messageOverrides} slot=top-left></arcgis-zoom></arcgis-map>${this.hideVideoControls||this._media?.type!=="video"||!this._videoRef?void 0:g`<arcgis-oriented-imagery-viewer-video-controls .videoRef=${this._videoRef}></arcgis-oriented-imagery-viewer-video-controls>`}</calcite-panel>`}};V("arcgis-oriented-imagery-viewer-non-panoramic-viewer",y);return y},"core/accessorSupport/decorators","core/Accessor","geometry/Extent","geometry/SpatialReference","core/reactiveUtils","applications/Components/OrientedImageryViewer/ImageViewer/utils","layers/support/TileInfo",a,b)
|
|
2
|
+
import b from"./N4MW5VBL.js";import a from"./DSDPDMLP.js";import"./VJVKFKSG.js";import{a as P}from"./WEAGLY7B.js";import"./JAZGNQRP.js";import"./Z5C6UBYP.js";import"./QUZTFUWM.js";import"./WQMZ7BDQ.js";import{N as R,O as E,P as x,X as V,a as f,b as g,p as w}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{property:d,subclass:L},F,S,H,{watch:p},{rotateDimensions:I,registerPanConstraint:O},T,{b:l},b])=>{var G=f`:host{height:100%;--arcgis-view-color-focus: none}`,z={xmin:-150,ymin:1,xmax:20,ymax:80,spatialReference:{wkid:4326}},_=1e-6;function N(i,e){if(!e)return null;let t=i.width/2,a=i.height/2,r=e.xmin+t,s=e.xmax-t,o=e.ymin+a,c=e.ymax-a;return r>=s||o>=c?null:new S({xmin:r,xmax:s,ymin:o,ymax:c,spatialReference:i.spatialReference})}var $=Object.defineProperty,k=Object.getOwnPropertyDescriptor,h=(i,e,t,a)=>{for(var r=a>1?void 0:a?k(e,t):e,s=i.length-1,o;s>=0;s--)(o=i[s])&&(r=(a?o(e,t,r):o(r))||r);return a&&r&&$(e,t,r),r},n=class extends F{constructor(i){super(i),this.autoplay=!1,this.loop=!1,this.type="image",this.autoLoad=!1}static isNonPanoramicMedia(i){return!!i&&typeof i=="object"&&"declaredClass"in i&&typeof i.declaredClass=="string"&&i.declaredClass==="components.oriented-imagery-viewer.support.NonPanoramicMedia"}destroy(){this._cache?.destroy(),this._cache=void 0,this._videoElement=void 0}get layer(){return this._cache}get videoElement(){return this._videoElement}get size(){if(!this._cache||this._cache.destroyed||this._cache.loadError)return;let{type:i}=this._cache;if(i==="imagery-tile"){let{serviceRasterInfo:e}=this._cache;return e?[e.width,e.height]:void 0}if(i==="media"){let e=this._videoElement??this._getVideoElementFromLayer(this._cache);return!e||e.videoWidth<=0||e.videoHeight<=0?void 0:[e.videoWidth,e.videoHeight]}}async load(i){return this.type==="video"?await this._loadVideo(i):await this._loadImage(i)}async _loadVideo(i){if(this._cache&&!this._cache.destroyed&&this._cache.type==="media")return await this._cache.load(i),this._videoElement=this._getVideoElementFromLayer(this._cache)??this._videoElement,this._applyVideoPlaybackOptions(),{layer:this._cache,size:this.size};let{title:e,url:t}=this;if(!t)throw new Error("URL is required to load NonPanoramicMedia.");let a=(await $arcgis.t(m=>({default:m[0]}),"geometry/Extent")).default,r=(await $arcgis.t(m=>({default:m[0]}),"layers/support/ExtentAndRotationGeoreference")).default,s=(await $arcgis.t(m=>({default:m[0]}),"layers/support/VideoElement")).default,o=(await $arcgis.t(m=>({default:m[0]}),"layers/MediaLayer")).default;l(i);let c=new s({video:t,georeference:new r({extent:new a(z)})});await c.load(i),l(i),this._videoElement=c.content??void 0,this._applyVideoPlaybackOptions();let m=new o({source:c,title:e});return await m.load(i),l(i),this._cache=m,{layer:this._cache,size:this.size}}_getVideoElementFromLayer(i){let e=i.source;if(!e||!("content"in e))return;let{content:t}=e;if(t instanceof HTMLVideoElement)return t}_applyVideoPlaybackOptions(){let i=this._videoElement;i&&(i.autoplay=this.autoplay,i.loop=this.loop,this.autoplay||i.pause())}async _loadImage(i){if(this._cache&&!this._cache.destroyed&&this._cache.type==="imagery-tile")return await this._cache.load(i),this._videoElement=void 0,{layer:this._cache,size:this.size};let{url:e,customParameters:t}=this,a=this.datasetFormat;if(!e)throw new Error("URL is required to load NonPanoramicMedia.");if(!a){let o=await import("./DBA7NSTP.js").then(m=>m.default);if(l(i),a=o.guessExtensionFromURI(e),!a){try{a=await o.getDatasetFormat(e)}catch{w("warn",this,"Failed to determine dataset format from URL or response headers."),a="UNKNOWN FORMAT"}l(i)}}this.datasetFormat=a;let r=(await $arcgis.t(m=>({default:m[0]}),"layers/ImageryTileLayer")).default;l(i);let s=new r({url:e,ioConfig:{skipExtensions:["aux.xml","jgw"],skipMapInfo:!0,datasetFormat:a},customParameters:t??void 0});return await s.load(i),l(i),this._videoElement=void 0,this._cache=s,{layer:this._cache,size:this.size}}};h([d()],n.prototype,"_cache",2);h([d()],n.prototype,"_videoElement",2);h([d()],n.prototype,"autoplay",2);h([d()],n.prototype,"loop",2);h([d()],n.prototype,"title",2);h([d()],n.prototype,"type",2);h([d()],n.prototype,"layer",1);h([d()],n.prototype,"videoElement",1);h([d()],n.prototype,"size",1);h([d()],n.prototype,"autoLoad",2);h([d()],n.prototype,"customParameters",2);h([d()],n.prototype,"datasetFormat",2);h([d()],n.prototype,"url",2);n=h([L("components.oriented-imagery-viewer.support.NonPanoramicMedia")],n);function W(i,e,t,a,r){let{width:s,height:o}=I(i,e,r);return Math.max(s/t,o/a)}var A=96,U=39.37,M=U*A;function C(i){let e=M*.25,t=M*i,a=[],r=t;for(;r>e;)a.push(r),r*=.5;a.push(e);let{lods:s}=T.create({scales:a});return{minScale:t,lods:s}}var y=class extends x{constructor(){super(...arguments),this._messages=P(),this.#t=new b(this),this._imageChanged=!1,this._internalMap=R(),this._loading=!1,this.hideHeader=!1,this.hideLoader=!1,this.hideZoomControls=!1,this.hideVideoControls=!1,this.rotation=0}static{this.properties={_imageChanged:16,_internalMap:16,_layer:16,_videoTargetExtent:16,_videoRef:16,_loading:16,_media:16,hideHeader:5,hideLoader:5,hideZoomControls:5,hideVideoControls:5,messageOverrides:0,media:0,rotation:9}}static{this.styles=[G]}#t;#i;#a;#e;#s;#r;get imageRenderer(){return this._internalMap?.value?.view}get map(){return this.imageRenderer?.map}get media(){return this._media}set media(e){if(!e){this.#i?.abort(),this._media=void 0,this._clearMedia();return}this._media=e instanceof n?e:new n(e)}addGraphic(e){this.#t.addGraphic(e)}addGraphics(e){this.#t.addGraphics(e)}clearGraphics(){this.#t.clearGraphics()}async mediaOnLoad(){return this.#a&&await this.#a,this._media}removeGraphic(e){this.#t.removeGraphic(e)}removeGraphics(e){this.#t.removeGraphics(e)}loaded(){this.manager.onLifecycle(()=>[this._createResizeConstraint(),this._createRotationHandler(),this._createPanConstraint(),this._createVideoInteractionWatcher(),{remove:()=>{this._removeVideoPanHandles()}},p(()=>this._media,e=>{this.#i?.abort(),e&&(this.#i=new AbortController,this.#a=this._loadMediaInternal(e,this.#i),this.#a.catch(()=>{}))},{initial:!0,sync:!0})])}_createPanConstraint(){return p(()=>({layer:this._layer,imageRenderer:this.imageRenderer}),({layer:e,imageRenderer:t})=>{this._media?.type!=="video"&&(e?.type!=="imagery-tile"||!t?.ready||O(t,e))},{sync:!0,initial:!0})}_createResizeConstraint(){return p(()=>{if(!this.imageRenderer?.ready||!this._layer)return;if(this._layer.type==="imagery-tile"){let{width:t,height:a}=this._layer.serviceRasterInfo,{width:r,height:s,rotation:o}=this.imageRenderer;return W(t,a,r,s,o)}let e=this._videoTargetExtent;if(!(!e||this.imageRenderer.width<=0||this.imageRenderer.height<=0))return Math.max(e.width/this.imageRenderer.width,e.height/this.imageRenderer.height)},e=>{if(!e||!this.imageRenderer)return;if(this._media?.type==="video"){this._updateVideoScaleForResize(e);return}let{constraints:t,scale:a}=this.imageRenderer,r=t.minScale,{lods:s,minScale:o}=C(e);t.set({minScale:o,lods:s}),this.imageRenderer.scale=this._imageChanged||Math.abs(a-r)<=1e-6?o:a,this._imageChanged=!1},{sync:!0,initial:!0})}_createVideoInteractionWatcher(){return p(()=>[this.imageRenderer?.interacting,this.imageRenderer?.navigating,this.imageRenderer?.scale],()=>{this._media?.type==="video"&&this._updateVideoInteraction()},{initial:!0})}_createRotationHandler(){return p(()=>this.rotation,e=>{this._media?.type!=="video"&&this.imageRenderer&&(this.imageRenderer.constraints.rotationEnabled=!0,this.imageRenderer.rotation=e,this.imageRenderer.constraints.rotationEnabled=!1)},{sync:!0,initial:!0})}_clearMedia(){this._removeVideoPanHandles(),this._restoreConstraints(),this.#e=void 0,this._videoTargetExtent=void 0,this._videoRef?.pause(),this._videoRef=void 0,this._layer&&this.map?.layers.includes(this._layer)&&this.map.layers.remove(this._layer),this._layer?.destroy(),this._layer=void 0}async _loadMediaInternal(e,t){if(this._loading=!0,this._clearMedia(),!e)throw new Error("No media provided");let{layer:a}=await e.load(t).finally(()=>{this._loading=!1});l(t),this._imageChanged=!0,this._layer=a,this.imageRenderer?.map?.layers.add(this._layer),e.type==="video"&&await this._loadVideoMedia(e)}async _loadVideoMedia(e){let t=this.imageRenderer,a=new S(z),r=e.videoElement;this._videoRef=r instanceof HTMLVideoElement?r:void 0,t&&(await t.when(),this._snapshotConstraints(),t.constraints.set({rotationEnabled:!1}),await t.goTo(a.clone(),{animate:!1}),this._videoTargetExtent=t.extent?.clone(),this.#e=t.extent?.clone(),this._videoTargetExtent&&t.width>0&&t.height>0&&this._updateVideoScaleForResize(Math.max(this._videoTargetExtent.width/t.width,this._videoTargetExtent.height/t.height))),this._updateVideoInteraction()}_snapshotConstraints(){let e=this.imageRenderer?.constraints;!e||this.#r||(this.#r={geometry:e.geometry?.clone()??null,lods:e.lods,maxScale:e.maxScale,minScale:e.minScale,rotationEnabled:e.rotationEnabled})}_restoreConstraints(){let e=this.imageRenderer?.constraints,t=this.#r;!e||!t||(e.set({geometry:t.geometry,lods:t.lods,maxScale:t.maxScale,minScale:t.minScale,rotationEnabled:t.rotationEnabled}),this.#r=void 0)}_disablePan(){let e=this.imageRenderer;if(this._removeVideoPanHandles(),!e)return;let t=e.on("drag",r=>r.stopPropagation()),a=e.on("key-down",r=>{r.key.startsWith("Arrow")&&r.stopPropagation()});this.#s=[t,a]}_enablePan(){this._removeVideoPanHandles()}_removeVideoPanHandles(){this.#s?.forEach(e=>e.remove()),this.#s=void 0}_updateVideoInteraction(){let e=this.imageRenderer,t=e?.extent;if(!e||!t||this._layer?.type!=="media")return;this.#e??=t.clone();let{minScale:a}=e.constraints;if(!a)return;let r=e.scale<a-_,s=N(t,this._videoTargetExtent);if(r&&s){this._enablePan(),e.constraints.geometry=s;return}if(r){this._disablePan(),e.constraints.geometry=null;return}this.#e&&!t.equals(this.#e)&&(e.extent=this.#e.clone()),this._disablePan(),e.constraints.geometry=null}_updateVideoScaleForResize(e){if(!this.imageRenderer)return;let{constraints:t,scale:a}=this.imageRenderer,r=t.minScale,s=r!=null&&Math.abs(a-r)<=_,{lods:o,minScale:c}=C(e);t.set({lods:o,minScale:c,rotationEnabled:!1}),this.imageRenderer.scale=this._imageChanged||s?c:a,this._imageChanged=!1,s&&requestAnimationFrame(()=>{let{extent:m,scale:u,constraints:v}=this.imageRenderer??{};m&&u&&v?.minScale!=null&&Math.abs(u-v.minScale)<=_&&(this.#e=m.clone())})}render(){return g`<calcite-panel .loading=${this.hideLoader?void 0:this._loading} .heading=${this.hideHeader?void 0:this._messages.title}><arcgis-map hide-attribution .spatialReference=${H.WebMercator} ${E(this._internalMap)}><arcgis-zoom .hidden=${this.hideZoomControls} .messageOverrides=${this.messageOverrides} slot=top-left></arcgis-zoom></arcgis-map>${this.hideVideoControls||this._media?.type!=="video"||!this._videoRef?void 0:g`<arcgis-oriented-imagery-viewer-video-controls .videoRef=${this._videoRef}></arcgis-oriented-imagery-viewer-video-controls>`}</calcite-panel>`}};V("arcgis-oriented-imagery-viewer-non-panoramic-viewer",y);return y},"core/accessorSupport/decorators","core/Accessor","geometry/Extent","geometry/SpatialReference","core/reactiveUtils","applications/Components/OrientedImageryViewer/ImageViewer/utils","layers/support/TileInfo",a,b)
|
package/dist/cdn/W3ENDJ6U.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as _}from"./XEK22IDA.js";import c from"./IFMBHZHX.js";import b from"./TMJX7DFH.js";import a from"./DSDPDMLP.js";import"./VJVKFKSG.js";import"./JAZGNQRP.js";import"./Z5C6UBYP.js";import"./QUZTFUWM.js";import{e as L}from"./WQMZ7BDQ.js";import{N as O,O as S,P as j,R,V as f,X as Q,a as N,b as o,n as M}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{templateHasKey:V,stripHTML:T},{renderingSanitizer:H},{isRelatableFeatureSupportedLayer:J,findRelatedLayer:U},{substitute:X,formatNumber:k},{watch:p,on:Y},K,Z,{ignoreAbortErrors:P},ee,,,{h:B}])=>{var te=N`:host{position:relative;flex:1 1 auto}:host([empty]){display:none}.list{min-height:var(--calcite-spacing-xxxl)}.list-item-hidden{display:none}.feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none}`,ie=u=>{let e=[];if(u.formTemplate){let{description:t,title:i}=u.formTemplate;u.fields?.forEach(r=>{let s=i&&V(i,r.name),a=t&&V(t,r.name);(s||a)&&e.push(r.name)})}return e},D=100;function re(u){return typeof u=="string"&&u.trim().length>0}var E=class extends j{constructor(){super(...arguments),this._increaseFeaturePage=()=>{let{state:e,showAllEnabled:t,relatedFeatures:i,featuresPerPage:r,featurePage:s}=this;e==="ready"&&t&&i.length>=r*s&&this.featurePage++},this._relatedFeatureIntersectionObserver=new IntersectionObserver(([e])=>{e?.isIntersecting&&this._increaseFeaturePage()},{root:window.document}),this._featurePage=1,this._cancelQuery=()=>{let{_queryAbortController:e}=this;e&&e.abort(),this._queryAbortController=null},this._cancelQueryFeatureCount=()=>{let{_queryFeatureCountAbortController:e}=this;e&&e.abort(),this._queryFeatureCountAbortController=null},this._cancelQueryPage=()=>{let{_queryPageAbortController:e}=this;e&&e.abort(),this._queryPageAbortController=null},this._queryController=async()=>{this._cancelQuery();let e=new AbortController;this._queryAbortController=e,await P(this._query()),this._queryAbortController===e&&(this._queryAbortController=null)},this._queryFeatureCountController=async()=>{this._loaded=!1,this._cancelQueryFeatureCount();let e=new AbortController;this._queryFeatureCountAbortController=e,await P(this._queryFeatureCount()),this._queryFeatureCountAbortController===e&&(this._queryFeatureCountAbortController=null),this._loaded=!0},this._queryPageController=async()=>{let e=new AbortController;this._queryPageAbortController=e,await P(this._queryPage()),this._queryPageAbortController===e&&(this._queryPageAbortController=null)},this._queryDebounced=_(this._queryController,D),this._queryFeatureCountDebounced=_(this._queryFeatureCountController,D),this._queryPageDebounced=_(this._queryPageController,D),this._query=async()=>{let{_queryAbortController:e,relatedFeatures:t}=this;!this.featureCount||this.relatedLayer?.type==="subtype-group"&&!this.activeCategory||(this.relatedFeatureViewModels.destroyAll(),this.featurePage=1,t.destroyAll(),t.addMany(this._sliceFeatures(await this._queryRelatedFeatures({signal:e?.signal}))))},this._addFlowItem=e=>{e&&this.flowItems?.push(e)},this._relatedFeatureIntersectionObserverNode=O(),this.relatedFeatures=new K,this._queryAbortController=null,this._queryPageAbortController=null,this._queryFeatureCountAbortController=null,this.featureCount=0,this._loaded=!1,this.relatedFeatureViewModels=new K,this.autoDestroyDisabled=!1,this.featuresPerPage=10,this.useFeatureNextFlowItem=!1,this.includeDefaultActions=!1,this.flowType="feature-relationship",this.headingLevel=2,this.hideHeading=!1,this.hideDescription=!1,this.hideEmptyRelationshipContent=!1,this.empty=!1,this.showAllEnabled=!1}static{this.properties={allCategories:16,_queryAbortController:16,_queryPageAbortController:16,_queryFeatureCountAbortController:16,featureCount:16,_loaded:16,canLoad:16,canQuery:16,displayShowAllButton:16,displayListItems:16,categories:16,itemDescriptionFieldName:16,relatedFeatureViewModels:16,state:16,autoDestroyDisabled:5,allItemsDescription:32,featurePage:9,featuresPerPage:9,flowItems:0,useFeatureNextFlowItem:5,actions:0,includeDefaultActions:5,flowType:1,headingLevel:9,messages:0,heading:1,description:1,values:0,activeCategory:0,hideHeading:5,hideDescription:5,hideEmptyRelationshipContent:5,empty:39,displayCount:9,graphic:0,layer:0,map:0,view:0,spatialReference:0,timeZone:1,orderByFields:0,relationshipId:9,showAllEnabled:5,label:3}}static{this.styles=te}get orderByFieldsFixedCasing(){let{orderByFields:e,relatedLayer:t}=this;return e&&t?.loaded?e.map(i=>{let r=i.clone();return r.field=B(i.field,t),r}):e??[]}get supportsCacheHint(){return!!this.layer?.capabilities?.queryRelated?.supportsCacheHint}get allCategoriesCount(){return this.allCategories?.length??0}get objectId(){return(this.objectIdField&&this.graphic?.attributes?.[this.objectIdField])??null}get objectIdField(){return this.layer?.objectIdField||null}get relatedLayer(){let{layer:e,map:t,relationship:i}=this;if(!e?.loaded||!t||!i)return null;let r=e.type==="subtype-sublayer"&&e.parent&&J(e.parent)?e.parent:e;return U(t,r,i)??null}get relatedLayerKeyField(){let{relatedLayer:e,relationshipId:t}=this;return e?.loaded&&t!=null?e.relationships?.find(i=>i.id===t)?.keyField:null}get relatedLayerKeyFields(){let{relatedLayer:e}=this;return e?.loaded?e.relationships?.map(t=>t.keyField).filter(t=>t!=null)??[]:[]}get relationship(){let{relationshipId:e,layer:t}=this;return e!=null&&t?.loaded?t.relationships?.find(({id:i})=>i===e)??null:null}get relationshipKey(){let{relationshipKeyField:e}=this;return(e&&this.graphic?.attributes?.[e])??null}get relationshipKeyField(){return this.relationship?.keyField||null}get canLoad(){return!!this.map&&this.relationshipId!=null&&typeof this.objectId=="number"}get canQuery(){let e=this.layer?.capabilities?.queryRelated;return!!this.relatedLayer&&!!this.relationship&&this.relationshipId!=null&&this.objectId!=null&&!!e?.supportsCount&&e?.supportsPagination}get displayShowAllButton(){let{showAllEnabled:e,featureCount:t,displayCount:i,state:r,allCategoriesCount:s}=this,a=!!s&&(s>i||i===0),n=!!t&&(t>i||i===0);return!e&&r==="ready"&&(a||n)}get displayListItems(){let{relatedFeatures:e,allCategoriesCount:t}=this;return this.displayShowAllButton||!!e.length||!!t}get categories(){let{allCategories:e}=this;return this.showAllEnabled?e:e?.slice(0,this.displayCount)??null}get itemDescriptionFieldName(){return this.orderByFieldsFixedCasing[0]?.field||null}get state(){let{_queryAbortController:e,_queryFeatureCountAbortController:t,_queryPageAbortController:i,canQuery:r,_loaded:s,canLoad:a}=this;return t||a&&!s?"loading":e||i?"querying":r?"ready":"disabled"}get allItemsDescription(){let{messages:e,featureCount:t,allCategories:i,allCategoriesCount:r}=this;return X(e?.numberRecords??"",{number:k(i?r:t)})}get featurePage(){return this._featurePage}set featurePage(e){let{featuresPerPage:t,featureCount:i}=this,r=1,s=Math.ceil(i/t)||1;this._featurePage=Math.min(Math.max(e,r),s)}get heading(){let{activeCategory:e}=this;return this._heading??e?.name}set heading(e){this._heading=e}get _empty(){let{displayListItems:e,hideEmptyRelationshipContent:t,state:i}=this;return t&&i==="ready"&&!e}get displayCount(){return this._displayCount??3}set displayCount(e){this._displayCount=Math.min(Math.max(e??3,0),10)}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[p(()=>[this.displayCount,this.graphic,this.layer,this.layer?.loaded,this.map,this.orderByFields,this.relationshipId,this.featuresPerPage,this.showAllEnabled,this.canQuery,this.featureCount,this.activeCategory],()=>this._queryDebounced(),{initial:!0}),p(()=>[this.featurePage,this.showAllEnabled],()=>this._queryPageDebounced()),p(()=>[this.layer,this.relationshipId,this.objectId,this.canQuery,this.activeCategory],()=>this._queryFeatureCountDebounced(),{initial:!0}),p(()=>[this.state,this.showAllEnabled,this._relatedFeatureIntersectionObserverNode],()=>this._handleRelatedFeatureObserverChange()),p(()=>[this.displayListItems,this.hideEmptyRelationshipContent,this.state],()=>this._setEmpty(this._empty),{initial:!0}),Y(()=>this.relatedFeatures,"change",()=>this._setRelatedFeaturesViewModels())]),this.manager.onDestroy(()=>{this.relatedFeatureViewModels.destroyAll(),this.relatedFeatures.destroyAll(),this._cancelQuery(),this._cancelQueryFeatureCount(),this._cancelQueryPage(),this._unobserveRelatedFeatureObserver()})}_setEmpty(e){M(()=>this.empty=e)}async _queryFeatureCount(){let{layer:e,relatedLayer:t}=this;await e?.load(),await t?.load();let{_queryFeatureCountAbortController:i,activeCategory:r,canQuery:s,objectId:a,relatedLayerKeyField:n,relationshipId:l,relationshipKey:g,supportsCacheHint:C}=this;if(!s||!e||!t||a==null){this.featureCount=0,this.allCategories=void 0;return}if(t?.type==="subtype-group"&&!r){if(this.featureCount=0,this.relatedFeatureViewModels.destroyAll(),this.featurePage=1,this.relatedFeatures.destroyAll(),n&&g!=null){let{default:v}=await $arcgis.t(m=>m[0],"smartMapping/statistics/uniqueValues"),{uniqueValueInfos:I}=await v({layer:t,sqlWhere:`${n} = '${g}'`,field:t.subtypeField??void 0,signal:i?.signal}),$=I.map(({count:h,value:y})=>{let b=t.subtypes?.find(A=>A.code===y)?.name;return y!=null&&b?{count:h,value:y,name:b}:void 0}).filter(h=>h!=null);this.allCategories=$}return}let{historicMoment:m,gdbVersion:F}=e,w=new Z({cacheHint:C,gdbVersion:F,historicMoment:m,relationshipId:l,returnGeometry:!1,objectIds:[a],where:this._getRelationshipWhereClause(t)}),c=await e.queryRelatedFeaturesCount(w,{signal:i?.signal});this.allCategories=void 0,this.featureCount=c[a]||0}_getRelationshipWhereClause(e){let{activeCategory:t}=this,i=e.createQuery(),r="subtypeField"in e?e.subtypeField:void 0,s=t&&r?`${r} = ${t.value}`:void 0,a=i.where;return a&&s?`(${a}) AND (${s})`:a??s}_sliceFeatures(e){let{showAllEnabled:t,displayCount:i}=this;return t?e:i?e.slice(0,i):[]}async _queryPage(){let{relatedFeatures:e,featurePage:t,showAllEnabled:i,_queryPageAbortController:r,featureCount:s}=this;!i||t<2||!s||this.relatedLayer?.type==="subtype-group"&&!this.activeCategory||e.addMany(await this._queryRelatedFeatures({signal:r?.signal}))}async _queryRelatedFeatures(e){let{displayCount:t,featureCount:i,featurePage:r,featuresPerPage:s,layer:a,orderByFieldsFixedCasing:n,relatedLayer:l,relatedLayerKeyFields:g,relationshipId:C,showAllEnabled:m,supportsCacheHint:F}=this,{canQuery:w,objectId:c}=this;if(!w||!a||!l||c==null)return[];let v=m?((r-1)*s+i)%i:0,I=m?s:t,$=l.objectIdField,h="subtypeField"in l?l.subtypeField:void 0,y=[...n.map(d=>d.field),...ie(l),...g,$,h].filter(re),b=n.map(d=>`${d.field} ${d.order}`),{historicMoment:A,gdbVersion:z}=a,W=new Z({orderByFields:b,start:v,num:I,outFields:y,cacheHint:F,historicMoment:A,gdbVersion:z,relationshipId:C,returnGeometry:!1,objectIds:[c],where:this._getRelationshipWhereClause(l)}),q=(await a.queryRelatedFeatures(W,{signal:e?.signal}))[c]?.features||[];return l.type==="subtype-group"&&h?q.forEach(d=>{let G=d.attributes[h],x=l.findSublayerForSubtypeCode?.(G);d.sourceLayer=x,d.layer=x}):q.forEach(d=>{d.sourceLayer=l,d.layer=l}),q}_selectCategory(e){let{flowItems:t}=this;t&&this._addRelationshipFlowItem({showAllEnabled:!0,activeCategory:e})}_selectRecord(e){let{flowItems:t}=this;if(!t)return;let i=this.useFeatureNextFlowItem?f(o`<arcgis-feature-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .includeDefaultActions=${this.includeDefaultActions} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`):f(o`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`);this._addFlowItem(i)}_addRelationshipFlowItem({showAllEnabled:e=!1,activeCategory:t}){this._addFlowItem(f(o`<arcgis-feature-relationship .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .messages=${this.messages} .activeCategory=${t} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} .heading=${this.heading} .includeDefaultActions=${this.includeDefaultActions} hide-description .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .showAllEnabled=${e} hide-heading .layer=${this.layer} .map=${this.map} .orderByFields=${this.orderByFields} .relationshipId=${this.relationshipId} .spatialReference=${this.spatialReference} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem} .values=${this.values} .view=${this.view}></arcgis-feature-relationship>`))}_showAllRecords(){let{flowItems:e}=this;e&&this._addRelationshipFlowItem({showAllEnabled:!0})}_handleRelatedFeatureObserverChange(){this._unobserveRelatedFeatureObserver();let{state:e,showAllEnabled:t}=this;this._relatedFeatureIntersectionObserverNode.value&&e==="ready"&&t&&this._relatedFeatureIntersectionObserver.observe(this._relatedFeatureIntersectionObserverNode.value)}_unobserveRelatedFeatureObserver(){this._relatedFeatureIntersectionObserverNode.value&&this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode.value)}_matchesFeature(e,t){let i=e?.graphic?.getObjectId(),r=t?.getObjectId();return i!=null&&r!=null&&i===r}_setRelatedFeaturesViewModels(){let{relatedFeatures:e,relatedFeatureViewModels:t,map:i,view:r,spatialReference:s,timeZone:a}=this;e?.filter(Boolean).forEach(n=>{t.some(l=>this._matchesFeature(l,n))||t.add(new ee({abilities:{relationshipContent:!1},map:i,view:r,spatialReference:s,timeZone:a,graphic:n}))}),t.forEach(n=>{e?.find(l=>this._matchesFeature(n,l))||t.remove(n)})}render(){let{state:e}=this;return o`<div class="root"><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${e==="loading"?this._renderLoading():e==="disabled"?this._renderRelationshipNotFound():this._renderRelatedFeatures()}</div>`}_renderStickyLoading(){return this.state==="querying"?o`<div class="sticky-loading-container">${this._renderLoadingIcon()}</div>`:null}_renderLoadingIcon(){return o`<calcite-loader inline label></calcite-loader>`}_renderLoading(){return o`<div class="loading-container">${this._renderLoadingIcon()}</div>`}_renderShowAllIconNode(){return o`<calcite-icon icon=list scale=s slot=content-end></calcite-icon>`}_renderChevronIconNode(){return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`}_renderCategory(e){let{count:t,name:i}=e,r=k(t);return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${i} @calciteListItemSelect=${()=>this._selectCategory(e)}><calcite-chip .label=${r} scale=s slot=content-end>${r}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`}_renderRelatedFeature(e){let{itemDescriptionFieldName:t,values:i}=this,{formattedAttributes:r,state:s,heading:a}=e,n={...i,...r?.global},l=(t&&n?.[t])??"";return o`<calcite-list-item class=${R(L("list-item",{"list-item-hidden":s==="loading"}))} .description=${T(l.toString())} .label=${T(a)} @calciteListItemSelect=${()=>this._selectRecord(e)}><div slot=heading><div .innerHTML=${H.sanitize(a??"")??""}></div></div><div slot=description><div .innerHTML=${H.sanitize(l??"")??""}></div></div>${this._renderChevronIconNode()}</calcite-list-item>`}_renderShowAllListItem(){return this.displayShowAllButton?o`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${()=>this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>`:null}_renderNoRelatedFeaturesMessage(){return o`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noRelatedFeatures}</div></calcite-notice>`}_renderFeatureObserver(){return o`<div class="feature-observer" ${S(this._relatedFeatureIntersectionObserverNode)}></div>`}_renderList(){let{relatedFeatureViewModels:e,categories:t}=this;return o`<calcite-list display-mode=flat .label=${this.messages?.relatedFeaturesList??""}>${t?.map(i=>this._renderCategory(i))??e.toArray().map(i=>this._renderRelatedFeature(i))}${this._renderShowAllListItem()}</calcite-list>`}_renderRelatedFeatures(){let{displayListItems:e}=this,{state:t}=this;return o`<div class=${R(L("list",{"list-querying":t==="querying"}))}>${e?this._renderList():t==="ready"?this._renderNoRelatedFeaturesMessage():null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`}_renderRelationshipNotFound(){return o`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`}};Q("arcgis-feature-relationship",E);return E},"applications/Components/stringUtils","applications/Components/sanitizerUtils","applications/Components/featureUtils","intl","core/reactiveUtils","core/Collection","rest/support/RelationshipQuery","core/promiseUtils","popup/FeatureModel",a,b,c)
|
|
2
|
+
import{a as _}from"./XEK22IDA.js";import c from"./IFMBHZHX.js";import b from"./TMJX7DFH.js";import a from"./DSDPDMLP.js";import"./VJVKFKSG.js";import"./JAZGNQRP.js";import"./Z5C6UBYP.js";import"./QUZTFUWM.js";import{e as L}from"./WQMZ7BDQ.js";import{N as O,O as S,P as j,R,V as f,X as Q,a as N,b as o,n as M}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([{templateHasKey:V,stripHTML:T},{renderingSanitizer:H},{isRelatableFeatureSupportedLayer:J,findRelatedLayer:U},{substitute:X,formatNumber:k},{watch:p,on:Y},K,Z,{ignoreAbortErrors:P},ee,,,{h:B}])=>{var te=N`:host{position:relative;flex:1 1 auto}:host([empty]){display:none}.list{min-height:var(--calcite-spacing-xxxl)}.list-item-hidden{display:none}.feature-observer{position:relative;bottom:var(--calcite-spacing-xxl);z-index:2;text-align:center}.sticky-loading-container{display:flex;position:sticky;bottom:var(--calcite-spacing-sm);align-items:center;justify-content:center;z-index:2;margin:0;padding:0;height:var(--calcite-spacing-xxxl);pointer-events:none}`,ie=u=>{let e=[];if(u.formTemplate){let{description:t,title:i}=u.formTemplate;u.fields?.forEach(r=>{let s=i&&V(i,r.name),a=t&&V(t,r.name);(s||a)&&e.push(r.name)})}return e},D=100;function re(u){return typeof u=="string"&&u.trim().length>0}var E=class extends j{constructor(){super(...arguments),this._increaseFeaturePage=()=>{let{state:e,showAllEnabled:t,relatedFeatures:i,featuresPerPage:r,featurePage:s}=this;e==="ready"&&t&&i.length>=r*s&&this.featurePage++},this._relatedFeatureIntersectionObserver=new IntersectionObserver(([e])=>{e?.isIntersecting&&this._increaseFeaturePage()},{root:window.document}),this._featurePage=1,this._cancelQuery=()=>{let{_queryAbortController:e}=this;e&&e.abort(),this._queryAbortController=null},this._cancelQueryFeatureCount=()=>{let{_queryFeatureCountAbortController:e}=this;e&&e.abort(),this._queryFeatureCountAbortController=null},this._cancelQueryPage=()=>{let{_queryPageAbortController:e}=this;e&&e.abort(),this._queryPageAbortController=null},this._queryController=async()=>{this._cancelQuery();let e=new AbortController;this._queryAbortController=e,await P(this._query()),this._queryAbortController===e&&(this._queryAbortController=null)},this._queryFeatureCountController=async()=>{this._loaded=!1,this._cancelQueryFeatureCount();let e=new AbortController;this._queryFeatureCountAbortController=e,await P(this._queryFeatureCount()),this._queryFeatureCountAbortController===e&&(this._queryFeatureCountAbortController=null),this._loaded=!0},this._queryPageController=async()=>{let e=new AbortController;this._queryPageAbortController=e,await P(this._queryPage()),this._queryPageAbortController===e&&(this._queryPageAbortController=null)},this._queryDebounced=_(this._queryController,D),this._queryFeatureCountDebounced=_(this._queryFeatureCountController,D),this._queryPageDebounced=_(this._queryPageController,D),this._query=async()=>{let{_queryAbortController:e,relatedFeatures:t}=this;!this.featureCount||this.relatedLayer?.type==="subtype-group"&&!this.activeCategory||(this.relatedFeatureViewModels.destroyAll(),this.featurePage=1,t.destroyAll(),t.addMany(this._sliceFeatures(await this._queryRelatedFeatures({signal:e?.signal}))))},this._addFlowItem=e=>{e&&this.flowItems?.push(e)},this._relatedFeatureIntersectionObserverNode=O(),this.relatedFeatures=new K,this._queryAbortController=null,this._queryPageAbortController=null,this._queryFeatureCountAbortController=null,this.featureCount=0,this._loaded=!1,this.relatedFeatureViewModels=new K,this.autoDestroyDisabled=!1,this.featuresPerPage=10,this.useFeatureNextFlowItem=!1,this.includeDefaultActions=!1,this.flowType="feature-relationship",this.headingLevel=2,this.hideHeading=!1,this.hideDescription=!1,this.hideEmptyRelationshipContent=!1,this.empty=!1,this.showAllEnabled=!1}static{this.properties={allCategories:16,_queryAbortController:16,_queryPageAbortController:16,_queryFeatureCountAbortController:16,featureCount:16,_loaded:16,canLoad:16,canQuery:16,displayShowAllButton:16,displayListItems:16,categories:16,itemDescriptionFieldName:16,relatedFeatureViewModels:16,state:16,autoDestroyDisabled:5,allItemsDescription:32,featurePage:9,featuresPerPage:9,flowItems:0,useFeatureNextFlowItem:5,actions:0,includeDefaultActions:5,flowType:1,headingLevel:9,messages:0,heading:1,description:1,values:0,activeCategory:0,hideHeading:5,hideDescription:5,hideEmptyRelationshipContent:5,empty:39,displayCount:9,graphic:0,layer:0,map:0,view:0,spatialReference:0,timeZone:1,orderByFields:0,relationshipId:9,showAllEnabled:5,label:3}}static{this.styles=te}get orderByFieldsFixedCasing(){let{orderByFields:e,relatedLayer:t}=this;return e&&t?.loaded?e.map(i=>{let r=i.clone();return r.field=B(i.field,t),r}):e??[]}get supportsCacheHint(){return!!this.layer?.capabilities?.queryRelated?.supportsCacheHint}get allCategoriesCount(){return this.allCategories?.length??0}get objectId(){return(this.objectIdField&&this.graphic?.attributes?.[this.objectIdField])??null}get objectIdField(){return this.layer?.objectIdField||null}get relatedLayer(){let{layer:e,map:t,relationship:i}=this;if(!e?.loaded||!t||!i)return null;let r=e.type==="subtype-sublayer"&&e.parent&&J(e.parent)?e.parent:e;return U(t,r,i)??null}get relatedLayerKeyField(){let{relatedLayer:e,relationshipId:t}=this;return e?.loaded&&t!=null?e.relationships?.find(i=>i.id===t)?.keyField:null}get relatedLayerKeyFields(){let{relatedLayer:e}=this;return e?.loaded?e.relationships?.map(t=>t.keyField).filter(t=>t!=null)??[]:[]}get relationship(){let{relationshipId:e,layer:t}=this;return e!=null&&t?.loaded?t.relationships?.find(({id:i})=>i===e)??null:null}get relationshipKey(){let{relationshipKeyField:e}=this;return(e&&this.graphic?.attributes?.[e])??null}get relationshipKeyField(){return this.relationship?.keyField||null}get canLoad(){return!!this.map&&this.relationshipId!=null&&typeof this.objectId=="number"}get canQuery(){let e=this.layer?.capabilities?.queryRelated;return!!this.relatedLayer&&!!this.relationship&&this.relationshipId!=null&&this.objectId!=null&&!!e?.supportsCount&&e?.supportsPagination}get displayShowAllButton(){let{showAllEnabled:e,featureCount:t,displayCount:i,state:r,allCategoriesCount:s}=this,a=!!s&&(s>i||i===0),n=!!t&&(t>i||i===0);return!e&&r==="ready"&&(a||n)}get displayListItems(){let{relatedFeatures:e,allCategoriesCount:t}=this;return this.displayShowAllButton||!!e.length||!!t}get categories(){let{allCategories:e}=this;return this.showAllEnabled?e:e?.slice(0,this.displayCount)??null}get itemDescriptionFieldName(){return this.orderByFieldsFixedCasing[0]?.field||null}get state(){let{_queryAbortController:e,_queryFeatureCountAbortController:t,_queryPageAbortController:i,canQuery:r,_loaded:s,canLoad:a}=this;return t||a&&!s?"loading":e||i?"querying":r?"ready":"disabled"}get allItemsDescription(){let{messages:e,featureCount:t,allCategories:i,allCategoriesCount:r}=this;return X(e?.numberRecords??"",{number:k(i?r:t)})}get featurePage(){return this._featurePage}set featurePage(e){let{featuresPerPage:t,featureCount:i}=this,r=1,s=Math.ceil(i/t)||1;this._featurePage=Math.min(Math.max(e,r),s)}get heading(){let{activeCategory:e}=this;return this._heading??e?.name}set heading(e){this._heading=e}get _empty(){let{displayListItems:e,hideEmptyRelationshipContent:t,state:i}=this;return t&&i==="ready"&&!e}get displayCount(){return this._displayCount??3}set displayCount(e){this._displayCount=Math.min(Math.max(e??3,0),10)}async destroy(){await this.manager.destroy()}loaded(){this.manager.onLifecycle(()=>[p(()=>[this.displayCount,this.graphic,this.layer,this.layer?.loaded,this.map,this.orderByFields,this.relationshipId,this.featuresPerPage,this.showAllEnabled,this.canQuery,this.featureCount,this.activeCategory],()=>this._queryDebounced(),{initial:!0}),p(()=>[this.featurePage,this.showAllEnabled],()=>this._queryPageDebounced()),p(()=>[this.layer,this.relationshipId,this.objectId,this.canQuery,this.activeCategory],()=>this._queryFeatureCountDebounced(),{initial:!0}),p(()=>[this.state,this.showAllEnabled,this._relatedFeatureIntersectionObserverNode],()=>this._handleRelatedFeatureObserverChange()),p(()=>[this.displayListItems,this.hideEmptyRelationshipContent,this.state],()=>this._setEmpty(this._empty),{initial:!0}),Y(()=>this.relatedFeatures,"change",()=>this._setRelatedFeaturesViewModels())]),this.manager.onDestroy(()=>{this.relatedFeatureViewModels.destroyAll(),this.relatedFeatures.destroyAll(),this._cancelQuery(),this._cancelQueryFeatureCount(),this._cancelQueryPage(),this._unobserveRelatedFeatureObserver()})}_setEmpty(e){M(()=>this.empty=e)}async _queryFeatureCount(){let{layer:e,relatedLayer:t}=this;await e?.load(),await t?.load();let{_queryFeatureCountAbortController:i,activeCategory:r,canQuery:s,objectId:a,relatedLayerKeyField:n,relationshipId:l,relationshipKey:g,supportsCacheHint:C}=this;if(!s||!e||!t||a==null){this.featureCount=0,this.allCategories=void 0;return}if(t?.type==="subtype-group"&&!r){if(this.featureCount=0,this.relatedFeatureViewModels.destroyAll(),this.featurePage=1,this.relatedFeatures.destroyAll(),n&&g!=null){let{default:v}=await $arcgis.t(m=>({default:m[0]}),"smartMapping/statistics/uniqueValues"),{uniqueValueInfos:I}=await v({layer:t,sqlWhere:`${n} = '${g}'`,field:t.subtypeField??void 0,signal:i?.signal}),$=I.map(({count:h,value:y})=>{let b=t.subtypes?.find(A=>A.code===y)?.name;return y!=null&&b?{count:h,value:y,name:b}:void 0}).filter(h=>h!=null);this.allCategories=$}return}let{historicMoment:m,gdbVersion:F}=e,w=new Z({cacheHint:C,gdbVersion:F,historicMoment:m,relationshipId:l,returnGeometry:!1,objectIds:[a],where:this._getRelationshipWhereClause(t)}),c=await e.queryRelatedFeaturesCount(w,{signal:i?.signal});this.allCategories=void 0,this.featureCount=c[a]||0}_getRelationshipWhereClause(e){let{activeCategory:t}=this,i=e.createQuery(),r="subtypeField"in e?e.subtypeField:void 0,s=t&&r?`${r} = ${t.value}`:void 0,a=i.where;return a&&s?`(${a}) AND (${s})`:a??s}_sliceFeatures(e){let{showAllEnabled:t,displayCount:i}=this;return t?e:i?e.slice(0,i):[]}async _queryPage(){let{relatedFeatures:e,featurePage:t,showAllEnabled:i,_queryPageAbortController:r,featureCount:s}=this;!i||t<2||!s||this.relatedLayer?.type==="subtype-group"&&!this.activeCategory||e.addMany(await this._queryRelatedFeatures({signal:r?.signal}))}async _queryRelatedFeatures(e){let{displayCount:t,featureCount:i,featurePage:r,featuresPerPage:s,layer:a,orderByFieldsFixedCasing:n,relatedLayer:l,relatedLayerKeyFields:g,relationshipId:C,showAllEnabled:m,supportsCacheHint:F}=this,{canQuery:w,objectId:c}=this;if(!w||!a||!l||c==null)return[];let v=m?((r-1)*s+i)%i:0,I=m?s:t,$=l.objectIdField,h="subtypeField"in l?l.subtypeField:void 0,y=[...n.map(d=>d.field),...ie(l),...g,$,h].filter(re),b=n.map(d=>`${d.field} ${d.order}`),{historicMoment:A,gdbVersion:z}=a,W=new Z({orderByFields:b,start:v,num:I,outFields:y,cacheHint:F,historicMoment:A,gdbVersion:z,relationshipId:C,returnGeometry:!1,objectIds:[c],where:this._getRelationshipWhereClause(l)}),q=(await a.queryRelatedFeatures(W,{signal:e?.signal}))[c]?.features||[];return l.type==="subtype-group"&&h?q.forEach(d=>{let G=d.attributes[h],x=l.findSublayerForSubtypeCode?.(G);d.sourceLayer=x,d.layer=x}):q.forEach(d=>{d.sourceLayer=l,d.layer=l}),q}_selectCategory(e){let{flowItems:t}=this;t&&this._addRelationshipFlowItem({showAllEnabled:!0,activeCategory:e})}_selectRecord(e){let{flowItems:t}=this;if(!t)return;let i=this.useFeatureNextFlowItem?f(o`<arcgis-feature-next .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .includeDefaultActions=${this.includeDefaultActions} .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature-next>`):f(o`<arcgis-feature .autoDestroyDisabled=${this.autoDestroyDisabled} .flowItems=${t} .flowType=${this.flowType} .graphic=${e.graphic} .map=${this.map} show-relationship-content .spatialReference=${this.spatialReference} .timeZone=${this.timeZone} .view=${this.view}></arcgis-feature>`);this._addFlowItem(i)}_addRelationshipFlowItem({showAllEnabled:e=!1,activeCategory:t}){this._addFlowItem(f(o`<arcgis-feature-relationship .actions=${this.actions} .autoDestroyDisabled=${this.autoDestroyDisabled} .messages=${this.messages} .activeCategory=${t} .displayCount=${this.displayCount} .flowItems=${this.flowItems} .flowType=${this.flowType} .graphic=${this.graphic} .heading=${this.heading} .includeDefaultActions=${this.includeDefaultActions} hide-description .hideEmptyRelationshipContent=${this.hideEmptyRelationshipContent} .showAllEnabled=${e} hide-heading .layer=${this.layer} .map=${this.map} .orderByFields=${this.orderByFields} .relationshipId=${this.relationshipId} .spatialReference=${this.spatialReference} .useFeatureNextFlowItem=${this.useFeatureNextFlowItem} .values=${this.values} .view=${this.view}></arcgis-feature-relationship>`))}_showAllRecords(){let{flowItems:e}=this;e&&this._addRelationshipFlowItem({showAllEnabled:!0})}_handleRelatedFeatureObserverChange(){this._unobserveRelatedFeatureObserver();let{state:e,showAllEnabled:t}=this;this._relatedFeatureIntersectionObserverNode.value&&e==="ready"&&t&&this._relatedFeatureIntersectionObserver.observe(this._relatedFeatureIntersectionObserverNode.value)}_unobserveRelatedFeatureObserver(){this._relatedFeatureIntersectionObserverNode.value&&this._relatedFeatureIntersectionObserver.unobserve(this._relatedFeatureIntersectionObserverNode.value)}_matchesFeature(e,t){let i=e?.graphic?.getObjectId(),r=t?.getObjectId();return i!=null&&r!=null&&i===r}_setRelatedFeaturesViewModels(){let{relatedFeatures:e,relatedFeatureViewModels:t,map:i,view:r,spatialReference:s,timeZone:a}=this;e?.filter(Boolean).forEach(n=>{t.some(l=>this._matchesFeature(l,n))||t.add(new ee({abilities:{relationshipContent:!1},map:i,view:r,spatialReference:s,timeZone:a,graphic:n}))}),t.forEach(n=>{e?.find(l=>this._matchesFeature(n,l))||t.remove(n)})}render(){let{state:e}=this;return o`<div class="root"><arcgis-feature-element-info .heading=${this.heading} .headingLevel=${this.headingLevel} .description=${this.description}></arcgis-feature-element-info>${e==="loading"?this._renderLoading():e==="disabled"?this._renderRelationshipNotFound():this._renderRelatedFeatures()}</div>`}_renderStickyLoading(){return this.state==="querying"?o`<div class="sticky-loading-container">${this._renderLoadingIcon()}</div>`:null}_renderLoadingIcon(){return o`<calcite-loader inline label></calcite-loader>`}_renderLoading(){return o`<div class="loading-container">${this._renderLoadingIcon()}</div>`}_renderShowAllIconNode(){return o`<calcite-icon icon=list scale=s slot=content-end></calcite-icon>`}_renderChevronIconNode(){return o`<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon>`}_renderCategory(e){let{count:t,name:i}=e,r=k(t);return o`<calcite-list-item class="list-item" .disabled=${!t} .label=${i} @calciteListItemSelect=${()=>this._selectCategory(e)}><calcite-chip .label=${r} scale=s slot=content-end>${r}</calcite-chip>${this._renderChevronIconNode()}</calcite-list-item>`}_renderRelatedFeature(e){let{itemDescriptionFieldName:t,values:i}=this,{formattedAttributes:r,state:s,heading:a}=e,n={...i,...r?.global},l=(t&&n?.[t])??"";return o`<calcite-list-item class=${R(L("list-item",{"list-item-hidden":s==="loading"}))} .description=${T(l.toString())} .label=${T(a)} @calciteListItemSelect=${()=>this._selectRecord(e)}><div slot=heading><div .innerHTML=${H.sanitize(a??"")??""}></div></div><div slot=description><div .innerHTML=${H.sanitize(l??"")??""}></div></div>${this._renderChevronIconNode()}</calcite-list-item>`}_renderShowAllListItem(){return this.displayShowAllButton?o`<calcite-list-item .description=${this.allItemsDescription} .label=${this.messages?.showAll} @calciteListItemSelect=${()=>this._showAllRecords()}>${this._renderShowAllIconNode()}</calcite-list-item>`:null}_renderNoRelatedFeaturesMessage(){return o`<calcite-notice icon=information kind=brand open scale=s width=full><div slot=message>${this.messages?.noRelatedFeatures}</div></calcite-notice>`}_renderFeatureObserver(){return o`<div class="feature-observer" ${S(this._relatedFeatureIntersectionObserverNode)}></div>`}_renderList(){let{relatedFeatureViewModels:e,categories:t}=this;return o`<calcite-list display-mode=flat .label=${this.messages?.relatedFeaturesList??""}>${t?.map(i=>this._renderCategory(i))??e.toArray().map(i=>this._renderRelatedFeature(i))}${this._renderShowAllListItem()}</calcite-list>`}_renderRelatedFeatures(){let{displayListItems:e}=this,{state:t}=this;return o`<div class=${R(L("list",{"list-querying":t==="querying"}))}>${e?this._renderList():t==="ready"?this._renderNoRelatedFeaturesMessage():null}${this._renderStickyLoading()}${this._renderFeatureObserver()}</div>`}_renderRelationshipNotFound(){return o`<calcite-notice icon=exclamation-mark-triangle kind=danger open scale=s width=full><div slot=message>${this.messages?.relationshipNotFound}</div></calcite-notice>`}};Q("arcgis-feature-relationship",E);return E},"applications/Components/stringUtils","applications/Components/sanitizerUtils","applications/Components/featureUtils","intl","core/reactiveUtils","core/Collection","rest/support/RelationshipQuery","core/promiseUtils","popup/FeatureModel",a,b,c)
|
package/dist/cdn/Y2LELW5Y.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{D as u,E as d,F as g,N as y,O as f,P as _,S as v,X as b,a as h,b as s,e as p,f as l,p as m}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([x,{isSharedTemplateMetadata:D,isStandardFeatureTemplate:C},{renderPreviewHTML:L},{isTable:M}])=>{var n=class extends g{constructor(t){if(super(t),this.it=l,t.type!==u.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===l||t==null)return this._t=void 0,this.it=t;if(t===p)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}};n.directiveName="unsafeHTML",n.resultType=1;var w=d(n);var O=h`.esri-thumbnail-preview{width:22px;height:22px;background-position:50% 50%;background-repeat:no-repeat}.template-image-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center}`;async function $(e,t,i){if(D(e)&&e.thumbnail){let T=`data:image/png;base64,${e.thumbnail.imageData}`;return s`<div class="esri-thumbnail-preview" style=${v({backgroundImage:`url(${T})`})}></div>`}if(M(t))return s`<calcite-icon icon=table scale=s></calcite-icon>`;let r=await H(t,e);if(r==null)return null;let a={maxSize:24,ariaLabel:i?.ariaLabel};C(e)&&"renderer"in t&&t.renderer?.type==="dictionary"&&(a.fieldMap=t.renderer.fieldMap??void 0,a.feature={attributes:e.prototype.attributes??{}});let o=await L(r,a);return o?s`${w(o.outerHTML)}`:null}async function H(e,t){if(D(t))return await I(e);if("renderer"in e&&e.renderer){let{renderer:i}=e,r=new x({attributes:t.prototype.attributes});if("getSymbolAsync"in i){let a=await i.getSymbolAsync(r);if(a)return a}}return await I(e)}async function S(e){let t=e==="point"||e==="multipoint"?await $arcgis.t(m=>m[0],"symbols/SimpleMarkerSymbol"):e==="polyline"?await $arcgis.t(m=>m[0],"symbols/SimpleLineSymbol"):e==="polygon"||e==="mesh"||e==="multipatch"?await $arcgis.t(m=>m[0],"symbols/SimpleFillSymbol"):null;return t?new t.default:null}async function I(e){return"geometryType"in e&&e.geometryType?await S(e.geometryType):null}var c=class extends _{constructor(){super(...arguments),this._lastRun=0,this._attempted=!1,this._isCurrentlyInView=!1,this._intersectionObserver=null,this._imageContainerDiv=y(),this._generatedImageData=null}static{this.properties={_generatedImageData:16,template:0}}static{this.styles=O}get rootLayer(){return this.template?.layer?.type==="subtype-sublayer"?this.template.layer.parent:this.template?.layer}willUpdate(t){t.has("template")&&(this.hasUpdated||this.template!==null)&&this._resetData()}updated(){!this._attempted&&this._isCurrentlyInView&&(this._attempted=!0,this._handleImage().catch(t=>{m("warn",this,"Failed processing image")}))}loaded(){this.manager.onLifecycle(()=>(this._addIntersectionObserver(),()=>{this._removeIntersectionObserver()}))}_resetData(){this._generatedImageData=null,this._attempted=!1}async _generateImage(){return this.template?await $(this.template.template,this.template.layer):""}async _handleImage(){let t=++this._lastRun;if(!this._generatedImageData||this._generatedImageData==="")try{let i=await this._generateImage();if(this._lastRun!==t||this._generatedImageData===i)return;this._generatedImageData=i}finally{this._attempted=!0}}_addIntersectionObserver(){let t={rootMargin:"50px 0px",threshold:.01};this._imageContainerDiv.value&&requestAnimationFrame(()=>{this.isConnected&&(this._intersectionObserver=new IntersectionObserver(i=>{let r=!1;i.forEach(a=>{a.intersectionRatio>0&&!r?(r=!0,this._isCurrentlyInView=!0,this._handleImage().catch(o=>{m("warn",this,"Failed processing image")})):this._isCurrentlyInView=!1})},t),this._intersectionObserver?.observe(this._imageContainerDiv.value))})}_removeIntersectionObserver(){this._intersectionObserver?.disconnect(),this._intersectionObserver=null}render(){return s`<div class="template-image-container" ${f(this._imageContainerDiv)}>${this._generatedImageData??""}</div>`}};b("arcgis-template-image",c);return c},"Graphic","applications/Components/templateUtils","symbols/support/symbolUtils","applications/Components/layerUtils")
|
|
2
|
+
import{D as u,E as d,F as g,N as y,O as f,P as _,S as v,X as b,a as h,b as s,e as p,f as l,p as m}from"./EKR2SAT2.js";import"./H6RQVSYM.js";export default $arcgis.t(([x,{isSharedTemplateMetadata:D,isStandardFeatureTemplate:C},{renderPreviewHTML:L},{isTable:M}])=>{var n=class extends g{constructor(t){if(super(t),this.it=l,t.type!==u.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===l||t==null)return this._t=void 0,this.it=t;if(t===p)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let i=[t];return i.raw=i,this._t={_$litType$:this.constructor.resultType,strings:i,values:[]}}};n.directiveName="unsafeHTML",n.resultType=1;var w=d(n);var O=h`.esri-thumbnail-preview{width:22px;height:22px;background-position:50% 50%;background-repeat:no-repeat}.template-image-container{width:32px;height:32px;display:flex;align-items:center;justify-content:center}`;async function $(e,t,i){if(D(e)&&e.thumbnail){let T=`data:image/png;base64,${e.thumbnail.imageData}`;return s`<div class="esri-thumbnail-preview" style=${v({backgroundImage:`url(${T})`})}></div>`}if(M(t))return s`<calcite-icon icon=table scale=s></calcite-icon>`;let r=await H(t,e);if(r==null)return null;let a={maxSize:24,ariaLabel:i?.ariaLabel};C(e)&&"renderer"in t&&t.renderer?.type==="dictionary"&&(a.fieldMap=t.renderer.fieldMap??void 0,a.feature={attributes:e.prototype.attributes??{}});let o=await L(r,a);return o?s`${w(o.outerHTML)}`:null}async function H(e,t){if(D(t))return await I(e);if("renderer"in e&&e.renderer){let{renderer:i}=e,r=new x({attributes:t.prototype.attributes});if("getSymbolAsync"in i){let a=await i.getSymbolAsync(r);if(a)return a}}return await I(e)}async function S(e){let t=e==="point"||e==="multipoint"?await $arcgis.t(m=>({default:m[0]}),"symbols/SimpleMarkerSymbol"):e==="polyline"?await $arcgis.t(m=>({default:m[0]}),"symbols/SimpleLineSymbol"):e==="polygon"||e==="mesh"||e==="multipatch"?await $arcgis.t(m=>({default:m[0]}),"symbols/SimpleFillSymbol"):null;return t?new t.default:null}async function I(e){return"geometryType"in e&&e.geometryType?await S(e.geometryType):null}var c=class extends _{constructor(){super(...arguments),this._lastRun=0,this._attempted=!1,this._isCurrentlyInView=!1,this._intersectionObserver=null,this._imageContainerDiv=y(),this._generatedImageData=null}static{this.properties={_generatedImageData:16,template:0}}static{this.styles=O}get rootLayer(){return this.template?.layer?.type==="subtype-sublayer"?this.template.layer.parent:this.template?.layer}willUpdate(t){t.has("template")&&(this.hasUpdated||this.template!==null)&&this._resetData()}updated(){!this._attempted&&this._isCurrentlyInView&&(this._attempted=!0,this._handleImage().catch(t=>{m("warn",this,"Failed processing image")}))}loaded(){this.manager.onLifecycle(()=>(this._addIntersectionObserver(),()=>{this._removeIntersectionObserver()}))}_resetData(){this._generatedImageData=null,this._attempted=!1}async _generateImage(){return this.template?await $(this.template.template,this.template.layer):""}async _handleImage(){let t=++this._lastRun;if(!this._generatedImageData||this._generatedImageData==="")try{let i=await this._generateImage();if(this._lastRun!==t||this._generatedImageData===i)return;this._generatedImageData=i}finally{this._attempted=!0}}_addIntersectionObserver(){let t={rootMargin:"50px 0px",threshold:.01};this._imageContainerDiv.value&&requestAnimationFrame(()=>{this.isConnected&&(this._intersectionObserver=new IntersectionObserver(i=>{let r=!1;i.forEach(a=>{a.intersectionRatio>0&&!r?(r=!0,this._isCurrentlyInView=!0,this._handleImage().catch(o=>{m("warn",this,"Failed processing image")})):this._isCurrentlyInView=!1})},t),this._intersectionObserver?.observe(this._imageContainerDiv.value))})}_removeIntersectionObserver(){this._intersectionObserver?.disconnect(),this._intersectionObserver=null}render(){return s`<div class="template-image-container" ${f(this._imageContainerDiv)}>${this._generatedImageData??""}</div>`}};b("arcgis-template-image",c);return c},"Graphic","applications/Components/templateUtils","symbols/support/symbolUtils","applications/Components/layerUtils")
|