@esri/solutions-components 1.2.0-next.98 → 5.1.0-next.2

package/dist/components/map-layer-picker/customElement.js

@@ -1,38 +1,22 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
-import { d as p, e as b, f as _ } from "../../chunks/mapViewUtils.js";
+import { g as y, d as b, f as _ } from "../../chunks/mapViewUtils.js";
 import { u as f } from "../../chunks/useT9n.js";
 import { css as u, html as i, nothing as l } from "lit";
 import { createRef as o, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as g, createEvent as h, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
+import { LitElement as g, createEvent as n, noShadowRoot as L, safeStyleMap as c, safeClassMap as p } from "@arcgis/lumina";
 import { useContextConsumer as w } from "@arcgis/lumina/context";
 import { p as v } from "../../chunks/publicNotificationContext.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.97 */
-const I = u`@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}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}.popover-list{overflow:auto;width:250px}}`;
-class O extends g {
+const I = u`@layer{:host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}.popover-list{overflow:auto;width:250px}}`;
+class $ extends g {
   constructor() {
-    super(), this.appearance = "transparent", this.configLayerOrderDefined = !1, this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = f({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
+    super(), this.appearance = "transparent", this.configLayerOrderDefined = !1, this.defaultLayerId = "", this.disabled = !1, this.display = "inline-block", this.enabledLayerIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = f({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._pnContextConsumer = w({
       context: v,
       subscribe: !0
-    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = h(), this.idsFound = h(), this.noLayersFound = h(), this.layerSelectionChange = h(), this.listenOn(window, "mapChanged", this.mapChanged);
+    }), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = n(), this.idsFound = n(), this.noLayersFound = n(), this.layerSelectionChange = n(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
-    this.properties = { appearance: 1, configLayerOrderDefined: 5, defaultLayerId: 1, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 0, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
+    this.properties = { appearance: 1, configLayerOrderDefined: 5, defaultLayerId: 1, disabled: 5, display: 1, enabledLayerIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
   }
   static {
     this.styles = I;
@@ -42,7 +26,7 @@ class O extends g {
   }
   willUpdate(e) {
     e.has("mapView") && this.hasUpdated && this.mapViewWatchHandler(), e.has("type") && (this._layerElement = this.type === "select" ? this._layerSelectElement : this._layerComboboxElement), e.has("selectedIds") && this.hasUpdated && this.mapView && (async () => {
-      const t = await p(this.mapView, this.selectedIds[0]);
+      const t = await y(this.mapView, this.selectedIds[0]);
       this.selectedName = t?.title ?? "";
     })(), e.has("enabledLayerIds") && this.hasUpdated && this.enabledLayerIdsWatchHandler();
   }
@@ -51,7 +35,11 @@ class O extends g {
     e ? this.mapViewWatchHandler() : (t || s) && this._setLayers(), this._hasMultipleLayers = this.enabledLayerIds.length > 1;
   }
   async mapViewWatchHandler() {
-    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, await this._setSelectedLayer(this.ids[0])) : this.mapView && (this._hasValidLayers = !1, this.noLayersFound.emit());
+    if (await this._setLayers(), this.ids?.length > 0) {
+      this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1;
+      let e = this.ids[0];
+      this.defaultLayerId && !this.defaultLayerHonored && (e = this.defaultLayerId), await this._setSelectedLayer(e);
+    } else this.mapView && (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   async setLayerById(e, t = !1) {
     this._skipEditCheck = t, !t || t && e !== this.selectedIds[0] ? this._setSelectedLayer(e) : t && e === this.selectedIds[0] && (this.force = !0, setTimeout(() => {
@@ -68,7 +56,7 @@ class O extends g {
     e.detail.isValid || (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   async load() {
-    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, await this._setSelectedLayer(this.ids[0])) : this.mapView && (this._hasValidLayers = !1, this.noLayersFound.emit());
+    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, this.defaultLayerId || await this._setSelectedLayer(this.ids[0])) : this.mapView && (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   render() {
     const e = "map-layer-picker";
@@ -96,7 +84,7 @@ class O extends g {
     return i`<div class="layer-picker-label-container cursor-default"><calcite-icon .icon=${e} scale=s></calcite-icon><calcite-label class="no-bottom-margin padding-start-1">${this.selectedName}</calcite-label></div>`;
   }
   _getSelect(e) {
-    return i`<calcite-select id=${e ?? l} label @calciteSelectChange=${() => this._layerSelectionChange()} .scale=${this.scale} ${d(this._layerElement)}>${this._getMapLayerOptions()}</calcite-select>`;
+    return i`<calcite-select .disabled=${this.disabled} id=${e ?? l} label @calciteSelectChange=${() => this._layerSelectionChange()} .scale=${this.scale} ${d(this._layerElement)}>${this._getMapLayerOptions()}</calcite-select>`;
   }
   _getCombobox(e) {
     return i`<calcite-combobox clear-disabled id=${e ?? l} label @calciteComboboxChange=${() => this._layerSelectionChange()} .placeholderIcon=${this.placeholderIcon} .scale=${this.scale} selection-mode=single ${d(this._layerElement)}>${this._getMapLayerOptions()}</calcite-combobox>`;
@@ -109,7 +97,7 @@ class O extends g {
   }
   _getDropdownButton() {
     const e = this._getItemTypeIcon(), t = this.isMobile ? "" : "max-width-350", s = this.isMobile ? "trigger" : "", a = this._isDropdownOpen ? "chevron-up" : "chevron-down";
-    return i`<calcite-button alignment=icon-end-space-between .appearance=${this.appearance} class=${y(t)} .iconEnd=${a} .iconStart=${e} kind=neutral slot=${s ?? l} width=full><div>${this.selectedName}</div></calcite-button>`;
+    return i`<calcite-button alignment=icon-end-space-between .appearance=${this.appearance} class=${p(t)} .iconEnd=${a} .iconStart=${e} kind=neutral slot=${s ?? l} width=full><div>${this.selectedName}</div></calcite-button>`;
   }
   _getItemTypeIcon() {
     const e = this.selectedIds.length > 0 && this._layerNameHash, t = e ? this.selectedIds[0] : void 0;
@@ -119,10 +107,10 @@ class O extends g {
     return this.ids.reduce((e, t) => (this._validLayer(t) ? e.push(this._getItem(t, "layer")) : this._validTable(t) && e.push(this._getItem(t, "table")), e), []);
   }
   _getItem(e, t) {
-    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name || "", n = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .heading=${r} .selected=${n} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${r} .selected=${n} .value=${e}></calcite-option>` : this.force && n || !this.force ? i`<calcite-dropdown-group class=${y(a ? "disabled" : "")} id=${r ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => {
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, h = s?.name || "", r = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .heading=${h} .selected=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${h} .selected=${r} .value=${e}></calcite-option>` : this.force && r || !this.force ? i`<calcite-dropdown-group class=${p(a ? "disabled" : "")} id=${h ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => {
       this._setSelectedLayer(e);
-    }} .selected=${n}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    }} .selected=${r}>${h}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {
@@ -135,7 +123,7 @@ class O extends g {
         return;
       this.selectedName = t?.name, this.selectedIds = [e], this._popover.value && (this._popover.value.open = !1), this.layerSelectionChange.emit(this.selectedIds);
     } else {
-      const t = this.mapView && await p(this.mapView, this.selectedIds[0]);
+      const t = this.mapView && await y(this.mapView, this.selectedIds[0]);
       this.selectedName = t?.title || "";
     }
   }
@@ -156,10 +144,7 @@ class O extends g {
           ...e.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0),
           ...t.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.indexOf(s) > -1 : !0)
         ];
-      this.idsFound.emit({
-        layerIds: e,
-        tableIds: t
-      });
+      this.idsFound.emit(this.ids);
     }
   }
   _getEditableIds(e) {
@@ -191,7 +176,7 @@ class O extends g {
     }
   }
 }
-m("map-layer-picker", O);
+m("map-layer-picker", $);
 export {
-  O as MapLayerPicker
+  $ as MapLayerPicker
 };

package/dist/components/map-layer-picker/index.d.ts

@@ -1,15 +1 @@
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-select";
-import "@esri/calcite-components/components/calcite-combobox";
-import "@esri/calcite-components/components/calcite-dropdown";
-import "@esri/calcite-components/components/calcite-dropdown-group";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-combobox-item";
-import "@esri/calcite-components/components/calcite-option";
-import "@esri/calcite-components/components/calcite-dropdown-item";
 export * from "./customElement.js";

package/dist/components/map-legend/customElement.d.ts

@@ -1,15 +1,14 @@
-/// <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';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-export declare class MapLegend extends LitElement {
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * esri/widgets/Legend: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html
-     *
-     * Legend instance
-     */
-    legendWidget: __esri.Legend | undefined;
-}
+export abstract class MapLegend extends LitElement {
+  /**
+   * esri/widgets/Legend: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html
+   *
+   * Legend instance
+   */
+  accessor legendWidget: __esri.Legend | undefined;
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+}

package/dist/components/map-legend/customElement.js

@@ -1,27 +1,10 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as t, html as s } from "lit";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { css as i, html as s } from "lit";
 import { createRef as n, ref as a } from "lit-html/directives/ref.js";
 import { LitElement as r } from "@arcgis/lumina";
-import o from "@arcgis/core/widgets/Legend";
-/*! 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 d = t`/**
- * @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}`;
+import d from "@arcgis/core/widgets/Legend";
+const m = i`:host{display:block}`;
 class l extends r {
   constructor() {
     super(...arguments), this._legendElement = n();
@@ -30,7 +13,7 @@ class l extends r {
     this.properties = { mapView: 0, legendWidget: 0 };
   }
   static {
-    this.styles = d;
+    this.styles = m;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapViewWatchHandler();
@@ -47,14 +30,14 @@ class l extends r {
     this.mapView && await this.mapViewWatchHandler();
   }
   _initLegend(e) {
-    e && (this.legendWidget ? this.legendWidget.view = e : this.legendWidget = new o({
+    e && (this.legendWidget ? this.legendWidget.view = e : this.legendWidget = new d({
       container: this._legendElement.value,
       respectLayerDefinitionExpression: !0,
       view: e
     }));
   }
 }
-i("map-legend", l);
+t("map-legend", l);
 export {
   l as MapLegend
 };

package/dist/components/map-picker/customElement.d.ts

@@ -1,60 +1,67 @@
 /// <reference path="../../index.d.ts" />
-import { IBeforeMapChange, IMapInfo } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import type { IBeforeMapChange, IMapInfo } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class MapPicker extends LitElement {
-    /** IMapInfo[]: array of map infos (name and id) */
-    mapInfos: IMapInfo[];
-    /**
-     * boolean: when true map list will shown in half width.
-     *
-     * @default false
-     */
-    isMapLayout?: boolean | undefined;
-    /**
-     * number: optional fixed height value for the control.
-     * Specified as pixel height.
-     */
-    height: number | undefined;
-    /**
-     * boolean: When true the map list will shown inside a popover
-     * In this case the selected map will not shown as label
-     *
-     * @default false
-     */
-    showMapListInPopover: boolean;
-    /**
-     * string: Refrence element for the calcite popover to show the map list
-     *
-     * @default ''
-     */
-    referenceElement: string;
-    /**
-     * string: The id of the map currently selected
-     *
-     * @default ''
-     */
-    selectedWebMapId: string;
-    /**
-     * @param id
-     * @param skipEditCheck
-     */
-    setMapByID(id: string, skipEditCheck?: boolean): Promise<void>;
-    /** Closes the list */
-    close(): Promise<void>;
-    /**
-     * Expands the list
-     *
-     * @param mapListExpanded
-     */
-    toggle(mapListExpanded: boolean): Promise<void>;
-    /** Emitted before a new map is loaded */
-    readonly beforeMapInfoChange: TargetedEvent<this, IBeforeMapChange>;
-    /** Emitted when a new map is loaded */
-    readonly mapInfoChange: TargetedEvent<this, IMapInfo>;
-    "@eventTypes": {
-        "beforeMapInfoChange": MapPicker["beforeMapInfoChange"]["detail"];
-        "mapInfoChange": MapPicker["mapInfoChange"]["detail"];
-    };
-}
+export abstract class MapPicker extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: { switchMap: string; } & T9nMeta<{ switchMap: string; }>;
+  /**
+   * number: optional fixed height value for the control.
+   * Specified as pixel height.
+   */
+  accessor height: number | undefined;
+  /**
+   * boolean: when true map list will shown in half width.
+   *
+   * @default false
+   */
+  accessor isMapLayout: boolean | undefined;
+  /** IMapInfo[]: array of map infos (name and id) */
+  accessor mapInfos: IMapInfo[];
+  /**
+   * string: Refrence element for the calcite popover to show the map list
+   *
+   * @default ''
+   */
+  accessor referenceElement: string;
+  /**
+   * string: The id of the map currently selected
+   *
+   * @default ''
+   */
+  accessor selectedWebMapId: string;
+  /**
+   * boolean: When true the map list will shown inside a popover
+   * In this case the selected map will not shown as label
+   *
+   * @default false
+   */
+  accessor showMapListInPopover: boolean;
+  /** Closes the list */
+  close(): Promise<void>;
+  /**
+   * @param id
+   * @param skipEditCheck
+   */
+  setMapByID(id: string, skipEditCheck?: boolean): Promise<void>;
+  /**
+   * Expands the list
+   *
+   * @param mapListExpanded
+   */
+  toggle(mapListExpanded: boolean): Promise<void>;
+  /** Emitted before a new map is loaded */
+  readonly beforeMapInfoChange: import("@arcgis/lumina").TargetedEvent<this, IBeforeMapChange>;
+  /** Emitted when a new map is loaded */
+  readonly mapInfoChange: import("@arcgis/lumina").TargetedEvent<this, IMapInfo>;
+  readonly "@eventTypes": {
+    beforeMapInfoChange: MapPicker["beforeMapInfoChange"]["detail"];
+    mapInfoChange: MapPicker["mapInfoChange"]["detail"];
+  };
+}

package/dist/components/map-picker/customElement.js

@@ -1,29 +1,13 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { u as h } from "../../chunks/useT9n.js";
 import { css as m, html as s } from "lit";
-import { createRef as l, ref as r } from "lit-html/directives/ref.js";
+import { createRef as n, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as p, safeClassMap as d, safeStyleMap as b } 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.97 */
-const u = m`/** @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;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000}.display-none{display:none}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}.popover-map-list{overflow:auto;width:250px}.max-width-200{max-width:200px}.min-width-150{min-width:150px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}`;
-class g extends f {
+const u = m`:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-bottom-width:1px!important;border-width:0px}.border-bottom-2{border-bottom-width:2px!important;border-width:0px}.border-solid{border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000}.display-none{display:none}.adjusted-height{max-height:calc(100% - 68px);overflow-y:auto}.position-absolute{position:absolute}.position-relative{position:relative}.popover-map-list{overflow:auto;width:250px}.max-width-200{max-width:200px}.min-width-150{min-width:150px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}`;
+class _ extends f {
   constructor() {
-    super(), this.mapInfos = [], this.isMapLayout = !1, this.showMapListInPopover = !1, this.referenceElement = "", this.selectedWebMapId = "", this._mapListExpanded = !1, this._isValidWebMap = !0, this._translations = h({ name: "map-picker", blocking: !0 }), this._list = l(), this._loadedId = "", this._skipEditCheck = !1, this._popover = l(), this._mapPickerButton = l(), this.beforeMapInfoChange = p(), this.mapInfoChange = p(), this.listenOn(window, "mapChanged", this.mapChanged);
+    super(), this.mapInfos = [], this.isMapLayout = !1, this.showMapListInPopover = !1, this.referenceElement = "", this.selectedWebMapId = "", this._mapListExpanded = !1, this._isValidWebMap = !0, this._translations = h({ name: "map-picker", blocking: !0 }), this._list = n(), this._loadedId = "", this._skipEditCheck = !1, this._popover = n(), this._mapPickerButton = n(), this.beforeMapInfoChange = p(), this.mapInfoChange = p(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
     this.properties = { mapInfos: 0, isMapLayout: 5, height: 9, showMapListInPopover: 5, referenceElement: 1, selectedWebMapId: 1, _mapListExpanded: 16, _isValidWebMap: 16, _translations: 16 };
@@ -69,8 +53,8 @@ class g extends f {
     t && this._webMapSelected(t);
   }
   _getMapPicker() {
-    const t = "map-picker-expand-toggle", e = this._mapListExpanded ? "chevron-up" : "chevron-down", i = this.isMapLayout ? "" : "position-absolute", a = this.isMapLayout ? "max-width-200" : "width-full", n = this._isValidWebMap ? "map" : "exclamation-mark-triangle";
-    return s`<div class=${d(a)}><calcite-button alignment=icon-end-space-between appearance=transparent class=${`width-full height-full ${i}`} .iconEnd=${e} .iconStart=${n} id=${t} kind=neutral @click=${() => this._chooseMap()} width=full ${r(this._mapPickerButton)}>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${t}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
+    const t = "map-picker-expand-toggle", e = this._mapListExpanded ? "chevron-up" : "chevron-down", i = this.isMapLayout ? "" : "position-absolute", a = this.isMapLayout ? "max-width-200" : "width-full", l = this._isValidWebMap ? "map" : "exclamation-mark-triangle";
+    return s`<div class=${d(a)}><calcite-button alignment=icon-end-space-between appearance=transparent class=${`width-full height-full ${i}`} .iconEnd=${e} .iconStart=${l} id=${t} kind=neutral @click=${() => this._chooseMap()} width=full ${r(this._mapPickerButton)}>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${t}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
   }
   _getToolbar() {
     const t = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", e = this.isMapLayout ? "" : "position-relative";
@@ -88,8 +72,8 @@ class g extends f {
     });
   }
   _getMapNameList(t) {
-    const e = this.showMapListInPopover ? "position-relative" : "position-absolute", i = this.isMapLayout ? "max-width-200 min-width-150" : "width-full", a = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", n = t ? `map-list border-solid ${a} adjusted-height ${i} ${e}` : "display-none";
-    return s`<div class=${d(n)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${r(this._list)}>${this.mapInfos.map((o) => s`<calcite-list-item .label=${o.name} @click=${() => this._webMapSelected(o)} .selected=${o.id === this._loadedId} .value=${o.id}></calcite-list-item>`)}</calcite-list></div>`;
+    const e = this.showMapListInPopover ? "position-relative" : "position-absolute", i = this.isMapLayout ? "max-width-200 min-width-150" : "width-full", a = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", l = t ? `map-list border-solid ${a} adjusted-height ${i} ${e}` : "display-none";
+    return s`<div class=${d(l)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${r(this._list)}>${this.mapInfos.map((o) => s`<calcite-list-item .label=${o.name} @click=${() => this._webMapSelected(o)} .selected=${o.id === this._loadedId} .value=${o.id}></calcite-list-item>`)}</calcite-list></div>`;
   }
   _getMapListPopover() {
     const t = this.height && this.height > 0 && this.showMapListInPopover ? { "max-height": `${this.height.toString()}px` } : {};
@@ -115,7 +99,7 @@ class g extends f {
     this._mapListExpanded = !this._mapListExpanded;
   }
 }
-c("map-picker", g);
+c("map-picker", _);
 export {
-  g as MapPicker
+  _ as MapPicker
 };

package/dist/components/map-picker/index.d.ts

@@ -1,7 +1 @@
-import "@esri/calcite-components/components/calcite-button";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-action-bar";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-popover";
 export * from "./customElement.js";

package/dist/components/map-search/customElement.d.ts

@@ -1,33 +1,32 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { ISearchConfiguration } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type { ISearchConfiguration } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
-export declare class MapSearch extends LitElement {
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView | undefined;
-    /**
-     * boolean: When true the selected feature popup will be shown when serach result is found
-     *
-     * @default false
-     */
-    popupEnabled: boolean;
-    /**
-     * boolean: When true a graphic will be added for the search result
-     *
-     * @default false
-     */
-    resultGraphicEnabled: boolean;
-    /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration | undefined;
-    /**
-     * string: Text entered by the end user.
-     * Used to search against the locator.
-     *
-     * @default ''
-     */
-    searchTerm: string;
-    /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */
-    searchWidget: __esri.widgetsSearch | undefined;
-}
+export abstract class MapSearch extends LitElement {
+  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  accessor mapView: __esri.MapView | undefined;
+  /**
+   * boolean: When true the selected feature popup will be shown when serach result is found
+   *
+   * @default false
+   */
+  accessor popupEnabled: boolean;
+  /**
+   * boolean: When true a graphic will be added for the search result
+   *
+   * @default false
+   */
+  accessor resultGraphicEnabled: boolean;
+  /** ISearchConfiguration: Configuration details for the Search widget */
+  accessor searchConfiguration: ISearchConfiguration | undefined;
+  /**
+   * string: Text entered by the end user.
+   * Used to search against the locator.
+   *
+   * @default ''
+   */
+  accessor searchTerm: string;
+  /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */
+  accessor searchWidget: __esri.widgetsSearch | undefined;
+}

package/dist/components/map-search/customElement.js

@@ -1,27 +1,11 @@
-import { c as l } from "../../chunks/runtime.js";
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as n } from "../../chunks/runtime.js";
 import { css as d, html as p } from "lit";
 import { createRef as u, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as f } from "@arcgis/lumina";
 import g from "@arcgis/core/widgets/Search";
 import S from "@arcgis/core/layers/FeatureLayer";
-/*! 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 = d`/** @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}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}`;
+const w = d`:host{display:block}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}`;
 class y extends f {
   constructor() {
     super(...arguments), this.popupEnabled = !1, this.resultGraphicEnabled = !1, this.searchTerm = "", this._searchElement = u();
@@ -32,8 +16,8 @@ class y extends f {
   static {
     this.styles = w;
   }
-  willUpdate(i) {
-    i.has("searchConfiguration") && this.watchSearchConfigurationHandler(), i.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(t) {
+    t.has("searchConfiguration") && this.watchSearchConfigurationHandler(), t.has("mapView") && this.mapViewWatchHandler();
   }
   async watchSearchConfigurationHandler() {
     this._initSearchWidget();
@@ -51,40 +35,40 @@ class y extends f {
   }
   _initSearchWidget() {
     if (this.mapView && this._searchElement.value && !this.searchWidget) {
-      let i = {
+      let t = {
         view: this.mapView,
         container: this._searchElement.value,
         searchTerm: this.searchTerm
       };
-      this.searchConfiguration && (i = {
+      this.searchConfiguration && (t = {
         ...this._getSearchConfig(this.searchConfiguration, this.mapView)
-      }), this.searchWidget = new g(i), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
+      }), this.searchWidget = new g(t), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
     } else
       this.searchWidget && (this.searchWidget.view = this.mapView);
   }
-  _getSearchConfig(i, a) {
-    const o = "includeDefaultSources", r = i.sources;
-    return r && r?.length > 0 ? (i[o] = !1, r.forEach((t) => {
-      if (t.hasOwnProperty("layer")) {
-        const e = t, s = e.layer?.id, c = s ? a.map?.findLayerById(s) : null, n = e?.layer?.url;
-        c ? e.layer = c : n && (e.layer = new S(n));
+  _getSearchConfig(t, s) {
+    const o = "includeDefaultSources", r = t.sources;
+    return r && r?.length > 0 ? (t[o] = !1, r.forEach((i) => {
+      if (i.hasOwnProperty("layer")) {
+        const e = i, a = e.layer?.id, c = a ? s.map?.findLayerById(a) : null, h = e?.layer?.url;
+        c ? e.layer = c : h && (e.layer = new S(h));
       }
-    }), r?.forEach((t) => {
-      if (t.hasOwnProperty("locator")) {
-        const e = t;
+    }), r?.forEach((i) => {
+      if (i.hasOwnProperty("locator")) {
+        const e = i;
         if (e?.name === "ArcGIS World Geocoding Service") {
-          const s = e.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          e.outFields = s, e.singleLineFieldName = "SingleLine";
+          const a = e.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+          e.outFields = a, e.singleLineFieldName = "SingleLine";
         }
         e.url = e.url, delete e.url;
       }
-    })) : i = {
-      ...i,
+    })) : t = {
+      ...t,
       includeDefaultSources: !0
-    }, i;
+    }, t;
   }
 }
-l("map-search", y);
+n("map-search", y);
 export {
   y as MapSearch
 };