@esri/solutions-components 5.1.0 → 5.1.2

package/dist/cdn/{54A4C4RG.js → 65OXHGCN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{b as g}from"./HIPZRG2Q.js";import{F as c,G as p,H as m,h as u,i as n,q as h,u as _}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([C,F,,{f:b}])=>{var f=u`@layer{:host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-surface-2)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`,k=class extends m{constructor(){super(...arguments),this.enableSnapping=!1,this.graphics=[],this.showUserImageInCommentsList=!1,this.showFullCommentTitle=!0,this._likeFieldAvailable=!1,this._likeCount=0,this._disLikeCount=0,this._dislikeFieldAvailable=!1,this._commentsAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._relatedFeaturesOIDs=[],this._updating=!1,this._infoCard=c(),this._commentsList=c(),this._likeField="",this._dislikeField="",this._validFieldTypes=["small-integer","integer","big-integer","single","long"],this.relatedTableId="",this.loadingStatus=h(),this.commentClick=h(),this.commentSelect=h(),this.addComment=h(),this.likeOrDislikeClicked=h(),this.featureSelectionChange=h()}static{this.properties={enableSnapping:5,mapView:0,graphics:0,reportingOptions:0,layerItemsHash:0,showUserImageInCommentsList:5,showFullCommentTitle:5,_likeFieldAvailable:16,_likeCount:16,_disLikeCount:16,_dislikeFieldAvailable:16,_commentsAvailable:16,_isLikeBtnClicked:16,_isDislikeBtnClicked:16,_relatedFeaturesOIDs:16,_updating:16}}static{this.styles=f}static{this.shadowRootOptions=_}willUpdate(i){i.has("graphics")&&this.graphicsWatchHandler()}async graphicsWatchHandler(){await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}async refresh(i){i&&await this.getCompleteGraphic(i),await this.processComments(),i&&this.isLikeDislikeConfigured(i.layer)?this.graphics.length>1&&this.checkLikeDislikeFields():(this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1)}async back(){this._infoCard.value&&this._infoCard.value.back()}async next(){this._infoCard.value&&this._infoCard.value.next()}async toggleListView(){this._infoCard.value&&this._infoCard.value.toggleListView()}async load(){await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}render(){let i=this._relatedFeaturesOIDs?.length>0?`objectId in(${this._relatedFeaturesOIDs})`:"1=0";return n`<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this.graphics} .mapView=${this.mapView} @selectionChanged=${e=>{this.featureSelectionChange.emit(e.detail)}} position=relative ${p(this._infoCard)}></info-card>${(this._likeFieldAvailable||this._dislikeFieldAvailable||this._commentsAvailable)&&n`<div class="buttons-container">${this._commentsAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._relatedFeaturesOIDs.length} comments`} icon-end=speech-bubble kind=neutral @click=${()=>{this.addComment.emit()}} scale=m>${this._relatedFeaturesOIDs.length}</calcite-button>`||""}${this._likeFieldAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._likeCount??this._selectedGraphic?.attributes[this._likeField]??0} likes`} icon-end=thumbs-up .kind=${this._isLikeBtnClicked?"brand":"neutral"} .loading=${this._updating} @click=${this.onLikeButtonClick} scale=m>${this._likeCount??this._selectedGraphic?.attributes[this._likeField]??0}</calcite-button>`||""}${this._dislikeFieldAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._disLikeCount??this._selectedGraphic?.attributes[this._dislikeField]??0} dislikes`} icon-end=thumbs-down .kind=${this._isDislikeBtnClicked?"brand":"neutral"} .loading=${this._updating} @click=${this.onDislikeButtonClick} scale=m>${this._disLikeCount??this._selectedGraphic?.attributes[this._dislikeField]??0}</calcite-button>`||""}</div>`||""}${this.relatedTableId&&this._commentsAvailable&&n`<feature-list class="height-full" .mapView=${this.mapView} @featureClick=${()=>{this.commentClick.emit()}} @featureSelect=${e=>{this.commentSelect.emit(e.detail)}} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${p(this._commentsList)}></feature-list>`||""}</calcite-panel>`}async getCompleteGraphic(i){if(i){let e=i.layer,t=e.createQuery(),l=Number(i.getObjectId());if(!Number.isNaN(l)){t.objectIds=[l];let s=await e.queryFeatures(t);this._selectedGraphic=s.features[0]}}}async processComments(){let i=this._selectedGraphic?.layer;if(this.reportingOptions&&this.reportingOptions[i.id]&&this.reportingOptions[i.id].comment&&i?.relationships&&i.relationships?.length>0){let e=this.mapView&&await b(this.mapView),t=null,l=null;if(i?.relationships?.some(s=>{let a=e?.filter(r=>i.url===r.url&&r.layerId===s.relatedTableId);return a&&a.length>0?(t=a[0],l=s.id,!0):!1}),this.relatedTableId=t?.id??"",this.relatedTableId){let s=this._selectedGraphic?.attributes[i?.objectIdField],a=new F({objectIds:[s],outFields:["*"],relationshipId:l}),r=a&&await i.queryRelatedFeatures(a).catch(d=>{console.error(d)}),o=[];r&&r[s]&&r[s].features.forEach(d=>{o.push(d.attributes[t.objectIdField])}),this._relatedFeaturesOIDs=o,this._commentsAvailable=!0}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1,this.relatedTableId=""}isLikeDislikeConfigured(i){let e=!1,t=!1;if(this.reportingOptions&&i&&this.reportingOptions[i.id]){if(!this.reportingOptions[i.id].like&&!this.reportingOptions[i.id].dislike)return!1;let l=this.reportingOptions[i.id].likeField,s=this.reportingOptions[i.id].dislikeField;if(!l&&!s)return!1;i.fields.forEach(a=>{this._validFieldTypes.indexOf(a.type)>-1&&this.layerItemsHash&&this.reportingOptions&&this.layerItemsHash[i.id].supportsUpdate&&(a.name===l&&this.reportingOptions[i.id].like?e=!0:a.name===s&&this.reportingOptions[i.id].dislike&&(t=!0))})}return e||t}checkLikeDislikeFields(){this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._likeCount=0,this._disLikeCount=0;let i=this._selectedGraphic?.layer;if(this.reportingOptions&&i&&this.reportingOptions[i?.id]){if(this._likeField=this.reportingOptions[i.id].likeField||"",this._dislikeField=this.reportingOptions[i.id].dislikeField||"",!this._likeField&&!this._dislikeField)return;i.fields.forEach(e=>{this._validFieldTypes.indexOf(e.type)>-1&&this.layerItemsHash&&this.reportingOptions&&this.layerItemsHash[i.id].supportsUpdate&&(e.name===this._likeField&&this.reportingOptions[i.id].like?(this._likeFieldAvailable=!0,this._likeCount=this._selectedGraphic?.attributes[e.name]||0):e.name===this._dislikeField&&this.reportingOptions[i.id].dislike&&(this._dislikeFieldAvailable=!0,this._disLikeCount=this._selectedGraphic?.attributes[e.name]||0))}),this.getFromLocalStorage()}}onLikeButtonClick(){this._isDislikeBtnClicked&&this._selectedGraphic?.layer&&this.reportingOptions&&this.reportingOptions[this._selectedGraphic.layer.id].dislike&&this.onDislikeButtonClick(),this._isLikeBtnClicked=!this._isLikeBtnClicked,this._isLikeBtnClicked?this._likeCount++:this._likeCount--,this.updateFeaturesLikeDislikeField(this._likeField,this._isLikeBtnClicked)}onDislikeButtonClick(){this._isLikeBtnClicked&&this._selectedGraphic?.layer&&this.reportingOptions&&this.reportingOptions[this._selectedGraphic.layer.id].like&&this.onLikeButtonClick(),this._isDislikeBtnClicked=!this._isDislikeBtnClicked,this._isDislikeBtnClicked?this._disLikeCount++:this._disLikeCount--,this.updateFeaturesLikeDislikeField(this._dislikeField,this._isDislikeBtnClicked)}async updateFeaturesLikeDislikeField(i,e){let t={},l=this._selectedGraphic?.layer;this._updating=!0;let s=this._selectedGraphic;if(s){s.attributes[i]=Number(s.attributes[i])+(e?1:-1),t[l.objectIdField]=s.attributes[l.objectIdField],t[i]=s.attributes[i];let a=new C;if(a){a.attributes=t;let r={updateFeatures:[a]};await l.applyEdits(r).then(()=>{this._selectedGraphic=s,this.setInLocalStorage(),this._updating=!1,this.likeOrDislikeClicked.emit()},o=>{this._updating=!1,console.log(o)})}}}getFromLocalStorage(){let i=this._selectedGraphic?.layer&&this._selectedGraphic.layer.id,e=i?.toString()&&localStorage[i];if(e){let t=JSON.parse(e).filter(l=>l.id===this._selectedGraphic?.getObjectId());t.length>0&&(this._isLikeBtnClicked=t[0].like,this._isDislikeBtnClicked=t[0].dislike)}}setInLocalStorage(){let i=this._selectedGraphic?.layer&&this._selectedGraphic.layer.id,e=i?.toString()&&localStorage[i],t=[];if(e){t=JSON.parse(e);let l=t.findIndex(s=>s.id===this._selectedGraphic?.getObjectId());l>=0&&t.splice(l,1)}t.push({id:this._selectedGraphic?.getObjectId(),like:this._isLikeBtnClicked&&this._likeCount!==0,dislike:this._isDislikeBtnClicked&&this._disLikeCount!==0}),i?.toString()&&localStorage.setItem(i.toString(),JSON.stringify(t))}};g("feature-details",k);return k},"Graphic","rest/support/RelationshipQuery",a,b)
+import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{b as g}from"./ZB5UCRCG.js";import{F as c,G as p,H as m,h as u,i as n,q as h,u as _}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([C,F,,{f:b}])=>{var f=u`@layer{:host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-surface-2)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`,k=class extends m{constructor(){super(...arguments),this.enableSnapping=!1,this.graphics=[],this.showUserImageInCommentsList=!1,this.showFullCommentTitle=!0,this._likeFieldAvailable=!1,this._likeCount=0,this._disLikeCount=0,this._dislikeFieldAvailable=!1,this._commentsAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._relatedFeaturesOIDs=[],this._updating=!1,this._infoCard=c(),this._commentsList=c(),this._likeField="",this._dislikeField="",this._validFieldTypes=["small-integer","integer","big-integer","single","long"],this.relatedTableId="",this.loadingStatus=h(),this.commentClick=h(),this.commentSelect=h(),this.addComment=h(),this.likeOrDislikeClicked=h(),this.featureSelectionChange=h()}static{this.properties={enableSnapping:5,mapView:0,graphics:0,reportingOptions:0,layerItemsHash:0,showUserImageInCommentsList:5,showFullCommentTitle:5,_likeFieldAvailable:16,_likeCount:16,_disLikeCount:16,_dislikeFieldAvailable:16,_commentsAvailable:16,_isLikeBtnClicked:16,_isDislikeBtnClicked:16,_relatedFeaturesOIDs:16,_updating:16}}static{this.styles=f}static{this.shadowRootOptions=_}willUpdate(i){i.has("graphics")&&this.graphicsWatchHandler()}async graphicsWatchHandler(){await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}async refresh(i){i&&await this.getCompleteGraphic(i),await this.processComments(),i&&this.isLikeDislikeConfigured(i.layer)?this.graphics.length>1&&this.checkLikeDislikeFields():(this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1)}async back(){this._infoCard.value&&this._infoCard.value.back()}async next(){this._infoCard.value&&this._infoCard.value.next()}async toggleListView(){this._infoCard.value&&this._infoCard.value.toggleListView()}async load(){await this.getCompleteGraphic(this.graphics[0]),this.checkLikeDislikeFields(),await this.processComments()}render(){let i=this._relatedFeaturesOIDs?.length>0?`objectId in(${this._relatedFeaturesOIDs})`:"1=0";return n`<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this.graphics} .mapView=${this.mapView} @selectionChanged=${e=>{this.featureSelectionChange.emit(e.detail)}} position=relative ${p(this._infoCard)}></info-card>${(this._likeFieldAvailable||this._dislikeFieldAvailable||this._commentsAvailable)&&n`<div class="buttons-container">${this._commentsAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._relatedFeaturesOIDs.length} comments`} icon-end=speech-bubble kind=neutral @click=${()=>{this.addComment.emit()}} scale=m>${this._relatedFeaturesOIDs.length}</calcite-button>`||""}${this._likeFieldAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._likeCount??this._selectedGraphic?.attributes[this._likeField]??0} likes`} icon-end=thumbs-up .kind=${this._isLikeBtnClicked?"brand":"neutral"} .loading=${this._updating} @click=${this.onLikeButtonClick} scale=m>${this._likeCount??this._selectedGraphic?.attributes[this._likeField]??0}</calcite-button>`||""}${this._dislikeFieldAvailable&&n`<calcite-button appearance=transparent aria-label=${`${this._disLikeCount??this._selectedGraphic?.attributes[this._dislikeField]??0} dislikes`} icon-end=thumbs-down .kind=${this._isDislikeBtnClicked?"brand":"neutral"} .loading=${this._updating} @click=${this.onDislikeButtonClick} scale=m>${this._disLikeCount??this._selectedGraphic?.attributes[this._dislikeField]??0}</calcite-button>`||""}</div>`||""}${this.relatedTableId&&this._commentsAvailable&&n`<feature-list class="height-full" .mapView=${this.mapView} @featureClick=${()=>{this.commentClick.emit()}} @featureSelect=${e=>{this.commentSelect.emit(e.detail)}} page-size=5 .selectedLayerId=${this.relatedTableId} .showFullTitle=${this.showFullCommentTitle} .showUserImageInList=${this.showUserImageInCommentsList} text-size=small .whereClause=${i} ${p(this._commentsList)}></feature-list>`||""}</calcite-panel>`}async getCompleteGraphic(i){if(i){let e=i.layer,t=e.createQuery(),l=Number(i.getObjectId());if(!Number.isNaN(l)){t.objectIds=[l];let s=await e.queryFeatures(t);this._selectedGraphic=s.features[0]}}}async processComments(){let i=this._selectedGraphic?.layer;if(this.reportingOptions&&this.reportingOptions[i.id]&&this.reportingOptions[i.id].comment&&i?.relationships&&i.relationships?.length>0){let e=this.mapView&&await b(this.mapView),t=null,l=null;if(i?.relationships?.some(s=>{let a=e?.filter(r=>i.url===r.url&&r.layerId===s.relatedTableId);return a&&a.length>0?(t=a[0],l=s.id,!0):!1}),this.relatedTableId=t?.id??"",this.relatedTableId){let s=this._selectedGraphic?.attributes[i?.objectIdField],a=new F({objectIds:[s],outFields:["*"],relationshipId:l}),r=a&&await i.queryRelatedFeatures(a).catch(d=>{console.error(d)}),o=[];r&&r[s]&&r[s].features.forEach(d=>{o.push(d.attributes[t.objectIdField])}),this._relatedFeaturesOIDs=o,this._commentsAvailable=!0}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1}else this._relatedFeaturesOIDs=[],this._commentsAvailable=!1,this.relatedTableId=""}isLikeDislikeConfigured(i){let e=!1,t=!1;if(this.reportingOptions&&i&&this.reportingOptions[i.id]){if(!this.reportingOptions[i.id].like&&!this.reportingOptions[i.id].dislike)return!1;let l=this.reportingOptions[i.id].likeField,s=this.reportingOptions[i.id].dislikeField;if(!l&&!s)return!1;i.fields.forEach(a=>{this._validFieldTypes.indexOf(a.type)>-1&&this.layerItemsHash&&this.reportingOptions&&this.layerItemsHash[i.id].supportsUpdate&&(a.name===l&&this.reportingOptions[i.id].like?e=!0:a.name===s&&this.reportingOptions[i.id].dislike&&(t=!0))})}return e||t}checkLikeDislikeFields(){this._likeFieldAvailable=!1,this._dislikeFieldAvailable=!1,this._isLikeBtnClicked=!1,this._isDislikeBtnClicked=!1,this._likeCount=0,this._disLikeCount=0;let i=this._selectedGraphic?.layer;if(this.reportingOptions&&i&&this.reportingOptions[i?.id]){if(this._likeField=this.reportingOptions[i.id].likeField||"",this._dislikeField=this.reportingOptions[i.id].dislikeField||"",!this._likeField&&!this._dislikeField)return;i.fields.forEach(e=>{this._validFieldTypes.indexOf(e.type)>-1&&this.layerItemsHash&&this.reportingOptions&&this.layerItemsHash[i.id].supportsUpdate&&(e.name===this._likeField&&this.reportingOptions[i.id].like?(this._likeFieldAvailable=!0,this._likeCount=this._selectedGraphic?.attributes[e.name]||0):e.name===this._dislikeField&&this.reportingOptions[i.id].dislike&&(this._dislikeFieldAvailable=!0,this._disLikeCount=this._selectedGraphic?.attributes[e.name]||0))}),this.getFromLocalStorage()}}onLikeButtonClick(){this._isDislikeBtnClicked&&this._selectedGraphic?.layer&&this.reportingOptions&&this.reportingOptions[this._selectedGraphic.layer.id].dislike&&this.onDislikeButtonClick(),this._isLikeBtnClicked=!this._isLikeBtnClicked,this._isLikeBtnClicked?this._likeCount++:this._likeCount--,this.updateFeaturesLikeDislikeField(this._likeField,this._isLikeBtnClicked)}onDislikeButtonClick(){this._isLikeBtnClicked&&this._selectedGraphic?.layer&&this.reportingOptions&&this.reportingOptions[this._selectedGraphic.layer.id].like&&this.onLikeButtonClick(),this._isDislikeBtnClicked=!this._isDislikeBtnClicked,this._isDislikeBtnClicked?this._disLikeCount++:this._disLikeCount--,this.updateFeaturesLikeDislikeField(this._dislikeField,this._isDislikeBtnClicked)}async updateFeaturesLikeDislikeField(i,e){let t={},l=this._selectedGraphic?.layer;this._updating=!0;let s=this._selectedGraphic;if(s){s.attributes[i]=Number(s.attributes[i])+(e?1:-1),t[l.objectIdField]=s.attributes[l.objectIdField],t[i]=s.attributes[i];let a=new C;if(a){a.attributes=t;let r={updateFeatures:[a]};await l.applyEdits(r).then(()=>{this._selectedGraphic=s,this.setInLocalStorage(),this._updating=!1,this.likeOrDislikeClicked.emit()},o=>{this._updating=!1,console.log(o)})}}}getFromLocalStorage(){let i=this._selectedGraphic?.layer&&this._selectedGraphic.layer.id,e=i?.toString()&&localStorage[i];if(e){let t=JSON.parse(e).filter(l=>l.id===this._selectedGraphic?.getObjectId());t.length>0&&(this._isLikeBtnClicked=t[0].like,this._isDislikeBtnClicked=t[0].dislike)}}setInLocalStorage(){let i=this._selectedGraphic?.layer&&this._selectedGraphic.layer.id,e=i?.toString()&&localStorage[i],t=[];if(e){t=JSON.parse(e);let l=t.findIndex(s=>s.id===this._selectedGraphic?.getObjectId());l>=0&&t.splice(l,1)}t.push({id:this._selectedGraphic?.getObjectId(),like:this._isLikeBtnClicked&&this._likeCount!==0,dislike:this._isDislikeBtnClicked&&this._disLikeCount!==0}),i?.toString()&&localStorage.setItem(i.toString(),JSON.stringify(t))}};g("feature-details",k);return k},"Graphic","rest/support/RelationshipQuery",a,b)