@esri/solutions-components 5.1.0-next.76 → 5.1.0-next.77

package/dist/cdn/{GNWP2AAY.js → 4Q4SEYKD.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as w}from"./4DFLLD6V.js";import{a as v}from"./5TNKWUPA.js";import{b as y}from"./42CN2HQC.js";import{c as m}from"./7NDNEWIB.js";import"./46MUUBPE.js";import{E as c,F as l,G as g,h as b,i as o}from"./7MSBIQLE.js";import"./QPIMTXPL.js";export default $arcgis.t(([k,G,{on:x},h,B,L,_])=>{var I=b`:host{--default-width: 375px;--width: var(--default-width);--padding: 10px;--border-style: 1px solid var(--calcite-color-border-1);--close-button-size: 48px;--calcite-icon-color: var(--calcite-color-text-3);display:block;background:var(--background-color, var(--calcite-color-foreground-1));color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);box-sizing:border-box}::slotted(arcgis-sketch),::slotted(arcgis-search){display:flex;justify-content:center;align-items:center}::slotted(arcgis-sketch){--calcite-action-bar-shadow: none;--calcite-action-bar-corner-radius: none;--calcite-action-group-border-color: var(--calcite-color-border-1)}::slotted(arcgis-search){width:100%;padding:var(--padding)}[hidden]{display:none}[role=dialog]{width:var(--width);>*{padding-inline:var(--padding)}}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-inline-end:0}h2{color:inherit;font-size:inherit;font-weight:var(--calcite-font-weight-medium);line-height:1;margin:0}calcite-button.close-dialog{width:var(--close-button-size);height:var(--close-button-size)}.border-bottom{height:1px;border-bottom:var(--border-style)}calcite-label:first-of-type span{padding-block-start:var(--padding)}.main-buttons-wrapper{display:flex;flex-direction:column;gap:var(--padding);padding-block:var(--padding)}`,u={style:"solid",color:[100,100,100,.5],outline:{color:[255,255,255,255],width:.75}};function C(r,e){return new L({geometry:r,symbol:e})}async function $({graphic:r,distance:e,unit:t,isGeodesic:s}){s&&!h.isLoaded()&&await h.load();let a=s?h:B;try{let i={unit:t},n=a.execute(r.geometry,e,i);if(!n)throw new Error("buffer failed");return n}catch(i){console.error(String(i))}}async function A({graphic:r,unit:e,isGeodesic:t,distanceValues:s}){let a=0,i=r,n=[];for(;a<s.length;){let M=s[a],f=await $({graphic:r,distance:M,unit:e,isGeodesic:t});if(!f)continue;let p=_.execute(f,i.geometry);p&&n.push(p),i=C(f,r.symbol),a++}return n}function S(r){let e=r?.assignedElements?.({flatten:!0});if(e?.length)return e.at(0)}var D=["meters","kilometers","miles","yards","feet","us-feet"],d=class extends g{constructor(){super(),this._messages=v({name:"instant-apps-buffer",blocking:!0}),this.#i=c(),this.#s=c(),this.#e=c(),this.#a=c(),this.#r=c(),this.open=!1,this.inputMethod="select-feature",this.inputGraphics=[],this.bufferUnit="miles",this.bufferInputStep=1,this.bufferDistance=1,this.bufferMinDistance=.1,this.bufferMaxDistance=1e6,this.geodesicBufferEnabled=!1,this.bufferColor=u.color,this.bufferStyle=u.style,this.bufferOutlineColor=u.outline.color,this.bufferOutlineWidth=u.outline.width,this.elevationInfoMode="on-the-ground",this.arcgisPropertyChange=m()("open","inputMethod"),this.bufferLayer=new k,this.listen("calciteRadioButtonGroupChange",this._handleBufferInputChange),this.listen("arcgisCreate",this._handleArcgisSketchEventCreate),this.listen("arcgisDelete",this._handleArcgisSketchEventDelete),this.listen("arcgisSearchClear",this._handleArcgisSearchClear),this.listen("arcgisSelectResult",this._handleArcgisSearchSelect)}static{this.properties={open:7,inputMethod:3,bufferLayer:0,inputGraphics:0,view:0,sources:0,bufferUnit:3,bufferInputStep:11,bufferDistance:11,distanceValuesSorted:32,bufferMinDistance:11,bufferMaxDistance:11,geodesicBufferEnabled:7,readyToBuffer:39,bufferColor:0,bufferStyle:1,bufferOutlineColor:0,bufferOutlineWidth:9,bufferGraphicSymbol:32,elevationInfoMode:1}}static{this.styles=I}#i;#s;#e;#a;#r;get#t(){let e=this.#a.value;return S(e)}get#n(){let e=this.#r.value;return S(e)}get distanceValuesSorted(){return this.el.shadowRoot.querySelector("instant-apps-buffer-distance-manager")?.distanceValuesSorted||[]}get readyToBuffer(){return!!this.view&&!!this.bufferLayer&&!!this.inputGraphics?.length&&!!this.distanceValuesSorted?.length}get bufferGraphicSymbol(){let e=typeof this.bufferOutlineWidth=="number"&&this.bufferOutlineWidth>0,t=typeof this.bufferOutlineColor<"u"&&e;return new G({color:this.bufferColor,style:this.bufferStyle,outline:t?{color:this.bufferOutlineColor,width:this.bufferOutlineWidth}:null})}async clearBufferLayer(){this._clearBufferLayer()}async close(){this.open=!1}async setFocus(){await this.#i.value.setFocus()}willUpdate(e){this.view&&this.view.type==="3d"&&(e.has("view")||e.has("elevationInfoMode"))&&(this.bufferLayer.elevationInfo={mode:this.elevationInfoMode}),e.has("inputMethod")&&this.inputMethod&&this._inputMethodChangeCleanUp()}async loaded(){let e=this.#e.value;await e.updateComplete,this.manager.onLifecycle(()=>x(()=>e.selectionManager,"selection-change",()=>this._getSelectedGraphics()))}_inputMethodChangeCleanUp(){this.inputGraphics=[],this.clearBufferLayer(),this.#e?.value?.clearSelection?.(),this.#n?.clear?.(),this.#t?.cancel?.(),this.#t?.delete?.(),this.#t?.layer?.removeAll?.()}_handleBufferInputChange(){let e=(this.#s.value.shadowRoot?.querySelector("calcite-radio-button-group")).selectedItem.value;this.inputMethod=e}_handleArcgisSketchEventCreate(e){e.detail.state==="complete"&&this._assignInputGraphicsFromArcgisSketch()}_handleArcgisSketchEventDelete(e){this._assignInputGraphicsFromArcgisSketch()}_assignInputGraphicsFromArcgisSketch(){this.#t&&(this.inputGraphics=[...this.#t?.layer?.graphics?.toArray()??[]])}async _handleArcgisSearchSelect(){let e=this.#n.resultGraphic;e&&(this.inputGraphics=[e])}_handleArcgisSearchClear(){this.inputGraphics=[]}async _getSelectedGraphics(){let e=await this.#e.value.getSelectedFeatures(),t=[];for(let s of e)t=[...t,...s.data.features];this.inputGraphics=t??[]}_clearBufferLayer(){this.bufferLayer?.removeAll()}async _onCreateBufferClick(){await this._bufferInputGraphics()}_onRemoveBufferClick(){this._clearBufferLayer()}_onBufferUnitChange(e){let t=e.target.value;this.bufferUnit=t}async _bufferInputGraphics(){if(!this.readyToBuffer)return;this.view.map?.layers.indexOf(this.bufferLayer)===-1?this.view.map.add(this.bufferLayer):this.bufferLayer.removeAll();let e=[];for(let a of this.inputGraphics){let i={graphic:a,unit:this.bufferUnit,isGeodesic:this.geodesicBufferEnabled},n;this.distanceValuesSorted.length>1&&(n=A({...i,distanceValues:this.distanceValuesSorted})),this.distanceValuesSorted?.length===1&&(n=$({...i,distance:this.distanceValuesSorted[0]})),e.push(n)}let t=this.bufferGraphicSymbol,s=await Promise.all(e).catch(a=>console.log(String(a)));if(s&&s?.length){let a=s.flat().filter(i=>!!i).map(i=>C(i,t));this.bufferLayer.addMany(a)}}_renderInputMethod(){if(this.inputMethod==="select-feature"){let e=this.sources||this.view?.map?.layers;return o`<instant-apps-selection-toolbar .view=${this.view} continuous-selection-enabled .sources=${e} ${l(this.#e)}></instant-apps-selection-toolbar>`}return this.inputMethod==="draw-graphic"?o`<slot name=arcgis-sketch ${l(this.#a)}></slot>`:this.inputMethod==="search-location"?o`<slot name=arcgis-search ${l(this.#r)}></slot>`:null}render(){return o`<div role=dialog .hidden=${!this.open} aria-labelledby=buffer-title><header><h2 id=buffer-title>${this._messages.title}</h2><calcite-button class="close-dialog" .label=${this._messages.labels.close} appearance=transparent scale=m @click=${this.close} ${l(this.#i)}><calcite-icon icon=x scale=m></calcite-icon></calcite-button></header><instant-apps-buffer-input-radiogroup .labels=${this._messages.inputRadioButtonLabels} .selectedValue=${this.inputMethod} ${l(this.#s)}></instant-apps-buffer-input-radiogroup>${this._renderInputMethod()}<instant-apps-buffer-distance-manager .bufferDistance=${this.bufferDistance} .bufferInputStep=${this.bufferInputStep} .bufferMinDistance=${this.bufferMinDistance} .bufferMaxDistance=${this.bufferMaxDistance} .inputNumberLabel=${this._messages.labels.distance} .addButtonLabel=${this._messages.labels.add} .removeValueLabel=${this._messages.labels.removeDistanceValue}></instant-apps-buffer-distance-manager><calcite-label><span>${this._messages.labels.unit}</span><calcite-select .label=${this._messages.labels.unit} @calciteSelectChange=${this._onBufferUnitChange}>${w(D,e=>e,e=>o`<calcite-option .value=${e} .selected=${this.bufferUnit===e}>${this._messages.units[e]}</calcite-option>`)}</calcite-select></calcite-label><div class="main-buttons-wrapper"><calcite-button @click=${this._onCreateBufferClick}>${this._messages.labels.draw}</calcite-button><calcite-button appearance=outline @click=${this._onRemoveBufferClick}>${this._messages.labels.clear}</calcite-button></div></div>`}};y("instant-apps-buffer",d);return d},"layers/GraphicsLayer","symbols/SimpleFillSymbol","core/reactiveUtils","geometry/operators/geodesicBufferOperator","geometry/operators/bufferOperator","Graphic","geometry/operators/differenceOperator")
+import{a as w}from"./GYIIWGVU.js";import{a as v}from"./4CKQ65RB.js";import{b as y}from"./5ZAECGHB.js";import{c as m}from"./RNPADJJH.js";import"./ALEO5WLU.js";import{E as c,F as l,G as g,h as b,i as o}from"./ZA7S6L2Y.js";import"./QPIMTXPL.js";export default $arcgis.t(([k,G,{on:x},h,B,L,_])=>{var I=b`:host{--default-width: 375px;--width: var(--default-width);--padding: 10px;--border-style: 1px solid var(--calcite-color-border-1);--close-button-size: 48px;--calcite-icon-color: var(--calcite-color-text-3);display:block;background:var(--background-color, var(--calcite-color-foreground-1));color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1);box-sizing:border-box}::slotted(arcgis-sketch),::slotted(arcgis-search){display:flex;justify-content:center;align-items:center}::slotted(arcgis-sketch){--calcite-action-bar-shadow: none;--calcite-action-bar-corner-radius: none;--calcite-action-group-border-color: var(--calcite-color-border-1)}::slotted(arcgis-search){width:100%;padding:var(--padding)}[hidden]{display:none}[role=dialog]{width:var(--width);>*{padding-inline:var(--padding)}}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-inline-end:0}h2{color:inherit;font-size:inherit;font-weight:var(--calcite-font-weight-medium);line-height:1;margin:0}calcite-button.close-dialog{width:var(--close-button-size);height:var(--close-button-size)}.border-bottom{height:1px;border-bottom:var(--border-style)}calcite-label:first-of-type span{padding-block-start:var(--padding)}.main-buttons-wrapper{display:flex;flex-direction:column;gap:var(--padding);padding-block:var(--padding)}`,u={style:"solid",color:[100,100,100,.5],outline:{color:[255,255,255,255],width:.75}};function C(r,e){return new L({geometry:r,symbol:e})}async function $({graphic:r,distance:e,unit:t,isGeodesic:s}){s&&!h.isLoaded()&&await h.load();let a=s?h:B;try{let i={unit:t},n=a.execute(r.geometry,e,i);if(!n)throw new Error("buffer failed");return n}catch(i){console.error(String(i))}}async function A({graphic:r,unit:e,isGeodesic:t,distanceValues:s}){let a=0,i=r,n=[];for(;a<s.length;){let M=s[a],f=await $({graphic:r,distance:M,unit:e,isGeodesic:t});if(!f)continue;let p=_.execute(f,i.geometry);p&&n.push(p),i=C(f,r.symbol),a++}return n}function S(r){let e=r?.assignedElements?.({flatten:!0});if(e?.length)return e.at(0)}var D=["meters","kilometers","miles","yards","feet","us-feet"],d=class extends g{constructor(){super(),this._messages=v({name:"instant-apps-buffer",blocking:!0}),this.#i=c(),this.#s=c(),this.#e=c(),this.#a=c(),this.#r=c(),this.open=!1,this.inputMethod="select-feature",this.inputGraphics=[],this.bufferUnit="miles",this.bufferInputStep=1,this.bufferDistance=1,this.bufferMinDistance=.1,this.bufferMaxDistance=1e6,this.geodesicBufferEnabled=!1,this.bufferColor=u.color,this.bufferStyle=u.style,this.bufferOutlineColor=u.outline.color,this.bufferOutlineWidth=u.outline.width,this.elevationInfoMode="on-the-ground",this.arcgisPropertyChange=m()("open","inputMethod"),this.bufferLayer=new k,this.listen("calciteRadioButtonGroupChange",this._handleBufferInputChange),this.listen("arcgisCreate",this._handleArcgisSketchEventCreate),this.listen("arcgisDelete",this._handleArcgisSketchEventDelete),this.listen("arcgisSearchClear",this._handleArcgisSearchClear),this.listen("arcgisSelectResult",this._handleArcgisSearchSelect)}static{this.properties={open:7,inputMethod:3,bufferLayer:0,inputGraphics:0,view:0,sources:0,bufferUnit:3,bufferInputStep:11,bufferDistance:11,distanceValuesSorted:32,bufferMinDistance:11,bufferMaxDistance:11,geodesicBufferEnabled:7,readyToBuffer:39,bufferColor:0,bufferStyle:1,bufferOutlineColor:0,bufferOutlineWidth:9,bufferGraphicSymbol:32,elevationInfoMode:1}}static{this.styles=I}#i;#s;#e;#a;#r;get#t(){let e=this.#a.value;return S(e)}get#n(){let e=this.#r.value;return S(e)}get distanceValuesSorted(){return this.el.shadowRoot.querySelector("instant-apps-buffer-distance-manager")?.distanceValuesSorted||[]}get readyToBuffer(){return!!this.view&&!!this.bufferLayer&&!!this.inputGraphics?.length&&!!this.distanceValuesSorted?.length}get bufferGraphicSymbol(){let e=typeof this.bufferOutlineWidth=="number"&&this.bufferOutlineWidth>0,t=typeof this.bufferOutlineColor<"u"&&e;return new G({color:this.bufferColor,style:this.bufferStyle,outline:t?{color:this.bufferOutlineColor,width:this.bufferOutlineWidth}:null})}async clearBufferLayer(){this._clearBufferLayer()}async close(){this.open=!1}async setFocus(){await this.#i.value.setFocus()}willUpdate(e){this.view&&this.view.type==="3d"&&(e.has("view")||e.has("elevationInfoMode"))&&(this.bufferLayer.elevationInfo={mode:this.elevationInfoMode}),e.has("inputMethod")&&this.inputMethod&&this._inputMethodChangeCleanUp()}async loaded(){let e=this.#e.value;await e.updateComplete,this.manager.onLifecycle(()=>x(()=>e.selectionManager,"selection-change",()=>this._getSelectedGraphics()))}_inputMethodChangeCleanUp(){this.inputGraphics=[],this.clearBufferLayer(),this.#e?.value?.clearSelection?.(),this.#n?.clear?.(),this.#t?.cancel?.(),this.#t?.delete?.(),this.#t?.layer?.removeAll?.()}_handleBufferInputChange(){let e=(this.#s.value.shadowRoot?.querySelector("calcite-radio-button-group")).selectedItem.value;this.inputMethod=e}_handleArcgisSketchEventCreate(e){e.detail.state==="complete"&&this._assignInputGraphicsFromArcgisSketch()}_handleArcgisSketchEventDelete(e){this._assignInputGraphicsFromArcgisSketch()}_assignInputGraphicsFromArcgisSketch(){this.#t&&(this.inputGraphics=[...this.#t?.layer?.graphics?.toArray()??[]])}async _handleArcgisSearchSelect(){let e=this.#n.resultGraphic;e&&(this.inputGraphics=[e])}_handleArcgisSearchClear(){this.inputGraphics=[]}async _getSelectedGraphics(){let e=await this.#e.value.getSelectedFeatures(),t=[];for(let s of e)t=[...t,...s.data.features];this.inputGraphics=t??[]}_clearBufferLayer(){this.bufferLayer?.removeAll()}async _onCreateBufferClick(){await this._bufferInputGraphics()}_onRemoveBufferClick(){this._clearBufferLayer()}_onBufferUnitChange(e){let t=e.target.value;this.bufferUnit=t}async _bufferInputGraphics(){if(!this.readyToBuffer)return;this.view.map?.layers.indexOf(this.bufferLayer)===-1?this.view.map.add(this.bufferLayer):this.bufferLayer.removeAll();let e=[];for(let a of this.inputGraphics){let i={graphic:a,unit:this.bufferUnit,isGeodesic:this.geodesicBufferEnabled},n;this.distanceValuesSorted.length>1&&(n=A({...i,distanceValues:this.distanceValuesSorted})),this.distanceValuesSorted?.length===1&&(n=$({...i,distance:this.distanceValuesSorted[0]})),e.push(n)}let t=this.bufferGraphicSymbol,s=await Promise.all(e).catch(a=>console.log(String(a)));if(s&&s?.length){let a=s.flat().filter(i=>!!i).map(i=>C(i,t));this.bufferLayer.addMany(a)}}_renderInputMethod(){if(this.inputMethod==="select-feature"){let e=this.sources||this.view?.map?.layers;return o`<instant-apps-selection-toolbar .view=${this.view} continuous-selection-enabled .sources=${e} ${l(this.#e)}></instant-apps-selection-toolbar>`}return this.inputMethod==="draw-graphic"?o`<slot name=arcgis-sketch ${l(this.#a)}></slot>`:this.inputMethod==="search-location"?o`<slot name=arcgis-search ${l(this.#r)}></slot>`:null}render(){return o`<div role=dialog .hidden=${!this.open} aria-labelledby=buffer-title><header><h2 id=buffer-title>${this._messages.title}</h2><calcite-button class="close-dialog" .label=${this._messages.labels.close} appearance=transparent scale=m @click=${this.close} ${l(this.#i)}><calcite-icon icon=x scale=m></calcite-icon></calcite-button></header><instant-apps-buffer-input-radiogroup .labels=${this._messages.inputRadioButtonLabels} .selectedValue=${this.inputMethod} ${l(this.#s)}></instant-apps-buffer-input-radiogroup>${this._renderInputMethod()}<instant-apps-buffer-distance-manager .bufferDistance=${this.bufferDistance} .bufferInputStep=${this.bufferInputStep} .bufferMinDistance=${this.bufferMinDistance} .bufferMaxDistance=${this.bufferMaxDistance} .inputNumberLabel=${this._messages.labels.distance} .addButtonLabel=${this._messages.labels.add} .removeValueLabel=${this._messages.labels.removeDistanceValue}></instant-apps-buffer-distance-manager><calcite-label><span>${this._messages.labels.unit}</span><calcite-select .label=${this._messages.labels.unit} @calciteSelectChange=${this._onBufferUnitChange}>${w(D,e=>e,e=>o`<calcite-option .value=${e} .selected=${this.bufferUnit===e}>${this._messages.units[e]}</calcite-option>`)}</calcite-select></calcite-label><div class="main-buttons-wrapper"><calcite-button @click=${this._onCreateBufferClick}>${this._messages.labels.draw}</calcite-button><calcite-button appearance=outline @click=${this._onRemoveBufferClick}>${this._messages.labels.clear}</calcite-button></div></div>`}};y("instant-apps-buffer",d);return d},"layers/GraphicsLayer","symbols/SimpleFillSymbol","core/reactiveUtils","geometry/operators/geodesicBufferOperator","geometry/operators/bufferOperator","Graphic","geometry/operators/differenceOperator")