@esri/solutions-components 5.1.0-next.99 → 5.1.1

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";
-import A from "@arcgis/core/layers/GraphicsLayer";
+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);
   }
@@ -44,9 +44,9 @@ class R extends L {
   }
   render() {
     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) => {
+    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 aria-hidden=true 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/selection-tool/customElement.d.ts

@@ -1,10 +1,10 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
 export abstract class SelectionTool extends LitElement {
-  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-  accessor mapView: __esri.MapView | undefined;
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views/MapView.html */
+  accessor mapView: MapView | undefined;
   /**
    * string: Selected layer id
    *

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

@@ -3,8 +3,8 @@ import { c as a } from "../../chunks/runtime.js";
 import { c as r } from "../../chunks/mapViewUtils.js";
 import { LitElement as c, createEvent as s, noShadowRoot as l } from "@arcgis/lumina";
 import { css as h } from "lit";
-import n from "@arcgis/core/layers/GraphicsLayer";
-import p from "@arcgis/core/widgets/Sketch/SketchViewModel";
+import n from "@arcgis/core/layers/GraphicsLayer.js";
+import p from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
 const m = h`@layer{:host{display:block;pointer-events:all!important}}`;
 class d extends c {
   constructor() {
@@ -30,7 +30,7 @@ class d extends c {
   async toggleSelectionTool(e, t) {
     if (this._graphicsLayer?.removeAll(), this._selectionTool?.state === "active" && this._selectionTool.cancel(), t) {
       const i = e ?? this.tool;
-      this._selectionTool?.create(i);
+      await this._selectionTool?.create(i);
     }
   }
   async loaded() {

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

@@ -16,6 +16,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       undo: string;
       redo: string;
       hideBuilder: string;
+      assistantLoading: string;
       name: string;
       namePlaceholder: string;
       solutionNameErrorBlank: string;
@@ -29,20 +30,28 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       viewDiagram: string;
       openHelp: string;
       discard: string;
+      discardSolution: string;
+      discardChanges: string;
+      discardMessage: string;
+      discardFlowChangesMessage: string;
       contents: string;
       featureLayer: string;
       customizeLayer: string;
+      layers: string;
       solutionContentItems: string;
       edit: string;
       editItemContent: string;
       title: string;
+      itemTitle: string;
       titlePlaceholder: string;
       itemTitleErrorBlank: string;
       itemTitleErrorLength: string;
       itemTitleErrorSpecialCharacter: string;
+      itemDescription: string;
       descriptionPlaceholder: string;
       itemDescriptionErrorLength: string;
       itemDescriptionErrorSpecialCharacter: string;
+      add: string;
       apply: string;
       close: string;
       cancel: string;
@@ -54,6 +63,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       layerNameErrorBlank: string;
       layerNameErrorLength: string;
       layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
       type: string;
       pointLayer: string;
       lineLayer: string;
@@ -81,6 +91,11 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       fieldDescriptionErrorSpecialCharacter: string;
       domainValues: string;
       addDomainValue: string;
+      deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerNameOrDescription: string;
+      invalidItemTitleOrDescription: string;
+      invalidFieldProperties: string;
       domain: string;
       addField: string;
       editField: string;
@@ -89,17 +104,68 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       requiredFieldTooltip: string;
       done: string;
       removeLayer: string;
+      deleteFields: string;
+      deleteField: string;
+      requiredFieldsCannotBeDeleted: string;
       delete: string;
       stringType: string;
       integerType: string;
       doubleType: string;
       dateType: string;
       guidType: string;
+      globalIdType: string;
+      objectIdType: string;
+      domainList: string;
+      fieldTypeWithLength: string;
       length: string;
       lengthErrorOutOfRange: string;
       domainValuePlaceholder: string;
       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;
+      checkPrivileges: string;
+      missingPrivilegesPopup: {
+          missingLicensingOrPrivileges: string;
+          missingPrivilegesListHeading: string;
+          requiredPrivilegesList: {
+              addMembers: string;
+              createGroup: string;
+              createItem: string;
+              publishFeatures: string;
+              shareToGroup: string;
+              publishFeeds: string;
+              publishRealTimeAnalytics: string;
+              publishBigDataAnalytics: string;
+              requiresAdmin: string;
+              requiresLocationTrackingAndAdmin: string;
+              requiresLocationTracking: string;
+              requiresNotebookServer: string;
+              hubPremium: string;
+              workflowManager: string;
+              velocity: string;
+              publishGPServices: string;
+              webtool: string;
+          };
+      };
+      editItemPropertiesTooltip: string;
+      editLayerPropertiesTooltip: string;
+      editFieldPropertiesTooltip: string;
   } & T9nMeta<{
       headerTitle: string;
       noticeMessage: string;
@@ -107,6 +173,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       undo: string;
       redo: string;
       hideBuilder: string;
+      assistantLoading: string;
       name: string;
       namePlaceholder: string;
       solutionNameErrorBlank: string;
@@ -120,20 +187,28 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       viewDiagram: string;
       openHelp: string;
       discard: string;
+      discardSolution: string;
+      discardChanges: string;
+      discardMessage: string;
+      discardFlowChangesMessage: string;
       contents: string;
       featureLayer: string;
       customizeLayer: string;
+      layers: string;
       solutionContentItems: string;
       edit: string;
       editItemContent: string;
       title: string;
+      itemTitle: string;
       titlePlaceholder: string;
       itemTitleErrorBlank: string;
       itemTitleErrorLength: string;
       itemTitleErrorSpecialCharacter: string;
+      itemDescription: string;
       descriptionPlaceholder: string;
       itemDescriptionErrorLength: string;
       itemDescriptionErrorSpecialCharacter: string;
+      add: string;
       apply: string;
       close: string;
       cancel: string;
@@ -145,6 +220,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       layerNameErrorBlank: string;
       layerNameErrorLength: string;
       layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
       type: string;
       pointLayer: string;
       lineLayer: string;
@@ -172,6 +248,11 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       fieldDescriptionErrorSpecialCharacter: string;
       domainValues: string;
       addDomainValue: string;
+      deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerNameOrDescription: string;
+      invalidItemTitleOrDescription: string;
+      invalidFieldProperties: string;
       domain: string;
       addField: string;
       editField: string;
@@ -180,18 +261,82 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       requiredFieldTooltip: string;
       done: string;
       removeLayer: string;
+      deleteFields: string;
+      deleteField: string;
+      requiredFieldsCannotBeDeleted: string;
       delete: string;
       stringType: string;
       integerType: string;
       doubleType: string;
       dateType: string;
       guidType: string;
+      globalIdType: string;
+      objectIdType: string;
+      domainList: string;
+      fieldTypeWithLength: string;
       length: string;
       lengthErrorOutOfRange: string;
       domainValuePlaceholder: string;
       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;
+      checkPrivileges: string;
+      missingPrivilegesPopup: {
+          missingLicensingOrPrivileges: string;
+          missingPrivilegesListHeading: string;
+          requiredPrivilegesList: {
+              addMembers: string;
+              createGroup: string;
+              createItem: string;
+              publishFeatures: string;
+              shareToGroup: string;
+              publishFeeds: string;
+              publishRealTimeAnalytics: string;
+              publishBigDataAnalytics: string;
+              requiresAdmin: string;
+              requiresLocationTrackingAndAdmin: string;
+              requiresLocationTracking: string;
+              requiresNotebookServer: string;
+              hubPremium: string;
+              workflowManager: string;
+              velocity: string;
+              publishGPServices: string;
+              webtool: string;
+          };
+      };
+      editItemPropertiesTooltip: string;
+      editLayerPropertiesTooltip: string;
+      editFieldPropertiesTooltip: string;
   }>;
   /** Solution design - can be set externally for demo/testing */
   accessor design: ISolutionDesign | null;
+  /**
+   * The localized read-only notice message to display when the connected portal
+   * is in read-only mode. Provided by the parent app so the copy is sourced from
+   * a single place.
+   *
+   * @default ''
+   */
+  accessor readOnlyNotice: string;
+  /** Emitted on demand when cards are fetched */
+  readonly discardBuilder: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  readonly "@eventTypes": {
+    discardBuilder: SolutionBuilderAssistant["discardBuilder"]["detail"];
+  };
 }