@esri/solutions-components 1.2.0-next.96 → 1.2.0-next.97

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

@@ -17,7 +17,7 @@ export declare class BufferTools extends LitElement {
      * @default 0
      */
     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 */
     geometries: __esri.Geometry[];
     /**
      * number: The component's maximum selectable value.

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

@@ -1,14 +1,14 @@
-import { c as h } from "../../chunks/runtime.js";
-import { u as o } from "../../chunks/useT9n.js";
-import { css as c, html as s } from "lit";
-import { createRef as u, 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 r from "@arcgis/core/geometry/operators/bufferOperator.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.95 */
-const f = c`/** @license
+v1.2.0-next.96 */
+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");
@@ -22,19 +22,67 @@ const f = c`/** @license
  * 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 p extends m {
+ */
+
+: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 = u(), 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(e) {
-    e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.geometriesWatchHandler(), e.has("disabled") && (this.hasUpdated || this.disabled !== !1) && this.disabledWatchHandler(), e.has("_translations") && this._defineTranslations(), e.has("unit") && this.hasUpdated && this._setUnit(this.unit), e.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();
@@ -42,8 +90,11 @@ class p extends m {
   disabledWatchHandler() {
     this._buffer();
   }
-  async getTranslatedUnit(e) {
-    return this._units || await this._defineTranslations(), this._units ? this._units[e] : "";
+  async getTranslatedUnit(unit) {
+    if (!this._units) {
+      await this._defineTranslations();
+    }
+    return this._units ? this._units[unit] : "";
   }
   render() {
     return this.appearance === "text" ? this._getTextBoxDisplay() : this._getSliderDisplay();
@@ -57,49 +108,75 @@ class p extends m {
     };
   }
   _getUnits() {
-    return this._units ? Object.keys(this._units).map((e) => this._units ? s`<calcite-option .label=${this._units[e]} .selected=${this.unit === e} .value=${e}></calcite-option>` : void 0) : void 0;
-  }
-  _setDistance(e) {
-    const t = Number.parseInt(e.target.value, 10);
-    this.distance !== t && t >= this.min && (this.distanceChanged.emit({
-      oldValue: this.distance,
-      newValue: t
-    }), this.distance = t, 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(e) {
+  _setUnit(unit) {
     this.unitChanged.emit({
       oldValue: this.unit,
-      newValue: e
-    }), this.unit = e, 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 && r) {
-        i.isLoaded() || await i.load();
-        const t = this.geometries[0].spatialReference, a = this.geometries, l = t.isWGS84 || t.isWebMercator ? i.executeMany(a, [this.distance], { union: this.unionResults, unit: this.unit }) : r.executeMany(a, [this.distance], { unit: this.unit, union: this.unionResults });
-        this.bufferComplete.emit(l);
+    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(e, t) {
-    switch (e) {
+  _testAccess(methodName, arg1) {
+    switch (methodName) {
       case "_setUnit":
-        return this._setUnit(t);
+        return this._setUnit(arg1);
       case "_setDistance":
-        return this._setDistance(t);
+        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

@@ -28,11 +28,11 @@ export declare class CardManager extends LitElement {
      */
     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
      */
     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 */
     mapView: __esri.MapView | undefined;
     /**
      * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
@@ -48,6 +48,12 @@ export declare class CardManager extends LitElement {
      * @default true
      */
     enableCreateFeatures: boolean;
+    /**
+     * string: Label to show for create button
+     *
+     * @default ''
+     */
+    createBtnLabel: string;
     /**
      * boolean: When select feature from map message will shown
      *

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

@@ -1,14 +1,15 @@
-import { c as d } from "../../chunks/runtime.js";
-import { css as u, html as a } from "lit";
-import { d as p } from "../../chunks/queryUtils.js";
-import { d as m } from "../../chunks/mapViewUtils.js";
-import { u as g } from "../../chunks/useT9n.js";
-import { createRef as b, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as w, createEvent as r, noShadowRoot as F } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.95 */
-const _ = u`@layer{/** @license
+v1.2.0-next.96 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { d as queryFeaturesByID } from "../../chunks/queryUtils.js";
+import { d 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");
@@ -22,69 +23,153 @@ const _ = u`@layer{/** @license
  * 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 C extends w {
+ */
+
+: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.selectingFeatureFromMap = !1, this.showSketchWidgets = !1, this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._translations = g({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = b(), 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, 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 = F;
+    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", s = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "", i = this.layerOrTable?.isTable, o = i ? this._translations.createRecord : this._translations.createFeature, n = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, l = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd, 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 allow-editing .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 ${s}`}><calcite-panel><div class=padding-1><calcite-notice .icon=${this.selectingFeatureFromMap ? "map" : "table"} icon-flip-rtl open><div slot=message>${n}</div></calcite-notice></div>${!this.isMobile && l && a`<calcite-button .disabled=${c} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${i ? this._translations.createRecord : this._translations.createFeature}</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 allow-editing .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} ${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((s, i) => e.indexOf(Number(s.getObjectId())) - e.indexOf(Number(i.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

@@ -41,7 +41,7 @@ export declare class ConsentManager extends LitElement {
     firstUseVar: string;
     /** string[]: Any ids for the analytics configured to receive events from the telemety instance */
     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 */
     portal: __esri.Portal | undefined;
     /** Initialize and return the telemetry instance if consent has been granted */
     getInstance(): Promise<Telemetry | undefined>;