@esri/solutions-components 1.2.0-next.98 → 5.0.0

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

@@ -1,62 +1,68 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { default as Editor } from '@arcgis/core/widgets/Editor';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class EditCard extends LitElement {
-    /**
-     * When true the geometry of the current feature will be editable
-     *
-     * @default false
-     */
-    enableEditGeometry: boolean;
-    /**
-     * When true the snapping options will be exposed
-     *
-     * @default false
-     */
-    enableSnapping: boolean;
-    /**
-     * The index of the current graphic
-     *
-     * @default 0
-     */
-    graphicIndex: number;
-    /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
-    graphics: __esri.Graphic[];
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * When true the component is displayed
-     *
-     * @default false
-     */
-    open: boolean;
-    /**
-     * When true allow multiple editing
-     *
-     * @default false
-     */
-    allowMultipleEditing: boolean;
-    /** Emitted on demand when the Editor widget should be closed */
-    readonly closeEdit: TargetedEvent<this, void>;
-    /** Emit the Editor when it is initialized */
-    readonly editorInitialized: TargetedEvent<this, Editor>;
-    /** Emitted on demand when edits are completed on current edit layer */
-    readonly editsComplete: TargetedEvent<this, void>;
-    /**
-     * Emitted on demand when the editor is closed to handle
-     * things like attachment updates that don't fire the standard edit update event when complete
-     */
-    readonly refreshGraphics: TargetedEvent<this, import('@arcgis/core/Graphic').default[]>;
-    /** Event emitted upon selection of a table and invocation of feature addition from the related layer during an active edit workflow. */
-    readonly creatingFeature: TargetedEvent<this, void>;
-    "@eventTypes": {
-        "closeEdit": EditCard["closeEdit"]["detail"];
-        "creatingFeature": EditCard["creatingFeature"]["detail"];
-        "editorInitialized": EditCard["editorInitialized"]["detail"];
-        "editsComplete": EditCard["editsComplete"]["detail"];
-        "refreshGraphics": EditCard["refreshGraphics"]["detail"];
-    };
-}
+export abstract class EditCard extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: { enableEditing: string; } & T9nMeta<{ enableEditing: string; }>;
+  /**
+   * When true allow multiple editing
+   *
+   * @default false
+   */
+  accessor allowMultipleEditing: boolean;
+  /**
+   * When true the geometry of the current feature will be editable
+   *
+   * @default false
+   */
+  accessor enableEditGeometry: boolean;
+  /**
+   * When true the snapping options will be exposed
+   *
+   * @default false
+   */
+  accessor enableSnapping: boolean;
+  /**
+   * The index of the current graphic
+   *
+   * @default 0
+   */
+  accessor graphicIndex: number;
+  /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  accessor graphics: __esri.Graphic[];
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * When true the component is displayed
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /** Emitted on demand when the Editor widget should be closed */
+  readonly closeEdit: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Event emitted upon selection of a table and invocation of feature addition from the related layer during an active edit workflow. */
+  readonly creatingFeature: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emit the Editor when it is initialized */
+  readonly editorInitialized: import("@arcgis/lumina").TargetedEvent<this, __esri.Editor>;
+  /** Emitted on demand when edits are completed on current edit layer */
+  readonly editsComplete: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /**
+   * Emitted on demand when the editor is closed to handle
+   * things like attachment updates that don't fire the standard edit update event when complete
+   */
+  readonly refreshGraphics: import("@arcgis/lumina").TargetedEvent<this, __esri.Graphic[]>;
+  readonly "@eventTypes": {
+    closeEdit: EditCard["closeEdit"]["detail"];
+    creatingFeature: EditCard["creatingFeature"]["detail"];
+    editorInitialized: EditCard["editorInitialized"]["detail"];
+    editsComplete: EditCard["editsComplete"]["detail"];
+    refreshGraphics: EditCard["refreshGraphics"]["detail"];
+  };
+}

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

@@ -1,32 +1,16 @@
-import { c as h } from "../../chunks/runtime.js";
-import { j as d } from "../../chunks/mapViewUtils.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { css as p, html as r } from "lit";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as m, createEvent as s, noShadowRoot as u, safeClassMap as n } from "@arcgis/lumina";
-import _ from "@arcgis/core/widgets/Editor";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as n } from "../../chunks/runtime.js";
+import { a as d } from "../../chunks/mapViewUtils.js";
+import { u as p } from "../../chunks/useT9n.js";
+import { css as c, html as r } from "lit";
+import { createRef as f, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as _, createEvent as s, noShadowRoot as m, safeClassMap as l } from "@arcgis/lumina";
+import u from "@arcgis/core/widgets/Editor";
 import * as o from "@arcgis/core/core/reactiveUtils";
-/*! 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.97 */
-const w = p`@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}#feature-form{padding-top:0}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
-class y extends m {
+const w = c`@layer{:host{display:block}#feature-form{padding-top:0}.esri-editor__prompt--danger{position:relative!important;width:100%!important;background-color:var(--calcite-color-foreground-1)!important}.esri-feature__content-node{background-color:var(--calcite-color-foreground-1)!important}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.position-absolute{position:absolute;inset:0;overflow:auto}.esri-editor__panel-content{padding-block:10px!important}}`;
+class y extends _ {
   constructor() {
-    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = c({ name: "edit-card", blocking: !0 }), this._editContainer = g(), this._shouldClose = !1, this._shouldEmitEditsComplete = !1, this.closeEdit = s(), this.editorInitialized = s(), this.editsComplete = s(), this.refreshGraphics = s(), this.creatingFeature = s(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
+    super(), this.enableEditGeometry = !1, this.enableSnapping = !1, this.graphicIndex = 0, this.graphics = [], this.open = !1, this.allowMultipleEditing = !1, this._editorLoading = !1, this._translations = p({ name: "edit-card", blocking: !0 }), this._editContainer = f(), this._shouldClose = !1, this._shouldEmitEditsComplete = !1, this.closeEdit = s(), this.editorInitialized = s(), this.editsComplete = s(), this.refreshGraphics = s(), this.creatingFeature = s(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
     this.properties = { enableEditGeometry: 5, enableSnapping: 5, graphicIndex: 9, graphics: 0, mapView: 0, open: 5, allowMultipleEditing: 5, _editorLoading: 16, _translations: 16 };
@@ -35,7 +19,7 @@ class y extends m {
     this.styles = w;
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = m;
   }
   async graphicsWatchHandler() {
     this.graphics.length === 0 && this.open && await this._closeEdit(!0);
@@ -60,18 +44,18 @@ class y extends m {
   }
   render() {
     const t = this.graphics?.length > 0 && this.graphics[0] ? !this.graphics[0].layer.editingEnabled : !0, e = this._editorLoading ? "display-none" : "position-absolute", a = this._editorLoading ? "" : "display-none";
-    return r`<div class="position-absolute">${t ? r`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${n(e)} id=feature-form ${f(this._editContainer)}></div><calcite-loader class=${n(a)} label scale=s></calcite-loader></div></div>`;
+    return r`<div class="position-absolute">${t ? r`<calcite-notice kind=warning open slot=content-top width=full><div slot=message>${this._translations.enableEditing}</div></calcite-notice>` : void 0}<div class="position-absolute"><div class=${l(e)} id=feature-form ${g(this._editContainer)}></div><calcite-loader class=${l(a)} label scale=s></calcite-loader></div></div>`;
   }
   async _initEditorWidget() {
     if (this.mapView && this.graphics && this.graphics.length > 0 && this.graphics[0]) {
       this._editor && this._editor.destroy();
-      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, l = e.map((i) => ({
+      const t = document.createElement("div"), e = await d(this.mapView), a = this.enableSnapping && this.enableEditGeometry, h = e.map((i) => ({
         layer: i,
         geometryUpdatesEnabled: this.enableEditGeometry
       }));
-      this._editor = new _({
+      this._editor = new u({
         view: this.mapView,
-        layerInfos: l,
+        layerInfos: h,
         visibleElements: {
           flow: !0,
           settingsMenu: a,
@@ -95,7 +79,7 @@ class y extends m {
     this.allowMultipleEditing ? await this._editor?.startUpdateFeaturesWorkflow(this.graphics) : await this._editor?.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]), this._shouldClose = !0;
   }
 }
-h("edit-card", y);
+n("edit-card", y);
 export {
   y as EditCard
 };

package/dist/components/edit-card/index.d.ts

@@ -1,3 +1 @@
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-loader";
 export * from "./customElement.js";

package/dist/components/feature-details/customElement.d.ts

@@ -1,71 +1,69 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { ILayerItemsHash, IReportingOptions } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { default as Graphic } from '@arcgis/core/Graphic';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { ILayerItemsHash, IReportingOptions } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-export declare class FeatureDetails extends LitElement {
-    /**
-     * When true the snapping options will be exposed
-     *
-     * @default false
-     */
-    enableSnapping: boolean;
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
-    graphics: __esri.Graphic[];
-    /** IReportingOptions: Key options for reporting */
-    reportingOptions: IReportingOptions | undefined;
-    /** ILayerItemsHash: LayerDetailsHash for each layer in the map */
-    layerItemsHash: ILayerItemsHash | undefined;
-    /**
-     * boolean: When true the profile image of the comment creator will be shown in the comments list
-     *
-     * @default false
-     */
-    showUserImageInCommentsList: boolean;
-    /**
-     * boolean: When false comment will shown in single line in the comments list
-     *
-     * @default true
-     */
-    showFullCommentTitle: boolean;
-    /**
-     * Refresh the features comments which will fetch like, dislike and update the component
-     *
-     * @param graphic
-     * @returns Promise that resolves when the operation is complete
-     */
-    refresh(graphic?: __esri.Graphic): Promise<void>;
-    /** Go to the previous feature in the features widget */
-    back(): Promise<void>;
-    /** Go to the next feature in the features widget */
-    next(): Promise<void>;
-    /** Toggle the visibility of the features list view */
-    toggleListView(): Promise<void>;
-    /** Emitted on demand when like or dislike button is clicked */
-    readonly loadingStatus: TargetedEvent<this, boolean>;
-    /** Emitted on demand when comment is clicked using the feature-list */
-    readonly commentClick: TargetedEvent<this, void>;
-    /** Emitted on demand when comment is selected using the feature-list */
-    readonly commentSelect: TargetedEvent<this, Graphic>;
-    /** Emitted on demand when comment icon is clicked */
-    readonly addComment: TargetedEvent<this, void>;
-    /** Emitted on demand when like or dislike button is clicked */
-    readonly likeOrDislikeClicked: TargetedEvent<this, void>;
-    /** Emitted on demand when the selected index changes */
-    readonly featureSelectionChange: TargetedEvent<this, {
-        selectedFeature: __esri.Graphic[];
-        selectedFeatureIndex: number;
-    }>;
-    "@eventTypes": {
-        "addComment": FeatureDetails["addComment"]["detail"];
-        "commentClick": FeatureDetails["commentClick"]["detail"];
-        "commentSelect": FeatureDetails["commentSelect"]["detail"];
-        "featureSelectionChange": FeatureDetails["featureSelectionChange"]["detail"];
-        "likeOrDislikeClicked": FeatureDetails["likeOrDislikeClicked"]["detail"];
-        "loadingStatus": FeatureDetails["loadingStatus"]["detail"];
-    };
-}
+export abstract class FeatureDetails extends LitElement {
+  /**
+   * When true the snapping options will be exposed
+   *
+   * @default false
+   */
+  accessor enableSnapping: boolean;
+  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  accessor graphics: __esri.Graphic[];
+  /** ILayerItemsHash: LayerDetailsHash for each layer in the map */
+  accessor layerItemsHash: ILayerItemsHash | undefined;
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /** IReportingOptions: Key options for reporting */
+  accessor reportingOptions: IReportingOptions | undefined;
+  /**
+   * boolean: When false comment will shown in single line in the comments list
+   *
+   * @default true
+   */
+  accessor showFullCommentTitle: boolean;
+  /**
+   * boolean: When true the profile image of the comment creator will be shown in the comments list
+   *
+   * @default false
+   */
+  accessor showUserImageInCommentsList: boolean;
+  /** Go to the previous feature in the features widget */
+  back(): Promise<void>;
+  /** Go to the next feature in the features widget */
+  next(): Promise<void>;
+  /**
+   * Refresh the features comments which will fetch like, dislike and update the component
+   *
+   * @param graphic
+   * @returns Promise that resolves when the operation is complete
+   */
+  refresh(graphic?: __esri.Graphic): Promise<void>;
+  /** Toggle the visibility of the features list view */
+  toggleListView(): Promise<void>;
+  /** Emitted on demand when comment icon is clicked */
+  readonly addComment: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when comment is clicked using the feature-list */
+  readonly commentClick: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when comment is selected using the feature-list */
+  readonly commentSelect: import("@arcgis/lumina").TargetedEvent<this, __esri.Graphic>;
+  /** Emitted on demand when the selected index changes */
+  readonly featureSelectionChange: import("@arcgis/lumina").TargetedEvent<this, {
+      selectedFeature: __esri.Graphic[];
+      selectedFeatureIndex: number;
+  }>;
+  /** Emitted on demand when like or dislike button is clicked */
+  readonly likeOrDislikeClicked: import("@arcgis/lumina").TargetedEvent<this, void>;
+  /** Emitted on demand when like or dislike button is clicked */
+  readonly loadingStatus: import("@arcgis/lumina").TargetedEvent<this, boolean>;
+  readonly "@eventTypes": {
+    addComment: FeatureDetails["addComment"]["detail"];
+    commentClick: FeatureDetails["commentClick"]["detail"];
+    commentSelect: FeatureDetails["commentSelect"]["detail"];
+    featureSelectionChange: FeatureDetails["featureSelectionChange"]["detail"];
+    likeOrDislikeClicked: FeatureDetails["likeOrDislikeClicked"]["detail"];
+    loadingStatus: FeatureDetails["loadingStatus"]["detail"];
+  };
+}

package/dist/components/feature-details/customElement.js

@@ -1,29 +1,12 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as u } from "../../chunks/runtime.js";
-import { i as m } from "../../chunks/mapViewUtils.js";
+import { b as m } from "../../chunks/mapViewUtils.js";
 import { css as _, html as o } from "lit";
 import { createRef as p, ref as k } from "lit-html/directives/ref.js";
 import { LitElement as g, createEvent as h, noShadowRoot as f } from "@arcgis/lumina";
 import b from "@arcgis/core/Graphic";
 import C from "@arcgis/core/rest/support/RelationshipQuery";
-/*! 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.97 */
-const F = _`@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}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-foreground-1)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`;
+const F = _`@layer{:host{display:block}.buttons-container{align-items:center;display:flex;padding:4px;color:var(--calcite-color-text-1)!important;background-color:var(--calcite-color-foreground-1)!important;border-block-start:1px solid var(--calcite-color-border-3);border-block-end:1px solid var(--calcite-color-border-3)}}`;
 class I extends g {
   constructor() {
     super(...arguments), this.enableSnapping = !1, this.graphics = [], this.showUserImageInCommentsList = !1, this.showFullCommentTitle = !0, this._likeFieldAvailable = !1, this._likeCount = 0, this._disLikeCount = 0, this._dislikeFieldAvailable = !1, this._commentsAvailable = !1, this._isLikeBtnClicked = !1, this._isDislikeBtnClicked = !1, this._relatedFeaturesOIDs = [], this._updating = !1, this._infoCard = p(), this._commentsList = p(), this._likeField = "", this._dislikeField = "", this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this.relatedTableId = "", this.loadingStatus = h(), this.commentClick = h(), this.commentSelect = h(), this.addComment = h(), this.likeOrDislikeClicked = h(), this.featureSelectionChange = h();
@@ -86,17 +69,17 @@ class I extends g {
       const s = this.mapView && await m(this.mapView);
       let t = null, l = null;
       if (i?.relationships?.some((a) => {
-        const n = s?.filter((r) => i.url === r.url && r.layerId === a.relatedTableId);
-        return n && n.length > 0 ? (t = n[0], l = a.id, !0) : !1;
+        const r = s?.filter((n) => i.url === n.url && n.layerId === a.relatedTableId);
+        return r && r.length > 0 ? (t = r[0], l = a.id, !0) : !1;
       }), this.relatedTableId = t?.id ?? "", this.relatedTableId) {
-        const a = this._selectedGraphic?.attributes[i?.objectIdField], n = new C({
+        const a = this._selectedGraphic?.attributes[i?.objectIdField], r = new C({
           objectIds: [a],
           outFields: ["*"],
           relationshipId: l
-        }), r = n && await i.queryRelatedFeatures(n).catch((d) => {
+        }), n = r && await i.queryRelatedFeatures(r).catch((d) => {
           console.error(d);
         }), c = [];
-        r && r[a] && r[a].features.forEach((d) => {
+        n && n[a] && n[a].features.forEach((d) => {
           c.push(d.attributes[t.objectIdField]);
         }), this._relatedFeaturesOIDs = c, this._commentsAvailable = !0;
       } else
@@ -144,11 +127,11 @@ class I extends g {
       const a = new b();
       if (a) {
         a.attributes = s;
-        const n = { updateFeatures: [a] };
-        await t.applyEdits(n).then(() => {
+        const r = { updateFeatures: [a] };
+        await t.applyEdits(r).then(() => {
           this._selectedGraphic = l, this.setInLocalStorage(), this._updating = !1, this.likeOrDislikeClicked.emit();
-        }, (r) => {
-          this._updating = !1, console.log(r);
+        }, (n) => {
+          this._updating = !1, console.log(n);
         });
       }
     }

package/dist/components/feature-details/index.d.ts

@@ -1,5 +1 @@
-import "@esri/calcite-components/components/calcite-panel";
-import "../info-card/index.js";
-import "@esri/calcite-components/components/calcite-button";
-import "../feature-list/index.js";
 export * from "./customElement.js";