@arcgis/core 6.0.0-next.1 → 6.0.0-next.10

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

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

package/widgets/OrientedImageryViewer/components/ImageLocationViewModel.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../../../Graphic.js";import n from"../../../core/Accessor.js";import{createTask as r}from"../../../core/asyncUtils.js";import{equalsMaybe as i}from"../../../core/maybe.js";import{throwIfAborted as a}from"../../../core/promiseUtils.js";import{on as o,watch as s,syncAndInitial as c}from"../../../core/reactiveUtils.js";import{property as l,subclass as u}from"../../../core/accessorSupport/decorators.js";import{isSerializable as d}from"../../../core/support/jsonUtils.js";import{projectAsync as f}from"../../../geometry/projectionUtils.js";import{or as p}from"../../../layers/orientedImagery/transformations/utils.js";import{computeTriangulatedVector as m,computeTriangulatedPoint as h}from"../imageMeasurementUtils.js";import{locationSymbol as g,locationSymbol3D as _}from"../symbols.js";import{registryKeys as v}from"../types.js";import{extractHorizonAnglesFromMedia as y}from"../utils.js";import{imageSpaceToPoint as b}from"../support/geometryUtils.js";let x=class extends n{constructor(e){super(e),this.referenceTransformationService=null,this._createImageLocationHandle=()=>{this.oiViewModel.removeHandles(`image-click`);let{imageLocationToolState:e,mode:t,activeViewer:n,currentBestFeature:i,footprintExtent:s,layer:c}=this.oiViewModel,l=n?.imageSize;if(!e||t===`none`||!l||!s||!i)return;this.oiViewModel.clickAction=`pixel-location`;let u=null,d=o(()=>n,`pixel-location`,e=>{let{currentBestFeatureMeasurementImage:o,triangularMeasurementActive:l,activeTriangulatedViewer:d}=this.oiViewModel;if(!e)return;this.oiViewModel.pixelCoordinates=e;let m=o!=null&&!d?.state.includes(`loading`);p(!l,m)&&this._plotLocationPointOnImage(e),u?.abort();let h=r(async r=>{if(!e)return;let o=await this.oiViewModel.getMapPoint(e);a(r);let d=this.oiViewModel.view?.spatialReference;d&&!o.spatialReference.equals(d)&&(o=await f(o,d),a(r)),this.oiViewModel.groundCoordinates=o,this.oiViewModel.groundCoordinatesAccuracy=null,l&&o&&m&&await this._triangulatedLocationWorkflow(o,r);let p=c?.orientationAccuracy;if(!p){u===h&&(this.oiViewModel.groundCoordinatesAccuracyLoading=!1);return}this.oiViewModel.groundCoordinatesAccuracyLoading=!0;let g={pixel:e,currentResult:o,currentBestFeature:i,mode:t,activeViewer:n,footprintExtent:s,accuracyParameters:p,viewSpatialReference:d,signal:r};try{let e=await this.oiViewModel.calculateLocationAccuracy(g);a(r),e&&(this.oiViewModel.groundCoordinatesAccuracy=e)}finally{u===h&&(this.oiViewModel.groundCoordinatesAccuracyLoading=!1)}});u=h});this.oiViewModel.addHandles(d,`image-click`)},this._createTriangularImageLocationHandle=()=>{this.oiViewModel.removeHandles(v.triangularImageClick);let{imageLocationToolState:e,mode:t,activeTriangulatedViewer:n}=this.oiViewModel,i=n?.imageSize;if(!e||t===`none`||!i)return;this.oiViewModel.clickAction=`pixel-location`;let s=null,c=o(()=>n,`pixel-location`,e=>{this.measurementVectors.length===1&&e&&(this._plotLocationPointOnImage(e,!0),s?.abort(),s=r(async t=>{if(!e||this.oiViewModel.triangulatedPoint||this.measurementVectors?.length===2||!this.oiViewModel.currentBestFeatureMeasurementImage)return;let n=await this.referenceTransformationService?.pixelToMapPoint(e);if(a(t),!n)return;let r=this.oiViewModel.view?.spatialReference;r&&!n.spatialReference.equals(r)&&(n=await f(n,r),a(t)),await this._calculateTriangulatedPointFromGroundPoint(n,{signal:t}),a(t)}))});this.oiViewModel.addHandles(c,v.triangularImageClick)}}initialize(){this.addHandles([s(()=>[this.oiViewModel.state,this.oiViewModel.imageLocationToolState,this.oiViewModel.view],(e,t)=>{this._resetMeasurementVectors(),this._createImageLocationHandle(),e[1]?e[1]!==t?.[1]&&this._setMeasurementCursor():(this.oiViewModel.clearPreviousGroundLocation(),this._resetCursor())},c)])}async _calculateTriangulatedPointFromGroundPoint(e,t){if(this.oiViewModel.currentBestFeatureMeasurementImage&&e){let{currentBestFeatureMeasurementImage:n,view:r}=this.oiViewModel,o=m(e,n);o&&this.measurementVectors.push(o);let s=await h(this.measurementVectors);a(t),i(s?.spatialReference,r?.spatialReference)||(s=await f(s,r?.spatialReference)),this.oiViewModel.triangulatedPoint=s??this.oiViewModel.triangulatedPoint}}async _plotReferenceLocationPoint(e,t){if(this.oiViewModel.currentBestFeatureMeasurementImage){let n=await this.referenceTransformationService?.pointToPixel(e,{signal:t});a(t),n&&this._plotLocationPointOnImage(n,!0)}}_plotLocationPointOnImage(e,n=!1){let{activeViewer:r,mode:i,state:a,activeTriangulatedViewer:o}=this.oiViewModel,s=n?o:r;if(a!==`image-loaded`||!s?.imageSize||i!=="default"&&i!==`panoramic`)return;this.oiViewModel.clearLocationPointOnImage(n);let c=d(e)?e.toJSON():e,l=y(s?.media),u=b(c,i,s.imageSize,l),f=new t({geometry:u,symbol:i==="default"?g:_});n?this.oiViewModel.correctedLocationPointOnImage=f:this.oiViewModel.locationPointOnImage=f,s.addGraphic(f,0)}_resetCursor(){let{activeViewer:e,imageMeasurementViewer:t}=this.oiViewModel;e&&this.oiViewModel.removeHandles(v.activeViewerCursorHandles),t&&this.oiViewModel.removeHandles(v.imageViewerCursorHandles)}_resetMeasurementVectors(){this.measurementVectors=[]}_setMeasurementCursor(){let{activeViewer:e,imageMeasurementViewer:t,triangularMeasurementActive:n}=this.oiViewModel;e&&this.oiViewModel.addHandles(e.imageRenderer.acquireCursor(`crosshair`,`high`),v.activeViewerCursorHandles),t&&n&&this.oiViewModel.addHandles(t.imageRenderer.acquireCursor(`crosshair`,`high`),v.activeViewerCursorHandles)}async _triangulatedLocationWorkflow(e,t){if(this.oiViewModel.currentBestFeature&&e){let{currentBestFeature:n}=this.oiViewModel;this.oiViewModel.triangulatedPoint&&(this.measurementVectors=[],this.oiViewModel.triangulatedPoint=null,this.oiViewModel.clearLocationPointOnImage(!0));let r=m(e,n);if(!r)return;this.measurementVectors.push(r),await this._plotReferenceLocationPoint(e,t),a(t),this._createTriangularImageLocationHandle()}}};e([l()],x.prototype,`measurementVectors`,void 0),e([l()],x.prototype,`oiViewModel`,void 0),e([l()],x.prototype,`referenceTransformationService`,void 0),x=e([u(`esri.widgets.OrientedImageryViewer.components.ImageLocationViewModel`)],x);const S=x;export{S as default};
+import{__decorate as e}from"tslib";import t from"../../../Graphic.js";import n from"../../../core/Accessor.js";import{createTask as r}from"../../../core/asyncUtils.js";import{equalsMaybe as i}from"../../../core/maybe.js";import{throwIfAborted as a}from"../../../core/promiseUtils.js";import{on as o,watch as s,syncAndInitial as c}from"../../../core/reactiveUtils.js";import{property as l,subclass as u}from"../../../core/accessorSupport/decorators.js";import{isSerializable as d}from"../../../core/support/jsonUtils.js";import{projectAsync as f}from"../../../geometry/projectionUtils.js";import{or as p}from"../../../layers/orientedImagery/transformations/utils.js";import{computeTriangulatedVector as m,computeTriangulatedPoint as h}from"../imageMeasurementUtils.js";import{locationSymbol as g,locationSymbol3D as _}from"../symbols.js";import{registryKeys as v}from"../types.js";import{extractHorizonAnglesFromMedia as y}from"../utils.js";import{imageSpaceToPoint as b}from"../support/geometryUtils.js";let x=class extends n{constructor(e){super(e),this.referenceTransformationService=null,this._createImageLocationHandle=()=>{this.oiViewModel.removeHandles(`image-click`);let{imageLocationToolState:e,mode:t,activeViewer:n,currentBestFeature:i,footprintExtent:s}=this.oiViewModel,c=n?.imageSize;if(!e||t===`none`||!c||!s||!i)return;this.oiViewModel.clickAction=`pixel-location`;let l=null,u=o(()=>n,`pixel-location`,e=>{let{currentBestFeatureMeasurementImage:o,triangularMeasurementActive:c,activeTriangulatedViewer:u}=this.oiViewModel;if(!e)return;this.oiViewModel.pixelCoordinates=e;let d=o!=null&&!u?.state.includes(`loading`);p(!c,d)&&this._plotLocationPointOnImage(e),l?.abort();let m=r(async r=>{if(!e)return;let o=await this.oiViewModel.getMapPoint(e);a(r);let u=this.oiViewModel.view?.spatialReference;u&&!o.spatialReference.equals(u)&&(o=await f(o,u),a(r)),this.oiViewModel.groundCoordinates=o,this.oiViewModel.groundCoordinatesAccuracy=null,c&&o&&d&&await this._triangulatedLocationWorkflow(o,r);let p=i.attributes.orientationAccuracy;if(!p){l===m&&(this.oiViewModel.groundCoordinatesAccuracyLoading=!1);return}this.oiViewModel.groundCoordinatesAccuracyLoading=!0;let h={pixel:e,currentResult:o,currentBestFeature:i,mode:t,activeViewer:n,footprintExtent:s,accuracyParameters:p,viewSpatialReference:u,signal:r};try{let e=await this.oiViewModel.calculateLocationAccuracy(h);a(r),e&&(this.oiViewModel.groundCoordinatesAccuracy=e)}finally{l===m&&(this.oiViewModel.groundCoordinatesAccuracyLoading=!1)}});l=m});this.oiViewModel.addHandles(u,`image-click`)},this._createTriangularImageLocationHandle=()=>{this.oiViewModel.removeHandles(v.triangularImageClick);let{imageLocationToolState:e,mode:t,activeTriangulatedViewer:n}=this.oiViewModel,i=n?.imageSize;if(!e||t===`none`||!i)return;this.oiViewModel.clickAction=`pixel-location`;let s=null,c=o(()=>n,`pixel-location`,e=>{this.measurementVectors.length===1&&e&&(this._plotLocationPointOnImage(e,!0),s?.abort(),s=r(async t=>{if(!e||this.oiViewModel.triangulatedPoint||this.measurementVectors?.length===2||!this.oiViewModel.currentBestFeatureMeasurementImage)return;let n=await this.referenceTransformationService?.pixelToMapPoint(e);if(a(t),!n)return;let r=this.oiViewModel.view?.spatialReference;r&&!n.spatialReference.equals(r)&&(n=await f(n,r),a(t)),await this._calculateTriangulatedPointFromGroundPoint(n,{signal:t}),a(t)}))});this.oiViewModel.addHandles(c,v.triangularImageClick)}}initialize(){this.addHandles([s(()=>[this.oiViewModel.state,this.oiViewModel.imageLocationToolState,this.oiViewModel.view],(e,t)=>{this._resetMeasurementVectors(),this._createImageLocationHandle(),e[1]?e[1]!==t?.[1]&&this._setMeasurementCursor():(this.oiViewModel.clearPreviousGroundLocation(),this._resetCursor())},c)])}async _calculateTriangulatedPointFromGroundPoint(e,t){if(this.oiViewModel.currentBestFeatureMeasurementImage&&e){let{currentBestFeatureMeasurementImage:n,view:r}=this.oiViewModel,o=m(e,n);o&&this.measurementVectors.push(o);let s=await h(this.measurementVectors);a(t),i(s?.spatialReference,r?.spatialReference)||(s=await f(s,r?.spatialReference)),this.oiViewModel.triangulatedPoint=s??this.oiViewModel.triangulatedPoint}}async _plotReferenceLocationPoint(e,t){if(this.oiViewModel.currentBestFeatureMeasurementImage){let n=await this.referenceTransformationService?.pointToPixel(e,{signal:t});a(t),n&&this._plotLocationPointOnImage(n,!0)}}_plotLocationPointOnImage(e,n=!1){let{activeViewer:r,mode:i,state:a,activeTriangulatedViewer:o}=this.oiViewModel,s=n?o:r;if(a!==`image-loaded`||!s?.imageSize||i!=="default"&&i!==`panoramic`)return;this.oiViewModel.clearLocationPointOnImage(n);let c=d(e)?e.toJSON():e,l=y(s?.media),u=b(c,i,s.imageSize,l),f=new t({geometry:u,symbol:i==="default"?g:_});n?this.oiViewModel.correctedLocationPointOnImage=f:this.oiViewModel.locationPointOnImage=f,s.addGraphic(f,0)}_resetCursor(){let{activeViewer:e,imageMeasurementViewer:t}=this.oiViewModel;e&&this.oiViewModel.removeHandles(v.activeViewerCursorHandles),t&&this.oiViewModel.removeHandles(v.imageViewerCursorHandles)}_resetMeasurementVectors(){this.measurementVectors=[]}_setMeasurementCursor(){let{activeViewer:e,imageMeasurementViewer:t,triangularMeasurementActive:n}=this.oiViewModel;e&&this.oiViewModel.addHandles(e.imageRenderer.acquireCursor(`crosshair`,`high`),v.activeViewerCursorHandles),t&&n&&this.oiViewModel.addHandles(t.imageRenderer.acquireCursor(`crosshair`,`high`),v.activeViewerCursorHandles)}async _triangulatedLocationWorkflow(e,t){if(this.oiViewModel.currentBestFeature&&e){let{currentBestFeature:n}=this.oiViewModel;this.oiViewModel.triangulatedPoint&&(this.measurementVectors=[],this.oiViewModel.triangulatedPoint=null,this.oiViewModel.clearLocationPointOnImage(!0));let r=m(e,n);if(!r)return;this.measurementVectors.push(r),await this._plotReferenceLocationPoint(e,t),a(t),this._createTriangularImageLocationHandle()}}};e([l()],x.prototype,`measurementVectors`,void 0),e([l()],x.prototype,`oiViewModel`,void 0),e([l()],x.prototype,`referenceTransformationService`,void 0),x=e([u(`esri.widgets.OrientedImageryViewer.components.ImageLocationViewModel`)],x);const S=x;export{S as default};

package/widgets/OrientedImageryViewer/components/SequentialNavigationUI.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as t}from"../../support/widget.js";function n(){return e({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`)})}function r(e){let{expandDisabled:n,layout:r,overlayPositioning:i,actions:a}=e;return t(`calcite-action-bar`,{expandDisabled:n,floating:!0,layout:r,overlayPositioning:i,slot:`fab`},a.map(e=>t(`calcite-action`,{icon:e.icon,key:e.title,scale:e.scale,text:e.text,title:e.title,onclick:e.onclick})))}function i(e){let{uiStrings:n,layout:i,onNext:a,onPrev:o}=e;return t(r,{actions:[{icon:`chevron-left`,scale:`s`,text:n.previous,title:n.previous,onclick:o},{icon:`chevron-right`,scale:`s`,text:n.next,title:n.next,onclick:a}],expandDisabled:!0,layout:i,overlayPositioning:`fixed`})}export{r as FloatingActionBar,i as SequentialNavigationUI,n as loadSequentialNavigationUIComponents};
+import{loadCalciteComponents as e}from"../../support/componentsUtils.js";import{tsx as t}from"../../support/widget.js";function n(){return e({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`)})}function r(e){let{expandDisabled:n,layout:r,overlayPositioning:i,actions:a}=e;return t(`calcite-action-bar`,{expandToggleDisabled:n,floating:!0,layout:r,overlayPositioning:i,slot:`fab`},a.map(e=>t(`calcite-action`,{icon:e.icon,key:e.title,scale:e.scale,text:e.text,title:e.title,onclick:e.onclick})))}function i(e){let{uiStrings:n,layout:i,onNext:a,onPrev:o}=e;return t(r,{actions:[{icon:`chevron-left`,scale:`s`,text:n.previous,title:n.previous,onclick:o},{icon:`chevron-right`,scale:`s`,text:n.next,title:n.next,onclick:a}],expandDisabled:!0,layout:i,overlayPositioning:`fixed`})}export{r as FloatingActionBar,i as SequentialNavigationUI,n as loadSequentialNavigationUIComponents};

package/widgets/OrientedImageryViewer/components/SketchTools.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import{property as t,subclass as n}from"../../../core/accessorSupport/decorators.js";import{get as r}from"../../../core/accessorSupport/get.js";import i from"../../Widget.js";import{loadCalciteComponents as a}from"../../support/componentsUtils.js";import{tsx as o}from"../../support/widget.js";const s={point:()=>[l(`pin`,`point`,`draw.point`),l(`line`,`polyline`,`draw.polyline`),l(`polygon`,`polygon`,`draw.polygon`)],polyline:()=>[l(`line`,`polyline`,`draw.polyline`)],polygon:()=>[l(`polygon`,`polygon`,`draw.polygon`)]};let c=class extends i{constructor(e){super(e),this.messages=null,this.type=null}loadDependencies(){return a({"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`)})}static{this.vnodeSelector=`calcite-action-bar`}render(){let{messages:e,type:t}=this,n=u(t);return o(`calcite-action-bar`,{expandDisabled:!0,floating:!0,layout:`horizontal`,position:`start`},n.map(({icon:t,messageKey:n,action:i})=>{let a=r(e,n);return o(`calcite-action-group`,null,o(`calcite-action`,{alignment:`center`,bind:this,"data-action":i,icon:t,text:a,title:a,onclick:this.onAction}))}))}};e([t()],c.prototype,`messages`,void 0),e([t()],c.prototype,`onAction`,void 0),e([t()],c.prototype,`type`,void 0),c=e([n(`esri.widgets.OrientedImageryViewer.components.SketchTools`)],c);function l(e,t,n){return{icon:e,messageKey:n,action:`draw-${t}`}}function u(e){return[{icon:`cursor`,messageKey:`selectFeature`,action:`select-feature`},...s[e]?.()??[],{icon:`save`,messageKey:`save`,action:`save`},{icon:`trash`,messageKey:`delete`,action:`delete-feature`}]}const d=c;export{d as default};
+import{__decorate as e}from"tslib";import{property as t,subclass as n}from"../../../core/accessorSupport/decorators.js";import{get as r}from"../../../core/accessorSupport/get.js";import i from"../../Widget.js";import{loadCalciteComponents as a}from"../../support/componentsUtils.js";import{tsx as o}from"../../support/widget.js";const s={point:()=>[l(`pin`,`point`,`draw.point`),l(`line`,`polyline`,`draw.polyline`),l(`polygon`,`polygon`,`draw.polygon`)],polyline:()=>[l(`line`,`polyline`,`draw.polyline`)],polygon:()=>[l(`polygon`,`polygon`,`draw.polygon`)]};let c=class extends i{constructor(e){super(e),this.messages=null,this.type=null}loadDependencies(){return a({"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`)})}static{this.vnodeSelector=`calcite-action-bar`}render(){let{messages:e,type:t}=this,n=u(t);return o(`calcite-action-bar`,{expandToggleDisabled:!0,floating:!0,layout:`horizontal`,position:`start`},n.map(({icon:t,messageKey:n,action:i})=>{let a=r(e,n);return o(`calcite-action-group`,null,o(`calcite-action`,{alignment:`center`,bind:this,"data-action":i,icon:t,text:a,title:a,onclick:this.onAction}))}))}};e([t()],c.prototype,`messages`,void 0),e([t()],c.prototype,`onAction`,void 0),e([t()],c.prototype,`type`,void 0),c=e([n(`esri.widgets.OrientedImageryViewer.components.SketchTools`)],c);function l(e,t,n){return{icon:e,messageKey:n,action:`draw-${t}`}}function u(e){return[{icon:`cursor`,messageKey:`selectFeature`,action:`select-feature`},...s[e]?.()??[],{icon:`save`,messageKey:`save`,action:`save`},{icon:`trash`,messageKey:`delete`,action:`delete-feature`}]}const d=c;export{d as default};

package/widgets/OrientedImageryViewer/services/ImageMeasurementService.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{throwIfAborted as e}from"../../../core/promiseUtils.js";import{open as t}from"../../../core/workers.js";import n from"../../../geometry/Point.js";import{projectAsync as r}from"../../../geometry/projectionUtils.js";import{imageToWorld as i,imageToWorldPanoramic as a}from"../../../layers/orientedImagery/transformations/imageToWorld.js";import{convertSphereVertexToPixelLocation as o}from"../../../layers/orientedImagery/transformations/utils.js";import{getMeasurementProperties as s,pixelAreaMeasurement2D as c,pixelDistanceMeasurement2D as l,getRootOfSumOfSquaredErrors as u,heightMeasurementPanoramic as d,heightMeasurement2D as f,getMeasurementPropertiesPanoramic as p,calculateLocationAccuracyFromDeviations as m,pixelAreaMeasurementPanoramic as h,pixelDistanceMeasurementPanoramic as g,computeTriangulatedAreaMeasurement as _,computeTriangulatedDistanceMeasurement as v,getModeCorrectedPoints as y,computeTriangulatedVector as b}from"../imageMeasurementUtils.js";import{extractHorizonAnglesFromMedia as x}from"../utils.js";class S{constructor(e){this.referenceTransformationService=null,this.measurementVectors=[],this._connection=null,this.transformationService=e.transformationService,this.referenceTransformationService=e.referenceTransformationService}async _load(){this._connection??=await t(`ImageMeasurementWorker`)}async calculateAccuracy(t){await this._load();let{measurementArray:r,measurementType:i,currentBestFeature:a,currentBestFeatureMeasurementImage:o,activeViewer:d,imageSize:f,layer:p,triangularMeasurementActive:m,footprintExtent:h,signal:g}=t,_=p?.orientationAccuracy,v=_?.every(e=>e===0)||!_?.length;if(i===`area`&&r.length<3||i===`distance`&&r.length<2||!a||!d?.imageSize||v)return null;let y=null;if(m&&o&&f?y=await s(o,f,h):(y=await s(a,d?.imageSize,h),e(g)),!y)return null;let b=i===`area`?await c(r,y,!0):await l([r.at(0),r.at(-1)],y,!0);e(g);let{updateElevationProps:x}=y,S=this.getWorkerMethodProps(y,_),C=await this._connection?.invoke(`generateCombinationsWorker`,S,{signal:g});if(e(g),!C?.length)return null;let w=C.map(async t=>{let a={...t,cameraLocation:new n(t.cameraLocation),updateElevationProps:x},o=i===`area`?await c(r,a,!0):await l([r.at(0),r.at(-1)],a,!0);if(e(g),o&&b){if(i===`area`){let e=typeof o==`number`?null:o.area;return e?Math.abs(e-b.area):null}return Math.abs(o-b)}return null}),T=await Promise.all(w);e(g);let E=T.filter(e=>e!==null);return E.length===0?null:u(E)}async calculateHeightAccuracy(e){await this._load();let{mode:t,pixelObj:n,accuracyParameters:r,height:i,properties:a,currentBestFeature:o,signal:s}=e;return t===`panoramic`?this.calculateHeightAccuracyPanoramic(r,n,a,i,o,s):this.calculateHeightAccuracy2D(r,n,a,i,s)}async calculateHeightAccuracyPanoramic(t,r,i,a,o,s){if(r.length<2||!a||!i||!t||!o)throw Error(`Missing parameters`);let c=this.getWorkerMethodProps(i,t),l=await this._connection?.invoke(`generateCombinationsPanoramicWorker`,c,{signal:s});if(e(s),!l?.length)return null;let u=r.map(e=>[e.x,e.y]),f=u.at(0),p=u.at(-1),m=l.map(e=>(e.cameraLocation=new n(e.cameraLocation),d([f,p],e,t,o,!0,!1,s))),h=await Promise.all(m);e(s);let g=0;for(let e of h){if(!e)return 0;let t=Math.abs(e-a);g=Math.max(t,g)}return g}async calculateHeightAccuracy2D(t,r,i,a,o){if(r.length<2||!a||!i||!t)throw Error(`Missing parameters`);let s=this.getWorkerMethodProps(i,t),c=await this._connection?.invoke(`generateCombinationsWorker`,s,{signal:o});if(e(o),!c?.length)return null;let l=r.map(e=>[e.x,e.y]),u=l.at(0),d=l.at(-1);if(!u||!d)return null;let p=c.map(e=>(e.cameraLocation=new n(e.cameraLocation),f([u,d],e,t,!0,!1,o))),m=await Promise.all(p);e(o);let h=0;for(let e of m){if(!e)return 0;let t=Math.abs(e-a);h=Math.max(t,h)}return h}async calculateLocationAccuracy(t){await this._load();let{pixel:o,currentResult:c,currentBestFeature:l,mode:u,activeViewer:d,footprintExtent:f,accuracyParameters:h,viewSpatialReference:g,signal:_}=t,v=u??`default`,y=g??null,b=v==="default"?await s(l,d?.imageSize,f):await p(l,d?.imageSize,f);if(e(_),!b)return null;let{updateElevationProps:x}=b,S=v==="default"?`generateCombinationsWorker`:`generateCombinationsPanoramicWorker`,C=this.getWorkerMethodProps(b,h),w=await this._connection?.invoke(S,C,{signal:_});if(e(_),!w?.length)return null;let T=w.map(async t=>{let{...s}={...t,cameraLocation:new n(t.cameraLocation)},l=v==="default"?await i(o,s,x):await a(o,s,x);return e(_),y&&!l.spatialReference.equals(y)&&(l=await r(l,y),e(_)),l&&c?[Math.abs(l.x-c.x),Math.abs(l.y-c.y),l.z&&c.z?Math.abs(l.z-c.z):0]:null}),E=await Promise.all(T);if(e(_),!E?.length)return null;let D=E.map(e=>[e?.[0]??0,e?.[1]??0,e?.[2]??0]),[O,k,A]=m(D);return{x:O,y:k,z:A}}async calculateAccuracyPanoramic(t){await this._load();let{measurementArray:r,measurementType:i,secondaryViewer:a,currentBestFeature:o,currentBestFeatureMeasurementImage:s,activeViewer:c,activeTriangulatedViewer:l,layer:d,footprintExtent:f,signal:m}=t,_=a??!1,v=d?.orientationAccuracy,y=v?.every(e=>e===0)||!v?.length;if(i===`area`&&r.length<3||i===`distance`&&r.length<2||!o||!c?.imageSize||y)return null;let b=l?.imageSize,x=_&&s&&b?await p(s,b,f):await p(o,c?.imageSize,f);if(e(m),!x)return null;let S=i===`area`?await h(r,x,!0):await g([r.at(0),r.at(-1)],x,!0);e(m);let{updateElevationProps:C}=x,w=this.getWorkerMethodProps(x,v),T=await this._connection?.invoke(`generateCombinationsPanoramicWorker`,w,{signal:m});if(e(m),!T?.length)return null;let E=T.map(async t=>{let a={...t,cameraLocation:new n(t.cameraLocation),updateElevationProps:C},o=i===`area`?await h(r,a,!0):await g([r.at(0),r.at(-1)],a,!0);if(e(m),o&&S){if(i===`area`){let e=typeof o==`number`?null:o.area;return e?Math.abs(e-S.area):null}return Math.abs(o-S)}return null}),D=await Promise.all(E);e(m);let O=D.filter(e=>e!==null);return O.length===0?null:u(O)}async calculateTriangulatedMeasurements(e){let{pixels:t,measureType:n,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,mode:c,imageSize:l,layer:u,footprintExtent:d}=e;if(!s?.imageSize)return;let[f,p]=s.imageSize;switch(n){case`distance`:{let e=await v(this.measurementVectors),n=t.map(([e,t,n])=>o({x:e,y:t,z:n},f,p)).map(({x:e,y:t})=>[e,t]),m={measurementArray:t,measurementType:`distance`,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,imageSize:l,layer:u,triangularMeasurementActive:!0,footprintExtent:d},h={measurementArray:n,measurementType:`distance`,secondaryViewer:!0,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,layer:u,footprintExtent:d},g=c==="default"?await this.calculateAccuracy(m):await this.calculateAccuracyPanoramic(h);if(g&&e?.distance)return{distance:e,accuracy:{distanceAccuracy:g,angleAccuracy:Math.atan(g/e.distance)}};break}case`area`:if(i?.geometry.spatialReference){let e=await _(this.measurementVectors,i.geometry.spatialReference),n=null;if(c==="default"){let e={measurementArray:t,measurementType:`area`,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,imageSize:l,layer:u,triangularMeasurementActive:!0,footprintExtent:d},o=await this.calculateAccuracy(e);o&&(n=o)}else if(c===`panoramic`){let e={measurementArray:t.map(([e,t,n])=>o({x:e,y:t,z:n},f,p)).map(({x:e,y:t})=>[e,t]),measurementType:`area`,secondaryViewer:!0,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,layer:u,footprintExtent:d},c=await this.calculateAccuracyPanoramic(e);c&&(n=c)}return{area:e,accuracy:n}}}c===`panoramic`&&s.viewModel.restoreNavigationHandles()}async computeMeasurementVector(e){let{pixels:t,activeFeature:n,activeViewer:i,mode:a,spatialReference:o}=e,s=i?.imageSize,c=x(i?.media);if(!t||!n||!s)return;let l=y(t,a,s,c).map(async e=>{let t={x:e[0],y:e[1]},n=null;return n=this.measurementVectors.length===0?await this.transformationService.pixelToMapPoint(t):await this.referenceTransformationService?.pixelToMapPoint(t),n?(o&&!n.spatialReference.equals(o)&&(n=await r(n,o)),n):null}),u=(await Promise.all(l)).filter(e=>e!==null);return b(u,n)}resetMeasurementVectors(){this.measurementVectors=[]}async updateMeasurementVectorsArray(e){let{activeFeature:t}=e;if(t){let t=await this.computeMeasurementVector(e);t&&this.measurementVectors.push(t)}}getWorkerMethodProps(e,t){let{updateElevationProps:n,...r}=e;return{imageToWorldProps:{...r,cameraLocation:r.cameraLocation.toJSON()},accuracyParameters:t}}}export{S as ImageMeasurementService};
+import{throwIfAborted as e}from"../../../core/promiseUtils.js";import{open as t}from"../../../core/workers.js";import n from"../../../geometry/Point.js";import{projectAsync as r}from"../../../geometry/projectionUtils.js";import{imageToWorld as i,imageToWorldPanoramic as a}from"../../../layers/orientedImagery/transformations/imageToWorld.js";import{convertSphereVertexToPixelLocation as o}from"../../../layers/orientedImagery/transformations/utils.js";import{getMeasurementProperties as s,pixelAreaMeasurement2D as c,pixelDistanceMeasurement2D as l,getRootOfSumOfSquaredErrors as u,heightMeasurementPanoramic as d,heightMeasurement2D as f,getMeasurementPropertiesPanoramic as p,calculateLocationAccuracyFromDeviations as m,pixelAreaMeasurementPanoramic as h,pixelDistanceMeasurementPanoramic as g,computeTriangulatedAreaMeasurement as _,computeTriangulatedDistanceMeasurement as v,getModeCorrectedPoints as y,computeTriangulatedVector as b}from"../imageMeasurementUtils.js";import{extractHorizonAnglesFromMedia as x}from"../utils.js";class S{constructor(e){this.referenceTransformationService=null,this.measurementVectors=[],this._connection=null,this.transformationService=e.transformationService,this.referenceTransformationService=e.referenceTransformationService}async _load(){this._connection??=await t(`ImageMeasurementWorker`)}async calculateAccuracy(t){await this._load();let{measurementArray:r,measurementType:i,currentBestFeature:a,currentBestFeatureMeasurementImage:o,activeViewer:d,imageSize:f,triangularMeasurementActive:p,footprintExtent:m,signal:h}=t,g=(p&&o&&f?o:a)?.attributes.orientationAccuracy,_=!g||g.every(e=>e===0);if(i===`area`&&r.length<3||i===`distance`&&r.length<2||!a||!d?.imageSize||_)return null;let v=null;if(p&&o&&f?v=await s(o,f,m):(v=await s(a,d?.imageSize,m),e(h)),!v)return null;let y=i===`area`?await c(r,v,!0):await l([r.at(0),r.at(-1)],v,!0);e(h);let{updateElevationProps:b}=v,x=this.getWorkerMethodProps(v,g),S=await this._connection?.invoke(`generateCombinationsWorker`,x,{signal:h});if(e(h),!S?.length)return null;let C=S.map(async t=>{let a={...t,cameraLocation:new n(t.cameraLocation),updateElevationProps:b},o=i===`area`?await c(r,a,!0):await l([r.at(0),r.at(-1)],a,!0);if(e(h),o&&y){if(i===`area`){let e=typeof o==`number`?null:o.area;return e?Math.abs(e-y.area):null}return Math.abs(o-y)}return null}),w=await Promise.all(C);e(h);let T=w.filter(e=>e!==null);return T.length===0?null:u(T)}async calculateHeightAccuracy(e){await this._load();let{mode:t,pixelObj:n,accuracyParameters:r,height:i,properties:a,currentBestFeature:o,signal:s}=e;return t===`panoramic`?this.calculateHeightAccuracyPanoramic(r,n,a,i,o,s):this.calculateHeightAccuracy2D(r,n,a,i,s)}async calculateHeightAccuracyPanoramic(t,r,i,a,o,s){if(r.length<2||!a||!i||!t||!o)throw Error(`Missing parameters`);let c=this.getWorkerMethodProps(i,t),l=await this._connection?.invoke(`generateCombinationsPanoramicWorker`,c,{signal:s});if(e(s),!l?.length)return null;let u=r.map(e=>[e.x,e.y]),f=u.at(0),p=u.at(-1),m=l.map(e=>(e.cameraLocation=new n(e.cameraLocation),d([f,p],e,t,o,!0,!1,s))),h=await Promise.all(m);e(s);let g=0;for(let e of h){if(!e)return 0;let t=Math.abs(e-a);g=Math.max(t,g)}return g}async calculateHeightAccuracy2D(t,r,i,a,o){if(r.length<2||!a||!i||!t)throw Error(`Missing parameters`);let s=this.getWorkerMethodProps(i,t),c=await this._connection?.invoke(`generateCombinationsWorker`,s,{signal:o});if(e(o),!c?.length)return null;let l=r.map(e=>[e.x,e.y]),u=l.at(0),d=l.at(-1);if(!u||!d)return null;let p=c.map(e=>(e.cameraLocation=new n(e.cameraLocation),f([u,d],e,t,!0,!1,o))),m=await Promise.all(p);e(o);let h=0;for(let e of m){if(!e)return 0;let t=Math.abs(e-a);h=Math.max(t,h)}return h}async calculateLocationAccuracy(t){await this._load();let{pixel:o,currentResult:c,currentBestFeature:l,mode:u,activeViewer:d,footprintExtent:f,accuracyParameters:h,viewSpatialReference:g,signal:_}=t,v=u??`default`,y=g??null,b=v==="default"?await s(l,d?.imageSize,f):await p(l,d?.imageSize,f);if(e(_),!b)return null;let{updateElevationProps:x}=b,S=v==="default"?`generateCombinationsWorker`:`generateCombinationsPanoramicWorker`,C=this.getWorkerMethodProps(b,h),w=await this._connection?.invoke(S,C,{signal:_});if(e(_),!w?.length)return null;let T=w.map(async t=>{let{...s}={...t,cameraLocation:new n(t.cameraLocation)},l=v==="default"?await i(o,s,x):await a(o,s,x);return e(_),y&&!l.spatialReference.equals(y)&&(l=await r(l,y),e(_)),l&&c?[Math.abs(l.x-c.x),Math.abs(l.y-c.y),l.z&&c.z?Math.abs(l.z-c.z):0]:null}),E=await Promise.all(T);if(e(_),!E?.length)return null;let D=E.map(e=>[e?.[0]??0,e?.[1]??0,e?.[2]??0]),[O,k,A]=m(D);return{x:O,y:k,z:A}}async calculateAccuracyPanoramic(t){await this._load();let{measurementArray:r,measurementType:i,secondaryViewer:a,currentBestFeature:o,currentBestFeatureMeasurementImage:s,activeViewer:c,activeTriangulatedViewer:l,footprintExtent:d,signal:f}=t,m=a??!1,_=(m&&s&&l?.imageSize?s:o)?.attributes.orientationAccuracy,v=!_||_.every(e=>e===0);if(i===`area`&&r.length<3||i===`distance`&&r.length<2||!o||!c?.imageSize||v)return null;let y=l?.imageSize,b=m&&s&&y?await p(s,y,d):await p(o,c?.imageSize,d);if(e(f),!b)return null;let x=i===`area`?await h(r,b,!0):await g([r.at(0),r.at(-1)],b,!0);e(f);let{updateElevationProps:S}=b,C=this.getWorkerMethodProps(b,_),w=await this._connection?.invoke(`generateCombinationsPanoramicWorker`,C,{signal:f});if(e(f),!w?.length)return null;let T=w.map(async t=>{let a={...t,cameraLocation:new n(t.cameraLocation),updateElevationProps:S},o=i===`area`?await h(r,a,!0):await g([r.at(0),r.at(-1)],a,!0);if(e(f),o&&x){if(i===`area`){let e=typeof o==`number`?null:o.area;return e?Math.abs(e-x.area):null}return Math.abs(o-x)}return null}),E=await Promise.all(T);e(f);let D=E.filter(e=>e!==null);return D.length===0?null:u(D)}async calculateTriangulatedMeasurements(e){let{pixels:t,measureType:n,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,mode:c,imageSize:l,footprintExtent:u}=e;if(!s?.imageSize)return;let[d,f]=s.imageSize;switch(n){case`distance`:{let e=await v(this.measurementVectors),n=t.map(([e,t,n])=>o({x:e,y:t,z:n},d,f)).map(({x:e,y:t})=>[e,t]),p={measurementArray:t,measurementType:`distance`,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,imageSize:l,triangularMeasurementActive:!0,footprintExtent:u},m={measurementArray:n,measurementType:`distance`,secondaryViewer:!0,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,footprintExtent:u},h=c==="default"?await this.calculateAccuracy(p):await this.calculateAccuracyPanoramic(m);if(h&&e?.distance)return{distance:e,accuracy:{distanceAccuracy:h,angleAccuracy:Math.atan(h/e.distance)}};break}case`area`:if(i?.geometry.spatialReference){let e=await _(this.measurementVectors,i.geometry.spatialReference),n=null;if(c==="default"){let e={measurementArray:t,measurementType:`area`,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,imageSize:l,triangularMeasurementActive:!0,footprintExtent:u},o=await this.calculateAccuracy(e);o&&(n=o)}else if(c===`panoramic`){let e={measurementArray:t.map(([e,t,n])=>o({x:e,y:t,z:n},d,f)).map(({x:e,y:t})=>[e,t]),measurementType:`area`,secondaryViewer:!0,currentBestFeature:r,currentBestFeatureMeasurementImage:i,activeViewer:a,activeTriangulatedViewer:s,footprintExtent:u},c=await this.calculateAccuracyPanoramic(e);c&&(n=c)}return{area:e,accuracy:n}}}c===`panoramic`&&s.viewModel.restoreNavigationHandles()}async computeMeasurementVector(e){let{pixels:t,activeFeature:n,activeViewer:i,mode:a,spatialReference:o}=e,s=i?.imageSize,c=x(i?.media);if(!t||!n||!s)return;let l=y(t,a,s,c).map(async e=>{let t={x:e[0],y:e[1]},n=null;return n=this.measurementVectors.length===0?await this.transformationService.pixelToMapPoint(t):await this.referenceTransformationService?.pixelToMapPoint(t),n?(o&&!n.spatialReference.equals(o)&&(n=await r(n,o)),n):null}),u=(await Promise.all(l)).filter(e=>e!==null);return b(u,n)}resetMeasurementVectors(){this.measurementVectors=[]}async updateMeasurementVectorsArray(e){let{activeFeature:t}=e;if(t){let t=await this.computeMeasurementVector(e);t&&this.measurementVectors.push(t)}}getWorkerMethodProps(e,t){let{updateElevationProps:n,...r}=e;return{imageToWorldProps:{...r,cameraLocation:r.cameraLocation.toJSON()},accuracyParameters:t}}}export{S as ImageMeasurementService};

package/widgets/OrientedImageryViewer/types.d.ts

@@ -1,3 +1,6 @@
+import type Point from "../../geometry/Point.js";
+import type { AbortOptions } from "../../core/promiseUtils.js";
+
 /**
  * @deprecated since version 5.0. Use the [Oriented Imagery Viewer](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-oriented-imagery-viewer/) component instead. For information on widget deprecation, read about [Esri's move to web components](https://developers.arcgis.com/javascript/latest/components-transition-plan/).
  * @since 5.1
@@ -38,4 +41,21 @@ export interface LocationInImageSpace {
    * @since 5.0
    */
   y: number;
+}
+
+/**
+ * Options for displaying the image corresponding to a specific object ID.
+ *
+ * @since 5.2
+ */
+export interface ShowImageByObjectIdOptions extends AbortOptions {
+  /**
+   * Provide this point to locate features around this point after loading the image.
+   *
+   * > [!Note]
+   * > The selected point must be visible from the image corresponding to the specified object ID.
+   *
+   * @internal
+   */
+  selectedPoint?: Point;
 }

package/widgets/OrientedImageryViewer.d.ts

@@ -7,7 +7,7 @@ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
 import type { AbortOptions } from "../core/promiseUtils.js";
 import type { MapViewOrSceneView } from "../views/MapViewOrSceneView.js";
 import type { ObjectId } from "../views/types.js";
-import type { OrientedImageryViewerViewModelEvents } from "./OrientedImageryViewer/types.js";
+import type { OrientedImageryViewerViewModelEvents, ShowImageByObjectIdOptions } from "./OrientedImageryViewer/types.js";
 import type { OrientedImageryViewerVisibleElementsProperties } from "./OrientedImageryViewer/OrientedImageryViewerVisibleElements.js";
 import type { WidgetProperties } from "./Widget.js";
 
@@ -247,4 +247,12 @@ export default class OrientedImageryViewer extends Widget {
    * @since 4.34
    */
   reset(): void;
+  /**
+   * Displays the image corresponding to the specified object ID.
+   *
+   * @param objectId - The object ID of the image to display.
+   * @param options - Optional parameters for displaying the image.
+   * @since 5.2
+   */
+  showImageByObjectId(objectId: ObjectId, options?: ShowImageByObjectIdOptions): Promise<void>;
 }

package/widgets/PanoramicVideoViewer.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import t from"../Camera.js";import{property as n,subclass as r}from"../core/accessorSupport/decorators.js";import i from"./Widget.js";import a from"./PanoramicViewer/PanoramicVideoViewerViewModel.js";import{loadCalciteComponents as o}from"./support/componentsUtils.js";import{globalCss as s}from"./support/globalCss.js";import{tsx as c,messageBundle as l,vmEvent as u}from"./support/widget.js";const d=`esri-panoramic-viewer`,f=`${d}__slider-container`;let p=class extends i{constructor(e){super(e),this.messagesCommon=null,this.viewModel=new a,this._afterContainerCreate=e=>{this.imageRenderer.container=e},this.addGraphic=(e,t)=>{this.viewModel.addGraphic(e,t)},this.addManyGraphics=e=>{this.viewModel.addManyGraphics(e)},this.clearGraphics=()=>{this.viewModel.clearGraphics()},this.clearImage=()=>{this.viewModel.clearImage()},this.loadVideo=e=>this.viewModel.loadVideo(e),this.removeGraphic=e=>{this.viewModel.removeGraphic(e)},this.removeManyGraphics=e=>{this.viewModel.removeManyGraphics(e)}}loadDependencies(){return o({panel:()=>import(`@esri/calcite-components/dist/components/calcite-panel`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`),"action-group":()=>import(`@esri/calcite-components/dist/components/calcite-action-group`),action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),slider:()=>import(`@esri/calcite-components/dist/components/calcite-slider`)})}get activeAudioIcon(){let{videoMuted:e}=this.viewModel;return e?`sound-off`:`sound`}get activeVideoIcon(){let{videoPaused:e,videoLoaded:t}=this.viewModel;return!t||e!==!1?`play`:`pause`}get autoLoad(){return this.viewModel.autoLoad}set autoLoad(e){this.viewModel.autoLoad=e}get camera(){return this.viewModel.camera}set camera(e){e&&(this.viewModel.camera=e)}get clickAction(){return this.viewModel.clickAction}set clickAction(e){this.viewModel.clickAction=e}get fov(){return this.camera?.fov}set fov(e){this.viewModel.fov=e}get hfov(){return this.viewModel.hfov}get horizonAngles(){return this.viewModel.horizonAngles}get icon(){return`360-view`}set icon(e){this._overrideIfSome(`icon`,e)}get imageRenderer(){return this.viewModel.imageRenderer}get imageSize(){return this.viewModel.imageSize}get oiViewModel(){return this.viewModel.oiViewModel}set oiViewModel(e){this.viewModel.oiViewModel=e}get video(){return this.viewModel.video}get videoSource(){return this.viewModel.videoSource}set videoSource(e){this.viewModel.videoSource=e}get pitch(){return this.viewModel.pitch}set pitch(e){this.viewModel.pitch=e}get state(){return this.viewModel.state}get ui(){return this.imageRenderer.ui}get vfov(){return this.viewModel.vfov}get yaw(){return this.viewModel.yaw}set yaw(e){this.viewModel.yaw=e}_handleVideoSeek(e){let t=this.viewModel?.video;t&&(t.currentTime=e.target.value,t.play())}reset(){this.viewModel.resetVideo()}render(){let{control:e,reset:t}=this.messagesCommon,{mute:n,unmute:r}=this.messages;return c(`calcite-panel`,null,c(`calcite-panel`,{loading:this.viewModel.updating},c(`calcite-panel`,{afterCreate:this._afterContainerCreate,bind:this,class:this.classes(s.widget,d)}),c(`calcite-block`,{class:f,expanded:!0},c(`calcite-slider`,{bind:this,labelHandles:!0,labelTicks:!0,max:this.viewModel?.videoDuration,minLabel:`0`,value:this.viewModel.currentTime??0,onCalciteSliderChange:this._handleVideoSeek})),c(`calcite-action-bar`,{expandDisabled:!0,layout:`horizontal`},c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:this.activeVideoIcon,text:`Play`,title:this.viewModel.videoPaused?e.play:e.pause,onclick:()=>this.viewModel.playPanoramicVideoHandler()})),c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:`refresh`,text:`Rewind`,title:t,onclick:()=>this.viewModel.rewindPanoramicVideoHandler()})),c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:this.activeAudioIcon,text:`Audio`,title:this.viewModel.videoMuted?n:r,onclick:()=>this.viewModel.togglePanoramicAudio()})))))}static{this.vnodeSelector=`calcite-panel`}};e([n()],p.prototype,`activeAudioIcon`,null),e([n()],p.prototype,`activeVideoIcon`,null),e([n({type:Boolean})],p.prototype,`autoLoad`,null),e([n({type:t})],p.prototype,`camera`,null),e([n()],p.prototype,`clickAction`,null),e([n({type:Number})],p.prototype,`fov`,null),e([n({readOnly:!0,type:Number})],p.prototype,`hfov`,null),e([n()],p.prototype,`horizonAngles`,null),e([n()],p.prototype,`icon`,null),e([n({readOnly:!0})],p.prototype,`imageRenderer`,null),e([n({readOnly:!0})],p.prototype,`imageSize`,null),e([n()],p.prototype,`oiViewModel`,null),e([n(),l(`esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer`)],p.prototype,`messages`,void 0),e([n(),l(`esri/t9n/common`)],p.prototype,`messagesCommon`,void 0),e([n()],p.prototype,`video`,null),e([n()],p.prototype,`videoSource`,null),e([n({type:Number})],p.prototype,`pitch`,null),e([n({readOnly:!0})],p.prototype,`state`,null),e([n()],p.prototype,`ui`,null),e([n({readOnly:!0,type:Number})],p.prototype,`vfov`,null),e([u([`click`,`hittest-response`,`pixel-location`]),n({type:a})],p.prototype,`viewModel`,void 0),e([n({type:Number})],p.prototype,`yaw`,null),p=e([r(`esri.widgets.PanoramicVideoViewer`)],p);const m=p;export{m as default};
+import{__decorate as e}from"tslib";import t from"../Camera.js";import{property as n,subclass as r}from"../core/accessorSupport/decorators.js";import i from"./Widget.js";import a from"./PanoramicViewer/PanoramicVideoViewerViewModel.js";import{loadCalciteComponents as o}from"./support/componentsUtils.js";import{globalCss as s}from"./support/globalCss.js";import{tsx as c,messageBundle as l,vmEvent as u}from"./support/widget.js";const d=`esri-panoramic-viewer`,f=`${d}__slider-container`;let p=class extends i{constructor(e){super(e),this.messagesCommon=null,this.viewModel=new a,this._afterContainerCreate=e=>{this.imageRenderer.container=e},this.addGraphic=(e,t)=>{this.viewModel.addGraphic(e,t)},this.addManyGraphics=e=>{this.viewModel.addManyGraphics(e)},this.clearGraphics=()=>{this.viewModel.clearGraphics()},this.clearImage=()=>{this.viewModel.clearImage()},this.loadVideo=e=>this.viewModel.loadVideo(e),this.removeGraphic=e=>{this.viewModel.removeGraphic(e)},this.removeManyGraphics=e=>{this.viewModel.removeManyGraphics(e)}}loadDependencies(){return o({panel:()=>import(`@esri/calcite-components/dist/components/calcite-panel`),"action-bar":()=>import(`@esri/calcite-components/dist/components/calcite-action-bar`),"action-group":()=>import(`@esri/calcite-components/dist/components/calcite-action-group`),action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),slider:()=>import(`@esri/calcite-components/dist/components/calcite-slider`)})}get activeAudioIcon(){let{videoMuted:e}=this.viewModel;return e?`sound-off`:`sound`}get activeVideoIcon(){let{videoPaused:e,videoLoaded:t}=this.viewModel;return!t||e!==!1?`play`:`pause`}get autoLoad(){return this.viewModel.autoLoad}set autoLoad(e){this.viewModel.autoLoad=e}get camera(){return this.viewModel.camera}set camera(e){e&&(this.viewModel.camera=e)}get clickAction(){return this.viewModel.clickAction}set clickAction(e){this.viewModel.clickAction=e}get fov(){return this.camera?.fov}set fov(e){this.viewModel.fov=e}get hfov(){return this.viewModel.hfov}get horizonAngles(){return this.viewModel.horizonAngles}get icon(){return`360-view`}set icon(e){this._overrideIfSome(`icon`,e)}get imageRenderer(){return this.viewModel.imageRenderer}get imageSize(){return this.viewModel.imageSize}get oiViewModel(){return this.viewModel.oiViewModel}set oiViewModel(e){this.viewModel.oiViewModel=e}get video(){return this.viewModel.video}get videoSource(){return this.viewModel.videoSource}set videoSource(e){this.viewModel.videoSource=e}get pitch(){return this.viewModel.pitch}set pitch(e){this.viewModel.pitch=e}get state(){return this.viewModel.state}get ui(){return this.imageRenderer.ui}get vfov(){return this.viewModel.vfov}get yaw(){return this.viewModel.yaw}set yaw(e){this.viewModel.yaw=e}_handleVideoSeek(e){let t=this.viewModel?.video;t&&(t.currentTime=e.target.value,t.play())}reset(){this.viewModel.resetVideo()}render(){let{control:e,reset:t}=this.messagesCommon,{mute:n,unmute:r}=this.messages;return c(`calcite-panel`,null,c(`calcite-panel`,{loading:this.viewModel.updating},c(`calcite-panel`,{afterCreate:this._afterContainerCreate,bind:this,class:this.classes(s.widget,d)}),c(`calcite-block`,{class:f,expanded:!0},c(`calcite-slider`,{bind:this,labelHandles:!0,labelTicks:!0,max:this.viewModel?.videoDuration,minLabel:`0`,value:this.viewModel.currentTime??0,onCalciteSliderChange:this._handleVideoSeek})),c(`calcite-action-bar`,{expandToggleDisabled:!0,layout:`horizontal`},c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:this.activeVideoIcon,text:`Play`,title:this.viewModel.videoPaused?e.play:e.pause,onclick:()=>this.viewModel.playPanoramicVideoHandler()})),c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:`refresh`,text:`Rewind`,title:t,onclick:()=>this.viewModel.rewindPanoramicVideoHandler()})),c(`calcite-action-group`,null,c(`calcite-action`,{bind:this,icon:this.activeAudioIcon,text:`Audio`,title:this.viewModel.videoMuted?n:r,onclick:()=>this.viewModel.togglePanoramicAudio()})))))}static{this.vnodeSelector=`calcite-panel`}};e([n()],p.prototype,`activeAudioIcon`,null),e([n()],p.prototype,`activeVideoIcon`,null),e([n({type:Boolean})],p.prototype,`autoLoad`,null),e([n({type:t})],p.prototype,`camera`,null),e([n()],p.prototype,`clickAction`,null),e([n({type:Number})],p.prototype,`fov`,null),e([n({readOnly:!0,type:Number})],p.prototype,`hfov`,null),e([n()],p.prototype,`horizonAngles`,null),e([n()],p.prototype,`icon`,null),e([n({readOnly:!0})],p.prototype,`imageRenderer`,null),e([n({readOnly:!0})],p.prototype,`imageSize`,null),e([n()],p.prototype,`oiViewModel`,null),e([n(),l(`esri/widgets/OrientedImageryViewer/t9n/OrientedImageryViewer`)],p.prototype,`messages`,void 0),e([n(),l(`esri/t9n/common`)],p.prototype,`messagesCommon`,void 0),e([n()],p.prototype,`video`,null),e([n()],p.prototype,`videoSource`,null),e([n({type:Number})],p.prototype,`pitch`,null),e([n({readOnly:!0})],p.prototype,`state`,null),e([n()],p.prototype,`ui`,null),e([n({readOnly:!0,type:Number})],p.prototype,`vfov`,null),e([u([`click`,`hittest-response`,`pixel-location`]),n({type:a})],p.prototype,`viewModel`,void 0),e([n({type:Number})],p.prototype,`yaw`,null),p=e([r(`esri.widgets.PanoramicVideoViewer`)],p);const m=p;export{m as default};

package/widgets/Print/PrintViewModel.d.ts

@@ -12,6 +12,7 @@ import type TemplateOptions from "./TemplateOptions.js";
 import type { EventedAccessor } from "../../core/Evented.js";
 import type { LoadableMixin, LoadableMixinProperties } from "../../core/Loadable.js";
 import type { EsriPromiseMixin } from "../../core/Promise.js";
+import type { PrintCapabilities } from "../../rest/print.js";
 import type { PrintResponse } from "../../rest/types.js";
 import type { Formats, Layouts, State, TemplateCustomTextElements, TemplatesInfo } from "./types.js";
 import type { FileLinkProperties } from "./FileLink.js";
@@ -20,7 +21,7 @@ import type { SpatialReferenceProperties } from "../../geometry/SpatialReference
 import type { PortalProperties } from "../../portal/Portal.js";
 import type { TemplateOptionsProperties } from "./TemplateOptions.js";
 
-export interface PrintViewModelProperties extends LoadableMixinProperties, Partial<Pick<PrintViewModel, "allowedFormats" | "allowedLayouts" | "cimVersion" | "datumTransformations" | "extraParameters" | "includeDefaultTemplates" | "printServiceUrl" | "printTimeout" | "showPrintAreaEnabled" | "templateCustomTextElements" | "updateDelay" | "view">> {
+export interface PrintViewModelProperties extends LoadableMixinProperties, Partial<Pick<PrintViewModel, "allowedFormats" | "allowedLayouts" | "capabilities" | "datumTransformations" | "extraParameters" | "includeDefaultTemplates" | "printServiceUrl" | "printTimeout" | "showPrintAreaEnabled" | "templateCustomTextElements" | "updateDelay" | "view">> {
   /**
    * The collection of links exported from Print.
    *
@@ -172,7 +173,7 @@ export default class PrintViewModel extends PrintViewModelSuperclass {
    */
   get browseTemplates(): Collection<CustomTemplate>;
   /** @internal */
-  accessor cimVersion: string | undefined;
+  accessor capabilities: PrintCapabilities | undefined;
   /**
    * An array of [geographic transformations](https://developers.arcgis.com/javascript/latest/references/core/geometry/operators/support/GeographicTransformation/) to be used by the print service when
    * projecting geometries for the printout.

package/widgets/Print/PrintViewModel.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import{isSome as t}from"../../core/arrayUtils.js";import n from"../../core/Collection.js";import r from"../../core/Error.js";import{EventedAccessor as i}from"../../core/Evented.js";import{JSONMap as a}from"../../core/jsonMap.js";import{clone as o}from"../../core/lang.js";import{LoadableMixin as s}from"../../core/Loadable.js";import{EsriPromiseMixin as c}from"../../core/Promise.js";import l from"../../core/ReactiveMap.js";import{watch as u,initial as d,whenOnce as f}from"../../core/reactiveUtils.js";import{createScreenPoint as p}from"../../core/screenUtils.js";import{unitType as m,convertUnit as h,getMetersPerUnitForSR as g,inchesPerMeter as _}from"../../core/units.js";import{property as v,subclass as y}from"../../core/accessorSupport/decorators.js";import b from"../../geometry/Extent.js";import x from"../../geometry/SpatialReference.js";import{formatDate as S,convertDateFormatToIntlOptions as C}from"../../intl/date.js";import{getLocaleLanguage as w}from"../../intl/locale.js";import T from"../../portal/Portal.js";import E from"../../portal/PortalQueryParams.js";import{execute as ee,getPrintCache as D,getTaskInfo as O}from"../../rest/print.js";import{formatJsonMap as k}from"../../rest/support/fileFormat.js";import{fromJSON as A}from"../../rest/support/layoutTemplate.js";import j from"../../rest/support/LegendLayer.js";import M from"../../rest/support/PrintParameters.js";import{getVisibleLayerViews as N}from"../../rest/support/printTaskUtils.js";import P from"../../rest/support/PrintTemplate.js";import{getExtent as F}from"../../views/2d/viewpointUtils.js";import{ViewEventPriorities as I}from"../../views/input/InputManager.js";import L from"../../views/overlay/BoxOverlayItem.js";import R from"./CustomTemplate.js";import z from"./FileLink.js";import B from"./TemplateOptions.js";import{fetchLayoutTemplateInfos as V,valueUnitKebabDict as H}from"./utils.js";const U=[30,144,255,255],W=[237,211,23,255],G=[216,48,32,255],K=/(\/GPServer\/).+/i,q=n.ofType(R),J=n.ofType(z),Y=new a({Feet:`feet`,Miles:`miles`,Meters:`meters`,Kilometers:`kilometers`});function X(e){if(e.layoutOptions??={},e.layoutOptions.customTextElements??=[],!e.layoutOptions.customTextElements.find(e=>`date`in e)){let{customTextElements:t}=e.layoutOptions,n=S(Date.now(),C(`short-date`));w()===`ar`&&(n=`‏`+n),t.push({date:n})}}function Z(e,t,n){let r=e.visible??!0,i=e.legendEnabled??!0;if(!r||!i)return;let a=t===0,o=e.minScale??0,s=e.maxScale??0;if(!(a||(o===0||t<=o)&&(s===0||t>=s)))return;let c=e.sublayers?.toArray();if(c)for(let e of c)Z(e,t,n);else e.id!=null&&n.push(String(e.id))}function te(e,t,n,r){if(!t.layoutOptions)return;if(!n){t.layoutOptions.legendLayers=[];return}if(!e)return;let i=0;t.scalePreserved&&(i=t.outScale||e.scale);let a=N(e),o=[];for(let e of a)if(e.legendEnabled){let t=`sublayers`in e.layer&&e.layer.sublayers?e.layer.sublayers.toArray():void 0,n=[];for(let e of t??[])Z(e,i,n);o.push(new j({layerId:e.layer.id,title:e.layer.title||void 0,subLayerIds:t?n:void 0,dynamicLegend:r}))}t.layoutOptions.legendLayers=o}function Q(e,t,n){t&&t.visible!==n&&e.layoutOptions&&(e.layoutOptions.elementOverrides?e.layoutOptions.elementOverrides[t.name]={visible:n}:e.layoutOptions.elementOverrides={[t.name]:{visible:n}})}let $=class extends s(c(i)){constructor(e){super(e),this._serviceTemplateCustomTextElements=null,this._templateIdToCustomTemplate=new l,this._isFreeHand=!1,this._freeHandWidth=0,this._freehandHeight=0,this._asyncPrintTaskUrl=null,this._layoutInfoTaskUrl=null,this._portalLayoutInfoTaskUrl=null,this._customLayoutOptions=null,this._exportedFileNameMap={},this._layoutTemplateInfosCache=new Map,this._tasksInfoCache=new Map,this.allowedFormats=`all`,this.allowedLayouts=`all`,this.browseTemplates=new q,this.datumTransformations=null,this.defaultTemplates=new q,this.error=null,this.exportedLinks=new J,this.extraParameters=null,this.includeDefaultTemplates=!0,this.outSpatialReference=null,this.portal=T.getDefault(),this.portalTemplateIds=[],this.printServiceTemplates=new q,this.defaultTemplate=null,this.showPrintAreaEnabled=!1,this.printServiceUrl=null,this.printTimeout=12e4,this.saveExportEnabled=!1,this.templatesInfo=null,this.updateDelay=1e3,this.view=null,this.templateCustomTextElements=null,this.templateOptions=new B}initialize(){this.addHandles([u(()=>[this.showPrintAreaEnabled,this.view],()=>{this.showPrintAreaEnabled?this._enablePrintPreview():(this.removeHandles(`overlay-handler`),this.view?.overlay?.removeItem(this._getOverlayItem()))}),u(()=>[this.templateOptions.layout,this.templateOptions.layoutItem],()=>{this.loaded&&this._processTemplateOptions().catch(()=>{})}),u(()=>[this.allowedFormats,this.allowedLayouts],()=>{this.loaded&&this._loadTemplateInfos().catch(()=>{})}),u(()=>this.exportedLinks,()=>{let e={};for(let{name:t,extension:n}of this.exportedLinks){if(!t||!n)continue;let r=`${t}${n}`,i=e[r];e[r]=i===void 0?0:i+1}this._exportedFileNameMap=e},d)])}destroy(){this.removeHandles(`overlay-handler`),this.view&&=(this._overlayItem&&=(this.view.overlay?.removeItem(this._overlayItem),this._overlayItem.destroy(),null),null)}get effectivePrintServiceUrl(){return this.printServiceUrl??null}get effectiveTemplateCustomTextElements(){if(!this._serviceTemplateCustomTextElements)return{};let e=o(this._serviceTemplateCustomTextElements);return this.templateCustomTextElements&&Object.keys(this.templateCustomTextElements).forEach(t=>{let n=e[t];if(n){let e=this.templateCustomTextElements?.[t];n.forEach(t=>{let[n]=Object.entries(t)[0];e?.forEach(e=>{let[r,i]=Object.entries(e)[0];n===r&&(t[n]=i)})})}}),Object.freeze(e)}get state(){return this.loadStatus===`loading`?`initializing`:this.loadStatus===`failed`||this.error?`error`:this.loadStatus===`loaded`&&this.view?.ready?`ready`:`disabled`}async print(e){let{view:t,extraParameters:n,updateDelay:i,outSpatialReference:a,datumTransformations:o}=this;if(!t)throw new r(`print:view-required`,`view is not set`);X(e);let s=this._getOverlayItem(),c=e.scalePreserved||!this.showPrintAreaEnabled?void 0:F(new b,t.viewpoint,e.layout===`map-only`?[e.exportOptions.width,e.exportOptions.height]:[s.boxWidth,s.boxHeight]),l=new M({view:t,template:e,extent:c,extraParameters:n,updateDelay:i,outSpatialReference:a,datumTransformations:o});try{let t=!!e.layoutItem?.id&&(this.defaultTemplates.some(t=>t.layoutItem?.id===e.layoutItem?.id)||this.browseTemplates.some(t=>t.layoutItem?.id===e.layoutItem?.id));return await ee(t&&this._asyncPrintTaskUrl?this._asyncPrintTaskUrl:this.effectivePrintServiceUrl,l,{timeout:this.printTimeout})}catch(e){throw new r(`print:export-error`,`An error occurred while exporting the web map.`,{error:e})}}async load(e){return this.addResolvingPromise(this._loadResources(e).catch(e=>this.error=e)),this}toPrintTemplate({attributionEnabled:e,author:t,copyright:n,customTextElements:i,dpi:a,forceFeatureAttributes:o,format:s,height:c,id:l,includeTables:u,layout:d,layoutItem:f,legendEnabled:p,dynamicLegendEnabled:m,northArrowEnabled:h,scale:g,scaleBarEnabled:_,scaleBarUnit:v,scaleEnabled:y,title:b,width:x}){if(!d&&!f)throw new r(`print:layout-required`,`layout is not set`);let S={};t&&(S.authorText=t),n&&(S.copyrightText=n),i&&(S.customTextElements=i),b&&(S.titleText=b),_&&v&&(S.scalebarUnit=Y.toJSON(v));let C=new P({attributionVisible:e,forceFeatureAttributes:o,format:s,includeTables:u,layout:d,layoutItem:f,layoutOptions:S,outScale:g??0,scalePreserved:y});if(x&&(C.exportOptions.width=x),c&&(C.exportOptions.height=c),a&&(C.exportOptions.dpi=a),C.layoutOptions){te(this.view,C,p,m);let e=this.getLayoutTemplateById(l)?.mapSurroundInfoOptions;if(e){let t=e.northArrow;for(let e of t)Q(C,e,h);let n=e.scaleBar;for(let e of n)Q(C,e,_);let r=e.legend;for(let e of r)Q(C,e,p)}}return C}getLayoutTemplateById(e){return e?this._templateIdToCustomTemplate.get(e):null}async addPortalTemplate(e){if(!this.portal||!e?.id)return;try{if(this.loadStatus===`loading`&&await f(()=>this.loaded),!this.loaded)throw new r(`print:load-required`,`PrintViewModel must be loaded before adding portal templates.`);e.loaded||await e.load()}catch{this.applyTemplate(this.defaultTemplate);return}let t=new R({type:`browse-template`,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl,label:e.title,layoutItem:e});this._templateIdToCustomTemplate.set(t.id,t),this.browseTemplates.add(t)}removePortalTemplate(e){e.layoutItem&&this.templateOptions.id===e.layoutItem.id&&(this.defaultTemplate?this.applyTemplate(this.defaultTemplate):this.templateOptions.reset()),this.browseTemplates.remove(e),this._templateIdToCustomTemplate.delete(e.id)}async applyTemplate(e){if(e&&e===this.getLayoutTemplateById(this.templateOptions.id)||(this.templateOptions.reset(),!e))return;if(e===`map-only`){this.templateOptions.layout=`map-only`;return}!e.layout||!this.templatesInfo||this.templatesInfo.layout.choiceList.includes(e.layout)||(this.defaultTemplate?e=this.defaultTemplate:this.templateOptions.reset());let t=e.layout||e.layoutItem?.id,n=t?this.templateCustomTextElements?.[t]:void 0;if(await this.templateOptions.applyTemplate(e,{customTextElements:n,customLayoutOptions:this._customLayoutOptions}),t&&this._serviceTemplateCustomTextElements&&!this._serviceTemplateCustomTextElements[t]&&e.layoutTemplateInfo?.layoutOptions?.customTextElements){let n=o(this._serviceTemplateCustomTextElements);n[t]=e.layoutTemplateInfo.layoutOptions.customTextElements,this._serviceTemplateCustomTextElements=Object.freeze(n)}}createExportedFileLink(e){let t=this.toPrintTemplate(this.templateOptions).format.toLowerCase(),n=t.includes(`png`)?`png`:t,r=e+n;return this._updateExportedFileNameMap(r),new z({name:e,extension:n,count:this._exportedFileNameMap[r]})}export(e){let t=this.createExportedFileLink(e);this.exportedLinks.add(t);let n=this.print(this.toPrintTemplate(this.templateOptions)).then(e=>t.set({url:e?.url,state:`ready`})).catch(e=>t.set({error:e,state:`error`}));return this.emit(`submit`,{link:t,saveExportEnabled:this.saveExportEnabled}),n.then(e=>this.emit(`complete`,{link:e,saveExportEnabled:this.saveExportEnabled})),{link:t,promise:n}}async _loadResources(e){if(!this.destroyed){if(await this._loadUrls(e),await this._loadTemplateInfos(e),this.effectivePrintServiceUrl){let t=await D(this.effectivePrintServiceUrl,e);this.cimVersion=t?.cimVersion}await this._updateOverLayItem()}}async _loadTemplateInfos(e){let t=[...this.defaultTemplates,...this.printServiceTemplates];for(let{id:e}of t)this._templateIdToCustomTemplate.delete(e);this.defaultTemplates.removeAll(),this.printServiceTemplates.removeAll();let[n,r]=await Promise.all([this._getLayoutToLayoutTemplateInfos(e),this._getPrintServiceTemplatesInfo(e)]);await this._loadAllTemplates(n,r,e),this._processPrintServiceTemplatesInfo(r),await this._processTemplateOptions()}_updateExportedFileNameMap(e){this._exportedFileNameMap[e]===void 0?this._exportedFileNameMap[e]=0:this._exportedFileNameMap[e]++}async _processTemplateOptions(){let{layout:e,layoutItem:t}=this.templateOptions;if(e!==`map-only`){if(this._customLayoutOptions={legend:this.templateOptions.legendEnabled,northArrow:this.templateOptions.northArrowEnabled,scaleBar:this.templateOptions.scaleBarEnabled},t?.id){try{t.loaded||await t.load()}catch{this.applyTemplate(this.defaultTemplate);return}let e=this._templateIdToCustomTemplate.get(t.id);e||(e=new R({label:t.title,layoutItem:t,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl}),this._templateIdToCustomTemplate.set(e.id,e)),await this.applyTemplate(e)}else if(e){let e=this.defaultTemplates.find(e=>e.layout===this.templateOptions.layout)??this.printServiceTemplates.find(e=>e.layout===this.templateOptions.layout);await this.applyTemplate(e??this.defaultTemplate)}}}async _loadPortal(e){try{await this.portal.load(e)}catch(e){throw new r(`print:could-not-load-portal`,`Cannot load print resource information from portal`,{error:e,url:this.effectivePrintServiceUrl})}}async _loadUrls(e){if(this.printServiceUrl)this._set(`effectivePrintServiceUrl`,this.printServiceUrl),this._layoutInfoTaskUrl=await this._getLayoutInfoTaskUrl(this.effectivePrintServiceUrl,e);else{await this._loadPortal(e);let{printTask:t,asyncPrintTask:n,layoutInfoTask:r}=this.portal?.helperServices??{};this._set(`effectivePrintServiceUrl`,t?.url),this._asyncPrintTaskUrl=n?.url,this._layoutInfoTaskUrl=await this._getLayoutInfoTaskUrl(this.effectivePrintServiceUrl,e),this._portalLayoutInfoTaskUrl=!r?.url||this.effectivePrintServiceUrl===r.url?this._layoutInfoTaskUrl:await this._getLayoutInfoTaskUrl(r.url,e)}if(!(this.effectivePrintServiceUrl?.toLowerCase().split(`/`))?.includes(`gpserver`))throw new r(`print:invalid-print-service-url`,`Can't fetch print templates information from provided URL`,{url:this.effectivePrintServiceUrl})}async _getLayoutInfoTaskUrl(e,t){if(!e)return null;let n=await O(e,`GetLayoutTemplatesInfo`,t);return n?e.replace(K,`$1${encodeURI(n.displayName)}`):null}_getPortalDefaultTemplates(e,t){return this.portal?.helperServices?.printTask?.templates?.filter(e=>e.layout.toLowerCase()!==`map_only`&&(!t||t.includes(A(e.layout))))?.map(t=>{let n=R.fromJSON(t);if(n.type=`default-template`,n.layoutInfoTaskUrl=this._layoutInfoTaskUrl,n.layout){let t=e.get(n.layout);t&&n.setLayoutTemplateInfo(t)}return n})??[]}async _getPortalCustomTemplates(e){if(this.printServiceUrl||!this.portal)return[];let{portal:t}=this,{layoutGroupQuery:n,sourceJSON:r}=t,{state:i,user:a}=r??{},{availableCredits:o=0,assignedCredits:s=0}=a??{},c=i===`suspended`,l=i===`active`&&o<=0&&s>0,u=a?.privileges?.includes(`premium:user:print:customlayout`);if(!n||c||l||!u)return[];let d=new E({query:n,disableExtraQuery:!0}),f=await this.portal.queryGroups(d,e);if(!f.total)return[];let p=f.results[0],m=new E({num:100,query:`type:Layout`,sortField:p.sortField,sortOrder:p.sortOrder??void 0}),h=(await p.queryItems(m,e)).results;return h.length?h.map(e=>(this.portalTemplateIds.push(e.id),new R({type:`default-template`,label:e.title,layoutItem:e,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl}))):[]}async _loadAllTemplates(e,t,n){let r=!1,i=t?.layout?.choiceList;if(this.includeDefaultTemplates&&this.portal&&!this.printServiceUrl){let t=this._getPortalDefaultTemplates(e,i);r=!!t.length,this.defaultTemplates.addMany(t);let a=await this._getPortalCustomTemplates(n);this.defaultTemplates.addMany(a);for(let e of this.defaultTemplates)this._templateIdToCustomTemplate.set(e.id,e)}r||e.forEach((e,t)=>{if(!i||i.includes(t)){let n=new R({type:`print-service-template`,layout:t,layoutInfoTaskUrl:this._layoutInfoTaskUrl});n.setLayoutTemplateInfo(e),this.printServiceTemplates.add(n),this._templateIdToCustomTemplate.set(n.id,n)}})}_processPrintServiceTemplatesInfo(e){this._set(`templatesInfo`,e);let t=e?.layout?.defaultValue;if(t&&t!==`map-only`){let e=this.defaultTemplates.find(e=>e.layout===t)??this.printServiceTemplates.find(e=>e.layout===t)??this.defaultTemplates.at(0)??this.printServiceTemplates.at(0);this._set(`defaultTemplate`,e)}}async _getLayoutToLayoutTemplateInfos(e){let t=this._layoutInfoTaskUrl,n=t?this._layoutTemplateInfosCache.get(t):void 0,r=n??(t?await V(t,void 0,e):[]);!n&&t&&this._layoutTemplateInfosCache.set(t,r);let i=new Map,a={};for(let e of r){let t=A(e.layoutTemplate);i.set(t,e),a[t]=e.layoutOptions.customTextElements}return this._serviceTemplateCustomTextElements=Object.freeze(a),i}async _getPrintServiceTemplatesInfo(e){let t=this.effectivePrintServiceUrl?this._tasksInfoCache.get(this.effectivePrintServiceUrl):void 0,n=t??(this.effectivePrintServiceUrl?await O(this.effectivePrintServiceUrl,`ExportWebMap`,e):void 0);if(!n)throw new r(`print:unavailable-service-info`,`Can't fetch templates info from service`);!t&&this.effectivePrintServiceUrl&&this._tasksInfoCache.set(this.effectivePrintServiceUrl,n);let{parameters:i}=n,a=i.find(({name:e})=>e===`Format`),o=i.find(({name:e})=>e===`Layout_Template`);return{format:this._getFormat(a),layout:this._getLayout(o)}}_getFormat(e){let n=this.allowedFormats===`all`?e.choiceList:e.choiceList.filter(e=>typeof this.allowedFormats!=`string`&&this.allowedFormats.some(t=>RegExp(`\\b${t}\\b`,`i`).test(e))),r=(n.length?n:e.choiceList).map(e=>k.fromJSON(e)).filter(t),i=k.fromJSON(e.defaultValue);return{choiceList:r,defaultValue:r.some(e=>RegExp(`\\b${i}\\b`,`i`).test(e))?i:r[0]}}_getLayout(e){let n=e.choiceList.filter(e=>e.toLowerCase()!==`map_only`),r=this.allowedLayouts===`all`?n:n.filter(e=>this.allowedLayouts.includes(A(e))),i=(r.length?r:n).map(A).filter(t),a=A(e.defaultValue);return{choiceList:i,defaultValue:i.includes(a)?a:i.find(e=>/(?=.*letter)(?=.*landscape)/i.test(e))??i.find(e=>/(?=.*a4)(?=.*landscape)/i.test(e))??i[0]}}_getOverlayItem(){return this._overlayItem||=new L({strokeDash:[5],strokeWidth:2,strokeColor:[30,144,255,255]}),this._overlayItem}_enablePrintPreview(){if(!this.view?.overlay)return;let e=this.templateOptions,t=this._getOverlayItem();this.addHandles([u(()=>[e.width,e.height,e.scaleEnabled,e.scale,e.layout,e.layoutItem,e.id,e.state,e.dpi,this.view?.scale,this.view?.size,this.view?.state.paddedViewState.size,this.view?.state.padding,this.loaded],()=>void this._updateOverLayItem(),d),this.view?.on(`drag`,[`Shift`],e=>this._handleDrag(e),I.WIDGET),this.view?.on(`key-down`,[`Escape`],()=>this._resetDrag(),I.WIDGET)],`overlay-handler`),this.view.overlay.addItem(t)}async _updateOverLayItem(){if(!this.view)return;await this.view.when();let e=this.templateOptions,t=this._getOverlayItem(),n=e.layoutItem?.id??e.layout,r=this.view,i=r.spatialReference,[a,o]=r.state.paddedViewState.size,s=r.state.padding,c=0,l=0;if(n===`map-only`)e.width!=null&&e.height!=null&&(c=e.width,l=e.height);else if(n){let{webMapFrameSize:t,pageUnits:n}=(e.id?this._templateIdToCustomTemplate.get(e.id):null)?.layoutTemplateInfo??{},r=!1;if(t&&n){if(this._isFreeHand){let e=t[0]/t[1];c=this._freeHandWidth,l=this._freehandHeight,c>l?l=c/e:c=l*e}else{let e=H.fromJSON(n.toLowerCase()),a=i.unit;m(e)===m(a)?(c=h(t[0],e,a),l=h(t[1],e,a)):(r=!0,c=t[0],l=t[1])}}if(!this._isFreeHand){if(e.scaleEnabled&&e.scale){let e=r?Math.min(a/c,o/l):g(i)*_*96;c*=e,l*=e}else if(c===0||l===0)c=a,l=o;else{let e=a-a*.1,t=o-o*.1,n=e/c,r=t/l,i=Math.min(n,r);c*=i,l*=i}}}let{scaleEnabled:u,scale:d}=e,f=u&&d?d/this.view.scale:1;if(t.boxWidth=c*f||a,t.boxHeight=l*f||o,s&&(t.padding=s),t.backgroundWidth=a??0,t.backgroundHeight=o??0,this.loadStatus===`loading`)t.strokeColor=W;else if(this.loadStatus===`loaded`)switch(this.templateOptions.state){case`pending`:t.strokeColor=W;break;case`ready`:t.strokeColor=U;break;case`error`:t.strokeColor=G}}_resetDrag(){this._isFreeHand=!1,this._updateOverLayItem()}_handleDrag(e){switch(e.action){case`start`:this._start();break;case`update`:this._update(e);break;case`end`:this._end()}e.stopPropagation()}_start(){this._isFreeHand=!0}_update(e){let t=this._getOverlayItem(),{x:n,y:r}=e,{x:i,y:a}=e.origin;n>i?(t.x=i,t.boxWidth=n-i):(t.x=n,t.boxWidth=i-n),r>a?(t.y=a,t.boxHeight=r-a):(t.y=r,t.boxHeight=a-r)}_end(){let e=this._getOverlayItem();if(!this.view||e.x==null||e.y==null)return;let t=this.view,n=t.toMap(p(e.x+e.boxWidth*.5,e.y+e.boxHeight*.5));e.x=null,e.y=null,t.goTo({center:n}),this._freeHandWidth=e.boxWidth,this._freehandHeight=e.boxHeight,this.templateOptions.layout===`map-only`&&(this.templateOptions.width=this._freeHandWidth,this.templateOptions.height=this._freehandHeight),this.templateOptions.scale=this.view.scale,this._updateOverLayItem()}};e([v()],$.prototype,`_serviceTemplateCustomTextElements`,void 0),e([v()],$.prototype,`_templateIdToCustomTemplate`,void 0),e([v()],$.prototype,`allowedFormats`,void 0),e([v()],$.prototype,`allowedLayouts`,void 0),e([v({type:q})],$.prototype,`browseTemplates`,void 0),e([v()],$.prototype,`cimVersion`,void 0),e([v()],$.prototype,`datumTransformations`,void 0),e([v({type:q})],$.prototype,`defaultTemplates`,void 0),e([v()],$.prototype,`error`,void 0),e([v({type:J})],$.prototype,`exportedLinks`,void 0),e([v()],$.prototype,`extraParameters`,void 0),e([v()],$.prototype,`includeDefaultTemplates`,void 0),e([v({readOnly:!0})],$.prototype,`effectivePrintServiceUrl`,null),e([v()],$.prototype,`effectiveTemplateCustomTextElements`,null),e([v({type:x})],$.prototype,`outSpatialReference`,void 0),e([v({type:T})],$.prototype,`portal`,void 0),e([v()],$.prototype,`portalTemplateIds`,void 0),e([v({type:q})],$.prototype,`printServiceTemplates`,void 0),e([v({readOnly:!0})],$.prototype,`defaultTemplate`,void 0),e([v()],$.prototype,`showPrintAreaEnabled`,void 0),e([v()],$.prototype,`printServiceUrl`,void 0),e([v()],$.prototype,`printTimeout`,void 0),e([v()],$.prototype,`saveExportEnabled`,void 0),e([v({readOnly:!0})],$.prototype,`state`,null),e([v({readOnly:!0})],$.prototype,`templatesInfo`,void 0),e([v()],$.prototype,`updateDelay`,void 0),e([v()],$.prototype,`view`,void 0),e([v()],$.prototype,`templateCustomTextElements`,void 0),e([v({type:B})],$.prototype,`templateOptions`,void 0),$=e([y(`esri.widgets.Print.PrintViewModel`)],$);const ne=$;export{ne as default};
+import{__decorate as e}from"tslib";import{isSome as t}from"../../core/arrayUtils.js";import n from"../../core/Collection.js";import r from"../../core/Error.js";import{EventedAccessor as i}from"../../core/Evented.js";import{JSONMap as a}from"../../core/jsonMap.js";import{clone as o}from"../../core/lang.js";import{LoadableMixin as s}from"../../core/Loadable.js";import{EsriPromiseMixin as c}from"../../core/Promise.js";import l from"../../core/ReactiveMap.js";import{watch as u,initial as d,whenOnce as f}from"../../core/reactiveUtils.js";import{createScreenPoint as p}from"../../core/screenUtils.js";import{unitType as m,convertUnit as h,getMetersPerUnitForSR as g,inchesPerMeter as _}from"../../core/units.js";import{property as v,subclass as y}from"../../core/accessorSupport/decorators.js";import b from"../../geometry/Extent.js";import x from"../../geometry/SpatialReference.js";import{formatDate as S,convertDateFormatToIntlOptions as C}from"../../intl/date.js";import{getLocaleLanguage as w}from"../../intl/locale.js";import T from"../../portal/Portal.js";import E from"../../portal/PortalQueryParams.js";import{execute as ee,getPrintCapabilities as D,getTaskInfo as O}from"../../rest/print.js";import{formatJsonMap as k}from"../../rest/support/fileFormat.js";import{fromJSON as A}from"../../rest/support/layoutTemplate.js";import j from"../../rest/support/LegendLayer.js";import M from"../../rest/support/PrintParameters.js";import{getVisibleLayerViews as N}from"../../rest/support/printTaskUtils.js";import P from"../../rest/support/PrintTemplate.js";import{getExtent as F}from"../../views/2d/viewpointUtils.js";import{ViewEventPriorities as I}from"../../views/input/InputManager.js";import L from"../../views/overlay/BoxOverlayItem.js";import R from"./CustomTemplate.js";import z from"./FileLink.js";import B from"./TemplateOptions.js";import{fetchLayoutTemplateInfos as V,valueUnitKebabDict as H}from"./utils.js";const U=[30,144,255,255],W=[237,211,23,255],G=[216,48,32,255],K=/(\/GPServer\/).+/i,q=n.ofType(R),J=n.ofType(z),Y=new a({Feet:`feet`,Miles:`miles`,Meters:`meters`,Kilometers:`kilometers`});function X(e){if(e.layoutOptions??={},e.layoutOptions.customTextElements??=[],!e.layoutOptions.customTextElements.find(e=>`date`in e)){let{customTextElements:t}=e.layoutOptions,n=S(Date.now(),C(`short-date`));w()===`ar`&&(n=`‏`+n),t.push({date:n})}}function Z(e,t,n){let r=e.visible??!0,i=e.legendEnabled??!0;if(!r||!i)return;let a=t===0,o=e.minScale??0,s=e.maxScale??0;if(!(a||(o===0||t<=o)&&(s===0||t>=s)))return;let c=e.sublayers?.toArray();if(c)for(let e of c)Z(e,t,n);else e.id!=null&&n.push(String(e.id))}function te(e,t,n,r){if(!t.layoutOptions)return;if(!n){t.layoutOptions.legendLayers=[];return}if(!e)return;let i=0;t.scalePreserved&&(i=t.outScale||e.scale);let a=N(e),o=[];for(let e of a)if(e.legendEnabled){let t=`sublayers`in e.layer&&e.layer.sublayers?e.layer.sublayers.toArray():void 0,n=[];for(let e of t??[])Z(e,i,n);o.push(new j({layerId:e.layer.id,title:e.layer.title||void 0,subLayerIds:t?n:void 0,dynamicLegend:r}))}t.layoutOptions.legendLayers=o}function Q(e,t,n){t&&t.visible!==n&&e.layoutOptions&&(e.layoutOptions.elementOverrides?e.layoutOptions.elementOverrides[t.name]={visible:n}:e.layoutOptions.elementOverrides={[t.name]:{visible:n}})}let $=class extends s(c(i)){constructor(e){super(e),this._serviceTemplateCustomTextElements=null,this._templateIdToCustomTemplate=new l,this._isFreeHand=!1,this._freeHandWidth=0,this._freehandHeight=0,this._asyncPrintTaskUrl=null,this._layoutInfoTaskUrl=null,this._portalLayoutInfoTaskUrl=null,this._customLayoutOptions=null,this._exportedFileNameMap={},this._layoutTemplateInfosCache=new Map,this.allowedFormats=`all`,this.allowedLayouts=`all`,this.browseTemplates=new q,this.datumTransformations=null,this.defaultTemplates=new q,this.error=null,this.exportedLinks=new J,this.extraParameters=null,this.includeDefaultTemplates=!0,this.outSpatialReference=null,this.portal=T.getDefault(),this.portalTemplateIds=[],this.printServiceTemplates=new q,this.defaultTemplate=null,this.showPrintAreaEnabled=!1,this.printServiceUrl=null,this.printTimeout=12e4,this.saveExportEnabled=!1,this.templatesInfo=null,this.updateDelay=1e3,this.view=null,this.templateCustomTextElements=null,this.templateOptions=new B}initialize(){this.addHandles([u(()=>[this.showPrintAreaEnabled,this.view],()=>{this.showPrintAreaEnabled?this._enablePrintPreview():(this.removeHandles(`overlay-handler`),this.view?.overlay?.removeItem(this._getOverlayItem()))}),u(()=>[this.templateOptions.layout,this.templateOptions.layoutItem],()=>{this.loaded&&this._processTemplateOptions().catch(()=>{})}),u(()=>[this.allowedFormats,this.allowedLayouts],()=>{this.loaded&&this._loadTemplateInfos().catch(()=>{})}),u(()=>this.exportedLinks,()=>{let e={};for(let{name:t,extension:n}of this.exportedLinks){if(!t||!n)continue;let r=`${t}${n}`,i=e[r];e[r]=i===void 0?0:i+1}this._exportedFileNameMap=e},d)])}destroy(){this.removeHandles(`overlay-handler`),this.view&&=(this._overlayItem&&=(this.view.overlay?.removeItem(this._overlayItem),this._overlayItem.destroy(),null),null)}get effectivePrintServiceUrl(){return this.printServiceUrl??null}get effectiveTemplateCustomTextElements(){if(!this._serviceTemplateCustomTextElements)return{};let e=o(this._serviceTemplateCustomTextElements);return this.templateCustomTextElements&&Object.keys(this.templateCustomTextElements).forEach(t=>{let n=e[t];if(n){let e=this.templateCustomTextElements?.[t];n.forEach(t=>{let[n]=Object.entries(t)[0];e?.forEach(e=>{let[r,i]=Object.entries(e)[0];n===r&&(t[n]=i)})})}}),Object.freeze(e)}get state(){return this.loadStatus===`loading`?`initializing`:this.loadStatus===`failed`||this.error?`error`:this.loadStatus===`loaded`&&this.view?.ready?`ready`:`disabled`}async print(e){let{view:t,extraParameters:n,updateDelay:i,outSpatialReference:a,datumTransformations:o}=this;if(!t)throw new r(`print:view-required`,`view is not set`);X(e);let s=this._getOverlayItem(),c=e.scalePreserved||!this.showPrintAreaEnabled?void 0:F(new b,t.viewpoint,e.layout===`map-only`?[e.exportOptions.width,e.exportOptions.height]:[s.boxWidth,s.boxHeight]),l=new M({view:t,template:e,extent:c,extraParameters:n,updateDelay:i,outSpatialReference:a,datumTransformations:o});try{let t=!!e.layoutItem?.id&&(this.defaultTemplates.some(t=>t.layoutItem?.id===e.layoutItem?.id)||this.browseTemplates.some(t=>t.layoutItem?.id===e.layoutItem?.id));return await ee(t&&this._asyncPrintTaskUrl?this._asyncPrintTaskUrl:this.effectivePrintServiceUrl,l,{timeout:this.printTimeout})}catch(e){throw new r(`print:export-error`,`An error occurred while exporting the web map.`,{error:e})}}async load(e){return this.addResolvingPromise(this._loadResources(e).catch(e=>this.error=e)),this}toPrintTemplate({attributionEnabled:e,author:t,copyright:n,customTextElements:i,dpi:a,forceFeatureAttributes:o,format:s,height:c,id:l,includeTables:u,layout:d,layoutItem:f,legendEnabled:p,dynamicLegendEnabled:m,northArrowEnabled:h,scale:g,scaleBarEnabled:_,scaleBarUnit:v,scaleEnabled:y,title:b,width:x}){if(!d&&!f)throw new r(`print:layout-required`,`layout is not set`);let S={};t&&(S.authorText=t),n&&(S.copyrightText=n),i&&(S.customTextElements=i),b&&(S.titleText=b),_&&v&&(S.scalebarUnit=Y.toJSON(v));let C=new P({attributionVisible:e,forceFeatureAttributes:o,format:s,includeTables:u,layout:d,layoutItem:f,layoutOptions:S,outScale:g??0,scalePreserved:y});if(x&&(C.exportOptions.width=x),c&&(C.exportOptions.height=c),a&&(C.exportOptions.dpi=a),C.layoutOptions){te(this.view,C,p,m);let e=this.getLayoutTemplateById(l)?.mapSurroundInfoOptions;if(e){let t=e.northArrow;for(let e of t)Q(C,e,h);let n=e.scaleBar;for(let e of n)Q(C,e,_);let r=e.legend;for(let e of r)Q(C,e,p)}}return C}getLayoutTemplateById(e){return e?this._templateIdToCustomTemplate.get(e):null}async addPortalTemplate(e){if(!this.portal||!e?.id)return;try{if(this.loadStatus===`loading`&&await f(()=>this.loaded),!this.loaded)throw new r(`print:load-required`,`PrintViewModel must be loaded before adding portal templates.`);e.loaded||await e.load()}catch{this.applyTemplate(this.defaultTemplate);return}let t=new R({type:`browse-template`,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl,label:e.title,layoutItem:e});this._templateIdToCustomTemplate.set(t.id,t),this.browseTemplates.add(t)}removePortalTemplate(e){e.layoutItem&&this.templateOptions.id===e.layoutItem.id&&(this.defaultTemplate?this.applyTemplate(this.defaultTemplate):this.templateOptions.reset()),this.browseTemplates.remove(e),this._templateIdToCustomTemplate.delete(e.id)}async applyTemplate(e){if(e&&e===this.getLayoutTemplateById(this.templateOptions.id)||(this.templateOptions.reset(),!e))return;if(e===`map-only`){this.templateOptions.layout=`map-only`;return}!e.layout||!this.templatesInfo||this.templatesInfo.layout.choiceList.includes(e.layout)||(this.defaultTemplate?e=this.defaultTemplate:this.templateOptions.reset());let t=e.layout||e.layoutItem?.id,n=t?this.templateCustomTextElements?.[t]:void 0;if(await this.templateOptions.applyTemplate(e,{customTextElements:n,customLayoutOptions:this._customLayoutOptions}),t&&this._serviceTemplateCustomTextElements&&!this._serviceTemplateCustomTextElements[t]&&e.layoutTemplateInfo?.layoutOptions?.customTextElements){let n=o(this._serviceTemplateCustomTextElements);n[t]=e.layoutTemplateInfo.layoutOptions.customTextElements,this._serviceTemplateCustomTextElements=Object.freeze(n)}}createExportedFileLink(e){let t=this.toPrintTemplate(this.templateOptions).format.toLowerCase(),n=t.includes(`png`)?`png`:t,r=e+n;return this._updateExportedFileNameMap(r),new z({name:e,extension:n,count:this._exportedFileNameMap[r]})}export(e){let t=this.createExportedFileLink(e);this.exportedLinks.add(t);let n=this.print(this.toPrintTemplate(this.templateOptions)).then(e=>t.set({url:e?.url,state:`ready`})).catch(e=>t.set({error:e,state:`error`}));return this.emit(`submit`,{link:t,saveExportEnabled:this.saveExportEnabled}),n.then(e=>this.emit(`complete`,{link:e,saveExportEnabled:this.saveExportEnabled})),{link:t,promise:n}}async _loadResources(e){this.destroyed||(await this._loadUrls(e),await this._loadTemplateInfos(e),this.effectivePrintServiceUrl&&(this.capabilities=await D(this.effectivePrintServiceUrl,e)),await this._updateOverLayItem())}async _loadTemplateInfos(e){let t=[...this.defaultTemplates,...this.printServiceTemplates];for(let{id:e}of t)this._templateIdToCustomTemplate.delete(e);this.defaultTemplates.removeAll(),this.printServiceTemplates.removeAll();let[n,r]=await Promise.all([this._getLayoutToLayoutTemplateInfos(e),this._getPrintServiceTemplatesInfo(e)]);await this._loadAllTemplates(n,r,e),this._processPrintServiceTemplatesInfo(r),await this._processTemplateOptions()}_updateExportedFileNameMap(e){this._exportedFileNameMap[e]===void 0?this._exportedFileNameMap[e]=0:this._exportedFileNameMap[e]++}async _processTemplateOptions(){let{layout:e,layoutItem:t}=this.templateOptions;if(e!==`map-only`){if(this._customLayoutOptions={legend:this.templateOptions.legendEnabled,northArrow:this.templateOptions.northArrowEnabled,scaleBar:this.templateOptions.scaleBarEnabled},t?.id){try{t.loaded||await t.load()}catch{this.applyTemplate(this.defaultTemplate);return}let e=this._templateIdToCustomTemplate.get(t.id);e||(e=new R({label:t.title,layoutItem:t,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl}),this._templateIdToCustomTemplate.set(e.id,e)),await this.applyTemplate(e)}else if(e){let e=this.defaultTemplates.find(e=>e.layout===this.templateOptions.layout)??this.printServiceTemplates.find(e=>e.layout===this.templateOptions.layout);await this.applyTemplate(e??this.defaultTemplate)}}}async _loadPortal(e){try{await this.portal.load(e)}catch(e){throw new r(`print:could-not-load-portal`,`Cannot load print resource information from portal`,{error:e,url:this.effectivePrintServiceUrl})}}async _loadUrls(e){if(this.printServiceUrl)this._set(`effectivePrintServiceUrl`,this.printServiceUrl),this._layoutInfoTaskUrl=await this._getLayoutInfoTaskUrl(this.effectivePrintServiceUrl,e);else{await this._loadPortal(e);let{printTask:t,asyncPrintTask:n,layoutInfoTask:r}=this.portal?.helperServices??{};this._set(`effectivePrintServiceUrl`,t?.url),this._asyncPrintTaskUrl=n?.url,this._layoutInfoTaskUrl=await this._getLayoutInfoTaskUrl(this.effectivePrintServiceUrl,e),this._portalLayoutInfoTaskUrl=!r?.url||this.effectivePrintServiceUrl===r.url?this._layoutInfoTaskUrl:await this._getLayoutInfoTaskUrl(r.url,e)}if(!(this.effectivePrintServiceUrl?.toLowerCase().split(`/`))?.includes(`gpserver`))throw new r(`print:invalid-print-service-url`,`Can't fetch print templates information from provided URL`,{url:this.effectivePrintServiceUrl})}async _getLayoutInfoTaskUrl(e,t){if(!e)return null;let n=await O(e,`GetLayoutTemplatesInfo`,t);return n?e.replace(K,`$1${encodeURI(n.displayName)}`):null}_getPortalDefaultTemplates(e,t){return this.portal?.helperServices?.printTask?.templates?.filter(e=>e.layout.toLowerCase()!==`map_only`&&(!t||t.includes(A(e.layout))))?.map(t=>{let n=R.fromJSON(t);if(n.type=`default-template`,n.layoutInfoTaskUrl=this._layoutInfoTaskUrl,n.layout){let t=e.get(n.layout);t&&n.setLayoutTemplateInfo(t)}return n})??[]}async _getPortalCustomTemplates(e){if(this.printServiceUrl||!this.portal)return[];let{portal:t}=this,{layoutGroupQuery:n,sourceJSON:r}=t,{state:i,user:a}=r??{},{availableCredits:o=0,assignedCredits:s=0}=a??{},c=i===`suspended`,l=i===`active`&&o<=0&&s>0,u=a?.privileges?.includes(`premium:user:print:customlayout`);if(!n||c||l||!u)return[];let d=new E({query:n,disableExtraQuery:!0}),f=await this.portal.queryGroups(d,e);if(!f.total)return[];let p=f.results[0],m=new E({num:100,query:`type:Layout`,sortField:p.sortField,sortOrder:p.sortOrder??void 0}),h=(await p.queryItems(m,e)).results;return h.length?h.map(e=>(this.portalTemplateIds.push(e.id),new R({type:`default-template`,label:e.title,layoutItem:e,layoutInfoTaskUrl:this._portalLayoutInfoTaskUrl}))):[]}async _loadAllTemplates(e,t,n){let r=!1,i=t?.layout?.choiceList;if(this.includeDefaultTemplates&&this.portal&&!this.printServiceUrl){let t=this._getPortalDefaultTemplates(e,i);r=!!t.length,this.defaultTemplates.addMany(t);let a=await this._getPortalCustomTemplates(n);this.defaultTemplates.addMany(a);for(let e of this.defaultTemplates)this._templateIdToCustomTemplate.set(e.id,e)}r||e.forEach((e,t)=>{if(!i||i.includes(t)){let n=new R({type:`print-service-template`,layout:t,layoutInfoTaskUrl:this._layoutInfoTaskUrl});n.setLayoutTemplateInfo(e),this.printServiceTemplates.add(n),this._templateIdToCustomTemplate.set(n.id,n)}})}_processPrintServiceTemplatesInfo(e){this._set(`templatesInfo`,e);let t=e?.layout?.defaultValue;if(t&&t!==`map-only`){let e=this.defaultTemplates.find(e=>e.layout===t)??this.printServiceTemplates.find(e=>e.layout===t)??this.defaultTemplates.at(0)??this.printServiceTemplates.at(0);this._set(`defaultTemplate`,e)}}async _getLayoutToLayoutTemplateInfos(e){let t=this._layoutInfoTaskUrl,n=t?this._layoutTemplateInfosCache.get(t):void 0,r=n??(t?await V(t,void 0,e):[]);!n&&t&&this._layoutTemplateInfosCache.set(t,r);let i=new Map,a={};for(let e of r){let t=A(e.layoutTemplate);i.set(t,e),a[t]=e.layoutOptions.customTextElements}return this._serviceTemplateCustomTextElements=Object.freeze(a),i}async _getPrintServiceTemplatesInfo(e){let t=this.effectivePrintServiceUrl?await O(this.effectivePrintServiceUrl,`ExportWebMap`,e):void 0;if(!t)throw new r(`print:unavailable-service-info`,`Can't fetch templates info from service`);let{parameters:n}=t,i=n.find(({name:e})=>e===`Format`),a=n.find(({name:e})=>e===`Layout_Template`);return{format:this._getFormat(i),layout:this._getLayout(a)}}_getFormat(e){let n=this.allowedFormats===`all`?e.choiceList:e.choiceList.filter(e=>typeof this.allowedFormats!=`string`&&this.allowedFormats.some(t=>RegExp(`\\b${t}\\b`,`i`).test(e))),r=(n.length?n:e.choiceList).map(e=>k.fromJSON(e)).filter(t),i=k.fromJSON(e.defaultValue);return{choiceList:r,defaultValue:r.some(e=>RegExp(`\\b${i}\\b`,`i`).test(e))?i:r[0]}}_getLayout(e){let n=e.choiceList.filter(e=>e.toLowerCase()!==`map_only`),r=this.allowedLayouts===`all`?n:n.filter(e=>this.allowedLayouts.includes(A(e))),i=(r.length?r:n).map(A).filter(t),a=A(e.defaultValue);return{choiceList:i,defaultValue:i.includes(a)?a:i.find(e=>/(?=.*letter)(?=.*landscape)/i.test(e))??i.find(e=>/(?=.*a4)(?=.*landscape)/i.test(e))??i[0]}}_getOverlayItem(){return this._overlayItem||=new L({strokeDash:[5],strokeWidth:2,strokeColor:[30,144,255,255]}),this._overlayItem}_enablePrintPreview(){if(!this.view?.overlay)return;let e=this.templateOptions,t=this._getOverlayItem();this.addHandles([u(()=>[e.width,e.height,e.scaleEnabled,e.scale,e.layout,e.layoutItem,e.id,e.state,e.dpi,this.view?.scale,this.view?.size,this.view?.state.paddedViewState.size,this.view?.state.padding,this.loaded],()=>void this._updateOverLayItem(),d),this.view?.on(`drag`,[`Shift`],e=>this._handleDrag(e),I.WIDGET),this.view?.on(`key-down`,[`Escape`],()=>this._resetDrag(),I.WIDGET)],`overlay-handler`),this.view.overlay.addItem(t)}async _updateOverLayItem(){if(!this.view)return;await this.view.when();let e=this.templateOptions,t=this._getOverlayItem(),n=e.layoutItem?.id??e.layout,r=this.view,i=r.spatialReference,[a,o]=r.state.paddedViewState.size,s=r.state.padding,c=0,l=0;if(n===`map-only`)e.width!=null&&e.height!=null&&(c=e.width,l=e.height);else if(n){let{webMapFrameSize:t,pageUnits:n}=(e.id?this._templateIdToCustomTemplate.get(e.id):null)?.layoutTemplateInfo??{},r=!1;if(t&&n){if(this._isFreeHand){let e=t[0]/t[1];c=this._freeHandWidth,l=this._freehandHeight,c>l?l=c/e:c=l*e}else{let e=H.fromJSON(n.toLowerCase()),a=i.unit;m(e)===m(a)?(c=h(t[0],e,a),l=h(t[1],e,a)):(r=!0,c=t[0],l=t[1])}}if(!this._isFreeHand){if(e.scaleEnabled&&e.scale){let e=r?Math.min(a/c,o/l):g(i)*_*96;c*=e,l*=e}else if(c===0||l===0)c=a,l=o;else{let e=a-a*.1,t=o-o*.1,n=e/c,r=t/l,i=Math.min(n,r);c*=i,l*=i}}}let{scaleEnabled:u,scale:d}=e,f=u&&d?d/this.view.scale:1;if(t.boxWidth=c*f||a,t.boxHeight=l*f||o,s&&(t.padding=s),t.backgroundWidth=a??0,t.backgroundHeight=o??0,this.loadStatus===`loading`)t.strokeColor=W;else if(this.loadStatus===`loaded`)switch(this.templateOptions.state){case`pending`:t.strokeColor=W;break;case`ready`:t.strokeColor=U;break;case`error`:t.strokeColor=G}}_resetDrag(){this._isFreeHand=!1,this._updateOverLayItem()}_handleDrag(e){switch(e.action){case`start`:this._start();break;case`update`:this._update(e);break;case`end`:this._end()}e.stopPropagation()}_start(){this._isFreeHand=!0}_update(e){let t=this._getOverlayItem(),{x:n,y:r}=e,{x:i,y:a}=e.origin;n>i?(t.x=i,t.boxWidth=n-i):(t.x=n,t.boxWidth=i-n),r>a?(t.y=a,t.boxHeight=r-a):(t.y=r,t.boxHeight=a-r)}_end(){let e=this._getOverlayItem();if(!this.view||e.x==null||e.y==null)return;let t=this.view,n=t.toMap(p(e.x+e.boxWidth*.5,e.y+e.boxHeight*.5));e.x=null,e.y=null,t.goTo({center:n}),this._freeHandWidth=e.boxWidth,this._freehandHeight=e.boxHeight,this.templateOptions.layout===`map-only`&&(this.templateOptions.width=this._freeHandWidth,this.templateOptions.height=this._freehandHeight),this.templateOptions.scale=this.view.scale,this._updateOverLayItem()}};e([v()],$.prototype,`_serviceTemplateCustomTextElements`,void 0),e([v()],$.prototype,`_templateIdToCustomTemplate`,void 0),e([v()],$.prototype,`allowedFormats`,void 0),e([v()],$.prototype,`allowedLayouts`,void 0),e([v({type:q})],$.prototype,`browseTemplates`,void 0),e([v()],$.prototype,`capabilities`,void 0),e([v()],$.prototype,`datumTransformations`,void 0),e([v({type:q})],$.prototype,`defaultTemplates`,void 0),e([v()],$.prototype,`error`,void 0),e([v({type:J})],$.prototype,`exportedLinks`,void 0),e([v()],$.prototype,`extraParameters`,void 0),e([v()],$.prototype,`includeDefaultTemplates`,void 0),e([v({readOnly:!0})],$.prototype,`effectivePrintServiceUrl`,null),e([v()],$.prototype,`effectiveTemplateCustomTextElements`,null),e([v({type:x})],$.prototype,`outSpatialReference`,void 0),e([v({type:T})],$.prototype,`portal`,void 0),e([v()],$.prototype,`portalTemplateIds`,void 0),e([v({type:q})],$.prototype,`printServiceTemplates`,void 0),e([v({readOnly:!0})],$.prototype,`defaultTemplate`,void 0),e([v()],$.prototype,`showPrintAreaEnabled`,void 0),e([v()],$.prototype,`printServiceUrl`,void 0),e([v()],$.prototype,`printTimeout`,void 0),e([v()],$.prototype,`saveExportEnabled`,void 0),e([v({readOnly:!0})],$.prototype,`state`,null),e([v({readOnly:!0})],$.prototype,`templatesInfo`,void 0),e([v()],$.prototype,`updateDelay`,void 0),e([v()],$.prototype,`view`,void 0),e([v()],$.prototype,`templateCustomTextElements`,void 0),e([v({type:B})],$.prototype,`templateOptions`,void 0),$=e([y(`esri.widgets.Print.PrintViewModel`)],$);const ne=$;export{ne as default};

package/widgets/Print.js

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{__decorate as e}from"tslib";import{formatNumber as t}from"../intl.js";import n from"../core/Collection.js";import{deprecateWidget as r}from"../core/deprecate.js";import{JSONMap as i}from"../core/jsonMap.js";import a from"../core/Logger.js";import{watch as o,on as s,whenOnce as c}from"../core/reactiveUtils.js";import{unitName as l}from"../core/unitFormatUtils.js";import{addProxy as u,hasSameOrigin as d}from"../core/urlUtils.js";import{property as f,subclass as p}from"../core/accessorSupport/decorators.js";import{ensureInteger as m}from"../core/accessorSupport/ensureType.js";import h from"../geometry/SpatialReference.js";import{isValid as g}from"../geometry/support/spatialReferenceUtils.js";import _ from"../portal/Portal.js";import{reArcGISOnlineDomain as v}from"../portal/support/urlUtils.js";import{findToken as y}from"../rest/utils.js";import{formatJsonMap as b}from"../rest/support/fileFormat.js";import x from"./Widget.js";import S from"./Print/FileLink.js";import C from"./Print/PrintViewModel.js";import w from"./Print/TemplateOptions.js";import{loadCalciteComponents as T}from"./support/componentsUtils.js";import{globalCss as E}from"./support/globalCss.js";import{Heading as D}from"./support/Heading.js";import{legacyIcon as O}from"./support/legacyIcon.js";import{messageBundle as k,tsx as A,isRTL as j,tsxFragment as M,isActivationKey as N}from"./support/widget.js";const P=`map-only`,F=`esri-print`,I={base:F,headerTitle:`${F}__header-title`,layoutTabList:`${F}__layout-tab-list`,layoutTab:`${F}__layout-tab`,layoutSection:`${F}__layout-section`,mapOnlySection:`${F}__map-only-section`,panelItemsCentered:`${F}__panel-items--centered`,loader:`${F}__loader`,swapButton:`${F}__swap-button`,printButton:`${F}__export-button`,printButtonSection:`${F}__export-button-section`,printButtonSectionDivider:`${F}__export-button-section--divider`,templateSelectContainer:`${F}__template-select-container`,templateSelectIcon:`${F}__template-select-icon`,templateSelectError:`${F}__template-select-error`,templateSelectArrow:`${F}__template-select-arrow`,formSectionContainer:`${F}__form-section-container`,advancedOptionsSection:`${F}__advanced-options-section`,advancedOptionsContainer:`${F}__advanced-options-container`,browseTemplateButtonContainer:`${F}__browse-template-button-container`,browseTemplateButtonContainerFilter:`${F}__browse-template-button-container-filter`,exportedFilesContainer:`${F}__export-panel-container`,exportedFilesTitle:`${F}__export-title`,exportedFile:`${F}__exported-file`,exportedFileLinkTitle:`${F}__exported-file-link-title`,exportedFileLinkDescription:`${F}__exported-file-link-description`,exportedFilesEmpty:`${F}__exported-files-empty`,printWidgetContainer:`${F}__container`,content:`${F}__content`,panelContainer:`${F}__panel-container`,scaleInfoContainer:`${F}__scale-info-container`,scaleInputContainer:`${F}__scale-input-container`,scaleInput:`${F}__scale-input`,sizeContainer:`${F}__size-container`,panelError:`${F}__panel--error`,exportedFileLoader:`${F}__exported-file--loader`,exportSection:`${F}__export-section`,exportSectionCentered:`${F}__export-section--centered`,templateButtonContainer:`${F}__template-button-container`,templateDoneButton:`${F}__template-done-button`,templateSelectFlowItemContainer:`${F}__template-select-flow-item-container`,templateSelectFlowItemContent:`${F}__template-select-flow-item-content`,templateSelectFlowItemListHeading:`${F}__template-select-flow-item-list-heading`,srLabel:`${F}__sr-label`,invalidWkidText:`${F}__invalid-wkid-text`};function L(e){return!isNaN(e)&&e>0&&Number.isFinite(e)}function R(e){return e?.toLowerCase()===P}function z(e){let{state:t,extension:n}=e;switch(t){case`pending`:return`spinner`;case`error`:return`exclamation-mark-circle`;default:return n?.toLowerCase()?.includes(`pdf`)?`file-pdf`:`file`}}const B=new i({inch:`inches`,foot:`feet`,yard:`yards`,mile:`miles`,"nautical-mile":`nautical-miles`,millimeter:`millimeters`,centimeter:`centimeters`,decimeter:`decimeters`,meter:`meters`,kilometer:`kilometers`}),V=new Map([[`a3-landscape`,`a3-landscape`],[`a3-portrait`,`a3-portrait`],[`a4-landscape`,`a4-landscape`],[`a4-portrait`,`a4-portrait`],[`letter-ansi-a-landscape`,`ansi-a-landscape`],[`letter-ansi-a-portrait`,`ansi-a-portrait`],[`tabloid-ansi-b-landscape`,`ansi-b-landscape`],[`tabloid-ansi-b-portrait`,`ansi-b-portrait`]]);let H=class extends x{constructor(e,t){super(e,t),this._activeTabFocusRequested=!1,this._awaitingServerResponse=!1,this._selectedTab=`layoutTab`,this._pendingExportScroll=!1,this._rootNode=null,this._selectedTemplate=null,this._formats=[],this._showTemplates=!1,this._isValidSpatialReference=!0,this.allowedFormatsForSaving=null,this.browseTemplateButtonOnClick=null,this.headerVisible=!0,this.headingLevel=3,this.includeOrganizationTemplates=!0,this.messagesCommon=null,this.messagesUnits=null,this.saveExportHidden=!0,this.saveAsButtonCallback=null,this.viewModel=new C,this._onInput=e=>{this._selectedTab===`layoutTab`?this.templateOptions.title=e.currentTarget.value:this._selectedTab===`mapOnlyTab`&&(this.templateOptions.fileName=e.currentTarget.value)},this._handleLinkClick=e=>{let t=e.currentTarget[`data-item`];if(!t||t.state!==`ready`||!t.url)return;let n=y(this.viewModel.effectivePrintServiceUrl),r=t.url,i=document.createElement(`a`);if(i.target=`_blank`,i.href=r,i.rel=`noreferrer`,i.download=t.formattedName??``,!n){i.click(),e.stopPropagation();return}e.preventDefault();let a=new URL(r);a.searchParams.set(`token`,n),i.href=a.href,i.click(),i.href=r},r(a.getLogger(this),`Print`,`arcgis-print`,{version:`4.33`}),this._focusOnTabChange=this._focusOnTabChange.bind(this)}initialize(){this.addHandles([o(()=>[this.templateOptions.format,this.viewModel.templatesInfo?.format],()=>{let{templatesInfo:e}=this.viewModel;if(!e)return;if(this._formats.length!==e.format.choiceList.length){let t=b.apiValues;this._formats=e.format.choiceList.map(e=>{let n=t.find(t=>RegExp(`\\b${t}\\b`,`i`).test(e))??e;return{value:n,label:e===n?e.toUpperCase():e}}).sort((e,t)=>e.label.localeCompare(t.label))}let t=this._formats.some(({value:e})=>RegExp(`\\b${e}\\b`,`i`).test(this.templateOptions.format));if(e.format.defaultValue&&!t){let t=this._formats.find(({value:t})=>RegExp(`\\b${t}\\b`,`i`).test(e.format.defaultValue))?.value;t&&(this.templateOptions.format=t)}}),o(()=>[this.templateOptions.id,this.viewModel.loaded],()=>{let{layout:e}=this.templateOptions;this._selectedTab=R(e)?`mapOnlyTab`:`layoutTab`,this._selectedTab===`layoutTab`&&this.viewModel.loaded&&(this._selectedTemplate=this.viewModel.getLayoutTemplateById(this.templateOptions.id))}),o(()=>this.templateOptions.dpi,e=>{e<=0&&(this.templateOptions.dpi=1)}),o(()=>this.viewModel.view?.scale,e=>{e&&(!this.templateOptions.scaleEnabled||!this.templateOptions.scale)&&(this.templateOptions.scale=e)}),s(()=>this.viewModel,`submit`,e=>this.emit(`submit`,e)),s(()=>this.viewModel,`complete`,e=>this.emit(`complete`,e))]);let{height:e,width:t}=this.templateOptions;this.templateOptions.width=t||800,this.templateOptions.height=e||1100;let n=setTimeout(()=>{this._awaitingServerResponse=!0,this.scheduleRender()},500);this.viewModel.load().then(()=>{clearTimeout(n),this._awaitingServerResponse=!1},()=>{})}loadDependencies(){return T({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),button:()=>import(`@esri/calcite-components/dist/components/calcite-button`),checkbox:()=>import(`@esri/calcite-components/dist/components/calcite-checkbox`),combobox:()=>import(`@esri/calcite-components/dist/components/calcite-combobox`),"combobox-item":()=>import(`@esri/calcite-components/dist/components/calcite-combobox-item`),flow:()=>import(`@esri/calcite-components/dist/components/calcite-flow`),"flow-item":()=>import(`@esri/calcite-components/dist/components/calcite-flow-item`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`),input:()=>import(`@esri/calcite-components/dist/components/calcite-input`),"input-number":()=>import(`@esri/calcite-components/dist/components/calcite-input-number`),label:()=>import(`@esri/calcite-components/dist/components/calcite-label`),list:()=>import(`@esri/calcite-components/dist/components/calcite-list`),"list-item":()=>import(`@esri/calcite-components/dist/components/calcite-list-item`),loader:()=>import(`@esri/calcite-components/dist/components/calcite-loader`),switch:()=>import(`@esri/calcite-components/dist/components/calcite-switch`),chip:()=>import(`@esri/calcite-components/dist/components/calcite-chip`),popover:()=>import(`@esri/calcite-components/dist/components/calcite-popover`),link:()=>import(`@esri/calcite-components/dist/components/calcite-link`)})}destroy(){this.viewModel.destroy()}get allowedFormats(){return this.viewModel.allowedFormats}set allowedFormats(e){this.viewModel.allowedFormats=e}get allowedLayouts(){return this.viewModel.allowedLayouts}set allowedLayouts(e){this.viewModel.allowedLayouts=e}get error(){return this.viewModel.error}get exportedLinks(){return this.viewModel.exportedLinks}set exportedLinks(e){this.viewModel.exportedLinks=e}get extraParameters(){return this.viewModel.extraParameters}set extraParameters(e){this.viewModel.extraParameters=e}get icon(){return`print`}set icon(e){this._overrideIfSome(`icon`,e)}get includeDefaultTemplates(){return this.viewModel.includeDefaultTemplates}set includeDefaultTemplates(e){this.viewModel.includeDefaultTemplates=e}get label(){return this.messages?.widgetLabel??``}set label(e){this._overrideIfSome(`label`,e)}get outSpatialReference(){return this.viewModel.outSpatialReference}set outSpatialReference(e){this.viewModel.outSpatialReference=e}get portal(){return this.viewModel.portal}set portal(e){this.viewModel.portal=e}get saveExportEnabled(){return this.viewModel.saveExportEnabled}set saveExportEnabled(e){this.viewModel.saveExportEnabled=e}get showPrintAreaEnabled(){return this.viewModel.showPrintAreaEnabled}set showPrintAreaEnabled(e){this.viewModel.showPrintAreaEnabled=e}get printServiceUrl(){return this.viewModel.printServiceUrl}set printServiceUrl(e){this.viewModel.printServiceUrl=e}get templateCustomTextElements(){return this.viewModel.templateCustomTextElements}set templateCustomTextElements(e){this.viewModel.templateCustomTextElements=e}get templateOptions(){return this.viewModel.templateOptions}set templateOptions(e){this.viewModel.templateOptions=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}render(){let{messages:e,templateOptions:t,viewModel:n,view:r}=this,{attributionEnabled:i,author:a,copyright:o,dpi:s,format:c,height:l,layout:u,layoutItem:d,legendEnabled:f,northArrowEnabled:p,scaleBarEnabled:_,scaleEnabled:v,scale:y,width:b}=t,x=n.state!==`ready`||this._awaitingServerResponse||!(u||d),S=this._renderTitleOrFileNameSection(),C=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.fileFormatTitle,A(`calcite-combobox`,{clearDisabled:!0,label:e.formatDefaultOption,maxItems:6,placeholder:e.formatDefaultOption,selectionMode:`single-persist`,topLayerDisabled:this.topLayerDisabled,onCalciteComboboxChange:({currentTarget:e})=>{this.templateOptions.format=e.selectedItems[0]?.value??`pdf`}},this._formats.map(({value:e,label:t},n)=>A(`calcite-combobox-item`,{heading:t,key:`file-format-${n}`,selected:e===this.templateOptions.format,value:e}))))),w=A(`calcite-label`,{layout:`inline`},A(`calcite-switch`,{checked:this.showPrintAreaEnabled,onCalciteSwitchChange:e=>{this.showPrintAreaEnabled=!!e.currentTarget.checked}}),e.printPreview),T=A(`div`,null,A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.template,A(`calcite-block`,{class:I.templateSelectContainer,collapsible:!1,description:this._getPageSizeLabel(this._selectedTemplate),heading:this._getTemplateLabel(this._selectedTemplate,!0),key:`template-select-block`,label:e.template,loading:this._selectedTemplate?.state===`loading`,tabIndex:0,onclick:()=>this._showTemplates=!0,onkeydown:e=>{(e.key===`Enter`||e.key===` `)&&(this._showTemplates=!0)}},A(`calcite-icon`,{class:I.templateSelectIcon,icon:(this._selectedTemplate?.layout?V.get(this._selectedTemplate.layout):null)||`custom-print`,key:`template-select-icon`,scale:`l`,slot:`content-start`}),this._selectedTemplate?.state===`error`?A(`calcite-icon`,{class:I.templateSelectError,icon:`exclamation-mark-circle`,key:`template-select-error`,scale:`s`,slot:`actions-end`}):null,A(`calcite-icon`,{class:I.templateSelectArrow,icon:j()?`chevron-left`:`chevron-right`,key:`template-select-arrow`,scale:`s`,slot:`actions-end`})))),w),k=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.dpi,A(`calcite-input-number`,{bind:this,"data-input-name":`dpi`,min:1,value:`${s}`,onCalciteInputNumberInput:this._updateNumberInputValue}))),M=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,A(`div`,{class:I.srLabel},e.outSpatialReference,A(`calcite-link`,{href:`https://developers.arcgis.com/rest/services-reference/enterprise/using-spatial-references/`,target:`_blank`},`(WKID)`)),A(`calcite-input-number`,{bind:this,"data-input-name":`outSpatialReference`,integer:!0,numberButtonType:`none`,value:n.outSpatialReference?.wkid?.toString()??``,onCalciteInputNumberInput:({currentTarget:e})=>{let t=m(e.value);n.outSpatialReference=Number.isNaN(t)||t==null?null:new h({wkid:t}),this._isValidSpatialReference=!n.outSpatialReference||g(n.outSpatialReference)}}),this._isValidSpatialReference?null:A(`div`,{class:I.invalidWkidText,key:`out-sr-${n.outSpatialReference?.wkid}`},e.invalidWkid))),N=A(`div`,{class:this.classes(I.scaleInfoContainer,I.formSectionContainer)},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:v,"data-option-name":`scaleEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.scale),A(`div`,{class:I.scaleInputContainer},A(`calcite-input-number`,{"aria-label":e.scaleLabel,"aria-valuenow":`${y}`,bind:this,class:I.scaleInput,"data-input-name":`scale`,disabled:!v,value:`${y}`,onCalciteInputNumberInput:this._updateNumberInputValue}),A(`calcite-button`,{appearance:`outline`,"aria-label":e.reset,bind:this,disabled:!v,iconStart:`refresh`,kind:`neutral`,onclick:this._resetToCurrentScale}))),P=A(`div`,{"aria-labelledby":`${this.id}__advancedOptionsForLayout`,class:I.advancedOptionsContainer,key:`advanced-section-for-layout`},N,this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasAuthorText??!0?A(`div`,{class:I.formSectionContainer,key:`author-info`},A(`calcite-label`,null,e.author,A(`calcite-input`,{bind:this,"data-input-name":`author`,value:a??``,onCalciteInputInput:this._updateInputValue}))):null,this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasCopyrightText??!0?A(`div`,{class:I.formSectionContainer,key:`copyright-text`},A(`calcite-label`,null,e.copyright,A(`calcite-input`,{bind:this,"data-input-name":`copyright`,value:o??``,onCalciteInputInput:this._updateInputValue}))):null,k,M,this._renderCustomTextElementSection(),this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasLegend??!0?A(`div`,{class:I.formSectionContainer,key:`legend-info`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!f,"data-option-name":`legendEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.legend)):null,this._selectedTemplate?.mapSurroundInfoOptions?.northArrow.length?A(`div`,{class:I.formSectionContainer,key:`north-arrow`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!p,"data-option-name":`northArrowEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.northArrow)):null,this._selectedTemplate?.mapSurroundInfoOptions?.scaleBar.length?A(`div`,{class:I.formSectionContainer,key:`scale-bar`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!_,"data-option-name":`scaleBarEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.scaleBar)):null),F=A(`div`,{"aria-labelledby":`${this.id}__advancedOptionsForMapOnly`,class:I.advancedOptionsContainer},N,k,M,A(`div`,{class:I.formSectionContainer},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:i,"data-option-name":`attributionEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.attribution)),this._renderCustomTextElementSection()),L=this.exportedLinks.toArray(),R=this._renderExportedLinkItems(L),z={[I.exportSectionCentered]:!L.length},B=this._selectedTab===`layoutTab`?A(`section`,{"aria-labelledby":`${this.id}__layoutTab`,class:I.layoutSection,id:`${this.id}__layoutContent`,key:`esri-print__layoutContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasTitleText??!0?S:null,T,this._selectedTab===`layoutTab`?C:null,A(`calcite-block`,{"aria-label":e.advancedOptions,class:this.classes(I.panelContainer,I.advancedOptionsSection),collapsible:!0,disabled:!(u||d?.id),heading:e.advancedOptions,id:`advancedOptionsForLayout`,key:`advanced-options-for-layout`},P))):this._selectedTab===`mapOnlyTab`?A(`section`,{"aria-labelledby":`${this.id}__mapOnlyTab`,class:I.mapOnlySection,id:`${this.id}__mapOnlyContent`,key:`esri-print__mapOnlyContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},S,C,A(`div`,null,A(`div`,{class:this.classes(I.sizeContainer,I.formSectionContainer)},A(`calcite-label`,null,e.width,A(`calcite-input-number`,{bind:this,"data-input-name":`width`,value:`${b}`,onCalciteInputNumberInput:this._updateNumberInputValue})),A(`calcite-label`,null,e.height,A(`calcite-input-number`,{bind:this,"data-input-name":`height`,value:`${l}`,onCalciteInputNumberInput:this._updateNumberInputValue})),A(`button`,{"aria-label":e.swap,bind:this,class:this.classes(E.widgetButton,I.swapButton,O.swap),type:`button`,onclick:this._switchInput})),w),A(`calcite-block`,{"aria-label":e.advancedOptions,class:this.classes(I.panelContainer,I.advancedOptionsSection),collapsible:!0,heading:e.advancedOptions,id:`advancedOptionsForMapOnly`,key:`advanced-options-for-map-only`},F))):A(`section`,{"aria-labelledby":`${this.id}__exportTab`,class:this.classes(I.exportSection,z),id:`${this.id}__exportContent`,key:`esri-print__exportContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},A(`div`,{afterUpdate:this._scrollExportIntoView,bind:this,class:I.exportedFilesContainer},L.length===0?A(`div`,{class:I.exportedFilesEmpty},A(`calcite-icon`,{icon:`file`,scale:`l`}),A(`div`,null,A(D,{class:I.exportedFilesTitle,level:this.headingLevel},e.noExportedFiles),A(`div`,null,e.exportHint))):R))),H=r?.type!==`2d`,U=A(`div`,{class:I.panelError},r?H?e.sceneViewError:e.serviceError:e.noViewError),W=L.some(({state:e})=>e===`pending`),G=A(`div`,{class:I.content,key:`panel`},A(`div`,null,A(`ul`,{bind:this,class:I.layoutTabList,role:`tablist`,onclick:this._toggleLayoutPanel,onkeydown:this._handleLayoutPanelKeyDown},A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`layoutTab`}`,class:I.layoutTab,"data-tab-id":`layoutTab`,id:`${this.id}__layoutTab`,role:`tab`,tabIndex:0},e.layoutTab),A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`mapOnlyTab`}`,class:I.layoutTab,"data-tab-id":`mapOnlyTab`,id:`${this.id}__mapOnlyTab`,role:`tab`,tabIndex:0},e.mapOnlyTab),A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`exportTab`}`,class:I.layoutTab,"data-tab-id":`exportTab`,id:`${this.id}__exportedFilesTab`,role:`tab`,tabIndex:0},W?A(`calcite-loader`,{inline:!0,label:`loading`,scale:`s`}):null,e.exportsTab)),B),this._selectedTab===`exportTab`?null:A(`div`,{class:this.classes(I.printButtonSection,!this.saveExportHidden&&this.portal?I.printButtonSectionDivider:null),key:`export-button-section`},!this.saveExportHidden&&this.portal?A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:this.saveExportEnabled,onCalciteCheckboxChange:e=>{this.saveExportEnabled=!!e.currentTarget.checked}}),e.saveExportToMyContent):null,A(`calcite-button`,{"aria-label":e.exportDescription,bind:this,class:this.classes(I.printButton),disabled:x||!(u||d?.id)&&!c,scale:`l`,width:`full`,onclick:this._handlePrintMap},e.export))),K=A(`calcite-flow`,{key:`root-flow`},A(`calcite-flow-item`,{bind:this,key:`root-flow-item`,selected:!this._showTemplates},A(`div`,{class:I.printWidgetContainer},this.headerVisible?A(`header`,{class:I.headerTitle},e.export):null,this.error||H||!r?U:G)),this._renderChooseTemplateFlowItem()),q=n.state===`initializing`,J=q?this._renderLoader():K,Y={[I.panelItemsCentered]:q};return A(`div`,{bind:this,class:this.classes(I.base,E.widget,E.panel,Y)},J)}_getPageSizeLabel(e){if(!e)return;let n=e.layoutTemplateInfo;if(!n)return;let r=B.fromJSON(n.pageUnits.toLowerCase());return`${t(n.pageSize[0])} \u00D7 ${t(n.pageSize[1])} ${l(this.messagesUnits,r,`abbr`)}`}_getTemplateLabel(e,t=!1){if(!e)return t?this.messages.selectTemplate:this.messages.untitled;let{label:n,layout:r,layoutItem:i}=e;return(r&&!i&&this.messages[r]?this.messages[r]:null)||((n??r??i?.id)?.replaceAll(`_`,` `)??this.messages.untitled)}_getPortalTemplates(){return this.includeDefaultTemplates&&this.includeOrganizationTemplates?this.viewModel.defaultTemplates.toArray().filter(({layout:e,layoutItem:t})=>!R(e)&&!!t?.id):[]}_getDefaultTemplates(){return this.includeDefaultTemplates?this.viewModel.defaultTemplates.toArray().filter(({layout:e,layoutItem:t})=>!R(e)&&!t?.id):[]}_getPrintServiceTemplates(){return!this.includeDefaultTemplates||!this._getDefaultTemplates().length?this.viewModel.printServiceTemplates.toArray().filter(({layout:e})=>!R(e)):[]}_renderLayoutTemplates(e,t=!1,n=!1){return t&&e.sort((e,t)=>(e.label??``)>(t.label??``)?1:-1),e.map(e=>A(`calcite-list-item`,{description:this._getPageSizeLabel(e),key:`template-${e.id}-${e.id===this.templateOptions.id}`,label:this._getTemplateLabel(e),selected:e.id===this.templateOptions.id,title:e.description??``,value:e},A(`calcite-icon`,{icon:(e.layout?V.get(e.layout):null)||`custom-print`,slot:`content-start`}),e.state===`loading`?A(`calcite-loader`,{inline:!0,key:`template-loader-${e.id}`,label:`loading`,scale:`s`,slot:`content-end`}):null,e?.state===`error`?A(`calcite-icon`,{class:I.templateSelectError,icon:`exclamation-mark-circle`,key:`template-error-${e.id}`,scale:`s`,slot:`content-end`}):null,n?A(`calcite-action`,{icon:`trash`,slot:`actions-end`,text:`delete`,onclick:()=>this.viewModel.removePortalTemplate(e)}):null))}_renderChooseTemplateFlowItem(){if(!this._showTemplates)return null;let{messages:e}=this,t=v.test(this.portal?.url),n=this.viewModel.browseTemplates.toArray(),r=this._getPortalTemplates(),i=this._getDefaultTemplates(),a=this._getPrintServiceTemplates(),o=n.length+r.length+i.length+a.length>15,s=this.browseTemplateButtonOnClick?A(`calcite-button`,{appearance:`outline`,class:o?I.browseTemplateButtonContainerFilter:I.browseTemplateButtonContainer,iconStart:`folder`,key:`browse-template-button`,slot:o?`filter-actions-end`:`default`,onclick:this.browseTemplateButtonOnClick},o?null:e.browseTemplates):null;return A(`calcite-flow-item`,{bind:this,closable:!1,heading:e.chooseTemplate,key:`template-flow-item`,selected:this._showTemplates,onCalciteFlowItemBack:e=>{e.preventDefault(),this._showTemplates=!1}},A(`div`,{class:I.templateSelectFlowItemContainer},A(`div`,{class:I.templateSelectFlowItemContent},o?null:s,A(`calcite-list`,{filterEnabled:o,filterProps:[`label`],key:`template-list`,label:e.templateList,selectionMode:`single-persist`,onCalciteListChange:({currentTarget:e})=>this.viewModel.applyTemplate(e.selectedItems[0]?.value)},o?s:null,n.length?A(`div`,{key:`my-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.myTemplates,t?A(`calcite-chip`,{appearance:`outline`,kind:`neutral`,label:e.beta,scale:`s`},e.beta):null),this._renderLayoutTemplates(n,!0,!0)):null,r.length?A(`div`,{key:`org-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.organizationTemplates,t?A(`calcite-chip`,{appearance:`outline`,kind:`neutral`,label:e.beta,scale:`s`},e.beta):null),this._renderLayoutTemplates(r)):null,n.length||r.length?i.length?A(`div`,{key:`default-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.defaultTemplates),this._renderLayoutTemplates(i,!0)):null:this._renderLayoutTemplates(i,!0),n.length||r.length?a.length?A(`div`,{key:`service-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.defaultTemplates),this._renderLayoutTemplates(a)):null:this._renderLayoutTemplates(a))),A(`div`,{class:I.templateButtonContainer},A(`calcite-button`,{class:I.templateDoneButton,onclick:()=>this._showTemplates=!1},this.messagesCommon.done))))}_renderCustomTextElementSection(){let{customTextElements:e}=this.templateOptions;return e?A(`div`,{class:I.formSectionContainer,key:`custom-text-elements`},e.map((e,t)=>{let[n,r]=Object.entries(e)[0];return n===`date`?null:A(`calcite-label`,{key:`custom-text-elements-${n}-${t}`},n,A(`calcite-input`,{bind:this,"data-input-custom":!0,"data-input-name":n,value:r??``,onCalciteInputInput:this._updateInputValue}))})):null}_renderTitleOrFileNameSection(){let{title:e,fileName:t,titlePlaceHolder:n,fileNamePlaceHolder:r}=this.messages,i=this._selectedTab===`layoutTab`?e:t,a=this._selectedTab===`layoutTab`?n:r,o=this._selectedTab===`layoutTab`?this.templateOptions.title:this.templateOptions.fileName;return A(`div`,{class:I.formSectionContainer,key:i},A(`calcite-label`,null,i,A(`calcite-input`,{placeholder:a,value:o??``,onCalciteInputInput:this._onInput})))}_focusOnTabChange(e){if(!this._activeTabFocusRequested)return;let t=e.getAttribute(`data-tab-id`);(t===`layoutTab`&&this._selectedTab===`layoutTab`||t===`mapOnlyTab`&&this._selectedTab===`mapOnlyTab`||t===`exportTab`&&this._selectedTab===`exportTab`)&&(e.focus(),this._activeTabFocusRequested=!1)}_renderLoader(){let e={[I.loader]:this._awaitingServerResponse};return A(`div`,{class:this.classes(e),key:`loader`})}_resetToCurrentScale(){this.templateOptions.scale=this.viewModel.view?.scale}_updateCustomTextElementValue(e,t,n){let r=e.find(e=>{let[n]=Object.entries(e)[0];return n===t});r[t]=n}_updateInputValue(e){let t=e.currentTarget,n=t.getAttribute(`data-input-name`),r=!!t[`data-input-custom`],{templateOptions:i}=this;r?this._updateCustomTextElementValue(i.customTextElements,n,t.value):i[n]=t.value}_updateNumberInputValue(e){let t=e.currentTarget,n=t.getAttribute(`data-input-name`),{templateOptions:r}=this,i=Number(t.value);L(i)?r[n]=i:t.value=`${r[n]}`}_handlePrintMap(){this._pendingExportScroll=!0;let{templateOptions:e}=this,t=this._selectedTab===`layoutTab`?e.title:e.fileName,{promise:n}=this.viewModel.export(t||this.messages.untitled);this._selectedTab=`exportTab`,n.then(()=>this.scheduleRender())}_switchInput(){[this.templateOptions.width,this.templateOptions.height]=[this.templateOptions.height,this.templateOptions.width]}_scrollExportIntoView(){if(!this._pendingExportScroll)return;this._pendingExportScroll=!1;let e=this._rootNode;if(!e)return;let{clientHeight:t,scrollHeight:n}=e,r=n-t;r>0&&(e.scrollTop=r)}_toggleInputValue(e){let t=e.target,n=t.getAttribute(`data-option-name`);this.templateOptions[n]=t.checked,n===`scaleEnabled`&&this._resetToCurrentScale()}_renderExportedLinkItemPopover(e){let t=this.messages,n=e.formattedName??``,{state:r}=e,i=this.saveAsButtonCallback&&r!==`error`&&this._isFormatAllowedForSaving(e.extension);return r!==`pending`&&i?A(`calcite-popover`,{autoClose:!0,key:`${n}-popover`,label:`Popover`,offsetDistance:1,overlayPositioning:`fixed`,pointerDisabled:!0,referenceElement:`${n}-popover-button`,scale:`s`,topLayerDisabled:this.topLayerDisabled},A(`calcite-list`,{label:``},e.portalItem?A(`calcite-list-item`,{label:t.openItem,onCalciteListItemSelect:()=>{let t=e.portalItem;if(!t||!t.itemPageUrl)return;let n=document.createElement(`a`);n.target=`_blank`,n.href=t.itemPageUrl,n.rel=`noreferrer`,n.click()}},A(`calcite-icon`,{icon:`launch2`,key:`${n}-launch-icon`,scale:`s`,slot:`content-start`})):A(`calcite-list-item`,{label:t.saveAs,onCalciteListItemSelect:async()=>{this.saveAsButtonCallback&&(c(()=>e.portalItem).then(e=>{e.itemPageUrl&&this.scheduleRender()}),await this.saveAsButtonCallback(e))}},A(`calcite-icon`,{icon:`save`,key:`${n}-save-icon`,scale:`s`,slot:`content-start`})),A(`calcite-list-item`,{label:this.messagesCommon.delete,onCalciteListItemSelect:()=>this.exportedLinks.remove(e)},A(`calcite-icon`,{icon:`trash`,key:`${n}-delete-icon`,scale:`s`,slot:`content-start`})))):null}_renderExportedLinkItemContent(e){let t=this.messages,{url:n,state:r,error:i}=e,a=e.formattedName??``,o=n||null;o&&=u(o);let s=d(o,location.href),c=r===`error`?i?.name===`print-task:cim-symbol-unsupported`?t.exportWebMapCIMError:t.exportWebMapError:null;return A(`div`,{class:I.exportedFile,"data-item":e,slot:`content`,onclick:this._handleLinkClick},A(`div`,null,A(`div`,{class:I.exportedFileLinkTitle},a),A(`div`,{class:I.exportedFileLinkDescription},r===`pending`?t.generatingExport:c||(s?t.ready:t.linkReady))),r===`ready`?A(`calcite-icon`,{"aria-label":`${a}. ${t.linkReady}`,icon:s?`download-to`:`launch`,key:`${a}-end-icon`,scale:`s`,slot:`content-end`}):null)}_renderExportedLinkItemIcon(e){let t=e.formattedName??``;return e.state===`pending`?A(`calcite-loader`,{class:I.exportedFileLoader,inline:!0,key:`${t}-loader`,label:this.messages.generatingExport,scale:`m`,slot:`content-start`}):A(`calcite-icon`,{icon:z(e),key:`${t}-start-icon`,scale:`s`,slot:`content-start`})}_renderExportedLinkItemAction(e){let{state:t}=e,n=e.formattedName??``,r=this.saveAsButtonCallback&&t!==`error`&&this._isFormatAllowedForSaving(e.extension);return t===`pending`?null:A(`calcite-action`,{icon:r?`ellipsis`:`x`,id:r?`${n}-popover-button`:void 0,key:r?`${n}-saveAs-action`:`${n}-action`,slot:`actions-end`,text:r?this.messagesCommon.options:this.messagesCommon.remove,onclick:r?void 0:()=>{this.exportedLinks.remove(e)}})}_renderExportedLinkItem(e){let t=e.formattedName??``;return A(M,null,A(`calcite-list-item`,{key:t,label:t},this._renderExportedLinkItemContent(e),this._renderExportedLinkItemIcon(e),this._renderExportedLinkItemAction(e)),this._renderExportedLinkItemPopover(e))}_renderExportedLinkItems(e){return A(`calcite-list`,{filterEnabled:e?.length>10,label:this.messages.exportedLinksList,selectionMode:`none`},e.map(this._renderExportedLinkItem.bind(this)))}_isFormatAllowedForSaving(e){return!this.allowedFormatsForSaving||this.allowedFormatsForSaving===`all`||!!(e&&this.allowedFormatsForSaving.includes(e))}_toggleLayoutPanel(e){let t=e.target;this._toggleTab(t.getAttribute(`data-tab-id`))}_toggleTab(e,t=!0){if(this._selectedTab=e,this._selectedTab===`mapOnlyTab`)this.viewModel.applyTemplate(P);else if(this._selectedTab===`layoutTab`){let e=this._selectedTemplate??this.viewModel.defaultTemplate;this.viewModel.applyTemplate(e)}t&&(this._activeTabFocusRequested=!0)}_handleLayoutPanelKeyDown(e){let{key:t}=e,n=e.target.getAttribute(`data-tab-id`);if(N(t))this._toggleTab(n),e.preventDefault(),e.stopPropagation();else if(t===`ArrowLeft`||t===`ArrowRight`){switch(n){case`layoutTab`:this._toggleTab(t===`ArrowLeft`?`exportTab`:`mapOnlyTab`);break;case`mapOnlyTab`:this._toggleTab(t===`ArrowLeft`?`layoutTab`:`exportTab`);break;case`exportTab`:this._toggleTab(t===`ArrowLeft`?`mapOnlyTab`:`layoutTab`)}e.preventDefault(),e.stopPropagation()}}};e([f()],H.prototype,`_showTemplates`,void 0),e([f()],H.prototype,`_isValidSpatialReference`,void 0),e([f()],H.prototype,`allowedFormats`,null),e([f()],H.prototype,`allowedFormatsForSaving`,void 0),e([f()],H.prototype,`allowedLayouts`,null),e([f()],H.prototype,`browseTemplateButtonOnClick`,void 0),e([f()],H.prototype,`error`,null),e([f({type:n.ofType(S)})],H.prototype,`exportedLinks`,null),e([f()],H.prototype,`extraParameters`,null),e([f()],H.prototype,`headerVisible`,void 0),e([f()],H.prototype,`headingLevel`,void 0),e([f()],H.prototype,`icon`,null),e([f()],H.prototype,`includeDefaultTemplates`,null),e([f()],H.prototype,`includeOrganizationTemplates`,void 0),e([f()],H.prototype,`label`,null),e([f(),k(`esri/widgets/Print/t9n/Print`)],H.prototype,`messages`,void 0),e([f(),k(`esri/t9n/common`)],H.prototype,`messagesCommon`,void 0),e([f(),k(`esri/core/t9n/Units`)],H.prototype,`messagesUnits`,void 0),e([f({type:h})],H.prototype,`outSpatialReference`,null),e([f({type:_})],H.prototype,`portal`,null),e([f()],H.prototype,`saveExportEnabled`,null),e([f()],H.prototype,`saveExportHidden`,void 0),e([f()],H.prototype,`showPrintAreaEnabled`,null),e([f()],H.prototype,`printServiceUrl`,null),e([f()],H.prototype,`saveAsButtonCallback`,void 0),e([f()],H.prototype,`templateCustomTextElements`,null),e([f({type:w})],H.prototype,`templateOptions`,null),e([f()],H.prototype,`view`,null),e([f({type:C})],H.prototype,`viewModel`,void 0),H=e([p(`esri.widgets.Print`)],H);const U=H;export{U as default};
+import{__decorate as e}from"tslib";import{formatNumber as t}from"../intl.js";import n from"../core/Collection.js";import{deprecateWidget as r}from"../core/deprecate.js";import{JSONMap as i}from"../core/jsonMap.js";import a from"../core/Logger.js";import{watch as o,on as s,whenOnce as c}from"../core/reactiveUtils.js";import{unitName as l}from"../core/unitFormatUtils.js";import{addProxy as u,hasSameOrigin as d}from"../core/urlUtils.js";import{property as f,subclass as p}from"../core/accessorSupport/decorators.js";import{ensureInteger as m}from"../core/accessorSupport/ensureType.js";import h from"../geometry/SpatialReference.js";import{isValid as g}from"../geometry/support/spatialReferenceUtils.js";import _ from"../portal/Portal.js";import{reArcGISOnlineDomain as v}from"../portal/support/urlUtils.js";import{findToken as y}from"../rest/utils.js";import{formatJsonMap as b}from"../rest/support/fileFormat.js";import x from"./Widget.js";import S from"./Print/FileLink.js";import C from"./Print/PrintViewModel.js";import w from"./Print/TemplateOptions.js";import{loadCalciteComponents as T}from"./support/componentsUtils.js";import{globalCss as E}from"./support/globalCss.js";import{Heading as D}from"./support/Heading.js";import{legacyIcon as O}from"./support/legacyIcon.js";import{messageBundle as k,tsx as A,isRTL as j,tsxFragment as M,isActivationKey as N}from"./support/widget.js";const P=`map-only`,F=`esri-print`,I={base:F,headerTitle:`${F}__header-title`,layoutTabList:`${F}__layout-tab-list`,layoutTab:`${F}__layout-tab`,layoutSection:`${F}__layout-section`,mapOnlySection:`${F}__map-only-section`,panelItemsCentered:`${F}__panel-items--centered`,loader:`${F}__loader`,swapButton:`${F}__swap-button`,printButton:`${F}__export-button`,printButtonSection:`${F}__export-button-section`,printButtonSectionDivider:`${F}__export-button-section--divider`,templateSelectContainer:`${F}__template-select-container`,templateSelectIcon:`${F}__template-select-icon`,templateSelectError:`${F}__template-select-error`,templateSelectArrow:`${F}__template-select-arrow`,formSectionContainer:`${F}__form-section-container`,advancedOptionsSection:`${F}__advanced-options-section`,advancedOptionsContainer:`${F}__advanced-options-container`,browseTemplateButtonContainer:`${F}__browse-template-button-container`,browseTemplateButtonContainerFilter:`${F}__browse-template-button-container-filter`,exportedFilesContainer:`${F}__export-panel-container`,exportedFilesTitle:`${F}__export-title`,exportedFile:`${F}__exported-file`,exportedFileLinkTitle:`${F}__exported-file-link-title`,exportedFileLinkDescription:`${F}__exported-file-link-description`,exportedFilesEmpty:`${F}__exported-files-empty`,printWidgetContainer:`${F}__container`,content:`${F}__content`,panelContainer:`${F}__panel-container`,scaleInfoContainer:`${F}__scale-info-container`,scaleInputContainer:`${F}__scale-input-container`,scaleInput:`${F}__scale-input`,sizeContainer:`${F}__size-container`,panelError:`${F}__panel--error`,exportedFileLoader:`${F}__exported-file--loader`,exportSection:`${F}__export-section`,exportSectionCentered:`${F}__export-section--centered`,templateButtonContainer:`${F}__template-button-container`,templateDoneButton:`${F}__template-done-button`,templateSelectFlowItemContainer:`${F}__template-select-flow-item-container`,templateSelectFlowItemContent:`${F}__template-select-flow-item-content`,templateSelectFlowItemListHeading:`${F}__template-select-flow-item-list-heading`,srLabel:`${F}__sr-label`,invalidWkidText:`${F}__invalid-wkid-text`};function L(e){return!isNaN(e)&&e>0&&Number.isFinite(e)}function R(e){return e?.toLowerCase()===P}function z(e){let{state:t,extension:n}=e;switch(t){case`pending`:return`spinner`;case`error`:return`exclamation-mark-circle`;default:return n?.toLowerCase()?.includes(`pdf`)?`file-pdf`:`file`}}const B=new i({inch:`inches`,foot:`feet`,yard:`yards`,mile:`miles`,"nautical-mile":`nautical-miles`,millimeter:`millimeters`,centimeter:`centimeters`,decimeter:`decimeters`,meter:`meters`,kilometer:`kilometers`}),V=new Map([[`a3-landscape`,`a3-landscape`],[`a3-portrait`,`a3-portrait`],[`a4-landscape`,`a4-landscape`],[`a4-portrait`,`a4-portrait`],[`letter-ansi-a-landscape`,`ansi-a-landscape`],[`letter-ansi-a-portrait`,`ansi-a-portrait`],[`tabloid-ansi-b-landscape`,`ansi-b-landscape`],[`tabloid-ansi-b-portrait`,`ansi-b-portrait`]]);let H=class extends x{constructor(e,t){super(e,t),this._activeTabFocusRequested=!1,this._awaitingServerResponse=!1,this._selectedTab=`layoutTab`,this._pendingExportScroll=!1,this._rootNode=null,this._selectedTemplate=null,this._formats=[],this._showTemplates=!1,this._isValidSpatialReference=!0,this.allowedFormatsForSaving=null,this.browseTemplateButtonOnClick=null,this.headerVisible=!0,this.headingLevel=3,this.includeOrganizationTemplates=!0,this.messagesCommon=null,this.messagesUnits=null,this.saveExportHidden=!0,this.saveAsButtonCallback=null,this.viewModel=new C,this._onInput=e=>{this._selectedTab===`layoutTab`?this.templateOptions.title=e.currentTarget.value:this._selectedTab===`mapOnlyTab`&&(this.templateOptions.fileName=e.currentTarget.value)},this._handleLinkClick=e=>{let t=e.currentTarget[`data-item`];if(!t||t.state!==`ready`||!t.url)return;let n=y(this.viewModel.effectivePrintServiceUrl),r=t.url,i=document.createElement(`a`);if(i.target=`_blank`,i.href=r,i.rel=`noreferrer`,i.download=t.formattedName??``,!n){i.click(),e.stopPropagation();return}e.preventDefault();let a=new URL(r);a.searchParams.set(`token`,n),i.href=a.href,i.click(),i.href=r},r(a.getLogger(this),`Print`,`arcgis-print`,{version:`4.33`}),this._focusOnTabChange=this._focusOnTabChange.bind(this)}initialize(){this.addHandles([o(()=>[this.templateOptions.format,this.viewModel.templatesInfo?.format],()=>{let{templatesInfo:e}=this.viewModel;if(!e)return;if(this._formats.length!==e.format.choiceList.length){let t=b.apiValues;this._formats=e.format.choiceList.map(e=>{let n=t.find(t=>RegExp(`\\b${t}\\b`,`i`).test(e))??e;return{value:n,label:e===n?e.toUpperCase():e}}).sort((e,t)=>e.label.localeCompare(t.label))}let t=this._formats.some(({value:e})=>RegExp(`\\b${e}\\b`,`i`).test(this.templateOptions.format));if(e.format.defaultValue&&!t){let t=this._formats.find(({value:t})=>RegExp(`\\b${t}\\b`,`i`).test(e.format.defaultValue))?.value;t&&(this.templateOptions.format=t)}}),o(()=>[this.templateOptions.id,this.viewModel.loaded],()=>{let{layout:e}=this.templateOptions;this._selectedTab=R(e)?`mapOnlyTab`:`layoutTab`,this._selectedTab===`layoutTab`&&this.viewModel.loaded&&(this._selectedTemplate=this.viewModel.getLayoutTemplateById(this.templateOptions.id))}),o(()=>this.templateOptions.dpi,e=>{e<=0&&(this.templateOptions.dpi=1)}),o(()=>this.viewModel.view?.scale,e=>{e&&(!this.templateOptions.scaleEnabled||!this.templateOptions.scale)&&(this.templateOptions.scale=e)}),s(()=>this.viewModel,`submit`,e=>this.emit(`submit`,e)),s(()=>this.viewModel,`complete`,e=>this.emit(`complete`,e))]);let{height:e,width:t}=this.templateOptions;this.templateOptions.width=t||800,this.templateOptions.height=e||1100;let n=setTimeout(()=>{this._awaitingServerResponse=!0,this.scheduleRender()},500);this.viewModel.load().then(()=>{clearTimeout(n),this._awaitingServerResponse=!1},()=>{})}loadDependencies(){return T({action:()=>import(`@esri/calcite-components/dist/components/calcite-action`),block:()=>import(`@esri/calcite-components/dist/components/calcite-block`),button:()=>import(`@esri/calcite-components/dist/components/calcite-button`),checkbox:()=>import(`@esri/calcite-components/dist/components/calcite-checkbox`),combobox:()=>import(`@esri/calcite-components/dist/components/calcite-combobox`),"combobox-item":()=>import(`@esri/calcite-components/dist/components/calcite-combobox-item`),flow:()=>import(`@esri/calcite-components/dist/components/calcite-flow`),"flow-item":()=>import(`@esri/calcite-components/dist/components/calcite-flow-item`),icon:()=>import(`@esri/calcite-components/dist/components/calcite-icon`),input:()=>import(`@esri/calcite-components/dist/components/calcite-input`),"input-number":()=>import(`@esri/calcite-components/dist/components/calcite-input-number`),label:()=>import(`@esri/calcite-components/dist/components/calcite-label`),list:()=>import(`@esri/calcite-components/dist/components/calcite-list`),"list-item":()=>import(`@esri/calcite-components/dist/components/calcite-list-item`),loader:()=>import(`@esri/calcite-components/dist/components/calcite-loader`),switch:()=>import(`@esri/calcite-components/dist/components/calcite-switch`),chip:()=>import(`@esri/calcite-components/dist/components/calcite-chip`),popover:()=>import(`@esri/calcite-components/dist/components/calcite-popover`),link:()=>import(`@esri/calcite-components/dist/components/calcite-link`)})}destroy(){this.viewModel.destroy()}get allowedFormats(){return this.viewModel.allowedFormats}set allowedFormats(e){this.viewModel.allowedFormats=e}get allowedLayouts(){return this.viewModel.allowedLayouts}set allowedLayouts(e){this.viewModel.allowedLayouts=e}get error(){return this.viewModel.error}get exportedLinks(){return this.viewModel.exportedLinks}set exportedLinks(e){this.viewModel.exportedLinks=e}get extraParameters(){return this.viewModel.extraParameters}set extraParameters(e){this.viewModel.extraParameters=e}get icon(){return`print`}set icon(e){this._overrideIfSome(`icon`,e)}get includeDefaultTemplates(){return this.viewModel.includeDefaultTemplates}set includeDefaultTemplates(e){this.viewModel.includeDefaultTemplates=e}get label(){return this.messages?.widgetLabel??``}set label(e){this._overrideIfSome(`label`,e)}get outSpatialReference(){return this.viewModel.outSpatialReference}set outSpatialReference(e){this.viewModel.outSpatialReference=e}get portal(){return this.viewModel.portal}set portal(e){this.viewModel.portal=e}get saveExportEnabled(){return this.viewModel.saveExportEnabled}set saveExportEnabled(e){this.viewModel.saveExportEnabled=e}get showPrintAreaEnabled(){return this.viewModel.showPrintAreaEnabled}set showPrintAreaEnabled(e){this.viewModel.showPrintAreaEnabled=e}get printServiceUrl(){return this.viewModel.printServiceUrl}set printServiceUrl(e){this.viewModel.printServiceUrl=e}get templateCustomTextElements(){return this.viewModel.templateCustomTextElements}set templateCustomTextElements(e){this.viewModel.templateCustomTextElements=e}get templateOptions(){return this.viewModel.templateOptions}set templateOptions(e){this.viewModel.templateOptions=e}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}render(){let{messages:e,templateOptions:t,viewModel:n,view:r}=this,{attributionEnabled:i,author:a,copyright:o,dpi:s,format:c,height:l,layout:u,layoutItem:d,legendEnabled:f,northArrowEnabled:p,scaleBarEnabled:_,scaleEnabled:v,scale:y,width:b}=t,x=n.state!==`ready`||this._awaitingServerResponse||!(u||d),S=this._renderTitleOrFileNameSection(),C=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.fileFormatTitle,A(`calcite-combobox`,{clearDisabled:!0,label:e.formatDefaultOption,maxItems:6,placeholder:e.formatDefaultOption,selectionMode:`single-persist`,topLayerDisabled:this.topLayerDisabled,onCalciteComboboxChange:({currentTarget:e})=>{this.templateOptions.format=e.selectedItems[0]?.value??`pdf`}},this._formats.map(({value:e,label:t},n)=>A(`calcite-combobox-item`,{heading:t,key:`file-format-${n}`,selected:e===this.templateOptions.format,value:e}))))),w=A(`calcite-label`,{layout:`inline`},A(`calcite-switch`,{checked:this.showPrintAreaEnabled,onCalciteSwitchChange:e=>{this.showPrintAreaEnabled=!!e.currentTarget.checked}}),e.printPreview),T=A(`div`,null,A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.template,A(`calcite-block`,{class:I.templateSelectContainer,description:this._getPageSizeLabel(this._selectedTemplate),expandable:!1,heading:this._getTemplateLabel(this._selectedTemplate,!0),key:`template-select-block`,label:e.template,loading:this._selectedTemplate?.state===`loading`,tabIndex:0,onclick:()=>this._showTemplates=!0,onkeydown:e=>{(e.key===`Enter`||e.key===` `)&&(this._showTemplates=!0)}},A(`calcite-icon`,{class:I.templateSelectIcon,icon:(this._selectedTemplate?.layout?V.get(this._selectedTemplate.layout):null)||`custom-print`,key:`template-select-icon`,scale:`l`,slot:`content-start`}),this._selectedTemplate?.state===`error`?A(`calcite-icon`,{class:I.templateSelectError,icon:`exclamation-mark-circle`,key:`template-select-error`,scale:`s`,slot:`actions-end`}):null,A(`calcite-icon`,{class:I.templateSelectArrow,icon:j()?`chevron-left`:`chevron-right`,key:`template-select-arrow`,scale:`s`,slot:`actions-end`})))),w),k=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,e.dpi,A(`calcite-input-number`,{bind:this,"data-input-name":`dpi`,min:1,value:`${s}`,onCalciteInputNumberInput:this._updateNumberInputValue}))),M=A(`div`,{class:I.formSectionContainer},A(`calcite-label`,null,A(`div`,{class:I.srLabel},e.outSpatialReference,A(`calcite-link`,{href:`https://developers.arcgis.com/rest/services-reference/enterprise/using-spatial-references/`,target:`_blank`},`(WKID)`)),A(`calcite-input-number`,{bind:this,"data-input-name":`outSpatialReference`,integer:!0,numberButtonType:`none`,value:n.outSpatialReference?.wkid?.toString()??``,onCalciteInputNumberInput:({currentTarget:e})=>{let t=m(e.value);n.outSpatialReference=Number.isNaN(t)||t==null?null:new h({wkid:t}),this._isValidSpatialReference=!n.outSpatialReference||g(n.outSpatialReference)}}),this._isValidSpatialReference?null:A(`div`,{class:I.invalidWkidText,key:`out-sr-${n.outSpatialReference?.wkid}`},e.invalidWkid))),N=A(`div`,{class:this.classes(I.scaleInfoContainer,I.formSectionContainer)},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:v,"data-option-name":`scaleEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.scale),A(`div`,{class:I.scaleInputContainer},A(`calcite-input-number`,{"aria-label":e.scaleLabel,"aria-valuenow":`${y}`,bind:this,class:I.scaleInput,"data-input-name":`scale`,disabled:!v,value:`${y}`,onCalciteInputNumberInput:this._updateNumberInputValue}),A(`calcite-button`,{appearance:`outline`,"aria-label":e.reset,bind:this,disabled:!v,iconStart:`refresh`,kind:`neutral`,onclick:this._resetToCurrentScale}))),P=A(`div`,{"aria-labelledby":`${this.id}__advancedOptionsForLayout`,class:I.advancedOptionsContainer,key:`advanced-section-for-layout`},N,this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasAuthorText??!0?A(`div`,{class:I.formSectionContainer,key:`author-info`},A(`calcite-label`,null,e.author,A(`calcite-input`,{bind:this,"data-input-name":`author`,value:a??``,onCalciteInputInput:this._updateInputValue}))):null,this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasCopyrightText??!0?A(`div`,{class:I.formSectionContainer,key:`copyright-text`},A(`calcite-label`,null,e.copyright,A(`calcite-input`,{bind:this,"data-input-name":`copyright`,value:o??``,onCalciteInputInput:this._updateInputValue}))):null,k,M,this._renderCustomTextElementSection(),this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasLegend??!0?A(`div`,{class:I.formSectionContainer,key:`legend-info`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!f,"data-option-name":`legendEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.legend)):null,this._selectedTemplate?.mapSurroundInfoOptions?.northArrow.length?A(`div`,{class:I.formSectionContainer,key:`north-arrow`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!p,"data-option-name":`northArrowEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.northArrow)):null,this._selectedTemplate?.mapSurroundInfoOptions?.scaleBar.length?A(`div`,{class:I.formSectionContainer,key:`scale-bar`},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:!!_,"data-option-name":`scaleBarEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.scaleBar)):null),F=A(`div`,{"aria-labelledby":`${this.id}__advancedOptionsForMapOnly`,class:I.advancedOptionsContainer},N,k,M,A(`div`,{class:I.formSectionContainer},A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:i,"data-option-name":`attributionEnabled`,onCalciteCheckboxChange:this._toggleInputValue}),e.attribution)),this._renderCustomTextElementSection()),L=this.exportedLinks.toArray(),R=this._renderExportedLinkItems(L),z={[I.exportSectionCentered]:!L.length},B=this._selectedTab===`layoutTab`?A(`section`,{"aria-labelledby":`${this.id}__layoutTab`,class:I.layoutSection,id:`${this.id}__layoutContent`,key:`esri-print__layoutContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},this._selectedTemplate?.layoutTemplateInfo?.layoutOptions?.hasTitleText??!0?S:null,T,this._selectedTab===`layoutTab`?C:null,A(`calcite-block`,{"aria-label":e.advancedOptions,class:this.classes(I.panelContainer,I.advancedOptionsSection),disabled:!(u||d?.id),expandable:!0,heading:e.advancedOptions,id:`advancedOptionsForLayout`,key:`advanced-options-for-layout`},P))):this._selectedTab===`mapOnlyTab`?A(`section`,{"aria-labelledby":`${this.id}__mapOnlyTab`,class:I.mapOnlySection,id:`${this.id}__mapOnlyContent`,key:`esri-print__mapOnlyContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},S,C,A(`div`,null,A(`div`,{class:this.classes(I.sizeContainer,I.formSectionContainer)},A(`calcite-label`,null,e.width,A(`calcite-input-number`,{bind:this,"data-input-name":`width`,value:`${b}`,onCalciteInputNumberInput:this._updateNumberInputValue})),A(`calcite-label`,null,e.height,A(`calcite-input-number`,{bind:this,"data-input-name":`height`,value:`${l}`,onCalciteInputNumberInput:this._updateNumberInputValue})),A(`button`,{"aria-label":e.swap,bind:this,class:this.classes(E.widgetButton,I.swapButton,O.swap),type:`button`,onclick:this._switchInput})),w),A(`calcite-block`,{"aria-label":e.advancedOptions,class:this.classes(I.panelContainer,I.advancedOptionsSection),expandable:!0,heading:e.advancedOptions,id:`advancedOptionsForMapOnly`,key:`advanced-options-for-map-only`},F))):A(`section`,{"aria-labelledby":`${this.id}__exportTab`,class:this.classes(I.exportSection,z),id:`${this.id}__exportContent`,key:`esri-print__exportContent`,role:`tabpanel`},A(`div`,{class:I.panelContainer},A(`div`,{afterUpdate:this._scrollExportIntoView,bind:this,class:I.exportedFilesContainer},L.length===0?A(`div`,{class:I.exportedFilesEmpty},A(`calcite-icon`,{icon:`file`,scale:`l`}),A(`div`,null,A(D,{class:I.exportedFilesTitle,level:this.headingLevel},e.noExportedFiles),A(`div`,null,e.exportHint))):R))),H=r?.type!==`2d`,U=A(`div`,{class:I.panelError},r?H?e.sceneViewError:e.serviceError:e.noViewError),W=L.some(({state:e})=>e===`pending`),G=A(`div`,{class:I.content,key:`panel`},A(`div`,null,A(`ul`,{bind:this,class:I.layoutTabList,role:`tablist`,onclick:this._toggleLayoutPanel,onkeydown:this._handleLayoutPanelKeyDown},A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`layoutTab`}`,class:I.layoutTab,"data-tab-id":`layoutTab`,id:`${this.id}__layoutTab`,role:`tab`,tabIndex:0},e.layoutTab),A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`mapOnlyTab`}`,class:I.layoutTab,"data-tab-id":`mapOnlyTab`,id:`${this.id}__mapOnlyTab`,role:`tab`,tabIndex:0},e.mapOnlyTab),A(`li`,{afterCreate:this._focusOnTabChange,afterUpdate:this._focusOnTabChange,"aria-selected":`${this._selectedTab===`exportTab`}`,class:I.layoutTab,"data-tab-id":`exportTab`,id:`${this.id}__exportedFilesTab`,role:`tab`,tabIndex:0},W?A(`calcite-loader`,{inline:!0,label:`loading`,scale:`s`}):null,e.exportsTab)),B),this._selectedTab===`exportTab`?null:A(`div`,{class:this.classes(I.printButtonSection,!this.saveExportHidden&&this.portal?I.printButtonSectionDivider:null),key:`export-button-section`},!this.saveExportHidden&&this.portal?A(`calcite-label`,{layout:`inline`},A(`calcite-checkbox`,{bind:this,checked:this.saveExportEnabled,onCalciteCheckboxChange:e=>{this.saveExportEnabled=!!e.currentTarget.checked}}),e.saveExportToMyContent):null,A(`calcite-button`,{"aria-label":e.exportDescription,bind:this,class:this.classes(I.printButton),disabled:x||!(u||d?.id)&&!c,scale:`l`,width:`full`,onclick:this._handlePrintMap},e.export))),K=A(`calcite-flow`,{key:`root-flow`},A(`calcite-flow-item`,{bind:this,key:`root-flow-item`,selected:!this._showTemplates},A(`div`,{class:I.printWidgetContainer},this.headerVisible?A(`header`,{class:I.headerTitle},e.export):null,this.error||H||!r?U:G)),this._renderChooseTemplateFlowItem()),q=n.state===`initializing`,J=q?this._renderLoader():K,Y={[I.panelItemsCentered]:q};return A(`div`,{bind:this,class:this.classes(I.base,E.widget,E.panel,Y)},J)}_getPageSizeLabel(e){if(!e)return;let n=e.layoutTemplateInfo;if(!n)return;let r=B.fromJSON(n.pageUnits.toLowerCase());return`${t(n.pageSize[0])} \u00D7 ${t(n.pageSize[1])} ${l(this.messagesUnits,r,`abbr`)}`}_getTemplateLabel(e,t=!1){if(!e)return t?this.messages.selectTemplate:this.messages.untitled;let{label:n,layout:r,layoutItem:i}=e;return(r&&!i&&this.messages[r]?this.messages[r]:null)||((n??r??i?.id)?.replaceAll(`_`,` `)??this.messages.untitled)}_getPortalTemplates(){return this.includeDefaultTemplates&&this.includeOrganizationTemplates?this.viewModel.defaultTemplates.toArray().filter(({layout:e,layoutItem:t})=>!R(e)&&!!t?.id):[]}_getDefaultTemplates(){return this.includeDefaultTemplates?this.viewModel.defaultTemplates.toArray().filter(({layout:e,layoutItem:t})=>!R(e)&&!t?.id):[]}_getPrintServiceTemplates(){return!this.includeDefaultTemplates||!this._getDefaultTemplates().length?this.viewModel.printServiceTemplates.toArray().filter(({layout:e})=>!R(e)):[]}_renderLayoutTemplates(e,t=!1,n=!1){return t&&e.sort((e,t)=>(e.label??``)>(t.label??``)?1:-1),e.map(e=>A(`calcite-list-item`,{description:this._getPageSizeLabel(e),key:`template-${e.id}-${e.id===this.templateOptions.id}`,label:this._getTemplateLabel(e),selected:e.id===this.templateOptions.id,title:e.description??``,value:e},A(`calcite-icon`,{icon:(e.layout?V.get(e.layout):null)||`custom-print`,slot:`content-start`}),e.state===`loading`?A(`calcite-loader`,{inline:!0,key:`template-loader-${e.id}`,label:`loading`,scale:`s`,slot:`content-end`}):null,e?.state===`error`?A(`calcite-icon`,{class:I.templateSelectError,icon:`exclamation-mark-circle`,key:`template-error-${e.id}`,scale:`s`,slot:`content-end`}):null,n?A(`calcite-action`,{icon:`trash`,slot:`actions-end`,text:`delete`,onclick:()=>this.viewModel.removePortalTemplate(e)}):null))}_renderChooseTemplateFlowItem(){if(!this._showTemplates)return null;let{messages:e}=this,t=v.test(this.portal?.url),n=this.viewModel.browseTemplates.toArray(),r=this._getPortalTemplates(),i=this._getDefaultTemplates(),a=this._getPrintServiceTemplates(),o=n.length+r.length+i.length+a.length>15,s=this.browseTemplateButtonOnClick?A(`calcite-button`,{appearance:`outline`,class:o?I.browseTemplateButtonContainerFilter:I.browseTemplateButtonContainer,iconStart:`folder`,key:`browse-template-button`,slot:o?`filter-actions-end`:`default`,onclick:this.browseTemplateButtonOnClick},o?null:e.browseTemplates):null;return A(`calcite-flow-item`,{bind:this,closable:!1,heading:e.chooseTemplate,key:`template-flow-item`,selected:this._showTemplates,onCalciteFlowItemBack:e=>{e.preventDefault(),this._showTemplates=!1}},A(`div`,{class:I.templateSelectFlowItemContainer},A(`div`,{class:I.templateSelectFlowItemContent},o?null:s,A(`calcite-list`,{filterEnabled:o,filterProps:[`label`],key:`template-list`,label:e.templateList,selectionMode:`single-persist`,onCalciteListChange:({currentTarget:e})=>this.viewModel.applyTemplate(e.selectedItems[0]?.value)},o?s:null,n.length?A(`div`,{key:`my-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.myTemplates,t?A(`calcite-chip`,{appearance:`outline`,kind:`neutral`,label:e.beta,scale:`s`},e.beta):null),this._renderLayoutTemplates(n,!0,!0)):null,r.length?A(`div`,{key:`org-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.organizationTemplates,t?A(`calcite-chip`,{appearance:`outline`,kind:`neutral`,label:e.beta,scale:`s`},e.beta):null),this._renderLayoutTemplates(r)):null,n.length||r.length?i.length?A(`div`,{key:`default-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.defaultTemplates),this._renderLayoutTemplates(i,!0)):null:this._renderLayoutTemplates(i,!0),n.length||r.length?a.length?A(`div`,{key:`service-templates`},A(`div`,{class:I.templateSelectFlowItemListHeading},e.defaultTemplates),this._renderLayoutTemplates(a)):null:this._renderLayoutTemplates(a))),A(`div`,{class:I.templateButtonContainer},A(`calcite-button`,{class:I.templateDoneButton,onclick:()=>this._showTemplates=!1},this.messagesCommon.done))))}_renderCustomTextElementSection(){let{customTextElements:e}=this.templateOptions;return e?A(`div`,{class:I.formSectionContainer,key:`custom-text-elements`},e.map((e,t)=>{let[n,r]=Object.entries(e)[0];return n===`date`?null:A(`calcite-label`,{key:`custom-text-elements-${n}-${t}`},n,A(`calcite-input`,{bind:this,"data-input-custom":!0,"data-input-name":n,value:r??``,onCalciteInputInput:this._updateInputValue}))})):null}_renderTitleOrFileNameSection(){let{title:e,fileName:t,titlePlaceHolder:n,fileNamePlaceHolder:r}=this.messages,i=this._selectedTab===`layoutTab`?e:t,a=this._selectedTab===`layoutTab`?n:r,o=this._selectedTab===`layoutTab`?this.templateOptions.title:this.templateOptions.fileName;return A(`div`,{class:I.formSectionContainer,key:i},A(`calcite-label`,null,i,A(`calcite-input`,{placeholder:a,value:o??``,onCalciteInputInput:this._onInput})))}_focusOnTabChange(e){if(!this._activeTabFocusRequested)return;let t=e.getAttribute(`data-tab-id`);(t===`layoutTab`&&this._selectedTab===`layoutTab`||t===`mapOnlyTab`&&this._selectedTab===`mapOnlyTab`||t===`exportTab`&&this._selectedTab===`exportTab`)&&(e.focus(),this._activeTabFocusRequested=!1)}_renderLoader(){let e={[I.loader]:this._awaitingServerResponse};return A(`div`,{class:this.classes(e),key:`loader`})}_resetToCurrentScale(){this.templateOptions.scale=this.viewModel.view?.scale}_updateCustomTextElementValue(e,t,n){let r=e.find(e=>{let[n]=Object.entries(e)[0];return n===t});r[t]=n}_updateInputValue(e){let t=e.currentTarget,n=t.getAttribute(`data-input-name`),r=!!t[`data-input-custom`],{templateOptions:i}=this;r?this._updateCustomTextElementValue(i.customTextElements,n,t.value):i[n]=t.value}_updateNumberInputValue(e){let t=e.currentTarget,n=t.getAttribute(`data-input-name`),{templateOptions:r}=this,i=Number(t.value);L(i)?r[n]=i:t.value=`${r[n]}`}_handlePrintMap(){this._pendingExportScroll=!0;let{templateOptions:e}=this,t=this._selectedTab===`layoutTab`?e.title:e.fileName,{promise:n}=this.viewModel.export(t||this.messages.untitled);this._selectedTab=`exportTab`,n.then(()=>this.scheduleRender())}_switchInput(){[this.templateOptions.width,this.templateOptions.height]=[this.templateOptions.height,this.templateOptions.width]}_scrollExportIntoView(){if(!this._pendingExportScroll)return;this._pendingExportScroll=!1;let e=this._rootNode;if(!e)return;let{clientHeight:t,scrollHeight:n}=e,r=n-t;r>0&&(e.scrollTop=r)}_toggleInputValue(e){let t=e.target,n=t.getAttribute(`data-option-name`);this.templateOptions[n]=t.checked,n===`scaleEnabled`&&this._resetToCurrentScale()}_renderExportedLinkItemPopover(e){let t=this.messages,n=e.formattedName??``,{state:r}=e,i=this.saveAsButtonCallback&&r!==`error`&&this._isFormatAllowedForSaving(e.extension);return r!==`pending`&&i?A(`calcite-popover`,{autoClose:!0,key:`${n}-popover`,label:`Popover`,offsetDistance:1,overlayPositioning:`fixed`,pointerDisabled:!0,referenceElement:`${n}-popover-button`,scale:`s`,topLayerDisabled:this.topLayerDisabled},A(`calcite-list`,{label:``},e.portalItem?A(`calcite-list-item`,{label:t.openItem,onCalciteListItemSelect:()=>{let t=e.portalItem;if(!t||!t.itemPageUrl)return;let n=document.createElement(`a`);n.target=`_blank`,n.href=t.itemPageUrl,n.rel=`noreferrer`,n.click()}},A(`calcite-icon`,{icon:`launch2`,key:`${n}-launch-icon`,scale:`s`,slot:`content-start`})):A(`calcite-list-item`,{label:t.saveAs,onCalciteListItemSelect:async()=>{this.saveAsButtonCallback&&(c(()=>e.portalItem).then(e=>{e.itemPageUrl&&this.scheduleRender()}),await this.saveAsButtonCallback(e))}},A(`calcite-icon`,{icon:`save`,key:`${n}-save-icon`,scale:`s`,slot:`content-start`})),A(`calcite-list-item`,{label:this.messagesCommon.delete,onCalciteListItemSelect:()=>this.exportedLinks.remove(e)},A(`calcite-icon`,{icon:`trash`,key:`${n}-delete-icon`,scale:`s`,slot:`content-start`})))):null}_renderExportedLinkItemContent(e){let t=this.messages,{url:n,state:r,error:i}=e,a=e.formattedName??``,o=n||null;o&&=u(o);let s=d(o,location.href),c=r===`error`?i?.name===`print-task:cim-symbol-unsupported`?t.exportWebMapCIMError:t.exportWebMapError:null;return A(`div`,{class:I.exportedFile,"data-item":e,slot:`content`,onclick:this._handleLinkClick},A(`div`,null,A(`div`,{class:I.exportedFileLinkTitle},a),A(`div`,{class:I.exportedFileLinkDescription},r===`pending`?t.generatingExport:c||(s?t.ready:t.linkReady))),r===`ready`?A(`calcite-icon`,{"aria-label":`${a}. ${t.linkReady}`,icon:s?`download-to`:`launch`,key:`${a}-end-icon`,scale:`s`,slot:`content-end`}):null)}_renderExportedLinkItemIcon(e){let t=e.formattedName??``;return e.state===`pending`?A(`calcite-loader`,{class:I.exportedFileLoader,inline:!0,key:`${t}-loader`,label:this.messages.generatingExport,scale:`m`,slot:`content-start`}):A(`calcite-icon`,{icon:z(e),key:`${t}-start-icon`,scale:`s`,slot:`content-start`})}_renderExportedLinkItemAction(e){let{state:t}=e,n=e.formattedName??``,r=this.saveAsButtonCallback&&t!==`error`&&this._isFormatAllowedForSaving(e.extension);return t===`pending`?null:A(`calcite-action`,{icon:r?`ellipsis`:`x`,id:r?`${n}-popover-button`:void 0,key:r?`${n}-saveAs-action`:`${n}-action`,slot:`actions-end`,text:r?this.messagesCommon.options:this.messagesCommon.remove,onclick:r?void 0:()=>{this.exportedLinks.remove(e)}})}_renderExportedLinkItem(e){let t=e.formattedName??``;return A(M,null,A(`calcite-list-item`,{key:t,label:t},this._renderExportedLinkItemContent(e),this._renderExportedLinkItemIcon(e),this._renderExportedLinkItemAction(e)),this._renderExportedLinkItemPopover(e))}_renderExportedLinkItems(e){return A(`calcite-list`,{filterEnabled:e?.length>10,label:this.messages.exportedLinksList,selectionMode:`none`},e.map(this._renderExportedLinkItem.bind(this)))}_isFormatAllowedForSaving(e){return!this.allowedFormatsForSaving||this.allowedFormatsForSaving===`all`||!!(e&&this.allowedFormatsForSaving.includes(e))}_toggleLayoutPanel(e){let t=e.target;this._toggleTab(t.getAttribute(`data-tab-id`))}_toggleTab(e,t=!0){if(this._selectedTab=e,this._selectedTab===`mapOnlyTab`)this.viewModel.applyTemplate(P);else if(this._selectedTab===`layoutTab`){let e=this._selectedTemplate??this.viewModel.defaultTemplate;this.viewModel.applyTemplate(e)}t&&(this._activeTabFocusRequested=!0)}_handleLayoutPanelKeyDown(e){let{key:t}=e,n=e.target.getAttribute(`data-tab-id`);if(N(t))this._toggleTab(n),e.preventDefault(),e.stopPropagation();else if(t===`ArrowLeft`||t===`ArrowRight`){switch(n){case`layoutTab`:this._toggleTab(t===`ArrowLeft`?`exportTab`:`mapOnlyTab`);break;case`mapOnlyTab`:this._toggleTab(t===`ArrowLeft`?`layoutTab`:`exportTab`);break;case`exportTab`:this._toggleTab(t===`ArrowLeft`?`mapOnlyTab`:`layoutTab`)}e.preventDefault(),e.stopPropagation()}}};e([f()],H.prototype,`_showTemplates`,void 0),e([f()],H.prototype,`_isValidSpatialReference`,void 0),e([f()],H.prototype,`allowedFormats`,null),e([f()],H.prototype,`allowedFormatsForSaving`,void 0),e([f()],H.prototype,`allowedLayouts`,null),e([f()],H.prototype,`browseTemplateButtonOnClick`,void 0),e([f()],H.prototype,`error`,null),e([f({type:n.ofType(S)})],H.prototype,`exportedLinks`,null),e([f()],H.prototype,`extraParameters`,null),e([f()],H.prototype,`headerVisible`,void 0),e([f()],H.prototype,`headingLevel`,void 0),e([f()],H.prototype,`icon`,null),e([f()],H.prototype,`includeDefaultTemplates`,null),e([f()],H.prototype,`includeOrganizationTemplates`,void 0),e([f()],H.prototype,`label`,null),e([f(),k(`esri/widgets/Print/t9n/Print`)],H.prototype,`messages`,void 0),e([f(),k(`esri/t9n/common`)],H.prototype,`messagesCommon`,void 0),e([f(),k(`esri/core/t9n/Units`)],H.prototype,`messagesUnits`,void 0),e([f({type:h})],H.prototype,`outSpatialReference`,null),e([f({type:_})],H.prototype,`portal`,null),e([f()],H.prototype,`saveExportEnabled`,null),e([f()],H.prototype,`saveExportHidden`,void 0),e([f()],H.prototype,`showPrintAreaEnabled`,null),e([f()],H.prototype,`printServiceUrl`,null),e([f()],H.prototype,`saveAsButtonCallback`,void 0),e([f()],H.prototype,`templateCustomTextElements`,null),e([f({type:w})],H.prototype,`templateOptions`,null),e([f()],H.prototype,`view`,null),e([f({type:C})],H.prototype,`viewModel`,void 0),H=e([p(`esri.widgets.Print`)],H);const U=H;export{U as default};