@esri/hub-web-components 0.12.2 → 0.12.4

package/dist/cdn/ZY2UHBMW.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.12/esri/copyright.txt for details.
-v0.12.2 */
-import{a as m}from"./ST6XRS3W.js";import c from"./ATKX2TQU.js";import"./ROX776NO.js";import b from"./DPVSSZY4.js";import"./FEYCK266.js";import"./RRGE5JYJ.js";import{a as w,b as W,c as J,d as I}from"./NEYVYKCM.js";import{a as P}from"./FMQMSKEO.js";import"./3SELJ6FV.js";import"./6GN3XTDO.js";import"./WFAFTUMH.js";import"./DNI3QUEE.js";import"./5CZEWHQE.js";import"./XQA4F6DC.js";import"./QHWXCBZP.js";import"./UQQKIJT5.js";import{a as L}from"./QVBQOXJC.js";import a from"./IZ3WYC6P.js";import{a as N}from"./7ZOOWPUP.js";import{c as X,j as Z}from"./DMC2Z533.js";import"./45WJVICQ.js";import{a as D}from"./QSG5LNB6.js";import"./XAGUM32W.js";import{a as z}from"./RM6HGCVV.js";import"./WXTEN6MV.js";import"./UGRMQDTX.js";import{b as f,c as Y,d as K,e as T,h as _,i as Q}from"./4KOYBCF5.js";import"./SZVNR6SC.js";import"./7N47CUG5.js";import{O as $}from"./AHDH2AER.js";import"./PNZKNBEW.js";import"./4Y5WQ4AP.js";import"./2LZTSVO3.js";import"./WOGZCUTQ.js";import"./LVLE6EYW.js";import"./LN6VVVWL.js";import"./RTIY6HRL.js";import"./HIF4ARGE.js";import"./SLGGCZV4.js";import"./5KNM4TBK.js";import"./TXJ4HU6B.js";import"./2ZG35HD5.js";import"./MS4KA2WG.js";import"./BO4EZYWJ.js";import"./HE6JMC2R.js";import"./OS23CI3H.js";import"./T3VMQDPX.js";import"./U4M6IL7S.js";import"./M6AL2VGT.js";import"./Y7LRJXKN.js";import"./FKVIT4HX.js";import"./ODOIKVVK.js";import"./ZMUP56C3.js";import"./RYO7WK7A.js";import"./AXO33KRL.js";import"./T7H26DCG.js";import"./MNIT3JV4.js";import"./D3ZBDTXK.js";import{c as V,i as O,o as B}from"./DSXWYTPZ.js";import"./VVDIVMCO.js";import"./4F5PSRAR.js";import"./AWPZFWQR.js";import"./WJNEPJP5.js";import"./4BNO2FVN.js";import"./WAZNTCUG.js";import"./ZRAX475C.js";import"./QOVYWEGX.js";import{e as F,f as E}from"./ECTW5KJV.js";import"./NHZMZEZX.js";import"./IPBPZ3CV.js";import"./XA5RMBFY.js";import"./FGPDH5UO.js";import"./Q3NKFRCR.js";import"./QV5JXVCP.js";import"./Z6XVB222.js";import"./KL3ZK2XN.js";import"./Y7WB4U5J.js";import"./436HUUNY.js";import"./BOKHGDLY.js";import"./PEM4C6G3.js";import"./CUKAU2RB.js";import"./7RURI2FI.js";import"./JZACWDQJ.js";import"./DSFDP4UP.js";import"./2SBIGQFB.js";import{a as A}from"./JSDZK2AT.js";import"./7XEWPLE5.js";import"./CYAX3OLZ.js";import"./5O4U6O4N.js";import"./GCDX5U65.js";export default $arcgis.t(([H,{watch:te},{webMercatorToGeographic:j},re,k,{isAbortError:ae},{generalize:oe},,{n:ee,o:C},{g:U,h:M,m:S},q])=>{var se={type:"Polygon",coordinates:[[[180,-90],[180,90],[-180,90],[-180,-90],[180,-90]]]},ne=e=>new Promise(t=>setTimeout(t,e)),ce=(e,t,s,i,r)=>{let a=Math.ceil(e/t);return a>i?(A.warn(`Discussions requests exceeds desired threshold, throttling to ${r}ms per batch.`),r):s/a},he=async(e,t,s=10,i=!0)=>{let r=async a=>{var o;let n=(o=a.start)!==null&&o!==void 0?o:1,h=Object.assign({data:Object.assign({num:s,relations:[O.REPLIES,O.CHANNEL,O.CHANNEL_ACL],sortBy:B.UPDATED_AT,sortOrder:V.DESC,start:n},a)},t),c=$(h);if(n===1){let{total:d}=await c,l=n+s,p=[c],v=i?ce(d,s,2500,10,250):0;for(;l<=d;)await ne(v),p.push(...await r(Object.assign(Object.assign({geometry:se},a),{start:l}))),l=l+s;return p}return[c]};try{let a=await Promise.all([...await r(Object.assign(Object.assign({},e),{discussion:`${e.discussion}%?id=%`})),...await r(Object.assign(Object.assign({},e),{geometry:se,discussion:`${e.discussion}%`}))]),o=[],n=a.map(({items:h})=>h).flat().filter(h=>o.includes(h.id)?!1:(o.push(h.id),!0));return U(n)}catch(a){let{message:o}=a;A.error("Could not fetch on-map discussions:",o)}},de=".sc-arcgis-hub-discussions-map-integrator-h{display:block}@media only screen and (min-width: 640px){arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{position:absolute}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{z-index:10}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{width:25rem}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{padding:0px}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{top:calc(var(--top-offset) + 4.5rem);left:calc(var(--left-offset) - 5rem - 25rem);max-height:calc(var(--panel-height) - 6rem)}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{position:absolute}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{z-index:10}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{width:25rem}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{top:calc(var(--top-offset));left:calc(var(--left-offset))}}@media only screen and (max-width: 640px){arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{position:absolute}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{z-index:10}arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{width:calc(var(--panel-width) + 0.05rem);top:calc(var(--top-offset) + var(--panel-height) * .5);max-height:calc(var(--panel-height) * .5);height:calc(var(--panel-height) * .5);left:0.95rem}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{position:absolute}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{left:0px}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{margin:auto}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{width:100%}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions.sc-arcgis-hub-discussions-map-integrator{top:calc(var(--top-offset) + var(--panel-height) * .45)}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{position:absolute}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{z-index:10}arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{width:calc(var(--panel-width) - 0.95rem);top:calc(var(--panel-height) + 3.2rem);left:0.5rem}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{position:absolute}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{top:1rem}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{left:0px}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{margin:auto}[is-mobile].sc-arcgis-hub-discussions-map-integrator-h arcgis-hub-discussions-map-preview.sc-arcgis-hub-discussions-map-integrator{width:100%}}",le=de,g=function(e,t,s,i){var r=arguments.length,a=r<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,s):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(e,t,s,i);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(r<3?o(a):r>3?o(t,s,a):o(t,s))||a);return r>3&&a&&Object.defineProperty(t,s,a),a},u=class{constructor(e){Q(this,e),this.arcgisHubMapPopoverOpen=T(this,"arcgisHubMapPopoverOpen",7),this.arcgisHubMapPopoverClear=T(this,"arcgisHubMapPopoverClear",7),this.hubTelemetry=T(this,"hubTelemetry",7),this.initialized=!1,this.cachedFeatures=[],this.unsavedExistingGeometry=[],this.cachedRelatedFeatureGeometry={},this.layerIds=[],this.persistAttribute="__persist__",this.view=void 0,this.discussionsRef=void 0,this.drawRef=void 0,this.searchRef=void 0,this.theme={},this.discussion=void 0,this.entity=void 0,this.entityId=void 0,this.entityType=void 0,this.discussionSettings=void 0,this.isHub=void 0,this.isMobile=void 0,this.activeFeature=void 0,this.activeMapDiscussion=void 0,this.showChannelAvatar=void 0,this.showChannelName=void 0,this._context=X(),this.viewHeight=void 0,this.viewWidth=void 0,this.preview=!0,this.previewHeight=void 0,this.leftOffset=void 0,this.topOffset=void 0,this.mapActionNoticeActive=void 0,this.activePost=void 0,this.activeGraphicDetails=void 0,N(this,"makeGraphic","makeCalloutGraphic","setCalloutSymbolOnPointerMove","calculateOffsets","handlePointerMove","handleMapClickDiscussions","handleViewSizeChange","handleMapDrawSelect","handleEditActiveGraphic","handleDeleteActiveGraphic","handlePostPendingGraphic","addRelatedFeature","removeRelatedFeature","cancelAddRelatedFeature","getRelatedFeature","renderAddLocation","renderRemoveLocation","renderPostLocationEditOptions","renderPostLocationPrimaryOptions")}async componentWillLoad(){this.initialize(),this.intl=await z.loadIntlForComponent(this.element),ee()}connectedCallback(){Z(this)}disconnectedCallback(){this.teardown(),this.disconnectContext()}eventTargetIsDiscussionsRef(e){return e.target===this.discussionsRef||e.target===this.onMapDiscussionsRef||e.target===this.onMapDiscussionsPreviewRef}emitHubTelemetry(e){this.hubTelemetry.emit(Object.assign(Object.assign({},e),{postId:this.sketchPostId,channelId:this.currentDiscussionsRef.channelId}))}async initialize(){let{view:e,_context:t}=this;if(this.saveInitialDrawOptions(),e&&t){if(await e.when(),this.addGeometryGraphicsLayer(),this.addStagedGeometryGraphicsLayer(),this.addCalloutGraphicsLayer(),this.addHighlightGraphicsLayer(),await this.fetchSubject(),this.fetchPosts(),this.handleViewSizeChange(),this.cachedFeatures.length)try{await this.refreshFeatures(this.cachedFeatures)}catch(s){console.warn("Cannot add discussions features to the map",s.message)}this.setDiscussionsRefHasMap(!0),this.mapViewSizeChangeHandler=te(()=>[e.height,e.width],this.handleViewSizeChange),this.mapViewCenterChangeHandler=te(()=>e.center,this.calculateOffsets),this.initialized=!0}}attachView(e,t){let{initialized:s}=this;e&&e!==t?(s&&this.teardown(),this.initialize()):!e&&s&&this.teardown()}attachdiscussionsRef(e){let{initialized:t}=this;e&&!t&&this.initialize()}handleDrawRefUpdate(){this.saveInitialDrawOptions()}calculateOffsets(){let{view:e,preview:t,graphicGeometry:s,isOffset:i,previewHeight:r,activeMapDiscussion:a}=this;if(e&&a&&s){let{container:o}=e,{top:n,left:h,right:c}=o.getBoundingClientRect(),d=e.toScreen(s),l=i?d.x+5:d.x,p=i?d.y-34:d.y;this.leftOffset=t?l+h:c,this.topOffset=t?p+n-r:n}}handlePreviewDidLoad(e){let{detail:t}=e;this.previewHeight=0,this.previewHeight=t}handlePreviewExpanded(){this.preview=!1}handleSearchWidgetPanelToggled(e){let{target:t,detail:s}=e,{searchRef:i}=this;t===i&&!s&&(this.activeMapDiscussion=void 0,this.preview=!1,this.clearHoverActiveGraphics(!0))}handleGeometryGoTo(e){let{detail:t}=e,s=[...this.geometryGraphicsLayer.graphics.toArray(),...this.calloutGraphicsLayer.graphics.toArray()],i=[];if(t){let r=t.id,a=t.parentId?t.parentId:t.id;i=s.filter(({attributes:{id:o,parentId:n}})=>o===a||r&&n===r)}else{let{activeMapDiscussion:{locationId:r}}=this;i=s.filter(({attributes:{relatedFeatureId:a}})=>a===r)}i.length&&this.goTo(i)}handleGeometryFeature(e){let{detail:{post:t,create:s}}=e;this.unsavedExistingGeometry=[],this.cachedFeatures=this.cachedFeatures.filter(({properties:{id:r}})=>r!==t.id),M(t)&&(this.cachedFeatures=[...this.cachedFeatures,...M(t)],s&&this.cachedFeatures.map(r=>{let{properties:{id:a}}=r,{parentId:o}=t;return a===o&&("replyCount"in r.properties||(r.properties.replyCount=0),r.properties.replyCount+=1),r}),this.refreshFeatures(this.cachedFeatures),this.clearHoverActiveGraphics(!0))}handleGeometryFeatureDeleted(e){let{detail:{id:t,parentId:s}}=e;this.cachedFeatures=this.cachedFeatures.filter(({properties:{id:i}})=>i!==t).map(i=>{let{properties:{id:r}}=i;return r===s&&(i.properties.replyCount-=1),i}),this.refreshFeatures(this.cachedFeatures),this.clearHoverActiveGraphics(!0)}handleGeometryFeatureSelect(e){this.selectFeature(e.detail)}selectFeature(e){let{properties:{id:t,relatedFeatureId:s,index:i,unsaved:r}}=e;this.clearHoverActiveGraphics();let a=this.getMatchingGraphic(e);if(a&&this.addHighlightGraphic(!1,a,w.ACTIVE,!1),r){let o=this.unsavedGeometryGraphicsLayer.graphics.getItemAt(i);s&&(o=this.makeGraphic(e)),this.goTo(o)}else{let o=this.calloutGraphicsLayer.graphics.find(n=>{let{attributes:{relatedFeatureId:h,id:c,__index__:d}}=n;return s?s==h:c==t&&(d===null||i==d)});if(o){this.addHighlightGraphic(!0,o,w.ACTIVE,!1);let n=s?this.cachedRelatedFeatureGeometry[s].arcgis:this.getGraphicById(t,i);this.goTo(n)}}}handleGeometryFeatureHighlight(e){let{detail:{properties:{id:t,relatedFeatureId:s,index:i,unsaved:r}}}=e;this.clearHoverActiveGraphics();let a=this.getMatchingGraphic(e.detail);if(a&&this.addHighlightGraphic(!1,a,w.HOVER,!1),!r){let o=this.calloutGraphicsLayer.graphics.find(n=>{let{attributes:{relatedFeatureId:h,id:c,__index__:d}}=n;return s?s==h:c==t&&(d===null||i==d)});o&&this.addHighlightGraphic(!0,o,w.HOVER,!1)}}handleFeatureRemove(e){let{detail:{properties:{id:t,relatedFeatureId:s,index:i,unsaved:r}}}=e;this.removeGraphic(t,s,i,r)}removeGraphic(e,t,s,i){let{currentDiscussionsRef:{unsavedFeatures:r,unsavedRelatedFeatures:a,unsavedExistingFeatures:o}}=this;if(i)if(t)this.currentDiscussionsRef.unsavedRelatedFeatures=[...a.slice(0,s),...a.slice(s+1,a.length)];else{this.currentDiscussionsRef.unsavedFeatures=[...r.slice(0,s),...r.slice(s+1,r.length)];let n=this.unsavedGeometryGraphicsLayer.graphics.getItemAt(s);this.unsavedGeometryGraphicsLayer.graphics.remove(n)}else{let n=l=>{let{attributes:{relatedFeatureId:p,id:v,__index__:y}}=l;return t?t==p:v==e&&(y===null||+s==+y)},h=this.calloutGraphicsLayer.graphics.find(n);h&&(h.visible=!1);let c=this.geometryGraphicsLayer.graphics.find(n);c&&(c.visible=!1);let d=this.postToGeoJSON(null,{id:e,index:+s});this.currentDiscussionsRef.unsavedExistingFeatures=[...o.filter(({properties:{id:l,index:p}})=>!(e===l&&+s==+p)),d]}this.clearHoverActiveGraphics(!0)}handleGeometryDrawCreate(e){let{detail:{post:t,postType:s}}=e;this.sketchPostType=s,this.sketchPostId=t?.id,this.drawRef.buffer=!1,this.drawRef.disablePrimaryOptions=!0,this.drawRef.disableEditOptions=!0,this.drawRef.drawTip=void 0,this.drawRef.enableMapTips=!0}handleGeometryDrawTypeSelect(e){this.mapActionNoticeActive=!0,this.drawRef.setActiveTool(e.detail)}handleGeometryDrawDone(){this.mapActionNoticeActive=!1,this.drawRef.setActiveTool(void 0),this.deletePendingGraphics()}handleGeometryDrawCancel(){this.drawRef.setActiveTool(void 0)}handleActiveToolChange(e){let{detail:t}=e;t&&(this.deletePendingGraphics(),this.arcgisHubMapPopoverClear.emit())}handleGeometryDrawEdit(e){let{detail:{properties:{id:t,index:s,unsaved:i}}}=e;this.preview=!1,this.editGraphic(t,s,i)}editGraphic(e,t,s){let{drawRef:i}=this,{geometry:r}=s?this.unsavedGeometryGraphicsLayer.graphics.getItemAt(t):this.getGraphicById(e,t);this.hideLayers(),this.goTo(r),this.sketchPostId=e,this.sketchIndex=t,this.sketchIsUnsaved=s,this.drawRef.geometry=void 0,setTimeout(()=>{i.geometry=r,i.disablePrimaryOptions=!0,i.disableEditOptions=!1,i.buffer=!1,i.enableMapTips=!0},0)}handlePostEditorReady(e){this.activePost=e.detail}handleGeometryDrawEditCancel(){this.currentDiscussionsRef.unsavedFeatures=[...this.currentDiscussionsRef.unsavedFeatures],this.drawRef.forceReset(),this.showLayers()}handleDrawGraphicsChange(e){var t;let{detail:{graphics:s,save:i,canceled:r,unsaved:a}}=e,{sketchPostId:o,sketchIndex:n,sketchIsUnsaved:h}=this,c=s.getItemAt(0);if(c.geometry=oe(c.geometry.clone(),W(this.view),!1),i&&this.drawRef.disablePrimaryOptions){this.drawRef.disableEditOptions=!0;let d=j(c.geometry),l=F(d);if(h){let v=this.currentDiscussionsRef.unsavedFeatures.map((b,R)=>(R===n&&(b.geometry=l),b));this.currentDiscussionsRef.unsavedFeatures=v;let y=this.unsavedGeometryGraphicsLayer.graphics.getItemAt(n);y.geometry=c.geometry,!((t=y.attributes)===null||t===void 0)&&t.pending&&setTimeout(()=>{this.activeGraphicDetails={id:o,index:n,unsaved:!0,geometry:c.geometry},this.arcgisHubMapPopoverOpen.emit({geometry:c.geometry,view:this.view,render:this.renderPostLocationPrimaryOptions,source:"action"})},150)}else{let v=this.postToGeoJSON(l,{index:n,id:o});this.currentDiscussionsRef.unsavedExistingFeatures=[...this.currentDiscussionsRef.unsavedExistingFeatures.filter(({properties:{index:R}})=>R!==n),v];let y=this.getGraphicById(o,n);this.unsavedExistingGeometry.filter(({id:R,index:x})=>R===o&&x===n).length||this.unsavedExistingGeometry.push({id:o,index:n,geometry:y.geometry.clone()}),y.geometry=c.geometry}this.drawRef.forceReset(),this.showLayers();let p=S(l);this.emitHubTelemetry(D.dictionary.category.content.action.update.label.location.details[p])}else if(r)this.currentDiscussionsRef.unsavedFeatures=[...this.currentDiscussionsRef.unsavedFeatures],this.drawRef.forceReset(),this.showLayers();else if(a){this.drawRef.forceReset(),c.symbol=I[c.geometry.type](w.DEFAULT,this.themeWithDefaults[c.geometry.type]),c.attributes={pending:!0},this.addGraphicsToGraphicsLayer(this.unsavedGeometryGraphicsLayer,[c]);let d=[];s.forEach(l=>{let p=j(l.geometry),v=F(p);d.push({type:"Feature",geometry:v,properties:{id:this.sketchPostId,pending:!0}});let y=S(v);this.emitHubTelemetry(D.dictionary.category.content.action.create.label.location.details[y])}),this.currentDiscussionsRef.unsavedFeatures=[...this.currentDiscussionsRef.unsavedFeatures,...d],setTimeout(()=>{this.activeGraphicDetails={id:o,index:this.unsavedGeometryGraphicsLayer.graphics.length-1,unsaved:!0,geometry:c.geometry},this.arcgisHubMapPopoverOpen.emit({geometry:c.geometry,view:this.view,render:this.renderPostLocationPrimaryOptions,source:"action"})},250)}}handleGeometryDrawReset(){this.currentDiscussionsRef.unsavedFeatures=[...this.currentDiscussionsRef.unsavedFeatures],this.restoreInitialDrawOptions(),this.showLayers()}handleGeometryClearAll(){this.resetStagedFeatures(),this.restoreInitialDrawOptions(),this.showLayers(),this.unsavedGeometryGraphicsLayer.graphics.removeAll();let e=t=>{t.visible=!0};this.geometryGraphicsLayer.graphics.forEach(e),this.calloutGraphicsLayer.graphics.forEach(e),this.mapActionNoticeActive=!1,this.activePost=void 0}async handleMapDrawSelect(e){let{detail:t}=e,{targetLayer:s}=this,{results:i}=await this.view.hitTest(t,{include:s}),r=C(i);if(r?.graphic&&this.drawRef.disableEditOptions){let{graphic:a}=r,o=a.layer.objectIdField,n=a.attributes[o];if(this.cacheRelatedFeatureGeometry([n]),!a.attributes.hasOwnProperty(s.displayField)){let{features:[d]}=await s.queryFeatures({objectIds:[n],outFields:["*"],returnGeometry:!1});d&&(a.attributes=d.attributes)}let h=this.currentDiscussionsRef.unsavedRelatedFeatures.map(d=>d.objectId),c=this.renderAddLocation;h.includes(n)&&(c=this.renderRemoveLocation),this.selectedGraphic=a,this.drawRef.enableMapTips=!1,this.arcgisHubMapPopoverOpen.emit({geometry:a.geometry,view:this.view,render:c,source:"action"}),this.highlightGraphic(a)}else this.selectedGraphic=null,this.drawRef.enableMapTips=!0,this.highlightGraphic()}handleDiscussionsClose(e){(e.target===this.onMapDiscussionsRef||e.target===this.onMapDiscussionsPreviewRef)&&(this.activeMapDiscussion=void 0,this.preview=!1,this.clearHoverActiveGraphics(!0))}addRelatedFeature(){let e=this.selectedGraphic.layer.objectIdField,t=this.selectedGraphic.attributes[e];this.selectedGraphic.geometry=j(this.selectedGraphic.geometry);let s={postId:this.sketchPostId,objectId:t,feature:F(this.selectedGraphic.toJSON())};this.currentDiscussionsRef.unsavedRelatedFeatures=[...this.currentDiscussionsRef.unsavedRelatedFeatures,s],this.highlightGraphic(),this.arcgisHubMapPopoverClear.emit(),this.drawRef.enableMapTips=!0,this.emitHubTelemetry(D.dictionary.category.interaction.action.select.label.content)}removeRelatedFeature(){let{currentDiscussionsRef:{unsavedRelatedFeatures:e}}=this,t=this.selectedGraphic.layer.objectIdField,s=this.selectedGraphic.attributes[t],i=this.currentDiscussionsRef.unsavedRelatedFeatures.findIndex(r=>r.objectId==s);this.currentDiscussionsRef.unsavedRelatedFeatures=[...e.slice(0,i),...e.slice(i+1,e.length)],this.cancelAddRelatedFeature(),this.emitHubTelemetry(D.dictionary.category.interaction.action.deselect.label.content)}cancelAddRelatedFeature(){this.arcgisHubMapPopoverClear.emit(),this.selectedGraphic=null,this.drawRef.enableMapTips=!0,this.clearHighlights()}setDiscussionsRefHasMap(e){this.discussionsRef&&(this.discussionsRef.hasMap=e)}teardown(){this.clearHighlights(),this.removeViewHandlers(),this.removeLayers(),this.resetSelect(),this.setDiscussionsRefHasMap(!1)}async fetchSubject(){let{discussion:e,entity:t,entityId:s,entityType:i,_context:r,discussionSettings:a}=this,o=await q({discussion:e,entity:t,entityId:s,entityType:i,discussionSettings:a},r.hubRequestOptions,!0);Object.assign(this,o)}fetchPosts(){he(this.searchParams,this._context.hubRequestOptions).then(e=>{e?.features&&(this.cachedFeatures=e.features,this.initialized&&this.refreshFeatures(e.features))})}addGeometryGraphicsLayer(){this.geometryGraphicsLayer=new H({graphics:[],elevationInfo:{mode:"on-the-ground"}}),this.view.map.add(this.geometryGraphicsLayer),this.layerIds.push(this.geometryGraphicsLayer.id)}addStagedGeometryGraphicsLayer(){this.unsavedGeometryGraphicsLayer=new H({graphics:[],elevationInfo:{mode:"on-the-ground"}}),this.view.map.add(this.unsavedGeometryGraphicsLayer),this.layerIds.push(this.geometryGraphicsLayer.id)}addCalloutGraphicsLayer(){this.calloutGraphicsLayer=new H({graphics:[],effect:"drop-shadow(0px, 2px, 8px, rgba(0, 0, 0, .20))",elevationInfo:{mode:"relative-to-ground"}}),this.view.map.add(this.calloutGraphicsLayer),this.layerIds.push(this.calloutGraphicsLayer.id),this.mapPointerMoveHandler=this.view.on("pointer-move",this.handlePointerMove),this.mapClickDiscussionsHandler=this.view.on("click",this.handleMapClickDiscussions)}addHighlightGraphicsLayer(){this.highlightGraphicsLayer=new H({graphics:[],elevationInfo:{mode:"relative-to-ground"}}),this.view.map.add(this.highlightGraphicsLayer),this.layerIds.push(this.highlightGraphicsLayer.id)}addHighlightGraphic(e,t,s,i){var r,a,o;let{themeWithDefaults:n,highlightGraphicsLayer:h,persistAttribute:c,is3D:d}=this,l=t.clone();if(e)l.symbol=I.callout(s,Object.assign(Object.assign({},n.callout),{isOffset:(r=t?.attributes)===null||r===void 0?void 0:r.isOffset,is3D:d}),(a=l.attributes)===null||a===void 0?void 0:a.totalCount);else if(!((o=t?.geometry)===null||o===void 0)&&o.type){let p=t.geometry.type;l.symbol=I[t.geometry.type](s,Object.assign({},n[p])),this.clearHoverActiveGraphics(i)}l.attributes=Object.assign(Object.assign({},l.attributes),{[c]:i}),h.add(l)}setCalloutSymbolOnPointerMove(e){this.view.hitTest(e,{include:this.calloutGraphicsLayer}).then(t=>{if(this.clearHoverActiveGraphics(!1),t.results.length){let s=C(t.results),{graphic:i}=s;this.addHighlightGraphic(!0,i,w.HOVER,!1)}})}setLocationEditPopover(e){this.view.hitTest(e,{include:[this.geometryGraphicsLayer,this.unsavedGeometryGraphicsLayer]}).then(t=>{if(t.results.length){let{results:[s]}=t,i=s.layer===this.unsavedGeometryGraphicsLayer,r=s.layer===this.geometryGraphicsLayer,a,o,n;if(i){let h=this.unsavedGeometryGraphicsLayer.graphics.findIndex(c=>c===s.graphic);a=void 0,o=h,n=!0}if(r&&this.activePost){let{id:h}=this.activePost,{graphic:{attributes:{id:c,__index__:d}}}=s,l=d||null;h===c&&(a=h,o=l,n=!1)}if(o!==void 0){let{geometry:h,attributes:c}=s.graphic;this.activeGraphicDetails={id:a,index:o,unsaved:n,geometry:h};let d=c?.pending?this.renderPostLocationPrimaryOptions:this.renderPostLocationEditOptions;this.arcgisHubMapPopoverOpen.emit({geometry:h,view:this.view,render:d,source:"action"})}}})}publishPendingGraphics(){this.unsavedGeometryGraphicsLayer.graphics.forEach(e=>{e.attributes.pending&&delete e.attributes.pending}),this.currentDiscussionsRef.unsavedFeatures=this.currentDiscussionsRef.unsavedFeatures.map(e=>(e.properties.pending&&delete e.properties.pending,e))}deletePendingGraphics(){let e=this.unsavedGeometryGraphicsLayer.graphics.find(t=>{var s;return(s=t.attributes)===null||s===void 0?void 0:s.pending});this.unsavedGeometryGraphicsLayer.remove(e),this.currentDiscussionsRef&&(this.currentDiscussionsRef.unsavedFeatures=this.currentDiscussionsRef.unsavedFeatures.filter(t=>t.properties.pending?!t.properties.pending:!0))}removeLayers(){[this.geometryGraphicsLayer,this.unsavedGeometryGraphicsLayer,this.calloutGraphicsLayer,this.highlightGraphicsLayer].forEach(e=>this.removeLayer(e))}hideLayers(){[this.geometryGraphicsLayer,this.unsavedGeometryGraphicsLayer,this.calloutGraphicsLayer,this.highlightGraphicsLayer].forEach(e=>e.opacity=.1)}showLayers(){[this.geometryGraphicsLayer,this.unsavedGeometryGraphicsLayer,this.calloutGraphicsLayer,this.highlightGraphicsLayer].forEach(e=>e.opacity=1)}removeLayer(e){e&&e.destroy()}emptyFeatures(){[this.geometryGraphicsLayer,this.unsavedGeometryGraphicsLayer,this.calloutGraphicsLayer].forEach(e=>e.removeAll())}addGraphicsToGraphicsLayer(e,t){e.addMany(t)}async refreshFeatures(e){this.emptyFeatures(),this.resetSelect(),e.forEach(l=>{var p;return l.properties.totalCount=(p=l.properties.replyCount)!==null&&p!==void 0?p:0});let t=({geometry:l})=>!!l,s=e.map(this.makeGraphic).filter(t),i=e.map(this.makeCalloutGraphic).filter(t),r=({properties:l})=>!!P(l.discussion).features,a=e.filter(r),o=Array.from(new Set(a.map(({properties:{discussion:l}})=>P(l).features.map(p=>p)).flat()));await this.cacheRelatedFeatureGeometry(o);let n=[],h=[];for(let l of a){if(h.includes(l.properties.id))continue;h.push(l.properties.id);let{properties:p}=l,{features:v}=P(p.discussion);p.totalCount=0,v.forEach(y=>{var b;let R=({properties:{relatedFeatureId:G}})=>G==y,x=n.find(R);if(x){let{properties:G}=x,ie=((b=p.totalCount)!==null&&b!==void 0?b:0)+1;G.totalCount+=ie}else try{let G=this.getRelatedFeature(y);G.properties=Object.assign(Object.assign({},l.properties),{relatedFeatureId:y}),n.push(G)}catch(G){console.warn("Failed to access post related feature:",G.message)}})}let c=n.map(this.makeCalloutGraphic),d=[...i,...c];this.addGraphicsToGraphicsLayer(this.geometryGraphicsLayer,s),this.addGraphicsToGraphicsLayer(this.calloutGraphicsLayer,d),this.activeFeature&&(this.selectFeature(this.activeFeature),this.activeFeature=void 0)}pointToExtent(e,t=.0025){let{x:s,y:i,spatialReference:r}=e;return new re({xmin:s-t,ymin:i-t,xmax:s+t,ymax:i+t,spatialReference:r})}goTo(e){if(!this.view)return;let t=e;t.geometry&&t.geometry.type==="point"&&(t=this.pointToExtent(t.geometry)),t.extent&&(t=t.extent.clone().expand(2)),this.view.goTo({target:t},{duration:1e3}).catch(s=>{ae(s)||console.error("Failed to zoom map to target feature or extent:",s.message)})}postToGeoJSON(e,t){return{type:"Feature",geometry:e,properties:t}}makeGraphic(e){var t;let s=E(e),i=k.fromJSON(s);return!((t=i?.geometry)===null||t===void 0)&&t.type&&(i.symbol=I[i.geometry.type](w.DEFAULT,this.themeWithDefaults[i.geometry.type])),i}makeCalloutGraphic(e){var t;let{is3D:s}=this,{callout:i}=I,{geometry:r,properties:a}=e,[o,n]=r.coordinates.flat(1/0),h=!a.relatedFeatureId&&e.geometry.type==="Point",c=E({type:"Feature",geometry:{type:"Point",coordinates:[o,n]},properties:Object.assign(Object.assign({},a),{replyCount:a.replyCount||0,isOffset:h})}),d=k.fromJSON(c);return d.symbol=i(w.DEFAULT,Object.assign(Object.assign({},this.themeWithDefaults.callout),{isOffset:h,is3D:s}),(t=e.properties)===null||t===void 0?void 0:t.totalCount),d}getRelatedFeature(e){return{type:"Feature",geometry:this.cachedRelatedFeatureGeometry[e].geojson,properties:{}}}async cacheRelatedFeatureGeometry(e){let{cachedRelatedFeatureGeometry:t,targetLayer:s}=this;if(!s){console.warn("Discussions service layer not defined; ingnoring related features");return}let i=Object.keys(t),r=e.filter(a=>!i.includes(`${a}`));if(r.length){let a={where:"1=1",objectIds:r.map(n=>+n),returnGeometry:!0,outSpatialReference:{wkid:4326},outFields:[this.targetLayer.objectIdField,this.targetLayer.displayField]},{features:o}=await this.targetLayer.queryFeatures(a);o.forEach(({geometry:n,attributes:h})=>{let c=F(n);this.cachedRelatedFeatureGeometry[h[this.targetLayer.objectIdField]]={arcgis:n,geojson:c}})}}getMatchingGraphic(e){let{properties:{id:t,relatedFeatureId:s,index:i,unsaved:r}}=e,a;return s&&this.cachedRelatedFeatureGeometry[s]?a=new k({geometry:this.cachedRelatedFeatureGeometry[s].arcgis}):a=r?this.unsavedGeometryGraphicsLayer.graphics.getItemAt(i):this.getGraphicById(t,i),a}getGraphicById(e,t){return this.geometryGraphicsLayer.graphics.find(({attributes:{id:i,__index__:r}})=>{let a=t!==null?t==r:!0;return i===e&&a})}highlightGraphic(e){this.clearHighlights(),e&&this.view.whenLayerView(e.layer).then(t=>{this.highlightHandle=t.highlight(e)})}clearHighlights(){this.highlightHandle&&(this.highlightHandle.remove(),this.highlightHandle=null)}clearHoverActiveGraphics(e){let{persistAttribute:t,highlightGraphicsLayer:s}=this;if(e)s.removeAll();else{let i=s.graphics.filter(({attributes:r})=>!r[t]);s.removeMany(i.toArray())}}removeViewHandlers(){[this.mapPointerMoveHandler,this.mapClickDiscussionsHandler,this.mapViewSizeChangeHandler,this.mapViewCenterChangeHandler].forEach(e=>{e&&(e.remove(),e=null)})}resetSelect(){this.clearHighlights()}saveInitialDrawOptions(){let{drawRef:{buffer:e,disableEditOptions:t,disablePrimaryOptions:s,enableMapTips:i}}=this;this.initialDrawOptions={buffer:e,disableEditOptions:t,disablePrimaryOptions:s,enableMapTips:i}}restoreInitialDrawOptions(){let{initialDrawOptions:{buffer:e,disableEditOptions:t,disablePrimaryOptions:s,enableMapTips:i}}=this;this.drawRef.buffer=e,this.drawRef.disableEditOptions=t,this.drawRef.disablePrimaryOptions=s,this.drawRef.enableMapTips=i,this.drawRef.setActiveTool(void 0),this.drawRef.forceReset()}resetStagedFeatures(){this.currentDiscussionsRef.unsavedFeatures=[],this.currentDiscussionsRef.unsavedRelatedFeatures=[],this.currentDiscussionsRef.unsavedExistingFeatures=[],this.unsavedExistingGeometry.forEach(({id:e,index:t,geometry:s})=>{let i=this.getGraphicById(e,t);i.geometry=s}),this.unsavedExistingGeometry=[]}handleMapClickDiscussions(e){this.view.hitTest(e,{include:[this.calloutGraphicsLayer]}).then(t=>{if(t.results.length){this.searchRef&&(this.searchRef.active=!1),this.preview=!1,this.clearHoverActiveGraphics(!0);let s=C(t.results),{graphic:i}=s;this.graphicGeometry=i.geometry,this.isOffset=i.attributes.isOffset;let{attributes:{parentId:r,channelId:a,id:o,relatedFeatureId:n}}=i;if(n){let h=n;this.activeMapDiscussion={channelId:a,locationId:h}}else this.activeMapDiscussion={channelId:a,postId:r?o:void 0,parentId:r||o};this.addHighlightGraphic(!0,i,w.ACTIVE,!0),setTimeout(()=>{this.preview=!0},0)}})}handleViewSizeChange(){let{view:{height:e,width:t}}=this;this.viewHeight=e,this.viewWidth=t}handlePointerMove(e){this.setCalloutSymbolOnPointerMove(e),this.setLocationEditPopover(e)}handleEditActiveGraphic(){let{id:e,index:t,unsaved:s}=this.activeGraphicDetails;this.editGraphic(e,t,s)}handleDeleteActiveGraphic(){let{id:e,index:t,unsaved:s}=this.activeGraphicDetails;this.removeGraphic(e,null,t,s),this.arcgisHubMapPopoverClear.emit()}handlePostPendingGraphic(){this.publishPendingGraphics(),this.arcgisHubMapPopoverClear.emit(),this.currentDiscussionsRef.unsavedFeatures.length===1&&(this.drawRef.drawTip=this.intl.t("draw.tip"))}get searchParams(){var e;let t={channels:(e=this.discussionSettings)===null||e===void 0?void 0:e.allowedChannelIds,discussion:this.discussion};return Object.entries(t).reduce((s,[i,r])=>r?Object.assign(Object.assign({},s),{[i]:r}):s,{})}get currentDiscussionsRef(){return this.activeMapDiscussion?this.onMapDiscussionsRef:this.discussionsRef}get themeWithDefaults(){let{theme:e}=this,t={};return["point","polyline","polygon","callout"].forEach(s=>{t[s]=Object.assign(Object.assign({},J[s]),e[s])}),t}get is3D(){let{view:e}=this;return e.hasOwnProperty("camera")}get targetLayer(){return this.view.map.allLayers.filter(e=>e.type==="feature"&&!this.layerIds.includes(e.id)).getItemAt(0)}get styles(){let{view:e,viewWidth:t,viewHeight:s,leftOffset:i,topOffset:r,previewHeight:a,preview:o}=this,n={};if(e){let{container:h}=e;if(!h)return;let{top:c,left:d,right:l,bottom:p}=h.getBoundingClientRect();n={"--left-offset":`${i??0}px`,"--top-offset":`${r??0}px`,"--panel-left":`${d??0}px`,"--panel-height":`${o?(s??0)-(a??0):(p??0)-(c??0)}px`,"--panel-width":`${(l??0)-(d??0)}px`,"--view-width":`${t??0}px`,"--view-height":`${s??0}px`}}return n}renderAddLocation(){let{intl:e,sketchPostType:t}=this;return f(_,null,f("calcite-action-group",null,f("calcite-action",{icon:"check",onClick:this.addRelatedFeature,text:e.t(`prompt.add.${t}`),textEnabled:!0})),f("calcite-action-group",null,f("calcite-action",{icon:"undo",onClick:this.cancelAddRelatedFeature,text:e.t("prompt.remove.existing"),textEnabled:!0})))}renderRemoveLocation(){return f("calcite-action-pad",{"expand-disabled":!0,expanded:!0,layout:"horizontal"},f("calcite-action",{icon:"trash",onClick:this.removeRelatedFeature,text:this.intl.t("location.remove"),textEnabled:!0}))}renderPostLocationPrimaryOptions(){let{activeGraphicDetails:{geometry:{type:e}},intl:t,sketchPostType:s}=this;return f(_,null,f("calcite-action-group",null,f("calcite-action",{icon:"check",onClick:this.handlePostPendingGraphic,text:t.t(`prompt.add.${s}`),"text-enabled":!0})),f("calcite-action-group",null,f("calcite-action",{icon:e==="point"?"move":"pencil",onClick:this.handleEditActiveGraphic,text:t.t(`prompt.edit.${e}`),"text-enabled":!0}),f("calcite-action",{icon:"trash",onClick:this.handleDeleteActiveGraphic,text:t.t(`prompt.remove.${e}`),"text-enabled":!0})))}renderPostLocationEditOptions(){let{intl:e}=this;return f("calcite-action-pad",{"expand-disabled":!0,layout:"horizontal"},f("calcite-action",{icon:"pencil",onClick:this.handleEditActiveGraphic,text:e.t("prompt.location.edit")}),f("calcite-action",{icon:"trash",onClick:this.handleDeleteActiveGraphic,text:e.t("prompt.location.delete")}))}renderMapDiscussion(){let{activeMapDiscussion:e,discussion:t,isHub:s,entityId:i,entity:r,entityType:a,showChannelAvatar:o,showChannelName:n,discussionSettings:h}=this;return this.preview?f("arcgis-hub-discussions-map-preview",{channelId:e.channelId,discussion:t,locationId:e.locationId,parentId:e.postId?e.parentId:void 0,postId:e.postId||e.parentId,ref:c=>{this.onMapDiscussionsPreviewRef=c},showChannelAvatar:o}):f("arcgis-hub-discussions",{channelId:e.channelId,disableNavigation:!e.locationId,discussion:t,discussionSettings:h,dismissible:!0,enableGoTo:!0,entity:r,entityId:i,entityType:a,hasMap:!0,isHub:s,locationId:e.locationId,parentId:e.parentId,postId:e.postId,ref:c=>{this.onMapDiscussionsRef=c},showChannelAvatar:o,showChannelName:n})}render(){let{activeMapDiscussion:e,styles:t,view:s,mapActionNoticeActive:i}=this;return f(Y,{key:"37e770b6e28b2c0744f509aae5beb5708c5bfd4d","data-element":"discussions-map-integrator",style:t},e&&this.renderMapDiscussion(),s&&i&&f("arcgis-hub-discussions-map-action-notice",{view:s}))}static get assetsDirs(){return["locales"]}get element(){return K(this)}static get watchers(){return{_context:["initialize"],view:["attachView"],discussionsRef:["attachdiscussionsRef"],drawRef:["handleDrawRefUpdate"],preview:["calculateOffsets"],previewHeight:["calculateOffsets"]}}};g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryGoTo",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryFeature",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryFeatureDeleted",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryFeatureSelect",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryFeatureHighlight",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleFeatureRemove",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryDrawCreate",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryDrawTypeSelect",null);g([m({when(e){return e.target===this.drawRef}})],u.prototype,"handleActiveToolChange",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryDrawEdit",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handlePostEditorReady",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryDrawEditCancel",null);g([m({when(e){return e.target===this.drawRef}})],u.prototype,"handleDrawGraphicsChange",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryDrawReset",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleGeometryClearAll",null);g([m({when(e){return this.eventTargetIsDiscussionsRef(e)}})],u.prototype,"handleDiscussionsClose",null);g([L({timeout:50})],u.prototype,"setLocationEditPopover",null);g([m({when(e){return e}}),L({timeout:50})],u.prototype,"refreshFeatures",null);g([m({when(){return this.geometryGraphicsLayer}})],u.prototype,"getGraphicById",null);g([m({when(){return this.highlightGraphicsLayer}})],u.prototype,"clearHoverActiveGraphics",null);g([m({when(){return this.drawRef}})],u.prototype,"saveInitialDrawOptions",null);g([m({when(){return this.drawRef&&this.initialDrawOptions}})],u.prototype,"restoreInitialDrawOptions",null);g([m({when(){return this.currentDiscussionsRef}})],u.prototype,"resetStagedFeatures",null);g([m({when(){return!this.mapActionNoticeActive}})],u.prototype,"handleMapClickDiscussions",null);g([L({timeout:50})],u.prototype,"handleViewSizeChange",null);g([L({timeout:15})],u.prototype,"handlePointerMove",null);g([m({when(){return!!(this.drawRef&&!this.drawRef.geometry)}})],u.prototype,"renderPostLocationPrimaryOptions",null);g([m({when(){return!!(this.drawRef&&!this.drawRef.geometry)}})],u.prototype,"renderPostLocationEditOptions",null);u.style=le;return u},"layers/GraphicsLayer","core/reactiveUtils","geometry/support/webMercatorUtils","geometry/Extent","Graphic","core/promiseUtils","geometry/geometryEngine","config",a,b,c)

package/dist/cdn/ZZC3H3EN.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/0.12/esri/copyright.txt for details.
-v0.12.2 */
-import{b as t,c as l,i as a}from"./4KOYBCF5.js";import"./GCDX5U65.js";var c=":host{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}section{border:solid 1px lightgray;border-radius:5px;flex:1}section h2{background-color:#f0f0f0;font-size:1rem;margin:0;padding:0.25rem 0.5rem;border-bottom:solid 1px lightgray}ul{padding:0;margin:0;list-style-type:none}li{padding:0.5rem;border-bottom:solid 1px lightgray;display:flex;justify-content:space-between;align-items:center}li:last-child{border-bottom:none}li div:last-child{display:flex;gap:0.5rem}.modifier-key{border:solid 1px lightgray;background-color:#f0f0f0;border-radius:3px;padding-inline:0.2rem;display:inline-flex;align-items:center}",p=c,b=class{constructor(n){a(this,n),this.intl=void 0,this.config=void 0}mapKeyToLabel(n){var e,i;let o=(((i=(e=window.navigator)===null||e===void 0?void 0:e.userAgentData)===null||i===void 0?void 0:i.platform)||window.navigator.platform).toLowerCase().startsWith("mac")?"mac":"win";return this.intl.t(`metaKeys.${o}.${n}`)}renderConfig(){let n=this.config.reduce((e,i)=>{var r;let{categoryKey:o}=i;return e[o]=(r=e[o])!==null&&r!==void 0?r:[],e[o].push(i),e},{});return Object.entries(n).map(([e,i])=>t("section",{key:e},t("h2",null,this.intl.t(e)),t("ul",null,i.map(r=>{let o=r.key||r.code.replace(/^Key/,"").toLowerCase();return t("li",{key:r.labelKey},t("div",null,this.intl.t(r.labelKey)),t("div",null,r.modifiers.map(d=>{let s=this.mapKeyToLabel(d);return t("span",{class:"modifier-key",key:s},s)}),t("span",{class:"modifier-key"},o)))}))))}render(){return t(l,{key:"cbb1a3b260e47f5de0f5672fdbf8eacbc17d79e0","data-element":"keyboard-shortcuts"},this.renderConfig())}};b.style=p;export{b as arcgis_hub_keyboard_shortcuts_help};