@esri/solutions-components 5.1.0-next.11 → 5.1.0-next.110

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";
-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-foreground-1)}.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}}`;
+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;
+  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() {

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

@@ -0,0 +1,247 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ISolutionDesign } from "../../utils/interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+export abstract class SolutionBuilderAssistant extends LitElement {
+  /**
+   * Translations
+   *
+   * @internal
+   */
+  protected _translations: {
+      headerTitle: string;
+      noticeMessage: string;
+      draft: string;
+      undo: string;
+      redo: string;
+      hideBuilder: string;
+      name: string;
+      namePlaceholder: string;
+      solutionNameErrorBlank: string;
+      solutionNameErrorLength: string;
+      solutionNameErrorSpecialCharacter: string;
+      description: string;
+      solutionDescriptionPlaceholder: string;
+      descriptionErrorLength: string;
+      descriptionErrorSpecialCharacter: string;
+      deploy: string;
+      viewDiagram: string;
+      openHelp: string;
+      discard: string;
+      contents: string;
+      featureLayer: string;
+      customizeLayer: string;
+      solutionContentItems: string;
+      edit: string;
+      editItemContent: string;
+      title: string;
+      titlePlaceholder: string;
+      itemTitleErrorBlank: string;
+      itemTitleErrorLength: string;
+      itemTitleErrorSpecialCharacter: string;
+      descriptionPlaceholder: string;
+      itemDescriptionErrorLength: string;
+      itemDescriptionErrorSpecialCharacter: string;
+      apply: string;
+      close: string;
+      cancel: string;
+      solutionThumbnail: string;
+      selectLayer: string;
+      layerProperties: string;
+      addLayer: string;
+      layerNamePlaceholder: string;
+      layerNameErrorBlank: string;
+      layerNameErrorLength: string;
+      layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
+      type: string;
+      pointLayer: string;
+      lineLayer: string;
+      polygonLayer: string;
+      tableLayer: string;
+      layerDescriptionPlaceholder: string;
+      layerDescriptionErrorLength: string;
+      layerDescriptionErrorSpecialCharacter: string;
+      fields: string;
+      displayName: string;
+      displayNamePlaceholder: string;
+      displayNameErrorBlank: string;
+      displayNameErrorLength: string;
+      fieldName: string;
+      fieldNamePlaceholder: string;
+      fieldNameErrorBlank: string;
+      fieldNameErrorInvalidChars: string;
+      fieldNameErrorLength: string;
+      fieldNameErrorExists: string;
+      fieldNameErrorSQLKeyword: string;
+      fieldNameErrorSystemField: string;
+      fieldDescription: string;
+      fieldDescriptionPlaceholder: string;
+      fieldDescriptionErrorLength: string;
+      fieldDescriptionErrorSpecialCharacter: string;
+      domainValues: string;
+      addDomainValue: string;
+      deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerName: string;
+      domain: string;
+      addField: string;
+      editField: string;
+      systemFieldsNote: string;
+      requiredFieldNote: string;
+      requiredFieldTooltip: string;
+      done: string;
+      removeLayer: 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;
+  } & T9nMeta<{
+      headerTitle: string;
+      noticeMessage: string;
+      draft: string;
+      undo: string;
+      redo: string;
+      hideBuilder: string;
+      name: string;
+      namePlaceholder: string;
+      solutionNameErrorBlank: string;
+      solutionNameErrorLength: string;
+      solutionNameErrorSpecialCharacter: string;
+      description: string;
+      solutionDescriptionPlaceholder: string;
+      descriptionErrorLength: string;
+      descriptionErrorSpecialCharacter: string;
+      deploy: string;
+      viewDiagram: string;
+      openHelp: string;
+      discard: string;
+      contents: string;
+      featureLayer: string;
+      customizeLayer: string;
+      solutionContentItems: string;
+      edit: string;
+      editItemContent: string;
+      title: string;
+      titlePlaceholder: string;
+      itemTitleErrorBlank: string;
+      itemTitleErrorLength: string;
+      itemTitleErrorSpecialCharacter: string;
+      descriptionPlaceholder: string;
+      itemDescriptionErrorLength: string;
+      itemDescriptionErrorSpecialCharacter: string;
+      apply: string;
+      close: string;
+      cancel: string;
+      solutionThumbnail: string;
+      selectLayer: string;
+      layerProperties: string;
+      addLayer: string;
+      layerNamePlaceholder: string;
+      layerNameErrorBlank: string;
+      layerNameErrorLength: string;
+      layerNameErrorSpecialCharacter: string;
+      layerNameErrorDuplicate: string;
+      type: string;
+      pointLayer: string;
+      lineLayer: string;
+      polygonLayer: string;
+      tableLayer: string;
+      layerDescriptionPlaceholder: string;
+      layerDescriptionErrorLength: string;
+      layerDescriptionErrorSpecialCharacter: string;
+      fields: string;
+      displayName: string;
+      displayNamePlaceholder: string;
+      displayNameErrorBlank: string;
+      displayNameErrorLength: string;
+      fieldName: string;
+      fieldNamePlaceholder: string;
+      fieldNameErrorBlank: string;
+      fieldNameErrorInvalidChars: string;
+      fieldNameErrorLength: string;
+      fieldNameErrorExists: string;
+      fieldNameErrorSQLKeyword: string;
+      fieldNameErrorSystemField: string;
+      fieldDescription: string;
+      fieldDescriptionPlaceholder: string;
+      fieldDescriptionErrorLength: string;
+      fieldDescriptionErrorSpecialCharacter: string;
+      domainValues: string;
+      addDomainValue: string;
+      deleteList: string;
+      invalidSolutionName: string;
+      invalidLayerName: string;
+      domain: string;
+      addField: string;
+      editField: string;
+      systemFieldsNote: string;
+      requiredFieldNote: string;
+      requiredFieldTooltip: string;
+      done: string;
+      removeLayer: 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;
+  }>;
+  /** Solution design - can be set externally for demo/testing */
+  accessor design: ISolutionDesign | null;
+}