@arcgis/core 4.32.0-next.20250121 → 4.32.0-next.20250123

package/widgets/OrientedImageryViewer/OrientedImageryViewerVisibleElements.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import{_ as o}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import{deprecatedProperty as t}from"../../core/deprecate.js";import n from"../../core/Logger.js";import{property as l}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";let a=class extends e{constructor(){super(...arguments),this.additionalFootprintToggle=!0,this.additionalCameraLocationsToggle=!0,this.currentFootprintToggle=!0,this.imageEnhancement=!0,this.imageGallery=!0,this.imageOverlays=!0,this.mapImageConversionTool=!0,this.menu=!0,this.navigationTool=!0,this.digitization=!0,this.title=!0,this.showPopupsAction=!0}get coverageMenu(){return t(n.getLogger(this),"coverageMenu",{replacement:"menu"}),this.menu}set coverageMenu(o){t(n.getLogger(this),"coverageMenu",{replacement:"menu"}),this.menu=o}};o([l({type:Boolean,nonNullable:!0})],a.prototype,"additionalFootprintToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"additionalCameraLocationsToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"currentFootprintToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"coverageMenu",null),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageEnhancement",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageGallery",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageOverlays",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"mapImageConversionTool",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"menu",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"navigationTool",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"digitization",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"title",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"showPopupsAction",void 0),a=o([r("esri.widgets.OrientedImageryViewer.OrientedImageryViewerVisibleElements")],a);const i=a;export{i as default};
+import{_ as o}from"../../chunks/tslib.es6.js";import e from"../../core/Accessor.js";import{deprecatedProperty as t}from"../../core/deprecate.js";import n from"../../core/Logger.js";import{property as l}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/RandomLCG.js";import{subclass as r}from"../../core/accessorSupport/decorators/subclass.js";let a=class extends e{constructor(){super(...arguments),this.additionalFootprintToggle=!0,this.additionalCameraLocationsToggle=!0,this.currentFootprintToggle=!0,this.imageEnhancement=!0,this.imageGallery=!0,this.imageOverlays=!0,this.measurementTools=!0,this.mapImageConversionTool=!0,this.menu=!0,this.navigationTool=!0,this.digitization=!0,this.title=!0,this.showPopupsAction=!0}get coverageMenu(){return t(n.getLogger(this),"coverageMenu",{replacement:"menu"}),this.menu}set coverageMenu(o){t(n.getLogger(this),"coverageMenu",{replacement:"menu"}),this.menu=o}};o([l({type:Boolean,nonNullable:!0})],a.prototype,"additionalFootprintToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"additionalCameraLocationsToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"currentFootprintToggle",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"coverageMenu",null),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageEnhancement",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageGallery",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"imageOverlays",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"measurementTools",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"mapImageConversionTool",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"menu",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"navigationTool",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"digitization",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"title",void 0),o([l({type:Boolean,nonNullable:!0})],a.prototype,"showPopupsAction",void 0),a=o([r("esri.widgets.OrientedImageryViewer.OrientedImageryViewerVisibleElements")],a);const i=a;export{i as default};

package/widgets/OrientedImageryViewer/adapters/sketch/MeasurementAdapter.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../../chunks/tslib.es6.js";import{createTask as t}from"../../../../core/asyncUtils.js";import s from"../../../../core/Promise.js";import{throwIfAborted as a}from"../../../../core/promiseUtils.js";import{property as r}from"../../../../core/accessorSupport/decorators/property.js";import"../../../../core/has.js";import"../../../../core/Logger.js";import"../../../../core/RandomLCG.js";import{subclass as i}from"../../../../core/accessorSupport/decorators/subclass.js";import{load as n}from"../../../../geometry/projection.js";import{pixelAreaMeasurement2D as o,pixelDistanceMeasurement2D as l}from"../../imageMeasurementUtils.js";import{SketchHandlerMixin as c}from"../../mixins/SketchHandlerMixin.js";let u=[],h=[],m=0,p=class extends(c(s)){constructor(e){super(e),this.type="measurement",this.measurementArray=[],this.pixelMeasurement=0,this.pixelAreaMeasurement=0,this.polygonVertices=[],this._calculationTask=null,this._distanceCalculation=0,this._areaCalculation=null}initialize(){this.addResolvingPromise(n())}async handleCreate(e){const t=e.toolEventInfo;switch(e.tool){case"polyline":this.handlePolylineEvents(e,t);break;case"polygon":this.handlePolygonEvents(e,t)}}handleDelete(e){this.resetDistanceMeasurements(),this.resetAreaMeasurements()}handleDestroy(){this.resetDistanceMeasurements(),this.resetAreaMeasurements()}async calculateAreaMeasurement(e,t){if(e.length<3||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return null;a(t);const s=await this.viewModel.getMeasurementProperties();return s?await o(e,s,!0):null}async calculateDistanceMeasurement(e){if(this.measurementArray.length<2||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return null;a(e);const t=await this.viewModel.getMeasurementProperties();return t?await l([this.measurementArray.at(0),this.measurementArray.at(-1)],t,!0):null}cursorUpdatePolylineHandler(e){this.measurementArray.push(e.coordinates);const t=h.reduce(((e,t)=>e+t),0)+this.pixelMeasurement;this.viewModel.distanceMeasurementResult=t}async cursorUpdatePolygonHandler(e){const t=e.coordinates;if(u=[...this.polygonVertices],u.push(t),u.length<3||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return;const s=u[0];u=u.filter(((e,t)=>0===t||t===u.length-1||JSON.stringify(e)!==JSON.stringify(s)));const a=await this._getAreaFromTask(u);a?.area&&a?.perimeter&&(m=a.area)}async handlePolylineEvents(e,t){switch("cancel"===e.state&&(this.resetDistanceMeasurements(),this.viewModel.distanceMeasurementResult=0),t?.type){case"cursor-update":this.cursorUpdatePolylineHandler(t);break;case"vertex-add":this.vertexUpdatePolylineHandler()}const s=await this._getDistanceFromTask();this.pixelMeasurement=s??this.pixelMeasurement}async handlePolygonEvents(e,t){if("cancel"===e.state)return this.resetAreaMeasurements(),void(this.viewModel.areaMeasurementResult=0);switch(t?.type){case"vertex-add":await this.vertexAddPolygonHandler(t);break;case"cursor-update":await this.cursorUpdatePolygonHandler(t)}this.viewModel.areaMeasurementResult=m>0?m:this.pixelAreaMeasurement}async vertexAddPolygonHandler(e){const t=e.added,s=t[t.length-1];if(!Array.isArray(s))return;if(this.polygonVertices.push(s),this.polygonVertices.length<3||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return;const a=this.polygonVertices[0];this.polygonVertices=this.polygonVertices.filter(((e,t)=>0===t||t===this.polygonVertices.length-1||JSON.stringify(e)!==JSON.stringify(a)));const r=await this._getAreaFromTask(this.polygonVertices);if(!r?.area||!r?.perimeter)return;const{area:i}=r;this.pixelAreaMeasurement=i}vertexUpdatePolylineHandler(){this.measurementArray=this.measurementArray.slice(-1);const e=h.reduce(((e,t)=>e+t),0)+this.pixelMeasurement;this.viewModel.distanceMeasurementResult=e,this.pixelMeasurement>0&&h.push(this.pixelMeasurement)}resetDistanceMeasurements(){this.measurementArray=[],this.pixelMeasurement=0,h=[],this.viewModel.displayNewMeasurementButton=!0}resetAreaMeasurements(){this.polygonVertices=[],this.pixelAreaMeasurement=0,m=0,this.viewModel.displayNewAreaMeasurementButton=!0}async _getAreaFromTask(e){return this._calculationTask?.abort(),this._calculationTask=t((async t=>{this._areaCalculation=null;const s=await this.calculateAreaMeasurement(e,t);a(t),this._areaCalculation=s})),await this._calculationTask.promise,this._areaCalculation}async _getDistanceFromTask(){return this._calculationTask?.abort(),this._calculationTask=t((async e=>{this._distanceCalculation=0;const t=await this.calculateDistanceMeasurement(e);a(e),this._distanceCalculation=t})),await this._calculationTask.promise,this._distanceCalculation}};e([r()],p.prototype,"type",void 0),e([r()],p.prototype,"measurementArray",void 0),e([r()],p.prototype,"pixelMeasurement",void 0),e([r()],p.prototype,"pixelAreaMeasurement",void 0),e([r()],p.prototype,"polygonVertices",void 0),p=e([i("esri.widgets.OrientedImageryViewer.adapters.sketch.MeasurementAdapter")],p);const d=p;export{d as default};
+import{_ as e}from"../../../../chunks/tslib.es6.js";import{createTask as t}from"../../../../core/asyncUtils.js";import a from"../../../../core/Promise.js";import{throwIfAborted as s}from"../../../../core/promiseUtils.js";import{property as i}from"../../../../core/accessorSupport/decorators/property.js";import"../../../../core/has.js";import"../../../../core/Logger.js";import"../../../../core/RandomLCG.js";import{subclass as r}from"../../../../core/accessorSupport/decorators/subclass.js";import{load as n}from"../../../../geometry/projection.js";import{SketchHandlerMixin as o}from"../../mixins/SketchHandlerMixin.js";let c=[],l=[],u=0,h=class extends(o(a)){constructor(e){super(e),this.type="measurement",this.measurementArray=[],this.pixelMeasurement=0,this.pixelAreaMeasurement=0,this.polygonVertices=[],this._calculationTask=null,this._distanceCalculation=0,this._areaCalculation=null}initialize(){this.addResolvingPromise(n())}async handleCreate(e){const t=e.toolEventInfo;switch(e.tool){case"polyline":this.handlePolylineEvents(e,t);break;case"polygon":this.handlePolygonEvents(e,t)}}handleDelete(e){this.resetDistanceMeasurements(),this.resetAreaMeasurements()}handleDestroy(){this.resetDistanceMeasurements(),this.resetAreaMeasurements()}cursorUpdatePolylineHandler(e){this.measurementArray.push(e.coordinates);const t=l.reduce(((e,t)=>e+t),0)+this.pixelMeasurement;this.viewModel.distanceMeasurementResult=t}async cursorUpdatePolygonHandler(e){const t=e.coordinates;if(c=[...this.polygonVertices],c.push(t),c.length<3||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return;const a=c[0];c=c.filter(((e,t)=>0===t||t===c.length-1||JSON.stringify(e)!==JSON.stringify(a)));const s=await this._getAreaFromTask(c);s?.area&&s?.perimeter&&(u=s.area)}async handlePolylineEvents(e,t){const a=this.viewModel.layer?.orientationAccuracy.some((e=>0!==e));if("cancel"===e.state)return this.resetDistanceMeasurements(),this.viewModel.distanceMeasurementResult=0,this.viewModel.distanceAccuracyArray=[],void(this.viewModel.displayNewMeasurementButton=!0);if("complete"===e.state&&e.graphic)return this.viewModel.activeViewer?.addGraphic(e.graphic),this.viewModel.measurementGraphic=e.graphic,void this.resetDistanceMeasurements();switch(t?.type){case"cursor-update":this.cursorUpdatePolylineHandler(t);break;case"vertex-add":if(this.measurementArray.length&&a){const e=await this._getAccuracyFromTask();e&&this.viewModel.distanceAccuracyArray.push(e)}this.vertexUpdatePolylineHandler()}const s=await this._getDistanceFromTask();this.pixelMeasurement=s??this.pixelMeasurement}async handlePolygonEvents(e,t){const a=this.viewModel.layer?.orientationAccuracy.some((e=>0!==e));if("cancel"===e.state)return this.resetAreaMeasurements(),this.viewModel.areaMeasurementResult=0,this.viewModel.areaMeasurementAccuracy=0,void(this.viewModel.displayNewMeasurementButton=!0);if("complete"===e.state&&e.graphic)return this.viewModel.activeViewer?.addGraphic(e.graphic),this.viewModel.measurementGraphic=e.graphic,void this.resetAreaMeasurements();switch(t?.type){case"vertex-add":await this.vertexAddPolygonHandler(t,a);break;case"cursor-update":await this.cursorUpdatePolygonHandler(t)}this.viewModel.areaMeasurementResult=u>0?u:this.pixelAreaMeasurement}async vertexAddPolygonHandler(e,t){const a=e.added,s=a[a.length-1];if(!Array.isArray(s))return;if(this.polygonVertices.push(s),this.polygonVertices.length<3||!this.viewModel.currentBestFeature||!this.viewModel.activeViewer?.imageSize)return;if(t){const e=await this._getAreaAccuracyFromTask(this.polygonVertices);this.viewModel.areaMeasurementAccuracy=e&&e>this.viewModel.areaMeasurementAccuracy?e:this.viewModel.areaMeasurementAccuracy}const i=this.polygonVertices[0];this.polygonVertices=this.polygonVertices.filter(((e,t)=>0===t||t===this.polygonVertices.length-1||JSON.stringify(e)!==JSON.stringify(i)));const r=await this._getAreaFromTask(this.polygonVertices);if(!r?.area||!r?.perimeter)return;const{area:n}=r;this.pixelAreaMeasurement=n}vertexUpdatePolylineHandler(){this.measurementArray=this.measurementArray.slice(-1);const e=l.reduce(((e,t)=>e+t),0)+this.pixelMeasurement;this.viewModel.distanceMeasurementResult=e,this.pixelMeasurement>0&&l.push(this.pixelMeasurement)}resetDistanceMeasurements(){this.measurementArray=[],this.pixelMeasurement=0,l=[]}resetAreaMeasurements(){this.polygonVertices=[],this.pixelAreaMeasurement=0,u=0}async _getAreaFromTask(e){return this._calculationTask?.abort(),this._calculationTask=t((async t=>{this._areaCalculation=null;const a=await this.viewModel.calculateAreaMeasurement(e,t);s(t),this._areaCalculation=a})),await this._calculationTask.promise,this._areaCalculation}async _getDistanceFromTask(){return this._calculationTask?.abort(),this._calculationTask=t((async e=>{this._distanceCalculation=0;const t=await this.viewModel.calculateDistanceMeasurement(this.measurementArray,e);s(e),this._distanceCalculation=t})),await this._calculationTask.promise,this._distanceCalculation}async _getAccuracyFromTask(){return this._calculationTask?.abort(),this._calculationTask=t((async e=>{this._distanceCalculation=0;const t=await this.viewModel.calculateAccuracy(this.measurementArray,"distance",e);s(e),this._distanceCalculation=t})),await this._calculationTask.promise,this._distanceCalculation}async _getAreaAccuracyFromTask(e){return this._calculationTask?.abort(),this._calculationTask=t((async t=>{this._distanceCalculation=0;const a=await this.viewModel.calculateAccuracy(e,"area",t);s(t),this._distanceCalculation=a})),await this._calculationTask.promise,this._distanceCalculation}};e([i()],h.prototype,"type",void 0),e([i()],h.prototype,"measurementArray",void 0),e([i()],h.prototype,"pixelMeasurement",void 0),e([i()],h.prototype,"pixelAreaMeasurement",void 0),e([i()],h.prototype,"polygonVertices",void 0),h=e([r("esri.widgets.OrientedImageryViewer.adapters.sketch.MeasurementAdapter")],h);const m=h;export{m as default};

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

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import"../../../../geometry.js";import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import i from"../../../../core/Logger.js";import{waitTick as o,throwIfAborted as r,isAbortError as a}from"../../../../core/promiseUtils.js";import{convertOrientationToPixelLocation as s}from"../../../../layers/orientedImagery/transformations/utils.js";import{activePolygonSymbol as n,polygonSymbol as l}from"../../symbols.js";import m from"../../../../geometry/Polygon.js";class c{constructor(c){this.viewModel=c,this.createFootprints=async t=>{await o(t);const{coveragePolygons:i,currentBestFeature:r,isAdditionalCoverageVisible:a}=this.viewModel;for(const o of i)o?.imageID===r.attributes.objectId?this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:o?.imageID},geometry:o,symbol:n,visible:!1}):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:o?.imageID},geometry:o,symbol:l.clone(),visible:a}))},this.updateFootprint=async(o,s)=>{const{activeViewer:l,currentBestFeature:c,currentCoverageVisible:g,footprintExtent:u}=this.viewModel,p=l?.imageSize;if(c&&p&&u)try{const i=await this.viewModel.getMapPoint(o,{feature:c,mode:"default",imageSize:p});r(s);const a=i.filter(t);if(!a.length)return;const l=[a.map((({x:e,y:t})=>[e,t,1]))];l[0].push(l[0][0]);const u=new m({rings:l,spatialReference:a[0].spatialReference});this.viewModel.updateCurrentCoveragePolygon(new e({geometry:u,attributes:{imageID:c.attributes.objectId},symbol:n,visible:g}))}catch(d){a(d)||i.getLogger(this.viewModel).error("update-footprint",d)}else this.viewModel.updateCurrentCoveragePolygon(null)},this.updateFootprintPanorama=async(t,i)=>{const{horizontalFieldOfView:o,pitch:a,verticalFieldOfView:l,yaw:c}=t,{activeViewer:g,currentBestFeature:u,currentCoverageVisible:p,footprintExtent:d}=this.viewModel,f=g?.imageSize;if(!u||!f||!d)return void this.viewModel.updateCurrentCoveragePolygon(null);const{cameraPitch:v,objectId:h}=u.attributes;if(a+v-l/2>180)return void this.viewModel.updateCurrentCoveragePolygon(null);let w=[];if(a+v+l/2<180){w=[[-o/2,l/2],[o/2,l/2],...a-l/2<0?[[-o/2,-l/2],[o/2,-l/2]]:[[o/2,-l/2],[-o/2,-l/2]]]}else if(a+v-l/2<180&&a+v+l/2>180){w=[[-o/2,-l/2]];const e=Math.floor(o/6),t=o/e;for(let i=0;i<=e;i++)w.push([i*t-o/2,90-a]);w.push([o/2,-l/2]);a-l/2<0&&([w[0],w[w.length-1]]=[w[w.length-1],w[0]])}const y=w.map((([e,t])=>s(c+e,a+t,f[0],f[1]))),b=await this.viewModel.getMapPoint(y,{feature:u,mode:"panorama",imageSize:f});r(i);const M=[b.map((({x:e,y:t})=>[e,t,1]))];M[0].push(M[0][0]);const C=new m({rings:M,spatialReference:b[0].spatialReference});this.viewModel.updateCurrentCoveragePolygon(new e({geometry:C,attributes:{imageID:h},symbol:n.clone(),visible:p}))}}}export{c as default};
+import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import i from"../../../../core/Logger.js";import{waitTick as o,throwIfAborted as r,isAbortError as a}from"../../../../core/promiseUtils.js";import s from"../../../../geometry/Polygon.js";import{convertOrientationToPixelLocation as n}from"../../../../layers/orientedImagery/transformations/utils.js";import{activePolygonSymbol as l,polygonSymbol as c}from"../../symbols.js";class m{constructor(m){this.viewModel=m,this.createFootprints=async t=>{await o(t);const{coveragePolygons:i,currentBestFeature:r,isAdditionalCoverageVisible:a}=this.viewModel;for(const o of i)o?.imageID===r.attributes.objectId?this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:o?.imageID},geometry:o,symbol:l,visible:!1}):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:o?.imageID},geometry:o,symbol:c.clone(),visible:a}))},this.updateFootprint=async(o,n)=>{const{activeViewer:c,currentBestFeature:m,currentCoverageVisible:u,footprintExtent:g}=this.viewModel,p=c?.imageSize;if(m&&p&&g)try{const i=await this.viewModel.getMapPoint(o,{feature:m,mode:"default",imageSize:p});r(n);const a=i.filter(t);if(!a.length)return;const c=[a.map((({x:e,y:t})=>[e,t,1]))];c[0].push(c[0][0]);const g=new s({rings:c,spatialReference:a[0].spatialReference});this.viewModel.updateCurrentCoveragePolygon(new e({geometry:g,attributes:{imageID:m.attributes.objectId},symbol:l,visible:u}))}catch(d){a(d)||i.getLogger(this.viewModel).error("update-footprint",d)}else this.viewModel.updateCurrentCoveragePolygon(null)},this.updateFootprintPanorama=async(t,i)=>{const{horizontalFieldOfView:o,pitch:a,verticalFieldOfView:c,yaw:m}=t,{activeViewer:u,currentBestFeature:g,currentCoverageVisible:p,footprintExtent:d}=this.viewModel,f=u?.imageSize;if(!g||!f||!d)return void this.viewModel.updateCurrentCoveragePolygon(null);const{cameraPitch:v,objectId:h}=g.attributes;if(a+v-c/2>180)return void this.viewModel.updateCurrentCoveragePolygon(null);let w=[];if(a+v+c/2<180){w=[[-o/2,c/2],[o/2,c/2],...a-c/2<0?[[-o/2,-c/2],[o/2,-c/2]]:[[o/2,-c/2],[-o/2,-c/2]]]}else if(a+v-c/2<180&&a+v+c/2>180){w=[[-o/2,-c/2]];const e=Math.floor(o/6),t=o/e;for(let i=0;i<=e;i++)w.push([i*t-o/2,90-a]);w.push([o/2,-c/2]);a-c/2<0&&([w[0],w[w.length-1]]=[w[w.length-1],w[0]])}const y=w.map((([e,t])=>n(m+e,a+t,f[0],f[1]))),b=await this.viewModel.getMapPoint(y,{feature:g,mode:"panorama",imageSize:f});r(i);const M=[b.map((({x:e,y:t})=>[e,t,1]))];M[0].push(M[0][0]);const C=new s({rings:M,spatialReference:b[0].spatialReference});this.viewModel.updateCurrentCoveragePolygon(new e({geometry:C,attributes:{imageID:h},symbol:l.clone(),visible:p}))}}}export{m as default};

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

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import"../../../../geometry.js";import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import{throwIfAborted as i,waitTick as r}from"../../../../core/promiseUtils.js";import{ensureType as o}from"../../../../core/accessorSupport/ensureType.js";import a from"../../../../geometry/Mesh.js";import{projectWithZConversion as s}from"../../../../geometry/projection.js";import{MeshVertexAttributes as n}from"../../../../geometry/support/MeshVertexAttributes.js";import{projectVertices as l,updateFrustum as c,createCoveragePolygon as m}from"../../../../layers/orientedImagery/core/coverageUtils.js";import{activeFrustumSymbol as p,additionalFrustumSymbol as u}from"../../symbols.js";import f from"../../../../geometry/Point.js";class d{constructor(f){this.viewModel=f,this.createFootprints=async r=>{const{coverageFrustums:o,currentBestFeature:c,isAdditionalCoverageVisible:m,view:f}=this.viewModel,d=o.filter(t);for(const t of d){let o=t.clone();if(!f.spatialReference.equals(o.spatialReference)){const{components:e,spatialReference:t,origin:c,vertexAttributes:m,vertexSpace:p}=o;if("local"===p.type){const e=await s(c,f.spatialReference,r);i(r),o.centerAt(e)}else{const s=m.position,c=Float64Array.from(await l([...s],t.clone(),f.spatialReference.clone(),r));i(r),o=new a({vertexAttributes:new n({position:c}),components:e,spatialReference:f.spatialReference.clone()})}}t.imageID===c.attributes.objectId?this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:t.imageID},geometry:o,symbol:p.clone(),visible:!1}):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:t.imageID},geometry:o,symbol:u.clone(),visible:m}))}},this.updateFootprint=async(r,n)=>{const{currentBestFeature:l,activeViewer:m,footprintExtent:u,view:f}=this.viewModel,d=o(a,this.viewModel.bestFeatureFootprint.geometry),g=m?.imageSize;if(!(l&&d&&g&&u))return void this.viewModel.updateCurrentCoveragePolygon(null);const{cameraHeight:y,location:v,cameraPitch:h,horizontalFieldOfView:b,verticalFieldOfView:F,cameraRoll:M}=l.attributes,R=v.toArray(),{vertexAttributes:{position:j},spatialReference:V}=d,A=await w(j,V,v.spatialReference),I=await this.viewModel.getMapPoint(r,{feature:l,mode:"default",imageSize:g});i(n);let P=I.filter(t);if(!P.length)return;P[0].spatialReference.equals(v.spatialReference)||(P=await Promise.all(P.map((async e=>{const t=await s(e,v.spatialReference,n);return i(n),t}))));const C=await c(r.map((({x:e,y:t})=>[e,t])),P.map((e=>e.toArray())),{cameraHeight:y,cameraLocation:R,cameraPitch:h,frustumVertices:A,horizontalFieldOfView:b,imageHeight:g[1],imageWidth:g[0],inSRS:{wkid:v.spatialReference.wkid},outSRS:{wkid:f.spatialReference.wkid},verticalFieldOfView:F,cameraRoll:M??0,options:n});this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:l.attributes.objectId},geometry:C,symbol:p.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateFootprintPanorama=async(t,i)=>{await r(i);const{horizontalFieldOfView:o,pitch:a,verticalFieldOfView:s,yaw:n}=t,l=this.viewModel.currentBestFeature?.clone();if(!l)return;const{attributes:c}=l;c.orientedImageryType=null,c.cameraHeading=(n+c.cameraHeading)%360,c.cameraPitch=a,c.horizontalFieldOfView=o,c.verticalFieldOfView=s,c.cameraRoll=0;const{frustum:u}=m(c);u?this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:c.objectId},geometry:u,symbol:p.clone(),visible:this.viewModel.currentCoverageVisible})):this.viewModel.updateCurrentCoveragePolygon(null)}}updateGroundElevation(e,t){const{geometry:i}=this.viewModel.currentBestFeature,r=t.queryElevation(i);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 t=0;t<i;t+=1)e[3*t+2]+=r?.z??0;break}case"point":t.z=(t.z??0)+(r?.z??0)}}))}}async function w(e,t,i,r){return Float64Array.from((await Promise.all(e.reduce(((e,t,i)=>{const r=Math.floor(i/3);return e[r]=e[r]??[],e[r].push(t),e}),new Array).map((async e=>(await s(new f(e,t),i,r)).toArray())))).flat())}export{d as default};
+import e from"../../../../Graphic.js";import{isSome as t}from"../../../../core/arrayUtils.js";import{throwIfAborted as i,waitTick as r}from"../../../../core/promiseUtils.js";import{ensureType as o}from"../../../../core/accessorSupport/ensureType.js";import a from"../../../../geometry/Mesh.js";import s from"../../../../geometry/Point.js";import{projectWithZConversion as n}from"../../../../geometry/projection.js";import{MeshVertexAttributes as l}from"../../../../geometry/support/MeshVertexAttributes.js";import{projectVertices as c,updateFrustum as m,createCoveragePolygon as p}from"../../../../layers/orientedImagery/core/coverageUtils.js";import{activeFrustumSymbol as u,additionalFrustumSymbol as f}from"../../symbols.js";class d{constructor(s){this.viewModel=s,this.createFootprints=async r=>{const{coverageFrustums:o,currentBestFeature:s,isAdditionalCoverageVisible:m,view:p}=this.viewModel,d=o.filter(t);for(const t of d){let o=t.clone();if(!p.spatialReference.equals(o.spatialReference)){const{components:e,spatialReference:t,origin:s,vertexAttributes:m,vertexSpace:u}=o;if("local"===u.type){const e=await n(s,p.spatialReference,r);i(r),o.centerAt(e)}else{const s=m.position,n=Float64Array.from(await c([...s],t.clone(),p.spatialReference.clone(),r));i(r),o=new a({vertexAttributes:new l({position:n}),components:e,spatialReference:p.spatialReference.clone()})}}t.imageID===s.attributes.objectId?this.viewModel.bestFeatureFootprint=new e({attributes:{imageID:t.imageID},geometry:o,symbol:u.clone(),visible:!1}):this.viewModel.additionalFootprints.push(new e({attributes:{imageID:t.imageID},geometry:o,symbol:f.clone(),visible:m}))}},this.updateFootprint=async(r,s)=>{const{currentBestFeature:l,activeViewer:c,footprintExtent:p,view:f}=this.viewModel,d=o(a,this.viewModel.bestFeatureFootprint.geometry),g=c?.imageSize;if(!(l&&d&&g&&p))return void this.viewModel.updateCurrentCoveragePolygon(null);const{cameraHeight:v,location:y,cameraPitch:h,horizontalFieldOfView:b,verticalFieldOfView:F,cameraRoll:M}=l.attributes,R=y.toArray(),{vertexAttributes:{position:j},spatialReference:V}=d,A=await w(j,V,y.spatialReference),I=await this.viewModel.getMapPoint(r,{feature:l,mode:"default",imageSize:g});i(s);let P=I.filter(t);if(!P.length)return;P[0].spatialReference.equals(y.spatialReference)||(P=await Promise.all(P.map((async e=>{const t=await n(e,y.spatialReference,s);return i(s),t}))));const C=await m(r.map((({x:e,y:t})=>[e,t])),P.map((e=>e.toArray())),{cameraHeight:v,cameraLocation:R,cameraPitch:h,frustumVertices:A,horizontalFieldOfView:b,imageHeight:g[1],imageWidth:g[0],inSRS:{wkid:y.spatialReference.wkid},outSRS:{wkid:f.spatialReference.wkid},verticalFieldOfView:F,cameraRoll:M??0,options:s});this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:l.attributes.objectId},geometry:C,symbol:u.clone(),visible:this.viewModel.currentCoverageVisible}))},this.updateFootprintPanorama=async(t,i)=>{await r(i);const{horizontalFieldOfView:o,pitch:a,verticalFieldOfView:s,yaw:n}=t,l=this.viewModel.currentBestFeature?.clone();if(!l)return;const{attributes:c}=l;c.orientedImageryType=null,c.cameraHeading=(n+c.cameraHeading)%360,c.cameraPitch=a,c.horizontalFieldOfView=o,c.verticalFieldOfView=s,c.cameraRoll=0;const{frustum:m}=p(c);m?this.viewModel.updateCurrentCoveragePolygon(new e({attributes:{imageID:c.objectId},geometry:m,symbol:u.clone(),visible:this.viewModel.currentCoverageVisible})):this.viewModel.updateCurrentCoveragePolygon(null)}}updateGroundElevation(e,t){const{geometry:i}=this.viewModel.currentBestFeature,r=t.queryElevation(i);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 t=0;t<i;t+=1)e[3*t+2]+=r?.z??0;break}case"point":t.z=(t.z??0)+(r?.z??0)}}))}}async function w(e,t,i,r){return Float64Array.from((await Promise.all(e.reduce(((e,t,i)=>{const r=Math.floor(i/3);return e[r]=e[r]??[],e[r].push(t),e}),new Array).map((async e=>(await n(new s(e,t),i,r)).toArray())))).flat())}export{d as default};

package/widgets/OrientedImageryViewer/components/ImageAreaMeasurement.js

@@ -0,0 +1,5 @@
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+*/
+import{_ as e}from"../../../chunks/tslib.es6.js";import{measurementAreaUnits as t}from"../../../core/unitUtils.js";import"../../../core/Logger.js";import"../../../core/has.js";import"../../../core/RandomLCG.js";import"../../../core/Error.js";import{subclass as a}from"../../../core/accessorSupport/decorators/subclass.js";import{css as s}from"../css.js";import c from"./ImageMeasurement.js";import{loadCalciteComponents as r}from"../../support/componentsUtils.js";import{tsx as o}from"../../support/jsxFactory.js";import{UnitSelect as n}from"../../support/UnitSelect.js";let i=class extends c{constructor(e){super(e)}loadDependencies(){return r({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),panel:()=>import("@esri/calcite-components/dist/components/calcite-panel"),button:()=>import("@esri/calcite-components/dist/components/calcite-button"),table:()=>import("@esri/calcite-components/dist/components/calcite-table"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),"table-row":()=>import("@esri/calcite-components/dist/components/calcite-table-row"),"table-header":()=>import("@esri/calcite-components/dist/components/calcite-table-header"),"table-cell":()=>import("@esri/calcite-components/dist/components/calcite-table-cell")})}render(){const{oiViewModel:{displayNewMeasurementButton:e,areaMeasurementResult:a},pixelAreaMeasurementUnit:c,messages:r}=this;return o("calcite-panel",{class:s.measurementResults,key:"measurement-result-container-area"},!e&&!a&&o("div",{class:s.measurementDisplay,key:"measurement-result-area"},r.startMeasurement),o("calcite-button",{class:s.measurementsButton,onclick:()=>this.oiViewModel.newMeasurement("area")},r.newMeasurement),a?o("div",{class:s.measurementsBar},o(n,{options:t,selectLabel:"",value:c,onChange:e=>this.handleAreaMeasurementUnitChange(e)}),a?o("calcite-action",{bind:this,icon:"copy-to-clipboard",onclick:()=>this.copyMeasurementResult("area"),scale:"s",text:""}):null):null,a?o("calcite-table",{bordered:!0,caption:"Measurement Table",class:s.measurementsTable,scale:"s"},o("calcite-table-row",{slot:"table-header"},o("calcite-table-header",{alignment:"center",heading:r.value}),o("calcite-table-header",{alignment:"center",heading:r.accuracy})),o("calcite-table-row",null,o("calcite-table-cell",{alignment:"center"},this.getConvertedAreaString("measurement")),o("calcite-table-cell",{alignment:"center"},this.oiViewModel.areaMeasurementAccuracy?this.getAccuracy("area"):o("calcite-icon",{icon:"hourglass-active",scale:"s"})))):null)}};i=e([a("esri.widgets.OrientedImageryViewer.components.ImageAreaMeasurement")],i);const l=i;export{l as default};

package/widgets/OrientedImageryViewer/components/ImageDistanceMeasurement.js

@@ -0,0 +1,5 @@
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+*/
+import{_ as e}from"../../../chunks/tslib.es6.js";import{measurementLengthUnits as t}from"../../../core/unitUtils.js";import"../../../core/Logger.js";import"../../../core/has.js";import"../../../core/RandomLCG.js";import"../../../core/Error.js";import{subclass as s}from"../../../core/accessorSupport/decorators/subclass.js";import{css as c}from"../css.js";import a from"./ImageMeasurement.js";import{loadCalciteComponents as n}from"../../support/componentsUtils.js";import{tsx as i}from"../../support/jsxFactory.js";import{UnitSelect as o}from"../../support/UnitSelect.js";let r=class extends a{constructor(e){super(e)}loadDependencies(){return n({action:()=>import("@esri/calcite-components/dist/components/calcite-action"),panel:()=>import("@esri/calcite-components/dist/components/calcite-panel"),button:()=>import("@esri/calcite-components/dist/components/calcite-button"),table:()=>import("@esri/calcite-components/dist/components/calcite-table"),icon:()=>import("@esri/calcite-components/dist/components/calcite-icon"),"table-row":()=>import("@esri/calcite-components/dist/components/calcite-table-row"),"table-header":()=>import("@esri/calcite-components/dist/components/calcite-table-header"),"table-cell":()=>import("@esri/calcite-components/dist/components/calcite-table-cell")})}render(){const{oiViewModel:{displayNewMeasurementButton:e,distanceMeasurementResult:s},pixelMeasurementUnit:a,messages:n}=this;return i("calcite-panel",{class:c.measurementResults,key:"measurement-result-container-distance"},!e&&!s&&i("div",{class:c.measurementDisplay,key:"measurement-result-distance"},n.startMeasurement),i("calcite-button",{class:c.measurementsButton,onclick:()=>this.oiViewModel.newMeasurement("distance")},n.newMeasurement),s?i("div",{class:c.measurementsBar},i(o,{options:t,selectLabel:"",value:a,onChange:e=>this.handleDistanceMeasurementUnitChange(e)}),s?i("calcite-action",{bind:this,icon:"copy-to-clipboard",onclick:()=>this.copyMeasurementResult("distance"),scale:"s",text:""}):null):null,s?i("calcite-table",{bordered:!0,caption:"Measurement Table",class:c.measurementsTable,scale:"s"},i("calcite-table-row",{slot:"table-header"},i("calcite-table-header",{alignment:"center",heading:n.value}),i("calcite-table-header",{alignment:"center",heading:n.accuracy})),i("calcite-table-row",null,i("calcite-table-cell",{alignment:"center"},this.getConvertedDistanceString("measurement")),i("calcite-table-cell",{alignment:"center"},this.oiViewModel.distanceAccuracyArray.length?this.getAccuracy("distance"):i("calcite-icon",{icon:"hourglass-active",scale:"s"})))):null)}};r=e([s("esri.widgets.OrientedImageryViewer.components.ImageDistanceMeasurement")],r);const l=r;export{l as default};

package/widgets/OrientedImageryViewer/components/ImageMeasurement.js

@@ -0,0 +1,5 @@
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+*/
+import{_ as e}from"../../../chunks/tslib.es6.js";import"../../../intl.js";import t from"../../../core/Identifiable.js";import{property as r}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/has.js";import"../../../core/Logger.js";import"../../../core/RandomLCG.js";import{subclass as s}from"../../../core/accessorSupport/decorators/subclass.js";import a from"../../Widget.js";import{getConvertedArea as i,getConvertedDistance as n}from"../imageMeasurementUtils.js";import{substitute as c}from"../../../intl/substitute.js";let o=class extends(t.IdentifiableMixin(a)){constructor(e){super(e),this.messages=null,this.pixelMeasurementUnit="meters",this.pixelAreaMeasurementUnit="square-meters"}copyMeasurementResult(e){let t,r;switch(e){case"area":t={measurement:this.getConvertedAreaString("measurement"),accuracy:this.getConvertedAreaString("accuracy")},r="{measurement} ± {accuracy}";break;case"distance":t={measurement:this.getConvertedDistanceString("measurement"),accuracy:this.getConvertedDistanceString("accuracy")},r="{measurement} ± {accuracy}"}const s=c(r,t);this.oiViewModel.copyToClipboard(s)}getAccuracy(e){let t,r;switch(e){case"area":return t={accuracy:this.getConvertedAreaString("accuracy")},r="± {accuracy}",c(r,t);case"distance":return t={accuracy:this.getConvertedDistanceString("accuracy")},r="± {accuracy}",c(r,t)}}getConvertedAreaString(e){const{oiViewModel:t,measurementUnitMessages:r,pixelAreaMeasurementUnit:s,messages:a}=this;return i(e,t.areaMeasurementResult,t.areaMeasurementAccuracy,r,s,a.startMeasurement)}getConvertedDistanceString(e){const{oiViewModel:t,measurementUnitMessages:r,pixelMeasurementUnit:s,messages:a}=this;return n(e,t.distanceMeasurementResult,t.distanceAccuracyArray,r,s,a.startMeasurement)}handleDistanceMeasurementUnitChange(e){this.pixelMeasurementUnit=e}handleAreaMeasurementUnitChange(e){this.pixelAreaMeasurementUnit=e}};e([r()],o.prototype,"messages",void 0),e([r()],o.prototype,"measurementUnitMessages",void 0),e([r()],o.prototype,"pixelMeasurementUnit",void 0),e([r()],o.prototype,"pixelAreaMeasurementUnit",void 0),e([r()],o.prototype,"oiViewModel",void 0),o=e([s("esri.widgets.OrientedImageryViewer.components.ImageMeasurement")],o);const m=o;export{m as default};

package/widgets/OrientedImageryViewer/components/ImageViewerViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import{_ as e}from"../../../chunks/tslib.es6.js";import"../../../geometry.js";import t from"../../../Map.js";import r from"../../../core/Error.js";import i from"../../../core/Evented.js";import s from"../../../core/Logger.js";import{clamp as a}from"../../../core/mathUtils.js";import{destroyMaybe as o}from"../../../core/maybe.js";import{isAbortError as n}from"../../../core/promiseUtils.js";import{watch as m,syncAndInitial as l,initial as h}from"../../../core/reactiveUtils.js";import{property as c}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/has.js";import"../../../core/RandomLCG.js";import{subclass as d}from"../../../core/accessorSupport/decorators/subclass.js";import{rotate as p,intersect as g,nearestCoordinate as y}from"../../../geometry/geometryEngine.js";import u from"../../../layers/GraphicsLayer.js";import _ from"../../../layers/ImageryTileLayer.js";import f from"../../../layers/support/RasterFunction.js";import{convolutionKernel as v}from"../../../layers/support/rasterFunctionConstants.js";import R from"../../../layers/support/TileInfo.js";import x from"../../../views/MapView.js";import{getResolutionToScaleFactor as w}from"../../../views/2d/viewpointUtils.js";import{logAndThrow as C,getMissingPropertyErrorName as I,getMissingPropertyErrorMessage as b,castImageSource as j}from"../utils.js";import P from"../../../geometry/SpatialReference.js";import S from"../../../geometry/Polygon.js";import k from"../../../geometry/Point.js";const E={click:"click-handle",enhancements:"enhancements-handle",rotation:"rotation-handle"};let L=class extends i.EventedAccessor{constructor(e){super(e),this._imageChanged=!1,this._panConstraint=null,this._image=null,this._loadController=null,this._overlays=new u({blendMode:"source-atop"}),this._map=new t,this.autoLoad=!1,this.clickAction="none",this.error=null,this.imageSource=null,this.imageRotation=0,this.state="ready",this._cancelLoadWithController=()=>{this._loadController?.abort(),this._loadController=null},this._createImageHandles=()=>{this.removeHandles(E.enhancements),this.addHandles(m((()=>[this.brightness,this.contrast,this.sharpness]),(([e,t,r])=>{this.image?.loaded&&(this.image.effect=`contrast(${10*(t+10)}%) brightness(${10*(e+10)}%)`,this.sharpenImage(this.image,r))}),l))},this._createPanConstraint=()=>{const{image:e,imageRenderer:t}=this,r=r=>{if(!(e&&t&&r.targetGeometry&&e.serviceRasterInfo))return r;const{extent:i}=e.serviceRasterInfo,{constraints:s,rotation:a,width:o,height:n}=t,{extent:m}=p(S.fromExtent(i),a),{width:l,height:h}=m,c=r.targetGeometry.clone(),d=s.scaleToZoom(r.scale),g=1/2**d,u=o/n;let _=g*l,f=g*h;d&&(l/o>h/n?f=_/u:_=f*u);const v=m.clone();return v.xmin+=_/2,v.xmax-=_/2,v.ymin+=f/2,v.ymax-=f/2,r.targetGeometry=y(v,c).coordinate,this.state="image-loaded",r};return{constrain:r,applyPanConstraint:r}},this._createResizeHandles=e=>{e.removeHandles("resize"),e.addHandles(m((()=>{if(!this.imageRenderer.ready)return;const{extent:t}=e.serviceRasterInfo,{width:r,height:i,rotation:s}=this.imageRenderer,{extent:a}=p(S.fromExtent(t),s),{width:o,height:n}=a;return Math.max(o/r,n/i)}),(e=>{if(!this.imageRenderer||null==e)return;const{constraints:t,scale:r,spatialReference:i}=this.imageRenderer,s=t.minScale,a=w(i),o=.25*a,n=a*e;let m=n;const l=[];for(;m>o;)l.push(m),m/=2;l.push(m);const{lods:h}=R.create({scales:l});if(t.set({minScale:n,lods:h}),this._imageChanged)return this.imageRenderer.scale=n,void(this._imageChanged=!1);this.imageRenderer.scale=Math.abs(r-s)<=1e-6?n:r}),l),"resize")},this._loadImageInternal=(e,t={})=>{this.clearImage(),this.error=null,this._imageChanged=!0,this.state="image-loading";const r="string"==typeof e,i=r?void 0:e.datasetFormat,a=r?e:e.url,{customParameters:o,options:m}=t;return this._image=new _({ioConfig:{skipExtensions:["aux.xml","jgw"],skipMapInfo:!0,datasetFormat:i},url:a,customParameters:o}),this._image.when((e=>{this._updatePanConstraint(),this._createResizeHandles(e),this._map.add(e),this.state="image-loaded"}),(t=>{n(t)?this.state="image-load-aborted":(this.state="image-load-error",this.error=t,s.getLogger(this).error(`error occurred while loading image ${r?e:JSON.stringify(e)}`,t),this.imageSource=null)})),this._image.load(m)},this._loadWithController=()=>{this._cancelLoadWithController(),this._loadController=new AbortController,this.loadImage(this._loadController)},this._updatePanConstraint=()=>{this._panConstraint&&this.imageRenderer.constraints.customConstraints.remove(this._panConstraint),this._panConstraint=this._createPanConstraint(),this.imageRenderer.constraints.customConstraints.add(this._panConstraint)},this.addGraphic=(e,t)=>{this._overlays.graphics.add(e,t)},this.addManyGraphics=e=>{this._overlays.addMany(e)},this.clearGraphics=()=>{this._overlays.graphics.removeAll()},this.clearImage=()=>{this.image&&(this._map.layers.remove(this.image),this._image=o(this._image))},this.loadImage=e=>{const{customParameters:t,imageSource:i}=this;return i?this._loadImageInternal(i,{customParameters:t,options:e}):C(this.declaredClass,new r(I("image-viewer"),b("ImageViewerViewModel","imageSource")))},this.removeGraphic=e=>{this._overlays.remove(e)},this.removeManyGraphics=e=>{this._overlays.removeMany(e)},this._imageRenderer=new x({constraints:{snapToZoom:!0,rotationEnabled:!1},map:this._map,popupEnabled:!1,spatialReference:P.WebMercator,ui:{components:["zoom"]}})}destroy(){this._imageRenderer.destroy()}initialize(){this.state="initialized",this.addHandles([m((()=>this.imageSource),(e=>{e&&this.autoLoad&&this._loadWithController()}),l),m((()=>this.image?.loaded),(()=>{this._createImageHandles()})),m((()=>this.imageRotation),(()=>{this._rotateImage()})),m((()=>this.imageRenderer.map),((e,t)=>{t?.layers.remove(this._overlays),e?.layers.add(this._overlays)}),h),m((()=>this.imageRenderer.map.allLayers.length),(e=>{e&&this.imageRenderer.map.layers.reorder(this._overlays,e-1)}),l),m((()=>this.clickAction),(e=>{this.removeHandles(E.click),"none"!==e&&this.addHandles(this.imageRenderer.on("click",(t=>{if(this.image?.loaded&&this.imageRenderer.ready)switch(e){case"emit":t.stopPropagation(),this.emit("click",t);break;case"hittest":t.stopPropagation(),t.async((async()=>{const e=await this.imageRenderer.hitTest(t.screenPoint,{include:this._overlays});this.emit("hittest-response",e)}));break;case"pixel-location":{if(t.stopPropagation(),!this.image?.serviceRasterInfo||!t.mapPoint)return void this.emit("pixel-location",null);const{extent:e,pixelSize:r}=this.image.serviceRasterInfo,i=(t.mapPoint.x-e.xmin)*r.x,s=(e.ymax-t.mapPoint.y)*r.y,a=new k({x:i,y:s,spatialReference:e.spatialReference});this.emit("pixel-location",a);break}}})))}),l)])}get brightness(){return this._get("brightness")??0}set brightness(e){this._set("brightness",a(e,-10,10))}get contrast(){return this._get("contrast")??0}set contrast(e){this._set("contrast",a(e,-10,10))}get image(){return this._image}get imagePointsInView(){const{extent:e,ready:t}=this.imageRenderer,r=this.imageRotation,i=this.image?.fullExtent,s=this.image?.serviceRasterInfo,a=!0===this._imageRenderer.allLayerViews.find((({layer:e})=>e===this.image))?.attached;if(!(t&&e&&i&&s&&a))return null;const o=p(S.fromExtent(e),r),n=S.fromExtent(i),m=g(o,n),{rings:l}=m;return l.flat().map((([e,t])=>({x:(e-s.extent.xmin)*s.pixelSize.x,y:(s.extent.ymax-t)*s.pixelSize.y})))}get imageSize(){const{image:e}=this;if(!e?.raster)return null;const{width:t,height:r}=e.raster.rasterInfo;return[t,r]}get imageRenderer(){return this._imageRenderer}get imageView(){return this.imageRenderer.allLayerViews.find((e=>e.layer===this.image))}get sharpness(){return this._get("sharpness")??0}set sharpness(e){this._set("sharpness",a(e,0,1))}_rotateImage(){this.imageRenderer.constraints.rotationEnabled=!0,this.imageRenderer.rotation=this.imageRotation,this.imageRenderer.constraints.rotationEnabled=!1}sharpenImage(e,t){if(!t)return void(e.rasterFunction=null);const r=[0,-1*t,0,-1*t,4*t+1,-1*t,0,-1*t,0],i=new f({functionName:"Convolution",functionArguments:{type:v.userDefined,cols:3,rows:3,kernel:r,convolutionType:v.userDefined}});e.rasterFunction=i}};e([c()],L.prototype,"_image",void 0),e([c()],L.prototype,"_imageRenderer",void 0),e([c()],L.prototype,"_loadController",void 0),e([c()],L.prototype,"_overlays",void 0),e([c()],L.prototype,"_map",void 0),e([c({type:Boolean})],L.prototype,"autoLoad",void 0),e([c({type:Number})],L.prototype,"brightness",null),e([c()],L.prototype,"clickAction",void 0),e([c({type:Number})],L.prototype,"contrast",null),e([c({type:Object})],L.prototype,"customParameters",void 0),e([c({type:r})],L.prototype,"error",void 0),e([c({readOnly:!0})],L.prototype,"image",null),e([c({readOnly:!0})],L.prototype,"imagePointsInView",null),e([c({readOnly:!0})],L.prototype,"imageSize",null),e([c({cast:j})],L.prototype,"imageSource",void 0),e([c({readOnly:!0})],L.prototype,"imageRenderer",null),e([c({type:Number})],L.prototype,"imageRotation",void 0),e([c()],L.prototype,"imageView",null),e([c({type:Number})],L.prototype,"sharpness",null),e([c()],L.prototype,"state",void 0),L=e([d("esri.widgets.OrientedImageryViewer.components.ImageViewerViewModel")],L);const M=L;export{M as default};
+import{_ as e}from"../../../chunks/tslib.es6.js";import t from"../../../Map.js";import r from"../../../core/Error.js";import i from"../../../core/Evented.js";import s from"../../../core/Logger.js";import{clamp as a}from"../../../core/mathUtils.js";import{destroyMaybe as o}from"../../../core/maybe.js";import{isAbortError as n}from"../../../core/promiseUtils.js";import{watch as m,syncAndInitial as l,initial as h}from"../../../core/reactiveUtils.js";import{property as c}from"../../../core/accessorSupport/decorators/property.js";import"../../../core/has.js";import"../../../core/RandomLCG.js";import{subclass as d}from"../../../core/accessorSupport/decorators/subclass.js";import{rotate as p,intersect as g,nearestCoordinate as u}from"../../../geometry/geometryEngine.js";import y from"../../../geometry/Point.js";import _ from"../../../geometry/Polygon.js";import f from"../../../geometry/SpatialReference.js";import v from"../../../layers/GraphicsLayer.js";import R from"../../../layers/ImageryTileLayer.js";import x from"../../../layers/support/RasterFunction.js";import{convolutionKernel as w}from"../../../layers/support/rasterFunctionConstants.js";import C from"../../../layers/support/TileInfo.js";import I from"../../../views/MapView.js";import{getResolutionToScaleFactor as b}from"../../../views/2d/viewpointUtils.js";import{logAndThrow as j,getMissingPropertyErrorName as P,getMissingPropertyErrorMessage as S,castImageSource as k}from"../utils.js";const E={click:"click-handle",enhancements:"enhancements-handle",rotation:"rotation-handle"};let L=class extends i.EventedAccessor{constructor(e){super(e),this._imageChanged=!1,this._panConstraint=null,this._image=null,this._loadController=null,this._overlays=new v({blendMode:"source-atop"}),this._map=new t,this.autoLoad=!1,this.clickAction="none",this.error=null,this.imageSource=null,this.imageRotation=0,this.state="ready",this._cancelLoadWithController=()=>{this._loadController?.abort(),this._loadController=null},this._createImageHandles=()=>{this.removeHandles(E.enhancements),this.addHandles(m((()=>[this.brightness,this.contrast,this.sharpness]),(([e,t,r])=>{this.image?.loaded&&(this.image.effect=`contrast(${10*(t+10)}%) brightness(${10*(e+10)}%)`,this.sharpenImage(this.image,r))}),l))},this._createPanConstraint=()=>{const{image:e,imageRenderer:t}=this,r=r=>{if(!(e&&t&&r.targetGeometry&&e.serviceRasterInfo))return r;const{extent:i}=e.serviceRasterInfo,{constraints:s,rotation:a,width:o,height:n}=t,{extent:m}=p(_.fromExtent(i),a),{width:l,height:h}=m,c=r.targetGeometry.clone(),d=s.scaleToZoom(r.scale),g=1/2**d,y=o/n;let f=g*l,v=g*h;d&&(l/o>h/n?v=f/y:f=v*y);const R=m.clone();return R.xmin+=f/2,R.xmax-=f/2,R.ymin+=v/2,R.ymax-=v/2,r.targetGeometry=u(R,c).coordinate,this.state="image-loaded",r};return{constrain:r,applyPanConstraint:r}},this._createResizeHandles=e=>{e.removeHandles("resize"),e.addHandles(m((()=>{if(!this.imageRenderer.ready)return;const{extent:t}=e.serviceRasterInfo,{width:r,height:i,rotation:s}=this.imageRenderer,{extent:a}=p(_.fromExtent(t),s),{width:o,height:n}=a;return Math.max(o/r,n/i)}),(e=>{if(!this.imageRenderer||null==e)return;const{constraints:t,scale:r,spatialReference:i}=this.imageRenderer,s=t.minScale,a=b(i),o=.25*a,n=a*e;let m=n;const l=[];for(;m>o;)l.push(m),m/=2;l.push(m);const{lods:h}=C.create({scales:l});if(t.set({minScale:n,lods:h}),this._imageChanged)return this.imageRenderer.scale=n,void(this._imageChanged=!1);this.imageRenderer.scale=Math.abs(r-s)<=1e-6?n:r}),l),"resize")},this._loadImageInternal=(e,t={})=>{this.clearImage(),this.error=null,this._imageChanged=!0,this.state="image-loading";const r="string"==typeof e,i=r?void 0:e.datasetFormat,a=r?e:e.url,{customParameters:o,options:m}=t;return this._image=new R({ioConfig:{skipExtensions:["aux.xml","jgw"],skipMapInfo:!0,datasetFormat:i},url:a,customParameters:o}),this._image.when((e=>{this._updatePanConstraint(),this._createResizeHandles(e),this._map.add(e),this.state="image-loaded"}),(t=>{n(t)?this.state="image-load-aborted":(this.state="image-load-error",this.error=t,s.getLogger(this).error(`error occurred while loading image ${r?e:JSON.stringify(e)}`,t),this.imageSource=null)})),this._image.load(m)},this._loadWithController=()=>{this._cancelLoadWithController(),this._loadController=new AbortController,this.loadImage(this._loadController)},this._updatePanConstraint=()=>{this._panConstraint&&this.imageRenderer.constraints.customConstraints.remove(this._panConstraint),this._panConstraint=this._createPanConstraint(),this.imageRenderer.constraints.customConstraints.add(this._panConstraint)},this.addGraphic=(e,t)=>{this._overlays.graphics.add(e,t)},this.addManyGraphics=e=>{this._overlays.addMany(e)},this.clearGraphics=()=>{this._overlays.graphics.removeAll()},this.clearImage=()=>{this.image&&(this._map.layers.remove(this.image),this._image=o(this._image))},this.loadImage=e=>{const{customParameters:t,imageSource:i}=this;return i?this._loadImageInternal(i,{customParameters:t,options:e}):j(this.declaredClass,new r(P("image-viewer"),S("ImageViewerViewModel","imageSource")))},this.removeGraphic=e=>{this._overlays.remove(e)},this.removeManyGraphics=e=>{this._overlays.removeMany(e)},this._imageRenderer=new I({constraints:{snapToZoom:!0,rotationEnabled:!1},map:this._map,popupEnabled:!1,spatialReference:f.WebMercator,ui:{components:["zoom"]}})}destroy(){this._imageRenderer.destroy()}initialize(){this.state="initialized",this.addHandles([m((()=>this.imageSource),(e=>{e&&this.autoLoad&&this._loadWithController()}),l),m((()=>this.image?.loaded),(()=>{this._createImageHandles()})),m((()=>this.imageRotation),(()=>{this._rotateImage()})),m((()=>this.imageRenderer.map),((e,t)=>{t?.layers.remove(this._overlays),e?.layers.add(this._overlays)}),h),m((()=>this.imageRenderer.map.allLayers.length),(e=>{e&&this.imageRenderer.map.layers.reorder(this._overlays,e-1)}),l),m((()=>this.clickAction),(e=>{this.removeHandles(E.click),"none"!==e&&this.addHandles(this.imageRenderer.on("click",(t=>{if(this.image?.loaded&&this.imageRenderer.ready)switch(e){case"emit":t.stopPropagation(),this.emit("click",t);break;case"hittest":t.stopPropagation(),t.async((async()=>{const e=await this.imageRenderer.hitTest(t.screenPoint,{include:this._overlays});this.emit("hittest-response",e)}));break;case"pixel-location":{if(t.stopPropagation(),!this.image?.serviceRasterInfo||!t.mapPoint)return void this.emit("pixel-location",null);const{extent:e,pixelSize:r}=this.image.serviceRasterInfo,i=(t.mapPoint.x-e.xmin)*r.x,s=(e.ymax-t.mapPoint.y)*r.y,a=new y({x:i,y:s,spatialReference:e.spatialReference});this.emit("pixel-location",a);break}}})))}),l)])}get brightness(){return this._get("brightness")??0}set brightness(e){this._set("brightness",a(e,-10,10))}get contrast(){return this._get("contrast")??0}set contrast(e){this._set("contrast",a(e,-10,10))}get image(){return this._image}get imagePointsInView(){const{extent:e,ready:t}=this.imageRenderer,r=this.imageRotation,i=this.image?.fullExtent,s=this.image?.serviceRasterInfo,a=!0===this._imageRenderer.allLayerViews.find((({layer:e})=>e===this.image))?.attached;if(!(t&&e&&i&&s&&a))return null;const o=p(_.fromExtent(e),r),n=_.fromExtent(i),m=g(o,n),{rings:l}=m;return l.flat().map((([e,t])=>({x:(e-s.extent.xmin)*s.pixelSize.x,y:(s.extent.ymax-t)*s.pixelSize.y})))}get imageSize(){const{image:e}=this;if(!e?.raster)return null;const{width:t,height:r}=e.raster.rasterInfo;return[t,r]}get imageRenderer(){return this._imageRenderer}get imageView(){return this.imageRenderer.allLayerViews.find((e=>e.layer===this.image))}get sharpness(){return this._get("sharpness")??0}set sharpness(e){this._set("sharpness",a(e,0,1))}_rotateImage(){this.imageRenderer.constraints.rotationEnabled=!0,this.imageRenderer.rotation=this.imageRotation,this.imageRenderer.constraints.rotationEnabled=!1}sharpenImage(e,t){if(!t)return void(e.rasterFunction=null);const r=[0,-1*t,0,-1*t,4*t+1,-1*t,0,-1*t,0],i=new x({functionName:"Convolution",functionArguments:{type:w.userDefined,cols:3,rows:3,kernel:r,convolutionType:w.userDefined}});e.rasterFunction=i}};e([c()],L.prototype,"_image",void 0),e([c()],L.prototype,"_imageRenderer",void 0),e([c()],L.prototype,"_loadController",void 0),e([c()],L.prototype,"_overlays",void 0),e([c()],L.prototype,"_map",void 0),e([c({type:Boolean})],L.prototype,"autoLoad",void 0),e([c({type:Number})],L.prototype,"brightness",null),e([c()],L.prototype,"clickAction",void 0),e([c({type:Number})],L.prototype,"contrast",null),e([c({type:Object})],L.prototype,"customParameters",void 0),e([c({type:r})],L.prototype,"error",void 0),e([c({readOnly:!0})],L.prototype,"image",null),e([c({readOnly:!0})],L.prototype,"imagePointsInView",null),e([c({readOnly:!0})],L.prototype,"imageSize",null),e([c({cast:k})],L.prototype,"imageSource",void 0),e([c({readOnly:!0})],L.prototype,"imageRenderer",null),e([c({type:Number})],L.prototype,"imageRotation",void 0),e([c()],L.prototype,"imageView",null),e([c({type:Number})],L.prototype,"sharpness",null),e([c()],L.prototype,"state",void 0),L=e([d("esri.widgets.OrientedImageryViewer.components.ImageViewerViewModel")],L);const M=L;export{M as default};

package/widgets/OrientedImageryViewer/css.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-const e="esri-oriented-imagery-viewer",o=`${e}__carousel`,a=`${e}__image-enhancement`,t=`${e}__navigation`,r="--oi-navigation-tool-rotation-from",n="--oi-navigation-tool-rotation-to",i=`${e}__image-overlays`,s={alert:`${e}__alert`,addCoverage:`${e}__body-additional-coverage`,addExpPoints:`${e}__body-additional-camera-locations`,body:`${e}__body`,carousel:`${e}__carousel`,carouselContainer:`${o}-container`,carouselContent:`${o}-content`,carouselItem:`${o}-item`,carouselItemWrapper:`${o}-item-wrapper`,close:`${e}__close`,currentCoverage:`${e}__body-current-coverage`,feature:`${t}-feature`,footprint:`${e}__body-footprint`,imageEnhancementToolContainer:`${a}-tool-container`,imageEnhancementTools:`${a}-tools`,imageEnhancementWrapper:`${a}-wrapper`,imageOverlays:i,imageOverlaysContainer:`${i}-container`,imageOverlaysNoResult:`${i}-no-result`,imageOverlaysIncreasedHeight:`${i}-increased-height`,imageOverlaysLayerList:`${i}-layer-list`,messageBox:`${e}__message-box`,navigationPathOffset0:`${t}-feature-path-stop-offset-0`,navigationPathOffset1:`${t}-feature-path-stop-offset-1`,navigationWrapper:`${t}-wrapper`,navigationZoomed:`${t}-wrapper--zoomed`,north:`${t}-pointer-north`,outerSector:`${t}-sector-outer`,overlaysSwitch:`${i}-switch`,pointer:`${t}-pointer`,rotateWithAnimation:`${t}-animate`,sector:`${t}-sector`,sectorCross:`${t}-sector-cross`,sectorDisabled:`${t}-sector-disabled`,sectorEnabled:`${t}-sector-enabled`,sectorSeparator:`${t}-sector-separator`,selectedFeaturePath:`${t}-feature-path`,submenu:`${e}__submenu`,viewer:`${e}__viewer`,viewerHidden:`${e}__viewer--hidden`,viewerContainer:`${e}__viewer-container`};export{o as carousel,s as css,a as imageEnhancement,t as navigation,r as navigationToolRotationFrom,n as navigationToolRotationTo,e as root};
+const e="esri-oriented-imagery-viewer",a=`${e}__carousel`,t=`${e}__image-enhancement`,r=`${e}__navigation`,o="--oi-navigation-tool-rotation-from",n="--oi-navigation-tool-rotation-to",s=`${e}__image-overlays`,i={alert:`${e}__alert`,addCoverage:`${e}__body-additional-coverage`,addExpPoints:`${e}__body-additional-camera-locations`,body:`${e}__body`,carousel:`${e}__carousel`,carouselContainer:`${a}-container`,carouselContent:`${a}-content`,carouselItem:`${a}-item`,carouselItemWrapper:`${a}-item-wrapper`,close:`${e}__close`,currentCoverage:`${e}__body-current-coverage`,feature:`${r}-feature`,footprint:`${e}__body-footprint`,imageEnhancementToolContainer:`${t}-tool-container`,imageEnhancementTools:`${t}-tools`,imageEnhancementWrapper:`${t}-wrapper`,imageOverlays:s,imageOverlaysContainer:`${s}-container`,imageOverlaysNoResult:`${s}-no-result`,imageOverlaysIncreasedHeight:`${s}-increased-height`,imageOverlaysLayerList:`${s}-layer-list`,measurementResults:`${e}__measurement-results`,measurementsBar:`${e}__measurements-bar`,measurementsButton:`${e}__measurements-button`,measurementsTable:`${e}__measurements-table`,measurementDisplay:`${e}__measurement-display`,messageBox:`${e}__message-box`,navigationPathOffset0:`${r}-feature-path-stop-offset-0`,navigationPathOffset1:`${r}-feature-path-stop-offset-1`,navigationWrapper:`${r}-wrapper`,navigationZoomed:`${r}-wrapper--zoomed`,north:`${r}-pointer-north`,outerSector:`${r}-sector-outer`,overlaysSwitch:`${s}-switch`,pointer:`${r}-pointer`,rotateWithAnimation:`${r}-animate`,sector:`${r}-sector`,sectorCross:`${r}-sector-cross`,sectorDisabled:`${r}-sector-disabled`,sectorEnabled:`${r}-sector-enabled`,sectorSeparator:`${r}-sector-separator`,selectedFeaturePath:`${r}-feature-path`,submenu:`${e}__submenu`,viewer:`${e}__viewer`,viewerHidden:`${e}__viewer--hidden`,viewerContainer:`${e}__viewer-container`};export{a as carousel,i as css,t as imageEnhancement,r as navigation,o as navigationToolRotationFrom,n as navigationToolRotationTo,e as root};

package/widgets/OrientedImageryViewer/imageMeasurementUtils.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import"../../geometry.js";import{geodesicDensify as e,simplify as r,planarLength as t,planarArea as n,geodesicLength as o,geodesicArea as s}from"../../geometry/geometryEngine.js";import{project as i}from"../../geometry/projection.js";import{isSupported as a,geodesicLengths as m,geodesicAreas as c}from"../../geometry/support/geodesicUtils.js";import{imageToWorld as u}from"../../layers/orientedImagery/transformations/imageToWorld.js";import p from"../../geometry/Polyline.js";import f from"../../geometry/Polygon.js";import l from"../../geometry/SpatialReference.js";const y=1e5;async function g(e,r,t=!1){if(e.length<3)return null;const n=W(e,t),o=await d(n,r),s=o.map((({x:e,y:r})=>[e,r]));e.push(e[0]),s.push(s[0]);const i=o[0].spatialReference,a=new p({paths:[s],spatialReference:i}),m=new f({rings:[s],spatialReference:i});return i.isGeographic?h(i,a,m):i.isWebMercator?w(a,m):R(a,m)}async function j(e,r,t=!1){const n=W(e,t);return x(q(await d(n,r)))}function h(t,n,o){if(a(t)){const e=m([n],"meters")[0];return{area:c([o],"square-meters")[0],perimeter:e}}const s=l.WGS84,u=i(n,s),p=i(o,s);let f=e(p,y);if(f=r(f),!f)return null;const g=m([u],"meters")[0];return{area:c([f],"square-meters")[0],perimeter:g}}function R(e,o){const s=r(o);if(!s)return null;const i=t(e,"meters");return{area:n(s,"square-meters"),perimeter:i}}function w(t,n){let i=e(n,y,"meters");if(i=r(i),!i)return null;const a=o(t,"meters");return{area:s(i,"square-meters"),perimeter:a}}function W(e,r){return e.map((e=>({x:r?.5+e[0]:e[0],y:r?.5-e[1]:e[1]})))}async function d(e,r){const{updateElevationProps:t,...n}=r;return await u(e,n,t)}function q(e){const r=e.map((e=>[e.x,e.y])),t=e[0].spatialReference;return new p({paths:[r],spatialReference:t})}function x(e){const r=e.spatialReference;if(r.isGeographic){if(a(r))return m([e],"meters")[0];const t=i(e,l.WGS84);return m([t],"meters")[0]}return r.isWebMercator?o(e,"meters"):t(e,"meters")}export{g as pixelAreaMeasurement2D,j as pixelDistanceMeasurement2D};
+import{formatLength as e,formatArea as r}from"../../core/quantityFormatUtils.js";import{createLength as t,createArea as n}from"../../core/quantityUtils.js";import{geodesicDensify as o,simplify as s,planarLength as i,planarArea as a,geodesicLength as m,geodesicArea as c}from"../../geometry/geometryEngine.js";import u from"../../geometry/Polygon.js";import f from"../../geometry/Polyline.js";import{project as p}from"../../geometry/projection.js";import l from"../../geometry/SpatialReference.js";import{isSupported as y,geodesicLengths as g,geodesicAreas as j}from"../../geometry/support/geodesicUtils.js";import{imageToWorld as d}from"../../layers/orientedImagery/transformations/imageToWorld.js";const h=1e5;async function q(e,r,t=!1){if(e.length<3)return null;const n=G(e,t),o=await v(n,r),s=o.map((({x:e,y:r})=>[e,r]));e.push(e[0]),s.push(s[0]);const i=o[0].spatialReference,a=new f({paths:[s],spatialReference:i}),m=new u({rings:[s],spatialReference:i});return i.isGeographic?w(i,a,m):i.isWebMercator?x(a,m):W(a,m)}async function R(e,r,t=!1){const n=G(e,t);return S(P(await v(n,r)))}function w(e,r,t){if(y(e)){const e=g([r],"meters")[0];return{area:j([t],"square-meters")[0],perimeter:e}}const n=l.WGS84,i=p(r,n),a=p(t,n);let m=o(a,h);if(m=s(m),!m)return null;const c=g([i],"meters")[0];return{area:j([m],"square-meters")[0],perimeter:c}}function W(e,r){const t=s(r);if(!t)return null;const n=i(e,"meters");return{area:a(t,"square-meters"),perimeter:n}}function x(e,r){let t=o(r,h,"meters");if(t=s(t),!t)return null;const n=m(e,"meters");return{area:c(t,"square-meters"),perimeter:n}}function G(e,r){return e.map((e=>({x:r?.5+e[0]:e[0],y:r?.5-e[1]:e[1]})))}async function v(e,r){const{updateElevationProps:t,...n}=r;return await d(e,n,t)}function P(e){const r=e.map((e=>[e.x,e.y])),t=e[0].spatialReference;return new f({paths:[r],spatialReference:t})}function S(e){const r=e.spatialReference;if(r.isGeographic){if(y(r))return g([e],"meters")[0];const t=p(e,l.WGS84);return g([t],"meters")[0]}return r.isWebMercator?m(e,"meters"):i(e,"meters")}function U(r,n,o,s,i,a){const m="measurement"===r?n:o.reduce(((e,r)=>e+r),0);if(!i||!m)return a;const c="accuracy"===r?6:void 0;return e(s,t(m,"meters"),i,c)||null}function b(e,t,o,s,i,a){const m="measurement"===e?t:o;if(!i||!m)return a;const c="accuracy"===e?6:void 0;return r(s,n(m,"square-meters"),i,c)||null}export{b as getConvertedArea,U as getConvertedDistance,q as pixelAreaMeasurement2D,R as pixelDistanceMeasurement2D};

package/widgets/OrientedImageryViewer/symbols.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import"../../symbols.js";import o from"../../core/Collection.js";import{getContrast as e,multiplyOpacity as l}from"../../core/colorUtils.js";import r from"../../symbols/CIMSymbol.js";import t from"../../symbols/SimpleMarkerSymbol.js";import s from"../../symbols/SimpleFillSymbol.js";import i from"../../symbols/PointSymbol3D.js";import m from"../../symbols/IconSymbol3DLayer.js";import y from"../../symbols/ObjectSymbol3DLayer.js";import n from"../../symbols/MeshSymbol3D.js";import a from"../../symbols/FillSymbol3DLayer.js";const c=new t({size:15,style:"circle",color:[255,102,102,.5],outline:null}),b=new t({size:10,style:"circle",color:[0,128,192,.5],outline:null}),p=new s({style:"solid",color:[0,128,192,.5],outline:null}),d=new s({style:"solid",color:[255,102,102,.5],outline:null}),S=new t({size:10,style:"diamond",color:[255,102,102],outline:null}),w=new i({symbolLayers:new o([new m({size:10,material:{color:"red"},resource:{primitive:"x"},outline:{color:"black",size:1}})])}),u=new i({symbolLayers:new o([new y({width:9,height:9,depth:9,material:{color:[255,102,102]},resource:{primitive:"diamond"},castShadows:!1})])}),f=new r({data:{type:"CIMSymbolReference",symbol:{type:"CIMPointSymbol",symbolLayers:[{type:"CIMVectorMarker",enable:!0,size:10,frame:{xmin:-5,ymin:-5,xmax:5,ymax:5},markerGraphics:[{type:"CIMMarkerGraphic",geometry:{rings:[[[0,1.4142135623730951],[3.585786437626905,5],[5,3.585786437626905],[1.4142135623730951,0],[5,-3.585786437626905],[3.585786437626905,-5],[0,-1.4142135623730951],[-3.585786437626905,-5],[-5,-3.585786437626905],[-1.4142135623730951,0],[-5,3.585786437626905],[-3.585786437626905,5],[0,1.4142135623730951]]]},symbol:{type:"CIMPolygonSymbol",symbolLayers:[{type:"CIMSolidStroke",enable:!0,width:1,color:[0,0,0,100]},{type:"CIMSolidFill",enable:!0,color:[255,0,0,255]}]}}]}]}}}),M=new n({symbolLayers:new o([new a({material:{color:[255,102,102,.5]},edges:null})])}),h=new n({symbolLayers:new o([new a({material:{color:[0,128,192,.25]},edges:null})])}),C=o=>new r({data:{type:"CIMSymbolReference",symbol:{type:"CIMLineSymbol",symbolLayers:[{type:"CIMSolidStroke",effects:[{type:"CIMGeometricEffectDashes",dashTemplate:[14,12],lineDashEnding:"FullGap",controlPointEnding:"NoConstraint"}],enable:!0,capStyle:"Butt",joinStyle:"Round",width:3.5,color:e(o).toArray()},{type:"CIMSolidStroke",enable:!0,capStyle:"Butt",joinStyle:"Round",width:5,color:o.toArray()}]}}}),j=o=>new s({color:l(o,.3),outline:{color:o,width:2}});export{M as activeFrustumSymbol,d as activePolygonSymbol,c as activeSourcePointSymbol,h as additionalFrustumSymbol,f as crossSymbol,w as crossSymbol3D,S as diamondSymbol,u as diamondSymbol3D,j as measurementPolygonSymbol,C as measurementPolylineSymbol,p as polygonSymbol,b as sourcePointSymbol};
+import o from"../../core/Collection.js";import{getContrast as e,multiplyOpacity as l}from"../../core/colorUtils.js";import r from"../../symbols/CIMSymbol.js";import t from"../../symbols/FillSymbol3DLayer.js";import s from"../../symbols/IconSymbol3DLayer.js";import i from"../../symbols/MeshSymbol3D.js";import m from"../../symbols/ObjectSymbol3DLayer.js";import y from"../../symbols/PointSymbol3D.js";import n from"../../symbols/SimpleFillSymbol.js";import a from"../../symbols/SimpleMarkerSymbol.js";const c=new a({size:15,style:"circle",color:[255,102,102,.5],outline:null}),b=new a({size:10,style:"circle",color:[0,128,192,.5],outline:null}),p=new n({style:"solid",color:[0,128,192,.5],outline:null}),d=new n({style:"solid",color:[255,102,102,.5],outline:null}),S=new a({size:10,style:"diamond",color:[255,102,102],outline:null}),w=new y({symbolLayers:new o([new s({size:10,material:{color:"red"},resource:{primitive:"x"},outline:{color:"black",size:1}})])}),u=new y({symbolLayers:new o([new m({width:9,height:9,depth:9,material:{color:[255,102,102]},resource:{primitive:"diamond"},castShadows:!1})])}),f=new r({data:{type:"CIMSymbolReference",symbol:{type:"CIMPointSymbol",symbolLayers:[{type:"CIMVectorMarker",enable:!0,size:10,frame:{xmin:-5,ymin:-5,xmax:5,ymax:5},markerGraphics:[{type:"CIMMarkerGraphic",geometry:{rings:[[[0,1.4142135623730951],[3.585786437626905,5],[5,3.585786437626905],[1.4142135623730951,0],[5,-3.585786437626905],[3.585786437626905,-5],[0,-1.4142135623730951],[-3.585786437626905,-5],[-5,-3.585786437626905],[-1.4142135623730951,0],[-5,3.585786437626905],[-3.585786437626905,5],[0,1.4142135623730951]]]},symbol:{type:"CIMPolygonSymbol",symbolLayers:[{type:"CIMSolidStroke",enable:!0,width:1,color:[0,0,0,100]},{type:"CIMSolidFill",enable:!0,color:[255,0,0,255]}]}}]}]}}}),M=new i({symbolLayers:new o([new t({material:{color:[255,102,102,.5]},edges:null})])}),h=new i({symbolLayers:new o([new t({material:{color:[0,128,192,.25]},edges:null})])}),C=o=>new r({data:{type:"CIMSymbolReference",symbol:{type:"CIMLineSymbol",symbolLayers:[{type:"CIMSolidStroke",effects:[{type:"CIMGeometricEffectDashes",dashTemplate:[14,12],lineDashEnding:"FullGap",controlPointEnding:"NoConstraint"}],enable:!0,capStyle:"Butt",joinStyle:"Round",width:3.5,color:e(o).toArray()},{type:"CIMSolidStroke",enable:!0,capStyle:"Butt",joinStyle:"Round",width:5,color:o.toArray()}]}}}),I=o=>new n({color:l(o,.3),outline:{color:o,width:2}});export{M as activeFrustumSymbol,d as activePolygonSymbol,c as activeSourcePointSymbol,h as additionalFrustumSymbol,f as crossSymbol,w as crossSymbol3D,S as diamondSymbol,u as diamondSymbol3D,I as measurementPolygonSymbol,C as measurementPolylineSymbol,p as polygonSymbol,b as sourcePointSymbol};

package/widgets/OrientedImageryViewer.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{prefersReducedMotion as t}from"../core/a11yUtils.js";import i from"../core/Collection.js";import{deprecatedProperty as a}from"../core/deprecate.js";import s from"../core/Logger.js";import{deg2rad as o}from"../core/mathUtils.js";import{formatArea as r,formatLength as n}from"../core/quantityFormatUtils.js";import{createArea as l,createLength as c}from"../core/quantityUtils.js";import d from"../core/ReactiveMap.js";import{watch as h,initial as g,syncAndInitial as m,whenOnce as p}from"../core/reactiveUtils.js";import{property as v}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/RandomLCG.js";import{subclass as u}from"../core/accessorSupport/decorators/subclass.js";import{rotatePixel as y}from"../layers/orientedImagery/transformations/utils.js";import w from"../layers/support/rasterDatasets/RasterFactory.js";import _ from"../support/actions/ActionToggle.js";import b from"./Widget.js";import{getAllArcPath as M}from"./OrientedImageryViewer/arcUtils.js";import{segmentArcs as C,sectorsRadii as f,featureCircleRadius as T,navigationToolDimensionLength as I}from"./OrientedImageryViewer/constants.js";import{css as O,navigation as A,navigationToolRotationFrom as E,navigationToolRotationTo as F,root as L}from"./OrientedImageryViewer/css.js";import{isValidDigitizationLayer as k}from"./OrientedImageryViewer/digitizationUtils.js";import V from"./OrientedImageryViewer/OrientedImageryViewerViewModel.js";import x from"./OrientedImageryViewer/OrientedImageryViewerVisibleElements.js";import S from"./OrientedImageryViewer/components/ImageOverlays.js";import{loadCalciteComponents as P}from"./support/componentsUtils.js";import{globalCss as j}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as G}from"./support/decorators/messageBundle.js";import{vmEvent as $}from"./support/decorators/vmEvent.js";import{tsx as B}from"./support/jsxFactory.js";import{substitute as R}from"../intl/substitute.js";const H={overlayMapFeatures:"overlay-map-features",overlayed:"overlayed",overlaysActionHandles:"overlays-action-handles"};let U=class extends b{constructor(e,t){super(e,t),this.galleryOpened=!1,this.imageEnhancementToolActive=!1,this.imageOverlaysOpened=!1,this.navigationToolActive=!1,this.onOverlayAction=e=>{this._onOverlayAction(e)},this.viewModel=new V,this.messagesCommon=null,this.messagesSketch=null,this.pixelMeasurementUnit="meters",this.pixelAreaMeasurementUnit="square-meters",this.showCameraLocations=!1,this.showMapFeatures=!1,this.visibleElements=new x,this._actionItems=new d,this._currentAction=null,this._navigationToolExpanded=!1,this._navigationTool=null,this._warningTitleElement=null,this._galleryController=new AbortController,this._galleryObserver=new IntersectionObserver(this._lazyLoadImage.bind(this)),this._overlayedLayers=new i,this._handleOverlayLayerDeselect=e=>{const t=e.layer;this.viewModel.removeOverlayedGraphicsOnImage(`${t.id}`),this.removeHandles(`${H.overlayed}-${t.id}`)},this._handleOverlayLayerSelect=e=>{const t=e.layer;this.viewModel.overlayMapFeatures(t,this.showMapFeatures),this.addHandles(h((()=>t.visible),(()=>{this.viewModel.toggleOverlayMapFeatures(t.id,t.visible)})),`${H.overlayed}-${t.id}`)},this._highlight=e=>{const t=e.target?.dataset.objectid;t&&this.viewModel.highlight(t)},this._onImageOverlayClosed=()=>{this.imageOverlaysOpened=!1},this._onOverlayAction=async({action:e,item:t})=>{switch(this._currentAction&&this._currentAction!==e&&(this._currentAction.value=!1,this._currentAction=null),e.id){case"create-features":this._currentAction=e;e.value?(this.digitizationLayer=t.layer,await this.viewModel.loadDigitizationAdapter(),this.viewModel.activeViewer?.imageRenderer.map.add(this.viewModel.sketch.layer,this.viewModel.activeViewer?.imageRenderer.map.allLayers.length-1),this.sketchViewModel?.updateGraphics.removeAll(),this.sketchViewModel?.create(this.digitizationLayer.geometryType)):(this.sketchViewModel?.updateGraphics.removeAll(),this.viewModel.activeViewer?.imageRenderer.map.remove(this.viewModel.sketch.layer),this.digitizationLayer=null);break}},this._onShowCameraLocationsChanged=e=>{this.showCameraLocations=e},this._onShowMapFeaturesChanged=e=>{this.showMapFeatures=e},this._overlayLayerListItemCreatedFunction=async e=>{const{item:t}=e,a=t.layer;if(await(a?.load()),!a||!k(a))return;const s=new i;s.add(new _({icon:"pencil",id:"create-features",title:this.messages.addOrUpdateDigitizationFeatures})),t.actionsSections=new i([s])},this._removeHighlight=()=>this.viewModel.removeHighlight(),this._scaleNavigationTool=()=>{this._navigationToolExpanded=!this._navigationToolExpanded},this._toggleImageAttributes=()=>{this.viewModel.toggleImageAttributes()},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)}initialize(){this.addHandles([h((()=>[this.viewModel?.bestFeatureAngle,this._navigationTool]),(([e,t])=>{t&&this._updateNavigationTool(t)}),g),h((()=>this.currentCoverageVisible),(e=>this._onCurrentCoverageVisibilityChange(e))),h((()=>this.isAdditionalCoverageVisible),(e=>this._onAdditionalCoverageVisibilityChange(e))),h((()=>this.isAdditionalPointSourcesVisible),(e=>this._onAdditionalCameraLocationsVisibility(e))),h((()=>({features:this.currentBestFeature,showCameraLocations:this.showCameraLocations,state:this.viewModel.state})),(({showCameraLocations:e,state:t})=>{"image-loaded"===t&&this.viewModel.overlayCameraLocations(e)}),m),h((()=>({feature:this.currentBestFeature,showMapFeatures:this.showMapFeatures,state:this.viewModel.state})),((e,t)=>{e.showMapFeatures!==t?.showMapFeatures&&this.viewModel.toggleAllOverlayMapFeatures(e.showMapFeatures),null!=e.feature&&e.feature!==t?.feature&&p((()=>"image-loaded"===this.viewModel.state)).then((()=>{this.viewModel.removeAllOverlayMapFeatures(),this._overlayedLayers?.forEach((t=>{this.viewModel.overlayMapFeatures(t,e.showMapFeatures)}))}))}),g)])}loadDependencies(){return P({"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"),label:()=>import("@esri/calcite-components/dist/components/calcite-label"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),panel:()=>import("@esri/calcite-components/dist/components/calcite-panel"),shell:()=>import("@esri/calcite-components/dist/components/calcite-shell"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}destroy(){this._galleryController.abort(),this._galleryObserver.disconnect()}get activeLayer(){return a(s.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer}set activeLayer(e){a(s.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer=e}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 digitizationLayer(){return this.viewModel.digitizationLayer}set digitizationLayer(e){this.viewModel.digitizationLayer=e}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get displayMessage(){return this.viewModel.displayMessage}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 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.mapImageConversionToolState=e}get layer(){return this.viewModel.layer}set layer(e){this.viewModel.layer=e}get listItemCreatedFunction(){return this._get("listItemCreatedFunction")??this._overlayLayerListItemCreatedFunction}set listItemCreatedFunction(e){this._set("listItemCreatedFunction",e)}get popupEnabled(){const{popupEnabled:e,state:t}=this.viewModel;return"image-loaded"===t&&e}get referencePoint(){return this.viewModel.referencePoint??null}get sketchViewModel(){return this.viewModel.sketch}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}set updateFootprint(e){this.viewModel.updateFootprint=e}get updateFootprint(){return this.viewModel.updateFootprint}_renderActionBar(){return B("calcite-action-bar",{expandDisabled:!0,layout:"horizontal",slot:"action-bar"},B("calcite-action-group",null,this._currentFootprintToggle(),this._additionalFootprintToggle(),this._additionalPointSourcesToggle()),B("calcite-action-group",null,this._mapImageConversionToggle(),this._navigationToolToggle(),this._imageEnhancementsToggle()),B("calcite-action-group",null,this._imageGalleryToggle(),this._imageOverlaysToggle(),this._openPopupAction()),this._actionTooltips())}_actionTooltips(){return[...this._actionItems].map((([e,t])=>B("calcite-tooltip",{key:e,referenceElement:t},B("span",null,e))))}_additionalFootprintToggle(){const{isAdditionalCoverageVisible:e,invalidCameraHeading:t,visibleElements:{additionalFootprintToggle:i}}=this;return i?B("calcite-action",{active:e,afterCreate:this._storeActionElement,bind:this,class:O.addCoverage,disabled:t,icon:"trapezoid-area",onclick:this._toggleAdditionalCoverage,text:this.messages.additionalFootprints}):null}_additionalPointSourcesToggle(){const{isAdditionalPointSourcesVisible:e,invalidCameraHeading:t,visibleElements:{additionalCameraLocationsToggle:i}}=this;return i?B("calcite-action",{active:e,afterCreate:this._storeActionElement,bind:this,class:O.addExpPoints,disabled:t,icon:"circle-area",onclick:this._toggleAdditionalCameraLocations,text:this.messages.additionalCameraLocations}):null}_renderRoot(){const{viewModel:{state:e}}=this;return B("calcite-panel",null,B("calcite-shell",null,B("calcite-panel",{bind:this,class:O.viewerContainer,heading:this.visibleElements.title?this.messages.title:void 0,loading:"image-loading"===e},this.visibleElements.menu?this._renderActionBar():null,this._imageViewer,this._panoramicViewer,this._messageBox,this.invalidCameraHeading?[this._renderWarning(this.messages.invalidCameraHeadingWarningTitle),this._renderWarningTooltip(this.messages.invalidCameraHeadingWarningDescription)]:[this._imageGalleryPanel,this._renderNavigation,this._imageOverlaysPanel],this._imageEnhancementTools)))}_currentFootprintToggle(){const{currentCoverageVisible:e,invalidCameraHeading:t}=this,{currentFootprintToggle:i}=this.visibleElements;return i?B("calcite-action",{active:e,afterCreate:this._storeActionElement,bind:this,class:O.currentCoverage,disabled:t,icon:"trapezoid-area",onclick:this._toggleCurrentCoverage,text:this.messages.currentFootprint}):null}get _imageEnhancementTools(){const{imageEnhancementToolActive:e,viewModel:{brightness:t,contrast:i,sharpness:a,state:s}}=this;return e&&"image-loaded"===s?B("calcite-panel",{bind:this,class:O.imageEnhancementWrapper,closable:!0,closed:!e,heading:this.messages.imageEnhancement,key:this.messages.imageEnhancement,onCalcitePanelClose:this._toggleImageEnhancementToolState},B("div",{class:O.imageEnhancementTools},B("div",{class:O.imageEnhancementToolContainer},B("calcite-label",null,this.messages.brightness,B("calcite-slider",{bind:this,labelTicks:!0,max:10,min:-10,ticks:5,value:t,onCalciteSliderInput:this._handleBrightnessChange}))),B("div",{class:O.imageEnhancementToolContainer},B("calcite-label",null,this.messages.contrast,B("calcite-slider",{bind:this,labelTicks:!0,max:10,min:-10,ticks:5,value:i,onCalciteSliderInput:this._handleContrastChange}))),B("div",{class:O.imageEnhancementToolContainer},B("calcite-label",null,this.messages.sharpness,B("calcite-slider",{bind:this,labelTicks:!0,max:1,min:0,step:.1,ticks:.5,value:a,onCalciteSliderInput:this._handleSharpnessChange})))),B("calcite-action",{bind:this,icon:"reset",onclick:this._resetImageTools,slot:"header-actions-end",text:this.messagesCommon.reset})):null}_imageEnhancementsToggle(){const{state:e,mode:t}=this.viewModel,{imageEnhancement:i}=this.visibleElements;return i?B("calcite-action",{active:this.imageEnhancementToolActive,afterCreate:this._storeActionElement,bind:this,disabled:"default"!==t||"image-loaded"!==e,icon:"sliders-horizontal",onclick:this._toggleImageEnhancementToolState,text:this.messages.imageEnhancement}):null}get _imageGalleryPanel(){const{container:e,galleryOpened:t,imageGalleryEnabled:i,viewModel:{thumbnails:a},invalidCameraHeading:s}=this;return i&&t&&(e&&a)?B("calcite-panel",{bind:this,class:O.carousel,closable:!0,closed:!t,disabled:s,heading:this.messages.imageGallery,key:this.messages.imageGallery,onCalcitePanelClose:this._toggleImageGallery},B("div",{class:O.carouselContainer},this._renderThumbnails(a))):null}_imageGalleryToggle(){const{imageGalleryEnabled:e,invalidCameraHeading:t,visibleElements:{imageGallery:i}}=this;return i?B("calcite-action",{active:this.galleryOpened,afterCreate:this._storeActionElement,bind:this,disabled:!e||t,icon:"images",onclick:this._toggleImageGallery,text:this.messages.imageGallery}):null}get _imageOverlaysComponent(){return B(S,{closed:!this.imageOverlaysOpened,messages:this._imageOverlayMessages,overlayedLayers:this._overlayedLayers,showCameraLocations:this.showCameraLocations,showMapFeatures:this.showMapFeatures,view:this.view,onImageOverlaysClosed:this._onImageOverlayClosed,onLayerDeselected:this._handleOverlayLayerDeselect,onLayerSelected:this._handleOverlayLayerSelect,onListItemAction:this._onOverlayAction,onShowCameraLocationsChanged:this._onShowCameraLocationsChanged,onShowMapFeaturesChanged:this._onShowMapFeaturesChanged})}get _imageOverlayMessages(){return{...this.messages,...this.messagesSketch}}get _imageOverlaysPanel(){const{imageOverlaysOpened:e,viewModel:{state:t}}=this;if(e&&"image-loaded"===t)return B("div",{class:O.imageOverlaysContainer,key:this.messages.imageOverlays},this._imageOverlaysComponent)}_imageOverlaysToggle(){const{viewModel:{state:e},imageOverlaysOpened:t,invalidCameraHeading:i,visibleElements:{imageOverlays:a}}=this;return a?B("calcite-action",{active:t,afterCreate:this._storeActionElement,bind:this,disabled:"image-loaded"!==e||i,icon:"layers",onclick:this._toggleImageOverlays,text:this.messages.imageOverlays}):null}get _imageViewer(){const{displayMessage:e,loadImageViewer:t,mode:i}=this.viewModel,a=null!=e||"default"!==i,s=this.classes({[O.viewer]:!a,[O.viewerHidden]:a});return B("calcite-panel",{afterCreate:t,bind:this,class:s})}_mapImageConversionToggle(){const{mapImageConversionToolState:e,viewModel:{state:t},invalidCameraHeading:i,visibleElements:{mapImageConversionTool:a}}=this;return a?B("calcite-action",{active:e,afterCreate:this._storeActionElement,bind:this,disabled:"image-loaded"!==t||i,icon:"image-pin",onclick:this._toggleMapImageConversionToolState,text:this.messages.mapImageConversionTool}):null}get _messageBox(){const{messages:e,viewModel:{displayMessage:t}}=this;if(!t)return null;const{data:i,key:a,map:s}=t,o=`${s?R(e[a],s):e[a]}`;return B("span",{class:O.messageBox},i?`${o} ${i}`:o)}_navigationToolToggle(){const{state:e}=this.viewModel,{visibleElements:{navigationTool:t}}=this;return t?B("calcite-action",{active:this.navigationToolActive,afterCreate:this._storeActionElement,bind:this,disabled:"image-loaded"!==e||this.invalidCameraHeading,icon:"explore",onclick:this._toggleNavigationTool,text:this.messages.navigationTool}):null}_openPopupAction(){const{showPopupsAction:e}=this.visibleElements;return e?B("calcite-action",{afterCreate:this._storeActionElement,bind:this,disabled:!this.popupEnabled,icon:"popup",onclick:this._toggleImageAttributes,text:this.messages.showPopups}):null}get _panoramicViewer(){const{displayMessage:e,loadPanoramicViewer:t,mode:i}=this.viewModel,a=null!=e||"panoramic"!==i,s=this.classes({[O.viewer]:!a,[O.viewerHidden]:a});return B("calcite-panel",{afterCreate:t,bind:this,class:s})}async _getThumbnailPixelBlockInternal(e,t){const{level:i,offset:a,size:o}=this._getMaxLevelRasterParameters(e);try{const{pixelBlock:s}=await e.fetchRawPixels(i,a,o,t);return s}catch(r){s.getLogger(this).warn("failed to create canvas with pixel data",r)}return null}_getMaxLevelRasterParameters(e){const{storageInfo:t,width:i,height:a}=e.rasterInfo,{maximumPyramidLevel:s,pyramidScalingFactor:o}=t,r=o??2;return{level:s,offset:{x:0,y:0},size:{width:Math.ceil(i/r**s),height:Math.ceil(a/r**s)}}}async _getThumbnailPixelBlock(e){const{signal:t}=this._galleryController;try{const{origin:i,pathname:a,searchParams:s}=new URL(e),o=await w.open({ioConfig:{customFetchParameters:Object.fromEntries(s),skipMapInfo:!0},url:`${i}${a}`,signal:t});return o?await this._getThumbnailPixelBlockInternal(o,{signal:t}):null}catch(i){s.getLogger(this).error("failed to create thumbnail",i)}return null}_handleBrightnessChange(e){this.viewModel.brightness=e.currentTarget.value??0}_handleContrastChange(e){this.viewModel.contrast=e.currentTarget.value??0}_handleSharpnessChange(e){this.viewModel.sharpness=e.currentTarget.value??0}_lazyLoadImage(e,t){e.forEach((async e=>{if(e.isIntersecting){const i=e.target,a=i.getAttribute("data-src"),r=i.getAttribute("data-rotation"),n=r?parseFloat(r)%360:null;if(!a)return;const l=await this._getThumbnailPixelBlock(a);if(!l)return;i.width=l.width,i.height=l.height;const c=i.getContext("2d");if(!c)return;const d=c.createImageData(i.width,i.height);if(d.data.set(l.getAsRGBA()),"number"==typeof n&&0!==n){const e=o(n),a=document.createElement("canvas"),r=a.getContext("2d");if(r){a.width=d.width,a.height=d.height,r.putImageData(d,0,0);const s=y(0,0,e),o=y(d.width,0,e),n=y(d.width,d.height,e),l=y(0,d.height,e),h=Math.max(s[0],o[0],n[0],l[0])-Math.min(s[0],o[0],n[0],l[0]),g=Math.max(s[1],o[1],n[1],l[1])-Math.min(s[1],o[1],n[1],l[1]),m=Math.min(i.width/h,i.height/g);return c.save(),c.clearRect(0,0,i.width,i.height),c.translate(i.width/2,i.height/2),c.rotate(e),c.scale(m,m),c.drawImage(a,-d.width/2,-d.height/2,d.width,d.height),c.restore(),t.unobserve(i)}s.getLogger(this).warn("oriented-imagery-viewer:image-gallery","failed to apply rotation on thumbnail")}c.putImageData(d,0,0),t.unobserve(i)}}))}_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)}_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){const{invalidCameraHeading:t,viewModel:{state:i}}=this;return t&&"image-loaded"===i?[B("calcite-notice",{class:O.alert,closable:!0,icon:"exclamation-mark-triangle-f",iconFlipRtl:!0,kind:"warning",open:!0,scale:"s"},B("div",{afterCreate:e=>this._storeWarningTitleElement(e),slot:"title"},e))]:null}_renderWarningTooltip(e){const{_warningTitleElement:t}=this;if(e?.length&&t)return B("calcite-tooltip",{closeOnClick:!0,referenceElement:t},e)}get _renderNavigation(){const{viewModel:{sectorData:e,navigatorCurrentBestFeature:i,currentBestFeature:a,state:s}}=this;if(!this.container||!a)return null;let o,r,n,l,c;if(i){const{x:e,y:t,direction:a}=i,[s,d,h,g]=C[a];o=`M ${e} ${t} L ${s} ${d} A ${f[2]} ${f[2]} 0 0 1 ${h} ${g} Z`,r=e,l=t,n=C[a][4],c=C[a][5]}const d=e=>{const t=e.target.dataset?.sector;t&&this.viewModel.handleSectorClick(+t)},h=e=>{const t=e.target.dataset;if(!t)return;const{featureIndexInSector:i,sector:a}=t;i&&a&&this.viewModel.handleFeatureClick({sector:a,featureIndexInSector:+i})},g=e=>{e.removeEventListener("click",h)},m=a.attributes.objectId,p=e?.map((e=>e?.items)).filter(Boolean).flatMap((e=>e?.map((({x:e,y:t,objectID:i,featureIndexInSector:a,sector:s})=>B("circle",{afterRemoved:g,class:this.classes(O.feature,{selected:m===i}),cx:e,cy:t,"data-feature-index-in-sector":a,"data-sector":s,key:`${O.feature}-${i}`,onclick:h,r:T}))))),v=e=>{e.removeEventListener("click",d)},u=this.classes({[O.navigationWrapper]:!0,[O.navigationZoomed]:this._navigationToolExpanded});return this.navigationToolActive&&"image-loaded"===s?B("div",{bind:this,class:u,key:this.messages.navigationTool},B("svg",{afterCreate:e=>this._storeNavigationToolReference(e),class:t()?A:O.rotateWithAnimation,focusable:"false",height:I,role:"img",width:I,xmlns:"http://www.w3.org/2000/svg"},B("defs",null,B("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${this.id}-coverage-fill`,x1:r,x2:n,y1:l,y2:c},B("stop",{class:O.navigationPathOffset0,offset:0}),B("stop",{class:O.navigationPathOffset1,offset:1}))),B("g",null,B("circle",{class:this.classes(O.sector,O.outerSector),cx:f[3],cy:f[3],onclick:this._scaleNavigationTool,r:f[3]}),B("circle",{class:O.sector,cx:f[3],cy:f[3],r:f[2]}),B("circle",{class:O.sector,cx:f[3],cy:f[3],r:f[1]}),B("circle",{class:O.sector,cx:f[3],cy:f[3],r:f[0]}),B("path",{class:O.pointer,d:"M 56.5 6.06217782649107 L 60 0 L 63.5 6.06217782649107 Z",key:`${O.pointer}-west`}),B("path",{class:this.classes(O.pointer,O.north),d:"M 113.93782217350893 56.5 L 120 60 L 113.93782217350893 63.5 Z",key:`${O.pointer}-north`}),B("path",{class:O.pointer,d:"M 56.5 113.93782217350893 L 60 120 L 63.5 113.93782217350893 Z",key:`${O.pointer}-east`}),B("path",{class:O.pointer,d:"M 6.06217782649107 56.5 L 0 60 L 6.06217782649107 63.5 Z",key:`${O.pointer}-south`}),B("path",{class:this.classes(O.sector,O.sectorSeparator),d:"M 23.937554159486076 23.937554159486076 L 96.06244584051393 96.06244584051393 M 23.937554159486076 96.06244584051393 L 96.06244584051393 23.937554159486076",key:O.sectorSeparator}),M([f[2],f[1],f[0]],f[3],f[3]).map(((t,i)=>B("path",{afterRemoved:v,class:this.classes(O.sector,e?.[i]?.length?O.sectorEnabled:O.sectorDisabled),d:t,"data-sector":`${i}`,key:`${O.sector}-${i}`,onclick:d}))),B("path",{class:this.classes(O.sector,O.sectorCross),d:"M 56.4 56.4 L 63.53 63.53 M 63.53 56.4 L 56.4 63.53",key:O.sectorCross}),p,a.attributes.cameraPitch>=5&&o?B("path",{class:O.selectedFeaturePath,d:o,fill:`url(#${this.id}-coverage-fill)`,key:O.selectedFeaturePath}):null))):null}_renderThumbnails(e){const{currentBestFeature:t}=this.viewModel;return t?B("div",{class:O.carouselContent},e.items.map((({url:e,objectId:i,rotation:a},s)=>B("div",{class:`${O.carouselItemWrapper}${t.attributes.objectId===i?"--selected":""}`,key:`${O.carouselItemWrapper}-${s}`},B("canvas",{afterCreate:this._registerGalleryItem,afterRemoved:this._unregisterGalleryItem,alt:`thumbnail-${i}`,class:O.carouselItem,"data-objectid":`${i}`,"data-rotation":`${a}`,"data-src":e,onclick:this._loadImageFromGallery,onmouseenter:this._highlight,onmouseleave:this._removeHighlight}))))):null}_resetImageTools(){this.viewModel.sharpness=this.viewModel.brightness=this.viewModel.contrast=0}_storeActionElement(e){this._actionItems.set(e.text,e)}_storeNavigationToolReference(e){this._navigationTool=e}_storeWarningTitleElement(e){this._warningTitleElement=e}_toggleAdditionalCameraLocations(){this.isAdditionalPointSourcesVisible=!this.isAdditionalPointSourcesVisible}_toggleAdditionalCoverage(){this.isAdditionalCoverageVisible=!this.isAdditionalCoverageVisible}_toggleCurrentCoverage(){this.currentCoverageVisible=!this.currentCoverageVisible}_toggleImageEnhancementToolState(e){e.stopPropagation(),this.imageEnhancementToolActive=!this.imageEnhancementToolActive,this.imageEnhancementToolActive&&(this.galleryOpened&&(this.galleryOpened=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleImageOverlays(e){e.stopPropagation(),this.imageOverlaysOpened=!this.imageOverlaysOpened,this.imageOverlaysOpened&&(this.galleryOpened&&(this.galleryOpened=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1))}_toggleImageGallery(e){e.stopPropagation(),this.galleryOpened=!!this.imageGalleryEnabled&&!this.galleryOpened,this.galleryOpened&&(this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleNavigationTool(){this.navigationToolActive=!this.navigationToolActive,this.navigationToolActive&&(this.galleryOpened&&(this.galleryOpened=!1),this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleMapImageConversionToolState(){this.mapImageConversionToolState=!this.mapImageConversionToolState}_unregisterGalleryItem(e){this._galleryObserver.unobserve(e)}_updateNavigationTool(e){const{previousFeatureAngle:t,bestFeatureAngle:i}=this.viewModel,a=(i-t+540)%360-180;e.style.setProperty(E,`${t}deg`),e.style.setProperty(F,`${t+a}deg`)}getConvertedAreaMeasurement(){const{viewModel:{areaMeasurementResult:e},measurementUnitMessages:t,pixelAreaMeasurementUnit:i,messages:{startMeasurement:a}}=this;return i&&e?r(t,l(e,"square-meters"),i):a}getConvertedMeasurement(){const{viewModel:{distanceMeasurementResult:e},measurementUnitMessages:t,pixelMeasurementUnit:i,messages:{startMeasurement:a}}=this;return i&&e?n(t,c(e,"meters"),i):a}async loadBestImage(e){return this.viewModel.loadBestImage(e)}loadImageFromSource(e,t){return this.viewModel.loadImageFromSource(e,t)}async plotMapPoint(e){return this.viewModel.plotMapPoint(e)}plotReferencePointOnGround(e){this.viewModel.plotReferencePointOnGround(e)}plotReferencePointOnImage(e){this.viewModel.plotReferencePointOnImage(e)}resetImage(){this.viewModel.resetImage()}render(){return B("div",{class:this.classes(j.widget,L)},this._renderRoot())}updateSuitabilities(e){this.viewModel.updateSuitabilities(e)}};e([v()],U.prototype,"activeLayer",null),e([v()],U.prototype,"currentBestFeature",null),e([v()],U.prototype,"currentCoverageVisible",null),e([v()],U.prototype,"digitizationLayer",null),e([v()],U.prototype,"disabled",null),e([v()],U.prototype,"features",null),e([v()],U.prototype,"imagePointsInView",null),e([v()],U.prototype,"galleryOpened",void 0),e([v()],U.prototype,"icon",null),e([v()],U.prototype,"imageEnhancementToolActive",void 0),e([v({readOnly:!0})],U.prototype,"imageGalleryEnabled",null),e([v()],U.prototype,"imageOverlaysOpened",void 0),e([v({readOnly:!0})],U.prototype,"invalidCameraHeading",null),e([v()],U.prototype,"isAdditionalCoverageVisible",null),e([v()],U.prototype,"isAdditionalPointSourcesVisible",null),e([v()],U.prototype,"mapImageConversionToolState",null),e([v()],U.prototype,"layer",null),e([v()],U.prototype,"listItemCreatedFunction",null),e([v()],U.prototype,"navigationToolActive",void 0),e([v()],U.prototype,"onOverlayAction",void 0),e([v({type:V})],U.prototype,"viewModel",void 0),e([v(),G("esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer")],U.prototype,"messages",void 0),e([v(),G("esri/core/t9n/Units")],U.prototype,"measurementUnitMessages",void 0),e([v(),G("esri/t9n/common")],U.prototype,"messagesCommon",void 0),e([v(),G("esri/widgets/Sketch/t9n/Sketch")],U.prototype,"messagesSketch",void 0),e([v()],U.prototype,"pixelMeasurementUnit",void 0),e([v()],U.prototype,"pixelAreaMeasurementUnit",void 0),e([v({readOnly:!0})],U.prototype,"popupEnabled",null),e([v()],U.prototype,"referencePoint",null),e([v()],U.prototype,"showCameraLocations",void 0),e([v()],U.prototype,"showMapFeatures",void 0),e([$(["create","delete","redo","undo","update"]),v({readOnly:!0})],U.prototype,"sketchViewModel",null),e([v()],U.prototype,"view",null),e([v({type:x,nonNullable:!0})],U.prototype,"visibleElements",void 0),e([v()],U.prototype,"determineWorkflowForFeature",null),e([v()],U.prototype,"updateFootprint",null),e([v()],U.prototype,"_actionItems",void 0),e([v()],U.prototype,"_currentAction",void 0),e([v()],U.prototype,"_imageEnhancementTools",null),e([v()],U.prototype,"_imageGalleryPanel",null),e([v()],U.prototype,"_imageOverlaysComponent",null),e([v()],U.prototype,"_imageOverlayMessages",null),e([v()],U.prototype,"_imageOverlaysPanel",null),e([v()],U.prototype,"_imageViewer",null),e([v()],U.prototype,"_messageBox",null),e([v()],U.prototype,"_navigationToolExpanded",void 0),e([v()],U.prototype,"_navigationTool",void 0),e([v()],U.prototype,"_panoramicViewer",null),e([v()],U.prototype,"_warningTitleElement",void 0),e([v()],U.prototype,"_renderNavigation",null),U=e([u("esri.widgets.OrientedImageryViewer")],U);const z=U;export{z as default};
+import{_ as e}from"../chunks/tslib.es6.js";import"../intl.js";import{prefersReducedMotion as t}from"../core/a11yUtils.js";import i from"../core/Collection.js";import{deprecatedProperty as a}from"../core/deprecate.js";import s from"../core/Logger.js";import{deg2rad as o}from"../core/mathUtils.js";import r from"../core/ReactiveMap.js";import{watch as n,initial as l,syncAndInitial as c,whenOnce as d}from"../core/reactiveUtils.js";import{property as g}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/RandomLCG.js";import{subclass as m}from"../core/accessorSupport/decorators/subclass.js";import{rotatePixel as h}from"../layers/orientedImagery/transformations/utils.js";import p from"../layers/support/rasterDatasets/RasterFactory.js";import u from"../support/actions/ActionToggle.js";import v from"./Widget.js";import{getAllArcPath as y}from"./OrientedImageryViewer/arcUtils.js";import{segmentArcs as w,sectorsRadii as _,featureCircleRadius as b,navigationToolDimensionLength as M}from"./OrientedImageryViewer/constants.js";import{css as C,navigation as T,navigationToolRotationFrom as f,navigationToolRotationTo as I,root as A}from"./OrientedImageryViewer/css.js";import{isValidDigitizationLayer as O}from"./OrientedImageryViewer/digitizationUtils.js";import E from"./OrientedImageryViewer/OrientedImageryViewerViewModel.js";import F from"./OrientedImageryViewer/OrientedImageryViewerVisibleElements.js";import k from"./OrientedImageryViewer/components/ImageAreaMeasurement.js";import L from"./OrientedImageryViewer/components/ImageDistanceMeasurement.js";import V from"./OrientedImageryViewer/components/ImageOverlays.js";import{loadCalciteComponents as P}from"./support/componentsUtils.js";import{globalCss as S}from"./support/globalCss.js";import"./support/widgetUtils.js";import{messageBundle as x}from"./support/decorators/messageBundle.js";import{vmEvent as j}from"./support/decorators/vmEvent.js";import{tsx as G}from"./support/jsxFactory.js";import{substitute as $}from"../intl/substitute.js";const B={overlayMapFeatures:"overlay-map-features",overlayed:"overlayed",overlaysActionHandles:"overlays-action-handles"};let H=class extends v{constructor(e,t){super(e,t),this.galleryOpened=!1,this.imageEnhancementToolActive=!1,this.imageOverlaysOpened=!1,this.navigationToolActive=!1,this.onOverlayAction=e=>{this._onOverlayAction(e)},this.viewModel=new E,this.messagesCommon=null,this.messagesSketch=null,this.pixelMeasurementUnit="meters",this.pixelAreaMeasurementUnit="square-meters",this.showCameraLocations=!1,this.showMapFeatures=!1,this.visibleElements=new F,this._actionItems=new r,this._currentAction=null,this._navigationToolExpanded=!1,this._navigationTool=null,this._warningTitleElement=null,this._galleryController=new AbortController,this._galleryObserver=new IntersectionObserver(this._lazyLoadImage.bind(this)),this._overlayedLayers=new i,this._handleOverlayLayerDeselect=e=>{const t=e.layer;this.viewModel.removeOverlayedGraphicsOnImage(`${t.id}`),this.removeHandles(`${B.overlayed}-${t.id}`)},this._handleOverlayLayerSelect=e=>{const t=e.layer;this.viewModel.overlayMapFeatures(t,this.showMapFeatures),this.addHandles(n((()=>t.visible),(()=>{this.viewModel.toggleOverlayMapFeatures(t.id,t.visible)})),`${B.overlayed}-${t.id}`)},this._highlight=e=>{const t=e.target?.dataset.objectid;t&&this.viewModel.highlight(t)},this._onImageOverlayClosed=()=>{this.imageOverlaysOpened=!1},this._onOverlayAction=async({action:e,item:t})=>{switch(this._currentAction&&this._currentAction!==e&&(this._currentAction.value=!1,this._currentAction=null),e.id){case"create-features":this._currentAction=e;e.value?(this.digitizationLayer=t.layer,await this.viewModel.loadDigitizationAdapter(),this.viewModel.activeViewer?.imageRenderer.map.add(this.viewModel.sketch.layer,this.viewModel.activeViewer?.imageRenderer.map.allLayers.length-1),this.sketchViewModel?.updateGraphics.removeAll(),this.sketchViewModel?.create(this.digitizationLayer.geometryType)):(this.sketchViewModel?.updateGraphics.removeAll(),this.viewModel.activeViewer?.imageRenderer.map.remove(this.viewModel.sketch.layer),this.digitizationLayer=null);break}},this._onShowCameraLocationsChanged=e=>{this.showCameraLocations=e},this._onShowMapFeaturesChanged=e=>{this.showMapFeatures=e},this._overlayLayerListItemCreatedFunction=async e=>{const{item:t}=e,a=t.layer;if(await(a?.load()),!a||!O(a))return;const s=new i;s.add(new u({icon:"pencil",id:"create-features",title:this.messages.addOrUpdateDigitizationFeatures})),t.actionsSections=new i([s])},this._removeActionElement=e=>{this._actionItems.delete(e.text)},this._removeHighlight=()=>this.viewModel.removeHighlight(),this._scaleNavigationTool=()=>{this._navigationToolExpanded=!this._navigationToolExpanded},this._toggleImageAttributes=()=>{this.viewModel.toggleImageAttributes()},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)}initialize(){this.addHandles([n((()=>[this.viewModel?.bestFeatureAngle,this._navigationTool]),(([e,t])=>{t&&this._updateNavigationTool(t)}),l),n((()=>this.currentCoverageVisible),(e=>this._onCurrentCoverageVisibilityChange(e))),n((()=>this.isAdditionalCoverageVisible),(e=>this._onAdditionalCoverageVisibilityChange(e))),n((()=>this.isAdditionalPointSourcesVisible),(e=>this._onAdditionalCameraLocationsVisibility(e))),n((()=>({features:this.currentBestFeature,showCameraLocations:this.showCameraLocations,state:this.viewModel.state})),(({showCameraLocations:e,state:t})=>{"image-loaded"===t&&this.viewModel.overlayCameraLocations(e)}),c),n((()=>({feature:this.currentBestFeature,showMapFeatures:this.showMapFeatures,state:this.viewModel.state})),((e,t)=>{e.showMapFeatures!==t?.showMapFeatures&&this.viewModel.toggleAllOverlayMapFeatures(e.showMapFeatures),null!=e.feature&&e.feature!==t?.feature&&d((()=>"image-loaded"===this.viewModel.state)).then((()=>{this.viewModel.removeAllOverlayMapFeatures(),this._overlayedLayers?.forEach((t=>{this.viewModel.overlayMapFeatures(t,e.showMapFeatures)}))}))}),l)])}loadDependencies(){return P({"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"),label:()=>import("@esri/calcite-components/dist/components/calcite-label"),notice:()=>import("@esri/calcite-components/dist/components/calcite-notice"),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"),dropdown:()=>import("@esri/calcite-components/dist/components/calcite-dropdown"),"dropdown-group":()=>import("@esri/calcite-components/dist/components/calcite-dropdown-group"),"dropdown-item":()=>import("@esri/calcite-components/dist/components/calcite-dropdown-item"),slider:()=>import("@esri/calcite-components/dist/components/calcite-slider"),tooltip:()=>import("@esri/calcite-components/dist/components/calcite-tooltip")})}destroy(){this._galleryController.abort(),this._galleryObserver.disconnect()}get activeLayer(){return a(s.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer}set activeLayer(e){a(s.getLogger(this),"activeLayer",{replacement:"layer"}),this.layer=e}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 digitizationLayer(){return this.viewModel.digitizationLayer}set digitizationLayer(e){this.viewModel.digitizationLayer=e}get disabled(){return this.viewModel.disabled}set disabled(e){this.viewModel.disabled=e}get displayMessage(){return this.viewModel.displayMessage}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 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.mapImageConversionToolState=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 listItemCreatedFunction(){return this._get("listItemCreatedFunction")??this._overlayLayerListItemCreatedFunction}set listItemCreatedFunction(e){this._set("listItemCreatedFunction",e)}get popupEnabled(){const{popupEnabled:e,state:t}=this.viewModel;return"image-loaded"===t&&e}get referencePoint(){return this.viewModel.referencePoint??null}get sketchViewModel(){return this.viewModel.sketch}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}set updateFootprint(e){this.viewModel.updateFootprint=e}get updateFootprint(){return this.viewModel.updateFootprint}_renderActionBar(){return G("calcite-action-bar",{expandDisabled:!0,layout:"horizontal",slot:"action-bar"},G("calcite-action-group",null,this._currentFootprintToggle(),this._additionalFootprintToggle(),this._additionalPointSourcesToggle()),G("calcite-action-group",null,this._mapImageConversionToggle(),this._navigationToolToggle(),this._imageEnhancementsToggle()),G("calcite-action-group",null,this._imageGalleryToggle(),this._imageOverlaysToggle(),this._openPopupAction()),G("calcite-action-group",null,this._measurementToolsToggle()),this._actionTooltips())}_actionTooltips(){return[...this._actionItems].map((([e,t])=>G("calcite-tooltip",{closeOnClick:!0,key:e,placement:"bottom",referenceElement:t},G("span",null,e))))}_additionalFootprintToggle(){const{isAdditionalCoverageVisible:e,invalidCameraHeading:t,visibleElements:{additionalFootprintToggle:i}}=this;return i?G("calcite-action",{active:e,...this._commonActionProperties,class:C.addCoverage,disabled:t,icon:"trapezoid-area",onclick:this._toggleAdditionalCoverage,text:this.messages.additionalFootprints}):null}_additionalPointSourcesToggle(){const{isAdditionalPointSourcesVisible:e,invalidCameraHeading:t,visibleElements:{additionalCameraLocationsToggle:i}}=this;return i?G("calcite-action",{active:e,...this._commonActionProperties,class:C.addExpPoints,disabled:t,icon:"circle-area",onclick:this._toggleAdditionalCameraLocations,text:this.messages.additionalCameraLocations}):null}get _areaMeasurementToggle(){const{viewModel:{state:e,measureType:t}}=this;if("image-loaded"===e&&"area"===t)return G("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:this.messages.areaMeasurementHeading,id:"Area-Measurement",open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",widthScale:"s",onCalciteDialogBeforeClose:()=>this.viewModel.clearPreviousMeasurements("area")},G(k,{measurementUnitMessages:this.measurementUnitMessages,messages:this.messages,oiViewModel:this.viewModel}))}get _commonActionProperties(){return{afterCreate:this._storeActionElement,afterRemoved:this._removeActionElement,afterUpdate:this._storeActionElement,bind:this}}_renderRoot(){const{viewModel:{state:e}}=this;return G("calcite-panel",null,G("calcite-shell",null,G("calcite-panel",{bind:this,class:C.viewerContainer,heading:this.visibleElements.title?this.messages.title:void 0,loading:"image-loading"===e},this.visibleElements.menu?this._renderActionBar():null,this._imageViewer,this._panoramicViewer,this._messageBox,this.invalidCameraHeading?[this._renderWarning(this.messages.invalidCameraHeadingWarningTitle),this._renderWarningTooltip(this.messages.invalidCameraHeadingWarningDescription)]:[this._imageGalleryPanel,this._renderNavigation,this._imageOverlaysPanel],this._imageEnhancementTools),this._distanceMeasurementToggle,this._areaMeasurementToggle))}_currentFootprintToggle(){const{currentCoverageVisible:e,invalidCameraHeading:t}=this,{currentFootprintToggle:i}=this.visibleElements;return i?G("calcite-action",{active:e,...this._commonActionProperties,class:C.currentCoverage,disabled:t,icon:"trapezoid-area",onclick:this._toggleCurrentCoverage,text:this.messages.currentFootprint}):null}get _distanceMeasurementToggle(){const{viewModel:{state:e,measureType:t}}=this;if("image-loaded"===e&&"distance"===t)return G("calcite-dialog",{bind:this,dragEnabled:!0,escapeDisabled:!0,heading:this.messages.distanceMeasurementHeading,id:"Distance-Measurement",open:!0,placement:"bottom-start",resizable:!0,scale:"s",slot:"dialogs",widthScale:"s",onCalciteDialogBeforeClose:()=>this.viewModel.clearPreviousMeasurements("distance")},G(L,{measurementUnitMessages:this.measurementUnitMessages,messages:this.messages,oiViewModel:this.viewModel}))}get _imageEnhancementTools(){const{imageEnhancementToolActive:e,viewModel:{brightness:t,contrast:i,sharpness:a,state:s}}=this;return e&&"image-loaded"===s?G("calcite-panel",{bind:this,class:C.imageEnhancementWrapper,closable:!0,closed:!e,heading:this.messages.imageEnhancement,key:this.messages.imageEnhancement,onCalcitePanelClose:this._toggleImageEnhancementToolState},G("div",{class:C.imageEnhancementTools},G("div",{class:C.imageEnhancementToolContainer},G("calcite-label",null,this.messages.brightness,G("calcite-slider",{bind:this,labelTicks:!0,max:10,min:-10,ticks:5,value:t,onCalciteSliderInput:this._handleBrightnessChange}))),G("div",{class:C.imageEnhancementToolContainer},G("calcite-label",null,this.messages.contrast,G("calcite-slider",{bind:this,labelTicks:!0,max:10,min:-10,ticks:5,value:i,onCalciteSliderInput:this._handleContrastChange}))),G("div",{class:C.imageEnhancementToolContainer},G("calcite-label",null,this.messages.sharpness,G("calcite-slider",{bind:this,labelTicks:!0,max:1,min:0,step:.1,ticks:.5,value:a,onCalciteSliderInput:this._handleSharpnessChange})))),G("calcite-action",{bind:this,icon:"reset",onclick:this._resetImageTools,slot:"header-actions-end",text:this.messagesCommon.reset})):null}_imageEnhancementsToggle(){const{state:e,mode:t}=this.viewModel,{imageEnhancement:i}=this.visibleElements;return i?G("calcite-action",{active:this.imageEnhancementToolActive,...this._commonActionProperties,disabled:"default"!==t||"image-loaded"!==e,icon:"sliders-horizontal",onclick:this._toggleImageEnhancementToolState,text:this.messages.imageEnhancement}):null}get _imageGalleryPanel(){const{container:e,galleryOpened:t,imageGalleryEnabled:i,viewModel:{thumbnails:a},invalidCameraHeading:s}=this;return i&&t&&(e&&a)?G("calcite-panel",{bind:this,class:C.carousel,closable:!0,closed:!t,disabled:s,heading:this.messages.imageGallery,key:this.messages.imageGallery,onCalcitePanelClose:this._toggleImageGallery},G("div",{class:C.carouselContainer},this._renderThumbnails(a))):null}_imageGalleryToggle(){const{imageGalleryEnabled:e,invalidCameraHeading:t,visibleElements:{imageGallery:i}}=this;return i?G("calcite-action",{active:this.galleryOpened,...this._commonActionProperties,disabled:!e||t,icon:"images",onclick:this._toggleImageGallery,text:this.messages.imageGallery}):null}get _imageOverlaysComponent(){return G(V,{closed:!this.imageOverlaysOpened,messages:this._imageOverlayMessages,overlayedLayers:this._overlayedLayers,showCameraLocations:this.showCameraLocations,showMapFeatures:this.showMapFeatures,view:this.view,onImageOverlaysClosed:this._onImageOverlayClosed,onLayerDeselected:this._handleOverlayLayerDeselect,onLayerSelected:this._handleOverlayLayerSelect,onListItemAction:this._onOverlayAction,onShowCameraLocationsChanged:this._onShowCameraLocationsChanged,onShowMapFeaturesChanged:this._onShowMapFeaturesChanged})}get _imageOverlayMessages(){return{...this.messages,...this.messagesSketch}}get _imageOverlaysPanel(){const{imageOverlaysOpened:e,viewModel:{state:t}}=this;if(e&&"image-loaded"===t)return G("div",{class:C.imageOverlaysContainer,key:this.messages.imageOverlays},this._imageOverlaysComponent)}_imageOverlaysToggle(){const{viewModel:{state:e},imageOverlaysOpened:t,invalidCameraHeading:i,visibleElements:{imageOverlays:a}}=this;return a?G("calcite-action",{active:t,...this._commonActionProperties,disabled:"image-loaded"!==e||i,icon:"layers",onclick:this._toggleImageOverlays,text:this.messages.imageOverlays}):null}get _imageViewer(){const{displayMessage:e,loadImageViewer:t,mode:i}=this.viewModel,a=null!=e||"default"!==i,s=this.classes({[C.viewer]:!a,[C.viewerHidden]:a});return G("calcite-panel",{afterCreate:t,bind:this,class:s})}_mapImageConversionToggle(){const{mapImageConversionToolState:e,viewModel:{state:t},invalidCameraHeading:i,visibleElements:{mapImageConversionTool:a}}=this;return a?G("calcite-action",{active:e,...this._commonActionProperties,disabled:"image-loaded"!==t||i,icon:"image-pin",onclick:this._toggleMapImageConversionToolState,text:this.messages.mapImageConversionTool}):null}_measurementToolsToggle(){const{measureType:e,viewModel:t,messages:i,visibleElements:{measurementTools:a}}=this,{state:s,mode:o,layer:r}=t,n=!r?.orientationAccuracy?.length||r.orientationAccuracy.every((e=>0===e));return a?G("calcite-dropdown",{disabled:n||"panoramic"===o,scale:"m",width:"m"},G("calcite-action",{icon:"area"===e?"measure-area":"measure-line",slot:"trigger",text:i.measure}),G("calcite-dropdown-group",null,G("calcite-dropdown-item",{bind:this,disabled:"image-loaded"!==s,iconStart:"measure-line",key:"distance-measurement",onclick:e=>this._toggleMeasurementSketch(e,"distance"),selected:"distance"===e},i.distance),G("calcite-dropdown-item",{bind:this,disabled:"image-loaded"!==s,iconStart:"measure-area",key:"area-measurement",onclick:e=>this._toggleMeasurementSketch(e,"area"),selected:"area"===e},i.area))):null}get _messageBox(){const{messages:e,viewModel:{displayMessage:t}}=this;if(!t)return null;const{data:i,key:a,map:s}=t,o=`${s?$(e[a],s):e[a]}`;return G("span",{class:C.messageBox},i?`${o} ${i}`:o)}_navigationToolToggle(){const{state:e}=this.viewModel,{visibleElements:{navigationTool:t}}=this;return t?G("calcite-action",{active:this.navigationToolActive,...this._commonActionProperties,disabled:"image-loaded"!==e||this.invalidCameraHeading,icon:"explore",onclick:this._toggleNavigationTool,text:this.messages.navigationTool}):null}_openPopupAction(){const{showPopupsAction:e}=this.visibleElements;return e?G("calcite-action",{...this._commonActionProperties,disabled:!this.popupEnabled,icon:"popup",onclick:this._toggleImageAttributes,text:this.messages.showPopups}):null}get _panoramicViewer(){const{displayMessage:e,loadPanoramicViewer:t,mode:i}=this.viewModel,a=null!=e||"panoramic"!==i,s=this.classes({[C.viewer]:!a,[C.viewerHidden]:a});return G("calcite-panel",{afterCreate:t,bind:this,class:s})}async _getThumbnailPixelBlockInternal(e,t){const{level:i,offset:a,size:o}=this._getMaxLevelRasterParameters(e);try{const{pixelBlock:s}=await e.fetchRawPixels(i,a,o,t);return s}catch(r){s.getLogger(this).warn("failed to create canvas with pixel data",r)}return null}_getMaxLevelRasterParameters(e){const{storageInfo:t,width:i,height:a}=e.rasterInfo,{maximumPyramidLevel:s,pyramidScalingFactor:o}=t,r=o??2;return{level:s,offset:{x:0,y:0},size:{width:Math.ceil(i/r**s),height:Math.ceil(a/r**s)}}}async _getThumbnailPixelBlock(e){const{signal:t}=this._galleryController;try{const{origin:i,pathname:a,searchParams:s}=new URL(e),o=await p.open({ioConfig:{customFetchParameters:Object.fromEntries(s),skipMapInfo:!0},url:`${i}${a}`,signal:t});return o?await this._getThumbnailPixelBlockInternal(o,{signal:t}):null}catch(i){s.getLogger(this).error("failed to create thumbnail",i)}return null}_handleBrightnessChange(e){this.viewModel.brightness=e.currentTarget.value??0}_handleContrastChange(e){this.viewModel.contrast=e.currentTarget.value??0}_handleSharpnessChange(e){this.viewModel.sharpness=e.currentTarget.value??0}_lazyLoadImage(e,t){e.forEach((async e=>{if(e.isIntersecting){const i=e.target,a=i.getAttribute("data-src"),r=i.getAttribute("data-rotation"),n=r?parseFloat(r)%360:null;if(!a)return;const l=await this._getThumbnailPixelBlock(a);if(!l)return;i.width=l.width,i.height=l.height;const c=i.getContext("2d");if(!c)return;const d=c.createImageData(i.width,i.height);if(d.data.set(l.getAsRGBA()),"number"==typeof n&&0!==n){const e=o(n),a=document.createElement("canvas"),r=a.getContext("2d");if(r){a.width=d.width,a.height=d.height,r.putImageData(d,0,0);const s=h(0,0,e),o=h(d.width,0,e),n=h(d.width,d.height,e),l=h(0,d.height,e),g=Math.max(s[0],o[0],n[0],l[0])-Math.min(s[0],o[0],n[0],l[0]),m=Math.max(s[1],o[1],n[1],l[1])-Math.min(s[1],o[1],n[1],l[1]),p=Math.min(i.width/g,i.height/m);return c.save(),c.clearRect(0,0,i.width,i.height),c.translate(i.width/2,i.height/2),c.rotate(e),c.scale(p,p),c.drawImage(a,-d.width/2,-d.height/2,d.width,d.height),c.restore(),t.unobserve(i)}s.getLogger(this).warn("oriented-imagery-viewer:image-gallery","failed to apply rotation on thumbnail")}c.putImageData(d,0,0),t.unobserve(i)}}))}_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)}_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){const{invalidCameraHeading:t,viewModel:{state:i}}=this;return t&&"image-loaded"===i?[G("calcite-notice",{class:C.alert,closable:!0,icon:"exclamation-mark-triangle-f",iconFlipRtl:!0,kind:"warning",open:!0,scale:"s"},G("div",{afterCreate:e=>this._storeWarningTitleElement(e),slot:"title"},e))]:null}_renderWarningTooltip(e){const{_warningTitleElement:t}=this;if(e?.length&&t)return G("calcite-tooltip",{closeOnClick:!0,referenceElement:t},e)}get _renderNavigation(){const{viewModel:{sectorData:e,navigatorCurrentBestFeature:i,currentBestFeature:a,state:s}}=this;if(!this.container||!a)return null;let o,r,n,l,c;if(i){const{x:e,y:t,direction:a}=i,[s,d,g,m]=w[a];o=`M ${e} ${t} L ${s} ${d} A ${_[2]} ${_[2]} 0 0 1 ${g} ${m} Z`,r=e,l=t,n=w[a][4],c=w[a][5]}const d=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})},m=e=>{e.removeEventListener("click",g)},h=a.attributes.objectId,p=e?.map((e=>e?.items)).filter(Boolean).flatMap((e=>e?.map((({x:e,y:t,objectID:i,featureIndexInSector:a,sector:s})=>G("circle",{afterRemoved:m,class:this.classes(C.feature,{selected:h===i}),cx:e,cy:t,"data-feature-index-in-sector":a,"data-sector":s,key:`${C.feature}-${i}`,onclick:g,r:b}))))),u=e=>{e.removeEventListener("click",d)},v=this.classes({[C.navigationWrapper]:!0,[C.navigationZoomed]:this._navigationToolExpanded});return this.navigationToolActive&&"image-loaded"===s?G("div",{bind:this,class:v,key:this.messages.navigationTool},G("svg",{afterCreate:e=>this._storeNavigationToolReference(e),class:t()?T:C.rotateWithAnimation,focusable:"false",height:M,role:"img",width:M,xmlns:"http://www.w3.org/2000/svg"},G("defs",null,G("linearGradient",{gradientUnits:"userSpaceOnUse",id:`${this.id}-coverage-fill`,x1:r,x2:n,y1:l,y2:c},G("stop",{class:C.navigationPathOffset0,offset:0}),G("stop",{class:C.navigationPathOffset1,offset:1}))),G("g",null,G("circle",{class:this.classes(C.sector,C.outerSector),cx:_[3],cy:_[3],onclick:this._scaleNavigationTool,r:_[3]}),G("circle",{class:C.sector,cx:_[3],cy:_[3],r:_[2]}),G("circle",{class:C.sector,cx:_[3],cy:_[3],r:_[1]}),G("circle",{class:C.sector,cx:_[3],cy:_[3],r:_[0]}),G("path",{class:C.pointer,d:"M 56.5 6.06217782649107 L 60 0 L 63.5 6.06217782649107 Z",key:`${C.pointer}-west`}),G("path",{class:this.classes(C.pointer,C.north),d:"M 113.93782217350893 56.5 L 120 60 L 113.93782217350893 63.5 Z",key:`${C.pointer}-north`}),G("path",{class:C.pointer,d:"M 56.5 113.93782217350893 L 60 120 L 63.5 113.93782217350893 Z",key:`${C.pointer}-east`}),G("path",{class:C.pointer,d:"M 6.06217782649107 56.5 L 0 60 L 6.06217782649107 63.5 Z",key:`${C.pointer}-south`}),G("path",{class:this.classes(C.sector,C.sectorSeparator),d:"M 23.937554159486076 23.937554159486076 L 96.06244584051393 96.06244584051393 M 23.937554159486076 96.06244584051393 L 96.06244584051393 23.937554159486076",key:C.sectorSeparator}),y([_[2],_[1],_[0]],_[3],_[3]).map(((t,i)=>G("path",{afterRemoved:u,class:this.classes(C.sector,e?.[i]?.length?C.sectorEnabled:C.sectorDisabled),d:t,"data-sector":`${i}`,key:`${C.sector}-${i}`,onclick:d}))),G("path",{class:this.classes(C.sector,C.sectorCross),d:"M 56.4 56.4 L 63.53 63.53 M 63.53 56.4 L 56.4 63.53",key:C.sectorCross}),p,a.attributes.cameraPitch>=5&&o?G("path",{class:C.selectedFeaturePath,d:o,fill:`url(#${this.id}-coverage-fill)`,key:C.selectedFeaturePath}):null))):null}_renderThumbnails(e){const{currentBestFeature:t}=this.viewModel;return t?G("div",{class:C.carouselContent},e.items.map((({url:e,objectId:i,rotation:a},s)=>G("div",{class:`${C.carouselItemWrapper}${t.attributes.objectId===i?"--selected":""}`,key:`${C.carouselItemWrapper}-${s}`},G("canvas",{afterCreate:this._registerGalleryItem,afterRemoved:this._unregisterGalleryItem,alt:`thumbnail-${i}`,class:C.carouselItem,"data-objectid":`${i}`,"data-rotation":`${a}`,"data-src":e,onclick:this._loadImageFromGallery,onmouseenter:this._highlight,onmouseleave:this._removeHighlight}))))):null}_resetImageTools(){this.viewModel.sharpness=this.viewModel.brightness=this.viewModel.contrast=0}_storeActionElement(e){this._actionItems.set(e.text,e)}_storeNavigationToolReference(e){this._navigationTool=e}_storeWarningTitleElement(e){this._warningTitleElement=e}_toggleAdditionalCameraLocations(){this.isAdditionalPointSourcesVisible=!this.isAdditionalPointSourcesVisible}_toggleAdditionalCoverage(){this.isAdditionalCoverageVisible=!this.isAdditionalCoverageVisible}_toggleCurrentCoverage(){this.currentCoverageVisible=!this.currentCoverageVisible}_toggleImageEnhancementToolState(e){e.stopPropagation(),this.imageEnhancementToolActive=!this.imageEnhancementToolActive,this.imageEnhancementToolActive&&(this.galleryOpened&&(this.galleryOpened=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleImageOverlays(e){e.stopPropagation(),this.imageOverlaysOpened=!this.imageOverlaysOpened,this.imageOverlaysOpened&&(this.galleryOpened&&(this.galleryOpened=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1))}_toggleImageGallery(e){e.stopPropagation(),this.galleryOpened=!!this.imageGalleryEnabled&&!this.galleryOpened,this.galleryOpened&&(this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1),this.navigationToolActive&&(this.navigationToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleMeasurementSketch(e,t){e.stopPropagation(),this.measureType=this.measureType===t?null:t,this.measureType===t&&(this.imageEnhancementToolActive=!1,this.navigationToolActive=!1,this.imageOverlaysOpened=!1,this.galleryOpened=!1,this.viewModel.displayNewMeasurementButton=!0)}_toggleNavigationTool(){this.navigationToolActive=!this.navigationToolActive,this.navigationToolActive&&(this.galleryOpened&&(this.galleryOpened=!1),this.imageEnhancementToolActive&&(this.imageEnhancementToolActive=!1),this.imageOverlaysOpened&&(this.imageOverlaysOpened=!1))}_toggleMapImageConversionToolState(){this.mapImageConversionToolState=!this.mapImageConversionToolState}_unregisterGalleryItem(e){this._galleryObserver.unobserve(e)}_updateNavigationTool(e){const{previousFeatureAngle:t,bestFeatureAngle:i}=this.viewModel,a=(i-t+540)%360-180;e.style.setProperty(f,`${t}deg`),e.style.setProperty(I,`${t+a}deg`)}async loadBestImage(e){return this.viewModel.loadBestImage(e)}loadImageFromSource(e,t){return this.viewModel.loadImageFromSource(e,t)}async plotMapPoint(e){return this.viewModel.plotMapPoint(e)}plotReferencePointOnGround(e){this.viewModel.plotReferencePointOnGround(e)}plotReferencePointOnImage(e){this.viewModel.plotReferencePointOnImage(e)}resetImage(){this.viewModel.resetImage()}render(){return G("div",{class:this.classes(S.widget,A)},this._renderRoot())}updateSuitabilities(e){this.viewModel.updateSuitabilities(e)}};e([g()],H.prototype,"activeLayer",null),e([g()],H.prototype,"currentBestFeature",null),e([g()],H.prototype,"currentCoverageVisible",null),e([g()],H.prototype,"digitizationLayer",null),e([g()],H.prototype,"disabled",null),e([g()],H.prototype,"features",null),e([g()],H.prototype,"imagePointsInView",null),e([g()],H.prototype,"galleryOpened",void 0),e([g()],H.prototype,"icon",null),e([g()],H.prototype,"imageEnhancementToolActive",void 0),e([g({readOnly:!0})],H.prototype,"imageGalleryEnabled",null),e([g()],H.prototype,"imageOverlaysOpened",void 0),e([g({readOnly:!0})],H.prototype,"invalidCameraHeading",null),e([g()],H.prototype,"isAdditionalCoverageVisible",null),e([g()],H.prototype,"isAdditionalPointSourcesVisible",null),e([g()],H.prototype,"mapImageConversionToolState",null),e([g()],H.prototype,"measureType",null),e([g()],H.prototype,"layer",null),e([g()],H.prototype,"listItemCreatedFunction",null),e([g()],H.prototype,"navigationToolActive",void 0),e([g()],H.prototype,"onOverlayAction",void 0),e([g({type:E})],H.prototype,"viewModel",void 0),e([g(),x("esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer")],H.prototype,"messages",void 0),e([g(),x("esri/core/t9n/Units")],H.prototype,"measurementUnitMessages",void 0),e([g(),x("esri/t9n/common")],H.prototype,"messagesCommon",void 0),e([g(),x("esri/widgets/Sketch/t9n/Sketch")],H.prototype,"messagesSketch",void 0),e([g()],H.prototype,"pixelMeasurementUnit",void 0),e([g()],H.prototype,"pixelAreaMeasurementUnit",void 0),e([g({readOnly:!0})],H.prototype,"popupEnabled",null),e([g()],H.prototype,"referencePoint",null),e([g()],H.prototype,"showCameraLocations",void 0),e([g()],H.prototype,"showMapFeatures",void 0),e([j(["create","delete","redo","undo","update"]),g({readOnly:!0})],H.prototype,"sketchViewModel",null),e([g()],H.prototype,"view",null),e([g({type:F,nonNullable:!0})],H.prototype,"visibleElements",void 0),e([g()],H.prototype,"determineWorkflowForFeature",null),e([g()],H.prototype,"updateFootprint",null),e([g()],H.prototype,"_actionItems",void 0),e([g()],H.prototype,"_areaMeasurementToggle",null),e([g()],H.prototype,"_commonActionProperties",null),e([g()],H.prototype,"_currentAction",void 0),e([g()],H.prototype,"_distanceMeasurementToggle",null),e([g()],H.prototype,"_imageEnhancementTools",null),e([g()],H.prototype,"_imageGalleryPanel",null),e([g()],H.prototype,"_imageOverlaysComponent",null),e([g()],H.prototype,"_imageOverlayMessages",null),e([g()],H.prototype,"_imageOverlaysPanel",null),e([g()],H.prototype,"_imageViewer",null),e([g()],H.prototype,"_messageBox",null),e([g()],H.prototype,"_navigationToolExpanded",void 0),e([g()],H.prototype,"_navigationTool",void 0),e([g()],H.prototype,"_panoramicViewer",null),e([g()],H.prototype,"_warningTitleElement",void 0),e([g()],H.prototype,"_renderNavigation",null),H=e([m("esri.widgets.OrientedImageryViewer")],H);const R=H;export{R as default};

package/widgets/PanoramicViewer/PanoramicViewerViewModel.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../Camera.js";import"../../geometry.js";import i from"../../Ground.js";import o from"../../Map.js";import a from"../../request.js";import r from"../../core/Collection.js";import s from"../../core/Error.js";import n from"../../core/Evented.js";import{JSONMap as h}from"../../core/jsonMap.js";import{rad2deg as m,deg2rad as l}from"../../core/mathUtils.js";import{destroyMaybe as d}from"../../core/maybe.js";import{isAbortError as c,waitTick as p}from"../../core/promiseUtils.js";import{watch as g,when as _,syncAndInitial as u}from"../../core/reactiveUtils.js";import{property as y}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{enumeration as v}from"../../core/accessorSupport/decorators/enumeration.js";import{subclass as f}from"../../core/accessorSupport/decorators/subclass.js";import w from"../../layers/GraphicsLayer.js";import{convertSphereVertexToPixelLocation as R}from"../../layers/orientedImagery/transformations/utils.js";import z from"../../views/SceneView.js";import V from"../Zoom.js";import{logAndThrow as C,getMissingPropertyErrorName as M,getMissingPropertyErrorMessage as j}from"../OrientedImageryViewer/utils.js";import{defaultImageSphereCenter as P,maxPanoramicViewerHFOV as H,minPanoramicViewerHFOV as O,humanBinocularHFOV as S}from"./constants.js";import b from"./PanoramicZoomConditions.js";import k from"./PanoramicZoomViewModel.js";import{findDiagonalFOV as x,meshToGraphic as I,createImageSphere as F}from"./utils.js";import G from"../../geometry/SpatialReference.js";const A={autoLoad:"auto-load",default:"default",navigation:"navigation",fovConstraint:"fov-constraint",clickAction:"image-click-action"};let L=class extends n.EventedAccessor{constructor(e){super(e),this._startPosition=null,this._targetPosition=null,this._graphics=new w({elevationInfo:{mode:"relative-to-ground"}}),this._imageGraphic=null,this._loadController=null,this._map=new o({ground:new i({opacity:0,navigationConstraint:null}),layers:new r([this._graphics])}),this._zoomViewModel=null,this.autoLoad=!1,this.clickAction="none",this.imageSize=null,this.imageSource=null,this.pitch=90,this.state="ready",this.yaw=0,this._addNavigationHandles=()=>{this.imageRenderer.basemapTerrain.suspended=!0,this.imageRenderer.constraints.tilt.max=180,this.removeHandles(A.navigation),this.addHandles([this.imageRenderer.on("mouse-wheel",this._handleWheel),this.imageRenderer.on("double-click",this._handleDoubleClick),this.imageRenderer.on("drag",this._handleDrag),this.imageRenderer.on("key-down",(e=>{const t=["+","-","Shift","_","=","ArrowUp","ArrowDown","ArrowRight","ArrowLeft"],i=e.key;t.includes(i)&&e.stopPropagation()}))],A.navigation)},this._addHFOVHandles=()=>{this.removeHandles(A.fovConstraint),this.addHandles(g((()=>[this.maxHFOV,this.minHFOV]),(()=>{this._zoomViewModel&&(this._zoomViewModel.panoramicZoomConditions=new b({view:this.imageRenderer,maxFOV:this.maxHFOV,minFOV:this.minHFOV}))}),u),A.fovConstraint)},this._addZoomHandles=()=>{this._zoomViewModel=new k({view:this.imageRenderer,panoramicZoomConditions:new b({maxFOV:this.maxHFOV,minFOV:this.minHFOV})});const e=new V({viewModel:this._zoomViewModel});this.imageRenderer.ui.add(e,"top-left"),this._addHFOVHandles()},this._cancelLoadWithController=()=>{this._loadController?.abort(),this._loadController=null},this._handleDoubleClick=e=>{e.stopPropagation(),e.native.ctrlKey?this._zoomOut():this._zoomIn()},this._handleDrag=e=>{e.stopPropagation();const{action:t,x:i,y:o}=e;switch(t){case"start":this._startPosition=this._targetPosition={x:i,y:o};break;case"update":this._targetPosition={x:i,y:o},this._updateCameraHeadingAndTilt()}},this._handleImageClick=e=>{if("image-loaded"===this.state&&this.imageRenderer.ready)switch(this.clickAction){case"emit":e.stopPropagation(),this.emit("click",e);break;case"hittest":e.stopPropagation(),e.async((async()=>{const t=await this.imageRenderer.hitTest(e.screenPoint,{include:this._graphics});this.emit("hittest-response",t)}));break;case"pixel-location":{if(e.stopPropagation(),!this.imageSize||!e.mapPoint)return void this.emit("pixel-location",null);const t=R(e.mapPoint,this.imageSize[0],this.imageSize[1]);this.emit("pixel-location",{...t,spatialReference:G.WebMercator});break}}},this._handleWheel=e=>{const t=e.deltaX??e.native.deltaX;e.stopPropagation(),t>0||e.deltaY>0?this._zoomOut():this._zoomIn()},this._loadWithController=()=>{this._cancelLoadWithController(),this._loadController=new AbortController,this.loadImage(this._loadController)},this._zoomIn=()=>this._zoomViewModel?.zoomIn(),this._zoomOut=()=>this._zoomViewModel?.zoomOut(),this.addGraphic=(e,t)=>"image-loaded"===this.state&&!this._graphics.graphics.includes(e)&&(this._graphics.graphics.add(e,t),!0),this.addManyGraphics=e=>{if("image-loaded"!==this.state)return!1;const t=e.filter((e=>!this._graphics.graphics.includes(e)));return this._graphics.graphics.addMany(t),!0},this.clearGraphics=()=>{this._graphics.graphics.removeAll()},this.clearImage=()=>{this.imageSize=null,this._removeImageSphere()},this.removeGraphic=e=>!("image-loaded"!==this.state||!this._graphics.graphics.includes(e))&&(this._graphics.remove(e),!0),this.removeManyGraphics=e=>{if("image-loaded"!==this.state)return!1;const t=e.filter((e=>this._graphics.graphics.includes(e)));return this._graphics.removeMany(t),!0},this._imageRenderer=new z({map:this._map,viewingMode:"local",camera:{position:P},environment:{atmosphereEnabled:!1,starsEnabled:!1,lighting:{type:"virtual"}},popupEnabled:!1,spatialReference:G.WebMercator,ui:{components:["attribution"]}})}destroy(){this._imageRenderer.destroy()}initialize(){this.state="initialized",this.addHandles([g((()=>this.imageSource),(()=>{this.imageSource&&this.autoLoad&&this._loadWithController()}),u),g((()=>this.fov),(()=>{this._reloadCamera()}),u),g((()=>this.yaw),(e=>{this.camera.heading=e,this._reloadCamera()}),u),g((()=>this.pitch),(e=>{this.camera.tilt=e,this._reloadCamera()}),u),_((()=>this.imageRenderer.ready),(()=>{this._addNavigationHandles(),this._addZoomHandles()}),u),g((()=>this.clickAction),(e=>{this.removeHandles(A.clickAction),"none"!==e&&this.addHandles(this.imageRenderer.on("click",this._handleImageClick))}),u)],A.default)}get camera(){return this.imageRenderer.camera}set camera(e){e&&(this.imageRenderer.camera=e.clone())}get fov(){return this.camera.fov}set fov(e){Number.isFinite(e)&&this._zoomViewModel?.zoomTo(e)}get hfov(){const{fov:e}=this.camera,{size:[t,i]}=this.imageRenderer,o=t/i,a=Math.atan(o);return 2*m(Math.atan(Math.tan(l(e/2))*Math.sin(a)))}get imageRenderer(){return this._imageRenderer}get maxHFOV(){const{size:[e,t]}=this.imageRenderer;return x(H,e/t)}get minHFOV(){const{size:[e,t]}=this.imageRenderer;return x(O,e/t)}get vfov(){const{fov:e}=this.camera,{size:[t,i]}=this.imageRenderer,o=t/i,a=Math.atan(o);return 2*m(Math.atan(Math.tan(l(e/2))*Math.cos(a)))}async _loadImageInternal(e,t){let i;this.state="image-loading";try{i=(await a(e,{responseType:"image",...t})).data}catch(o){throw c(o)?this.state="image-load-aborted":this.state="image-load-error",o}return this._updateImageSphere(i,t)}_reloadCamera(){this.camera=this.camera.clone()}_removeImageSphere(){this._imageGraphic&&(this._graphics.remove(this._imageGraphic),this._imageGraphic=d(this._imageGraphic)),this.state="ready",this.imageSize=null}_updateCameraHeadingAndTilt(){if(!this._startPosition||!this._targetPosition)return;const e=this.camera.heading+(this._startPosition.x-this._targetPosition.x)/this.imageRenderer.width*this.camera.fov;this.yaw=(e+360)%360;const t=this.camera.tilt-(this._startPosition.y-this._targetPosition.y)/this.imageRenderer.height*this.imageRenderer.camera.tilt;this.pitch=Math.min(179.5,Math.max(.5,t)),this._startPosition=this._targetPosition}async _updateImageSphere(e,t){await p(t);const{size:[i,o]}=this.imageRenderer;return this._imageGraphic=I(F(e)),this._graphics.add(this._imageGraphic),this.fov=x(S,i/o),this.state="image-loaded",this.imageSize=[e.width,e.height],this._imageGraphic.geometry}async loadImage(e){return this._removeImageSphere(),this.imageSource?this._loadImageInternal(this.imageSource,e):C(this.declaredClass,new s(M("panoramic-viewer"),j("PanoramicViewerViewModel","imageSource")))}};e([y()],L.prototype,"_graphics",void 0),e([y()],L.prototype,"_imageGraphic",void 0),e([y()],L.prototype,"_imageRenderer",void 0),e([y()],L.prototype,"_loadController",void 0),e([y()],L.prototype,"_map",void 0),e([y()],L.prototype,"_zoomViewModel",void 0),e([y({type:Boolean})],L.prototype,"autoLoad",void 0),e([y({type:t})],L.prototype,"camera",null),e([v(new h({emit:"emit",hittest:"hittest",none:"none","pixel-location":"pixel-location"}))],L.prototype,"clickAction",void 0),e([y({type:Number})],L.prototype,"fov",null),e([y({readOnly:!0})],L.prototype,"hfov",null),e([y({readOnly:!0})],L.prototype,"imageRenderer",null),e([y()],L.prototype,"imageSize",void 0),e([y()],L.prototype,"imageSource",void 0),e([y({readOnly:!0})],L.prototype,"maxHFOV",null),e([y({readOnly:!0})],L.prototype,"minHFOV",null),e([y({type:Number})],L.prototype,"pitch",void 0),e([y()],L.prototype,"state",void 0),e([y({readOnly:!0})],L.prototype,"vfov",null),e([y({type:Number})],L.prototype,"yaw",void 0),L=e([f("esri.widgets.PanoramicViewer.PanoramicViewerViewModel")],L);const W=L;export{W as default};
+import{_ as e}from"../../chunks/tslib.es6.js";import t from"../../Camera.js";import i from"../../Ground.js";import o from"../../Map.js";import a from"../../request.js";import r from"../../core/Collection.js";import s from"../../core/Error.js";import n from"../../core/Evented.js";import{JSONMap as h}from"../../core/jsonMap.js";import{rad2deg as m,deg2rad as l}from"../../core/mathUtils.js";import{destroyMaybe as d}from"../../core/maybe.js";import{isAbortError as c,waitTick as p}from"../../core/promiseUtils.js";import{watch as g,when as _,syncAndInitial as u}from"../../core/reactiveUtils.js";import{property as y}from"../../core/accessorSupport/decorators/property.js";import"../../core/has.js";import"../../core/Logger.js";import"../../core/RandomLCG.js";import{enumeration as v}from"../../core/accessorSupport/decorators/enumeration.js";import{subclass as f}from"../../core/accessorSupport/decorators/subclass.js";import w from"../../geometry/SpatialReference.js";import R from"../../layers/GraphicsLayer.js";import{convertSphereVertexToPixelLocation as z}from"../../layers/orientedImagery/transformations/utils.js";import V from"../../views/SceneView.js";import C from"../Zoom.js";import{logAndThrow as M,getMissingPropertyErrorName as j,getMissingPropertyErrorMessage as P}from"../OrientedImageryViewer/utils.js";import{defaultImageSphereCenter as H,maxPanoramicViewerHFOV as O,minPanoramicViewerHFOV as S,humanBinocularHFOV as b}from"./constants.js";import k from"./PanoramicZoomConditions.js";import x from"./PanoramicZoomViewModel.js";import{findDiagonalFOV as I,meshToGraphic as F,createImageSphere as G}from"./utils.js";const A={autoLoad:"auto-load",default:"default",navigation:"navigation",fovConstraint:"fov-constraint",clickAction:"image-click-action"};let L=class extends n.EventedAccessor{constructor(e){super(e),this._startPosition=null,this._targetPosition=null,this._graphics=new R({elevationInfo:{mode:"relative-to-ground"}}),this._imageGraphic=null,this._loadController=null,this._map=new o({ground:new i({opacity:0,navigationConstraint:null}),layers:new r([this._graphics])}),this._zoomViewModel=null,this.autoLoad=!1,this.clickAction="none",this.imageSize=null,this.imageSource=null,this.pitch=90,this.state="ready",this.yaw=0,this._addNavigationHandles=()=>{this.imageRenderer.basemapTerrain.suspended=!0,this.imageRenderer.constraints.tilt.max=180,this.removeHandles(A.navigation),this.addHandles([this.imageRenderer.on("mouse-wheel",this._handleWheel),this.imageRenderer.on("double-click",this._handleDoubleClick),this.imageRenderer.on("drag",this._handleDrag),this.imageRenderer.on("key-down",(e=>{const t=["+","-","Shift","_","=","ArrowUp","ArrowDown","ArrowRight","ArrowLeft"],i=e.key;t.includes(i)&&e.stopPropagation()}))],A.navigation)},this._addHFOVHandles=()=>{this.removeHandles(A.fovConstraint),this.addHandles(g((()=>[this.maxHFOV,this.minHFOV]),(()=>{this._zoomViewModel&&(this._zoomViewModel.panoramicZoomConditions=new k({view:this.imageRenderer,maxFOV:this.maxHFOV,minFOV:this.minHFOV}))}),u),A.fovConstraint)},this._addZoomHandles=()=>{this._zoomViewModel=new x({view:this.imageRenderer,panoramicZoomConditions:new k({maxFOV:this.maxHFOV,minFOV:this.minHFOV})});const e=new C({viewModel:this._zoomViewModel});this.imageRenderer.ui.add(e,"top-left"),this._addHFOVHandles()},this._cancelLoadWithController=()=>{this._loadController?.abort(),this._loadController=null},this._handleDoubleClick=e=>{e.stopPropagation(),e.native.ctrlKey?this._zoomOut():this._zoomIn()},this._handleDrag=e=>{e.stopPropagation();const{action:t,x:i,y:o}=e;switch(t){case"start":this._startPosition=this._targetPosition={x:i,y:o};break;case"update":this._targetPosition={x:i,y:o},this._updateCameraHeadingAndTilt()}},this._handleImageClick=e=>{if("image-loaded"===this.state&&this.imageRenderer.ready)switch(this.clickAction){case"emit":e.stopPropagation(),this.emit("click",e);break;case"hittest":e.stopPropagation(),e.async((async()=>{const t=await this.imageRenderer.hitTest(e.screenPoint,{include:this._graphics});this.emit("hittest-response",t)}));break;case"pixel-location":{if(e.stopPropagation(),!this.imageSize||!e.mapPoint)return void this.emit("pixel-location",null);const t=z(e.mapPoint,this.imageSize[0],this.imageSize[1]);this.emit("pixel-location",{...t,spatialReference:w.WebMercator});break}}},this._handleWheel=e=>{const t=e.deltaX??e.native.deltaX;e.stopPropagation(),t>0||e.deltaY>0?this._zoomOut():this._zoomIn()},this._loadWithController=()=>{this._cancelLoadWithController(),this._loadController=new AbortController,this.loadImage(this._loadController)},this._zoomIn=()=>this._zoomViewModel?.zoomIn(),this._zoomOut=()=>this._zoomViewModel?.zoomOut(),this.addGraphic=(e,t)=>"image-loaded"===this.state&&!this._graphics.graphics.includes(e)&&(this._graphics.graphics.add(e,t),!0),this.addManyGraphics=e=>{if("image-loaded"!==this.state)return!1;const t=e.filter((e=>!this._graphics.graphics.includes(e)));return this._graphics.graphics.addMany(t),!0},this.clearGraphics=()=>{this._graphics.graphics.removeAll()},this.clearImage=()=>{this.imageSize=null,this._removeImageSphere()},this.removeGraphic=e=>!("image-loaded"!==this.state||!this._graphics.graphics.includes(e))&&(this._graphics.remove(e),!0),this.removeManyGraphics=e=>{if("image-loaded"!==this.state)return!1;const t=e.filter((e=>this._graphics.graphics.includes(e)));return this._graphics.removeMany(t),!0},this._imageRenderer=new V({map:this._map,viewingMode:"local",camera:{position:H},environment:{atmosphereEnabled:!1,starsEnabled:!1,lighting:{type:"virtual"}},popupEnabled:!1,spatialReference:w.WebMercator,ui:{components:["attribution"]}})}destroy(){this._imageRenderer.destroy()}initialize(){this.state="initialized",this.addHandles([g((()=>this.imageSource),(()=>{this.imageSource&&this.autoLoad&&this._loadWithController()}),u),g((()=>this.fov),(()=>{this._reloadCamera()}),u),g((()=>this.yaw),(e=>{this.camera.heading=e,this._reloadCamera()}),u),g((()=>this.pitch),(e=>{this.camera.tilt=e,this._reloadCamera()}),u),_((()=>this.imageRenderer.ready),(()=>{this._addNavigationHandles(),this._addZoomHandles()}),u),g((()=>this.clickAction),(e=>{this.removeHandles(A.clickAction),"none"!==e&&this.addHandles(this.imageRenderer.on("click",this._handleImageClick))}),u)],A.default)}get camera(){return this.imageRenderer.camera}set camera(e){e&&(this.imageRenderer.camera=e.clone())}get fov(){return this.camera.fov}set fov(e){Number.isFinite(e)&&this._zoomViewModel?.zoomTo(e)}get hfov(){const{fov:e}=this.camera,{size:[t,i]}=this.imageRenderer,o=t/i,a=Math.atan(o);return 2*m(Math.atan(Math.tan(l(e/2))*Math.sin(a)))}get imageRenderer(){return this._imageRenderer}get maxHFOV(){const{size:[e,t]}=this.imageRenderer;return I(O,e/t)}get minHFOV(){const{size:[e,t]}=this.imageRenderer;return I(S,e/t)}get vfov(){const{fov:e}=this.camera,{size:[t,i]}=this.imageRenderer,o=t/i,a=Math.atan(o);return 2*m(Math.atan(Math.tan(l(e/2))*Math.cos(a)))}async _loadImageInternal(e,t){let i;this.state="image-loading";try{i=(await a(e,{responseType:"image",...t})).data}catch(o){throw c(o)?this.state="image-load-aborted":this.state="image-load-error",o}return this._updateImageSphere(i,t)}_reloadCamera(){this.camera=this.camera.clone()}_removeImageSphere(){this._imageGraphic&&(this._graphics.remove(this._imageGraphic),this._imageGraphic=d(this._imageGraphic)),this.state="ready",this.imageSize=null}_updateCameraHeadingAndTilt(){if(!this._startPosition||!this._targetPosition)return;const e=this.camera.heading+(this._startPosition.x-this._targetPosition.x)/this.imageRenderer.width*this.camera.fov;this.yaw=(e+360)%360;const t=this.camera.tilt-(this._startPosition.y-this._targetPosition.y)/this.imageRenderer.height*this.imageRenderer.camera.tilt;this.pitch=Math.min(179.5,Math.max(.5,t)),this._startPosition=this._targetPosition}async _updateImageSphere(e,t){await p(t);const{size:[i,o]}=this.imageRenderer;return this._imageGraphic=F(G(e)),this._graphics.add(this._imageGraphic),this.fov=I(b,i/o),this.state="image-loaded",this.imageSize=[e.width,e.height],this._imageGraphic.geometry}async loadImage(e){return this._removeImageSphere(),this.imageSource?this._loadImageInternal(this.imageSource,e):M(this.declaredClass,new s(j("panoramic-viewer"),P("PanoramicViewerViewModel","imageSource")))}};e([y()],L.prototype,"_graphics",void 0),e([y()],L.prototype,"_imageGraphic",void 0),e([y()],L.prototype,"_imageRenderer",void 0),e([y()],L.prototype,"_loadController",void 0),e([y()],L.prototype,"_map",void 0),e([y()],L.prototype,"_zoomViewModel",void 0),e([y({type:Boolean})],L.prototype,"autoLoad",void 0),e([y({type:t})],L.prototype,"camera",null),e([v(new h({emit:"emit",hittest:"hittest",none:"none","pixel-location":"pixel-location"}))],L.prototype,"clickAction",void 0),e([y({type:Number})],L.prototype,"fov",null),e([y({readOnly:!0})],L.prototype,"hfov",null),e([y({readOnly:!0})],L.prototype,"imageRenderer",null),e([y()],L.prototype,"imageSize",void 0),e([y()],L.prototype,"imageSource",void 0),e([y({readOnly:!0})],L.prototype,"maxHFOV",null),e([y({readOnly:!0})],L.prototype,"minHFOV",null),e([y({type:Number})],L.prototype,"pitch",void 0),e([y()],L.prototype,"state",void 0),e([y({readOnly:!0})],L.prototype,"vfov",null),e([y({type:Number})],L.prototype,"yaw",void 0),L=e([f("esri.widgets.PanoramicViewer.PanoramicViewerViewModel")],L);const W=L;export{W as default};

package/widgets/PanoramicViewer/constants.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import"../../geometry.js";import e from"../../geometry/Point.js";import r from"../../geometry/SpatialReference.js";const o=new e({x:0,y:0,z:0,spatialReference:r.WebMercator}),t=1e3,m=114,i=120,p=50;export{o as defaultImageSphereCenter,t as defaultImageSphereSize,m as humanBinocularHFOV,i as maxPanoramicViewerHFOV,p as minPanoramicViewerHFOV};
+import e from"../../geometry/Point.js";import r from"../../geometry/SpatialReference.js";const o=new e({x:0,y:0,z:0,spatialReference:r.WebMercator}),t=1e3,m=114,a=120,i=50;export{o as defaultImageSphereCenter,t as defaultImageSphereSize,m as humanBinocularHFOV,a as maxPanoramicViewerHFOV,i as minPanoramicViewerHFOV};

package/widgets/PanoramicViewer/utils.js

@@ -2,4 +2,4 @@
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.32/esri/copyright.txt for details.
 */
-import t from"../../Graphic.js";import"../../symbols.js";import e from"../../core/Collection.js";import{rad2deg as r,deg2rad as o}from"../../core/mathUtils.js";import s from"../../geometry/Mesh.js";import m from"../../geometry/support/MeshMaterial.js";import n from"../../geometry/support/MeshTexture.js";import{defaultImageSphereCenter as i,defaultImageSphereSize as u}from"./constants.js";import a from"../../symbols/MeshSymbol3D.js";import c from"../../symbols/FillSymbol3DLayer.js";function l(t,e=i,r=u){const o=e.clone();o.z=-500;const a=s.createSphere(o,{size:r,densificationFactor:2,vertexSpace:"georeferenced",material:new m({colorTexture:new n({data:t})})});if(a.components[0].trustSourceNormals=!0,a.vertexAttributes.uv){const t=a.vertexAttributes.uv.length??0;for(let e=0;e<t;e++)a.vertexAttributes.uv[2*e+0]=1-a.vertexAttributes.uv[2*e+0],a.vertexAttributes.uv[2*e+1]=a.vertexAttributes.uv[2*e+1]}return a.centerAt(o),a}function p(r){return new t({geometry:r,symbol:new a({symbolLayers:new e([new c])})})}function f(t,e){return 2*r(Math.atan(Math.tan(o(t/2))*Math.sqrt(e**2+1)))}export{l as createImageSphere,f as findDiagonalFOV,p as meshToGraphic};
+import t from"../../Graphic.js";import e from"../../core/Collection.js";import{rad2deg as r,deg2rad as o}from"../../core/mathUtils.js";import s from"../../geometry/Mesh.js";import m from"../../geometry/support/MeshMaterial.js";import n from"../../geometry/support/MeshTexture.js";import i from"../../symbols/FillSymbol3DLayer.js";import u from"../../symbols/MeshSymbol3D.js";import{defaultImageSphereCenter as a,defaultImageSphereSize as c}from"./constants.js";function l(t,e=a,r=c){const o=e.clone();o.z=-500;const i=s.createSphere(o,{size:r,densificationFactor:2,vertexSpace:"georeferenced",material:new m({colorTexture:new n({data:t})})});if(i.components[0].trustSourceNormals=!0,i.vertexAttributes.uv){const t=i.vertexAttributes.uv.length??0;for(let e=0;e<t;e++)i.vertexAttributes.uv[2*e+0]=1-i.vertexAttributes.uv[2*e+0],i.vertexAttributes.uv[2*e+1]=i.vertexAttributes.uv[2*e+1]}return i.centerAt(o),i}function p(r){return new t({geometry:r,symbol:new u({symbolLayers:new e([new i])})})}function f(t,e){return 2*r(Math.atan(Math.tan(o(t/2))*Math.sqrt(e**2+1)))}export{l as createImageSphere,f as findDiagonalFOV,p as meshToGraphic};