@esri/solutions-components 5.1.0-next.105 → 5.1.0-next.107

package/dist/components/map-select-tools/index.js

@@ -1,3 +1,4 @@
+import "@arcgis/map-components/components/arcgis-search";
 import "../map-draw-tools/index.js";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-icon";

package/dist/components/public-notification/customElement.d.ts

@@ -203,7 +203,7 @@ export abstract class PublicNotification extends LitElement {
   /**
    * The effect that will be applied when featureHighlightEnabled is true
    *
-   * esri/layers/support/FeatureEffect: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureEffect.html
+   * FeatureEffect: https://developers.arcgis.com/javascript/latest/references/core/layers/support/FeatureEffect/
    */
   accessor featureEffect: FeatureEffect | undefined;
   /**
@@ -219,7 +219,7 @@ export abstract class PublicNotification extends LitElement {
    * @default ''
    */
   accessor initialNotice: string;
-  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** MapView: https://developers.arcgis.com/javascript/latest/references/core/views/MapView/ */
   accessor mapView: MapView | undefined;
   /**
    * string: The value to show for no results
@@ -248,7 +248,7 @@ export abstract class PublicNotification extends LitElement {
    */
   accessor showSearchSettings: boolean;
   /**
-   * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+   * SimpleLineSymbol: https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleLineSymbol/
    *
    * A JSON representation of the instance in the ArcGIS format.
    * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
@@ -256,7 +256,7 @@ export abstract class PublicNotification extends LitElement {
    */
   accessor sketchLineSymbol: SimpleLineSymbol | undefined;
   /**
-   * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+   * SimpleMarkerSymbol: https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleMarkerSymbol/
    *
    * A JSON representation of the instance in the ArcGIS format.
    * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
@@ -264,7 +264,7 @@ export abstract class PublicNotification extends LitElement {
    */
   accessor sketchPointSymbol: SimpleMarkerSymbol | undefined;
   /**
-   * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+   * SimpleFillSymbol: https://developers.arcgis.com/javascript/latest/references/core/symbols/SimpleFillSymbol/
    *
    * A JSON representation of the instance in the ArcGIS format.
    * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.

package/dist/components/public-notification/customElement.js

@@ -3,21 +3,21 @@ import { g as G, c as U } from "../../chunks/runtime.js";
 import { e as H, h as j } from "../../chunks/mapViewUtils.js";
 import { c as B, r as J, b as W, e as z } from "../../chunks/downloadUtils.js";
 import { u as q } from "../../chunks/useT9n.js";
-import { css as X, html as l, nothing as L } from "lit";
-import { createRef as x, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as Y, createEvent as Q, noShadowRoot as K, safeClassMap as v } from "@arcgis/lumina";
-import { p as Z } from "../../chunks/publicNotificationContext.js";
-import { useContextProvider as ee } from "@arcgis/lumina/context";
+import { css as X, html as l, nothing as k } from "lit";
+import { createRef as v, ref as _ } from "lit-html/directives/ref.js";
+import { LitElement as Y, createEvent as Q, noShadowRoot as K, safeClassMap as x, safeStyleMap as Z } from "@arcgis/lumina";
+import { p as ee } from "../../chunks/publicNotificationContext.js";
+import { useContextProvider as te } from "@arcgis/lumina/context";
 import "../refine-selection/customElement.js";
-import te from "@arcgis/core/Graphic.js";
-import { Controller as ie } from "@arcgis/lumina/controllers";
-import se from "@arcgis/core/rest/support/PrintTemplate.js";
-import ae from "@arcgis/core/rest/support/PrintParameters.js";
-import * as oe from "@arcgis/core/rest/print.js";
+import ie from "@arcgis/core/Graphic.js";
+import { Controller as se } from "@arcgis/lumina/controllers";
+import ae from "@arcgis/core/rest/support/PrintTemplate.js";
+import oe from "@arcgis/core/rest/support/PrintParameters.js";
+import * as le from "@arcgis/core/rest/print.js";
 import * as V from "@arcgis/core/rest/geoprocessor.js";
 import P from "@arcgis/core/request.js";
-const le = X`@layer{:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-bottom-0{padding-bottom:0!important}.padding-inline-start-0{padding-inline-start:0!important}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-block-start-1{padding-block-start:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-top-1-2{padding-block-start:.5rem!important}.padding-top-1{padding-top:1rem}.indent-group{border-inline-start:1px solid var(--calcite-color-border-2);margin-bottom:.5rem;padding-inline-start:1rem;margin-inline-start:.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-top-0-5{margin-top:.5rem!important}.instructional-text{line-height:1;padding:0!important;margin:0;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}.info-blue{color:var(--calcite-color-status-info)}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.header-label{font-weight:700;font-size:var(--calcite-font-size-0)}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:.5rem}.margin-top-0{margin-block-start:0!important}.margin-top-1{margin-top:1rem!important}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-bold)!important}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-surface-4: var(--calcite-color-brand);--calcite-color-surface-3: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}.list-container{padding:0 1rem 1rem}.list-items{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;font-family:sans-serif;padding:12px 16px}.list-item{display:flex;align-items:center;justify-content:space-between}.item-label{color:#4a4a4a;font-size:16px}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}calcite-segmented-control{--calcite-segmented-control-border-color: var(--calcite-color-border-2)}calcite-segmented-control-item{--calcite-segmented-control-color: var(--calcite-color-text-3)}calcite-segmented-control-item[checked]{--calcite-segmented-control-border-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-background-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-color: var(--calcite-color-text-highlight)}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
-class ne extends ie {
+const ne = X`@layer{:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-bottom-0{padding-bottom:0!important}.padding-inline-start-0{padding-inline-start:0!important}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-block-start-1{padding-block-start:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-top-1-2{padding-block-start:.5rem!important}.padding-top-1{padding-top:1rem}.indent-group{border-inline-start:1px solid var(--calcite-color-border-2);margin-bottom:.5rem;padding-inline-start:1rem;margin-inline-start:.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-top-0-5{margin-top:.5rem!important}.instructional-text{line-height:1;padding:0!important;margin:0;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}.info-blue{color:var(--calcite-color-status-info)}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.header-label{font-weight:700;font-size:var(--calcite-font-size-0)}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:.5rem}.margin-top-0{margin-block-start:0!important}.margin-top-1{margin-top:1rem!important}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-bold)!important}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-surface-4: var(--calcite-color-brand);--calcite-color-surface-3: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse);--calcite-action-background-color-hover: var(--calcite-color-brand-hover)}.padding-bottom-1{padding-bottom:1rem}.word-wrap-anywhere{word-wrap:anywhere}.list-container{padding:0 1rem 1rem}.list-items{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;font-family:sans-serif;padding:12px 16px}.list-item{display:flex;align-items:center;justify-content:space-between}.item-label{color:#4a4a4a;font-size:16px}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}calcite-segmented-control{--calcite-segmented-control-border-color: var(--calcite-color-border-2)}calcite-segmented-control-item{--calcite-segmented-control-color: var(--calcite-color-text-3)}calcite-segmented-control-item[checked]{--calcite-segmented-control-border-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-background-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-color: var(--calcite-color-text-highlight)}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
+class re extends se {
   constructor() {
     super(), this.managedLayers = {}, this.managedTables = [], this.highlightHandles = [];
   }
@@ -28,15 +28,15 @@ class ne extends ie {
     }), this.highlightHandles = [];
   }
 }
-class re extends Y {
+class ce extends Y {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.customExport = !1, this.customExportURL = "", this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = "PDF", this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = "LIST", this._saveEnabled = !1, this._selectionSets = [], this._segmentType = "STANDARD", this._selectedReportingLayerId = "", this._isInitialLoading = !0, this._layoutTemplates = [], this._translations = q({ name: "public-notification", blocking: !0 }), this._downloadTools = x(), this.layoutTemplateSelectRef = x(), this.reportTemplateSelectRef = x(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = x(), this._selectTools = x(), this._refineSelection = x(), this._titleElement = x(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = ee({ context: Z }), this._refineGraphics = [], this._reportTemplates = [], this._reportTemplatesInfo = [], this.searchConfigurationChange = Q(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new ne(), this._pnStateContextProvider.setValue(this._pnState);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.customExport = !1, this.customExportURL = "", this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = "PDF", this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = "LIST", this._saveEnabled = !1, this._selectionSets = [], this._segmentType = "STANDARD", this._selectedReportingLayerId = "", this._isInitialLoading = !0, this._layoutTemplates = [], this._translations = q({ name: "public-notification", blocking: !0 }), this._downloadTools = v(), this.layoutTemplateSelectRef = v(), this.reportTemplateSelectRef = v(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = v(), this._selectTools = v(), this._refineSelection = v(), this._titleElement = v(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = te({ context: ee }), this._refineGraphics = [], this._reportTemplates = [], this._reportTemplatesInfo = [], this.searchConfigurationChange = Q(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new re(), this._pnStateContextProvider.setValue(this._pnState);
   }
   static {
     this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, customExport: 5, customExportURL: 1, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _segmentType: 16, _selectedReportingLayerId: 16, _isInitialLoading: 16, _layoutTemplates: 16, _translations: 16 };
   }
   static {
-    this.styles = le;
+    this.styles = ne;
   }
   static {
     this.shadowRootOptions = K;
@@ -75,7 +75,7 @@ class re extends Y {
   }
   render() {
     const e = this._isMobile ? "footer" : "header";
-    return l`<calcite-shell>${this._isInitialLoading ? l`<calcite-loader label></calcite-loader>` : l`<calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? L}>${this._getActionGroup("list-check", "LIST", this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", "REFINE", this._translations.refineSelection) : null}${this._getActionGroup("export", "EXPORT", this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}`}</calcite-shell>`;
+    return l`<calcite-shell>${this._isInitialLoading ? l`<calcite-loader label></calcite-loader>` : l`<calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? k}>${this._getActionGroup("list-check", "LIST", this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", "REFINE", this._translations.refineSelection) : null}${this._getActionGroup("export", "EXPORT", this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}`}</calcite-shell>`;
   }
   async loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration), this.customExport && this.customExportURL && await this._setTemplates(), this._isInitialLoading = !1;
@@ -132,9 +132,9 @@ class re extends Y {
   }
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return l`<calcite-action-group class=${v(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center appearance=solid class="width-full height-full" .icon=${e} id=${e ?? L} @click=${() => {
+    return l`<calcite-action-group class=${x(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? k} @click=${() => {
       this._setPageType(t);
-    }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
+    }} style=${Z(this._pageType === t ? "background-color: var(--calcite-color-brand)" : "")} text></calcite-action></div><calcite-tooltip placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
   _setPageType(e) {
     this._pageType = e;
@@ -164,10 +164,10 @@ class re extends Y {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return l`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? L}></div>`;
+    return l`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? k}></div>`;
   }
   _getSelectionSetList() {
-    return l`<div class="padding-top-1-2 padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
+    return l`<div class="padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
       const s = this._getSelectionSetIds(t);
       let a = !0;
       return t.workflowType === "REFINE" && (a = Object.keys(t.refineInfos).reduce((n, h) => {
@@ -229,7 +229,7 @@ class re extends Y {
     s?.reportSectionOverrides && Object.keys(s.reportSectionOverrides).forEach((h) => {
       s.reportSectionOverrides[h].sourceId = a;
     });
-    const o = new se({
+    const o = new ae({
       layout: e,
       report: t,
       format: "pdf",
@@ -237,11 +237,11 @@ class re extends Y {
         titleText: this._titleElement.value?.value
       },
       reportOptions: s
-    }), n = new ae({
+    }), n = new oe({
       view: this.mapView,
       template: o
     });
-    oe.execute(this.customExportURL, n).then((h) => {
+    le.execute(this.customExportURL, n).then((h) => {
       let p = this._titleValue;
       if (!p) {
         const g = this._getSelectionIdsAndViews(this._selectionSets, !0), d = W(g);
@@ -275,10 +275,10 @@ class re extends Y {
     return this.customExport && this.customExportURL && this._layoutTemplates.length ? this._getStandardAndCustomSegmentedControl() : this._getPDFAndCSVSementedControl();
   }
   _getPDFAndCSVSementedControl() {
-    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === "PDF"} class="w-50 end-border" value=PDF><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === "CSV"} class="w-50" value=CSV><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control>`;
+    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === "PDF"} class="w-50 end-border" .iconStart=${this._exportType === "PDF" ? "check" : void 0} value=PDF><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === "CSV"} class="w-50" .iconStart=${this._exportType === "CSV" ? "check" : void 0} value=CSV><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control>`;
   }
   _getStandardAndCustomSegmentedControl() {
-    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._segmentTypeChange} width=full><calcite-segmented-control-item .checked=${this._segmentType === "STANDARD"} class="w-50 end-border" value=STANDARD><span class="font-weight-500">${this._translations.standard}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._segmentType === "CUSTOM"} class="w-50" value=CUSTOM><span class="font-weight-500">${this._translations.custom}</span></calcite-segmented-control-item></calcite-segmented-control>`;
+    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._segmentTypeChange} width=full><calcite-segmented-control-item .checked=${this._segmentType === "STANDARD"} class="w-50 end-border" .iconStart=${this._segmentType === "STANDARD" ? "check" : void 0} value=STANDARD><span class="font-weight-500">${this._translations.standard}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._segmentType === "CUSTOM"} class="w-50" .iconStart=${this._segmentType === "CUSTOM" ? "check" : void 0} value=CUSTOM><span class="font-weight-500">${this._translations.custom}</span></calcite-segmented-control-item></calcite-segmented-control>`;
   }
   _getCustomPrintOptions() {
     return this._segmentType === "STANDARD" ? this._getStandardExportOptions() : this._getCustomExportOptions();
@@ -384,7 +384,7 @@ class re extends Y {
   }
   _getExportOptions() {
     const e = this._exportType === "PDF" ? "display-block" : "display-none", t = this._addTitle ? "display-block" : "display-none", i = this._addMap ? "display-flex" : "display-none", s = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", a = this._addResults ? "" : "display-none";
-    return l`<div class=${v(e)}><p class="instructional-text">${this._translations.selectContentTip}</p><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`indent-group margin-top-1 ${a}`}><div class="margin-bottom-0-5"><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${_(this._downloadTools)}></pdf-download></div></div><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${`${t} indent-group margin-top-0-5`}><calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 padding-inline-start-0 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
+    return l`<div class=${x(e)}><p class="instructional-text">${this._translations.selectContentTip}</p><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`indent-group margin-top-1 ${a}`}><div class="margin-bottom-0-5"><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${_(this._downloadTools)}></pdf-download></div></div><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${`${t} indent-group margin-top-0-5`}><calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1 padding-inline-start-0"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 padding-inline-start-0 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
   }
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
@@ -420,7 +420,7 @@ class re extends Y {
             color: this.bufferOutlineColor,
             width: 1
           }
-        }, a = new te({
+        }, a = new ie({
           geometry: i.buffer,
           symbol: s
         });
@@ -492,8 +492,8 @@ class re extends Y {
       return;
     const D = 8 / 10.5, F = (f + b) / 2, M = (y + S) / 2;
     let u = Math.max(O, R * D), w = u / D;
-    const k = Math.min(e / u, t / w);
-    k > 1 && (u *= k, w *= k), u > e && (u = e), w > t && (w = t);
+    const L = Math.min(e / u, t / w);
+    L > 1 && (u *= L, w *= L), u > e && (u = e), w > t && (w = t);
     let I = F - u / 2, C = M - w / 2;
     return I = Math.max(0, Math.min(I, e - u)), C = Math.max(0, Math.min(C, t - w)), {
       x: Math.floor(I),
@@ -513,10 +513,10 @@ class re extends Y {
     this._titleElement.value?.value && (this._titleValue = this._titleElement.value.value || "");
   }
   _getNotice(e, t = "padding-1", i = "") {
-    return l`<calcite-notice class=${v(t)} icon=lightbulb kind=success open><div class=${v(i)} slot=message>${e}</div></calcite-notice>`;
+    return l`<calcite-notice class=${x(t)} icon=lightbulb kind=success open><div class=${x(i)} slot=message>${e}</div></calcite-notice>`;
   }
   _getLabel(e, t = !1, i = "font-bold", s = "padding-top-sides-1") {
-    return i += t ? " label-margin-0" : "", l`<div class=${v(s)}><calcite-label class=${v(i)}>${e}</calcite-label></div>`;
+    return i += t ? " label-margin-0" : "", l`<div class=${x(s)}><calcite-label class=${x(i)}>${e}</calcite-label></div>`;
   }
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
@@ -580,7 +580,7 @@ class re extends Y {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, o = "") {
-    return l`<calcite-action appearance=solid .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${o ?? L} .text=${i}></calcite-action>`;
+    return l`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${o ?? k} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
@@ -629,7 +629,7 @@ class re extends Y {
     e && e.highlightHandles && e.removeHandles();
   }
 }
-U("public-notification", re);
+U("public-notification", ce);
 export {
-  re as PublicNotification
+  ce as PublicNotification
 };

package/dist/components/refine-selection/customElement.js

@@ -7,14 +7,14 @@ import { createRef as u, ref as S } from "lit-html/directives/ref.js";
 import { LitElement as L, createEvent as y, noShadowRoot as E, safeClassMap as G } from "@arcgis/lumina";
 import { css as x, html as h } from "lit";
 import { useContextConsumer as $ } from "@arcgis/lumina/context";
-import { p as C } from "../../chunks/publicNotificationContext.js";
-import D from "@arcgis/core/Graphic.js";
+import { p as D } from "../../chunks/publicNotificationContext.js";
+import C from "@arcgis/core/Graphic.js";
 import A from "@arcgis/core/layers/GraphicsLayer.js";
 const O = x`@layer{:host{display:block}.div-not-visible{display:none!important}.border{outline:1px solid var(--calcite-color-border-input)}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-color-surface-2)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}.esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}.display-flex{display:flex}.font-bold{font-weight:700}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom: 0}.padding-start-1-2{padding-inline-start:.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
 class R extends L {
   constructor() {
     super(), this.enabledLayerIds = [], this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.searchDistanceEnabled = !1, this.selectionSets = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.geometries = [], this.drawnGraphicsArr = [], this._translations = k({ name: "refine-selection", blocking: !0 }), this._selectionMode = "ADD", this._addEnabled = !0, this._drawTools = u(), this._enabledLayerIds = [], this._layerPicker = u(), this._featuresCollection = {}, this._pnContextConsumer = $({
-      context: C,
+      context: D,
       subscribe: !0
     }), this._bufferTools = u(), this._undoGraphicsArr = [], this.selectionLoadingChange = y(), this.selectionSetsChanged = y(), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
@@ -46,7 +46,7 @@ class R extends L {
     const e = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
     return h`<div class=${`${e} padding-top-sides-1`}><div class="display-flex"><calcite-label class="font-bold width-full label-margin-0"><div class="display-flex">${this._translations.inputLayer}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=refine-input-layer scale=s></calcite-icon></div><map-layer-picker .enabledLayerIds=${this._enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
       this._layerSelectionChange(t);
-    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${S(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode("ADD")} value=ADD><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode("REMOVE")} value=REMOVE><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active draw-mode=REFINE .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${S(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}<br>${h`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
+    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${S(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" .iconStart=${this._selectionMode === "ADD" ? "check" : void 0} @click=${() => this._setSelectionMode("ADD")} value=ADD><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" .iconStart=${this._selectionMode === "REMOVE" ? "check" : void 0} @click=${() => this._setSelectionMode("REMOVE")} value=REMOVE><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active draw-mode=REFINE .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${S(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}<br>${h`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
   }
   async _init() {
     this._initGraphicsLayer();
@@ -161,7 +161,7 @@ class R extends L {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, i = new D({
+      }, i = new C({
         geometry: this._bufferGeometry,
         symbol: t
       });
@@ -175,10 +175,10 @@ class R extends L {
   _getRefineSelectionSetList() {
     const e = this._getTotal(this.selectionSets);
     let t;
-    this.selectionSets.some((o) => o.workflowType === "REFINE" ? (t = o, !0) : !1);
+    this.selectionSets.some((l) => l.workflowType === "REFINE" ? (t = l, !0) : !1);
     let i = 0, s = 0;
-    t?.refineInfos && Object.keys(t.refineInfos).forEach((o) => {
-      i += t.refineInfos[o].addIds.length, s += t.refineInfos[o].removeIds.length;
+    t?.refineInfos && Object.keys(t.refineInfos).forEach((l) => {
+      i += t.refineInfos[l].addIds.length, s += t.refineInfos[l].removeIds.length;
     });
     const a = this._translations.featuresAdded, f = this._translations.featuresRemoved, c = this._translations.totalSelected;
     return [
@@ -214,13 +214,13 @@ class R extends L {
   }
   async _updateIds(e, t, i, s) {
     let a = !1;
-    const f = this._refineSelectionSet?.refineInfos, c = s.layer.id, o = {};
-    o[c] = {
+    const f = this._refineSelectionSet?.refineInfos, c = s.layer.id, l = {};
+    l[c] = {
       addIds: [],
       removeIds: [],
       layerView: s
     };
-    const n = f && Object.keys(f).indexOf(c) > -1 ? f[c] : o[c];
+    const n = f && Object.keys(f).indexOf(c) > -1 ? f[c] : l[c];
     if (t === "ADD")
       n.addIds = [.../* @__PURE__ */ new Set([...e, ...n.addIds])], n.addIds.length > 0 && i.push({
         ids: e,
@@ -228,17 +228,17 @@ class R extends L {
         layerView: s
       }), n.removeIds.length > 0 && (n.removeIds = n.removeIds.filter((p) => e.indexOf(p) < 0));
     else {
-      const p = this.selectionSets.reduce((l, r) => (e.forEach((d) => {
-        r.workflowType !== "REFINE" ? r.selectedIds.indexOf(d) > -1 && l.push(d) : Object.keys(r.refineInfos).some((b) => {
+      const p = this.selectionSets.reduce((o, r) => (e.forEach((d) => {
+        r.workflowType !== "REFINE" ? r.selectedIds.indexOf(d) > -1 && o.push(d) : Object.keys(r.refineInfos).some((b) => {
           const _ = r.refineInfos[b];
-          return _.layerView.layer.id === s.layer.id && _.addIds.indexOf(d) > -1 ? (l.push(d), !0) : !1;
+          return _.layerView.layer.id === s.layer.id && _.addIds.indexOf(d) > -1 ? (o.push(d), !0) : !1;
         });
-      }), l), []);
-      n.removeIds = [.../* @__PURE__ */ new Set([...p, ...n.removeIds])], n.addIds = n.addIds.filter((l) => p.indexOf(l) < 0), n.removeIds.length > 0 && i.push({
+      }), o), []);
+      n.removeIds = [.../* @__PURE__ */ new Set([...p, ...n.removeIds])], n.addIds = n.addIds.filter((o) => p.indexOf(o) < 0), n.removeIds.length > 0 && i.push({
         ids: p,
         mode: t,
         layerView: s
-      }), this.selectionSets = this.selectionSets.reduce((l, r) => (r.workflowType !== "REFINE" && r.layerView.layer.id === s.layer.id ? (r.selectedIds = r.selectedIds.filter((d) => n.removeIds.indexOf(d) < 0), r.selectedIds.length > 0 ? l.push(r) : a = !0) : l.push(r), l), []);
+      }), this.selectionSets = this.selectionSets.reduce((o, r) => (r.workflowType !== "REFINE" && r.layerView.layer.id === s.layer.id ? (r.selectedIds = r.selectedIds.filter((d) => n.removeIds.indexOf(d) < 0), r.selectedIds.length > 0 ? o.push(r) : a = !0) : o.push(r), o), []);
     }
     this._refineSelectionSet && (this._refineSelectionSet.refineInfos[c] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
   }

package/dist/components/solution-builder-assistant/customElement.d.ts

@@ -54,6 +54,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       layerNameErrorBlank: string;
       layerNameErrorLength: string;
       layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
       type: string;
       pointLayer: string;
       lineLayer: string;
@@ -82,6 +83,8 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       domainValues: string;
       addDomainValue: string;
       deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerName: string;
       domain: string;
       addField: string;
       editField: string;
@@ -106,6 +109,22 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       domainValueErrorEmpty: string;
       domainValueErrorDuplicate: string;
       domainValueErrorExceedsLength: string;
+      fieldValueType_nameOrTitle: string;
+      fieldValueType_description: string;
+      fieldValueType_typeOrCategory: string;
+      fieldValueType_countOrAmount: string;
+      fieldValueType_percentageOrRatio: string;
+      fieldValueType_measurement: string;
+      fieldValueType_currency: string;
+      fieldValueType_uniqueIdentifier: string;
+      fieldValueType_phoneNumber: string;
+      fieldValueType_emailAddress: string;
+      fieldValueType_orderedOrRanked: string;
+      fieldValueType_binary: string;
+      fieldValueType_locationOrPlaceName: string;
+      fieldValueType_coordinate: string;
+      fieldValueType_dateAndTime: string;
+      fieldValueType_none: string;
   } & T9nMeta<{
       headerTitle: string;
       noticeMessage: string;
@@ -151,6 +170,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       layerNameErrorBlank: string;
       layerNameErrorLength: string;
       layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
       type: string;
       pointLayer: string;
       lineLayer: string;
@@ -179,6 +199,8 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       domainValues: string;
       addDomainValue: string;
       deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerName: string;
       domain: string;
       addField: string;
       editField: string;
@@ -203,6 +225,22 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       domainValueErrorEmpty: string;
       domainValueErrorDuplicate: string;
       domainValueErrorExceedsLength: string;
+      fieldValueType_nameOrTitle: string;
+      fieldValueType_description: string;
+      fieldValueType_typeOrCategory: string;
+      fieldValueType_countOrAmount: string;
+      fieldValueType_percentageOrRatio: string;
+      fieldValueType_measurement: string;
+      fieldValueType_currency: string;
+      fieldValueType_uniqueIdentifier: string;
+      fieldValueType_phoneNumber: string;
+      fieldValueType_emailAddress: string;
+      fieldValueType_orderedOrRanked: string;
+      fieldValueType_binary: string;
+      fieldValueType_locationOrPlaceName: string;
+      fieldValueType_coordinate: string;
+      fieldValueType_dateAndTime: string;
+      fieldValueType_none: string;
   }>;
   /** Solution design - can be set externally for demo/testing */
   accessor design: ISolutionDesign | null;