@esri/solutions-components 1.0.0-next.20250425.2 → 1.0.0-next.20250429

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

@@ -1,15 +1,15 @@
-import { c as h } from "../../chunks/runtime.js";
-import { c as d } from "../../chunks/queryUtils.js";
-import { d as u } from "../../chunks/mapViewUtils.js";
-import { u as p } from "../../chunks/useT9n.js";
-import { html as a } from "lit";
-import { createRef as m, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as g, createEvent as r, noShadowRoot as b, safeClassMap as o } from "@arcgis/lumina";
-import { css as F } from "@lit/reactive-element/css-tag.js";
+import { c } from "../../chunks/runtime.js";
+import { html as a } from "lit-html";
+import { d as h } from "../../chunks/queryUtils.js";
+import { d } from "../../chunks/mapViewUtils.js";
+import { u } from "../../chunks/useT9n.js";
+import { createRef as p, ref as m } from "lit-html/directives/ref.js";
+import { LitElement as g, createEvent as r, noShadowRoot as f } from "@arcgis/lumina";
+import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250425.2 */
-const w = F`@layer{/** @license
+v1.0.0-next.20250429 */
+const F = b`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,27 +24,18 @@ const w = F`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block!important}.display-flex{display:flex}.display-none{display:none}.w-100{width:100%}.padding-bottom-1{padding-bottom:1rem}.padding-1{padding:1rem}.position-relative{position:relative}.focus-margin{margin:1px 1px 0}.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 g {
+class w extends g {
   constructor() {
-    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.locale = "", this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.selectingFeatureFromMap = !1, this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._translations = p({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = m(), this.createWorkFlowStarted = r(), this.backFromCreateWorkFlow = r(), this.featureOrRecordSubmitted = r(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange);
+    super(), this.customInfoText = "", this.enableEditGeometry = !1, this.enableSnapping = !1, this.isMobile = !1, this.zoomAndScrollToSelected = !1, this.selectedFeaturesIds = [], this.enableCreateFeatures = !0, this.selectingFeatureFromMap = !1, this._cardLoading = !1, this._graphics = [], this._showCreateFeatureComponent = !1, this._showSubmitBtn = !1, this._translations = u({ name: "card-manager", blocking: !0 }), this._isFeatureCreated = !1, this._createFeature = p(), this.createWorkFlowStarted = r(), this.backFromCreateWorkFlow = r(), this.featureOrRecordSubmitted = r(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange);
   }
   static {
-    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layer: 0, locale: 1, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, selectingFeatureFromMap: 5, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _translations: 16 };
+    this.properties = { customInfoText: 1, enableEditGeometry: 5, enableSnapping: 5, isMobile: 5, layer: 0, mapView: 0, zoomAndScrollToSelected: 5, selectedFeaturesIds: 0, enableCreateFeatures: 5, selectingFeatureFromMap: 5, _cardLoading: 16, _graphics: 16, _showCreateFeatureComponent: 16, _showSubmitBtn: 16, _translations: 16 };
   }
   static {
-    this.styles = w;
+    this.styles = F;
   }
   static {
-    this.shadowRootOptions = b;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
+    this.shadowRootOptions = f;
   }
   /** Query the layer for the provided ids and store the result graphics */
   async featureSelectionChange(e) {
@@ -56,7 +47,7 @@ class C extends g {
   async layerSelectionChange(e) {
     this._showCreateFeatureComponent && this._backFromCreateFeature();
     const t = e.detail[0];
-    this.layer = this.mapView ? await u(this.mapView, t) : void 0;
+    this.layer = this.mapView ? await d(this.mapView, t) : void 0;
   }
   /**
    * Called once just after the component is first connected to the DOM.
@@ -68,8 +59,8 @@ class C extends g {
   }
   /** Renders the component. */
   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.layer?.isTable, n = i ? this._translations.createRecord : this._translations.createFeature, l = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart, c = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
-    return a`<div class="overflow-auto height-full"><calcite-shell class=${o("position-relative " + e)}><div class="position-static z-index-500"><info-card .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphics=${this._graphics} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .locale=${this.locale} .mapView=${this.mapView} show-close-btn></info-card></div></calcite-shell><calcite-shell class=${o("position-relative " + s)}><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 && c && a`<calcite-button .disabled=${!this.layer} @click=${() => this._createFeatureBtnClicked()} slot=footer width=full>${i ? this._translations.createRecord : this._translations.createFeature}</calcite-button>` || ""}</calcite-panel></calcite-shell><calcite-shell class=${o("position-relative " + t)}><calcite-flow-item selected><calcite-panel .heading=${n}><calcite-action 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 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.layer?.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.layer?.capabilities?.operations?.supportsAdd;
+    return a`<div class="overflow-auto height-full"><calcite-shell class=${`position-relative ${e}`}><div class="position-static z-index-500"><info-card .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphics=${this._graphics} .isLoading=${this._cardLoading} .isMobile=${this.isMobile} .mapView=${this.mapView} 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=${!this.layer} @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 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>`;
   }
   /**
    * Returns the editor component for adding feature
@@ -77,7 +68,7 @@ class C extends g {
    * @returns Node
    */
   getEditorComponent() {
-    return a`<div>${this._showCreateFeatureComponent && a`<create-feature customize-submit .enableSnapping=${this.enableSnapping && this.enableCreateFeatures} .locale=${this.locale} .mapView=${this.mapView} @drawComplete=${() => {
+    return a`<div>${this._showCreateFeatureComponent && a`<create-feature customize-submit .enableSnapping=${this.enableSnapping && this.enableCreateFeatures} .mapView=${this.mapView} @drawComplete=${() => {
       this._showSubmitBtn = !0;
     }} @editingAttachment=${(e) => {
       this._showSubmitBtn = !e.detail;
@@ -85,7 +76,7 @@ class C extends g {
       setTimeout(() => {
         this._isFeatureCreated = !1;
       }, 2e3);
-    }} @success=${this._featureCreated} .selectedLayerId=${this.layer?.id} ${f(this._createFeature)}></create-feature>` || ""}</div>`;
+    }} @success=${this._featureCreated} .selectedLayerId=${this.layer?.id} ${m(this._createFeature)}></create-feature>` || ""}</div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -100,7 +91,7 @@ class C extends g {
    * @protected
    */
   async _getFeaturesByIds(e) {
-    return (e.length > 0 && this.layer ? await d(e, this.layer, [], !0, this.mapView?.spatialReference) : []).sort((s, i) => e.indexOf(Number(s.getObjectId())) - e.indexOf(Number(i.getObjectId())));
+    return (e.length > 0 && this.layer ? await h(e, this.layer, [], !0, this.mapView?.spatialReference) : []).sort((s, i) => e.indexOf(Number(s.getObjectId())) - e.indexOf(Number(i.getObjectId())));
   }
   /**
    * Displays the feature creation functionality and changes the layout
@@ -128,22 +119,8 @@ class C extends g {
       this._showCreateFeatureComponent = !0;
     }, 50);
   }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  // protected async _getTranslations(): Promise<void> {
-  //   const messages = await getLocaleComponentStrings(this.el);
-  //   this._translations = messages[0] as typeof CardManager_T9n;
-  // }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
-  willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler();
-  }
 }
-h("card-manager", C);
+c("card-manager", w);
 export {
-  C as CardManager
+  w as CardManager
 };

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

@@ -1,8 +1,8 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
+import { Telemetry } from '@esri/telemetry';
 import { IConsentResponse } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class ConsentManager extends LitElement {
     /** string: The app id for the amazon tracking instance */
@@ -22,14 +22,12 @@ export declare class ConsentManager extends LitElement {
      * @required
      */
     firstUseVar: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: 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 */
     portal: __esri.Portal | undefined;
     /** Initialize and return the telemetry instance if consent has been granted */
-    getInstance(): Promise<any | undefined>;
+    getInstance(): Promise<Telemetry | undefined>;
     /** Emitted on demand when the user accepts or denies consent */
     readonly consentGranted: TargetedEvent<this, IConsentResponse>;
 }