@esri/solutions-components 5.1.0-next.4 → 5.1.0-next.40

package/dist/components/arcgis-solutions-assistant/index.js

@@ -1,12 +1,9 @@
-import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-chip";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-loader";
-import "@esri/calcite-components/components/calcite-fab";
-import "@esri/calcite-components/components/calcite-text-area";
+import "@arcgis/ai-components/components/arcgis-assistant";
+import "@arcgis/ai-components/components/arcgis-assistant-agent";
+import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

package/dist/components/buffer-tools/customElement.d.ts

@@ -36,7 +36,7 @@ export abstract class BufferTools extends LitElement {
    * @default 0
    */
   accessor distance: number;
-  /** esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html */
+  /** esri/geometry/Geometry: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html */
   accessor geometries: __esri.Geometry[];
   /**
    * number: The component's maximum selectable value.

package/dist/components/buffer-tools/customElement.js

@@ -1,24 +1,86 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as h } from "../../chunks/runtime.js";
-import { u as o } from "../../chunks/useT9n.js";
-import { css as u, html as s } from "lit";
-import { createRef as c, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as m, createEvent as n } from "@arcgis/lumina";
-import * as i from "@arcgis/core/geometry/operators/geodesicBufferOperator.js";
-import * as l from "@arcgis/core/geometry/operators/bufferOperator.js";
-const f = u`:host{display:block}.c-container{display:inline-flex}.flex-1{flex:"1"}.padding-end-1{padding-inline-end:1rem}.w-50{width:50%}`;
-class p extends m {
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement, createEvent } from "@arcgis/lumina";
+import * as geodesicBufferOperator from "@arcgis/core/geometry/operators/geodesicBufferOperator.js";
+import * as bufferOperator from "@arcgis/core/geometry/operators/bufferOperator.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}
+
+.c-container {
+  display: inline-flex;
+}
+
+.flex-1 {
+  flex: '1';
+}
+
+.padding-end-1 {
+  padding-inline-end: 1rem;
+}
+
+.w-50 {
+  width: 50%;
+}`;
+class BufferTools extends LitElement {
   constructor() {
-    super(...arguments), this.appearance = "text", this.distance = 0, this.geometries = [], this.max = 0, this.min = 0, this.sliderTicks = 10, this.unionResults = !0, this.unit = "meters", this.disabled = !1, this._translations = o({ name: "buffer-tools", blocking: !0 }), this._unitElement = c(), this.bufferComplete = n(), this.distanceChanged = n(), this.unitChanged = n();
+    super(...arguments);
+    this.appearance = "text";
+    this.distance = 0;
+    this.geometries = [];
+    this.max = 0;
+    this.min = 0;
+    this.sliderTicks = 10;
+    this.unionResults = true;
+    this.unit = "meters";
+    this.disabled = false;
+    this._translations = useT9n({ name: "buffer-tools", blocking: true });
+    this._unitElement = createRef();
+    this.bufferComplete = createEvent();
+    this.distanceChanged = createEvent();
+    this.unitChanged = createEvent();
   }
   static {
-    this.properties = { appearance: 1, distance: 9, geometries: 0, max: 9, min: 9, sliderTicks: 9, unionResults: 5, unit: 1, disabled: 5, _translations: 16, _units: 16 };
+    this.properties = { appearance: 1, distance: [9, {}, { type: Number }], geometries: [0, {}, { attribute: false }], max: [9, {}, { type: Number }], min: [9, {}, { type: Number }], sliderTicks: [9, {}, { type: Number }], unionResults: [5, {}, { type: Boolean }], unit: 1, disabled: [5, {}, { type: Boolean }], _translations: [16, {}, { state: true }], _units: [16, {}, { state: true }] };
   }
   static {
-    this.styles = f;
+    this.styles = styles;
   }
-  willUpdate(t) {
-    t.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.geometriesWatchHandler(), t.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.disabledWatchHandler(), t.has("_translations") && this._defineTranslations(), t.has("unit") && this.hasUpdated && this._setUnit(this.unit), t.has("distance") && this.hasUpdated && this._setDistance({ target: { value: this.distance } });
+  willUpdate(changes) {
+    if (changes.has("geometries") && (this.hasUpdated || this.geometries?.length > 0)) {
+      this.geometriesWatchHandler();
+    }
+    if (changes.has("disabled") && (this.hasUpdated || this.disabled !== false)) {
+      this.disabledWatchHandler();
+    }
+    if (changes.has("_translations")) {
+      void this._defineTranslations();
+    }
+    if (changes.has("unit") && this.hasUpdated) {
+      this._setUnit(this.unit);
+    }
+    if (changes.has("distance") && this.hasUpdated) {
+      this._setDistance({ target: { value: this.distance } });
+    }
   }
   geometriesWatchHandler() {
     this._buffer();
@@ -26,8 +88,11 @@ class p extends m {
   disabledWatchHandler() {
     this._buffer();
   }
-  async getTranslatedUnit(t) {
-    return this._units || await this._defineTranslations(), this._units ? this._units[t] : "";
+  async getTranslatedUnit(unit) {
+    if (!this._units) {
+      await this._defineTranslations();
+    }
+    return this._units ? this._units[unit] : "";
   }
   render() {
     return this.appearance === "text" ? this._getTextBoxDisplay() : this._getSliderDisplay();
@@ -41,49 +106,75 @@ class p extends m {
     };
   }
   _getUnits() {
-    return this._units ? Object.keys(this._units).map((t) => this._units ? s`<calcite-option .label=${this._units[t]} .selected=${this.unit === t} .value=${t}></calcite-option>` : void 0) : void 0;
-  }
-  _setDistance(t) {
-    const e = Number.parseInt(t.target.value, 10);
-    this.distance !== e && e >= this.min && (this.distanceChanged.emit({
-      oldValue: this.distance,
-      newValue: e
-    }), this.distance = e, this.distance > 0 ? this._buffer() : this.bufferComplete.emit(void 0));
+    return this._units ? Object.keys(this._units).map((u) => {
+      return this._units ? html`<calcite-option .label=${this._units[u]} .selected=${this.unit === u} .value=${u}></calcite-option>` : void 0;
+    }) : void 0;
+  }
+  _setDistance(event) {
+    const v = Number.parseInt(event.target.value, 10);
+    if (this.distance !== v && v >= this.min) {
+      this.distanceChanged.emit({
+        oldValue: this.distance,
+        newValue: v
+      });
+      this.distance = v;
+      if (this.distance > 0) {
+        this._buffer();
+      } else {
+        this.bufferComplete.emit(void 0);
+      }
+    }
   }
-  _setUnit(t) {
+  _setUnit(unit) {
     this.unitChanged.emit({
       oldValue: this.unit,
-      newValue: t
-    }), this.unit = t, this._buffer();
+      newValue: unit
+    });
+    this.unit = unit;
+    this._buffer();
   }
   _buffer() {
-    this.disabled ? this.bufferComplete.emit(void 0) : (this._bufferTimeout && clearTimeout(this._bufferTimeout), this._bufferTimeout = setTimeout(async () => {
-      if (this.geometries?.length > 0 && this.unit && this.distance > 0 && i && l) {
-        i.isLoaded() || await i.load();
-        const e = this.geometries[0].spatialReference, a = this.geometries, r = e.isWGS84 || e.isWebMercator ? i.executeMany(a, [this.distance], { union: this.unionResults, unit: this.unit }) : l.executeMany(a, [this.distance], { unit: this.unit, union: this.unionResults });
-        this.bufferComplete.emit(r);
+    if (!this.disabled) {
+      if (this._bufferTimeout) {
+        clearTimeout(this._bufferTimeout);
       }
-    }, 400));
+      this._bufferTimeout = setTimeout(async () => {
+        if (this.geometries?.length > 0 && this.unit && this.distance > 0 && geodesicBufferOperator && bufferOperator) {
+          if (!geodesicBufferOperator.isLoaded()) {
+            await geodesicBufferOperator.load();
+          }
+          const geom = this.geometries[0];
+          const sr = geom.spatialReference;
+          const geoms = this.geometries;
+          const buffer = sr.isWGS84 || sr.isWebMercator ? geodesicBufferOperator.executeMany(geoms, [this.distance], { union: this.unionResults, unit: this.unit }) : bufferOperator.executeMany(geoms, [this.distance], { unit: this.unit, union: this.unionResults });
+          this.bufferComplete.emit(buffer);
+        }
+      }, 400);
+    } else {
+      this.bufferComplete.emit(void 0);
+    }
   }
   _getTextBoxDisplay() {
-    return s`<div class="c-container"><calcite-input class="padding-end-1 w-50" .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} number-button-type=vertical @calciteInputInput=${this._setDistance} placeholder=0 type=number .value=${this.distance ? this.distance.toString() : void 0}></calcite-input><calcite-select class="flex-1 w-50" label=label @calciteSelectChange=${() => {
-      this._unitElement?.value && this._setUnit(this._unitElement?.value.value);
-    }} ${d(this._unitElement)}>${this._getUnits()}</calcite-select></div>`;
+    return html`<div class="c-container"><calcite-input class="padding-end-1 w-50" .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} number-button-type=vertical @calciteInputInput=${this._setDistance} placeholder=0 type=number .value=${this.distance ? this.distance.toString() : void 0}></calcite-input><calcite-select class="flex-1 w-50" label=label @calciteSelectChange=${() => {
+      if (this._unitElement?.value) {
+        this._setUnit(this._unitElement?.value.value);
+      }
+    }} ${ref(this._unitElement)}>${this._getUnits()}</calcite-select></div>`;
   }
   _getSliderDisplay() {
-    return s`<div><calcite-slider label-handles .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} .ticks=${this.sliderTicks}></calcite-slider></div>`;
+    return html`<div><calcite-slider label-handles .max=${this.max && this.max > 0 ? this.max : void 0} .min=${this.min} .ticks=${this.sliderTicks}></calcite-slider></div>`;
   }
-  _testAccess(t, e) {
-    switch (t) {
+  _testAccess(methodName, arg1) {
+    switch (methodName) {
       case "_setUnit":
-        return this._setUnit(e);
+        return this._setUnit(arg1);
       case "_setDistance":
-        return this._setDistance(e);
+        return this._setDistance(arg1);
     }
     return null;
   }
 }
-h("buffer-tools", p);
+customElement("buffer-tools", BufferTools);
 export {
-  p as BufferTools
+  BufferTools
 };

package/dist/components/card-manager/customElement.d.ts

@@ -60,11 +60,11 @@ export abstract class CardManager extends LitElement {
    */
   accessor isMobile: boolean;
   /**
-   * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+   * esri/views/layers/FeatureLayer: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
    * Should be a layer or table
    */
   accessor layerOrTable: __esri.FeatureLayer | undefined;
-  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
   /** A list of ids that are currently selected */
   accessor selectedFeaturesIds: (number | string)[];

package/dist/components/card-manager/customElement.js

@@ -1,74 +1,173 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as d } from "../../chunks/runtime.js";
-import { css as u, html as a } from "lit";
-import { a as p } from "../../chunks/queryUtils.js";
-import { g as m } from "../../chunks/mapViewUtils.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as F, createEvent as r, noShadowRoot as w } from "@arcgis/lumina";
-const _ = u`@layer{:host{display:block!important}.display-none{display:none}.padding-1{padding:1rem}.position-relative{position:relative}.overflow-auto{overflow:auto}.height-full{height:100%}.position-static{position:static!important}.z-index-500{z-index:500!important}card-manager{display:block}}`;
-class C extends F {
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { a as queryFeaturesByID } from "../../chunks/queryUtils.js";
+import { g as getLayerOrTable } from "../../chunks/mapViewUtils.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement, createEvent, noShadowRoot } from "@arcgis/lumina";
+const styles = css`@layer{
+/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block !important;
+}
+
+.display-none {
+  display: none;
+}
+
+.padding-1 {
+  padding: 1rem;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.height-full {
+  height: 100%;
+}
+
+.position-static {
+  position: static !important;
+}
+
+.z-index-500 {
+  z-index: 500 !important;
+}
+
+card-manager {
+  display: block;
+}
+}`;
+class CardManager extends LitElement {
   constructor() {
-    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.createBtnLabel = "", this.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._translations = b({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = g(), this.createWorkFlowStarted = r(), this.backFromCreateWorkFlow = r(), this.featureOrRecordSubmitted = r(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled);
+    super();
+    this.customInfoText = "";
+    this.enableEditGeometry = false;
+    this.enableSnapping = false;
+    this.isMobile = false;
+    this.zoomAndScrollToSelected = false;
+    this.selectedFeaturesIds = [];
+    this.enableCreateFeatures = true;
+    this.createBtnLabel = "";
+    this.selectingFeatureFromMap = false;
+    this.showSketchWidgets = false;
+    this._cardLoading = false;
+    this._graphics = [];
+    this._showCreateFeatureComponent = false;
+    this._showSubmitBtn = false;
+    this._translations = useT9n({ name: "card-manager", blocking: true });
+    this._isFeatureCreated = false;
+    this._createFeature = createRef();
+    this.createWorkFlowStarted = createEvent();
+    this.backFromCreateWorkFlow = createEvent();
+    this.featureOrRecordSubmitted = createEvent();
+    this.listenOn(window, "featureSelectionChange", this.featureSelectionChange);
+    this.listenOn(window, "layerSelectionChange", this.layerSelectionChange);
+    this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled);
   }
   static {
-    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layerOrTable: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, createBtnLabel: 1, selectingFeatureFromMap: 5, showSketchWidgets: 5, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _translations: 16 };
+    this.properties = { customInfoText: 1, enableEditGeometry: [5, {}, { type: Boolean }], enableSnapping: [5, {}, { type: Boolean }], isMobile: [5, {}, { type: Boolean }], layerOrTable: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }], zoomAndScrollToSelected: [5, {}, { type: Boolean }], selectedFeaturesIds: [0, {}, { attribute: false }], enableCreateFeatures: [5, {}, { type: Boolean }], createBtnLabel: 1, selectingFeatureFromMap: [5, {}, { type: Boolean }], showSketchWidgets: [5, {}, { type: Boolean }], _cardLoading: [16, {}, { state: true }], _graphics: [16, {}, { state: true }], _showCreateFeatureComponent: [16, {}, { state: true }], _showSubmitBtn: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = _;
+    this.styles = styles;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = noShadowRoot;
   }
-  async featureSelectionChange(e) {
-    this._showCreateFeatureComponent && !this._isFeatureCreated && this._backFromCreateFeature();
-    const t = e.detail;
-    this._graphics = await this._getFeaturesByIds(t);
+  async featureSelectionChange(_evt) {
+    if (this._showCreateFeatureComponent && !this._isFeatureCreated) {
+      void this._backFromCreateFeature();
+    }
+    const ids = _evt.detail;
+    this._graphics = await this._getFeaturesByIds(ids);
   }
-  async layerSelectionChange(e) {
-    this._showCreateFeatureComponent && this._backFromCreateFeature();
-    const t = e.detail[0];
-    this.layerOrTable = this.mapView ? await m(this.mapView, t) : void 0;
+  async layerSelectionChange(_evt) {
+    if (this._showCreateFeatureComponent) {
+      void this._backFromCreateFeature();
+    }
+    const id = _evt.detail[0];
+    this.layerOrTable = this.mapView ? await getLayerOrTable(this.mapView, id) : void 0;
   }
-  async relatedRecordToggled(e) {
-    const t = e.detail;
-    this.layerOrTable = t;
+  async relatedRecordToggled(_evt) {
+    const layer = _evt.detail;
+    this.layerOrTable = layer;
   }
   async load() {
-    this.selectedFeaturesIds?.length > 0 && (this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds));
+    if (this.selectedFeaturesIds?.length > 0) {
+      this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds);
+    }
   }
   render() {
-    const e = this._graphics?.length > 0 ? "" : "display-none", t = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none", i = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "", s = this.layerOrTable?.isTable, l = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, n = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd, o = this.createBtnLabel ? this.createBtnLabel : s ? this._translations.createRecord : this._translations.createFeature, c = !this.layerOrTable, h = this.enableSnapping && !this.layerOrTable?.isTable;
-    return a`<div class="overflow-auto height-full"><calcite-shell class=${`position-relative ${e}`}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${h} .graphics=${this._graphics} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} position=relative show-close-btn></info-card></div></calcite-shell><calcite-shell class=${`position-relative ${i}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${l}</div></calcite-notice></div>${!this.isMobile && n && a`<calcite-button .disabled=${c} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${o}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${t}`}><calcite-flow-item selected><calcite-panel .heading=${o}><calcite-action appearance=solid class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start text></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && a`<calcite-button appearance=solid class="footer-top-button footer-button" @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell></div>`;
+    const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
+    const createFeatureClass = this._graphics?.length === 0 && this._showCreateFeatureComponent ? "" : "display-none";
+    const messageClass = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "";
+    const isTable = this.layerOrTable?.isTable;
+    const guideMsg = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
+    const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd;
+    const createText = this.createBtnLabel ? this.createBtnLabel : isTable ? this._translations.createRecord : this._translations.createFeature;
+    const btnDisabled = !this.layerOrTable;
+    const enableSnapping = this.enableSnapping && !this.layerOrTable?.isTable;
+    return html`<div class="overflow-auto height-full"><calcite-shell class=${`position-relative ${featuresClass}`}><div class="position-static z-index-500 height-full"><info-card .allowEditing=${this.layerOrTable?.editingEnabled} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${enableSnapping} .graphics=${this._graphics} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} position=relative show-close-btn></info-card></div></calcite-shell><calcite-shell class=${`position-relative ${messageClass}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${guideMsg}</div></calcite-notice></div>${!this.isMobile && showCreateFeatureOrRecordBtn && html`<calcite-button .disabled=${btnDisabled} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${createText}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${createFeatureClass}`}><calcite-flow-item selected><calcite-panel .heading=${createText}><calcite-action appearance=solid class="back-button hydrated" icon=chevron-left @click=${this._backFromCreateFeature} scale=s slot=header-actions-start text></calcite-action>${this.getEditorComponent()}${this._showSubmitBtn && html`<calcite-button appearance=solid class="footer-top-button footer-button" @click=${() => this._createFeature.value && void this._createFeature.value.submit()} slot=footer width=full>${this._translations.create}</calcite-button>` || ""}</calcite-panel></calcite-flow-item></calcite-shell></div>`;
   }
   getEditorComponent() {
-    const e = this.enableSnapping && !this.layerOrTable?.isTable && this.enableCreateFeatures;
-    return a`<div>${this._showCreateFeatureComponent && a`<create-feature customize-submit .enableSnapping=${e} .mapView=${this.mapView} .isMobile=${this.isMobile} @drawComplete=${() => {
-      this._showSubmitBtn = !0;
-    }} @editingAttachment=${(t) => {
-      this._showSubmitBtn = !t.detail;
+    const enableSnapping = this.enableSnapping && !this.layerOrTable?.isTable && this.enableCreateFeatures;
+    return html`<div>${this._showCreateFeatureComponent && html`<create-feature customize-submit .enableSnapping=${enableSnapping} .mapView=${this.mapView} .isMobile=${this.isMobile} @drawComplete=${() => {
+      this._showSubmitBtn = true;
+    }} @editingAttachment=${(_evt) => {
+      this._showSubmitBtn = !_evt.detail;
     }} @progressStatus=${() => {
       setTimeout(() => {
-        this._isFeatureCreated = !1;
+        this._isFeatureCreated = false;
       }, 2e3);
-    }} @success=${this._featureCreated} .showSketchWidgets=${this.showSketchWidgets} .selectedLayerId=${this.layerOrTable?.id} .showLayerVisibilityMsg=${this.layerOrTable?.visible === !1} ${f(this._createFeature)}></create-feature>` || ""}</div>`;
+    }} @success=${this._featureCreated} .showSketchWidgets=${this.showSketchWidgets} .selectedLayerId=${this.layerOrTable?.id} .showLayerVisibilityMsg=${this.layerOrTable?.visible === false} ${ref(this._createFeature)}></create-feature>` || ""}</div>`;
   }
-  async _getFeaturesByIds(e) {
-    return (e.length > 0 && this.layerOrTable && this.mapView ? await p(e, this.layerOrTable, [], !0, this.mapView?.spatialReference) : []).sort((i, s) => e.indexOf(Number(i.getObjectId())) - e.indexOf(Number(s.getObjectId())));
+  async _getFeaturesByIds(ids) {
+    const featureSet = ids.length > 0 && this.layerOrTable && this.mapView ? await queryFeaturesByID(ids, this.layerOrTable, [], true, this.mapView?.spatialReference) : [];
+    return featureSet.sort((a, b) => ids.indexOf(Number(a.getObjectId())) - ids.indexOf(Number(b.getObjectId())));
   }
   _createFeatureBtnClicked() {
-    this._showCreateFeatureComponent = !0, this.createWorkFlowStarted.emit();
+    this._showCreateFeatureComponent = true;
+    this.createWorkFlowStarted.emit();
   }
   async _backFromCreateFeature() {
-    this._createFeature.value && (this._showCreateFeatureComponent = !1, this.backFromCreateWorkFlow.emit()), this._showSubmitBtn = !1;
+    if (this._createFeature.value) {
+      this._showCreateFeatureComponent = false;
+      this.backFromCreateWorkFlow.emit();
+    }
+    this._showSubmitBtn = false;
   }
   _featureCreated() {
-    this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._isFeatureCreated = !0, this.featureOrRecordSubmitted.emit(), setTimeout(() => {
-      this._showCreateFeatureComponent = !0;
+    this._showCreateFeatureComponent = false;
+    this._showSubmitBtn = false;
+    this._isFeatureCreated = true;
+    this.featureOrRecordSubmitted.emit();
+    setTimeout(() => {
+      this._showCreateFeatureComponent = true;
     }, 50);
   }
 }
-d("card-manager", C);
+customElement("card-manager", CardManager);
 export {
-  C as CardManager
+  CardManager
 };

package/dist/components/consent-manager/customElement.d.ts

@@ -57,7 +57,7 @@ export abstract class ConsentManager extends LitElement {
   accessor firstUseVar: string;
   /** string[]: Any ids for the analytics configured to receive events from the telemety instance */
   accessor measurementIds: string[];
-  /** esri/portal/Portal: https://developers.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html */
+  /** esri/portal/Portal: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-portal-Portal.html */
   accessor portal: __esri.Portal | undefined;
   /** Initialize and return the telemetry instance if consent has been granted */
   getInstance(): Promise<Telemetry | undefined>;