@arcgis/core 5.2.0-next.124 → 5.2.0-next.126

package/widgets/Locate/LocateViewModel.d.ts

@@ -5,6 +5,7 @@ export interface LocateViewModelProperties extends GeolocationPositioningPropert
 
 export type LocateViewModelState = "disabled" | "ready" | "locating" | "feature-unsupported" | "error";
 
+/** @deprecated since version 4.34. Use the [Locate component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-locate/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface LocateViewModelEvents {
   /**
    * Fires after the `locate()` method is called and succeeds.

package/widgets/Locate.d.ts

@@ -48,6 +48,7 @@ export interface LocateProperties extends WidgetProperties, Partial<Pick<Locate,
   viewModel?: LocateViewModelProperties;
 }
 
+/** @deprecated since version 4.32. Use the [Locate component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-locate/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface LocateEvents extends LocateViewModelEvents {}
 
 /**

package/widgets/OrientedImageryViewer/adapters/view/SceneViewAdapter.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import{clamp as i}from"../../../../core/mathUtils.js";import{throwIfAborted as a,waitTick as o}from"../../../../core/promiseUtils.js";import r from"../../../../geometry/Mesh.js";import n from"../../../../geometry/Point.js";import{projectAsync as s}from"../../../../geometry/projectionUtils.js";import l from"../../../../geometry/support/MeshVertexAttributes.js";import{projectVertices as c,updateFrustum as p,createCoveragePolygon as m}from"../../../../layers/orientedImagery/core/coverageUtils.js";import{getMetersPerUnitOfSR as u}from"../../../../layers/orientedImagery/core/utils.js";import{fixedImageSize as d,invalidCameraHeading as h}from"../../constants.js";import{activeFrustumSymbol as f,additionalFrustumSymbol as v}from"../../symbols.js";import{getDefaultSuperimposeFov as w,panoramicSuperimposeMaxFov as g,panoramicSuperimposeMinFov as y,panoramicSuperimposeZoomOutFactor as S,panoramicSuperimposeZoomInFactor as b,getViewCameraFieldOfView as _,panoramicSuperimposeMaxTilt as R,panoramicSuperimposeMinTilt as F,panoramicSuperimposeKeyboardAngleStep as M}from"../../support/superimposeUtils.js";class P{constructor(n){this.viewModel=n,this._defaultSuperimposeSecondaryDragAction=null,this._panoramicSuperimposeAnchor=null,this._panoramicSuperimposeLastScreenPoint=null,this._panoramicSuperimposeNavigationHandles=[],this._updateBestFeatureFootprintElevation=!1,this._updatedElevationSampler=null,this.createFootprints=async i=>{const{coverageFrustums:o,currentBestFeature:n,isAdditionalCoverageVisible:p,view:m}=this.viewModel,u=o.filter(t);for(const t of u){let o=t.clone();if(!m.spatialReference.equals(o.spatialReference)){const{components:e,spatialReference:t,origin:n,vertexAttributes:p,vertexSpace:u}=o;if("local"===u.type){const e=await s(n,m.spatialReference,i);a(i),o.centerAt(e)}else{const n=p.position,s=Float64Array.from(await c([...n],t.clone(),m.spatialReference.clone(),i));a(i),o=new r({vertexAttributes:new l({position:s}),components:e,spatialReference:m.spatialReference.clone()})}}t.imageID===n.attributes.objectId?(this._updateBestFeatureFootprintElevation=!0,this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:t.imageID},geometry:o,symbol:f.clone(),visible:!1})):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:t.imageID},geometry:o,symbol:v.clone(),visible:p}))}},this.updateFootprint=async(i,o,r)=>{const{bestFeatureFootprint:n,currentBestFeature:l,activeViewer:c,footprintExtent:m,view:u,mode:h}=this.viewModel,v="video"===h?d:c?.imageSize,w=o??l;if(!(l&&n?.geometry&&v&&m&&w&&u?.spatialReference))return void this.viewModel.updateCurrentCoveragePolygon(null);const{attributes:{cameraHeight:g,location:y,cameraPitch:S,horizontalFieldOfView:b,verticalFieldOfView:_,cameraRoll:R},elevationSample:F}=w;let M=null;if(o&&(this._updatedElevationSampler=l.elevationSample,M=await x(o,u.spatialReference),this._updatedElevationSampler)){const e=this._updatedElevationSampler?.extent,t=o.attributes.geometry;if(e&&!e.contains(t)){const e=this.viewModel.selectedPoint;if(!e)return;e.x=o.geometry.x,e.y=o.geometry.y;const t=await this.viewModel.processFeatureElevation([o],e);t&&(this._updatedElevationSampler=t)}const[i]=E([M],this._updatedElevationSampler,o);i&&(M=i)}F&&this._updateBestFeatureFootprintElevation&&(this.updateGroundElevation([n]),this._updateBestFeatureFootprintElevation=!1);const P=y.toArray(),D=o&&M?M:n,{vertexAttributes:{position:V},spatialReference:C}=D.geometry,k=await A(V,C,y.spatialReference),j=await this.viewModel.getMapPoint(i);a(r);let z=j.filter(t);if(!z.length)return;z[0].spatialReference.equals(y.spatialReference)||(z=await Promise.all(z.map(async e=>{const t=await s(e,y.spatialReference,r);return a(r),t})));const I=await p(i.map(({x:e,y:t})=>[e,t]),z.map(e=>e.toArray()),{cameraHeight:g,cameraLocation:P,cameraPitch:S,frustumVertices:k,horizontalFieldOfView:b,imageHeight:v[1],imageWidth:v[0],inSRS:{wkid:y.spatialReference.wkid},outSRS:{wkid:u.spatialReference.wkid},verticalFieldOfView:_,cameraRoll:R??0,options:r});this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:w.attributes.objectId},geometry:I,symbol:f.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateVideoFootprint=async i=>{const{points:o,feature:r,scale:n,options:l}=i,{bestFeatureFootprint:c,currentBestFeature:m,activeViewer:u,footprintExtent:h,view:v,mode:w}=this.viewModel,g="video"===w?d:u?.imageSize,y=r??m;if(!(m&&c?.geometry&&g&&h&&y&&v?.spatialReference&&"none"!==w))return void this.viewModel.updateCurrentCoveragePolygon(null);const{attributes:{cameraHeight:S,location:b,cameraPitch:_,horizontalFieldOfView:R,verticalFieldOfView:F,cameraRoll:M},elevationSample:P}=y;let V=null;if(r&&(this._updatedElevationSampler=m.elevationSample,V=await x(r,v.spatialReference),this._updatedElevationSampler)){const e=this._updatedElevationSampler?.extent,t=r.attributes.geometry;if(e&&!e.contains(t)){const e=this.viewModel.selectedPoint;if(!e)return;e.x=r.geometry.x,e.y=r.geometry.y;const t=await this.viewModel.processFeatureElevation([r],e);t&&(this._updatedElevationSampler=t)}const[i]=E([V],this._updatedElevationSampler,r);i&&(V=i)}P&&this._updateBestFeatureFootprintElevation&&(this.updateGroundElevation([c]),this._updateBestFeatureFootprintElevation=!1);const C=b.toArray(),k=r&&V?V:c,{vertexAttributes:{position:j},spatialReference:z}=k.geometry,I=await A(j,z,b.spatialReference),O={feature:y,mode:w,imageSize:g,footprintExtent:h},B=await this.viewModel.getMapPointForFeature(o,O,l);a(l);let H=B.filter(t);if(!H.length)return;H[0].spatialReference.equals(b.spatialReference)||(H=await Promise.all(H.map(async e=>{const t=await s(e,b.spatialReference,l);return a(l),t})));const L=await p(o.map(({x:e,y:t})=>[e,t]),H.map(e=>e.toArray()),{cameraHeight:S,cameraLocation:C,cameraPitch:_,frustumVertices:I,horizontalFieldOfView:R,imageHeight:g[1],imageWidth:g[0],inSRS:{wkid:b.spatialReference.wkid},outSRS:{wkid:v.spatialReference.wkid},verticalFieldOfView:F,cameraRoll:M??0,options:l});if(n&&L){const e=D(L);L.scale(n,{origin:e})}this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:y.attributes.objectId},geometry:L,symbol:f.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateFootprintPanorama=async(t,i)=>{await o(i);const{horizontalFieldOfView:a,pitch:r,verticalFieldOfView:n,yaw:l,feature:c}=t,p=c?.clone()??this.viewModel.currentBestFeature?.clone();if(!p)return;const{attributes:u}=p;u.orientedImageryType=null,u.cameraHeading=l,u.cameraPitch=r,u.horizontalFieldOfView=a,u.verticalFieldOfView=n,u.cameraRoll=0;const{frustum:d}=m(u);if(!d)return void this.viewModel.updateCurrentCoveragePolygon(null);const h=this.viewModel.view?.spatialReference.equals(d.spatialReference)?d.clone():await s(d.clone(),this.viewModel.view?.spatialReference,i);this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:u.objectId},geometry:h,symbol:f.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updatePanoramicSuperimposeCamera=async(e,t)=>{const{camera:i,currentBestFeature:o}=e,{view:r}=this.viewModel;if("3d"!==r?.type)return;const n=o.attributes.location.clone(),l=n.spatialReference.equals(r.spatialReference)?n:await s(n,r.spatialReference,t);if(a(t),!l)return;const c=i.clone();c.position=l.clone(),r.camera=c,this._enablePanoramicSuperimposeNavigation(l)},this.updateDefaultSuperimposeCamera=async(e,t)=>{const{currentBestFeature:o}=e,{view:r}=this.viewModel;if("3d"!==r?.type)return;const{cameraHeading:n,cameraPitch:l,cameraRoll:c,horizontalFieldOfView:p,location:m,verticalFieldOfView:u}=o.attributes,d=m.spatialReference.equals(r.spatialReference)?m.clone():await s(m,r.spatialReference,t);if(a(t),!d)return;const f=w(r,p,u,c??0),v=r.camera.clone();v.position=d,v.fov=i(v.fov,y,g),null!=n&&n!==h&&(v.heading=n),null!=l&&(v.tilt=l),null!=f&&(v.fov=f),r.camera=v},this.enableDefaultSuperimposeNavigation=()=>{const{view:e}=this.viewModel;if("3d"!==e?.type)return;const t=e.navigation.actionMap;null==this._defaultSuperimposeSecondaryDragAction&&(this._defaultSuperimposeSecondaryDragAction=t.dragSecondary),"none"!==t.dragSecondary&&(t.dragSecondary="none")},this.disableDefaultSuperimposeNavigation=()=>{const{view:e}=this.viewModel,t=this._defaultSuperimposeSecondaryDragAction;"3d"===e?.type&&null!=t?(e.navigation.actionMap.dragSecondary=t,this._defaultSuperimposeSecondaryDragAction=null):this._defaultSuperimposeSecondaryDragAction=null},this.disablePanoramicSuperimposeNavigation=()=>{this._panoramicSuperimposeNavigationHandles.forEach(e=>e.remove()),this._panoramicSuperimposeNavigationHandles=[],this._panoramicSuperimposeAnchor=null,this._panoramicSuperimposeLastScreenPoint=null},this._handlePanoramicSuperimposeDoubleClick=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;e.stopPropagation();const a=t.camera.clone(),o=e.native.ctrlKey?S:b;a.position=this._panoramicSuperimposeAnchor.clone(),a.fov=i(a.fov*o,y,g),t.camera=a},this._handlePanoramicSuperimposeDrag=e=>{const{view:t}=this.viewModel;if(t&&"3d"===t.type&&this._panoramicSuperimposeAnchor)switch(e.stopPropagation(),e.action){case"start":return void(this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y});case"update":{const a=this._panoramicSuperimposeLastScreenPoint;if(!a)return void(this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y});const o=a.x-e.x,r=e.y-a.y;this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y};const n=t.camera.clone(),{horizontal:s,vertical:l}=_(t);return n.position=this._panoramicSuperimposeAnchor.clone(),n.heading+=s*o/Math.max(t.width,1),n.tilt=i(n.tilt+l*r/Math.max(t.height,1),F,R),void(t.camera=n)}case"end":return void(this._panoramicSuperimposeLastScreenPoint=null)}},this._handlePanoramicSuperimposeKeyDown=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;const a=t.camera.clone();let o=!0;switch(a.position=this._panoramicSuperimposeAnchor.clone(),e.key){case"ArrowLeft":a.heading-=M;break;case"ArrowRight":a.heading+=M;break;case"ArrowUp":a.tilt=i(a.tilt-M,F,R);break;case"ArrowDown":a.tilt=i(a.tilt+M,F,R);break;default:o=!1}o&&(e.stopPropagation(),t.camera=a)},this._handlePanoramicSuperimposeWheel=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;e.stopPropagation();const a=t.camera.clone();a.position=this._panoramicSuperimposeAnchor.clone(),a.fov=i(a.fov*(e.deltaY>0?S:b),y,g),t.camera=a}}updateGroundElevation(e){const{geometry:t,attributes:{elevation:i}}=this.viewModel.currentBestFeature,a=(i??0)*u(t.spatialReference);e.forEach(e=>{const{geometry:t}=e;switch(t?.type){case"mesh":{const{vertexAttributes:{position:e}}=t,i=Math.floor(e.length/3);for(let o=0;o<i;o+=1)e[3*o+2]+=a/u(t.spatialReference);break}case"point":t.z=(t.z??0)+a/u(t.spatialReference)}})}_enablePanoramicSuperimposeNavigation(e){const{view:t}=this.viewModel;t&&"3d"===t.type&&(this.disablePanoramicSuperimposeNavigation(),this._panoramicSuperimposeAnchor=e.clone(),this._panoramicSuperimposeNavigationHandles=[t.on("drag",this._handlePanoramicSuperimposeDrag),t.on("mouse-wheel",this._handlePanoramicSuperimposeWheel),t.on("double-click",this._handlePanoramicSuperimposeDoubleClick),t.on("key-down",this._handlePanoramicSuperimposeKeyDown)])}}async function A(e,t,i,a){return Float64Array.from((await Promise.all(e.reduce((e,t,i)=>{const a=Math.floor(i/3);return e[a]=e[a]??[],e[a].push(t),e},new Array).map(async e=>(await s(new n(e,t),i,a)).toArray()))).flat())}const x=async(t,i,o)=>{const{frustum:n}=m(t.attributes);let p=n.clone();if(!i.equals(p.spatialReference)){const{components:e,spatialReference:t,origin:i,vertexAttributes:n,vertexSpace:m}=p;if("local"===m.type){const e=await s(i,t,o);a(o),p.centerAt(e)}else{const i=n.position,s=Float64Array.from(await c([...i],t.clone(),t.clone(),o));a(o),p=new r({vertexAttributes:new l({position:s}),components:e,spatialReference:t.clone()})}}return new e({attributes:{imageID:n.imageID},geometry:p,symbol:f.clone(),visible:!1})},E=(e,t,i)=>{const{geometry:a}=i,o=t.queryElevation(a);for(const r of e){const{geometry:e}=r;switch(e?.type){case"mesh":{const{vertexAttributes:{position:t}}=e,i=Math.floor(t.length/3);for(let e=0;e<i;e++)t[3*e+2]+=o?.z??0;break}case"point":e.z=(e.z??0)+(o?.z??0)}}return e},D=e=>{const t=e.vertexAttributes.position;let i=0,a=0,o=0;const r=t.length/3;for(let n=0;n<t.length;n+=3)i+=t[n],a+=t[n+1],o+=t[n+2];return new n({x:i/r,y:a/r,z:o/r,spatialReference:e.spatialReference})};export{P as default};
+import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import{clamp as i}from"../../../../core/mathUtils.js";import{throwIfAborted as a,waitTick as o}from"../../../../core/promiseUtils.js";import r from"../../../../geometry/Mesh.js";import n from"../../../../geometry/Point.js";import{projectAsync as s}from"../../../../geometry/projectionUtils.js";import l from"../../../../geometry/support/MeshVertexAttributes.js";import{projectVertices as c,updateFrustum as p,createCoveragePolygon as u}from"../../../../layers/orientedImagery/core/coverageUtils.js";import{getMetersPerUnitOfSR as m}from"../../../../layers/orientedImagery/core/utils.js";import{getPointerActions as d,eventMatchesMousePointerActions as h}from"../../../../views/input/handlers/support.js";import{fixedImageSize as f,invalidCameraHeading as v}from"../../constants.js";import{activeFrustumSymbol as g,additionalFrustumSymbol as w}from"../../symbols.js";import{getDefaultSuperimposeFov as y,panoramicSuperimposeMaxFov as S,panoramicSuperimposeMinFov as b,panoramicSuperimposeZoomOutFactor as _,panoramicSuperimposeZoomInFactor as R,getViewCameraFieldOfView as F,panoramicSuperimposeMaxTilt as M,panoramicSuperimposeMinTilt as P,panoramicSuperimposeKeyboardAngleStep as A}from"../../support/superimposeUtils.js";class x{constructor(n){this.viewModel=n,this._defaultSuperimposeSecondaryDragAction=null,this._defaultSuperimposeNavigationHandles=[],this._panoramicSuperimposeAnchor=null,this._panoramicSuperimposeLastScreenPoint=null,this._panoramicSuperimposeNavigationHandles=[],this._updateBestFeatureFootprintElevation=!1,this._updatedElevationSampler=null,this.createFootprints=async i=>{const{coverageFrustums:o,currentBestFeature:n,isAdditionalCoverageVisible:p,view:u}=this.viewModel,m=o.filter(t);for(const t of m){let o=t.clone();if(!u.spatialReference.equals(o.spatialReference)){const{components:e,spatialReference:t,origin:n,vertexAttributes:p,vertexSpace:m}=o;if("local"===m.type){const e=await s(n,u.spatialReference,i);a(i),o.centerAt(e)}else{const n=p.position,s=Float64Array.from(await c([...n],t.clone(),u.spatialReference.clone(),i));a(i),o=new r({vertexAttributes:new l({position:s}),components:e,spatialReference:u.spatialReference.clone()})}}t.imageID===n.attributes.objectId?(this._updateBestFeatureFootprintElevation=!0,this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:t.imageID},geometry:o,symbol:g.clone(),visible:!1})):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:t.imageID},geometry:o,symbol:w.clone(),visible:p}))}},this.updateFootprint=async(i,o,r)=>{const{bestFeatureFootprint:n,currentBestFeature:l,activeViewer:c,footprintExtent:u,view:m,mode:d}=this.viewModel,h="video"===d?f:c?.imageSize,v=o??l;if(!(l&&n?.geometry&&h&&u&&v&&m?.spatialReference))return void this.viewModel.updateCurrentCoveragePolygon(null);const{attributes:{cameraHeight:w,location:y,cameraPitch:S,horizontalFieldOfView:b,verticalFieldOfView:_,cameraRoll:R},elevationSample:F}=v;let M=null;if(o&&(this._updatedElevationSampler=l.elevationSample,M=await E(o,m.spatialReference),this._updatedElevationSampler)){const e=this._updatedElevationSampler?.extent,t=o.attributes.geometry;if(e&&!e.contains(t)){const e=this.viewModel.selectedPoint;if(!e)return;e.x=o.geometry.x,e.y=o.geometry.y;const t=await this.viewModel.processFeatureElevation([o],e);t&&(this._updatedElevationSampler=t)}const[i]=V([M],this._updatedElevationSampler,o);i&&(M=i)}F&&this._updateBestFeatureFootprintElevation&&(this.updateGroundElevation([n]),this._updateBestFeatureFootprintElevation=!1);const P=y.toArray(),A=o&&M?M:n,{vertexAttributes:{position:x},spatialReference:C}=A.geometry,j=await D(x,C,y.spatialReference),k=await this.viewModel.getMapPoint(i);a(r);let z=k.filter(t);if(!z.length)return;z[0].spatialReference.equals(y.spatialReference)||(z=await Promise.all(z.map(async e=>{const t=await s(e,y.spatialReference,r);return a(r),t})));const H=await p(i.map(({x:e,y:t})=>[e,t]),z.map(e=>e.toArray()),{cameraHeight:w,cameraLocation:P,cameraPitch:S,frustumVertices:j,horizontalFieldOfView:b,imageHeight:h[1],imageWidth:h[0],inSRS:{wkid:y.spatialReference.wkid},outSRS:{wkid:m.spatialReference.wkid},verticalFieldOfView:_,cameraRoll:R??0,options:r});this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:v.attributes.objectId},geometry:H,symbol:g.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateVideoFootprint=async i=>{const{points:o,feature:r,scale:n,options:l}=i,{bestFeatureFootprint:c,currentBestFeature:u,activeViewer:m,footprintExtent:d,view:h,mode:v}=this.viewModel,w="video"===v?f:m?.imageSize,y=r??u;if(!(u&&c?.geometry&&w&&d&&y&&h?.spatialReference&&"none"!==v))return void this.viewModel.updateCurrentCoveragePolygon(null);const{attributes:{cameraHeight:S,location:b,cameraPitch:_,horizontalFieldOfView:R,verticalFieldOfView:F,cameraRoll:M},elevationSample:P}=y;let A=null;if(r&&(this._updatedElevationSampler=u.elevationSample,A=await E(r,h.spatialReference),this._updatedElevationSampler)){const e=this._updatedElevationSampler?.extent,t=r.attributes.geometry;if(e&&!e.contains(t)){const e=this.viewModel.selectedPoint;if(!e)return;e.x=r.geometry.x,e.y=r.geometry.y;const t=await this.viewModel.processFeatureElevation([r],e);t&&(this._updatedElevationSampler=t)}const[i]=V([A],this._updatedElevationSampler,r);i&&(A=i)}P&&this._updateBestFeatureFootprintElevation&&(this.updateGroundElevation([c]),this._updateBestFeatureFootprintElevation=!1);const x=b.toArray(),j=r&&A?A:c,{vertexAttributes:{position:k},spatialReference:z}=j.geometry,H=await D(k,z,b.spatialReference),I={feature:y,mode:v,imageSize:w,footprintExtent:d},N=await this.viewModel.getMapPointForFeature(o,I,l);a(l);let O=N.filter(t);if(!O.length)return;O[0].spatialReference.equals(b.spatialReference)||(O=await Promise.all(O.map(async e=>{const t=await s(e,b.spatialReference,l);return a(l),t})));const B=await p(o.map(({x:e,y:t})=>[e,t]),O.map(e=>e.toArray()),{cameraHeight:S,cameraLocation:x,cameraPitch:_,frustumVertices:H,horizontalFieldOfView:R,imageHeight:w[1],imageWidth:w[0],inSRS:{wkid:b.spatialReference.wkid},outSRS:{wkid:h.spatialReference.wkid},verticalFieldOfView:F,cameraRoll:M??0,options:l});if(n&&B){const e=C(B);B.scale(n,{origin:e})}this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:y.attributes.objectId},geometry:B,symbol:g.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateFootprintPanorama=async(t,i)=>{await o(i);const{horizontalFieldOfView:a,pitch:r,verticalFieldOfView:n,yaw:l,feature:c}=t,p=c?.clone()??this.viewModel.currentBestFeature?.clone();if(!p)return;const{attributes:m}=p;m.orientedImageryType=null,m.cameraHeading=l,m.cameraPitch=r,m.horizontalFieldOfView=a,m.verticalFieldOfView=n,m.cameraRoll=0;const{frustum:d}=u(m);if(!d)return void this.viewModel.updateCurrentCoveragePolygon(null);const h=this.viewModel.view?.spatialReference.equals(d.spatialReference)?d.clone():await s(d.clone(),this.viewModel.view?.spatialReference,i);this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:m.objectId},geometry:h,symbol:g.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updatePanoramicSuperimposeCamera=async(e,t)=>{const{camera:i,currentBestFeature:o}=e,{view:r}=this.viewModel;if("3d"!==r?.type)return;const n=o.attributes.location.clone(),l=n.spatialReference.equals(r.spatialReference)?n:await s(n,r.spatialReference,t);if(a(t),!l)return;const c=i.clone();c.position=l.clone(),r.camera=c,this._enablePanoramicSuperimposeNavigation(l)},this.updateDefaultSuperimposeCamera=async(e,t)=>{const{currentBestFeature:o}=e,{view:r}=this.viewModel;if("3d"!==r?.type)return;const{cameraHeading:n,cameraPitch:l,cameraRoll:c,horizontalFieldOfView:p,location:u,verticalFieldOfView:m}=o.attributes,d=u.spatialReference.equals(r.spatialReference)?u.clone():await s(u,r.spatialReference,t);if(a(t),!d)return;const h=y(r,p,m,c??0),f=r.camera.clone();f.position=d,f.fov=i(f.fov,b,S),null!=n&&n!==v&&(f.heading=n),null!=l&&(f.tilt=l),null!=h&&(f.fov=h),r.camera=f},this.enableDefaultSuperimposeNavigation=()=>{const{view:e}=this.viewModel;if("3d"!==e?.type)return;const t=e.navigation.actionMap;null==this._defaultSuperimposeSecondaryDragAction&&(this._defaultSuperimposeSecondaryDragAction=t.dragSecondary),"none"!==t.dragSecondary&&(t.dragSecondary="none"),this._defaultSuperimposeNavigationHandles.length||(this._defaultSuperimposeNavigationHandles=[e.on("drag",this._handleDefaultSuperimposeDrag)])},this.disableDefaultSuperimposeNavigation=()=>{const{view:e}=this.viewModel,t=this._defaultSuperimposeSecondaryDragAction;this._defaultSuperimposeNavigationHandles.forEach(e=>e.remove()),this._defaultSuperimposeNavigationHandles=[],"3d"===e?.type&&null!=t?(e.navigation.actionMap.dragSecondary=t,this._defaultSuperimposeSecondaryDragAction=null):this._defaultSuperimposeSecondaryDragAction=null},this.disablePanoramicSuperimposeNavigation=()=>{this._panoramicSuperimposeNavigationHandles.forEach(e=>e.remove()),this._panoramicSuperimposeNavigationHandles=[],this._panoramicSuperimposeAnchor=null,this._panoramicSuperimposeLastScreenPoint=null},this._handleDefaultSuperimposeDrag=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type)return;const i=d("rotate",t.navigation.actionMap);h(e,i)&&e.stopPropagation()},this._handlePanoramicSuperimposeDoubleClick=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;e.stopPropagation();const a=t.camera.clone(),o=e.native.ctrlKey?_:R;a.position=this._panoramicSuperimposeAnchor.clone(),a.fov=i(a.fov*o,b,S),t.camera=a},this._handlePanoramicSuperimposeDrag=e=>{const{view:t}=this.viewModel;if(t&&"3d"===t.type&&this._panoramicSuperimposeAnchor)switch(e.stopPropagation(),e.action){case"start":return void(this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y});case"update":{const a=this._panoramicSuperimposeLastScreenPoint;if(!a)return void(this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y});const o=a.x-e.x,r=e.y-a.y;this._panoramicSuperimposeLastScreenPoint={x:e.x,y:e.y};const n=t.camera.clone(),{horizontal:s,vertical:l}=F(t);return n.position=this._panoramicSuperimposeAnchor.clone(),n.heading+=s*o/Math.max(t.width,1),n.tilt=i(n.tilt+l*r/Math.max(t.height,1),P,M),void(t.camera=n)}case"end":return void(this._panoramicSuperimposeLastScreenPoint=null)}},this._handlePanoramicSuperimposeKeyDown=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;const a=t.camera.clone();let o=!0;switch(a.position=this._panoramicSuperimposeAnchor.clone(),e.key){case"ArrowLeft":a.heading-=A;break;case"ArrowRight":a.heading+=A;break;case"ArrowUp":a.tilt=i(a.tilt-A,P,M);break;case"ArrowDown":a.tilt=i(a.tilt+A,P,M);break;default:o=!1}o&&(e.stopPropagation(),t.camera=a)},this._handlePanoramicSuperimposeWheel=e=>{const{view:t}=this.viewModel;if(!t||"3d"!==t.type||!this._panoramicSuperimposeAnchor)return;e.stopPropagation();const a=t.camera.clone();a.position=this._panoramicSuperimposeAnchor.clone(),a.fov=i(a.fov*(e.deltaY>0?_:R),b,S),t.camera=a}}updateGroundElevation(e){const{geometry:t,attributes:{elevation:i}}=this.viewModel.currentBestFeature,a=(i??0)*m(t.spatialReference);e.forEach(e=>{const{geometry:t}=e;switch(t?.type){case"mesh":{const{vertexAttributes:{position:e}}=t,i=Math.floor(e.length/3);for(let o=0;o<i;o+=1)e[3*o+2]+=a/m(t.spatialReference);break}case"point":t.z=(t.z??0)+a/m(t.spatialReference)}})}_enablePanoramicSuperimposeNavigation(e){const{view:t}=this.viewModel;t&&"3d"===t.type&&(this.disablePanoramicSuperimposeNavigation(),this._panoramicSuperimposeAnchor=e.clone(),this._panoramicSuperimposeNavigationHandles=[t.on("drag",this._handlePanoramicSuperimposeDrag),t.on("mouse-wheel",this._handlePanoramicSuperimposeWheel),t.on("double-click",this._handlePanoramicSuperimposeDoubleClick),t.on("key-down",this._handlePanoramicSuperimposeKeyDown)])}}async function D(e,t,i,a){return Float64Array.from((await Promise.all(e.reduce((e,t,i)=>{const a=Math.floor(i/3);return e[a]=e[a]??[],e[a].push(t),e},new Array).map(async e=>(await s(new n(e,t),i,a)).toArray()))).flat())}const E=async(t,i,o)=>{const{frustum:n}=u(t.attributes);let p=n.clone();if(!i.equals(p.spatialReference)){const{components:e,spatialReference:t,origin:i,vertexAttributes:n,vertexSpace:u}=p;if("local"===u.type){const e=await s(i,t,o);a(o),p.centerAt(e)}else{const i=n.position,s=Float64Array.from(await c([...i],t.clone(),t.clone(),o));a(o),p=new r({vertexAttributes:new l({position:s}),components:e,spatialReference:t.clone()})}}return new e({attributes:{imageID:n.imageID},geometry:p,symbol:g.clone(),visible:!1})},V=(e,t,i)=>{const{geometry:a}=i,o=t.queryElevation(a);for(const r of e){const{geometry:e}=r;switch(e?.type){case"mesh":{const{vertexAttributes:{position:t}}=e,i=Math.floor(t.length/3);for(let e=0;e<i;e++)t[3*e+2]+=o?.z??0;break}case"point":e.z=(e.z??0)+(o?.z??0)}}return e},C=e=>{const t=e.vertexAttributes.position;let i=0,a=0,o=0;const r=t.length/3;for(let n=0;n<t.length;n+=3)i+=t[n],a+=t[n+1],o+=t[n+2];return new n({x:i/r,y:a/r,z:o/r,spatialReference:e.spatialReference})};export{x as default};

package/widgets/OrientedImageryViewer/components/Alert.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import{tsx as o}from"../../support/widget.js";const e=()=>t({alert:()=>import("@esri/calcite-components/dist/components/calcite-alert")});function i({autoCloseDuration:t,bind:e,icon:i,kind:l,message:s,onClose:n,open:a,title:r,tooltip:p,topLayerDisabled:c}){return o("calcite-alert",{autoClose:!!t,autoCloseDuration:t??"medium",bind:e,icon:i,kind:l,label:r,open:a,slot:"alerts",topLayerDisabled:c,onCalciteAlertClose:n},o("div",{slot:"title",title:p},r),s?o("div",{slot:"message"},s):null)}export{i as Alert,e as loadAlertComponents};
+import{loadCalciteComponents as t}from"../../support/componentsUtils.js";import{tsx as e}from"../../support/widget.js";const o=()=>t({alert:()=>import("@esri/calcite-components/dist/components/calcite-alert")});function s({autoCloseDuration:t,bind:o,class:s,icon:l,kind:i,message:a,onClose:n,open:r,title:c,tooltip:p,topLayerDisabled:m}){return e("calcite-alert",{autoClose:!!t,autoCloseDuration:t??"medium",bind:o,class:s,icon:l,kind:i,label:c,open:r,slot:"alerts",topLayerDisabled:m,onCalciteAlertClose:n},e("div",{key:"title",slot:"title",title:p},c),a?e("div",{key:"message",slot:"message"},a):null)}export{s as Alert,o as loadAlertComponents};

package/widgets/OrientedImageryViewer/navigation/NavigationManagerPanoramic.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{__decorate as e}from"tslib";import{subclass as a}from"../../../core/accessorSupport/decorators.js";import i from"./NavigationManager.js";let t=class extends i{async afterNavigate(e,a,i){return await this.viewModel.selectBestFeature(a.id,i),this.viewModel.hasPendingPanoramicNavigationViewState&&await this.viewModel.restorePendingPanoramicNavigationViewState(i),a}};t=e([a("esri.widgets.OrientedImageryViewer.navigation.NavigationManagerPanoramic")],t);const r=t;export{r as default};
+import{__decorate as e}from"tslib";import{subclass as r}from"../../../core/accessorSupport/decorators.js";import t from"./NavigationManager.js";let a=class extends t{async afterNavigate(e,r,t){return await this.viewModel.selectBestFeature(r.id,t),this.viewModel.setCurrentPanoramaView(e.currentHeading,e.currentPitch),r}};a=e([r("esri.widgets.OrientedImageryViewer.navigation.NavigationManagerPanoramic")],a);const i=a;export{i as default};

package/widgets/OrientedImageryViewer/types.d.ts

@@ -1,4 +1,7 @@
-/** @since 5.1 */
+/**
+ * @deprecated since version 5.0. Use the [Oriented Imagery Viewer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-oriented-imagery-viewer/) component instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
+ * @since 5.1
+ */
 export interface OrientedImageryViewerViewModelEvents {
   /**
    * Fires when the widget fails to load an image to display in the viewer. This can occur when there is no image that depicts the selected location on the map.

package/widgets/OrientedImageryViewer.d.ts

@@ -34,7 +34,10 @@ export interface OrientedImageryViewerProperties extends WidgetProperties, Parti
   visibleElements?: OrientedImageryViewerVisibleElementsProperties;
 }
 
-/** @since 5.1 */
+/**
+ * @deprecated since version 5.0. Use the [Oriented Imagery Viewer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-oriented-imagery-viewer/) component instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
+ * @since 5.1
+ */
 export interface OrientedImageryViewerEvents extends OrientedImageryViewerViewModelEvents {}
 
 /**

package/widgets/OrientedImageryViewer.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{__decorate as e}from"tslib";import{prefersRTL as t,substitute as i}from"../intl.js";import{prefersReducedMotion as a}from"../core/a11yUtils.js";import{createTask as o}from"../core/asyncUtils.js";import s from"../core/Collection.js";import{deprecateWidget as n,deprecatedProperty as r}from"../core/deprecate.js";import l from"../core/Logger.js";import{isAbortError as d}from"../core/promiseUtils.js";import{watch as c,initial as g,syncAndInitial as h,on as m,sync as u}from"../core/reactiveUtils.js";import{throttle as p}from"../core/throttle.js";import{property as v,subclass as y}from"../core/accessorSupport/decorators.js";import{or as w}from"../layers/orientedImagery/transformations/utils.js";import _ from"./Expand.js";import T from"./PanoramicVideoViewer.js";import M from"./PanoramicViewer.js";import b from"./Widget.js";import{getAllArcPath as C}from"./OrientedImageryViewer/arcUtils.js";import{getDelegatedEvents as f,defaultImageGeometryField as I,defaultOIObjectIDField as S,segmentArcs as A,featureCircleRadius as k,navigationToolDimensionLength as L,sectorsRadii as V}from"./OrientedImageryViewer/constants.js";import{css as E,navigation as O,navigationToolRotationFrom as P,navigationToolRotationTo as F,root as x}from"./OrientedImageryViewer/css.js";import{isFeatureAttachment as G,loadImageForAttachment as N,getThumbnailPixelBlock as B,renderImageWithRotation as D}from"./OrientedImageryViewer/galleryUtils.js";import H from"./OrientedImageryViewer/OrientedImageryViewerViewModel.js";import j from"./OrientedImageryViewer/OrientedImageryViewerVisibleElements.js";import{loadAlertComponents as $,Alert as R}from"./OrientedImageryViewer/components/Alert.js";import U from"./OrientedImageryViewer/components/ImageLocationWidget.js";import q from"./OrientedImageryViewer/components/ImageViewer.js";import W from"./OrientedImageryViewer/components/NavigationUI.js";import Z from"./OrientedImageryViewer/components/NavigationUI360.js";import{loadSequentialNavigationUIComponents as z,SequentialNavigationUI as J}from"./OrientedImageryViewer/components/SequentialNavigationUI.js";import{loadVideoEnhancementComponents as K,renderEnhancementSlider as Q,VideoEnhancementTools as X}from"./OrientedImageryViewer/components/VideoEnhancementTools.js";import{NoImageLoadedError as Y}from"./OrientedImageryViewer/navigation/errors.js";import{loadCalciteComponents as ee}from"./support/componentsUtils.js";import{globalCss as te}from"./support/globalCss.js";import{iconByKind as ie}from"./support/iconUtils.js";import{vmEvent as ae,messageBundle as oe,tsx as se}from"./support/widget.js";import{setFocus as ne}from"./support/widgetUtils.js";const re={overlayed:"overlayed"};let le=class extends b{constructor(e,t){super(e,t),this.actionBarPosition="top",this.dataCaptureEnabled=!1,this.galleryOpened=!1,this.imageEnhancementToolActive=!1,this.videoEnhancementToolActive=!1,this.imageOverlaysOpened=!1,this.navigationToolActive=!1,this.viewModel=new H,this.messagesCommon=null,this.messagesSketch=null,this.pixelMeasurementUnit="meters",this.pixelAreaMeasurementUnit="square-meters",this.selectedGroup=null,this.showCameraLocations=!1,this.showMapFeatures=!1,this.visibleElements=new j,this._defaultSuperimposeZOffsetPercentage=100,this._panoramicSuperimposeRadiusOffsetPercentage=100,this._imageOverlaysLoaderTask=null,this._imageMeasurementToolsLoaderTask=null,this._navigationSettingsLoaderTask=null,this._navigationTask=null,this._clearMeasurements=()=>{this.viewModel.measureType=null,this.viewModel.triangularMeasurementActive=!1,this.viewModel.displayNewMeasurementButton=!0,this.viewModel.clearPreviousMeasurements()},this._clearImageLocation=()=>{this.imageLocationToolActive=!1,this.triangularMeasurementActive=!1},this._createNavigationTask=async e=>(this._navigationTask?.abort(),this._navigationTask=o(async t=>await this.navigate({...e,signal:t})),this._navigationTask.promise),this._navigateNext=async()=>await this._createNavigationTask({step:1}),this._navigatePrevious=async()=>await this._createNavigationTask({step:-1}),this._navigationToolExpanded=!1,this._navigationTool=null,this._galleryController=new AbortController,this._galleryObserver=new IntersectionObserver(this._lazyLoadImage.bind(this)),this._overlayedLayers=new s,this._previousAction=null,this._closeImageSequenceAlert=()=>{this._set("noImageInSequenceError",!1)},this._handleDataCaptureLayerChange=async e=>{if(this.dataCaptureLayer&&await this.stopDataCapture(!0),this.dataCaptureLayer=this.dataCaptureLayer===e?null:e,this.dataCaptureLayer)return this.startDataCapture(this.dataCaptureLayer)},this._handleNavigationSettingsInputChange=(e,t)=>{this.set(`${e}Threshold`,t)},this._handleNavigationSettingsToggle=e=>{this.viewModel.preserveAngle=e},this._handleOverlayLayerDeselect=e=>{const t=e.layer;t===this.dataCaptureLayer&&(this.stopDataCapture(),this.dataCaptureLayer=null),this.removeOverlayedGraphicsOnImage(`${t.id}`)},this._handleOverlayLayerSelect=e=>{const t=e.layer;this.viewModel.overlayMapFeatures(t,this.showMapFeatures),this.addHandles(c(()=>t.visible,()=>{this.viewModel.toggleOverlayMapFeatures(t.id,t.visible,this.showMapFeatures)}),`${re.overlayed}-${t.id}`)},this._highlight=e=>{const t=e.target?.dataset.objectid;t&&this.viewModel.highlight(t)},this._onAction=e=>{const{target:t}=e,{dataset:{action:i}}=t,{_previousAction:a}=this,o=a?.dataset.action,s=o?.includes("draw")??!1,n="select-feature"===o,r=o!==i;switch(i){case"draw-point":case"draw-polygon":case"draw-polyline":{a&&w(n,s&&r)&&(a.active=!1),t.active=!t.active;const e=i.replace("draw-","");this.viewModel.digitizeCreate(e),this._previousAction=t.active?t:null;break}case"save":this.viewModel.saveDrawing();break;case"select-feature":s&&(this._previousAction.active=!1),t.active=!t.active,this.viewModel.toggleSelection(t.active),this._previousAction=t.active?t:null;break;case"delete-feature":this.viewModel.digitizeDelete()}},this._onImageOverlayClosed=e=>{e.stopPropagation(),this.imageOverlaysOpened=!1},this._onShowCameraLocationsChanged=e=>{this.showCameraLocations=e},this._onShowMapFeaturesChanged=e=>{this.showMapFeatures=e},this._removeHighlight=()=>this.viewModel.removeHighlight(),this._restoreOverlays=async()=>Promise.all(this._overlayedLayers.map(e=>this.viewModel.overlayMapFeatures(e,this.showMapFeatures))),this._scaleNavigationTool=()=>{this._navigationToolExpanded=!this._navigationToolExpanded},this._sketchLoaderTask=null,this._settingsToggle=null,this._toggleImageNavigation=async e=>{const t=this.navigationMode;this._closeAllImageTools(),this.navigationMode=t!==e?e:null;const{activeViewer:i}=this.viewModel;if(!i)return;const{mode:a,preserveAngle:o}=this.viewModel;if("default"===a)if("directional"===this.navigationMode){const e=await this._loadNavigationSettings(),t="heading"===o||"both"===o,i="pitch"===o||"both"===o,{messages:a,messagesCommon:s}=this,n=new e({cameraHeadingThreshold:this.cameraHeadingThreshold,cameraPitchThreshold:this.cameraPitchThreshold,uiStrings:{configureNavigation:a.configureNavigation,preserveHeading:a.preserveHeading,preserveHeadingDescription:a.preserveHeadingDescription,preservePitch:a.preservePitch,preservePitchDescription:a.preservePitchDescription,settings:s.settings,thresholdLabel:a.thresholdLabel},onInputChange:this._handleNavigationSettingsInputChange,onToggle:this._handleNavigationSettingsToggle,preserveHeading:t,preservePitch:i});this._settingsToggle=new _({content:n,expandIcon:"configure"}),this.viewModel.activeViewer?.ui.add(this._settingsToggle,{position:"top-left"})}else this._settingsToggle&&(this._settingsToggle.expanded=!1,this.viewModel.activeViewer?.ui.remove(this._settingsToggle))},this._toggleImageAttributes=p(this.viewModel.toggleImageAttributes.bind(this.viewModel)),this._rootActionTitleToFocus=null,this._actionTitleToFocus=null,this._focusPendingAction=e=>{const t=this._actionTitleToFocus;if(!t)return;const i=[...e.querySelectorAll("calcite-action")].find(e=>e.getAttribute("title")===t);i&&(this._actionTitleToFocus=null,ne(i))},this.navigate=async e=>{let t=null;try{const{currentNode:i}=this.viewModel;if(!i)throw new Y;t=await this.viewModel.navigate(i,e)}catch(i){d(i)||l.getLogger(this).error("Error occurred while navigating",i),["NoImageInSequenceError","NoSequenceFoundError"].includes(i.name)&&this._set("noImageInSequenceError",!0)}return t},this.reset=()=>{this._closeAllImageTools(),this.viewModel.reset()},this._loadImageFromGallery=this._loadImageFromGallery.bind(this),this._registerGalleryItem=this._registerGalleryItem.bind(this),this._unregisterGalleryItem=this._unregisterGalleryItem.bind(this),this.loadImageFromSource=this.loadImageFromSource.bind(this),this.updateSuitabilities=this.updateSuitabilities.bind(this),this._handleVideoBrightnessChange=this._handleVideoBrightnessChange.bind(this),this._handleVideoContrastChange=this._handleVideoContrastChange.bind(this),this._handleBrightnessChange=this._handleBrightnessChange.bind(this),this._handleContrastChange=this._handleContrastChange.bind(this),this._handleSharpnessChange=this._handleSharpnessChange.bind(this),this._handleSuperimposeZOffsetChange=this._handleSuperimposeZOffsetChange.bind(this),this._toggleSuperimposeCameraLock=this._toggleSuperimposeCameraLock.bind(this),this._resetSuperimposeOffset=this._resetSuperimposeOffset.bind(this),this._resetVideoTools=this._resetVideoTools.bind(this),this._toggleEnhancementToolState=this._toggleEnhancementToolState.bind(this),this.announceDeprecation=()=>{n(l.getLogger(this),"Oriented Imagery Viewer","arcgis-oriented-imagery-viewer",{version:"5.0"})}}initialize(){this.addHandles([c(()=>[this.viewModel?.bestFeatureAngle,this._navigationTool],([e,t])=>{t&&this._updateNavigationTool(t)},g),c(()=>this.currentCoverageVisible,e=>this._onCurrentCoverageVisibilityChange(e)),c(()=>this.isAdditionalCoverageVisible,e=>this._onAdditionalCoverageVisibilityChange(e)),c(()=>this.isAdditionalPointSourcesVisible,e=>this._onAdditionalCameraLocationsVisibility(e)),c(()=>this.superimposeViewEnabled,e=>{e?(this._closeAllImageTools(),this.selectedGroup=null,this.shouldShowSelectedImage=!1,this.verticalFilterEnabled=!1):this._resetSuperimposeOffset()}),c(()=>({features:this.currentBestFeature,overlaysEnabled:this._imageOverlaysEnabled,showCameraLocations:this.showCameraLocations}),({overlaysEnabled:e,showCameraLocations:t})=>{e&&this.viewModel.overlayCameraLocations(t)},h),c(()=>({feature:this.currentBestFeature,overlaysEnabled:this._imageOverlaysEnabled,showMapFeatures:this.showMapFeatures}),async(e,t)=>{e.showMapFeatures!==t?.showMapFeatures&&await this.viewModel.toggleAllOverlayMapFeatures(e.showMapFeatures);const i=e.feature&&e.feature!==t?.feature,a=!e.overlaysEnabled&&!!t?.overlaysEnabled,o=e.overlaysEnabled&&!t?.overlaysEnabled,s="video"===this.viewModel.mode||"panoramic-video"===this.viewModel.mode;if(a&&s)return this.viewModel.removeAllOverlayMapFeatures(),void("video"===this.viewModel.mode&&this.viewModel.videoViewModel?.clearOverlayGraphics());(i||o)&&(i&&(this._resetSuperimposeOffset(),this.viewModel.removeAllOverlayMapFeatures()),e.overlaysEnabled&&(this.dataCaptureLayer&&this.stopDataCapture(),await this._restoreOverlays(),this.dataCaptureLayer&&(await this.startDataCapture(this.dataCaptureLayer),this._previousAction?.active&&(this._previousAction.active=!1,this._previousAction=null))))},g),m(()=>this.viewModel,"popup-open",async e=>{await(this.view?.openPopup(e))},u),m(()=>this.viewModel,"popup-close",()=>{this.view?.closePopup()},u),this._toggleImageAttributes])}loadDependencies(){return Promise.all([K(),z(),ee({"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar"),"action-group":()=>import("@esri/calcite-components/dist/components/calcite-action-group"),action:()=>import("@esri/calcite-components/dist/components/calcite-action"),block:()=>import("@esri/calcite-components/dist/components/calcite-block"),panel:()=>import("@esri/calcite-components/dist/components/calcite-panel"),shell:()=>import("@esri/calcite-components/dist/components/calcite-shell"),dialog:()=>import("@esri/calcite-components/dist/components/calcite-dialog"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),"shell-panel":()=>import("@esri/calcite-components/dist/components/calcite-shell-panel")}),$()])}destroy(){this._galleryController.abort(),this._galleryObserver.disconnect(),this.currentBestFeature=null}get accuracyParametersMissing(){return this.viewModel.accuracyParametersMissing}get activeLayer(){return r(l.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer}set activeLayer(e){r(l.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer=e}get activeVideoIcon(){const{videoElement:e,videoViewModel:t}=this.viewModel;return e?.loaded&&t?t.videoPaused?"play":"pause":"play"}get activeAudioIcon(){const{videoElement:e,videoViewModel:t}=this.viewModel;return e?.loaded&&t?.videoMuted?"sound-off":"sound"}get cameraHeadingThreshold(){return this.viewModel.cameraHeadingThreshold}set cameraHeadingThreshold(e){this.viewModel.cameraHeadingThreshold=e}get cameraPitchThreshold(){return this.viewModel.cameraPitchThreshold}set cameraPitchThreshold(e){this.viewModel.cameraPitchThreshold=e}get canNavigateSequentially(){return!!this.layer?.effectiveSequenceOrderField?.length}get currentBestFeature(){return this.viewModel.currentBestFeature}set currentBestFeature(e){this.viewModel.currentBestFeature=e}get currentCoverageVisible(){return this.viewModel.currentCoverageVisible}set currentCoverageVisible(e){this.viewModel.currentCoverageVisible=e}get dataCaptureLayer(){return this.viewModel.dataCaptureLayer}set dataCaptureLayer(e){this.viewModel.dataCaptureLayer=e}get depthImageNotSupported(){return this.viewModel.depthImageNotSupported}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get displayMessage(){return this.viewModel.displayMessage}get enhancementToolActive(){return"video"===this.viewModel.mode?this.videoEnhancementToolActive:this.imageEnhancementToolActive}set enhancementToolActive(e){"video"===this.viewModel.mode?this.videoEnhancementToolActive=e:this.imageEnhancementToolActive=e}get features(){return this.viewModel.features}get imagePointsInView(){return this.viewModel.imagePointsInView}get icon(){return"oriented-imagery-widget"}set icon(e){this._overrideIfSome("icon",e)}get imageGalleryEnabled(){return this.viewModel.imageGalleryEnabled}get imageLocationToolActive(){return this.viewModel.imageLocationToolState}set imageLocationToolActive(e){this.viewModel.imageLocationToolState=e}get invalidCameraHeading(){return this.viewModel.invalidCameraHeading}get isAdditionalCoverageVisible(){return this.viewModel.isAdditionalCoverageVisible}set isAdditionalCoverageVisible(e){this.viewModel.isAdditionalCoverageVisible=e}get isAdditionalPointSourcesVisible(){return this.viewModel.isAdditionalPointSourcesVisible}set isAdditionalPointSourcesVisible(e){this.viewModel.isAdditionalPointSourcesVisible=e}get mapImageConversionToolState(){return this.viewModel.mapImageConversionToolState}set mapImageConversionToolState(e){this.viewModel.setMapImageConversionToolState(e)}get measureType(){return this.viewModel.measureType}set measureType(e){this.viewModel.measureType=e}get layer(){return this.viewModel.layer}set layer(e){this.viewModel.layer=e}get navigationMode(){return this.viewModel.navigationMode}set navigationMode(e){this.viewModel.navigationMode=e}get popupEnabled(){const{popupEnabled:e,state:t}=this.viewModel;return("image-loaded"===t||this.videoLoaded)&&e}get preloadMedia(){return this.viewModel.preloadMedia}set preloadMedia(e){this.viewModel.preloadMedia=e}get referencePoint(){return this.viewModel.referencePoint??null}get selectedPoint(){return this.viewModel.selectedPoint}get sketchViewModel(){return this.viewModel.sketch}get triangularMeasurementActive(){return this.viewModel.triangularMeasurementActive}set triangularMeasurementActive(e){this.viewModel.triangularMeasurementActive=e}get videoLoaded(){const{mode:e,videoElement:t,panoramicVideoLoaded:i}=this.viewModel;return("video"===e&&!0===t?.loaded||i)??!1}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}set determineWorkflowForFeature(e){this.viewModel.determineWorkflowForFeature=e}get determineWorkflowForFeature(){return this.viewModel.determineWorkflowForFeature}get shouldShowSelectedImage(){return this.viewModel.shouldShowSelectedImage}set shouldShowSelectedImage(e){this.viewModel.shouldShowSelectedImage=e}get superimposeViewEnabled(){return this.viewModel.superimposeViewEnabled}set superimposeViewEnabled(e){this.viewModel.superimposeViewEnabled=e}get defaultSuperimposeCameraLockEnabled(){return this.viewModel.defaultSuperimposeCameraLockEnabled}set defaultSuperimposeCameraLockEnabled(e){this.viewModel.defaultSuperimposeCameraLockEnabled=e}set updateFootprint(e){this.viewModel.updateFootprint=e}get updateFootprint(){return this.viewModel.updateFootprint}get verticalFilterEnabled(){return this.viewModel.verticalFilterEnabled}set verticalFilterEnabled(e){this.viewModel.verticalFilterEnabled=e}get _actionBarLayout(){return"start"===this.actionBarPosition||"end"===this.actionBarPosition?"vertical":"horizontal"}_renderActionBar(){const{selectedGroup:e,superimposeViewEnabled:i}=this,a=this._actionBarLayout;if(i)return se("calcite-action-bar",{"data-testid":"action-bar--superimpose",expandToggleDisabled:!0,layout:a,slot:"action-bar"},se("calcite-action-group",{overlayPositioning:"fixed"},this._superimposeViewToggle()));const o=t();return se("calcite-action-bar",{afterUpdate:this._focusPendingAction,"data-testid":"action-bar",expandToggleDisabled:!0,layout:a,slot:"action-bar"},!e&&se("calcite-action-group",{key:"main",overlayPositioning:"fixed"},this._searchGroupToggle(),this._overlaysGroupToggle(),this._navigationGroupToggle(),this._measurementsGroupToggle(),this._utilitiesGroupToggle()),this._renderGroupBackAction(o),"overlays"===e&&se("calcite-action-group",{key:"overlays",overlayPositioning:"fixed"},this._currentFootprintToggle(),this._additionalFootprintToggle(),this._additionalPointSourcesToggle(),this._mapImageConversionToggle(),this._imageOverlaysToggle()),"navigation"===e?this._directionToolsToggle():null,"navigation"===e&&se("calcite-action-group",{key:"context-navigation",overlayPositioning:"fixed"},this._navigationToolToggle(),this._imageGalleryToggle()),"measurements"===e&&this._measurementToolToggle(),"utilities"===e&&se("calcite-action-group",{overlayPositioning:"fixed"},this._imageEnhancementsToggle(),this._videoEnhancementsToggle(),this._superimposeViewToggle(),this._openPopupAction()),"search"===e&&se("calcite-action-group",{overlayPositioning:"fixed"},this._exploreImagesToggle(),this._exploreImages3DToggle(),this._showSelectedImageToggle()))}_renderGroupBackAction(e){return this.selectedGroup?se("calcite-action",{bind:this,icon:e?"arrow-right":"arrow-left",key:"back-arrow",text:this.messages.previous,title:this.messages.previous,onclick:()=>this._toggleGroupSelection(null)}):null}get _activeMeasurementHeading(){const{measureType:e,messages:t,triangularMeasurementActive:i}=this,{groundArea:a,heightAboveGround:o,groundDistance:s,triangulatedAreaHeading:n,triangulatedDistanceHeading:r}=t;if(i)return"area"===e?n:r;switch(e){case"area":return a;case"height":return o;default:return s}}_additionalFootprintToggle(){const{isAdditionalCoverageVisible:e,invalidCameraHeading:t,visibleElements:{additionalFootprintToggle:i}}=this;return i?se("calcite-action",{active:e,bind:this,class:E.addCoverage,disabled:t,icon:"trapezoid-area",text:this.messages.additionalFootprints,title:this.messages.additionalFootprints,onclick:this._toggleAdditionalCoverage}):null}_additionalPointSourcesToggle(){const{isAdditionalPointSourcesVisible:e,invalidCameraHeading:t,visibleElements:{additionalCameraLocationsToggle:i}}=this;return i?se("calcite-action",{active:e,bind:this,class:E.addExpPoints,disabled:t,icon:"circle-area",text:this.messages.additionalCameraLocations,title:this.messages.additionalCameraLocations,onclick:this._toggleAdditionalCameraLocations}):null}get _measurementToggle(){const{viewModel:{state:e,measureType:t,currentBestFeatureMeasurementImage:i},triangularMeasurementActive:a,id:o}=this;if("image-loaded"!==e||!t||a&&!i)return;this._imageMeasurementToolsLoaderTask||this._loadImageMeasurementResources();const s=this._imageMeasurementToolsLoaderTask?.value;return s?se("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:this._activeMeasurementHeading,id:`${o}-${t}-measurement`,open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",width:"s",onCalciteDialogBeforeClose:this._clearMeasurements},se(s,{measurementType:t,measurementUnitMessages:this.measurementUnitMessages,messages:this.messages,oiViewModel:this.viewModel})):null}get _renderRoot(){const{viewModel:{state:e},triangularMeasurementActive:t}=this;return se("calcite-panel",{bind:this,class:t?E.viewerContainerMeasurement:E.viewerContainer,heading:this.visibleElements.header?this.messages.title:void 0,loading:e.includes("loading")&&!t},se("calcite-shell",null,this.visibleElements.menu?se("calcite-shell-panel",{actionBarPosition:this.actionBarPosition,collapsed:!0,displayMode:"dock",slot:`panel-${this.actionBarPosition}`},this._renderActionBar()):null,se("calcite-panel",null,this._imageViewer,this._panoramicViewer,this._panoramicVideoViewer,this._videoViewer,this._messageBox,this.invalidCameraHeading?null:[this._imageGalleryPanel,this._renderNavigation,this._imageOverlaysPanel()],this._imageEnhancementTools,this._videoEnhancementTools,this._superimposeTools,this._renderSketch(),this._navigationUI),this._imageViewerTriangular,this._measurementToggle,this._locationToggle,this.invalidCameraHeading?this._renderWarning(this.messages.invalidCameraHeadingWarningTitle,this.messages.invalidCameraHeadingWarningDescription):null,this.depthImageNotSupported?this._renderWarning(this.messages.depthImageNotSupportedTitle,this.messages.depthImageNotSupportedDescription):null,this.noImageInSequenceError?this._renderWarning(this.messages.sequentialNavigationWarning,this.messages.sequentialNavigationWarning,this._closeImageSequenceAlert):null))}_currentFootprintToggle(){const{currentCoverageVisible:e,invalidCameraHeading:t}=this,{currentFootprintToggle:i}=this.visibleElements;return i?se("calcite-action",{active:e,bind:this,class:E.currentCoverage,disabled:t,icon:"trapezoid-area",text:this.messages.currentFootprint,title:this.messages.currentFootprint,onclick:this._toggleCurrentCoverage}):null}_exploreImagesToggle(){const{exploreImages:e}=this.messages;return this.visibleElements.exploreImages?se("calcite-action",{active:!this.disabled,bind:this,icon:"oriented-imagery-widget",text:e,title:e,onclick:this._toggleExploreImages}):null}get _imageEnhancementTools(){const{enhancementToolActive:e,viewModel:{brightness:t,contrast:i,sharpness:a,state:o}}=this;return e&&"image-loaded"===o?se("calcite-panel",{bind:this,class:E.imageEnhancementWrapper,closable:!0,closed:!e,heading:this.messages.imageEnhancement,key:this.messages.imageEnhancement,onCalcitePanelClose:this._toggleEnhancementToolState},se("div",{class:E.imageEnhancementTools},Q({title:this.messages.brightness,value:t,handleChange:this._handleBrightnessChange}),Q({title:this.messages.contrast,value:i,handleChange:this._handleContrastChange}),Q({title:this.messages.sharpness,value:a,max:1,min:0,ticks:.5,step:.1,handleChange:this._handleSharpnessChange})),se("calcite-action",{bind:this,icon:"reset",slot:"header-actions-end",text:this.messagesCommon.reset,title:this.messagesCommon.reset,onclick:this._resetImageTools})):null}get _videoEnhancementTools(){const{enhancementToolActive:e,viewModel:{videoViewModel:t,mode:i},messages:{videoEnhancement:a,brightness:o,contrast:s},messagesCommon:{reset:n}}=this;return e&&"video"===i&&t?se(X,{brightness:t.videoBrightness,contrast:t.videoContrast,handleBrightnessChange:this._handleVideoBrightnessChange,handleContrastChange:this._handleVideoContrastChange,resetTools:this._resetVideoTools,uiStrings:{videoEnhancement:a,brightness:o,contrast:s,reset:n},videoEnhancementToolActive:e,onClose:this._toggleEnhancementToolState}):null}get _superimposeTools(){const{superimposeViewEnabled:e,view:t,viewModel:{state:i,mode:a},messages:{superimposeSettings:o,superimposeSliderTitle:s,superimposeSliderTooltip:n}}=this,r="panoramic"===a;return e&&"3d"===t?.type&&"image-loaded"===i?se("calcite-panel",{bind:this,class:this.classes(E.imageEnhancementWrapper,E.superimposeTools),heading:o,key:"superimpose-settings"},se("div",{class:E.imageEnhancementTools},Q({title:s,tooltip:n,value:r?this._panoramicSuperimposeRadiusOffsetPercentage:this._defaultSuperimposeZOffsetPercentage,max:100,min:0,ticks:10,step:1,handleChange:this._handleSuperimposeZOffsetChange})),se("calcite-action",{bind:this,icon:"reset",slot:"header-actions-end",text:this.messagesCommon.reset,title:this.messagesCommon.reset,onclick:this._resetSuperimposeOffset})):null}_imageEnhancementsToggle(){const{state:e,mode:t}=this.viewModel,{enhancementTool:i}=this.visibleElements;return i&&"video"!==t?se("calcite-action",{active:this.enhancementToolActive,bind:this,disabled:"default"!==t||"image-loaded"!==e,icon:"sliders-horizontal",text:this.messages.imageEnhancement,title:this.messages.imageEnhancement,onclick:this._toggleEnhancementToolState}):null}_exploreImages3DToggle(){const{exploreImages3D:e}=this.messages,t="3d"!==this.view?.type||!this.layer?.verticalSearchRange;return this.visibleElements.exploreImages3D?se("calcite-action",{active:this.verticalFilterEnabled,bind:this,disabled:t,icon:"3d-search",text:e,title:e,onclick:this._toggleVerticalSearchFilter}):null}_showSelectedImageToggle(){const{displayImages:e}=this.messages,t=this.viewModel.mode.includes("video");return this.visibleElements.showSelectedImage?se("calcite-action",{active:this.shouldShowSelectedImage,bind:this,disabled:t,icon:"show-oriented-imagery",text:e,title:e,onclick:this._toggleShowSelectedImage}):null}_superimposeViewToggle(){const{superimposeView:e}=this.messages,{mode:t,accuracyParametersMissing:i}=this.viewModel,a=!this.superimposeViewEnabled&&("3d"!==this.view?.type||t.includes("video")||i);return this.visibleElements.superimpose?se("calcite-action",{active:this.superimposeViewEnabled,bind:this,disabled:a,icon:"superimpose",text:e,title:e,onclick:this._toggleSuperimposeView}):null}_videoEnhancementsToggle(){const{mode:e}=this.viewModel,{videoEnhancement:t}=this.messages,{enhancementTool:i}=this.visibleElements;return i&&"video"===e?se("calcite-action",{active:this.enhancementToolActive,bind:this,disabled:"video"!==e,icon:"sliders-horizontal",text:t,title:t,onclick:this._toggleEnhancementToolState}):null}get _imageGalleryPanel(){const{container:e,galleryOpened:t,imageGalleryEnabled:i}=this;return i&&t&&e?this._imageGalleryContext:null}get _imageGalleryContext(){const{galleryOpened:e,invalidCameraHeading:t}=this;return se("calcite-panel",{bind:this,class:E.carousel,closable:!0,closed:!e,disabled:t,heading:this.messages.imageGallery,key:this.messages.imageGallery,onCalcitePanelClose:this._toggleImageGallery},se("div",{class:E.carouselContainer},this._renderThumbnails))}_imageGalleryToggle(){const{imageGalleryEnabled:e,invalidCameraHeading:t,visibleElements:{imageGallery:i}}=this;return i?se("calcite-action",{active:this.galleryOpened,bind:this,disabled:!e||t,icon:"images",text:this.messages.imageGallery,title:this.messages.imageGallery,onclick:this._toggleImageGallery}):null}get _imageOverlaysComponent(){const{_imageOverlayMessages:e,_imageOverlaysLoaderTask:t,_overlayedLayers:i,dataCaptureEnabled:a,dataCaptureLayer:s,imageOverlaysOpened:n,showCameraLocations:r,showMapFeatures:l,view:d,layer:c}=this,g=a&&!this.viewModel.mode.includes("video");if(!c)return null;const h=c.imageGeometryField?.length?c.imageGeometryField:I,m=c.imageReferenceField?.length?c.imageReferenceField:S;t||(this._imageOverlaysLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/ImageOverlays.js"))).default));const u=this._imageOverlaysLoaderTask?.value;return u?se(u,{closed:!n,dataCaptureEnabled:g,dataCaptureLayer:s,imageGeometryField:h,imageReferenceField:m,messages:e,overlayedLayers:i,showCameraLocations:r,showMapFeatures:l,view:d,onDataCaptureLayerChanged:this._handleDataCaptureLayerChange,onFilterCapturedFeatures:this.viewModel.filterCapturedFeatures,onImageOverlaysClosed:this._onImageOverlayClosed,onLayerDeselected:this._handleOverlayLayerDeselect,onLayerSelected:this._handleOverlayLayerSelect,onShowCameraLocationsChanged:this._onShowCameraLocationsChanged,onShowMapFeaturesChanged:this._onShowMapFeaturesChanged}):null}get _navigationUI(){const{navigationMode:e,viewModel:t}=this,{mode:i,state:a}=t;if(e&&("default"===i||"panoramic"===i)&&"image-loaded"===a)return"directional"===e?"default"===i?se(W,{cameraHeadingThreshold:this.cameraHeadingThreshold,cameraPitchThreshold:this.cameraPitchThreshold,currentNode:this.viewModel.currentNode,navigate:this._createNavigationTask,nodes:this.viewModel.navigationNodes,preserveAngle:this.viewModel.preserveAngle}):se(Z,{currentNode:this.viewModel.currentNode,navigate:this._createNavigationTask,nodes:this.viewModel.navigationNodes}):se(J,{layout:"horizontal",uiStrings:{end:this.messages.end,next:this.messages.next,previous:this.messages.previous,start:this.messages.start},onNext:this._navigateNext,onPrev:this._navigatePrevious})}get _imageOverlayMessages(){return{...this.messages,...this.messagesSketch}}get _imageSketchToolsMessages(){return{...this.messagesCommon,...this.messagesSketch}}_imageOverlaysPanel(){const{imageOverlaysOpened:e}=this,t=this.classes({[E.imageOverlaysContainer]:!0,[te.hidden]:!e||!this._imageOverlaysEnabled});return se("div",{class:t,key:this.messages.imageOverlays},this._imageOverlaysComponent)}_imageOverlaysToggle(){const{imageOverlaysOpened:e,invalidCameraHeading:t,visibleElements:{imageOverlays:i}}=this;return i?se("calcite-action",{active:e,bind:this,disabled:!this._imageOverlaysEnabled||t,icon:"layers",text:this.messages.imageOverlays,title:this.messages.imageOverlays,onclick:this._toggleImageOverlays}):null}get _imageOverlaysEnabled(){return this.viewModel.overlayGraphicsEnabled}get _imageViewer(){const{displayMessage:e,loadImageViewer:t,mode:i,clickAction:a,state:o}=this.viewModel,s=null!=e||"default"!==i||o.includes("loading");return se(q,{afterCreate:t,clickAction:a,visible:!s})}get _imageViewerTriangular(){const{messages:e,triangularMeasurementActive:t}=this,{displayMessage:i,storeImageMeasurementViewer:a,storePanoramicMeasurementViewer:o,mode:s,state:n,clickAction:r}=this.viewModel,l=null!=i||"none"===s||"video"===s,d=this.classes({[E.viewer]:!l,[E.viewerHidden]:l});return t?se("calcite-panel",{class:E.viewerContainerMeasurement,heading:e.measurementViewerHeading,loading:n.includes("loading")},se("calcite-panel",{bind:this,class:d},"default"===s?se(q,{afterCreate:a,clickAction:r,uiStrings:e}):se(M,{afterCreate:o,clickAction:r,uiStrings:e}))):null}_utilitiesGroupToggle(){const{utilityTools:e}=this.messages;return this.visibleElements.utilityTools?se("calcite-action",{bind:this,icon:"tools",key:"utilities-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("utilities",e)}):null}_searchGroupToggle(){const{searchTools:e}=this.messages;return this.visibleElements.searchTools?se("calcite-action",{bind:this,icon:"search",key:"search-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("search",e)}):null}get _videoViewer(){const{mode:e,loadVideoViewer:t,videoViewModel:i}=this.viewModel,{control:a,reset:o}=this.messagesCommon,{mute:s,unmute:n}=this.messages,r="video"!==e,l=this.classes({[E.viewer]:!r,[E.viewerHidden]:r}),d="esri-image-viewer",c=`${d}__slider-container`;return se("calcite-panel",{bind:this,class:l},se("calcite-panel",{afterCreate:t,class:this.classes(te.widget,d)}),se("calcite-block",{class:c,expanded:!0},se("calcite-slider",{bind:this,labelHandles:!0,labelTicks:!0,max:i?.videoDuration,minLabel:"0",value:i?.currentTime??0,onCalciteSliderChange:this._handleVideoSeek})),se("calcite-action-bar",{"data-testid":"action-bar--video-controls",expandToggleDisabled:!0,layout:"horizontal"},se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:this.activeVideoIcon,text:"Play",title:i?.videoPaused?a.play:a.pause,onclick:()=>i?.playVideoHandler()})),se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:"refresh",text:"Rewind",title:o,onclick:()=>i?.rewindVideoHandler()})),se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:this.activeAudioIcon,text:"Audio",title:i?.videoMuted?s:n,onclick:()=>i?.toggleAudio()}))))}get _locationToggle(){const{viewModel:{state:e,groundCoordinates:t,groundCoordinatesAccuracy:i,groundCoordinatesAccuracyLoading:a,triangulatedPoint:o},imageLocationToolActive:s,triangularMeasurementActive:n,messages:{groundLocation:r,triangulatedLocationHeading:l}}=this;if("image-loaded"!==e||!t||!s)return;let d=t;if(n){if(!o)return;d=o}return se("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:n?l:r,id:r,open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",width:"s",onCalciteDialogBeforeClose:this._clearImageLocation},se(U,{accuracy:i,accuracyLoading:a,groundCoordinates:d,messages:this.messages}))}_mapImageConversionToggle(){const{mapImageConversionToolState:e,viewModel:{state:t,disabled:i},videoLoaded:a,invalidCameraHeading:o,visibleElements:{mapImageConversionTool:s}}=this,n=!("video"!==this.viewModel.mode||!a||!this.viewModel.videoViewModel?.videoPaused),r="panoramic-video"===this.viewModel.mode&&this.viewModel.panoramicVideoLoaded&&this.viewModel.panoramicVideoPaused;return s?se("calcite-action",{active:e,bind:this,disabled:"image-loaded"!==t&&!n&&!r||o||i,icon:"image-pin",text:this.messages.mapImageConversionTool,title:this.messages.mapImageConversionTool,onclick:this._toggleMapImageConversionToolState}):null}_measurementToolToggle(){const{measureType:e,viewModel:t,accuracyParametersMissing:i,messages:a,triangularMeasurementActive:o}=this,{state:s}=t,{groundDistance:n,groundArea:r,heightAboveGround:l,groundLocation:d,triangulatedDistanceHeading:c,triangulatedAreaHeading:g,triangulatedLocationHeading:h}=a,m="image-loaded"!==s||i,u=this._actionBarLayout;return se("calcite-action-group",{key:"measurement-tools",layout:u,overlayPositioning:"fixed",scale:"m"},se("calcite-action",{active:"distance"===e&&!o,bind:this,disabled:m,icon:"measure-line",key:"distance-measurement",text:n,title:n,onclick:e=>this._toggleMeasurementSketch(e,"distance")}),se("calcite-action",{active:"area"===e&&!o,bind:this,disabled:m,icon:"measure-area",key:"area-measurement",text:r,title:r,onclick:e=>this._toggleMeasurementSketch(e,"area")}),se("calcite-action",{active:"height"===e,bind:this,disabled:m,icon:"measure-building-height-top-base",key:"height-measurement",text:l,title:l,onclick:e=>this._toggleMeasurementSketch(e,"height")}),se("calcite-action",{active:!!this.imageLocationToolActive&&!o,bind:this,disabled:m,icon:"pin-tear",key:"surface-location",text:d,title:d,onclick:this._toggleLocationTool}),se("calcite-action",{active:!!o&&this.imageLocationToolActive,bind:this,disabled:m,icon:"dual-image-location",key:"triangular-location",text:h,title:h,onclick:this._toggleTriangularLocation}),se("calcite-action",{active:!!o&&"distance"===this.measureType,bind:this,disabled:m,icon:"dual-image-distance",key:"triangular-distance",text:c,title:c,onclick:this._toggleTriangularDistanceMeasurements}),se("calcite-action",{active:!!o&&"area"===this.measureType,bind:this,disabled:m,icon:"dual-image-area",key:"triangular-area",text:g,title:g,onclick:this._toggleTriangularAreaMeasurements}))}get _messageBox(){const{messages:e,viewModel:{displayMessage:t,mode:a}}=this;if(!t||"video"===a)return null;const{key:o,map:s,type:n}=t,r=`${s?i(e[o],s):e[o]}`,l="error"===n?"danger":"warn"===n?"warning":"info";return se("calcite-notice",{appearance:"transparent",class:E.notice,icon:ie[l],kind:l,open:!0},se("div",{slot:"message"},r))}async _loadNavigationSettings(){return this._navigationSettingsLoaderTask||(this._navigationSettingsLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/NavigationSettings.js"))).default)),await this._navigationSettingsLoaderTask.promise}_measurementsGroupToggle(){const{measurementTools:e}=this.messages,{state:t,accuracyParametersMissing:i}=this.viewModel,a="image-loaded"!==t||i;return this.visibleElements.measurementTools?se("calcite-action",{bind:this,disabled:a,icon:"measure-line",key:"measurements-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("measurements",e)}):null}_navigationGroupToggle(){const{imageNavigation:e}=this.messages;return this.visibleElements.imageNavigationTools?se("calcite-action",{bind:this,icon:"absolute-direction",key:"navigation-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("navigation",e)}):null}_navigationToolToggle(){const{state:e}=this.viewModel,{visibleElements:{navigationTool:t},videoLoaded:i}=this;return t?se("calcite-action",{active:this.navigationToolActive,bind:this,disabled:"image-loaded"!==e&&!i||this.invalidCameraHeading,icon:"explore",text:this.messages.navigationTool,title:this.messages.navigationTool,onclick:this._toggleNavigationTool}):null}_directionToolsToggle(){const{messages:e,viewModel:t,visibleElements:i}=this,{directionalNavigation:a,sequentialNavigation:o}=i,{state:s}=t,{directionalNavigation:n,directionalNavigationDescription:r,sequentialNavigation:l,sequentialNavigationDescription:d}=e,c=this._actionBarLayout;return se("calcite-action-group",{key:"navigation-tools",layout:c,overlayPositioning:"fixed",scale:"m"},a?se("calcite-action",{active:"directional"===this.navigationMode,bind:this,disabled:"image-loaded"!==s||this.invalidCameraHeading,icon:"directional-navigation",text:n,title:n+"\n"+r,onclick:()=>{this._toggleImageNavigation("directional")}}):null,o?se("calcite-action",{active:"sequential"===this.navigationMode,bind:this,disabled:"image-loaded"!==s||this.invalidCameraHeading||!this.canNavigateSequentially,icon:"sequential-navigation",text:l,title:l+"\n"+d,onclick:()=>{this._toggleImageNavigation("sequential")}}):null)}_overlaysGroupToggle(){const{overlays:e}=this.messages;return this.visibleElements.overlays?se("calcite-action",{bind:this,icon:"oriented-imagery-overlays",key:"overlays-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("overlays",e)}):null}_openPopupAction(){const{showPopupsAction:e}=this.visibleElements;return e?se("calcite-action",{bind:this,disabled:!this.popupEnabled,icon:"popup",text:this.messages.showPopups,title:this.messages.showPopups,onclick:this._toggleImageAttributes}):null}get _panoramicVideoViewer(){const{displayMessage:e,loadPanoramicVideoViewer:t,mode:i,clickAction:a,state:o,currentBestFeature:s}=this.viewModel,n=s?.attributes.imagePath,r=null!=e||"panoramic-video"!==i||o.includes("loading")||!n;return se(T,{afterCreate:t,clickAction:a,oiViewModel:this.viewModel,videoSource:n,visible:!r})}get _panoramicViewer(){const{displayMessage:e,loadPanoramicViewer:t,mode:i,clickAction:a,state:o}=this.viewModel,s=null!=e||"panoramic"!==i||o.includes("loading");return se(M,{afterCreate:t,clickAction:a,visible:!s})}get noImageInSequenceError(){return this._get("noImageInSequenceError")??!1}_activateTriangulatedImageLocationTool(){this.navigationToolActive=!0,this.imageLocationToolActive=!0}_activateTriangulatedImageLocationWorkflow(e,t){this._closeAllImageTools(),this.imageLocationToolActive=!0,this.triangularMeasurementActive=!e,this.navigationToolActive=!!t||!t}_closeImageToolsAndToggleNavigation(e,t){this._closeAllImageTools(),this.triangularMeasurementActive=!e,this.navigationToolActive=!t}_resetMeasureTypeAndActivateImageLocationTool(){this.measureType=null,this.imageLocationToolActive=!0}_closeAllImageTools(){this.enhancementToolActive=!1,this.navigationToolActive=!1,this.imageOverlaysOpened=!1,this.galleryOpened=!1,this.measureType=null,this.imageLocationToolActive=!1,this.navigationMode=null,this.triangularMeasurementActive=!1,this._settingsToggle&&(this._settingsToggle.expanded=!1,this.viewModel.activeViewer?.ui.remove(this._settingsToggle))}_handleBrightnessChange(e){this.viewModel.brightness=e.currentTarget.value??0}_handleVideoBrightnessChange(e){this.viewModel.videoViewModel?.handleVideoBrightnessChange(e.target.value)}_handleContrastChange(e){this.viewModel.contrast=e.currentTarget.value??0}_handleVideoContrastChange(e){this.viewModel.videoViewModel?.handleVideoContrastChange(e.target.value)}_handleVideoSeek(e){const t=this.viewModel?.videoElement?.content;t&&(t.currentTime=e.target.value,t.play())}_handleSharpnessChange(e){this.viewModel.sharpness=e.currentTarget.value??0}_handleSuperimposeZOffsetChange(e){const t=e.currentTarget.value??0;if("default"===this.viewModel.mode)return this._defaultSuperimposeZOffsetPercentage=t,void this.viewModel.setDefaultSuperimposeZOffsetPercentage(100-t);this._panoramicSuperimposeRadiusOffsetPercentage=t,this.viewModel.setPanoramicSuperimposeRadiusPercentage(100-t)}_lazyLoadImage(e,t){e.forEach(async e=>{if(e.isIntersecting){const a=e.target,o=a.getAttribute("data-src"),s=a.getAttribute("data-rotation"),n=a.getAttribute("data-objectid"),r=s?parseFloat(s)%360:0,{layer:c,_galleryController:{signal:g}}=this;if(!o||!n)return;let h;try{h=G(o)?await N(c,n,{signal:g}):await B(o,{signal:g})}catch(i){d(i)||l.getLogger("esri.widgets.OrientedImageryViewer").error("#lazyLoadImage()",i)}finally{t.unobserve(a)}if(!h)return;D(h,a,r)}})}_loadImageFromGallery(e){const{target:t}=e;if(!t)return;const i=t.getAttribute("data-objectid");i&&this.viewModel.currentBestFeature?.attributes.objectId!==Number(i)&&this.viewModel.selectBestFeature(i)}_loadImageMeasurementResources(){this._imageMeasurementToolsLoaderTask=o(async()=>{const{default:e}=await(import("./OrientedImageryViewer/components/ImageMeasurementWidget.js"));return e})}_loadSketchResources(){this._sketchLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/SketchTools.js"))).default)}_onAdditionalCoverageVisibilityChange(e){this.viewModel.setAdditionalCoverageVisibility(e)}_onAdditionalCameraLocationsVisibility(e){this.viewModel.setAdditionalCameraLocationsVisibility(e)}_onCurrentCoverageVisibilityChange(e){this.viewModel.setCurrentCoverageVisibility(e)}_registerGalleryItem(e){this._galleryObserver.observe(e)}_renderWarning(e,t,i){const{viewModel:{state:a}}=this;return"image-loaded"===a?se(R,{icon:"exclamation-mark-triangle-f",kind:"warning",message:t,open:!0,title:e,tooltip:t,topLayerDisabled:this.topLayerDisabled,onClose:i}):null}get _renderNavigation(){const{viewModel:{sectorData:e,navigatorCurrentBestFeature:t,currentBestFeature:i,state:o}}=this;if(!this.container||!i)return null;let s,n,r,l,d;if(t){const{x:e,y:i,direction:a}=t,[o,c,g,h]=A[a];s=`M ${e} ${i} L ${o} ${c} A ${V[2]} ${V[2]} 0 0 1 ${g} ${h} Z`,n=e,l=i,r=A[a][4],d=A[a][5]}const c=e=>{const t=e.target.dataset?.sector;t&&this.viewModel.handleSectorClick(+t)},g=e=>{const t=e.target.dataset;if(!t)return;const{featureIndexInSector:i,sector:a}=t;i&&a&&this.viewModel.handleFeatureClick({sector:a,featureIndexInSector:+i})},h=e=>{e.removeEventListener("click",g)},m=i.attributes.objectId,u=e?.map(e=>e?.items).filter(Boolean).flatMap(e=>e?.map(({x:e,y:t,objectID:i,featureIndexInSector:a,sector:o})=>se("circle",{afterRemoved:h,class:this.classes(E.feature,{selected:m===i}),cx:e,cy:t,"data-feature-index-in-sector":a,"data-sector":o,key:`${E.feature}-${i}`,r:k,onclick:g}))),p=e=>{e.removeEventListener("click",c)},v=this.classes({[E.navigationWrapper]:!0,[E.navigationWrapperVideo]:this.viewModel.mode.includes("video"),[E.navigationZoomed]:this._navigationToolExpanded});return this.navigationToolActive&&("image-loaded"===o||this.videoLoaded)?se("div",{bind:this,class:v,key:this.messages.navigationTool},se("svg",{afterCreate:e=>this._storeNavigationToolReference(e),class:a()?O:E.rotateWithAnimation,focusable:"false",height:L,role:"img",width:L,xmlns:"http://www.w3.org/2000/svg"},se("defs",null,se("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${this.id}-coverage-fill`,x1:n,x2:r,y1:l,y2:d},se("stop",{class:E.navigationPathOffset0,offset:0}),se("stop",{class:E.navigationPathOffset1,offset:1}))),se("g",null,se("circle",{class:this.classes(E.sector,E.outerSector),cx:V[3],cy:V[3],r:V[3],onclick:this._scaleNavigationTool}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[2]}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[1]}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[0]}),se("path",{class:E.pointer,d:"M 56.5 6.06217782649107 L 60 0 L 63.5 6.06217782649107 Z",key:`${E.pointer}-west`}),se("path",{class:this.classes(E.pointer,E.north),d:"M 113.93782217350893 56.5 L 120 60 L 113.93782217350893 63.5 Z",key:`${E.pointer}-north`}),se("path",{class:E.pointer,d:"M 56.5 113.93782217350893 L 60 120 L 63.5 113.93782217350893 Z",key:`${E.pointer}-east`}),se("path",{class:E.pointer,d:"M 6.06217782649107 56.5 L 0 60 L 6.06217782649107 63.5 Z",key:`${E.pointer}-south`}),se("path",{class:this.classes(E.sector,E.sectorSeparator),d:"M 23.937554159486076 23.937554159486076 L 96.06244584051393 96.06244584051393 M 23.937554159486076 96.06244584051393 L 96.06244584051393 23.937554159486076",key:E.sectorSeparator}),C([V[2],V[1],V[0]],V[3],V[3]).map((t,i)=>se("path",{afterRemoved:p,class:this.classes(E.sector,e?.[i]?.length?E.sectorEnabled:E.sectorDisabled),d:t,"data-sector":`${i}`,key:`${E.sector}-${i}`,onclick:c})),se("path",{class:this.classes(E.sector,E.sectorCross),d:"M 56.4 56.4 L 63.53 63.53 M 63.53 56.4 L 56.4 63.53",key:E.sectorCross}),u,i.attributes.cameraPitch>=5&&s?se("path",{class:E.selectedFeaturePath,d:s,fill:`url(#${this.id}-coverage-fill)`,key:E.selectedFeaturePath}):null))):null}_renderSketch(){const{dataCaptureLayer:e,imageOverlaysOpened:t}=this;if(!e||t)return null;if(this._sketchLoaderTask||this._loadSketchResources(),!this._sketchLoaderTask?.value)return null;const{geometryType:i}=e,a="point"===i?"pin":"polyline"===i?"line":"polygon",o=this._sketchLoaderTask.value;return se("div",{class:E.sketchTools},se(o,{icon:a,messages:this._imageSketchToolsMessages,type:i,onAction:this._onAction}))}get _renderThumbnails(){const{currentBestFeature:e,thumbnails:t}=this.viewModel;return e?se("div",{class:E.carouselContent},t?.items.map(({url:t,objectId:i,rotation:a},o)=>se("div",{class:`${E.carouselItemWrapper}${e.attributes.objectId===i?"--selected":""}`,key:`${E.carouselItemWrapper}-${o}`},se("canvas",{afterCreate:this._registerGalleryItem,afterRemoved:this._unregisterGalleryItem,alt:`thumbnail-${i}`,class:E.carouselItem,"data-objectid":`${i}`,"data-rotation":`${a}`,"data-src":t,onclick:this._loadImageFromGallery,onmouseenter:this._highlight,onmouseleave:this._removeHighlight})))):null}_resetImageTools(){this.viewModel.sharpness=this.viewModel.brightness=this.viewModel.contrast=0}_resetVideoTools(){this.viewModel.videoViewModel?.resetVideoEnhancementTools()}_storeNavigationToolReference(e){this._navigationTool=e}_toggleAdditionalCameraLocations(){this.isAdditionalPointSourcesVisible=!this.isAdditionalPointSourcesVisible}_toggleAdditionalCoverage(){this.isAdditionalCoverageVisible=!this.isAdditionalCoverageVisible}_toggleCurrentCoverage(){this.currentCoverageVisible=!this.currentCoverageVisible}_toggleShowSelectedImage(){this.shouldShowSelectedImage=!this.shouldShowSelectedImage,this._toggleDisabledViewer(this.shouldShowSelectedImage)}_resetSuperimposeOffset(){if("default"===this.viewModel.mode)return this._defaultSuperimposeZOffsetPercentage=100,void this.viewModel.setDefaultSuperimposeZOffsetPercentage(0);this._panoramicSuperimposeRadiusOffsetPercentage=100,this.viewModel.setPanoramicSuperimposeRadiusPercentage(0)}_toggleSuperimposeCameraLock(){this.viewModel.updateDefaultSuperimposeCameraLock(!this.defaultSuperimposeCameraLockEnabled)}_toggleSuperimposeView(){this.superimposeViewEnabled=!this.superimposeViewEnabled}_toggleVerticalSearchFilter(){this.verticalFilterEnabled=!this.verticalFilterEnabled,this._toggleDisabledViewer(this.verticalFilterEnabled)}_toggleDisabledViewer(e){e&&(this.disabled=!1)}_toggleEnhancementToolState(e){e.stopPropagation();const t=this.enhancementToolActive;this._closeAllImageTools(),this.enhancementToolActive=!t}_toggleExploreImages(){this.disabled=!this.disabled,this.disabled&&(this.shouldShowSelectedImage=!1,this.verticalFilterEnabled=!1)}_toggleGroupSelection(e,t){const i=this._rootActionTitleToFocus;e&&(this._rootActionTitleToFocus=t?.currentTarget?.getAttribute("title")),this.selectedGroup=e,this._actionTitleToFocus=e?this.messages.previous:i}_toggleImageOverlays(e){e.stopPropagation();const t=this.imageOverlaysOpened;this._closeAllImageTools(),this.imageOverlaysOpened=!t}_toggleImageGallery(e){e.stopPropagation();const t=this.galleryOpened;this._closeAllImageTools(),this.galleryOpened=!!this.imageGalleryEnabled&&!t}_toggleLocationTool(e){const t=this.imageLocationToolActive,i=this.triangularMeasurementActive&&t;this._closeAllImageTools(),this.imageLocationToolActive=i||!t,e.stopPropagation()}_toggleMeasurementSketch(e,t){e.stopPropagation();const i=this.measureType,a=this.triangularMeasurementActive;this._closeAllImageTools(),this.measureType=i!==t||a?t:null,this.measureType===t&&(this.viewModel.displayNewMeasurementButton=!0)}_toggleNavigationTool(){const e=this.navigationToolActive;this._closeAllImageTools(),this.navigationToolActive=!e}_toggleMapImageConversionToolState(){this.mapImageConversionToolState=!this.mapImageConversionToolState}_toggleTriangularAreaMeasurements(){this._toggleTriangularMeasurements("area")}_toggleTriangularDistanceMeasurements(){this._toggleTriangularMeasurements("distance")}_toggleTriangularLocation(){const e=this.triangularMeasurementActive,t=this.navigationToolActive;e?null===this.measureType?this.imageLocationToolActive?this._closeImageToolsAndToggleNavigation(e,t):this._activateTriangulatedImageLocationTool():this._resetMeasureTypeAndActivateImageLocationTool():this._activateTriangulatedImageLocationWorkflow(e,t)}_toggleTriangularMeasurements(e){const t=this.triangularMeasurementActive,i=this.viewModel.measureType,a=this.navigationToolActive;t?e===i?(this._closeAllImageTools(),this.triangularMeasurementActive=!t,this.navigationToolActive=!a):(this.imageLocationToolActive=!1,this.measureType=e,this.viewModel.displayNewMeasurementButton=!0):(this._closeAllImageTools(),this.measureType=e,this.triangularMeasurementActive=!t,this.navigationToolActive=!!a||!a,this.viewModel.displayNewMeasurementButton=!0)}_unregisterGalleryItem(e){this._galleryObserver.unobserve(e)}_updateNavigationTool(e){const{previousFeatureAngle:t,bestFeatureAngle:i}=this.viewModel,a=(i-t+540)%360-180;e.style.setProperty(P,`${t}deg`),e.style.setProperty(F,`${t+a}deg`)}async loadBestImage(e,t){return this.viewModel.loadBestImage(e,t)}loadImageFromSource(e,t,i){return"default"===e?this.viewModel.loadMediaSource(t,i):this.viewModel.loadPanoramicMediaSource(t,i)}async overlayMapFeatures(e,t){return this.removeHandles(`${re.overlayed}-${e.id}`),this.addHandles(c(()=>e.visible,()=>{this.viewModel.toggleOverlayMapFeatures(e.id,e.visible,this.showMapFeatures)}),`${re.overlayed}-${e.id}`),this._overlayedLayers.add(e),this.viewModel.overlayMapFeatures(e,t&&this.showMapFeatures)}async plotMapPoint(e){return this.viewModel.plotMapPoint(e)}plotReferencePointOnGround(e){this.viewModel.plotReferencePointOnGround(e)}plotReferencePointOnImage(e){this.viewModel.plotReferencePointOnImage(e)}removeOverlayedGraphicsOnImage(e){this.removeHandles(`${re.overlayed}-${e}`),this._overlayedLayers.remove(this._overlayedLayers.find(t=>t.id===e)),this.viewModel.removeOverlayedGraphicsOnImage(e)}resetImage(){this.viewModel.resetImage()}render(){return se("div",{class:this.classes(te.widget,x)},this._renderRoot)}async showImageByObjectId(e,t){return this.viewModel.showImageByObjectId(e,t)}async startDataCapture(e){return this.viewModel.startDataCapture(e)}async stopDataCapture(e){return this.viewModel.stopDataCapture(e)}updateSuitabilities(e){this.viewModel.updateSuitabilities(e)}};e([v({readOnly:!0})],le.prototype,"accuracyParametersMissing",null),e([v()],le.prototype,"actionBarPosition",void 0),e([v()],le.prototype,"activeLayer",null),e([v()],le.prototype,"activeVideoIcon",null),e([v()],le.prototype,"activeAudioIcon",null),e([v()],le.prototype,"cameraHeadingThreshold",null),e([v()],le.prototype,"cameraPitchThreshold",null),e([v()],le.prototype,"canNavigateSequentially",null),e([v()],le.prototype,"currentBestFeature",null),e([v()],le.prototype,"currentCoverageVisible",null),e([v()],le.prototype,"dataCaptureEnabled",void 0),e([v()],le.prototype,"dataCaptureLayer",null),e([v()],le.prototype,"depthImageNotSupported",null),e([v()],le.prototype,"disabled",null),e([v()],le.prototype,"enhancementToolActive",null),e([v()],le.prototype,"features",null),e([v()],le.prototype,"imagePointsInView",null),e([v()],le.prototype,"galleryOpened",void 0),e([v()],le.prototype,"icon",null),e([v()],le.prototype,"imageEnhancementToolActive",void 0),e([v()],le.prototype,"videoEnhancementToolActive",void 0),e([v({readOnly:!0})],le.prototype,"imageGalleryEnabled",null),e([v()],le.prototype,"imageLocationToolActive",null),e([v()],le.prototype,"imageOverlaysOpened",void 0),e([v({readOnly:!0})],le.prototype,"invalidCameraHeading",null),e([v()],le.prototype,"isAdditionalCoverageVisible",null),e([v()],le.prototype,"isAdditionalPointSourcesVisible",null),e([v()],le.prototype,"mapImageConversionToolState",null),e([v()],le.prototype,"measureType",null),e([v()],le.prototype,"layer",null),e([v()],le.prototype,"navigationToolActive",void 0),e([v()],le.prototype,"navigationMode",null),e([ae(f()),v({type:H})],le.prototype,"viewModel",void 0),e([v(),oe("esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer")],le.prototype,"messages",void 0),e([v(),oe("esri/core/t9n/Units")],le.prototype,"measurementUnitMessages",void 0),e([v(),oe("esri/t9n/common")],le.prototype,"messagesCommon",void 0),e([v(),oe("esri/widgets/Sketch/t9n/Sketch")],le.prototype,"messagesSketch",void 0),e([v()],le.prototype,"pixelMeasurementUnit",void 0),e([v()],le.prototype,"pixelAreaMeasurementUnit",void 0),e([v({readOnly:!0})],le.prototype,"popupEnabled",null),e([v()],le.prototype,"preloadMedia",null),e([v()],le.prototype,"referencePoint",null),e([v()],le.prototype,"selectedPoint",null),e([v()],le.prototype,"selectedGroup",void 0),e([v()],le.prototype,"showCameraLocations",void 0),e([v()],le.prototype,"showMapFeatures",void 0),e([ae(["create","delete","redo","undo","update"]),v({readOnly:!0})],le.prototype,"sketchViewModel",null),e([v()],le.prototype,"triangularMeasurementActive",null),e([v()],le.prototype,"videoLoaded",null),e([v()],le.prototype,"view",null),e([v({type:j,nonNullable:!0})],le.prototype,"visibleElements",void 0),e([v()],le.prototype,"determineWorkflowForFeature",null),e([v()],le.prototype,"shouldShowSelectedImage",null),e([v()],le.prototype,"superimposeViewEnabled",null),e([v()],le.prototype,"defaultSuperimposeCameraLockEnabled",null),e([v()],le.prototype,"updateFootprint",null),e([v()],le.prototype,"verticalFilterEnabled",null),e([v()],le.prototype,"_defaultSuperimposeZOffsetPercentage",void 0),e([v()],le.prototype,"_panoramicSuperimposeRadiusOffsetPercentage",void 0),e([v()],le.prototype,"_actionBarLayout",null),e([v()],le.prototype,"_activeMeasurementHeading",null),e([v()],le.prototype,"_imageOverlaysLoaderTask",void 0),e([v()],le.prototype,"_imageMeasurementToolsLoaderTask",void 0),e([v()],le.prototype,"_navigationSettingsLoaderTask",void 0),e([v()],le.prototype,"_navigationTask",void 0),e([v()],le.prototype,"_measurementToggle",null),e([v()],le.prototype,"_renderRoot",null),e([v()],le.prototype,"_imageEnhancementTools",null),e([v()],le.prototype,"_videoEnhancementTools",null),e([v()],le.prototype,"_superimposeTools",null),e([v()],le.prototype,"_imageGalleryPanel",null),e([v()],le.prototype,"_imageGalleryContext",null),e([v()],le.prototype,"_imageOverlaysComponent",null),e([v()],le.prototype,"_navigationUI",null),e([v()],le.prototype,"_imageOverlayMessages",null),e([v()],le.prototype,"_imageSketchToolsMessages",null),e([v()],le.prototype,"_imageOverlaysEnabled",null),e([v()],le.prototype,"_imageViewer",null),e([v()],le.prototype,"_imageViewerTriangular",null),e([v()],le.prototype,"_videoViewer",null),e([v()],le.prototype,"_locationToggle",null),e([v()],le.prototype,"_messageBox",null),e([v()],le.prototype,"_navigationToolExpanded",void 0),e([v()],le.prototype,"_navigationTool",void 0),e([v()],le.prototype,"_panoramicVideoViewer",null),e([v()],le.prototype,"_panoramicViewer",null),e([v({readOnly:!0})],le.prototype,"noImageInSequenceError",null),e([v()],le.prototype,"_renderNavigation",null),e([v()],le.prototype,"_renderThumbnails",null),e([v()],le.prototype,"_sketchLoaderTask",void 0),le=e([y("esri.widgets.OrientedImageryViewer")],le);const de=le;export{de as default};
+import{__decorate as e}from"tslib";import{prefersRTL as t,substitute as i}from"../intl.js";import{prefersReducedMotion as a}from"../core/a11yUtils.js";import{createTask as o}from"../core/asyncUtils.js";import s from"../core/Collection.js";import{deprecateWidget as n,deprecatedProperty as r}from"../core/deprecate.js";import l from"../core/Logger.js";import{isAbortError as d}from"../core/promiseUtils.js";import{watch as c,initial as g,syncAndInitial as h,on as m,sync as u}from"../core/reactiveUtils.js";import{throttle as p}from"../core/throttle.js";import{property as v,subclass as y}from"../core/accessorSupport/decorators.js";import{or as w}from"../layers/orientedImagery/transformations/utils.js";import _ from"./Expand.js";import T from"./PanoramicVideoViewer.js";import M from"./PanoramicViewer.js";import b from"./Widget.js";import{getAllArcPath as C}from"./OrientedImageryViewer/arcUtils.js";import{getDelegatedEvents as f,defaultImageGeometryField as I,defaultOIObjectIDField as S,segmentArcs as A,featureCircleRadius as k,navigationToolDimensionLength as L,sectorsRadii as V}from"./OrientedImageryViewer/constants.js";import{css as E,navigation as O,navigationToolRotationFrom as P,navigationToolRotationTo as F,root as x}from"./OrientedImageryViewer/css.js";import{isFeatureAttachment as G,loadImageForAttachment as N,getThumbnailPixelBlock as B,renderImageWithRotation as D}from"./OrientedImageryViewer/galleryUtils.js";import H from"./OrientedImageryViewer/OrientedImageryViewerViewModel.js";import j from"./OrientedImageryViewer/OrientedImageryViewerVisibleElements.js";import{loadAlertComponents as $,Alert as R}from"./OrientedImageryViewer/components/Alert.js";import U from"./OrientedImageryViewer/components/ImageLocationWidget.js";import q from"./OrientedImageryViewer/components/ImageViewer.js";import W from"./OrientedImageryViewer/components/NavigationUI.js";import Z from"./OrientedImageryViewer/components/NavigationUI360.js";import{loadSequentialNavigationUIComponents as z,SequentialNavigationUI as J}from"./OrientedImageryViewer/components/SequentialNavigationUI.js";import{loadVideoEnhancementComponents as K,renderEnhancementSlider as Q,VideoEnhancementTools as X}from"./OrientedImageryViewer/components/VideoEnhancementTools.js";import{NoImageLoadedError as Y}from"./OrientedImageryViewer/navigation/errors.js";import{loadCalciteComponents as ee}from"./support/componentsUtils.js";import{globalCss as te}from"./support/globalCss.js";import{iconByKind as ie}from"./support/iconUtils.js";import{vmEvent as ae,messageBundle as oe,tsx as se}from"./support/widget.js";import{setFocus as ne}from"./support/widgetUtils.js";const re={overlayed:"overlayed"};let le=class extends b{constructor(e,t){super(e,t),this.actionBarPosition="top",this.dataCaptureEnabled=!1,this.galleryOpened=!1,this.imageEnhancementToolActive=!1,this.videoEnhancementToolActive=!1,this.imageOverlaysOpened=!1,this.navigationToolActive=!1,this.viewModel=new H,this.messagesCommon=null,this.messagesSketch=null,this.pixelMeasurementUnit="meters",this.pixelAreaMeasurementUnit="square-meters",this.selectedGroup=null,this.showCameraLocations=!1,this.showMapFeatures=!1,this.visibleElements=new j,this._defaultSuperimposeZOffsetPercentage=100,this._panoramicSuperimposeRadiusOffsetPercentage=100,this._imageOverlaysLoaderTask=null,this._imageMeasurementToolsLoaderTask=null,this._navigationSettingsLoaderTask=null,this._navigationTask=null,this._clearMeasurements=()=>{this.viewModel.measureType=null,this.viewModel.triangularMeasurementActive=!1,this.viewModel.displayNewMeasurementButton=!0,this.viewModel.clearPreviousMeasurements()},this._clearImageLocation=()=>{this.imageLocationToolActive=!1,this.triangularMeasurementActive=!1},this._createNavigationTask=async e=>(this._navigationTask?.abort(),this._navigationTask=o(async t=>await this.navigate({...e,signal:t})),this._navigationTask.promise),this._navigateNext=async()=>await this._createNavigationTask({step:1}),this._navigatePrevious=async()=>await this._createNavigationTask({step:-1}),this._navigationToolExpanded=!1,this._navigationTool=null,this._galleryController=new AbortController,this._galleryObserver=new IntersectionObserver(this._lazyLoadImage.bind(this)),this._overlayedLayers=new s,this._previousAction=null,this._closeImageSequenceAlert=()=>{this._set("noImageInSequenceError",!1)},this._handleDataCaptureLayerChange=async e=>{if(this.dataCaptureLayer&&await this.stopDataCapture(!0),this.dataCaptureLayer=this.dataCaptureLayer===e?null:e,this.dataCaptureLayer)return this.startDataCapture(this.dataCaptureLayer)},this._handleNavigationSettingsInputChange=(e,t)=>{this.set(`${e}Threshold`,t)},this._handleNavigationSettingsToggle=e=>{this.viewModel.preserveAngle=e},this._handleOverlayLayerDeselect=e=>{const t=e.layer;t===this.dataCaptureLayer&&(this.stopDataCapture(),this.dataCaptureLayer=null),this.removeOverlayedGraphicsOnImage(`${t.id}`)},this._handleOverlayLayerSelect=e=>{const t=e.layer;this.viewModel.overlayMapFeatures(t,this.showMapFeatures),this.addHandles(c(()=>t.visible,()=>{this.viewModel.toggleOverlayMapFeatures(t.id,t.visible,this.showMapFeatures)}),`${re.overlayed}-${t.id}`)},this._highlight=e=>{const t=e.target?.dataset.objectid;t&&this.viewModel.highlight(t)},this._onAction=e=>{const{target:t}=e,{dataset:{action:i}}=t,{_previousAction:a}=this,o=a?.dataset.action,s=o?.includes("draw")??!1,n="select-feature"===o,r=o!==i;switch(i){case"draw-point":case"draw-polygon":case"draw-polyline":{a&&w(n,s&&r)&&(a.active=!1),t.active=!t.active;const e=i.replace("draw-","");this.viewModel.digitizeCreate(e),this._previousAction=t.active?t:null;break}case"save":this.viewModel.saveDrawing();break;case"select-feature":s&&(this._previousAction.active=!1),t.active=!t.active,this.viewModel.toggleSelection(t.active),this._previousAction=t.active?t:null;break;case"delete-feature":this.viewModel.digitizeDelete()}},this._onImageOverlayClosed=e=>{e.stopPropagation(),this.imageOverlaysOpened=!1},this._onShowCameraLocationsChanged=e=>{this.showCameraLocations=e},this._onShowMapFeaturesChanged=e=>{this.showMapFeatures=e},this._removeHighlight=()=>this.viewModel.removeHighlight(),this._restoreOverlays=async()=>Promise.all(this._overlayedLayers.map(e=>this.viewModel.overlayMapFeatures(e,this.showMapFeatures))),this._scaleNavigationTool=()=>{this._navigationToolExpanded=!this._navigationToolExpanded},this._sketchLoaderTask=null,this._settingsToggle=null,this._toggleImageNavigation=async e=>{const t=this.navigationMode;this._closeAllImageTools(),this.navigationMode=t!==e?e:null;const{activeViewer:i}=this.viewModel;if(!i)return;const{mode:a,preserveAngle:o}=this.viewModel;if("default"===a)if("directional"===this.navigationMode){const e=await this._loadNavigationSettings(),t="heading"===o||"both"===o,i="pitch"===o||"both"===o,{messages:a,messagesCommon:s}=this,n=new e({cameraHeadingThreshold:this.cameraHeadingThreshold,cameraPitchThreshold:this.cameraPitchThreshold,uiStrings:{configureNavigation:a.configureNavigation,preserveHeading:a.preserveHeading,preserveHeadingDescription:a.preserveHeadingDescription,preservePitch:a.preservePitch,preservePitchDescription:a.preservePitchDescription,settings:s.settings,thresholdLabel:a.thresholdLabel},onInputChange:this._handleNavigationSettingsInputChange,onToggle:this._handleNavigationSettingsToggle,preserveHeading:t,preservePitch:i});this._settingsToggle=new _({content:n,expandIcon:"configure"}),this.viewModel.activeViewer?.ui.add(this._settingsToggle,{position:"top-left"})}else this._settingsToggle&&(this._settingsToggle.expanded=!1,this.viewModel.activeViewer?.ui.remove(this._settingsToggle))},this._toggleImageAttributes=p(this.viewModel.toggleImageAttributes.bind(this.viewModel)),this._rootActionTitleToFocus=null,this._actionTitleToFocus=null,this._focusPendingAction=e=>{const t=this._actionTitleToFocus;if(!t)return;const i=[...e.querySelectorAll("calcite-action")].find(e=>e.getAttribute("title")===t);i&&(this._actionTitleToFocus=null,ne(i))},this.navigate=async e=>{let t=null;try{const{currentNode:i}=this.viewModel;if(!i)throw new Y;t=await this.viewModel.navigate(i,e)}catch(i){d(i)||l.getLogger(this).error("Error occurred while navigating",i),["NoImageInSequenceError","NoSequenceFoundError"].includes(i.name)&&this._set("noImageInSequenceError",!0)}return t},this.reset=()=>{this._closeAllImageTools(),this.viewModel.reset()},this._loadImageFromGallery=this._loadImageFromGallery.bind(this),this._registerGalleryItem=this._registerGalleryItem.bind(this),this._unregisterGalleryItem=this._unregisterGalleryItem.bind(this),this.loadImageFromSource=this.loadImageFromSource.bind(this),this.updateSuitabilities=this.updateSuitabilities.bind(this),this._handleVideoBrightnessChange=this._handleVideoBrightnessChange.bind(this),this._handleVideoContrastChange=this._handleVideoContrastChange.bind(this),this._handleBrightnessChange=this._handleBrightnessChange.bind(this),this._handleContrastChange=this._handleContrastChange.bind(this),this._handleSharpnessChange=this._handleSharpnessChange.bind(this),this._handleSuperimposeZOffsetChange=this._handleSuperimposeZOffsetChange.bind(this),this._toggleSuperimposeCameraLock=this._toggleSuperimposeCameraLock.bind(this),this._resetSuperimposeOffset=this._resetSuperimposeOffset.bind(this),this._resetVideoTools=this._resetVideoTools.bind(this),this._toggleEnhancementToolState=this._toggleEnhancementToolState.bind(this),this.announceDeprecation=()=>{n(l.getLogger(this),"Oriented Imagery Viewer","arcgis-oriented-imagery-viewer",{version:"5.0"})}}initialize(){this.addHandles([c(()=>[this.viewModel?.bestFeatureAngle,this._navigationTool],([e,t])=>{t&&this._updateNavigationTool(t)},g),c(()=>this.currentCoverageVisible,e=>this._onCurrentCoverageVisibilityChange(e)),c(()=>this.isAdditionalCoverageVisible,e=>this._onAdditionalCoverageVisibilityChange(e)),c(()=>this.isAdditionalPointSourcesVisible,e=>this._onAdditionalCameraLocationsVisibility(e)),c(()=>this.superimposeViewEnabled,e=>{e?(this._closeAllImageTools(),this.selectedGroup=null,this.shouldShowSelectedImage=!1,this.verticalFilterEnabled=!1):this._resetSuperimposeOffset()}),c(()=>({features:this.currentBestFeature,overlaysEnabled:this._imageOverlaysEnabled,showCameraLocations:this.showCameraLocations}),({overlaysEnabled:e,showCameraLocations:t})=>{e&&this.viewModel.overlayCameraLocations(t)},h),c(()=>({feature:this.currentBestFeature,overlaysEnabled:this._imageOverlaysEnabled,showMapFeatures:this.showMapFeatures}),async(e,t)=>{e.showMapFeatures!==t?.showMapFeatures&&await this.viewModel.toggleAllOverlayMapFeatures(e.showMapFeatures);const i=e.feature&&e.feature!==t?.feature,a=!e.overlaysEnabled&&!!t?.overlaysEnabled,o=e.overlaysEnabled&&!t?.overlaysEnabled,s="video"===this.viewModel.mode||"panoramic-video"===this.viewModel.mode;if(a&&s)return this.viewModel.removeAllOverlayMapFeatures(),void("video"===this.viewModel.mode&&this.viewModel.videoViewModel?.clearOverlayGraphics());(i||o)&&(i&&(this._resetSuperimposeOffset(),this.viewModel.removeAllOverlayMapFeatures()),e.overlaysEnabled&&(this.dataCaptureLayer&&this.stopDataCapture(),await this._restoreOverlays(),this.dataCaptureLayer&&(await this.startDataCapture(this.dataCaptureLayer),this._previousAction?.active&&(this._previousAction.active=!1,this._previousAction=null))))},g),m(()=>this.viewModel,"popup-open",async e=>{await(this.view?.openPopup(e))},u),m(()=>this.viewModel,"popup-close",()=>{this.view?.closePopup()},u),this._toggleImageAttributes])}loadDependencies(){return Promise.all([K(),z(),ee({"action-bar":()=>import("@esri/calcite-components/dist/components/calcite-action-bar"),"action-group":()=>import("@esri/calcite-components/dist/components/calcite-action-group"),action:()=>import("@esri/calcite-components/dist/components/calcite-action"),block:()=>import("@esri/calcite-components/dist/components/calcite-block"),panel:()=>import("@esri/calcite-components/dist/components/calcite-panel"),shell:()=>import("@esri/calcite-components/dist/components/calcite-shell"),dialog:()=>import("@esri/calcite-components/dist/components/calcite-dialog"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),"shell-panel":()=>import("@esri/calcite-components/dist/components/calcite-shell-panel")}),$()])}destroy(){this._galleryController.abort(),this._galleryObserver.disconnect(),this.currentBestFeature=null}get accuracyParametersMissing(){return this.viewModel.accuracyParametersMissing}get activeLayer(){return r(l.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer}set activeLayer(e){r(l.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer=e}get activeVideoIcon(){const{videoElement:e,videoViewModel:t}=this.viewModel;return e?.loaded&&t?t.videoPaused?"play":"pause":"play"}get activeAudioIcon(){const{videoElement:e,videoViewModel:t}=this.viewModel;return e?.loaded&&t?.videoMuted?"sound-off":"sound"}get cameraHeadingThreshold(){return this.viewModel.cameraHeadingThreshold}set cameraHeadingThreshold(e){this.viewModel.cameraHeadingThreshold=e}get cameraPitchThreshold(){return this.viewModel.cameraPitchThreshold}set cameraPitchThreshold(e){this.viewModel.cameraPitchThreshold=e}get canNavigateSequentially(){return!!this.layer?.effectiveSequenceOrderField?.length}get currentBestFeature(){return this.viewModel.currentBestFeature}set currentBestFeature(e){this.viewModel.currentBestFeature=e}get currentCoverageVisible(){return this.viewModel.currentCoverageVisible}set currentCoverageVisible(e){this.viewModel.currentCoverageVisible=e}get dataCaptureLayer(){return this.viewModel.dataCaptureLayer}set dataCaptureLayer(e){this.viewModel.dataCaptureLayer=e}get depthImageNotSupported(){return this.viewModel.depthImageNotSupported}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get displayMessage(){return this.viewModel.displayMessage}get enhancementToolActive(){return"video"===this.viewModel.mode?this.videoEnhancementToolActive:this.imageEnhancementToolActive}set enhancementToolActive(e){"video"===this.viewModel.mode?this.videoEnhancementToolActive=e:this.imageEnhancementToolActive=e}get features(){return this.viewModel.features}get imagePointsInView(){return this.viewModel.imagePointsInView}get icon(){return"oriented-imagery-widget"}set icon(e){this._overrideIfSome("icon",e)}get imageGalleryEnabled(){return this.viewModel.imageGalleryEnabled}get imageLocationToolActive(){return this.viewModel.imageLocationToolState}set imageLocationToolActive(e){this.viewModel.imageLocationToolState=e}get invalidCameraHeading(){return this.viewModel.invalidCameraHeading}get isAdditionalCoverageVisible(){return this.viewModel.isAdditionalCoverageVisible}set isAdditionalCoverageVisible(e){this.viewModel.isAdditionalCoverageVisible=e}get isAdditionalPointSourcesVisible(){return this.viewModel.isAdditionalPointSourcesVisible}set isAdditionalPointSourcesVisible(e){this.viewModel.isAdditionalPointSourcesVisible=e}get mapImageConversionToolState(){return this.viewModel.mapImageConversionToolState}set mapImageConversionToolState(e){this.viewModel.setMapImageConversionToolState(e)}get measureType(){return this.viewModel.measureType}set measureType(e){this.viewModel.measureType=e}get layer(){return this.viewModel.layer}set layer(e){this.viewModel.layer=e}get navigationMode(){return this.viewModel.navigationMode}set navigationMode(e){this.viewModel.navigationMode=e}get popupEnabled(){const{popupEnabled:e,state:t}=this.viewModel;return("image-loaded"===t||this.videoLoaded)&&e}get preloadMedia(){return this.viewModel.preloadMedia}set preloadMedia(e){this.viewModel.preloadMedia=e}get referencePoint(){return this.viewModel.referencePoint??null}get selectedPoint(){return this.viewModel.selectedPoint}get sketchViewModel(){return this.viewModel.sketch}get triangularMeasurementActive(){return this.viewModel.triangularMeasurementActive}set triangularMeasurementActive(e){this.viewModel.triangularMeasurementActive=e}get videoLoaded(){const{mode:e,videoElement:t,panoramicVideoLoaded:i}=this.viewModel;return("video"===e&&!0===t?.loaded||i)??!1}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}set determineWorkflowForFeature(e){this.viewModel.determineWorkflowForFeature=e}get determineWorkflowForFeature(){return this.viewModel.determineWorkflowForFeature}get shouldShowSelectedImage(){return this.viewModel.shouldShowSelectedImage}set shouldShowSelectedImage(e){this.viewModel.shouldShowSelectedImage=e}get superimposeViewEnabled(){return this.viewModel.superimposeViewEnabled}set superimposeViewEnabled(e){this.viewModel.superimposeViewEnabled=e}get defaultSuperimposeCameraLockEnabled(){return this.viewModel.defaultSuperimposeCameraLockEnabled}set defaultSuperimposeCameraLockEnabled(e){this.viewModel.defaultSuperimposeCameraLockEnabled=e}set updateFootprint(e){this.viewModel.updateFootprint=e}get updateFootprint(){return this.viewModel.updateFootprint}get verticalFilterEnabled(){return this.viewModel.verticalFilterEnabled}set verticalFilterEnabled(e){this.viewModel.verticalFilterEnabled=e}get _actionBarLayout(){return"start"===this.actionBarPosition||"end"===this.actionBarPosition?"vertical":"horizontal"}_renderActionBar(){const{selectedGroup:e,superimposeViewEnabled:i}=this,a=this._actionBarLayout;if(i)return se("calcite-action-bar",{"data-testid":"action-bar--superimpose",expandToggleDisabled:!0,layout:a,slot:"action-bar"},se("calcite-action-group",{overlayPositioning:"fixed"},this._superimposeViewToggle()));const o=t();return se("calcite-action-bar",{afterUpdate:this._focusPendingAction,"data-testid":"action-bar",expandToggleDisabled:!0,layout:a,slot:"action-bar"},!e&&se("calcite-action-group",{key:"main",overlayPositioning:"fixed"},this._searchGroupToggle(),this._overlaysGroupToggle(),this._navigationGroupToggle(),this._measurementsGroupToggle(),this._utilitiesGroupToggle()),this._renderGroupBackAction(o),"overlays"===e&&se("calcite-action-group",{key:"overlays",overlayPositioning:"fixed"},this._currentFootprintToggle(),this._additionalFootprintToggle(),this._additionalPointSourcesToggle(),this._mapImageConversionToggle(),this._imageOverlaysToggle()),"navigation"===e?this._directionToolsToggle():null,"navigation"===e&&se("calcite-action-group",{key:"context-navigation",overlayPositioning:"fixed"},this._navigationToolToggle(),this._imageGalleryToggle()),"measurements"===e&&this._measurementToolToggle(),"utilities"===e&&se("calcite-action-group",{overlayPositioning:"fixed"},this._imageEnhancementsToggle(),this._videoEnhancementsToggle(),this._superimposeViewToggle(),this._openPopupAction()),"search"===e&&se("calcite-action-group",{overlayPositioning:"fixed"},this._exploreImagesToggle(),this._exploreImages3DToggle(),this._showSelectedImageToggle()))}_renderGroupBackAction(e){return this.selectedGroup?se("calcite-action",{bind:this,icon:e?"arrow-right":"arrow-left",key:"back-arrow",text:this.messages.previous,title:this.messages.previous,onclick:()=>this._toggleGroupSelection(null)}):null}get _activeMeasurementHeading(){const{measureType:e,messages:t,triangularMeasurementActive:i}=this,{groundArea:a,heightAboveGround:o,groundDistance:s,triangulatedAreaHeading:n,triangulatedDistanceHeading:r}=t;if(i)return"area"===e?n:r;switch(e){case"area":return a;case"height":return o;default:return s}}_additionalFootprintToggle(){const{isAdditionalCoverageVisible:e,invalidCameraHeading:t,visibleElements:{additionalFootprintToggle:i}}=this;return i?se("calcite-action",{active:e,bind:this,class:E.addCoverage,disabled:t,icon:"trapezoid-area",text:this.messages.additionalFootprints,title:this.messages.additionalFootprints,onclick:this._toggleAdditionalCoverage}):null}_additionalPointSourcesToggle(){const{isAdditionalPointSourcesVisible:e,invalidCameraHeading:t,visibleElements:{additionalCameraLocationsToggle:i}}=this;return i?se("calcite-action",{active:e,bind:this,class:E.addExpPoints,disabled:t,icon:"circle-area",text:this.messages.additionalCameraLocations,title:this.messages.additionalCameraLocations,onclick:this._toggleAdditionalCameraLocations}):null}get _measurementToggle(){const{viewModel:{state:e,measureType:t,currentBestFeatureMeasurementImage:i},triangularMeasurementActive:a,id:o}=this;if("image-loaded"!==e||!t||a&&!i)return;this._imageMeasurementToolsLoaderTask||this._loadImageMeasurementResources();const s=this._imageMeasurementToolsLoaderTask?.value;return s?se("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:this._activeMeasurementHeading,id:`${o}-${t}-measurement`,open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",width:"s",onCalciteDialogBeforeClose:this._clearMeasurements},se(s,{measurementType:t,measurementUnitMessages:this.measurementUnitMessages,messages:this.messages,oiViewModel:this.viewModel})):null}get _renderRoot(){const{viewModel:{state:e},triangularMeasurementActive:t}=this;return se("calcite-panel",{bind:this,class:t?E.viewerContainerMeasurement:E.viewerContainer,heading:this.visibleElements.header?this.messages.title:void 0,loading:e.includes("loading")&&!t},se("calcite-shell",null,this.visibleElements.menu?se("calcite-shell-panel",{actionBarPosition:this.actionBarPosition,collapsed:!0,displayMode:"dock",slot:`panel-${this.actionBarPosition}`},this._renderActionBar()):null,se("calcite-panel",null,this._imageViewer,this._panoramicViewer,this._panoramicVideoViewer,this._videoViewer,this._messageBox,this.invalidCameraHeading?null:[this._imageGalleryPanel,this._renderNavigation,this._imageOverlaysPanel()],this._imageEnhancementTools,this._videoEnhancementTools,this._superimposeTools,this._renderSketch(),this._navigationUI),this._imageViewerTriangular,this._measurementToggle,this._locationToggle,this.invalidCameraHeading?this._renderWarning(this.messages.invalidCameraHeadingWarningTitle,this.messages.invalidCameraHeadingWarningDescription):null,this.depthImageNotSupported?this._renderWarning(this.messages.depthImageNotSupportedTitle,this.messages.depthImageNotSupportedDescription):null,this.noImageInSequenceError?this._renderWarning(this.messages.sequentialNavigationWarning,this.messages.sequentialNavigationWarning,this._closeImageSequenceAlert):null))}_currentFootprintToggle(){const{currentCoverageVisible:e,invalidCameraHeading:t}=this,{currentFootprintToggle:i}=this.visibleElements;return i?se("calcite-action",{active:e,bind:this,class:E.currentCoverage,disabled:t,icon:"trapezoid-area",text:this.messages.currentFootprint,title:this.messages.currentFootprint,onclick:this._toggleCurrentCoverage}):null}_exploreImagesToggle(){const{exploreImages:e}=this.messages;return this.visibleElements.exploreImages?se("calcite-action",{active:!this.disabled,bind:this,icon:"oriented-imagery-widget",text:e,title:e,onclick:this._toggleExploreImages}):null}get _imageEnhancementTools(){const{enhancementToolActive:e,viewModel:{brightness:t,contrast:i,sharpness:a,state:o}}=this;return e&&"image-loaded"===o?se("calcite-panel",{bind:this,class:E.imageEnhancementWrapper,closable:!0,closed:!e,heading:this.messages.imageEnhancement,key:this.messages.imageEnhancement,onCalcitePanelClose:this._toggleEnhancementToolState},se("div",{class:E.imageEnhancementTools},Q({title:this.messages.brightness,value:t,handleChange:this._handleBrightnessChange}),Q({title:this.messages.contrast,value:i,handleChange:this._handleContrastChange}),Q({title:this.messages.sharpness,value:a,max:1,min:0,ticks:.5,step:.1,handleChange:this._handleSharpnessChange})),se("calcite-action",{bind:this,icon:"reset",slot:"header-actions-end",text:this.messagesCommon.reset,title:this.messagesCommon.reset,onclick:this._resetImageTools})):null}get _videoEnhancementTools(){const{enhancementToolActive:e,viewModel:{videoViewModel:t,mode:i},messages:{videoEnhancement:a,brightness:o,contrast:s},messagesCommon:{reset:n}}=this;return e&&"video"===i&&t?se(X,{brightness:t.videoBrightness,contrast:t.videoContrast,handleBrightnessChange:this._handleVideoBrightnessChange,handleContrastChange:this._handleVideoContrastChange,resetTools:this._resetVideoTools,uiStrings:{videoEnhancement:a,brightness:o,contrast:s,reset:n},videoEnhancementToolActive:e,onClose:this._toggleEnhancementToolState}):null}get _superimposeTools(){const{superimposeViewEnabled:e,view:t,viewModel:{state:i,mode:a},messages:{superimposeSettings:o,superimposeSliderTitle:s,superimposeSliderTooltip:n}}=this,r="panoramic"===a;return e&&"3d"===t?.type&&"image-loaded"===i?se("calcite-panel",{bind:this,class:this.classes(E.imageEnhancementWrapper,E.superimposeTools),heading:o,key:"superimpose-settings"},se("div",{class:E.imageEnhancementTools},Q({title:s,tooltip:n,value:r?this._panoramicSuperimposeRadiusOffsetPercentage:this._defaultSuperimposeZOffsetPercentage,max:100,min:0,ticks:10,step:1,handleChange:this._handleSuperimposeZOffsetChange})),se("calcite-action",{bind:this,icon:"reset",slot:"header-actions-end",text:this.messagesCommon.reset,title:this.messagesCommon.reset,onclick:this._resetSuperimposeOffset})):null}_imageEnhancementsToggle(){const{state:e,mode:t}=this.viewModel,{enhancementTool:i}=this.visibleElements;return i&&"video"!==t?se("calcite-action",{active:this.enhancementToolActive,bind:this,disabled:"default"!==t||"image-loaded"!==e,icon:"sliders-horizontal",text:this.messages.imageEnhancement,title:this.messages.imageEnhancement,onclick:this._toggleEnhancementToolState}):null}_exploreImages3DToggle(){const{exploreImages3D:e}=this.messages,t="3d"!==this.view?.type||!this.layer?.verticalSearchRange;return this.visibleElements.exploreImages3D?se("calcite-action",{active:this.verticalFilterEnabled,bind:this,disabled:t,icon:"3d-search",text:e,title:e,onclick:this._toggleVerticalSearchFilter}):null}_showSelectedImageToggle(){const{displayImages:e}=this.messages,t=this.viewModel.mode.includes("video");return this.visibleElements.showSelectedImage?se("calcite-action",{active:this.shouldShowSelectedImage,bind:this,disabled:t,icon:"show-oriented-imagery",text:e,title:e,onclick:this._toggleShowSelectedImage}):null}_superimposeViewToggle(){const{superimposeView:e}=this.messages,{mode:t,accuracyParametersMissing:i}=this.viewModel,a=!this.superimposeViewEnabled&&("3d"!==this.view?.type||t.includes("video")||i);return this.visibleElements.superimpose?se("calcite-action",{active:this.superimposeViewEnabled,bind:this,disabled:a,icon:"superimpose",text:e,title:e,onclick:this._toggleSuperimposeView}):null}_videoEnhancementsToggle(){const{mode:e}=this.viewModel,{videoEnhancement:t}=this.messages,{enhancementTool:i}=this.visibleElements;return i&&"video"===e?se("calcite-action",{active:this.enhancementToolActive,bind:this,disabled:"video"!==e,icon:"sliders-horizontal",text:t,title:t,onclick:this._toggleEnhancementToolState}):null}get _imageGalleryPanel(){const{container:e,galleryOpened:t,imageGalleryEnabled:i}=this;return i&&t&&e?this._imageGalleryContext:null}get _imageGalleryContext(){const{galleryOpened:e,invalidCameraHeading:t}=this;return se("calcite-panel",{bind:this,class:E.carousel,closable:!0,closed:!e,disabled:t,heading:this.messages.imageGallery,key:this.messages.imageGallery,onCalcitePanelClose:this._toggleImageGallery},se("div",{class:E.carouselContainer},this._renderThumbnails))}_imageGalleryToggle(){const{imageGalleryEnabled:e,invalidCameraHeading:t,visibleElements:{imageGallery:i}}=this;return i?se("calcite-action",{active:this.galleryOpened,bind:this,disabled:!e||t,icon:"images",text:this.messages.imageGallery,title:this.messages.imageGallery,onclick:this._toggleImageGallery}):null}get _imageOverlaysComponent(){const{_imageOverlayMessages:e,_imageOverlaysLoaderTask:t,_overlayedLayers:i,dataCaptureEnabled:a,dataCaptureLayer:s,imageOverlaysOpened:n,showCameraLocations:r,showMapFeatures:l,view:d,layer:c}=this,g=a&&!this.viewModel.mode.includes("video");if(!c)return null;const h=c.imageGeometryField?.length?c.imageGeometryField:I,m=c.imageReferenceField?.length?c.imageReferenceField:S;t||(this._imageOverlaysLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/ImageOverlays.js"))).default));const u=this._imageOverlaysLoaderTask?.value;return u?se(u,{closed:!n,dataCaptureEnabled:g,dataCaptureLayer:s,imageGeometryField:h,imageReferenceField:m,messages:e,overlayedLayers:i,showCameraLocations:r,showMapFeatures:l,view:d,onDataCaptureLayerChanged:this._handleDataCaptureLayerChange,onFilterCapturedFeatures:this.viewModel.filterCapturedFeatures,onImageOverlaysClosed:this._onImageOverlayClosed,onLayerDeselected:this._handleOverlayLayerDeselect,onLayerSelected:this._handleOverlayLayerSelect,onShowCameraLocationsChanged:this._onShowCameraLocationsChanged,onShowMapFeaturesChanged:this._onShowMapFeaturesChanged}):null}get _navigationUI(){const{navigationMode:e,viewModel:t}=this,{mode:i,state:a}=t;if(e&&("default"===i||"panoramic"===i)&&"image-loaded"===a)return"directional"===e?"default"===i?se(W,{cameraHeadingThreshold:this.cameraHeadingThreshold,cameraPitchThreshold:this.cameraPitchThreshold,currentNode:this.viewModel.currentNode,navigate:this._createNavigationTask,nodes:this.viewModel.navigationNodes,preserveAngle:this.viewModel.preserveAngle}):se(Z,{currentNode:this.viewModel.currentNode,navigate:this._createNavigationTask,nodes:this.viewModel.navigationNodes}):se(J,{layout:"horizontal",uiStrings:{end:this.messages.end,next:this.messages.next,previous:this.messages.previous,start:this.messages.start},onNext:this._navigateNext,onPrev:this._navigatePrevious})}get _imageOverlayMessages(){return{...this.messages,...this.messagesSketch}}get _imageSketchToolsMessages(){return{...this.messagesCommon,...this.messagesSketch}}_imageOverlaysPanel(){const{imageOverlaysOpened:e}=this,t=this.classes({[E.imageOverlaysContainer]:!0,[te.hidden]:!e||!this._imageOverlaysEnabled});return se("div",{class:t,key:this.messages.imageOverlays},this._imageOverlaysComponent)}_imageOverlaysToggle(){const{imageOverlaysOpened:e,invalidCameraHeading:t,visibleElements:{imageOverlays:i}}=this;return i?se("calcite-action",{active:e,bind:this,disabled:!this._imageOverlaysEnabled||t,icon:"layers",text:this.messages.imageOverlays,title:this.messages.imageOverlays,onclick:this._toggleImageOverlays}):null}get _imageOverlaysEnabled(){return this.viewModel.overlayGraphicsEnabled}get _imageViewer(){const{displayMessage:e,loadImageViewer:t,mode:i,clickAction:a,state:o}=this.viewModel,s=null!=e||"default"!==i||o.includes("loading");return se(q,{afterCreate:t,clickAction:a,visible:!s})}get _imageViewerTriangular(){const{messages:e,triangularMeasurementActive:t}=this,{displayMessage:i,storeImageMeasurementViewer:a,storePanoramicMeasurementViewer:o,mode:s,state:n,clickAction:r}=this.viewModel,l=null!=i||"none"===s||"video"===s,d=this.classes({[E.viewer]:!l,[E.viewerHidden]:l});return t?se("calcite-panel",{class:E.viewerContainerMeasurement,heading:e.measurementViewerHeading,loading:n.includes("loading")},se("calcite-panel",{bind:this,class:d},"default"===s?se(q,{afterCreate:a,clickAction:r,uiStrings:e}):se(M,{afterCreate:o,clickAction:r,uiStrings:e}))):null}_utilitiesGroupToggle(){const{utilityTools:e}=this.messages;return this.visibleElements.utilityTools?se("calcite-action",{bind:this,icon:"tools",key:"utilities-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("utilities",e)}):null}_searchGroupToggle(){const{searchTools:e}=this.messages;return this.visibleElements.searchTools?se("calcite-action",{bind:this,icon:"search",key:"search-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("search",e)}):null}get _videoViewer(){const{mode:e,loadVideoViewer:t,videoViewModel:i}=this.viewModel,{control:a,reset:o}=this.messagesCommon,{mute:s,unmute:n}=this.messages,r="video"!==e,l=this.classes({[E.viewer]:!r,[E.viewerHidden]:r}),d="esri-image-viewer",c=`${d}__slider-container`;return se("calcite-panel",{bind:this,class:l},se("calcite-panel",{afterCreate:t,class:this.classes(te.widget,d)}),se("calcite-block",{class:c,expanded:!0},se("calcite-slider",{bind:this,labelHandles:!0,labelTicks:!0,max:i?.videoDuration,minLabel:"0",value:i?.currentTime??0,onCalciteSliderChange:this._handleVideoSeek})),se("calcite-action-bar",{"data-testid":"action-bar--video-controls",expandToggleDisabled:!0,layout:"horizontal"},se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:this.activeVideoIcon,text:"Play",title:i?.videoPaused?a.play:a.pause,onclick:()=>i?.playVideoHandler()})),se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:"refresh",text:"Rewind",title:o,onclick:()=>i?.rewindVideoHandler()})),se("calcite-action-group",{overlayPositioning:"fixed"},se("calcite-action",{bind:this,icon:this.activeAudioIcon,text:"Audio",title:i?.videoMuted?s:n,onclick:()=>i?.toggleAudio()}))))}get _locationToggle(){const{viewModel:{state:e,groundCoordinates:t,groundCoordinatesAccuracy:i,groundCoordinatesAccuracyLoading:a,triangulatedPoint:o},imageLocationToolActive:s,triangularMeasurementActive:n,messages:{groundLocation:r,triangulatedLocationHeading:l}}=this;if("image-loaded"!==e||!t||!s)return;let d=t;if(n){if(!o)return;d=o}return se("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:n?l:r,id:r,open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",width:"s",onCalciteDialogBeforeClose:this._clearImageLocation},se(U,{accuracy:i,accuracyLoading:a,groundCoordinates:d,messages:this.messages}))}_mapImageConversionToggle(){const{mapImageConversionToolState:e,viewModel:{state:t,disabled:i},videoLoaded:a,invalidCameraHeading:o,visibleElements:{mapImageConversionTool:s}}=this,n=!("video"!==this.viewModel.mode||!a||!this.viewModel.videoViewModel?.videoPaused),r="panoramic-video"===this.viewModel.mode&&this.viewModel.panoramicVideoLoaded&&this.viewModel.panoramicVideoPaused;return s?se("calcite-action",{active:e,bind:this,disabled:"image-loaded"!==t&&!n&&!r||o||i,icon:"image-pin",text:this.messages.mapImageConversionTool,title:this.messages.mapImageConversionTool,onclick:this._toggleMapImageConversionToolState}):null}_measurementToolToggle(){const{measureType:e,viewModel:t,accuracyParametersMissing:i,messages:a,triangularMeasurementActive:o}=this,{state:s}=t,{groundDistance:n,groundArea:r,heightAboveGround:l,groundLocation:d,triangulatedDistanceHeading:c,triangulatedAreaHeading:g,triangulatedLocationHeading:h}=a,m="image-loaded"!==s||i,u=this._actionBarLayout;return se("calcite-action-group",{key:"measurement-tools",layout:u,overlayPositioning:"fixed",scale:"m"},se("calcite-action",{active:"distance"===e&&!o,bind:this,disabled:m,icon:"measure-line",key:"distance-measurement",text:n,title:n,onclick:e=>this._toggleMeasurementSketch(e,"distance")}),se("calcite-action",{active:"area"===e&&!o,bind:this,disabled:m,icon:"measure-area",key:"area-measurement",text:r,title:r,onclick:e=>this._toggleMeasurementSketch(e,"area")}),se("calcite-action",{active:"height"===e,bind:this,disabled:m,icon:"measure-building-height-top-base",key:"height-measurement",text:l,title:l,onclick:e=>this._toggleMeasurementSketch(e,"height")}),se("calcite-action",{active:!!this.imageLocationToolActive&&!o,bind:this,disabled:m,icon:"pin-tear",key:"surface-location",text:d,title:d,onclick:this._toggleLocationTool}),se("calcite-action",{active:!!o&&this.imageLocationToolActive,bind:this,disabled:m,icon:"dual-image-location",key:"triangular-location",text:h,title:h,onclick:this._toggleTriangularLocation}),se("calcite-action",{active:!!o&&"distance"===this.measureType,bind:this,disabled:m,icon:"dual-image-distance",key:"triangular-distance",text:c,title:c,onclick:this._toggleTriangularDistanceMeasurements}),se("calcite-action",{active:!!o&&"area"===this.measureType,bind:this,disabled:m,icon:"dual-image-area",key:"triangular-area",text:g,title:g,onclick:this._toggleTriangularAreaMeasurements}))}get _messageBox(){const{messages:e,viewModel:{displayMessage:t,mode:a}}=this;if(!t||"video"===a)return null;const{key:o,map:s,type:n}=t,r=`${s?i(e[o],s):e[o]}`,l="error"===n?"danger":"warn"===n?"warning":"info";return se("calcite-notice",{appearance:"transparent",class:E.notice,icon:ie[l],kind:l,open:!0},se("div",{slot:"message"},r))}async _loadNavigationSettings(){return this._navigationSettingsLoaderTask||(this._navigationSettingsLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/NavigationSettings.js"))).default)),await this._navigationSettingsLoaderTask.promise}_measurementsGroupToggle(){const{measurementTools:e}=this.messages,{state:t,accuracyParametersMissing:i}=this.viewModel,a="image-loaded"!==t||i;return this.visibleElements.measurementTools?se("calcite-action",{bind:this,disabled:a,icon:"measure-line",key:"measurements-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("measurements",e)}):null}_navigationGroupToggle(){const{imageNavigation:e}=this.messages;return this.visibleElements.imageNavigationTools?se("calcite-action",{bind:this,icon:"absolute-direction",key:"navigation-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("navigation",e)}):null}_navigationToolToggle(){const{state:e}=this.viewModel,{visibleElements:{navigationTool:t},videoLoaded:i}=this;return t?se("calcite-action",{active:this.navigationToolActive,bind:this,disabled:"image-loaded"!==e&&!i||this.invalidCameraHeading,icon:"explore",text:this.messages.navigationTool,title:this.messages.navigationTool,onclick:this._toggleNavigationTool}):null}_directionToolsToggle(){const{messages:e,viewModel:t,visibleElements:i}=this,{directionalNavigation:a,sequentialNavigation:o}=i,{state:s}=t,{directionalNavigation:n,directionalNavigationDescription:r,sequentialNavigation:l,sequentialNavigationDescription:d}=e,c=this._actionBarLayout;return se("calcite-action-group",{key:"navigation-tools",layout:c,overlayPositioning:"fixed",scale:"m"},a?se("calcite-action",{active:"directional"===this.navigationMode,bind:this,disabled:"image-loaded"!==s||this.invalidCameraHeading,icon:"directional-navigation",text:n,title:n+"\n"+r,onclick:()=>{this._toggleImageNavigation("directional")}}):null,o?se("calcite-action",{active:"sequential"===this.navigationMode,bind:this,disabled:"image-loaded"!==s||this.invalidCameraHeading||!this.canNavigateSequentially,icon:"sequential-navigation",text:l,title:l+"\n"+d,onclick:()=>{this._toggleImageNavigation("sequential")}}):null)}_overlaysGroupToggle(){const{overlays:e}=this.messages;return this.visibleElements.overlays?se("calcite-action",{bind:this,icon:"oriented-imagery-overlays",key:"overlays-group-toggle",text:e,title:e,onclick:e=>this._toggleGroupSelection("overlays",e)}):null}_openPopupAction(){const{showPopupsAction:e}=this.visibleElements;return e?se("calcite-action",{bind:this,disabled:!this.popupEnabled,icon:"popup",text:this.messages.showPopups,title:this.messages.showPopups,onclick:this._toggleImageAttributes}):null}get _panoramicVideoViewer(){const{displayMessage:e,loadPanoramicVideoViewer:t,mode:i,clickAction:a,state:o,currentBestFeature:s}=this.viewModel,n=s?.attributes.imagePath,r=null!=e||"panoramic-video"!==i||o.includes("loading")||!n;return se(T,{afterCreate:t,clickAction:a,oiViewModel:this.viewModel,videoSource:n,visible:!r})}get _panoramicViewer(){const{displayMessage:e,loadPanoramicViewer:t,mode:i,clickAction:a,state:o}=this.viewModel,s=null!=e||"panoramic"!==i||o.includes("loading");return se(M,{afterCreate:t,clickAction:a,visible:!s})}get noImageInSequenceError(){return this._get("noImageInSequenceError")??!1}_activateTriangulatedImageLocationTool(){this.navigationToolActive=!0,this.imageLocationToolActive=!0}_activateTriangulatedImageLocationWorkflow(e,t){this._closeAllImageTools(),this.imageLocationToolActive=!0,this.triangularMeasurementActive=!e,this.navigationToolActive=!!t||!t}_closeImageToolsAndToggleNavigation(e,t){this._closeAllImageTools(),this.triangularMeasurementActive=!e,this.navigationToolActive=!t}_resetMeasureTypeAndActivateImageLocationTool(){this.measureType=null,this.imageLocationToolActive=!0}_closeAllImageTools(){this.enhancementToolActive=!1,this.navigationToolActive=!1,this.imageOverlaysOpened=!1,this.galleryOpened=!1,this.measureType=null,this.imageLocationToolActive=!1,this.navigationMode=null,this.triangularMeasurementActive=!1,this._settingsToggle&&(this._settingsToggle.expanded=!1,this.viewModel.activeViewer?.ui.remove(this._settingsToggle))}_handleBrightnessChange(e){this.viewModel.brightness=e.currentTarget.value??0}_handleVideoBrightnessChange(e){this.viewModel.videoViewModel?.handleVideoBrightnessChange(e.target.value)}_handleContrastChange(e){this.viewModel.contrast=e.currentTarget.value??0}_handleVideoContrastChange(e){this.viewModel.videoViewModel?.handleVideoContrastChange(e.target.value)}_handleVideoSeek(e){const t=this.viewModel?.videoElement?.content;t&&(t.currentTime=e.target.value,t.play())}_handleSharpnessChange(e){this.viewModel.sharpness=e.currentTarget.value??0}_handleSuperimposeZOffsetChange(e){const t=e.currentTarget.value??0;if("default"===this.viewModel.mode)return this._defaultSuperimposeZOffsetPercentage=t,void this.viewModel.setDefaultSuperimposeZOffsetPercentage(100-t);this._panoramicSuperimposeRadiusOffsetPercentage=t,this.viewModel.setPanoramicSuperimposeRadiusPercentage(100-t)}_lazyLoadImage(e,t){e.forEach(async e=>{if(e.isIntersecting){const a=e.target,o=a.getAttribute("data-src"),s=a.getAttribute("data-rotation"),n=a.getAttribute("data-objectid"),r=s?parseFloat(s)%360:0,{layer:c,_galleryController:{signal:g}}=this;if(!o||!n)return;let h;try{h=G(o)?await N(c,n,{signal:g}):await B(o,{signal:g})}catch(i){d(i)||l.getLogger("esri.widgets.OrientedImageryViewer").error("#lazyLoadImage()",i)}finally{t.unobserve(a)}if(!h)return;D(h,a,r)}})}_loadImageFromGallery(e){const{target:t}=e;if(!t)return;const i=t.getAttribute("data-objectid");i&&this.viewModel.currentBestFeature?.attributes.objectId!==Number(i)&&this.viewModel.selectBestFeature(i)}_loadImageMeasurementResources(){this._imageMeasurementToolsLoaderTask=o(async()=>{const{default:e}=await(import("./OrientedImageryViewer/components/ImageMeasurementWidget.js"));return e})}_loadSketchResources(){this._sketchLoaderTask=o(async()=>(await(import("./OrientedImageryViewer/components/SketchTools.js"))).default)}_onAdditionalCoverageVisibilityChange(e){this.viewModel.setAdditionalCoverageVisibility(e)}_onAdditionalCameraLocationsVisibility(e){this.viewModel.setAdditionalCameraLocationsVisibility(e)}_onCurrentCoverageVisibilityChange(e){this.viewModel.setCurrentCoverageVisibility(e)}_registerGalleryItem(e){this._galleryObserver.observe(e)}_renderWarning(e,t,i){const{viewModel:{state:a}}=this;return"image-loaded"===a?se(R,{class:E.alert,icon:"exclamation-mark-triangle-f",kind:"warning",message:t,open:!0,title:e,tooltip:t,topLayerDisabled:this.topLayerDisabled,onClose:i}):null}get _renderNavigation(){const{viewModel:{sectorData:e,navigatorCurrentBestFeature:t,currentBestFeature:i,state:o}}=this;if(!this.container||!i)return null;let s,n,r,l,d;if(t){const{x:e,y:i,direction:a}=t,[o,c,g,h]=A[a];s=`M ${e} ${i} L ${o} ${c} A ${V[2]} ${V[2]} 0 0 1 ${g} ${h} Z`,n=e,l=i,r=A[a][4],d=A[a][5]}const c=e=>{const t=e.target.dataset?.sector;t&&this.viewModel.handleSectorClick(+t)},g=e=>{const t=e.target.dataset;if(!t)return;const{featureIndexInSector:i,sector:a}=t;i&&a&&this.viewModel.handleFeatureClick({sector:a,featureIndexInSector:+i})},h=e=>{e.removeEventListener("click",g)},m=i.attributes.objectId,u=e?.map(e=>e?.items).filter(Boolean).flatMap(e=>e?.map(({x:e,y:t,objectID:i,featureIndexInSector:a,sector:o})=>se("circle",{afterRemoved:h,class:this.classes(E.feature,{selected:m===i}),cx:e,cy:t,"data-feature-index-in-sector":a,"data-sector":o,key:`${E.feature}-${i}`,r:k,onclick:g}))),p=e=>{e.removeEventListener("click",c)},v=this.classes({[E.navigationWrapper]:!0,[E.navigationWrapperVideo]:this.viewModel.mode.includes("video"),[E.navigationZoomed]:this._navigationToolExpanded});return this.navigationToolActive&&("image-loaded"===o||this.videoLoaded)?se("div",{bind:this,class:v,key:this.messages.navigationTool},se("svg",{afterCreate:e=>this._storeNavigationToolReference(e),class:a()?O:E.rotateWithAnimation,focusable:"false",height:L,role:"img",width:L,xmlns:"http://www.w3.org/2000/svg"},se("defs",null,se("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${this.id}-coverage-fill`,x1:n,x2:r,y1:l,y2:d},se("stop",{class:E.navigationPathOffset0,offset:0}),se("stop",{class:E.navigationPathOffset1,offset:1}))),se("g",null,se("circle",{class:this.classes(E.sector,E.outerSector),cx:V[3],cy:V[3],r:V[3],onclick:this._scaleNavigationTool}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[2]}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[1]}),se("circle",{class:E.sector,cx:V[3],cy:V[3],r:V[0]}),se("path",{class:E.pointer,d:"M 56.5 6.06217782649107 L 60 0 L 63.5 6.06217782649107 Z",key:`${E.pointer}-west`}),se("path",{class:this.classes(E.pointer,E.north),d:"M 113.93782217350893 56.5 L 120 60 L 113.93782217350893 63.5 Z",key:`${E.pointer}-north`}),se("path",{class:E.pointer,d:"M 56.5 113.93782217350893 L 60 120 L 63.5 113.93782217350893 Z",key:`${E.pointer}-east`}),se("path",{class:E.pointer,d:"M 6.06217782649107 56.5 L 0 60 L 6.06217782649107 63.5 Z",key:`${E.pointer}-south`}),se("path",{class:this.classes(E.sector,E.sectorSeparator),d:"M 23.937554159486076 23.937554159486076 L 96.06244584051393 96.06244584051393 M 23.937554159486076 96.06244584051393 L 96.06244584051393 23.937554159486076",key:E.sectorSeparator}),C([V[2],V[1],V[0]],V[3],V[3]).map((t,i)=>se("path",{afterRemoved:p,class:this.classes(E.sector,e?.[i]?.length?E.sectorEnabled:E.sectorDisabled),d:t,"data-sector":`${i}`,key:`${E.sector}-${i}`,onclick:c})),se("path",{class:this.classes(E.sector,E.sectorCross),d:"M 56.4 56.4 L 63.53 63.53 M 63.53 56.4 L 56.4 63.53",key:E.sectorCross}),u,i.attributes.cameraPitch>=5&&s?se("path",{class:E.selectedFeaturePath,d:s,fill:`url(#${this.id}-coverage-fill)`,key:E.selectedFeaturePath}):null))):null}_renderSketch(){const{dataCaptureLayer:e,imageOverlaysOpened:t}=this;if(!e||t)return null;if(this._sketchLoaderTask||this._loadSketchResources(),!this._sketchLoaderTask?.value)return null;const{geometryType:i}=e,a="point"===i?"pin":"polyline"===i?"line":"polygon",o=this._sketchLoaderTask.value;return se("div",{class:E.sketchTools},se(o,{icon:a,messages:this._imageSketchToolsMessages,type:i,onAction:this._onAction}))}get _renderThumbnails(){const{currentBestFeature:e,thumbnails:t}=this.viewModel;return e?se("div",{class:E.carouselContent},t?.items.map(({url:t,objectId:i,rotation:a},o)=>se("div",{class:`${E.carouselItemWrapper}${e.attributes.objectId===i?"--selected":""}`,key:`${E.carouselItemWrapper}-${o}`},se("canvas",{afterCreate:this._registerGalleryItem,afterRemoved:this._unregisterGalleryItem,alt:`thumbnail-${i}`,class:E.carouselItem,"data-objectid":`${i}`,"data-rotation":`${a}`,"data-src":t,onclick:this._loadImageFromGallery,onmouseenter:this._highlight,onmouseleave:this._removeHighlight})))):null}_resetImageTools(){this.viewModel.sharpness=this.viewModel.brightness=this.viewModel.contrast=0}_resetVideoTools(){this.viewModel.videoViewModel?.resetVideoEnhancementTools()}_storeNavigationToolReference(e){this._navigationTool=e}_toggleAdditionalCameraLocations(){this.isAdditionalPointSourcesVisible=!this.isAdditionalPointSourcesVisible}_toggleAdditionalCoverage(){this.isAdditionalCoverageVisible=!this.isAdditionalCoverageVisible}_toggleCurrentCoverage(){this.currentCoverageVisible=!this.currentCoverageVisible}_toggleShowSelectedImage(){this.shouldShowSelectedImage=!this.shouldShowSelectedImage,this._toggleDisabledViewer(this.shouldShowSelectedImage)}_resetSuperimposeOffset(){if("default"===this.viewModel.mode)return this._defaultSuperimposeZOffsetPercentage=100,void this.viewModel.setDefaultSuperimposeZOffsetPercentage(0);this._panoramicSuperimposeRadiusOffsetPercentage=100,this.viewModel.setPanoramicSuperimposeRadiusPercentage(0)}_toggleSuperimposeCameraLock(){this.viewModel.updateDefaultSuperimposeCameraLock(!this.defaultSuperimposeCameraLockEnabled)}_toggleSuperimposeView(){this.superimposeViewEnabled=!this.superimposeViewEnabled}_toggleVerticalSearchFilter(){this.verticalFilterEnabled=!this.verticalFilterEnabled,this._toggleDisabledViewer(this.verticalFilterEnabled)}_toggleDisabledViewer(e){e&&(this.disabled=!1)}_toggleEnhancementToolState(e){e.stopPropagation();const t=this.enhancementToolActive;this._closeAllImageTools(),this.enhancementToolActive=!t}_toggleExploreImages(){this.disabled=!this.disabled,this.disabled&&(this.shouldShowSelectedImage=!1,this.verticalFilterEnabled=!1)}_toggleGroupSelection(e,t){const i=this._rootActionTitleToFocus;e&&(this._rootActionTitleToFocus=t?.currentTarget?.getAttribute("title")),this.selectedGroup=e,this._actionTitleToFocus=e?this.messages.previous:i}_toggleImageOverlays(e){e.stopPropagation();const t=this.imageOverlaysOpened;this._closeAllImageTools(),this.imageOverlaysOpened=!t}_toggleImageGallery(e){e.stopPropagation();const t=this.galleryOpened;this._closeAllImageTools(),this.galleryOpened=!!this.imageGalleryEnabled&&!t}_toggleLocationTool(e){const t=this.imageLocationToolActive,i=this.triangularMeasurementActive&&t;this._closeAllImageTools(),this.imageLocationToolActive=i||!t,e.stopPropagation()}_toggleMeasurementSketch(e,t){e.stopPropagation();const i=this.measureType,a=this.triangularMeasurementActive;this._closeAllImageTools(),this.measureType=i!==t||a?t:null,this.measureType===t&&(this.viewModel.displayNewMeasurementButton=!0)}_toggleNavigationTool(){const e=this.navigationToolActive;this._closeAllImageTools(),this.navigationToolActive=!e}_toggleMapImageConversionToolState(){this.mapImageConversionToolState=!this.mapImageConversionToolState}_toggleTriangularAreaMeasurements(){this._toggleTriangularMeasurements("area")}_toggleTriangularDistanceMeasurements(){this._toggleTriangularMeasurements("distance")}_toggleTriangularLocation(){const e=this.triangularMeasurementActive,t=this.navigationToolActive;e?null===this.measureType?this.imageLocationToolActive?this._closeImageToolsAndToggleNavigation(e,t):this._activateTriangulatedImageLocationTool():this._resetMeasureTypeAndActivateImageLocationTool():this._activateTriangulatedImageLocationWorkflow(e,t)}_toggleTriangularMeasurements(e){const t=this.triangularMeasurementActive,i=this.viewModel.measureType,a=this.navigationToolActive;t?e===i?(this._closeAllImageTools(),this.triangularMeasurementActive=!t,this.navigationToolActive=!a):(this.imageLocationToolActive=!1,this.measureType=e,this.viewModel.displayNewMeasurementButton=!0):(this._closeAllImageTools(),this.measureType=e,this.triangularMeasurementActive=!t,this.navigationToolActive=!!a||!a,this.viewModel.displayNewMeasurementButton=!0)}_unregisterGalleryItem(e){this._galleryObserver.unobserve(e)}_updateNavigationTool(e){const{previousFeatureAngle:t,bestFeatureAngle:i}=this.viewModel,a=(i-t+540)%360-180;e.style.setProperty(P,`${t}deg`),e.style.setProperty(F,`${t+a}deg`)}async loadBestImage(e,t){return this.viewModel.loadBestImage(e,t)}loadImageFromSource(e,t,i){return"default"===e?this.viewModel.loadMediaSource(t,i):this.viewModel.loadPanoramicMediaSource(t,i)}async overlayMapFeatures(e,t){return this.removeHandles(`${re.overlayed}-${e.id}`),this.addHandles(c(()=>e.visible,()=>{this.viewModel.toggleOverlayMapFeatures(e.id,e.visible,this.showMapFeatures)}),`${re.overlayed}-${e.id}`),this._overlayedLayers.add(e),this.viewModel.overlayMapFeatures(e,t&&this.showMapFeatures)}async plotMapPoint(e){return this.viewModel.plotMapPoint(e)}plotReferencePointOnGround(e){this.viewModel.plotReferencePointOnGround(e)}plotReferencePointOnImage(e){this.viewModel.plotReferencePointOnImage(e)}removeOverlayedGraphicsOnImage(e){this.removeHandles(`${re.overlayed}-${e}`),this._overlayedLayers.remove(this._overlayedLayers.find(t=>t.id===e)),this.viewModel.removeOverlayedGraphicsOnImage(e)}resetImage(){this.viewModel.resetImage()}render(){return se("div",{class:this.classes(te.widget,x)},this._renderRoot)}async showImageByObjectId(e,t){return this.viewModel.showImageByObjectId(e,t)}async startDataCapture(e){return this.viewModel.startDataCapture(e)}async stopDataCapture(e){return this.viewModel.stopDataCapture(e)}updateSuitabilities(e){this.viewModel.updateSuitabilities(e)}};e([v({readOnly:!0})],le.prototype,"accuracyParametersMissing",null),e([v()],le.prototype,"actionBarPosition",void 0),e([v()],le.prototype,"activeLayer",null),e([v()],le.prototype,"activeVideoIcon",null),e([v()],le.prototype,"activeAudioIcon",null),e([v()],le.prototype,"cameraHeadingThreshold",null),e([v()],le.prototype,"cameraPitchThreshold",null),e([v()],le.prototype,"canNavigateSequentially",null),e([v()],le.prototype,"currentBestFeature",null),e([v()],le.prototype,"currentCoverageVisible",null),e([v()],le.prototype,"dataCaptureEnabled",void 0),e([v()],le.prototype,"dataCaptureLayer",null),e([v()],le.prototype,"depthImageNotSupported",null),e([v()],le.prototype,"disabled",null),e([v()],le.prototype,"enhancementToolActive",null),e([v()],le.prototype,"features",null),e([v()],le.prototype,"imagePointsInView",null),e([v()],le.prototype,"galleryOpened",void 0),e([v()],le.prototype,"icon",null),e([v()],le.prototype,"imageEnhancementToolActive",void 0),e([v()],le.prototype,"videoEnhancementToolActive",void 0),e([v({readOnly:!0})],le.prototype,"imageGalleryEnabled",null),e([v()],le.prototype,"imageLocationToolActive",null),e([v()],le.prototype,"imageOverlaysOpened",void 0),e([v({readOnly:!0})],le.prototype,"invalidCameraHeading",null),e([v()],le.prototype,"isAdditionalCoverageVisible",null),e([v()],le.prototype,"isAdditionalPointSourcesVisible",null),e([v()],le.prototype,"mapImageConversionToolState",null),e([v()],le.prototype,"measureType",null),e([v()],le.prototype,"layer",null),e([v()],le.prototype,"navigationToolActive",void 0),e([v()],le.prototype,"navigationMode",null),e([ae(f()),v({type:H})],le.prototype,"viewModel",void 0),e([v(),oe("esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer")],le.prototype,"messages",void 0),e([v(),oe("esri/core/t9n/Units")],le.prototype,"measurementUnitMessages",void 0),e([v(),oe("esri/t9n/common")],le.prototype,"messagesCommon",void 0),e([v(),oe("esri/widgets/Sketch/t9n/Sketch")],le.prototype,"messagesSketch",void 0),e([v()],le.prototype,"pixelMeasurementUnit",void 0),e([v()],le.prototype,"pixelAreaMeasurementUnit",void 0),e([v({readOnly:!0})],le.prototype,"popupEnabled",null),e([v()],le.prototype,"preloadMedia",null),e([v()],le.prototype,"referencePoint",null),e([v()],le.prototype,"selectedPoint",null),e([v()],le.prototype,"selectedGroup",void 0),e([v()],le.prototype,"showCameraLocations",void 0),e([v()],le.prototype,"showMapFeatures",void 0),e([ae(["create","delete","redo","undo","update"]),v({readOnly:!0})],le.prototype,"sketchViewModel",null),e([v()],le.prototype,"triangularMeasurementActive",null),e([v()],le.prototype,"videoLoaded",null),e([v()],le.prototype,"view",null),e([v({type:j,nonNullable:!0})],le.prototype,"visibleElements",void 0),e([v()],le.prototype,"determineWorkflowForFeature",null),e([v()],le.prototype,"shouldShowSelectedImage",null),e([v()],le.prototype,"superimposeViewEnabled",null),e([v()],le.prototype,"defaultSuperimposeCameraLockEnabled",null),e([v()],le.prototype,"updateFootprint",null),e([v()],le.prototype,"verticalFilterEnabled",null),e([v()],le.prototype,"_defaultSuperimposeZOffsetPercentage",void 0),e([v()],le.prototype,"_panoramicSuperimposeRadiusOffsetPercentage",void 0),e([v()],le.prototype,"_actionBarLayout",null),e([v()],le.prototype,"_activeMeasurementHeading",null),e([v()],le.prototype,"_imageOverlaysLoaderTask",void 0),e([v()],le.prototype,"_imageMeasurementToolsLoaderTask",void 0),e([v()],le.prototype,"_navigationSettingsLoaderTask",void 0),e([v()],le.prototype,"_navigationTask",void 0),e([v()],le.prototype,"_measurementToggle",null),e([v()],le.prototype,"_renderRoot",null),e([v()],le.prototype,"_imageEnhancementTools",null),e([v()],le.prototype,"_videoEnhancementTools",null),e([v()],le.prototype,"_superimposeTools",null),e([v()],le.prototype,"_imageGalleryPanel",null),e([v()],le.prototype,"_imageGalleryContext",null),e([v()],le.prototype,"_imageOverlaysComponent",null),e([v()],le.prototype,"_navigationUI",null),e([v()],le.prototype,"_imageOverlayMessages",null),e([v()],le.prototype,"_imageSketchToolsMessages",null),e([v()],le.prototype,"_imageOverlaysEnabled",null),e([v()],le.prototype,"_imageViewer",null),e([v()],le.prototype,"_imageViewerTriangular",null),e([v()],le.prototype,"_videoViewer",null),e([v()],le.prototype,"_locationToggle",null),e([v()],le.prototype,"_messageBox",null),e([v()],le.prototype,"_navigationToolExpanded",void 0),e([v()],le.prototype,"_navigationTool",void 0),e([v()],le.prototype,"_panoramicVideoViewer",null),e([v()],le.prototype,"_panoramicViewer",null),e([v({readOnly:!0})],le.prototype,"noImageInSequenceError",null),e([v()],le.prototype,"_renderNavigation",null),e([v()],le.prototype,"_renderThumbnails",null),e([v()],le.prototype,"_sketchLoaderTask",void 0),le=e([y("esri.widgets.OrientedImageryViewer")],le);const de=le;export{de as default};

package/widgets/Popup/types.d.ts

@@ -4,6 +4,7 @@ import type Point from "../../geometry/Point.js";
 import type ActionButton from "../../support/actions/ActionButton.js";
 import type ActionToggle from "../../support/actions/ActionToggle.js";
 import type { AbortOptions } from "../../core/promiseUtils.js";
+import type { FetchPopupFeaturesDiagnostics } from "../../views/PopupView.js";
 import type { ClickEvent } from "../../views/input/types.js";
 
 /** @since 5.0 */
@@ -135,6 +136,12 @@ export interface PopupOpenOptions {
    * @since 5.2
    */
   featureStream?: AsyncGenerator<Graphic>;
+  /**
+   * Diagnostics collected while fetching features from a view.
+   *
+   * @since 5.2
+   */
+  diagnostics?: FetchPopupFeaturesDiagnostics;
   /**
    * This property enables multiple features in a popup to display in a list rather than displaying the first selected feature. Setting this to `true`
    * allows the user to scroll through the list of features.

package/widgets/Popup.d.ts

@@ -120,6 +120,7 @@ export interface PopupProperties extends WidgetProperties, Partial<Pick<Popup, "
   visibleElements?: PopupVisibleElementsProperties;
 }
 
+/** @deprecated since version 5.0. Use the [Popup component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface PopupEvents extends FeaturesViewModelEvents {}
 
 /**

package/widgets/Print/PrintViewModel.d.ts

@@ -61,6 +61,7 @@ export interface PrintExport {
   promise: Promise<FileLink>;
 }
 
+/** @deprecated since version 4.33. Use the [Print component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-print/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface PrintViewModelEvents {
   /**
    * Fires when an export request begins, and returns a reference to the exported [link](https://developers.arcgis.com/javascript/latest/references/core/widgets/Print/FileLink/).

package/widgets/Print.d.ts

@@ -108,6 +108,7 @@ export interface PrintProperties extends WidgetProperties, Partial<Pick<Print, "
   viewModel?: PrintViewModelProperties;
 }
 
+/** @deprecated since version 4.33. Use the [Print component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-print/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface PrintEvents extends PrintViewModelEvents {}
 
 /**

package/widgets/Search.d.ts

@@ -158,6 +158,7 @@ export interface SearchProperties extends WidgetProperties, Partial<Pick<Search,
 
 export type SearchActiveMenu = "none" | "suggestion" | "source" | "warning";
 
+/** @deprecated since version 4.33. Use the [Search component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-search/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface SearchEvents extends SearchViewModelEvents {
   /**
    * Fires when the widget's text input loses focus.

package/widgets/Sketch.d.ts

@@ -196,6 +196,7 @@ export interface SketchProperties extends WidgetProperties, Partial<Pick<Sketch,
   visibleElements?: VisibleElementsProperties;
 }
 
+/** @deprecated since version 5.0. Use the [Sketch component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-sketch/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface SketchEvents extends SketchViewModelEvents {}
 
 /**

package/widgets/Slider.d.ts

@@ -53,6 +53,8 @@ export interface TickElementGroup {
 /**
  * The base interface for all slider events. Contains events that are not
  * publicly documented in some slider types.
+ *
+ * @deprecated since version 5.0. Use the [Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  */
 export interface CommonSliderEvents {
   /**
@@ -142,6 +144,8 @@ export interface CommonSliderEvents {
  * While CommonSliderEvents already declares some of these events, they are not
  * public. The SliderEvents re-declares them so that public JSDoc can be
  * attached to them without publishing these events in CommonSliderEvents.
+ *
+ * @deprecated since version 5.0. Use the [Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  */
 export interface SliderEvents extends CommonSliderEvents {
   /**

package/widgets/TimeSlider.d.ts

@@ -226,6 +226,7 @@ export type DateLabelFormatter = (value: Date | [
     Date
 ], type: LabelType, element: HTMLElement, layout: Exclude<TimeSliderLayout, "auto">) => void;
 
+/** @deprecated since version 5.0. Use the [Time Bar component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-time-bar/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface TimeSliderEvents extends TimeSliderViewModelEvents {}
 
 /**

package/widgets/Track/TrackViewModel.d.ts

@@ -6,6 +6,7 @@ export interface TrackViewModelProperties extends GeolocationPositioningProperti
 
 export type TrackViewModelState = "error" | "disabled" | "ready" | "waiting" | "tracking" | "feature-unsupported";
 
+/** @deprecated since version 5.1. Use the [Track component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface TrackViewModelEvents {
   /**
    * Fires after the [Track.start()](https://developers.arcgis.com/javascript/latest/references/core/widgets/Track/#start) method is called and a position is found.

package/widgets/Track.d.ts

@@ -59,6 +59,7 @@ export interface TrackProperties extends WidgetProperties, Partial<Pick<Track, "
   viewModel?: TrackViewModelProperties;
 }
 
+/** @deprecated since version 4.32. Use the [Track component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-track/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface TrackEvents extends TrackViewModelEvents {}
 
 /**

package/widgets/UtilityNetworkTrace/UtilityNetworkTraceViewModel.d.ts

@@ -111,6 +111,7 @@ export interface ValidSetup {
   issues: string[];
 }
 
+/** @deprecated since version 5.0. Use [UtilityNetworkTraceAnalysis](https://developers.arcgis.com/javascript/latest/references/core/networks/UtilityNetworkTraceAnalysis/). */
 export interface UtilityNetworkTraceViewModelEvents {
   /**
    * Fires when a flag point graphic is added to the map.

package/widgets/UtilityNetworkTrace.d.ts

@@ -67,6 +67,7 @@ export interface InputSetting {
   symbol?: SimpleMarkerSymbol | PictureMarkerSymbol;
 }
 
+/** @deprecated since version 5.0. Use the [Utility Network Trace Analysis component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-utility-network-trace-analysis) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface UtilityNetworkTraceEvents extends UtilityNetworkTraceViewModelEvents {}
 
 /**

package/widgets/ValuePicker/types.d.ts

@@ -15,6 +15,7 @@ export interface AnimateEvent {}
 /**
  * The events emitted by the [ValuePicker](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/) widget.
  *
+ * @deprecated since version 5.0. Use the [Value Picker component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  * @since 5.0
  */
 export interface ValuePickerViewModelEvents {

package/widgets/ValuePicker.d.ts

@@ -80,6 +80,7 @@ export interface ValuePickerProperties extends WidgetProperties, Partial<Pick<Va
  */
 export type ValuePickerComponent = ValuePickerCollection | ValuePickerCombobox | ValuePickerLabel | ValuePickerSlider;
 
+/** @deprecated since version 5.0. Use the [Value Picker component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-value-picker/) instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface ValuePickerEvents extends ValuePickerViewModelEvents {}
 
 /**

package/widgets/smartMapping/SmartMappingSliderBase.d.ts

@@ -18,6 +18,7 @@ export interface VisibleElements {
 
 export type SmartMappingSliderBaseState = "ready" | "disabled";
 
+/** @deprecated since version 5.0. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/). */
 export interface SmartMappingSliderBaseEvents extends CommonSliderEvents {}
 
 /**