@esri/solutions-components 1.2.0-next.57 → 1.2.0-next.58

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/buffer-tools/buffer-tools.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport type {\r\n  DistanceUnit,\r\n  IValueChange\r\n} from '../../utils/interfaces';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  Fragment,\r\n  h,\r\n  method,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './buffer-tools.css';\r\nimport * as geodesicBufferOperator from \"@arcgis/core/geometry/operators/geodesicBufferOperator.js\";\r\nimport * as bufferOperator from \"@arcgis/core/geometry/operators/bufferOperator.js\";\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'buffer-tools': BufferTools;\r\n  }\r\n}\r\n\r\nexport class BufferTools extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(\r\n    changes: PropertyValues<this>\r\n  ): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user,\r\n    but also any default values your component set.\r\n    To account for this semantics change, the checks for (this.hasUpdated || value != defaultValue) was added in this method\r\n    Please refactor your code to reduce the need for this check.\r\n    Docs: https://qawebgis.esri.com/components/lumina/transition-from-stencil#watching-for-property-changes */\r\n    if (changes.has('geometries') && (this.hasUpdated || this.geometries?.length > 0)) {\r\n      this.geometriesWatchHandler();\r\n    }\r\n\r\n    if (changes.has('disabled') && (this.hasUpdated || this.disabled !== false)) {\r\n      this.disabledWatchHandler();\r\n    }\r\n\r\n    if (changes.has('_translations')) {\r\n      void this._defineTranslations()\r\n    }\r\n\r\n    if (changes.has('unit') && this.hasUpdated) {\r\n      this._setUnit(this.unit);\r\n    }\r\n\r\n    if (changes.has('distance') && this.hasUpdated) {\r\n      this._setDistance({ target: { value: this.distance } } as unknown as CustomEvent);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** string: The appearance of display. Can be a 'slider' or 'text' inputs for distance/value */\r\n  @property() appearance: 'slider' | 'text' = 'text';\r\n\r\n  /** number: The distance used for buffer */\r\n  @property() distance = 0;\r\n\r\n  /** esri/geometry/Geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Geometry.html */\r\n  @property() geometries: __esri.Geometry[] = [];\r\n\r\n  /** number: The component's maximum selectable value. */\r\n  @property() max = 0;\r\n\r\n  /** number: The component's minimum selectable value. */\r\n  @property() min = 0;\r\n\r\n  /** number: Displays tick marks on the number line at a specified interval. */\r\n  @property() sliderTicks = 10;\r\n\r\n  /** boolean: option to control if buffer results should be unioned */\r\n  @property() unionResults = true;\r\n\r\n  /** DistanceUnit: 'feet'|'meters'|'miles'|'kilometers' */\r\n  @property() unit: DistanceUnit = 'meters';\r\n\r\n  @property() disabled = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({ name: 'buffer-tools', blocking: true });\r\n\r\n  /** Key Value pair: Lookup hash for translated units */\r\n  @state() _units: { [key: string]: string } | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Timeout: https://nodejs.org/en/docs/guides/timers-in-node/ */\r\n  private _bufferTimeout: NodeJS.Timeout | undefined;\r\n\r\n  /** HTMLCalciteSelectElement: The html element for selecting buffer unit */\r\n  private _unitElement = createRef<HTMLCalciteSelectElement>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the geometries prop is changed.\r\n   * Buffer each of the geometries.\r\n   */\r\n  private geometriesWatchHandler(): void {\r\n    this._buffer();\r\n  }\r\n\r\n  /**\r\n   * Called each time the disabled prop is changed.\r\n   * Buffer each of the geometries.\r\n   */\r\n  private disabledWatchHandler(): void {\r\n    this._buffer();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Get the translated unit for display\r\n   *\r\n   * @returns Promise resolving with the translated unit\r\n   */\r\n  @method()\r\n  async getTranslatedUnit(\r\n    unit: string\r\n  ): Promise<string> {\r\n    if (!this._units) {\r\n      await this._defineTranslations();\r\n    }\r\n    return this._units ? this._units[unit] : '';\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when a buffer is generated. */\r\n  bufferComplete = createEvent<__esri.Polygon | __esri.Polygon[] | undefined>();\r\n\r\n  /** Emitted on demand when the distance value changes */\r\n  distanceChanged = createEvent<IValueChange>();\r\n\r\n  /** Emitted on demand when the unit changes */\r\n  unitChanged = createEvent<IValueChange>();\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return <>{this.appearance === 'text' ? this._getTextBoxDisplay() : this._getSliderDisplay()}</>;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Loads translations and defines unit names using those translations.\r\n   *\r\n   * @returns Promise resolving when function is done\r\n   * @private\r\n   */\r\n  private async _defineTranslations(): Promise<void> {\r\n    this._units = {\r\n      feet: this._translations.feet || 'Feet',\r\n      meters: this._translations.meters || 'Meters',\r\n      miles: this._translations.miles || 'Miles',\r\n      kilometers: this._translations.kilometers || 'Kilometers',\r\n    };\r\n  }\r\n\r\n\r\n  /**\r\n   * Gets the nodes for each of the possible distance units\r\n   *\r\n   * @returns An array of option nodes\r\n   * @private\r\n   */\r\n  private _getUnits(): JsxNode {\r\n    return this._units ? Object.keys(this._units).map(u => {\r\n      return this._units ? (<calcite-option label={this._units[u]} selected={this.unit === u} value={u} />) : undefined;\r\n    }) : undefined;\r\n  }\r\n\r\n  /**\r\n   * Store the user defined distance value and create a buffer\r\n   *\r\n   * @param event the event from the calcite input control\r\n   * @private\r\n   */\r\n  private _setDistance(\r\n    event: CustomEvent\r\n  ): void {\r\n    const v = Number.parseInt((event.target as HTMLCalciteInputElement).value, 10);\r\n    if (this.distance !== v && v >= this.min) {\r\n      this.distanceChanged.emit({\r\n        oldValue: this.distance,\r\n        newValue: v,\r\n      });\r\n      this.distance = v;\r\n      if (this.distance > 0) {\r\n        this._buffer();\r\n      } else {\r\n        this.bufferComplete.emit(undefined);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Store the user defined unit value and create a buffer\r\n   *\r\n   * @private\r\n   */\r\n  private _setUnit(\r\n    unit: DistanceUnit\r\n  ): void {\r\n    this.unitChanged.emit({\r\n      oldValue: this.unit,\r\n      newValue: unit,\r\n    });\r\n    this.unit = unit;\r\n    this._buffer();\r\n  }\r\n\r\n  /**\r\n   * Create buffer geometry based on the user defined unit and distance\r\n   *\r\n   * @private\r\n   */\r\n  private _buffer(): void {\r\n    if (!this.disabled) {\r\n      if (this._bufferTimeout) {\r\n        clearTimeout(this._bufferTimeout);\r\n      }\r\n\r\n      this._bufferTimeout = setTimeout(async () => {\r\n        if (this.geometries?.length > 0 && this.unit && this.distance > 0 &&\r\n          geodesicBufferOperator && bufferOperator) {\r\n          if (!geodesicBufferOperator.isLoaded()) {\r\n            await geodesicBufferOperator.load();\r\n          }\r\n          const geom = this.geometries[0];\r\n          const sr = geom.spatialReference;\r\n\r\n          const geoms: any = this.geometries;\r\n          const buffer =\r\n            sr.isWGS84 || sr.isWebMercator\r\n              ? geodesicBufferOperator.executeMany(\r\n                geoms, [this.distance], { union: this.unionResults, unit: this.unit }\r\n              ) : bufferOperator.executeMany(geoms, [this.distance], { unit: this.unit, union: this.unionResults });\r\n          this.bufferComplete.emit(buffer);\r\n        }\r\n      }, 400);\r\n    } else {\r\n      this.bufferComplete.emit(undefined);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Render distance and unit as calcite input and select controls\r\n   * This option will be used when the 'appearance' prop is set to 'text'\r\n   *\r\n   * @returns a node with the supporting controls\r\n   * @private\r\n   */\r\n  private _getTextBoxDisplay(): JsxNode {\r\n    return (\r\n      <div class='c-container'>\r\n        <calcite-input\r\n          class='padding-end-1 w-50'\r\n          max={this.max && this.max > 0 ? this.max : undefined}\r\n          min={this.min}\r\n          numberButtonType='vertical'\r\n          oncalciteInputInput={this._setDistance}\r\n          placeholder='0'\r\n          type='number'\r\n          value={this.distance ? this.distance.toString() : undefined}\r\n        />\r\n        <calcite-select\r\n          class='flex-1 w-50'\r\n          label='label'\r\n          oncalciteSelectChange={\r\n            () => {\r\n              if (this._unitElement?.value) {\r\n                this._setUnit(this._unitElement?.value.value as DistanceUnit)\r\n              }\r\n            }\r\n          }\r\n          ref={this._unitElement}>\r\n          {this._getUnits()}\r\n        </calcite-select>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Render distance control as a slider\r\n   * This option will be used when the 'appearance' prop is set to 'slider'\r\n   *\r\n   * @returns a node with the supporting control\r\n   * @private\r\n   */\r\n  private _getSliderDisplay(): JsxNode {\r\n    return (\r\n      <div>\r\n        <calcite-slider\r\n          labelHandles={true}\r\n          max={this.max && this.max > 0 ? this.max : undefined}\r\n          min={this.min}\r\n          ticks={this.sliderTicks}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Provides access to private methods for unit testing.\r\n   *\r\n   * @param methodName Name of private method to run\r\n   * @param arg1 First argument to forward to method, e.g., for '_setDistance', `CustomEvent`\r\n   * @returns\r\n   */\r\n  protected _testAccess(\r\n    methodName: string,\r\n    arg1?: any\r\n  ): any {\r\n    switch (methodName) {\r\n      case '_setUnit':\r\n        return this._setUnit(arg1);\r\n      case '_setDistance':\r\n        return this._setDistance(arg1);\r\n    }\r\n    return null;\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

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

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.57 */
-const _ = u`@layer{/** @license
+v1.2.0-next.58 */
+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.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 }], 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 heading = isTable ? this._translations.createRecord : this._translations.createFeature;
+    const guideMsg = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
+    const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd;
+    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>${isTable ? this._translations.createRecord : this._translations.createFeature}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${`position-relative ${createFeatureClass}`}><calcite-flow-item selected><calcite-panel .heading=${heading}><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} ${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
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/card-manager/card-manager.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\r\nimport { queryFeaturesByID } from '../../utils/queryUtils';\r\nimport { getLayerOrTable } from '../../utils/mapViewUtils';\r\nimport { useT9n } from '../../controllers/useT9n';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  createEvent,\r\n  h,\r\n  noShadowRoot,\r\n  state,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './card-manager.css';\r\nimport type { CreateFeature } from '../create-feature/create-feature';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'card-manager': CardManager;\r\n  }\r\n}\r\n\r\nexport class CardManager extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  static override shadowRootOptions = noShadowRoot;\r\n\r\n  constructor() {\r\n    super();\r\n    this.listenOn<CustomEvent>(window, 'featureSelectionChange', this.featureSelectionChange);\r\n    this.listenOn<CustomEvent>(window, 'layerSelectionChange', this.layerSelectionChange);\r\n    this.listenOn<CustomEvent>(window, 'relatedRecordToggled', this.relatedRecordToggled);\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** string: custom notice text to display */\r\n  @property() customInfoText = '';\r\n\r\n  /** When true the geometry of the current feature will be editable */\r\n  @property() enableEditGeometry = false;\r\n\r\n  /** When true the snapping options will be exposed */\r\n  @property() enableSnapping = false;\r\n\r\n  /** When true the component will render an optimized view for mobile devices */\r\n  @property() isMobile = false;\r\n\r\n  /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html\r\n   * Should be a layer or table\r\n   */\r\n  @property() layerOrTable: __esri.FeatureLayer | undefined;\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table */\r\n  @property() zoomAndScrollToSelected = false;\r\n\r\n  /** A list of ids that are currently selected */\r\n  @property() selectedFeaturesIds: (number | string)[] = [];\r\n\r\n  /** boolean: when true the users can have the option to create features */\r\n  @property() enableCreateFeatures = true;\r\n\r\n  /** boolean: When select feature from map message will shown */\r\n  @property() selectingFeatureFromMap = false;\r\n\r\n  /** boolean: When true the sketch widgets will be shown in the create feature component */\r\n  @property() showSketchWidgets = false;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** When true a loading indicator will be shown in the current card */\r\n  @state() _cardLoading = false;\r\n\r\n  /** The current selected graphics */\r\n  @state() _graphics: __esri.Graphic[] = [];\r\n\r\n  /** When true feature component is shown */\r\n  @state() _showCreateFeatureComponent = false;\r\n\r\n  /** boolean: When true show the create button */\r\n  @state() _showSubmitBtn = false;\r\n\r\n  /**\r\n   * Contains the translations for this component.\r\n   * All UI strings should be defined here.\r\n   */\r\n  @state() _translations = useT9n<typeof T9nStrings>({name: 'card-manager', blocking: true});\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: Flag to maintain if recently any feature has been created */\r\n  private _isFeatureCreated = false;\r\n\r\n  /** HTMLCreateFeatureElement: Create Feature component instance */\r\n  private _createFeature = createRef<CreateFeature['el']>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emits when create work flow started */\r\n  createWorkFlowStarted = createEvent();\r\n\r\n  /** Emits when back from create work flow */\r\n  backFromCreateWorkFlow = createEvent();\r\n\r\n  /** Emits when feature/record is submitted */\r\n  featureOrRecordSubmitted = createEvent();\r\n\r\n  /** Query the layer for the provided ids and store the result graphics */\r\n  private async featureSelectionChange(\r\n    _evt: CustomEvent\r\n  ): Promise<void> {\r\n    if (this._showCreateFeatureComponent && !this._isFeatureCreated) {\r\n      void this._backFromCreateFeature();\r\n    }\r\n    const ids = _evt.detail as (number | string)[];\r\n    this._graphics = await this._getFeaturesByIds(ids);\r\n  }\r\n\r\n  /** Get the layer view for the provided layer id */\r\n  private async layerSelectionChange(_evt: CustomEvent): Promise<void> {\r\n    if (this._showCreateFeatureComponent) {\r\n      void this._backFromCreateFeature();\r\n    }\r\n    const id: string = _evt.detail[0];\r\n    this.layerOrTable = this.mapView ? await getLayerOrTable(this.mapView, id) : undefined;\r\n  }\r\n\r\n  /** Update the selected layer/table when related record is toggled */\r\n  private async relatedRecordToggled(_evt: CustomEvent): Promise<void> {\r\n    const layer: __esri.FeatureLayer = _evt.detail;\r\n    this.layerOrTable = layer;\r\n  }\r\n\r\n  /**\r\n   * Called once just after the component is first connected to the DOM.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  async load(): Promise<void> {\r\n    if (this.selectedFeaturesIds?.length > 0) {\r\n      this._graphics = await this._getFeaturesByIds(this.selectedFeaturesIds);\r\n    }\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    const featuresClass = this._graphics?.length > 0 ? '' : 'display-none';\r\n    const createFeatureClass = this._graphics?.length === 0 && this._showCreateFeatureComponent ? '' : 'display-none';\r\n    const messageClass = this._graphics?.length > 0 || this._showCreateFeatureComponent ? 'display-none' : '';\r\n    const isTable = this.layerOrTable?.isTable;\r\n    const heading = isTable ? this._translations.createRecord : this._translations.createFeature;\r\n    const guideMsg = this.customInfoText\r\n      ? this.customInfoText\r\n      : this.selectingFeatureFromMap\r\n        ? this._translations.selectFeaturesFromMapToStart\r\n        : this._translations.selectFeaturesToStart;\r\n    const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layerOrTable?.capabilities?.operations?.supportsAdd;\r\n    const btnDisabled = !this.layerOrTable\r\n    const enableSnapping = this.enableSnapping && !this.layerOrTable?.isTable;\r\n    return (\r\n      <div class='overflow-auto height-full'>\r\n        <calcite-shell class={`position-relative ${featuresClass}`}>\r\n          <div class='position-static z-index-500 height-full'>\r\n            <info-card\r\n              allowEditing\r\n              enableEditGeometry={this.enableEditGeometry}\r\n              enableSnapping={enableSnapping}\r\n              graphics={this._graphics}\r\n              highlightEnabled={false}\r\n              isLoading={this._cardLoading}\r\n              isMobile={this.isMobile}\r\n              mapView={this.mapView}\r\n              position={'relative'}\r\n              showCloseBtn={true}\r\n            />\r\n          </div>\r\n        </calcite-shell>\r\n        <calcite-shell class={`position-relative ${messageClass}`}>\r\n          <calcite-panel>\r\n            <div class={'padding-1'}>\r\n              <calcite-notice\r\n                icon={this.selectingFeatureFromMap ? 'map' : 'table'}\r\n                iconFlipRtl\r\n                open\r\n              >\r\n                <div slot='message'>\r\n                  {guideMsg}\r\n                </div>\r\n              </calcite-notice>\r\n            </div>\r\n            {!this.isMobile && showCreateFeatureOrRecordBtn && (\r\n              <calcite-button\r\n                disabled={btnDisabled}\r\n                onClick={() => this._createFeatureBtnClicked()}\r\n                slot='footer'\r\n                width='full'\r\n              >\r\n                {isTable ? this._translations.createRecord : this._translations.createFeature}\r\n              </calcite-button>\r\n            )}\r\n          </calcite-panel>\r\n        </calcite-shell>\r\n\r\n        <calcite-shell class={`position-relative ${createFeatureClass}`}>\r\n          <calcite-flow-item selected>\r\n            <calcite-panel heading={heading}>\r\n              <calcite-action\r\n                appearance='solid'\r\n                class='back-button hydrated'\r\n                icon='chevron-left'\r\n                onClick={this._backFromCreateFeature}\r\n                scale='s'\r\n                slot='header-actions-start'\r\n                text=''\r\n              />\r\n              {this.getEditorComponent()}\r\n              {this._showSubmitBtn && (\r\n                <calcite-button\r\n                  appearance='solid'\r\n                  class={'footer-top-button footer-button'}\r\n                  onClick={() => this._createFeature.value && void this._createFeature.value.submit()}\r\n                  slot='footer'\r\n                  width='full'\r\n                >\r\n                  {this._translations.create}\r\n                </calcite-button>\r\n              )}\r\n            </calcite-panel>\r\n          </calcite-flow-item>\r\n        </calcite-shell>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns the editor component for adding feature\r\n   *\r\n   * @returns Node\r\n   */\r\n  private getEditorComponent(): JsxNode {\r\n    const enableSnapping = this.enableSnapping && !this.layerOrTable?.isTable && this.enableCreateFeatures;\r\n    return (\r\n      <div>\r\n        {this._showCreateFeatureComponent && (\r\n          <create-feature\r\n            customizeSubmit\r\n            enableSnapping={enableSnapping}\r\n            mapView={this.mapView}\r\n            isMobile={this.isMobile}\r\n            ondrawComplete={() => {\r\n              this._showSubmitBtn = true;\r\n            }}\r\n            oneditingAttachment={_evt => {\r\n              this._showSubmitBtn = !_evt.detail;\r\n            }}\r\n            onprogressStatus={() => {\r\n              setTimeout(() => {\r\n                this._isFeatureCreated = false;\r\n              }, 2000);\r\n            }}\r\n            onsuccess={this._featureCreated}\r\n            ref={this._createFeature}\r\n            showSketchWidgets={this.showSketchWidgets}\r\n            selectedLayerId={this.layerOrTable?.id}\r\n            showGuidingMsg={false}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Gets the Feature using its ids\r\n   *\r\n   * @param ids list of ids that are currently selected\r\n   * @returns Promise when complete\r\n   * @private\r\n   */\r\n  private async _getFeaturesByIds(\r\n    ids: (number | string)[]\r\n  ): Promise<__esri.Graphic[]> {\r\n    // only query if we have some ids...query with no ids will result in all features being returned\r\n    const featureSet = ids.length > 0 && this.layerOrTable && this.mapView ?\r\n     await queryFeaturesByID(ids, this.layerOrTable, [], true, this.mapView?.spatialReference) : [];\r\n    // https://github.com/Esri/solutions-components/issues/365\r\n    return featureSet.sort((a, b) => ids.indexOf(Number(a.getObjectId())) - ids.indexOf(Number(b.getObjectId())));\r\n  }\r\n\r\n  /**\r\n   * Displays the feature creation functionality and changes the layout\r\n   *\r\n   * @private\r\n   */\r\n  private _createFeatureBtnClicked(): void {\r\n    this._showCreateFeatureComponent = true;\r\n    this.createWorkFlowStarted.emit();\r\n  }\r\n\r\n  /**\r\n   * Closes the Create feature component\r\n   *\r\n   * @private\r\n   */\r\n  private async _backFromCreateFeature(): Promise<void> {\r\n    if (this._createFeature.value) {\r\n      this._showCreateFeatureComponent = false;\r\n      this.backFromCreateWorkFlow.emit();\r\n    }\r\n    this._showSubmitBtn = false;\r\n  }\r\n\r\n  /**\r\n   * On Submitting the form show the creator feature again\r\n   *\r\n   * @private\r\n   */\r\n  private _featureCreated(): void {\r\n    this._showCreateFeatureComponent = false;\r\n    this._showSubmitBtn = false;\r\n    this._isFeatureCreated = true;\r\n    this.featureOrRecordSubmitted.emit();\r\n    setTimeout(() => {\r\n      this._showCreateFeatureComponent = true;\r\n    }, 50);\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

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>;