@esri/solutions-components 0.8.23 → 0.8.24

package/dist/esm/{utils-6419e941.js → utils-251cb6de.js}

@@ -200,4 +200,4 @@ function toNonAlphaMode(mode) {
     return nonAlphaMode;
 }
 
-export { CSSColorMode as C, alphaToOpacity as a, alphaCompatible as b, normalizeColor as c, colorEqual as d, normalizeAlpha as e, toAlphaMode as f, hexToRGB as g, hexify as h, isValidHex as i, isLonghandHex as j, hexChar as k, normalizeHex as n, opacityToAlpha as o, parseMode as p, rgbToHex as r, toNonAlphaMode as t };
+export { CSSColorMode as C, alphaToOpacity as a, alphaCompatible as b, normalizeColor as c, colorEqual as d, normalizeAlpha as e, toAlphaMode as f, isValidHex as g, hexify as h, isLonghandHex as i, hexChar as j, hexToRGB as k, normalizeHex as n, opacityToAlpha as o, parseMode as p, rgbToHex as r, toNonAlphaMode as t };

package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-create/instant-apps-create.css

@@ -0,0 +1,150 @@
+/**
+* @prop --instant-apps-create-action-background: Popup's trigger button's background color.
+* @prop --instant-apps-create-action-background-hover: Popup's trigger button's background color on hover.
+* @prop --instant-apps-create-action-background-press: Popup's trigger button's background color on press.
+* @prop --instant-apps-create-action-width: Popup's trigger button's width.
+* @prop --instant-apps-create-action-height: Popup's trigger button's height.
+* @prop  --instant-apps-create-action-icon-color: Popup's trigger button's icon color.
+* @prop --instant-apps-create-action-icon-hover-color: Popup's trigger button's icon color when hovered over.
+* @prop --instant-apps-create-background: Create's container background color.
+* @prop --instant-apps-create-text-color: Create's container text color.
+* @prop --instant-apps-create-popover-width: Create's popover container width.
+*/
+:host {
+  display: block;
+  --instant-apps-create-action-background: var(--calcite-color-foreground-1);
+  --instant-apps-create-action-background-hover: var(--calcite-color-foreground-2);
+  --instant-apps-create-action-background-press: var(--calcite-color-foreground-3);
+  --instant-apps-create-action-height: 100%;
+  --instant-apps-create-action-width: fit-content;
+  --instant-apps-create-action-icon-color: var(--calcite-color-text-3);
+  --instant-apps-create-action-icon-hover-color: var(--calcite-color-text-1);
+  --instant-apps-create-background: var(--calcite-color-foreground-1);
+  --instant-apps-create-text-color: var(--calcite-color-text-1);
+  --instant-apps-create-popover-width: 450px;
+}
+
+.instant-apps-create {
+  height: 100%;
+}
+.instant-apps-create * {
+  box-sizing: border-box;
+}
+.instant-apps-create__popover-container, .instant-apps-create__inline-container {
+  padding: 1rem 1.5rem;
+  background: var(--instant-apps-create-background);
+  --calcite-color-text-1: var(--instant-apps-create-text-color);
+}
+.instant-apps-create__popover-container {
+  width: var(--instant-apps-create-popover-width);
+}
+.instant-apps-create calcite-popover {
+  --calcite-color-foreground-1: var(--instant-apps-create-background);
+}
+.instant-apps-create calcite-button:last-of-type {
+  margin-top: 0.5rem;
+}
+.instant-apps-create__header h3 {
+  margin: 0;
+  font-weight: var(--calcite-font-weight-medium);
+}
+.instant-apps-create__header p {
+  margin: 0;
+  padding: 0 0 0.5rem 0;
+  font-weight: var(--calcite-font-weight-normal);
+}
+.instant-apps-create__options {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: column;
+}
+.instant-apps-create__option {
+  display: flex;
+  color: inherit;
+  text-decoration: inherit;
+  height: -moz-fit-content;
+  height: fit-content;
+  margin-bottom: 0.5rem;
+  cursor: pointer;
+  --calcite-color-text-link: var(--calcite-color-text-1);
+  align-items: stretch;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
+  outline-offset: 0;
+  outline-color: transparent;
+  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
+}
+.instant-apps-create__option:first-of-type {
+  margin-top: 0.5rem;
+}
+.instant-apps-create__option:last-of-type {
+  margin-bottom: 0;
+}
+.instant-apps-create__option:hover {
+  outline: 1px solid var(--calcite-color-border-1);
+  outline-offset: 2px;
+}
+.instant-apps-create__option-icon {
+  display: flex;
+  background: var(--calcite-color-foreground-2);
+  color: var(--calcite-color-text-1);
+  font-size: 1.25rem;
+  background-color: var(--calcite-color-background);
+  justify-content: center;
+  align-items: center;
+  flex: 1 1 auto;
+  max-width: 5rem;
+  min-width: 5rem;
+  height: auto;
+}
+.instant-apps-create__option-icon svg {
+  display: block;
+  overflow-clip-margin: content-box;
+  overflow: hidden;
+}
+.instant-apps-create__option-text {
+  min-height: 2rem;
+  font-size: 0.75rem;
+  color: var(--calcite-color-text-2);
+  padding: 0.75rem 0 0 0.75rem;
+}
+.instant-apps-create__option-text-wrapper {
+  display: flex;
+  align-items: center;
+}
+.instant-apps-create__option-text h3 {
+  margin: 0;
+  font-size: var(--calcite-font-size-0);
+  font-weight: var(--calcite-font-weight-medium);
+}
+.instant-apps-create__option-text calcite-icon {
+  margin-left: 0.25rem;
+  color: rgb(126, 126, 126);
+  --tw-translate-x: 0px;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  opacity: 0;
+  transition-property: all;
+  transition-duration: 150ms;
+  transition-timing-function: ease-in-out;
+  transition-delay: 0s;
+}
+a:hover .instant-apps-create__option-text calcite-icon {
+  opacity: 1;
+  --tw-translate-x: 0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.instant-apps-create__option-text p {
+  margin: 0;
+  font-size: var(--calcite-font-size--1);
+  color: var(--calcite-color-text-3);
+  line-height: 1.35;
+  min-height: 3rem;
+}

package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-header/instant-apps-header.css

@@ -155,14 +155,21 @@
   width: var(--instant-apps-header-logo-width--logo-scale--l);
   height: var(--instant-apps-header-logo-height--logo-scale--l);
 }
-:host .instant-apps-header__logo-height--s,
-:host .instant-apps-header__logo-height--m,
-:host .instant-apps-header__logo-height--l {
-  padding-right: 10px;
+:host .instant-apps-header__actions-end-container {
+  display: flex;
 }
-:host .instant-apps-header--rtl.instant-apps-header__logo-height--s,
-:host .instant-apps-header--rtl.instant-apps-header__logo-height--m,
-:host .instant-apps-header--rtl.instant-apps-header__logo-height--l {
-  padding-right: 0;
-  padding-left: 10px;
+:host .instant-apps-header__sign-in-container {
+  height: inherit;
+  display: flex;
+  align-items: center;
+}
+:host .instant-apps-header__sign-in-container calcite-dropdown,
+:host .instant-apps-header__sign-in-container calcite-navigation-user {
+  height: 100%;
+}
+:host .instant-apps-header__sign-in-container calcite-button {
+  margin: 0 10px;
+}
+:host .instant-apps-header__sign-in-container calcite-dropdown-group {
+  min-width: 140px;
 }

package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-landing-page/instant-apps-landing-page.css

@@ -79,9 +79,19 @@
   --calcite-color-brand-hover: var(--instant-apps-landing-page-entry-button-color);
   --calcite-color-brand-press: var(--instant-apps-landing-page-entry-button-color);
 }
+:host .instant-apps-landing-page instant-apps-sign-in {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 :host .instant-apps-landing-page__remove-transition {
   transition: none;
 }
+:host .instant-apps-landing-page__remove-padding {
+  padding: 0;
+}
 :host .instant-apps-landing-page--closed-no-transition {
   display: none;
 }
@@ -183,6 +193,15 @@
   text-align: right;
 }
 
+.instant-apps-landing-page__sign-in {
+  width: 100%;
+  height: 100%;
+}
+
+.instant-apps-landing-page__sign-in--overlay {
+  background: rgba(0, 0, 0, 0.6);
+}
+
 @media only screen and (max-width: 768px) {
   :host .instant-apps-landing-page__icon-image {
     max-width: 70%;

package/dist/node_modules/@esri/instant-apps-components/dist/collection/components/instant-apps-sign-in/instant-apps-sign-in.css

@@ -0,0 +1,98 @@
+:host {
+  display: block;
+  box-shadow: none !important;
+}
+:host .instant-apps-sign-in__container {
+  height: inherit;
+  display: flex;
+  align-items: center;
+}
+:host .instant-apps-sign-in__container calcite-dropdown,
+:host .instant-apps-sign-in__container calcite-navigation-user {
+  height: 100%;
+}
+:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn {
+  margin: 10px;
+}
+:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group {
+  min-width: 140px;
+}
+:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group {
+  min-width: 100px;
+}
+:host .instant-apps-sign-in__container calcite-dropdown-item {
+  --calcite-color-text-1: #d83020;
+  --calcite-color-text-3: #d83020;
+}
+:host .instant-apps-sign-in__container button {
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  box-sizing: border-box;
+  display: flex;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+  appearance: none;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+  transition: color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;
+  border: none;
+  border-radius: 50%;
+  background: #000;
+}
+:host .instant-apps-sign-in__container button:hover calcite-avatar {
+  opacity: 0.7;
+  transition: 0.3s;
+}
+:host .instant-apps-sign-in__landing-page {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 40px;
+  width: 50%;
+  min-height: 30%;
+  background: rgba(255, 255, 255, 0.8);
+  color: #151515;
+  text-align: center;
+}
+:host .instant-apps-sign-in__landing-page h1 {
+  font-size: 22px;
+  margin: 10px 0;
+}
+:host .instant-apps-sign-in__landing-page h2 {
+  font-size: 16px;
+  margin: 0 0 10px;
+}
+:host .instant-apps-sign-in__landing-page p {
+  font-size: 16px;
+  margin: 0;
+}
+:host .instant-apps-sign-in__landing-page-btns {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 40px;
+}
+:host .instant-apps-sign-in__landing-page-btns calcite-button {
+  width: calc(50% - 5px);
+  --calcite-color-brand: var(--instant-apps-landing-page-entry-button-color);
+  --calcite-color-brand-hover: var(--instant-apps-landing-page-entry-button-color);
+  --calcite-color-brand-press: var(--instant-apps-landing-page-entry-button-color);
+}
+:host .instant-apps-sign-in__landing-page-btns calcite-button:hover {
+  filter: contrast(0.8);
+}
+@media screen and (max-width: 767px) {
+  :host .instant-apps-sign-in__landing-page-btns {
+    flex-direction: column;
+    width: 100%;
+    align-items: center;
+    height: 76px;
+  }
+  :host .instant-apps-sign-in__landing-page-btns calcite-button {
+    width: 100%;
+  }
+}

package/dist/solutions-components/demos/crowdsource-reporter.html

@@ -140,10 +140,10 @@
           //id: "c720e337ff814fe4a83bc244c46f8e43" //15 Layers
           //id: "f5186c798b9e40dab1078658ddbc28cf" // 30K features
           //id: "dda88d905a6748a5ab46bea5be795f33" // screening layers
-          id: "b5bdcb1e5d684dd3b21a2d44b8e4f928" //Popup content + like dislike
+          //id: "b5bdcb1e5d684dd3b21a2d44b8e4f928" //Popup content + like dislike
           //id: "d399ec39959a4aac8617ae4f05dd6785" //Arcade
           //id: "024e8a5e73a34c5aade9632d651c5750" //Attachments
-          //id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
+          id: "ae6d5d1936e84ce7adde44c7a7908846" //like dislike
           // id: "ce3dec81bf714d3bb71da9691ab686d1" //Filter
         }
         const webMap = new WebMap({
@@ -219,7 +219,8 @@
             like: false,
             likeField: "Like_field",
             dislike: false,
-            dislikeField: "Dislike_field"
+            dislikeField: "Dislike_field",
+            visible: false
           },
           "18cdb191817-layer-5": {
             reporting: true,
@@ -227,7 +228,8 @@
             like: true,
             likeField: "Like_field",
             dislike: true,
-            dislikeField: "Dislike_field"
+            dislikeField: "Dislike_field",
+            visible: false
           },
           "18f056682a4-layer-12":{
             reporting: true,
@@ -235,41 +237,46 @@
             like: true,
             likeField: "shrt",
             dislike: false,
-            dislikeField: "dislike_field"
+            dislikeField: "dislike_field",
+            visible: true
           },
-          "18f2a1562a8-layer-7": {
+          "18f2a1562a5-layer-3": {
             reporting: true,
             comment: true,
             like: true,
             likeField: "like_field",
             dislike: true,
-            dislikeField: "dislike_field"
+            dislikeField: "dislike_field",
+            visible: true
           },
-          "18f2a1562a5-layer-3": {
+          "18f2a1562a7-layer-4": {
             reporting: true,
             comment: true,
             like: true,
             likeField: "like_field",
             dislike: true,
-            dislikeField: "dislike_field"
+            dislikeField: "dislike_field",
+            visible: true
           },
-          "18f2a1562a7-layer-4": {
-            reporting: true,
+          "18f2a1562a7-layer-5": {
+            reporting: false,
             comment: true,
             like: true,
             likeField: "like_field",
             dislike: true,
-            dislikeField: "dislike_field"
+            dislikeField: "dislike_field",
+            visible: true
           },
-          "18f2a1562a7-layer-5": {
+          "18f2a1562a8-layer-6": {
             reporting: true,
             comment: true,
             like: true,
             likeField: "like_field",
             dislike: true,
-            dislikeField: "dislike_field"
+            dislikeField: "dislike_field",
+            visible: true
           },
-          "18f2a1562a8-layer-6": {
+          "18f2a1562a8-layer-7": {
             reporting: true,
             comment: true,
             like: true,

package/dist/solutions-components/p-1251dcc6.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as t,c as i,h as s,H as e,F as a,g as h}from"./p-6d753a3d.js";import{l as o,g as l}from"./p-896c9644.js";import{g as c,a as n,b as r,c as d,h as u,d as p,q as f}from"./p-583e5dd0.js";import"./p-82e085d0.js";import"./p-c1cf3ebc.js";const m=class{constructor(s){t(this,s),this.togglePanel=i(this,"togglePanel",7),this.center=void 0,this.defaultWebmap="",this.description=void 0,this.enableAnonymousAccess=void 0,this.enableAnonymousComments=void 0,this.enableComments=void 0,this.enableHome=!0,this.enableLogin=void 0,this.enableNewReports=void 0,this.enableSearch=!0,this.enableZoom=!0,this.isMobile=void 0,this.layerExpressions=[],this.layerId=void 0,this.level=void 0,this.loginTitle=void 0,this.mapInfos=[],this.mapView=void 0,this.objectId=void 0,this.reportButtonText=void 0,this.reportingOptions=void 0,this.reportsHeader=void 0,this.reportSubmittedMessage=void 0,this.searchConfiguration=void 0,this.showComments=void 0,this.theme="light",this.zoomToScale=void 0,this._featureCreationFailedErrorMsg=void 0,this._filterActive=!1,this._filterOpen=!1,this._flowItems=[],this._hasValidLayers=!1,this._loadingFeatureDetails=void 0,this._mapInfo=void 0,this._reportSubmitted=!1,this._selectedLayerName=void 0,this._showSubmitCancelButton=!1,this._showLoadingIndicator=!1,this._sidePanelCollapsed=!1,this._translations=void 0,this._updatedProgressBarStatus=.25,this._updatedSorting=void 0,this._updatedSortOption="sortNewest",this._commentSubmitted=!1,this._addingCommentFailed=!1}async isMobileWatchHandler(){this._sidePanelCollapsed=!1}async mapViewWatchHandler(){await this.mapView.when((async()=>{await this.setMapView()}))}async componentWillLoad(){var t;this._urlParamsLoaded=!1,await this._initModules(),await this._getTranslations(),await(null===(t=this.mapView)||void 0===t?void 0:t.when((async()=>{this._layers=this.reportingOptions?Object.keys(this.reportingOptions).filter((t=>this.reportingOptions[t].visible)):[],await this.setMapView()})))}render(){const t="dark"===this.theme?"calcite-mode-dark":"calcite-mode-light";return s(e,{key:"25711a088216a3fcf2aa5d39b81ebd124f004306"},this._reportSubmitted&&s("calcite-alert",{key:"b8cf62929599eb873a52c7e7a9b056e25fd86c2a","auto-close":!0,class:t+" report-submitted-msg",icon:"check-circle",kind:"success",label:"",onCalciteAlertClose:()=>{this._reportSubmitted=!1},open:!0,placement:"top"},s("div",{key:"6411e0e7b57fd58f8ba7987331271f0494ba113b",slot:"message"},this.reportSubmittedMessage?this.reportSubmittedMessage:this._translations.submitMsg)),this._featureCreationFailedErrorMsg&&s("calcite-alert",{key:"67b28ad1e3493427227d2d59548a5eac80041dea","auto-close":!0,class:t,icon:"x-octagon",kind:"danger",label:"",onCalciteAlertClose:()=>{this._featureCreationFailedErrorMsg=""},open:!0,placement:"top"},s("div",{key:"3ad206c32a217e6a9a5bb1e638ef3160fbff5db2",slot:"title"},this._translations.error),s("div",{key:"7580dd6b3f81a9b0c4263fb9e71e2031e199b41d",slot:"message"},this._featureCreationFailedErrorMsg)),this._commentSubmitted&&s("calcite-alert",{key:"7be4c3b5d07e9f30551d19990462bb3d1152b2a3","auto-close":!0,class:"report-submitted "+t,icon:"check-circle",kind:"success",label:"",onCalciteAlertClose:()=>{this._commentSubmitted=!1},open:!0,placement:"top"},s("div",{key:"41c01a889ed6732cf7dabf0945fbfb261a0f3a3b",slot:"message"},this._translations.commentSubmittedMsg)),this._addingCommentFailed&&s("calcite-alert",{key:"29bca2310f6877ec976fbe49ac39413593202a4d","auto-close":!0,class:t,icon:"x-octagon",kind:"danger",label:"",onCalciteAlertClose:()=>{this._addingCommentFailed=!1},open:!0,placement:"top"},s("div",{key:"8a7860934cebec53462c46e0d979268c75fb9705",slot:"title"},this._translations.error),s("div",{key:"d675ee393e81f5104d87391075a9ae89b4077a45",slot:"message"},this._translations.addingCommentFailedMsg)),s("div",{key:"1fce11b73759bc751de763e040d15d85a3fb347d"},s("calcite-shell",{key:"71634d0d1b0fcbe92813ff9b514ec4e752bd3fd1","content-behind":!0},this._getReporter())),this.filterModal())}async _initModules(){const[t]=await o(["esri/core/reactiveUtils"]);this.reactiveUtils=t}async setSelectedLayer(t,i){this._selectedLayerId=t,this._selectedLayer=await c(this.mapView,t),this._selectedLayerName=i,this._validLayers.forEach((i=>{i.set("visible",!t||i.id===t)}))}_getLayersConfig(t){return this.reportingOptions&&this.reportingOptions[t]?this.reportingOptions[t]:null}_getReporter(){const t=[];return this._flowItems.forEach((i=>{switch(i){case"layer-list":t.push(this.getLayerListFlowItem());break;case"feature-list":t.push(this.getFeatureListFlowItem(this._selectedLayerId,this._selectedLayerName));break;case"feature-details":t.push(this.getFeatureDetailsFlowItem());break;case"reporting-layer-list":t.push(this.getChooseCategoryFlowItem());break;case"feature-create":t.push(this.getFeatureCreateFlowItem());break;case"comment-details":t.push(this.getCommentDetailsFlowItem());break;case"add-comment":t.push(this.getAddCommentFlowItem())}})),s("calcite-panel",{class:"width-full "+("dark"===this.theme?"calcite-mode-dark":"calcite-mode-light")},this.mapView?s("calcite-flow",null,(null==t?void 0:t.length)>0&&t):s("calcite-loader",{label:"",scale:"m"}))}filterModal(){var t,i;const e=this.layerExpressions?this.layerExpressions.filter((t=>t.id===this._selectedLayerId)):[];return e.length>0&&s("calcite-modal",{"aria-labelledby":"modal-title",class:"modal",kind:"brand",onCalciteModalClose:()=>{this._closeFilter()},open:this._filterOpen,widthScale:"s"},s("div",{class:"display-flex align-center",id:"modal-title",slot:"header"},null===(i=null===(t=this._translations)||void 0===t?void 0:t.filterLayerTitle)||void 0===i?void 0:i.replace("{{title}}",this._selectedLayerName)),s("div",{slot:"content"},s("instant-apps-filter-list",{autoUpdateUrl:!1,closeBtn:!0,closeBtnOnClick:()=>{this._closeFilter()},comboboxOverlayPositioning:"fixed",layerExpressions:e,onFilterListReset:()=>this._handleFilterListReset(),onFilterUpdate:()=>this._handleFilterUpdate(),ref:t=>this._filterList=t,view:this.mapView,zoomBtn:!1})))}_closeFilter(){this._filterOpen&&(this._filterOpen=!1)}_toggleFilter(){this._filterOpen=!this._filterOpen}async sortOptionClick(t,i,s){this._updatedSorting={field:t,order:i},this._updatedSortOption=s}_toggleSort(){const t=this.reportingOptions&&this.reportingOptions[this._selectedLayerId]&&this.reportingOptions[this._selectedLayerId].like&&this.reportingOptions[this._selectedLayerId].likeField;return s("calcite-popover",{autoClose:!0,label:"",offsetDistance:0,placement:this.isMobile?"leading-start":"auto",pointerDisabled:!0,referenceElement:"sort-popover"},s("calcite-list",{"selection-mode":"single"},s("calcite-list-item",{label:this._translations.sortNewest,onCalciteListItemSelect:()=>{this.sortOptionClick(this._selectedLayer.objectIdField,"desc","sortNewest")},selected:"sortNewest"===this._updatedSortOption,value:"sortNewest"}),s("calcite-list-item",{label:this._translations.sortOldest,onCalciteListItemSelect:()=>{this.sortOptionClick(this._selectedLayer.objectIdField,"asc","sortOldest")},selected:"sortOldest"===this._updatedSortOption,value:"sortOldest"}),t&&s(a,null,s("calcite-list-item",{label:this._translations.sortHighestVoted,onCalciteListItemSelect:()=>{this.sortOptionClick(this.reportingOptions[this._selectedLayerId].likeField,"desc","sortHighestVoted")},selected:"sortHighestVoted"===this._updatedSortOption,value:"sortHighestVoted"}),s("calcite-list-item",{label:this._translations.sortLowestVoted,onCalciteListItemSelect:()=>{this.sortOptionClick(this.reportingOptions[this._selectedLayerId].likeField,"asc","sortLowestVoted")},selected:"sortLowestVoted"===this._updatedSortOption,value:"sortLowestVoted"}))))}_handleFilterListReset(){this._filterActive=!1,this._featureList.refresh()}_handleFilterUpdate(){this._filterActive=this._filterList.urlParams.getAll("filter").length>0,this._featureList.refresh()}getLayerListFlowItem(){var t;return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this.reportsHeader},this.isMobile&&this.getActionToExpandCollapsePanel(),this._hasValidLayers&&this.enableNewReports&&s("calcite-button",{appearance:"solid",onClick:this.navigateToChooseCategory.bind(this),slot:"footer",width:"full"},this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText),s("calcite-panel",{"full-height":!0,"full-width":!0},s("layer-list",{class:"height-full",layers:(null===(t=this._editableLayerIds)||void 0===t?void 0:t.length)>0?this._editableLayerIds:this._layers,mapView:this.mapView,onLayerSelect:this.displayFeaturesList.bind(this),onLayersListLoaded:this.layerListLoaded.bind(this),ref:t=>this._layerList=t,showFeatureCount:!0,showNextIcon:!0})))}getChooseCategoryFlowItem(){const t=this.reportingOptions?Object.keys(this.reportingOptions).filter((t=>this.reportingOptions[t].visible&&this.reportingOptions[t].reporting&&this._layerItemsHash[t]&&this._layerItemsHash[t].supportsAdd)):[];return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("calcite-panel",{"full-height":!0,"full-width":!0},s("div",{class:"progress-bar"},s("calcite-progress",{type:"determinate",value:this._updatedProgressBarStatus})),s("calcite-notice",{class:"notice-msg",icon:"lightbulb",kind:"success",open:!0},s("div",{slot:"message"},this._translations.chooseCategoryMsg)),s("layer-list",{class:"height-full",layers:t,mapView:this.mapView,onLayerSelect:this.navigateToCreateFeature.bind(this),showFeatureCount:!1,showNextIcon:!1})))}getFeatureCreateFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._selectedLayerName,onCalciteFlowItemBack:this.backFromCreateFeaturePanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),this._showSubmitCancelButton&&s("div",{class:"width-full",slot:"footer"},s("calcite-button",{appearance:"solid",class:"footer-top-button footer-button",onClick:this.onCreateFeatureSubmitButtonClick.bind(this),width:"full"},this._translations.submit),s("calcite-button",{appearance:"outline",class:"footer-button",onClick:this.backFromCreateFeaturePanel.bind(this),width:"full"},this._translations.cancel)),s("calcite-panel",{"full-height":!0,"full-width":!0},s("div",{class:"progress-bar"},s("calcite-progress",{type:"determinate",value:this._updatedProgressBarStatus})),s("calcite-notice",{class:"notice-msg",icon:"lightbulb",kind:"success",open:!0},s("div",{slot:"message"},this._translations.featureEditFormInfoMsg)),s("create-feature",{customizeSubmit:!0,mapView:this.mapView,onDrawComplete:this.onDrawComplete.bind(this),onEditingAttachment:this.showSubmitCancelButton.bind(this),onFail:this.createFeatureFailed.bind(this),onProgressStatus:this.updatedProgressStatus.bind(this),onSuccess:this.onReportSubmitted.bind(this),ref:t=>this._createFeature=t,searchConfiguration:this.searchConfiguration,selectedLayerId:this._selectedLayerId})))}updatedProgressStatus(t){this._updatedProgressBarStatus=t.detail}onDrawComplete(){this._showSubmitCancelButton=!0}showSubmitCancelButton(t){this._showSubmitCancelButton=!t.detail}onCreateFeatureSubmitButtonClick(){this._createFeature&&this._createFeature.submit()}backFromCreateFeaturePanel(){this._createFeature&&this._createFeature.close(),this.backFromSelectedPanel()}onCreateRelatedFeatureSubmitButtonClick(){this._createRelatedFeature&&this._createRelatedFeature.submit()}backFromCreateRelatedFeaturePanel(){this._createRelatedFeature&&(this._createRelatedFeature.close(),this._showSubmitCancelButton=!1),this.backFromSelectedPanel()}createFeatureFailed(t){console.error(t.detail),this._featureCreationFailedErrorMsg=t.detail.message}onReportSubmitted(){this._reportSubmitted=!0,this.navigateToHomePage()}addCommentFailed(t){console.error(t.detail),this._addingCommentFailed=!0}async onCommentSubmitted(){this._commentSubmitted=!0,this.backFromSelectedPanel(),this._showLoadingIndicator=!0,await this._featureDetails.refresh(this._currentFeature),setTimeout((()=>{this._showLoadingIndicator=!1}),300)}async navigateToHomePage(){this._createFeature&&this._createFeature.close(),this._layerList&&this._layerList.refresh(),await this.setSelectedFeatures([]),1===this._editableLayerIds.length?(await this._featureList.refresh(),this._flowItems=["feature-list"]):this._flowItems=["layer-list"]}async navigateToCreateFeature(t){t.detail.layerId&&t.detail.layerName&&this.setSelectedLayer(t.detail.layerId,t.detail.layerName),this._showSubmitCancelButton=!1,this._flowItems=[...this._flowItems,"feature-create"]}navigateToChooseCategory(){this._flowItems=[...this._flowItems,"reporting-layer-list"]}async layerListLoaded(t){const i=t.detail,s=await n(this.mapView),e=[];this._validLayers=[],s.forEach((t=>{var s;i.includes(t.id)&&(this._validLayers.push(t),(null===(s=this._getLayersConfig(t.id))||void 0===s?void 0:s.reporting)&&this._layerItemsHash[t.id]&&this._layerItemsHash[t.id].supportsAdd&&e.push(t.id))})),this.handleMapClick(),this._hasValidLayers=e.length>0,this._urlParamsLoaded||(this._urlParamsLoaded=!0,await this.loadFeatureFromURLParams())}displayFeaturesList(t){this._updatedSorting={field:"",order:"desc"},this._filterActive=!1,this._updatedSortOption="sortNewest",this.setSelectedLayer(t.detail.layerId,t.detail.layerName),this._flowItems=[...this._flowItems,"feature-list"]}backFromSelectedPanel(){this._updatedProgressBarStatus=.25;const t=[...this._flowItems];"comment-details"!==t[t.length-1]&&"add-comment"!==t[t.length-1]&&this.clearHighlights(),t.pop(),1!==t.length||"layer-list"!==t[0]?this._flowItems=[...t]:this.navigateToHomePage()}toggleSidePanel(){this._sidePanelCollapsed=!this._sidePanelCollapsed,this.togglePanel.emit(this._sidePanelCollapsed)}async onFeatureSelectFromList(t){this._showLoadingIndicator=!0,await this.setSelectedFeatures([t.detail]),this._flowItems=[...this._flowItems,"feature-details"]}async getRelatedTable(){const t=this._currentFeature.layer.relationships[0].relatedTableId,i=(await r(this.mapView)).filter((i=>t===i.layerId));this._relatedTable=i[0]}async updatingFeatureDetails(t){this._showLoadingIndicator=t}async selectionChanged(t){this.updatingFeatureDetails(!0),await this.setCurrentFeature(t.detail.selectedFeature[0]),this.highlightOnMap(t.detail.selectedFeature[0]),this._selectedFeatureIndex=t.detail.selectedFeatureIndex,await this._featureDetails.refresh(t.detail.selectedFeature[0])}async onCommentSelectFromList(t){this._selectedRelatedFeature=[t.detail],this._flowItems=[...this._flowItems,"comment-details"]}getFeatureListFlowItem(t,i){var e,a;const h=null===(e=this.layerExpressions)||void 0===e?void 0:e.filter((t=>t.id===this._selectedLayerId)),o=(null===(a=this._getLayersConfig(this._selectedLayerId))||void 0===a?void 0:a.reporting)&&this._layerItemsHash[this._selectedLayerId].supportsAdd,l=(null==h?void 0:h.length)>0;return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:i,loading:this._showLoadingIndicator,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this._toggleSort(),s("calcite-action",{icon:"sort-ascending-arrow",id:"sort-popover",slot:"header-actions-end",text:this._translations.sort,title:this._translations.sort}),l&&s("calcite-action",{icon:"filter",indicator:this._filterActive,onClick:this._toggleFilter.bind(this),slot:"header-actions-end",text:this._translations.filter,title:this._translations.filter}),this.isMobile&&this.getActionToExpandCollapsePanel(),this.enableNewReports&&o&&s("calcite-button",{appearance:"solid",onClick:this.navigateToCreateFeature.bind(this),slot:"footer",width:"full"},this.reportButtonText?this.reportButtonText:this._translations.createReportButtonText),s("calcite-panel",{"full-height":!0},s("feature-list",{class:"height-full",highlightOnHover:!0,mapView:this.mapView,noFeaturesFoundMsg:this._translations.featureErrorMsg,onFeatureSelect:this.onFeatureSelectFromList.bind(this),pageSize:30,ref:t=>this._featureList=t,selectedLayerId:t,sortingInfo:this._updatedSorting})))}getFeatureDetailsFlowItem(){var t;const i=(null===(t=this._getLayersConfig(this._selectedLayerId))||void 0===t?void 0:t.comment)&&this._selectedLayer.relationships.length>0;return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._selectedLayerName,loading:this._showLoadingIndicator,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("instant-apps-social-share",{autoUpdateShareUrl:!1,embed:!1,popoverButtonIconScale:"s",ref:t=>this._shareNode=t,removePopoverOffset:!0,scale:"s",shareButtonColor:"neutral",shareButtonType:"action",slot:"header-actions-end",socialMedia:!0,view:this.mapView}),this._selectedFeature.length>1&&this.getFeaturesPagination(),s("calcite-panel",null,s("feature-details",{class:"full-height",graphics:this._selectedFeature,layerItemsHash:this._layerItemsHash,mapView:this.mapView,onCommentSelect:this.onCommentSelectFromList.bind(this),onFeatureSelectionChange:this.selectionChanged.bind(this),onLoadingStatus:t=>{this.updatingFeatureDetails(t.detail)},ref:t=>this._featureDetails=t,reportingOptions:this.reportingOptions}),i&&s("calcite-button",{appearance:"solid",onClick:()=>this._flowItems=[...this._flowItems,"add-comment"],slot:"footer",width:"full"},this._translations.comment)))}getFeaturesPagination(){return s("div",{class:"feature-pagination"},s("div",null,s("calcite-button",{appearance:"transparent",disabled:!1,iconStart:"chevron-left",id:"solutions-back",onClick:()=>{this._featureDetails.back()},scale:"s",width:"full"}),s("calcite-tooltip",{label:"",placement:"top","reference-element":"solutions-back"},s("span",null,this._translations.back))),s("calcite-button",{appearance:"transparent",onClick:()=>{this._featureDetails.toggleListView()},scale:"s"},s("span",{class:"pagination-count"},this._getCount())),s("div",null,s("calcite-button",{appearance:"transparent",disabled:!1,iconStart:"chevron-right",id:"solutions-next",onClick:()=>{this._featureDetails.next()},scale:"s",width:"full"}),s("calcite-tooltip",{placement:"top","reference-element":"solutions-next"},s("span",null,this._translations.next))))}getCommentDetailsFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._relatedTable.title,onCalciteFlowItemBack:this.backFromSelectedPanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("calcite-panel",{"full-height":!0},s("info-card",{allowEditing:!1,graphics:this._selectedRelatedFeature,highlightEnabled:!1,isLoading:!1,isMobile:!1,mapView:this.mapView,paginationEnabled:!1})))}getAddCommentFlowItem(){return s("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._relatedTable.title,onCalciteFlowItemBack:this.backFromCreateRelatedFeaturePanel.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),s("div",{class:"width-full",slot:"footer"},this._showSubmitCancelButton&&s("div",{class:"width-full",slot:"footer"},s("calcite-button",{appearance:"solid",class:"footer-top-button footer-button",onClick:this.onCreateRelatedFeatureSubmitButtonClick.bind(this),width:"full"},this._translations.submit),s("calcite-button",{appearance:"outline",class:"footer-button",onClick:this.backFromCreateRelatedFeaturePanel.bind(this),width:"full"},this._translations.cancel))),s("calcite-panel",null,s("create-related-feature",{customizeSubmit:!0,mapView:this.mapView,onFail:this.addCommentFailed.bind(this),onIsActionPending:this.showSubmitCancelButton.bind(this),onSuccess:this.onCommentSubmitted.bind(this),ref:t=>this._createRelatedFeature=t,selectedFeature:this._currentFeature,table:this._relatedTable})))}async setSelectedFeatures(t){this._selectedFeature=t,await this.setCurrentFeature(this._selectedFeature.length?this._selectedFeature[0]:null)}async setCurrentFeature(t){var i;if(this._currentFeature=t,t&&t.layer){const s=t.layer;this.setSelectedLayer(s.id,s.title),this._currentFeatureId=t.attributes[s.objectIdField],(null===(i=this._getLayersConfig(s.id))||void 0===i?void 0:i.comment)&&s.relationships.length>0&&await this.getRelatedTable()}else this._editableLayerIds.length>1&&this.setSelectedLayer("",""),this._currentFeatureId="";this._updateShareURL()}async highlightOnMap(t){if(this.clearHighlights(),t&&t.geometry&&t.layer){const i=await d(this.mapView,t.layer.id);i.highlightOptions=null,this._highlightHandle=await u([t.getObjectId()],i,this.mapView,!0,this.zoomToScale)}this.updatingFeatureDetails(!1)}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}getActionToExpandCollapsePanel(){return s("calcite-action",{icon:this._sidePanelCollapsed?"chevrons-up":"chevrons-down",onClick:this.toggleSidePanel.bind(this),slot:"header-actions-end",text:this._sidePanelCollapsed?this._translations.expand:this._translations.collapse})}async setMapView(){var t;await this.getLayersToShowInList(),1===(null===(t=this._editableLayerIds)||void 0===t?void 0:t.length)?await this.renderFeaturesList():this._flowItems=["layer-list"],this.mapView.popupEnabled=!1,this._defaultCenter&&this._defaultLevel&&(await this.mapView.goTo({center:this._defaultCenter,zoom:this._defaultLevel}),this._defaultCenter=void 0,this._defaultLevel=void 0)}handleMapClick(){this._mapClickHandle&&this._mapClickHandle.remove(),this._mapClickHandle=this.reactiveUtils.on((()=>this.mapView),"click",this.onMapClick.bind(this))}async onMapClick(t){this.mapView.popupEnabled=!1;const i=await this.mapView.hitTest(t);if(i.results.length>0){const t=[];i.results.forEach((function(i){"graphic"===i.type&&t.push(i.graphic)}));const s=t.filter((t=>this._validLayers.includes(t.layer))),e=t.filter((t=>{var i;return!this._validLayers.includes(t.layer)&&(null===(i=null==t?void 0:t.layer)||void 0===i?void 0:i.id)}));if(s.length>0&&(await this.setSelectedFeatures(s),this._flowItems.length&&this._flowItems.includes("feature-details")?(this._flowItems=[...this._flowItems.slice(0,this._flowItems.indexOf("feature-details")+1)],await this.highlightOnMap(t[0])):this._flowItems=[...this._flowItems,"feature-details"]),e.length>0){this.mapView.popupEnabled=!0;const t={features:e,updateLocationEnabled:!0};await this.mapView.openPopup(t)}}}_getCount(){const t=(this._selectedFeatureIndex+1).toString(),i=this._selectedFeature.length.toString();return this._translations.indexOfTotal.replace("{{index}}",t).replace("{{total}}",i)}async _getTranslations(){const t=await l(this.el);this._translations=t[0]}reduceToConfiguredLayers(t){return Object.keys(t).reduce(((i,s)=>((this.reportingOptions?this._getLayersConfig(s).visible:t[s].supportsAdd)&&i.push(s),i)),[])}async getLayersToShowInList(){const t=await p(this.mapView,!0);(await n(this.mapView)).forEach((i=>{var s,e;"feature"===(null==i?void 0:i.type)&&(null==i?void 0:i.editingEnabled)&&(null===(e=null===(s=null==i?void 0:i.capabilities)||void 0===s?void 0:s.operations)||void 0===e?void 0:e.supportsAdd)&&(t[i.id].supportsAdd=!0)})),this._editableLayerIds=this.reduceToConfiguredLayers(t),this._layerItemsHash=t}async renderFeaturesList(){this._flowItems=["feature-list"];const t={detail:this._editableLayerIds};await this.layerListLoaded(t),this.setSelectedLayer(this._validLayers[0].id,this._validLayers[0].title)}_updateShareURL(){var t,i;const s=null===(t=this._shareNode)||void 0===t?void 0:t.shareUrl;if(!s)return;const e=new URL(s);this._selectedLayerId?e.searchParams.set("layerid",this._selectedLayerId):e.searchParams.delete("layerid"),(null===(i=this._selectedFeature)||void 0===i?void 0:i.length)?e.searchParams.set("oid",this._currentFeatureId):e.searchParams.delete("oid"),this._shareNode.shareUrl=e.href}async loadFeatureFromURLParams(){if(this.center&&this.level&&await this.mapView.goTo({center:this.center.split(";").map(Number),zoom:this.level}),this.layerId&&this.objectId){const t=await c(this.mapView,this.layerId);if(t){const i=await f([Number(this.objectId)],t,[],!0,this.mapView.spatialReference);i.length&&(this._selectedFeature=i,this._flowItems=this._flowItems.length&&"feature-details"!==this._flowItems[this._flowItems.length-1]?[...this._flowItems,"feature-details"]:[...this._flowItems],await this.highlightOnMap(i[0]))}}}get el(){return h(this)}static get watchers(){return{isMobile:["isMobileWatchHandler"],mapView:["mapViewWatchHandler"]}}};m.style=":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1) !important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:bold}.report-submitted-msg{position:absolute;z-index:1000}";export{m as crowdsource_reporter}