@esri/hub-web-components 0.18.0 → 0.20.0

package/dist/cdn/ANUFUMF4.js

@@ -0,0 +1,4 @@
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/0.20/esri/copyright.txt for details.
+v0.20.0 */
+import{a as b,b as f}from"./WGV5XQ3Z.js";import{b as F,c as A}from"./74DWUNFJ.js";import{a as y}from"./FVZ6QWL3.js";import{a as S}from"./6EV2WU6T.js";import{a as g,b as O,c as M,d as _}from"./DV3COJJB.js";import{a as C}from"./ZP4DIQNS.js";import{a as P}from"./ZOT2CBOT.js";import"./VZ7IOYUY.js";import"./6SBLPFVP.js";import"./DNGAJCEJ.js";import"./OZPNCFKF.js";import"./HZDGEANK.js";import"./RWX7KHPR.js";import a from"./4EVULSKN.js";import"./T35HMGWF.js";import{a as m,d as E}from"./MBIUEXEB.js";import"./VVGLJLE7.js";import"./UTSPTHEW.js";import"./4JCVWOVQ.js";import"./XN6NZYLJ.js";import"./BQBPUMIH.js";import"./FKT55K7U.js";import"./X7AGLYO7.js";import"./QHKSRB2Z.js";import"./ING2FCZV.js";import"./H2I2FSVB.js";import"./TYXK2R62.js";import"./HDXNEYLJ.js";import{a as D}from"./MBNTFPVY.js";import{a as k}from"./65MWFV3Z.js";import"./7KQ5EAN4.js";import"./QKC35XTL.js";import{a as v}from"./JOCSBXYM.js";import"./BFVDRNL6.js";import{b as s,c as I,d as R,e as h,h as w,i as H}from"./4JOOF6WA.js";import"./CF7CVKAA.js";import"./PXO5YC5X.js";import{a as u}from"./HXGTCRIK.js";import"./ZLEVX3F6.js";import"./PQIJDMDJ.js";export default $arcgis.t(([q,{project:V},z,B,$,J,X,N,{generalize:Y},,{f:j,g:d,h:x,p:W,u:T}])=>{var Z=t=>{let{hasNoGeometries:e,locationNameRequired:i}=t,o=[];return i&&o.push("name"),e?{type:"object"}:{type:"object",required:o,properties:{name:{type:"string"}}}},K=t=>{let{hasNoGeometries:e}=t;return e?{type:"Layout",elements:[]}:{type:"Layout",elements:[{scope:"/properties/name",type:"Control",label:"{{locationName.label:translate}}",options:{messages:[{type:"ERROR",keyword:"required",icon:!0,label:"{{locationName.error:translate}}"}]}}]}},Q=({text:t="",position:e="bottom",type:i="info"})=>s("div",{class:`map-fixed-position-tooltip map-${i} ${e}`},t),ee=".sc-arcgis-hub-location-picker-h{display:block;--calcite-action-pad-corner-radius:0;--floating-tool-z-index:901}.row.sc-arcgis-hub-location-picker{display:flex;flex-direction:column}@media (min-width: 768px){.row.sc-arcgis-hub-location-picker{flex-direction:row}}arcgis-hub-map-view.sc-arcgis-hub-location-picker{position:relative;margin-bottom:1rem;height:430px;width:100%}@media (min-width: 768px){arcgis-hub-map-view.sc-arcgis-hub-location-picker{margin-bottom:0px}}.hide.sc-arcgis-hub-location-picker{display:none}arcgis-hub-map-view.sc-arcgis-hub-location-picker .arcgis-location-picker-map-overlay.sc-arcgis-hub-location-picker{position:absolute;top:0px;left:0px;z-index:10;display:flex;height:100%;width:100%;flex-direction:column;justify-content:center;background-color:#0000004d;color:var(--calcite-color-text-inverse)}.arcgis-location-picker-none-message.sc-arcgis-hub-location-picker{text-align:center}.draw-popover.sc-arcgis-hub-location-picker{width:max-content}.draw-popover.sc-arcgis-hub-location-picker>p.sc-arcgis-hub-location-picker{margin:0px;padding:0.75rem}.location-picker__sidepanel.sc-arcgis-hub-location-picker{box-sizing:border-box;display:flex;width:100%;flex-direction:column;justify-content:space-between;background-color:var(--calcite-color-foreground-3);padding:1rem}@media (min-width: 768px){.location-picker__sidepanel.sc-arcgis-hub-location-picker{max-width:20rem}}calcite-list.sc-arcgis-hub-location-picker{margin-bottom:1rem;width:100%;background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-3)}@media (min-width: 768px){calcite-list.sc-arcgis-hub-location-picker{max-width:20rem}}calcite-notice.sc-arcgis-hub-location-picker{width:100%}@media (min-width: 768px){calcite-notice.sc-arcgis-hub-location-picker{max-width:20rem}}calcite-popover[open].sc-arcgis-hub-location-picker+calcite-tooltip.sc-arcgis-hub-location-picker{display:none}calcite-popover.sc-arcgis-hub-location-picker{pointer-events:auto}arcgis-expand.sc-arcgis-hub-location-picker{position:absolute;top:10px;right:15px;z-index:10}arcgis-search.sc-arcgis-hub-location-picker{margin-bottom:0px}div.sc-arcgis-hub-location-picker .arcgis-search.sc-arcgis-hub-location-picker .esri-width.sc-arcgis-hub-location-picker .esri-component.sc-arcgis-hub-location-picker{margin-bottom:0px;display:inline-block}calcite-dropdown.sc-arcgis-hub-location-picker{position:relative;top:1.25rem;left:-7px;z-index:var(--floating-tool-z-index);width:240px}.lp-search-container.sc-arcgis-hub-location-picker{width:240px}.lp-geometry-warning-notice.sc-arcgis-hub-location-picker{position:absolute;left:10px;z-index:var(--floating-tool-z-index);bottom:calc(var(--map-tooltip-height) + 10px)}",te=ee,U=function(t,e,i,o){var n=arguments.length,a=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(r=t[l])&&(a=(n<3?r(a):n>3?r(e,i,a):r(e,i))||a);return n>3&&a&&Object.defineProperty(e,i,a),a},ie=1.5,oe=["point","polyline","polygon","rectangle"],G=class{constructor(t){H(this,t),this.arcgisHubLocationPickerUpdate=h(this,"arcgisHubLocationPickerUpdate",7),this.arcgisHubMapPopoverOpen=h(this,"arcgisHubMapPopoverOpen",7),this.arcgisHubMapPopoverClear=h(this,"arcgisHubMapPopoverClear",7),this.hubTelemetry=h(this,"hubTelemetry",7),this._defaultMapTooltip="",this.handles=[],this._drawToolIcons={point:"pin",polyline:"freehand",polygon:"freehand-area",rectangle:"rectangle-area"},this._lastSearchResult=null,this.handleLocationEditorChange=e=>{e.stopPropagation();let{values:i}=e.detail;this._selected=Object.assign(Object.assign({},this._selected),{location:Object.assign(Object.assign({},this._selected.location),i)}),this.arcgisHubLocationPickerUpdate.emit(this._selected.location)},this.translationFunc=(e,i,o)=>this.intl.t(e,i,o),this.options=void 0,this.extent=void 0,this.mapTools=oe,this.theme={},this.resetDrawingToolsOnDisconnect=!0,this.maxVerticesCount=60,this.maxFeaturesCount=10,this.locationNameRequired=void 0,this.noticeTitleElementAriaLevel=void 0,this.enableInvalidGeometryWarning=void 0,this.isGeometryCollectionInvalid=void 0,this._selected=void 0,this._view=void 0,this._editingGraphic=void 0,this._isEditing=!1,this._currentDrawTools=this.mapTools,this._currentActiveDrawTool=void 0,this.customLocationDrawActionRef=void 0,this.isMobile=void 0,this.activeDrawingTooltip={text:this._defaultMapTooltip,isGeometryValid:!0},D(this,"_setMapDrawElement","handleViewPointerMoveOrDown","handleViewPointerLeave","editFeature","removeFeature","renderEditOptions","clearEditState","checkIsMobile","handleTileGroupSelect")}get _selectedType(){var t,e;return(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.type}get _shouldEditFeatures(){return["custom"].includes(this._selectedType)}get _selectedOption(){var t;return(t=this.options)===null||t===void 0?void 0:t.find(e=>e.selected)}get _showExtent(){return["item","org"].find(t=>t===this._selectedType)}get _selectedExtentGraphic(){var t,e,i,o;return[{symbol:j(),geometry:Object.assign({type:"extent",spatialReference:(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.spatialReference},m((o=(i=this._selected)===null||i===void 0?void 0:i.location)===null||o===void 0?void 0:o.extent))}]}get _selectedGraphics(){if(this._showExtent)return this._selectedExtentGraphic}get _schema(){var t,e,i;return Z({hasNoGeometries:this._selectedType==="none"||this._shouldEditFeatures&&!(!((i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0)&&i.length),locationNameRequired:this.locationNameRequired})}get _uiSchema(){var t,e,i;return P(this.intl,K({hasNoGeometries:this._selectedType==="none"||this._shouldEditFeatures&&!(!((i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0)&&i.length)}))}_setMapDrawElement(t){this._mapDrawToolsEl=t}get themeWithDefaults(){let{theme:t}=this,e={};return["extent","point","polyline","polygon"].forEach(i=>{e[i]=Object.assign(Object.assign({},M[i]),t[i])}),e}async componentWillLoad(){this.intl=await k.loadIntlForComponent(this.el),this.onOptionsUpdate(),this.addWatchHandles(),this._defaultMapTooltip=this.intl.t("defaultTooltip")}connectedCallback(){this.addWatchHandles(),y.addHandler(globalThis.document.body,this.checkIsMobile)}disconnectedCallback(){T(this.handles),y.removeHandler(globalThis.document.body,this.checkIsMobile)}addWatchHandles(){let{_view:t,handles:e}=this;t&&(e.push(this._view.on(["pointer-move","pointer-down"],this.handleViewPointerMoveOrDown)),e.push(this._view.on("pointer-leave",this.handleViewPointerLeave)))}checkIsMobile(){this._checkIsMobile()}_checkIsMobile(){let{matches:t}=globalThis.matchMedia("(max-width: 768px");this.isMobile=t}handleViewChange(t,e){t&&t!==e&&(T(this.handles),this.addWatchHandles())}async onOptionsUpdate(){var t,e;this._selected=Object.assign({},this._selectedOption),this._shouldEditFeatures?await this._initializeGraphicsLayer():this._showExtent&&(!(!((t=this._selected.location)===null||t===void 0)&&t.geometries)||!(!((e=this._selected.location)===null||e===void 0)&&e.geometries.length))&&(this._updateSelectedLocationExtentToGeometry(),this._emitLocationWithFallback())}async handleMapViewReady(t){t.stopPropagation();let{detail:{view:e}}=t;this._view=e,this._shouldEditFeatures&&await this._initializeGraphicsLayer()}async handleTileGroupSelect(t){t.stopPropagation();let e=t.target.selectedItems[0].getAttribute("value"),i=this.options[e];if(i.location.type!==this._selectedType){if(this._shouldEditFeatures&&(this._destroyLayers(),this.arcgisHubMapPopoverClear.emit(),this._mapDrawToolsEl.forceReset(),this._resetToolsAndEditState(!0)),this._selected=Object.assign(Object.assign({},i),{selected:!0}),this._shouldEditFeatures&&await this._initializeGraphicsLayer(),this._showExtent&&this._updateSelectedLocationExtentToGeometry(),this._emitLocationWithFallback(),this._selected.location.extent){let o=new N(m(this._selected.location.extent));o=o.expand(1.5),this._view.extent=o}this.hubTelemetry.emit(Object.assign(Object.assign({},v.dictionary.category.interaction.action.select),{label:i.label}))}}handleGraphicsChange(t){let{detail:{graphics:e,save:i,unsaved:o,canceled:n}}=t,a=e.getItemAt(0),r=a.geometry.clone();if(a.geometry=r.type==="extent"?r:Y(a.geometry.clone(),O(this._view),!1),o||i){let l=_[a.geometry.type](g.DEFAULT,this.themeWithDefaults[a.geometry.type]);this.isGeometrySelfIntersecting(a.geometry)&&(l=a.geometry.type==="polygon"?f():b()),a.symbol=l,this._addGraphic(a)}else n&&(this._mapDrawToolsEl.forceReset(),this._addGraphicsToGraphicsLayer(this.geometryGraphicsLayer,[this._editingGraphic]),this.arcgisHubMapPopoverClear.emit(),this.arcgisHubLocationPickerUpdate.emit(this._selected.location),this._resetToolsAndEditState());this.validateGeometryCollection()}handleDrawToolSelection(t){t.preventDefault();let e=t.detail;this._isEditing=!0,e&&(this._currentDrawTools=[e],this._currentActiveDrawTool=e)}handleMapTooltipClear(){this.activeDrawingTooltip={text:this._defaultMapTooltip,isGeometryValid:!0}}handleMapTooltipUpdated(t){t.stopPropagation(),this.activeDrawingTooltip={text:t.detail.text,isGeometryValid:t.detail.isGeometryValid}}handleSelectSearchResult(t){var e;if(t.stopPropagation(),!this._searchActionDropdown)return;this._lastSearchResult=t.detail.result;let i=d((e=this._selected)===null||e===void 0?void 0:e.location)<this.maxVerticesCount&&this._getCurrentFeaturesCount<this.maxFeaturesCount&&this._selectedType==="custom";this._searchActionDropdown.open=i,t.target.clear()}handleDropdownSelect(t){if(t.stopPropagation(),!this._lastSearchResult)return;let e=this._searchActionDropdown.selectedItems[0],i=e?.getAttribute("value"),o=null;switch(i){case"point":o=u(this._lastSearchResult,"feature.geometry");break;case"extent":o=u(this._lastSearchResult,"extent");break}if(o){let a=_[o.type](g.DEFAULT,this.themeWithDefaults[o.type]);this._addGraphic(new z({geometry:o,symbol:a}));let r=x(i);this._currentDrawTools=[r],this._currentActiveDrawTool=r}let n=u(this._lastSearchResult,"name");n&&(this._selected.location.name=n),e.selected=!1}handleViewPointerMoveOrDown(t){let{_view:e,geometryGraphicsLayer:i}=this;this._shouldEditFeatures&&e.hitTest(t,{include:i}).then(o=>{let n=W(o.results);n&&!this._isEditing&&(this._editingGraphic=n.graphic,this.arcgisHubMapPopoverOpen.emit({source:"location-picker-options",geometry:n.graphic.geometry,view:e,render:this.renderEditOptions}))})}handleViewPointerLeave(t){var e;t.stopPropagation(),((e=t.native.relatedTarget)===null||e===void 0?void 0:e.tagName)!=="ARCGIS-HUB-MAP-POPOVER"&&this.arcgisHubMapPopoverClear.emit()}_addGraphic(t){var e;this._mapDrawToolsEl.forceReset(),this._addGraphicsToGraphicsLayer(this.geometryGraphicsLayer,[t]),this._updateSelectedLocation(),d((e=this._selected)===null||e===void 0?void 0:e.location)<=this.maxVerticesCount&&this.arcgisHubLocationPickerUpdate.emit(this._selected.location),this.arcgisHubMapPopoverClear.emit(),this._resetToolsAndEditState(),this._isEditing=!1}_updateSelectedLocation(){this.validateGeometryCollection(),this.isGeometryCollectionInvalid||(this._selected.location=Object.assign(Object.assign({},this._selected.location),{geometries:this.geometryGraphicsLayer.graphics.clone().toArray().map(t=>{var e,i;let o=!((e=this._selected.location)===null||e===void 0)&&e.spatialReference?V(t.geometry,(i=this._selected.location)===null||i===void 0?void 0:i.spatialReference):t.geometry;return Object.assign(Object.assign({},o.toJSON()),{type:o.type})}),extent:this._getExtentForAllGraphics}))}get _getCurrentFeaturesCount(){var t,e,i;return((i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0?void 0:i.length)||0}_updateSelectedLocationExtentToGeometry(){var t,e,i,o,n;let a=new B({spatialReference:new X({wkid:(i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.spatialReference)===null||i===void 0?void 0:i.wkid})}),{xmin:r,ymin:l,xmax:c,ymax:p}=m((n=(o=this._selected)===null||o===void 0?void 0:o.location)===null||n===void 0?void 0:n.extent);a.addRing([[r,l],[r,p],[c,p],[c,l],[r,l]]),this._selected.location.geometries=[Object.assign(Object.assign({},a.toJSON()),{type:"polygon"})]}async _initializeGraphicsLayer(t=!0){var e,i,o,n;let{_view:a}=this;if(a){if(await a.when(),this._destroyLayers(),this.addGeometryGraphicsLayer(),!((e=this._selected.location)===null||e===void 0)&&e.geometries&&(this._addGraphicsToGraphicsLayer(this.geometryGraphicsLayer,this._selected.location.geometries.map(r=>{let l=_[r.type](g.DEFAULT,this.themeWithDefaults[r.type]);return this.isGeometrySelfIntersecting(r)&&(l=r.type==="polygon"?f():b()),new z({geometry:r,symbol:l})})),t)){let r=x((n=(o=(i=this._selected)===null||i===void 0?void 0:i.location)===null||o===void 0?void 0:o.geometries[0])===null||n===void 0?void 0:n.type);this._currentDrawTools=[r],this._currentActiveDrawTool=r}this.validateGeometryCollection()}}addGeometryGraphicsLayer(){this.geometryGraphicsLayer=new q({graphics:[],elevationInfo:{mode:"on-the-ground"}}),this._view.map.add(this.geometryGraphicsLayer)}_addGraphicsToGraphicsLayer(t,e){t.addMany(e)}_destroyLayers(){[this.geometryGraphicsLayer].forEach(t=>{t&&(t.removeAll(),t.destroy())})}get _getExtentForAllGraphics(){let{geometryGraphicsLayer:t}=this,e;return t.graphics.forEach(i=>{var o,n;let a=V(i.geometry,(n=(o=this._selected)===null||o===void 0?void 0:o.location)===null||n===void 0?void 0:n.spatialReference),r=a.extent;a.type==="point"&&(!e||!e.contains(a))&&(r=this.pointToExtent(a)),r&&(e=e?e.union(r):r)}),e?E(e):void 0}pointToExtent(t,e=.0025){let{x:i,y:o,spatialReference:n}=t;return new N({xmin:i-e,ymin:o-e,xmax:i+e,ymax:o+e,spatialReference:n})}_resetToolsAndEditState(t=!1){var e,i;this._isEditing=!1,this._mapDrawToolsEl.disableEditOptions=!0,this._mapDrawToolsEl.disablePrimaryOptions=!0,this._editingGraphic=null,(!(!((i=(e=this._selected.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0)&&i.length)&&!this.isGeometryCollectionInvalid||t)&&(this._currentDrawTools=this.mapTools,this._currentActiveDrawTool=void 0)}editFeature(){this._isEditing=!0,this._mapDrawToolsEl.geometry=this._editingGraphic.geometry,this._mapDrawToolsEl.disableEditOptions=!1,this._mapDrawToolsEl.disablePrimaryOptions=!1,this.geometryGraphicsLayer.remove(this._editingGraphic),this.arcgisHubMapPopoverClear.emit()}removeFeature(){this._mapDrawToolsEl.forceReset(),this.geometryGraphicsLayer.remove(this._editingGraphic),this.geometryGraphicsLayer.graphics.length||(this._selected.location.name=void 0),this._updateSelectedLocation(),this._emitLocationWithFallback(),this.arcgisHubMapPopoverClear.emit(),this._resetToolsAndEditState()}_emitLocationWithFallback(){var t,e,i;let o=this._shouldEditFeatures&&!(!((i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0)&&i.length)&&!this.isGeometryCollectionInvalid;this.arcgisHubLocationPickerUpdate.emit(o?{type:"none"}:this._selected.location)}async clearEditState(){this._destroyLayers(),this.arcgisHubMapPopoverClear.emit(),this._mapDrawToolsEl.forceReset(),this._resetToolsAndEditState(!0),this._selected.location=Object.assign(Object.assign({},this._selected.location),{geometries:[],name:void 0}),await this._initializeGraphicsLayer(!1),this._emitLocationWithFallback(),this.hubTelemetry.emit(v.dictionary.category.interaction.action.remove.label.location.details.clearAll)}renderEditOptions(){let t=this.intl.t("edit"),e=this.intl.t("delete");return s("calcite-action-pad",{"expand-disabled":!0,layout:"horizontal"},s("calcite-action",{icon:"pencil",onClick:this.editFeature,text:t}),s("calcite-action",{icon:"trash",onClick:this.removeFeature,text:e}))}renderPopovers(){return s("arcgis-wormhole",{styles:{position:"absolute",top:0,left:0}},s("arcgis-hub-map-popover",{target:"location-picker-options",unthemed:!0}))}renderNotice(){var t,e,i,o,n,a;if(this._shouldEditFeatures&&!this.isGeometryCollectionInvalid){let r=!(!((i=(e=(t=this._selected)===null||t===void 0?void 0:t.location)===null||e===void 0?void 0:e.geometries)===null||i===void 0)&&i.length),l=this._getCurrentFeaturesCount>=this.maxFeaturesCount,c=d((o=this._selected)===null||o===void 0?void 0:o.location)>this.maxVerticesCount,p=((n=this._selected)===null||n===void 0?void 0:n.entityType)||"content",L=r||l||c;return s("div",{"aria-live":"polite",class:"notice-status-wrapper",role:"status"},s("calcite-notice",{icon:L?"exclamation-mark-triangle":"information",kind:L?"warning":"info",open:!0},s("div",{"aria-level":this.noticeTitleElementAriaLevel,role:this.noticeTitleElementAriaLevel?"heading":null,slot:"title"},r?this.intl.t("emptyLocation.title"):l?this.intl.t("maximumLocations.title"):c?this.intl.t("maximumPoints.title",{currentCount:d((a=this._selected)===null||a===void 0?void 0:a.location),maxLocations:this.maxVerticesCount}):this.intl.t("populatedLocation.title")),s("div",{slot:"message"},r?this.intl.t("emptyLocation.message",{entityType:this.intl.t(`entityTypes.${p}`)}):l?this.intl.t("maximumLocations.message"):c?this.intl.t("maximumPoints.message"):this.intl.t("populatedLocation.message",{maxLocations:this.maxFeaturesCount}))))}}get locationActionTypes(){return this._currentDrawTools.map(t=>({type:t==="rectangle"?"extent":t,icon:this._drawToolIcons[t]}))}validateGeometryCollection(){let{geometryGraphicsLayer:t}=this;t.graphics.toArray().map(o=>o.geometry).filter(o=>this.isGeometrySelfIntersecting(o)).length>0?(this.isGeometryCollectionInvalid=!0,this._selected.location.geometries=[],this._selected.location.name=void 0):this.isGeometryCollectionInvalid=!1}isGeometrySelfIntersecting(t){if(!this.enableInvalidGeometryWarning)return!1;switch(t.type){case"polygon":return F(t);case"polyline":return A(t,$,J)}return!1}get _shouldHideMapWidgetDraw(){var t;return!this._shouldEditFeatures||d((t=this._selected)===null||t===void 0?void 0:t.location)>this.maxVerticesCount||this._getCurrentFeaturesCount>=this.maxFeaturesCount}renderMap(){let t=this._selectedType==="none",e=this._selectedType==="custom";return s("arcgis-hub-map-view",{class:{"map-border":e&&this.activeDrawingTooltip.isGeometryValid,"map-border-danger":e&&!this.activeDrawingTooltip.isGeometryValid},expand:ie,extent:this.extent,graphics:this._selectedGraphics,hideZoom:!0,mouseWheel:"zoom",inert:t},s("div",{class:{hide:!e}},s(Q,{position:"bottom",text:this.activeDrawingTooltip.text,type:this.activeDrawingTooltip.isGeometryValid?"info":"danger"})),s("arcgis-expand",{"collapse-icon":"search","expand-icon":"search",expanded:e,mode:"floating",placement:"left",position:"custom"},s("div",{class:"lp-search-container"},s("arcgis-search",{"popup-disabled":!0,position:"custom","result-graphic-disabled":!0}),s("calcite-dropdown",{ref:i=>this._searchActionDropdown=i},s("div",{slot:"trigger"}),s("calcite-dropdown-group",null,this._currentDrawTools.includes("point")&&s("calcite-dropdown-item",{value:"point"},this.intl.t("searchActions.point")),this._currentDrawTools.includes("rectangle")&&s("calcite-dropdown-item",{value:"extent"},this.intl.t("searchActions.rectangle")),s("calcite-dropdown-item",{value:"draw"},this.intl.t("searchActions.draw")))))),s("arcgis-zoom",{position:"top-right"}),s("arcgis-hub-map-widget-container",{class:{hide:!e},scale:"s",view:this._view,"view-position":"top-right"},s("arcgis-hub-map-widget-draw",{class:{hide:this._shouldHideMapWidgetDraw},"disable-edit-options":!0,"disable-primary-options":!0,disabled:this._isEditing,"enable-map-tips":!0,enableInvalidGeometryWarning:this.enableInvalidGeometryWarning,"hide-draw-tooltip":!0,ref:this._setMapDrawElement,resetOnDisconnect:this.resetDrawingToolsOnDisconnect,scale:"s",tools:this._currentDrawTools,unthemed:!0,view:this._view}),s("arcgis-hub-map-widget-generic",{class:{hide:!this._getCurrentFeaturesCount&&!this._currentActiveDrawTool},"data-type":"reset",icon:"x-circle",onClick:this.clearEditState,scale:"s",text:this.intl.t("drawLocationPopover.clear")})),e&&this.isGeometryCollectionInvalid&&s("calcite-notice",{class:"lp-geometry-warning-notice",kind:"danger",open:!0},s("div",{slot:"title"},this.intl.t("invalidGeometry.title")),s("div",{slot:"message"},this._currentActiveDrawTool==="polyline"?this.intl.t("invalidGeometry.polyline.selfIntersecting"):this.intl.t("invalidGeometry.polygon.selfIntersecting"))),t?s("div",{class:"arcgis-location-picker-map-overlay"},s("div",{class:"arcgis-location-picker-none-message"},this.intl.t("noneMessage"))):null)}renderOptionsList(){return s("div",{class:"location-picker__sidepanel"},s("calcite-tile-group",{layout:"vertical",onCalciteTileGroupSelect:this.handleTileGroupSelect,selectionMode:"single-persist"},this.options.map((t,e)=>s("calcite-tile",{description:t.description,heading:t.label,key:e,label:t.label,selected:t.selected,value:e}))),s("arcgis-configuration-editor",{onArcgisConfigurationEditorChange:this.handleLocationEditorChange,schema:this._schema,t:this.translationFunc,uiSchema:this._uiSchema,values:this._selected.location}),this.renderNotice())}renderMobileLayout(){return s(w,null,this.renderMap(),this.renderOptionsList())}renderLayout(){return s(w,null,this.renderOptionsList(),this.renderMap())}render(){return s(I,{key:"d073b654ddfa7b94a26908b4c9b0765fcb4fec6f","data-element":"location-picker",unthemed:!0},s("div",{key:"a8bc1581d9cc1a4020f286f55baea0fafebdaf96",class:"row"},this.isMobile?this.renderMobileLayout():this.renderLayout()),this.renderPopovers())}static get assetsDirs(){return["locales"]}get el(){return R(this)}static get watchers(){return{_view:["handleViewChange"],options:["onOptionsUpdate"]}}};U([C({timeout:250})],G.prototype,"checkIsMobile",null);U([S({when(){return this._view}})],G.prototype,"renderPopovers",null);G.style=te;return G},"layers/GraphicsLayer","geometry/support/webMercatorUtils","Graphic","geometry/Polygon","geometry/Polyline","geometry/operators/crossesOperator","geometry/SpatialReference","geometry/Extent","geometry/geometryEngine","config",a)