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

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

@@ -1,12 +1,12 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as t, 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.56 */
-const d = t`/**
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement } from "@arcgis/lumina";
+import Legend from "@arcgis/core/widgets/Legend";
+const styles = css`/**
  * @license
  * Copyright 2025 Esri
  *
@@ -21,19 +21,27 @@ const d = t`/**
  * 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}`;
-class l extends r {
+ */
+
+/* TODO update all of these :host */
+:host {
+  display: block;
+}`;
+class MapLegend extends LitElement {
   constructor() {
-    super(...arguments), this._legendElement = n();
+    super(...arguments);
+    this._legendElement = createRef();
   }
   static {
-    this.properties = { mapView: 0, legendWidget: 0 };
+    this.properties = { mapView: [0, {}, { attribute: false }], legendWidget: [0, {}, { attribute: false }] };
   }
   static {
-    this.styles = d;
+    this.styles = styles;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(changes) {
+    if (changes.has("mapView")) {
+      void this.mapViewWatchHandler();
+    }
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
@@ -41,20 +49,29 @@ class l extends r {
     });
   }
   render() {
-    return s`<div ${a(this._legendElement)}></div>`;
+    return html`<div ${ref(this._legendElement)}></div>`;
   }
   async loaded() {
-    this.mapView && await this.mapViewWatchHandler();
+    if (this.mapView) {
+      await this.mapViewWatchHandler();
+    }
   }
-  _initLegend(e) {
-    e && (this.legendWidget ? this.legendWidget.view = e : this.legendWidget = new o({
-      container: this._legendElement.value,
-      respectLayerDefinitionExpression: !0,
-      view: e
-    }));
+  _initLegend(view) {
+    if (view) {
+      if (!this.legendWidget) {
+        this.legendWidget = new Legend({
+          container: this._legendElement.value,
+          respectLayerDefinitionExpression: true,
+          view
+        });
+      } else {
+        this.legendWidget.view = view;
+      }
+    }
   }
 }
-i("map-legend", l);
+customElement("map-legend", MapLegend);
 export {
-  l as MapLegend
+  MapLegend
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-legend/map-legend.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 { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  h,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './map-legend.css';\r\nimport Legend from '@arcgis/core/widgets/Legend';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-legend': MapLegend;\r\n  }\r\n}\r\n\r\nexport class MapLegend 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    if (changes.has('mapView')) {\r\n      void this.mapViewWatchHandler();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /**\r\n   * esri/widgets/Legend: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Legend.html\r\n   *\r\n   * Legend instance\r\n   */\r\n  @property() legendWidget: __esri.Legend | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** HTMLElement: The container div for the legend widget */\r\n  private _legendElement = createRef<HTMLDivElement>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  // TODO add doc\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    await this.mapView?.when(() => {\r\n      this.mapView && this._initLegend(this.mapView);\r\n    });\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return <div ref={this._legendElement} />;\r\n  }\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */\r\n  async loaded(): Promise<void> {\r\n    if (this.mapView) {\r\n      await this.mapViewWatchHandler();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Initialize the basemap gallery or reset the current view if it already exists */\r\n  private _initLegend(view: __esri.MapView): void {\r\n    if (view) {\r\n      if (!this.legendWidget) {\r\n        this.legendWidget = new Legend({\r\n          container: this._legendElement.value,\r\n          respectLayerDefinitionExpression: true,\r\n          view,\r\n        });\r\n      } else {\r\n        this.legendWidget.view = view;\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCM,MAAO,kBAAkB,WAAU;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAgDJ,SAAQ,iBAAiB,UAAA;AAAA;;;;EAxCzB,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAGhB,WACP,SACK;AACL,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,WAAK,KAAK,oBAAA;AAAA,IACZ;AAAA,EACF;AAAA,EAwCA,MAAc,sBAAoC;AAChD,UAAM,KAAK,SAAS,KAAK,MAAK;AAC5B,WAAK,WAAW,KAAK,YAAY,KAAK,OAAO;AAAA,IAC/C,CAAC;AAAA,EACH;AAAA,EAGS,SAAiB;AACxB,WAAA,YAAAA,IAAiB,KAAK,cAAc,CAAA;AAAA,EACtC;AAAA,EAIA,MAAM,SAAuB;AAC3B,QAAI,KAAK,SAAS;AAChB,YAAM,KAAK,oBAAA;AAAA,IACb;AAAA,EACF;AAAA,EASQ,YAAY,MAA2B;AAC7C,QAAI,MAAM;AACR,UAAI,CAAC,KAAK,cAAc;AACtB,aAAK,eAAe,IAAI,OAAO;AAAA,UAC7B,WAAW,KAAK,eAAe;AAAA,UAC/B,kCAAkC;AAAA,UAClC;AAAA,QAAA,CACD;AAAA,MACH,OAAO;AACL,aAAK,aAAa,OAAO;AAAA,MAC3B;AAAA,IACF;AAAA,EACF;AACD;;"}

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

@@ -1,12 +1,12 @@
-import { c } from "../../chunks/runtime.js";
-import { u as h } from "../../chunks/useT9n.js";
-import { css as m, html as a } from "lit";
-import { createRef as l, 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.56 */
-const u = m`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement, createEvent, safeClassMap, safeStyleMap } from "@arcgis/lumina";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,102 +20,253 @@ const u = m`/** @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;--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}`;
-class _ extends f {
+ */
+
+: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;
+}`;
+class MapPicker extends LitElement {
   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 = false;
+    this.showMapListInPopover = false;
+    this.referenceElement = "";
+    this.selectedWebMapId = "";
+    this._mapListExpanded = false;
+    this._isValidWebMap = true;
+    this._translations = useT9n({ name: "map-picker", blocking: true });
+    this._list = createRef();
+    this._loadedId = "";
+    this._skipEditCheck = false;
+    this._popover = createRef();
+    this._mapPickerButton = createRef();
+    this.beforeMapInfoChange = createEvent();
+    this.mapInfoChange = createEvent();
+    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 };
+    this.properties = { mapInfos: [0, {}, { attribute: false }], isMapLayout: [5, {}, { type: Boolean }], height: [9, {}, { type: Number }], showMapListInPopover: [5, {}, { type: Boolean }], referenceElement: 1, selectedWebMapId: 1, _mapListExpanded: [16, {}, { state: true }], _isValidWebMap: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = u;
+    this.styles = styles;
   }
-  willUpdate(e) {
-    e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler(this.mapInfos, e.get("mapInfos")), e.has("selectedWebMapId") && this.hasUpdated && this.selectedWebMapIdWatchHandler(this.selectedWebMapId);
+  willUpdate(changes) {
+    if (changes.has("mapInfos") && this.hasUpdated) {
+      void this.mapInfosWatchHandler(this.mapInfos, changes.get("mapInfos"));
+    }
+    if (changes.has("selectedWebMapId") && this.hasUpdated) {
+      void this.selectedWebMapIdWatchHandler(this.selectedWebMapId);
+    }
   }
-  _webMapInfoWatchHandler(e, t) {
-    e && JSON.stringify(e) !== JSON.stringify(t) && (this._loadedId = e?.id, this.mapInfoChange.emit(e));
+  _webMapInfoWatchHandler(v, oldV) {
+    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
+      this._loadedId = v?.id;
+      this.mapInfoChange.emit(v);
+    }
   }
-  async mapInfosWatchHandler(e, t) {
-    if (e && JSON.stringify(e) !== JSON.stringify(t)) {
-      const i = this._getWebMapInfo();
-      this._webMapSelected(i);
+  async mapInfosWatchHandler(v, oldV) {
+    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
+      const webMapInfo = this._getWebMapInfo();
+      this._webMapSelected(webMapInfo);
     }
   }
-  async selectedWebMapIdWatchHandler(e) {
-    this._loadedId = e;
+  async selectedWebMapIdWatchHandler(v) {
+    this._loadedId = v;
   }
-  async setMapByID(e, t = !1) {
-    this._skipEditCheck = t;
-    const i = this.mapInfos?.filter((s) => s.id === e);
-    e && i?.length > 0 && this._webMapSelected(i[0]), this._skipEditCheck = !1;
+  async setMapByID(id, skipEditCheck = false) {
+    this._skipEditCheck = skipEditCheck;
+    const mapInfos = this.mapInfos?.filter((i) => i.id === id);
+    if (id && mapInfos?.length > 0) {
+      this._webMapSelected(mapInfos[0]);
+    }
+    this._skipEditCheck = false;
   }
   async close() {
-    this._mapListExpanded && (this._mapListExpanded = !1);
+    if (this._mapListExpanded) {
+      this._mapListExpanded = false;
+    }
   }
-  async toggle(e) {
-    this._mapListExpanded = e;
+  async toggle(mapListExpanded) {
+    this._mapListExpanded = mapListExpanded;
   }
-  async mapChanged(e) {
-    const t = e.detail.isValid;
-    this._isValidWebMap = t;
+  async mapChanged(_evt) {
+    const _isValid = _evt.detail.isValid;
+    this._isValidWebMap = _isValid;
   }
   render() {
-    return a`${!this.showMapListInPopover && this._getToolbar() || ""}${this.showMapListInPopover ? this._getMapListPopover() : this._getMapNameList(this._mapListExpanded)}`;
+    return html`${!this.showMapListInPopover && this._getToolbar() || ""}${this.showMapListInPopover ? this._getMapListPopover() : this._getMapNameList(this._mapListExpanded)}`;
   }
   loaded() {
-    const e = this._getWebMapInfo();
-    e && this._webMapSelected(e);
+    const webMapInfo = this._getWebMapInfo();
+    if (webMapInfo) {
+      this._webMapSelected(webMapInfo);
+    }
   }
   _getMapPicker() {
-    const e = "map-picker-expand-toggle", t = this._mapListExpanded ? "chevron-up" : "chevron-down", i = this.isMapLayout ? "" : "position-absolute", s = this.isMapLayout ? "max-width-200" : "width-full", n = this._isValidWebMap ? "map" : "exclamation-mark-triangle";
-    return a`<div class=${d(s)}><calcite-button alignment=icon-end-space-between appearance=transparent class=${`width-full height-full ${i}`} .iconEnd=${t} .iconStart=${n} id=${e} kind=neutral @click=${() => this._chooseMap()} width=full ${r(this._mapPickerButton)}>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${e}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
+    const id = "map-picker-expand-toggle";
+    const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
+    const position = this.isMapLayout ? "" : "position-absolute";
+    const width = this.isMapLayout ? "max-width-200" : "width-full";
+    const iconStart = this._isValidWebMap ? "map" : "exclamation-mark-triangle";
+    return html`<div class=${safeClassMap(width)}><calcite-button alignment=icon-end-space-between appearance=transparent class=${`width-full height-full ${position}`} .iconEnd=${mapListIcon} .iconStart=${iconStart} id=${id} kind=neutral @click=${() => this._chooseMap()} width=full ${ref(this._mapPickerButton)}>${this._getWebMapInfo().name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${id}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
   }
   _getToolbar() {
-    const e = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", t = this.isMapLayout ? "" : "position-relative";
-    return a`<div class=${`display-flex border-left-right ${t}`}><calcite-action-bar class=${`border-solid action-bar-size overflow-hidden ${e}`} expand-disabled layout=horizontal slot=header>${this._getMapPicker()}${this._updateMapPickerIconColor()}</calcite-action-bar></div>`;
+    const borderBottom = this.isMapLayout ? "border-bottom-1" : "border-bottom-2";
+    const position = this.isMapLayout ? "" : "position-relative";
+    return html`<div class=${`display-flex border-left-right ${position}`}><calcite-action-bar class=${`border-solid action-bar-size overflow-hidden ${borderBottom}`} expand-disabled layout=horizontal slot=header>${this._getMapPicker()}${this._updateMapPickerIconColor()}</calcite-action-bar></div>`;
   }
   _updateMapPickerIconColor() {
-    this._mapPickerButton.value?.componentOnReady().then(() => {
-      const t = this._mapPickerButton.value?.shadowRoot?.lastChild;
-      let i = null;
-      if (t && t instanceof HTMLElement) {
-        const s = t.getElementsByClassName("icon icon--start");
-        s.length > 0 && (i = s[0]);
+    void this._mapPickerButton.value?.componentOnReady().then(() => {
+      const buttonEl = this._mapPickerButton.value;
+      const lastChild = buttonEl?.shadowRoot?.lastChild;
+      let iconStart = null;
+      if (lastChild && lastChild instanceof HTMLElement) {
+        const iconElements = lastChild.getElementsByClassName("icon icon--start");
+        if (iconElements.length > 0) {
+          iconStart = iconElements[0];
+        }
+      }
+      if (iconStart) {
+        if (this._isValidWebMap) {
+          iconStart.style.setProperty("color", "var(--calcite-color-text-1)");
+        } else {
+          iconStart.style.setProperty("color", "var(--calcite-color-status-danger)");
+        }
       }
-      i && (this._isValidWebMap ? i.style.setProperty("color", "var(--calcite-color-text-1)") : i.style.setProperty("color", "var(--calcite-color-status-danger)"));
     });
   }
-  _getMapNameList(e) {
-    const t = this.showMapListInPopover ? "position-relative" : "position-absolute", i = this.isMapLayout ? "max-width-200 min-width-150" : "width-full", s = this.isMapLayout ? "border-bottom-1" : "border-bottom-2", n = e ? `map-list border-solid ${s} adjusted-height ${i} ${t}` : "display-none";
-    return a`<div class=${d(n)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${r(this._list)}>${this.mapInfos.map((o) => a`<calcite-list-item .label=${o.name} @click=${() => this._webMapSelected(o)} .selected=${o.id === this._loadedId} .value=${o.id}></calcite-list-item>`)}</calcite-list></div>`;
+  _getMapNameList(show) {
+    const position = this.showMapListInPopover ? "position-relative" : "position-absolute";
+    const width = this.isMapLayout ? "max-width-200 min-width-150" : "width-full";
+    const borderBottom = this.isMapLayout ? "border-bottom-1" : "border-bottom-2";
+    const listClass = show ? `map-list border-solid ${borderBottom} adjusted-height ${width} ${position}` : "display-none";
+    return html`<div class=${safeClassMap(listClass)}><calcite-list id=mapList label selection-appearance=border selection-mode=single-persist ${ref(this._list)}>${this.mapInfos.map((mapInfo) => {
+      return html`<calcite-list-item .label=${mapInfo.name} @click=${() => this._webMapSelected(mapInfo)} .selected=${mapInfo.id === this._loadedId} .value=${mapInfo.id}></calcite-list-item>`;
+    })}</calcite-list></div>`;
   }
   _getMapListPopover() {
-    const e = this.height && this.height > 0 && this.showMapListInPopover ? { "max-height": `${this.height.toString()}px` } : {};
-    return a`<calcite-popover auto-close focus-trap-disabled .label=${this.referenceElement} placement=left .referenceElement=${this.referenceElement} ${r(this._popover)}><div style=${b(e)} class=popover-map-list>${this._getMapNameList(!0)}</div></calcite-popover>`;
+    const style = this.height && this.height > 0 && this.showMapListInPopover ? { "max-height": `${this.height.toString()}px` } : {};
+    return html`<calcite-popover auto-close focus-trap-disabled .label=${this.referenceElement} placement=left .referenceElement=${this.referenceElement} ${ref(this._popover)}><div style=${safeStyleMap(style)} class=popover-map-list>${this._getMapNameList(true)}</div></calcite-popover>`;
   }
   _getWebMapInfo() {
-    let e = this.mapInfos.find((t) => this.selectedWebMapId === t.id);
-    if (!e && this.mapInfos.length > 0 && (e = this.mapInfos[0]), !e)
+    let webMapInfo = this.mapInfos.find((mapInfo) => this.selectedWebMapId === mapInfo.id);
+    if (!webMapInfo && this.mapInfos.length > 0) {
+      webMapInfo = this.mapInfos[0];
+    }
+    if (!webMapInfo) {
       throw new Error("No valid web map info available");
-    return e;
-  }
-  _webMapSelected(e) {
-    const t = this._loadedId;
-    this._loadedId = e.id;
-    let i = !1;
-    this._skipEditCheck ? i = !0 : this.beforeMapInfoChange.emit({
-      currentId: t,
-      mapInfo: e,
-      ref: this.el
-    }).defaultPrevented || (i = !0), i && (this._webMapInfoWatchHandler(e, this._webMapInfo), this._webMapInfo = e), this._popover.value && (this._popover.value.open = !1), this._mapListExpanded = !1;
+    }
+    return webMapInfo;
+  }
+  _webMapSelected(webMapInfo) {
+    const currentId = this._loadedId;
+    this._loadedId = webMapInfo.id;
+    let updateWebMapInfo = false;
+    if (this._skipEditCheck) {
+      updateWebMapInfo = true;
+    } else {
+      const _evt = this.beforeMapInfoChange.emit({
+        currentId,
+        mapInfo: webMapInfo,
+        ref: this.el
+      });
+      if (!_evt.defaultPrevented) {
+        updateWebMapInfo = true;
+      }
+    }
+    if (updateWebMapInfo) {
+      this._webMapInfoWatchHandler(webMapInfo, this._webMapInfo);
+      this._webMapInfo = webMapInfo;
+    }
+    if (this._popover.value) {
+      this._popover.value.open = false;
+    }
+    this._mapListExpanded = false;
   }
   _chooseMap() {
     this._mapListExpanded = !this._mapListExpanded;
   }
 }
-c("map-picker", _);
+customElement("map-picker", MapPicker);
 export {
-  _ as MapPicker
+  MapPicker
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-picker/map-picker.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 {\r\n  IBeforeMapChange,\r\n  IMapInfo\r\n} from '../../utils/interfaces';\r\nimport type T9nStrings from './assets/t9n/messages.en.json';\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 './map-picker.css';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-picker': MapPicker;\r\n  }\r\n}\r\n\r\nexport class MapPicker 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  constructor() {\r\n    super();\r\n    this.listenOn(window, 'mapChanged', this.mapChanged);\r\n  }\r\n\r\n  override willUpdate(changes: PropertyValues<this>): void {\r\n    /* TODO: [MIGRATION] First time Lit calls willUpdate(), changes will include not just properties provided by the user, 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\r\n    // This was not getting hit on load\r\n    // if (changes.has('_webMapInfo')) {\r\n    //   this._webMapInfoWatchHandler(this._webMapInfo, changes.get('_webMapInfo'));\r\n    // }\r\n\r\n    if (changes.has('mapInfos') && this.hasUpdated) {\r\n      void this.mapInfosWatchHandler(this.mapInfos, changes.get('mapInfos'));\r\n    }\r\n\r\n    if (changes.has('selectedWebMapId') && this.hasUpdated) {\r\n      void this.selectedWebMapIdWatchHandler(this.selectedWebMapId);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** IMapInfo[]: array of map infos (name and id) */\r\n  @property() mapInfos: IMapInfo[] = [];\r\n\r\n  /** boolean: when true map list will shown in half width. */\r\n  @property() isMapLayout? = false;\r\n\r\n  /** number: optional fixed height value for the control.\r\n   * Specified as pixel height.\r\n   */\r\n  @property() height: number | undefined;\r\n\r\n  /**\r\n   * boolean: When true the map list will shown inside a popover\r\n   * In this case the selected map will not shown as label\r\n   */\r\n  @property() showMapListInPopover: boolean = false;\r\n\r\n  /** string: Refrence element for the calcite popover to show the map list */\r\n  @property() referenceElement = '';\r\n\r\n  /** string: The id of the map currently selected */\r\n  @property() selectedWebMapId = '';\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: controls the state of the map list */\r\n  @state() _mapListExpanded = false;\r\n\r\n  /** boolean:  Indicates whether the currently selected web map is valid and successfully loaded. */\r\n  @state() _isValidWebMap = true;\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: 'map-picker', blocking: true });\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** HTMLCalciteListElement: this list of map names */\r\n  private _list = createRef<HTMLCalciteListElement>();\r\n\r\n  /** string: the id of map currently displayed */\r\n  private _loadedId = '';\r\n\r\n  /** IMapInfo: id and name of the map to display */\r\n  private _webMapInfo: IMapInfo | undefined;\r\n\r\n  /** boolean: when true we will not test for any active edits onBeforeMapChange */\r\n  private _skipEditCheck = false;\r\n\r\n  /** HTMLCalcitePopoverElement: The calcite popover element */\r\n  private _popover = createRef<HTMLCalcitePopoverElement>();\r\n\r\n  /** HTMLCalciteButtonElement: The calcite button element */\r\n  private _mapPickerButton = createRef<HTMLCalciteButtonElement>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Called each time the _webMapInfo prop is changed. */\r\n  private _webMapInfoWatchHandler(\r\n    v: IMapInfo,\r\n    oldV?: IMapInfo\r\n  ): void {\r\n    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {\r\n      this._loadedId = v?.id;\r\n      this.mapInfoChange.emit(v);\r\n    }\r\n  }\r\n\r\n  /** Called each time the mapInfos prop is changed. */\r\n  private async mapInfosWatchHandler(\r\n    v: IMapInfo[],\r\n    oldV?: IMapInfo[]\r\n  ): Promise<void> {\r\n    if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {\r\n      const webMapInfo = this._getWebMapInfo();\r\n      this._webMapSelected(webMapInfo);\r\n    }\r\n  }\r\n\r\n  /** Called each time the selectedWebMapId prop is changed. */\r\n  private async selectedWebMapIdWatchHandler(\r\n    v: string\r\n  ): Promise<void> {\r\n    this._loadedId = v;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  @method()\r\n  async setMapByID(\r\n    id: string,\r\n    skipEditCheck = false\r\n  ): Promise<void> {\r\n    this._skipEditCheck = skipEditCheck;\r\n    const mapInfos = this.mapInfos?.filter(i => i.id === id);\r\n    if (id && mapInfos?.length > 0) {\r\n      this._webMapSelected(mapInfos[0]);\r\n    }\r\n    this._skipEditCheck = false;\r\n  }\r\n\r\n  /** Closes the list */\r\n  @method()\r\n  async close(): Promise<void> {\r\n    if (this._mapListExpanded) {\r\n      this._mapListExpanded = false;\r\n    }\r\n  }\r\n\r\n  /** Expands the list */\r\n  @method()\r\n  async toggle(\r\n    mapListExpanded: boolean\r\n  ): Promise<void> {\r\n    this._mapListExpanded = mapListExpanded;\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted before a new map is loaded */\r\n  beforeMapInfoChange = createEvent<IBeforeMapChange>();\r\n\r\n  /** Emitted when a new map is loaded */\r\n  mapInfoChange = createEvent<IMapInfo>();\r\n\r\n  /** Emits an event when web map is loaded */\r\n  private async mapChanged(_evt: CustomEvent): Promise<void> {\r\n    const _isValid = _evt.detail.isValid;\r\n    this._isValidWebMap = _isValid;\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return (\r\n      <>\r\n        {!this.showMapListInPopover && this._getToolbar()}\r\n        {this.showMapListInPopover ? this._getMapListPopover() : this._getMapNameList(this._mapListExpanded)}\r\n      </>\r\n    );\r\n  }\r\n\r\n  /** Called once after the component has loaded */\r\n  loaded(): void {\r\n    const webMapInfo = this._getWebMapInfo();\r\n    if (webMapInfo) {\r\n      this._webMapSelected(webMapInfo);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Get a calcite action group for the map list\r\n   * Actions do not support multiple icons so this uses a block\r\n   *\r\n   * @returns the dom node for the action group\r\n   * @private\r\n   */\r\n  private _getMapPicker(): JsxNode {\r\n    const id = 'map-picker-expand-toggle';\r\n    const mapListIcon = this._mapListExpanded ? 'chevron-up' : 'chevron-down';\r\n    // To handle long webmap name\r\n    const position = this.isMapLayout ? '' : 'position-absolute';\r\n    const width = this.isMapLayout ? 'max-width-200' : 'width-full';\r\n    // If the map is valid, use the map icon, otherwise use the warning icon\r\n    const iconStart = this._isValidWebMap ? 'map' : 'exclamation-mark-triangle';\r\n    return (\r\n      <div class={width}>\r\n        <calcite-button\r\n          alignment='icon-end-space-between'\r\n          appearance='transparent'\r\n          class={`width-full height-full ${position}`}\r\n          iconEnd={mapListIcon}\r\n          iconStart={iconStart}\r\n          id={id}\r\n          kind='neutral'\r\n          onClick={() => this._chooseMap()}\r\n          ref={this._mapPickerButton}\r\n          width='full'\r\n        >\r\n          {this._getWebMapInfo().name}\r\n        </calcite-button>\r\n        <calcite-tooltip\r\n          placement='bottom'\r\n          referenceElement={id}\r\n        >\r\n          <span>\r\n            {this._translations.switchMap}\r\n          </span>\r\n        </calcite-tooltip>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Create the toolbar (controls used for map and app interactions)\r\n   *\r\n   * @returns The dom node with the toolbar\r\n   * @private\r\n   */\r\n  private _getToolbar(): JsxNode {\r\n    const borderBottom = this.isMapLayout ? 'border-bottom-1' : 'border-bottom-2';\r\n    // To handle long webmap name\r\n    const position = this.isMapLayout ? '' : 'position-relative';\r\n    return (\r\n      <div class={`display-flex border-left-right ${position}`}>\r\n        <calcite-action-bar\r\n          class={`border-solid action-bar-size overflow-hidden ${borderBottom}`}\r\n          expandDisabled\r\n          layout='horizontal'\r\n          slot='header'\r\n        >\r\n          {this._getMapPicker()}\r\n          {this._updateMapPickerIconColor()}\r\n        </calcite-action-bar>\r\n      </div>\r\n    );\r\n  }\r\n\r\n\r\n  /**\r\n   * Updates the color of the map picker icon based on the validity of the selected web map.\r\n   * @private\r\n   */\r\n  private _updateMapPickerIconColor(): void {\r\n    void this._mapPickerButton.value?.componentOnReady().then(() => {\r\n      const buttonEl = this._mapPickerButton.value;\r\n      const lastChild = buttonEl?.shadowRoot?.lastChild;\r\n      let iconStart: HTMLElement | null = null;\r\n      if (lastChild && lastChild instanceof HTMLElement) {\r\n        const iconElements = lastChild.getElementsByClassName('icon icon--start');\r\n        if (iconElements.length > 0) {\r\n          iconStart = iconElements[0] as HTMLElement;\r\n        }\r\n      }\r\n      if (iconStart) {\r\n        if (this._isValidWebMap) {\r\n          // If the web map is valid, sets the icon color to the default text color using the CSS variable `--calcite-color-text-1`.\r\n          iconStart.style.setProperty('color', 'var(--calcite-color-text-1)');\r\n        } else {\r\n          // If the web map is invalid, sets the icon color to the danger status color using the CSS variable `--calcite-color-status-danger`.\r\n          iconStart.style.setProperty('color', 'var(--calcite-color-status-danger)');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Get a pick list for all maps in mapInfos\r\n   *\r\n   * @param show boolean to indicate if the list should be shown or hidden\r\n   * @returns the dom node for the list of maps\r\n   * @private\r\n   */\r\n  private _getMapNameList(\r\n    show: boolean\r\n  ): JsxNode {\r\n    const position = this.showMapListInPopover ? 'position-relative' : 'position-absolute';\r\n    const width = this.isMapLayout ? 'max-width-200 min-width-150' : 'width-full';\r\n    const borderBottom = this.isMapLayout ? 'border-bottom-1' : 'border-bottom-2';\r\n    const listClass = show ? `map-list border-solid ${borderBottom} adjusted-height ${width} ${position}` : 'display-none';\r\n    return (\r\n      <div class={listClass}>\r\n        <calcite-list\r\n          id='mapList'\r\n          label=''\r\n          ref={this._list}\r\n          selectionAppearance='border'\r\n          selectionMode='single-persist'\r\n        >\r\n          {this.mapInfos.map(mapInfo => {\r\n            return <calcite-list-item\r\n              label={mapInfo.name}\r\n              onClick={() => this._webMapSelected(mapInfo)}\r\n              selected={mapInfo.id === this._loadedId}\r\n              value={mapInfo.id}\r\n            />;\r\n          })}\r\n        </calcite-list>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Gets the map list popover element\r\n   * @returns The dom node with the will calcite popover\r\n   * @private\r\n   */\r\n  private _getMapListPopover(): JsxNode {\r\n    const style = this.height && this.height > 0 && this.showMapListInPopover ? { 'max-height': `${this.height.toString()}px` } : {};\r\n    return (\r\n      <calcite-popover\r\n        autoClose\r\n        focusTrapDisabled={true}\r\n        label={this.referenceElement}\r\n        placement='left'\r\n        ref={this._popover}\r\n        referenceElement={this.referenceElement}>\r\n        <div\r\n          style={style}\r\n          class={'popover-map-list'}\r\n        >\r\n          {this._getMapNameList(true)}\r\n        </div>\r\n      </calcite-popover>\r\n    )\r\n  }\r\n\r\n  /**\r\n   * Gets the web map info\r\n   * @returns web map info\r\n   */\r\n  private _getWebMapInfo(): IMapInfo {\r\n    let webMapInfo = this.mapInfos.find((mapInfo) => this.selectedWebMapId === mapInfo.id);\r\n    if (!webMapInfo && this.mapInfos.length > 0) {\r\n      webMapInfo = this.mapInfos[0];\r\n    }\r\n    if (!webMapInfo) {\r\n      throw new Error('No valid web map info available');\r\n    }\r\n    return webMapInfo;\r\n  }\r\n\r\n  /**\r\n   * Fired when the user clicks on the map list\r\n   *\r\n   * @param webMapInfo the web map id and name selected from the list\r\n   */\r\n  private _webMapSelected(\r\n    webMapInfo: IMapInfo\r\n  ): void {\r\n    const currentId = this._loadedId;\r\n    this._loadedId = webMapInfo.id;\r\n    let updateWebMapInfo = false;\r\n    if (this._skipEditCheck) {\r\n      updateWebMapInfo = true;\r\n    } else {\r\n      const _evt = this.beforeMapInfoChange.emit({\r\n        currentId,\r\n        mapInfo: webMapInfo,\r\n        ref: this.el,\r\n      });\r\n      if (!_evt.defaultPrevented) {\r\n        updateWebMapInfo = true;\r\n      }\r\n    }\r\n    if (updateWebMapInfo) {\r\n      this._webMapInfoWatchHandler(webMapInfo, this._webMapInfo);\r\n      this._webMapInfo = webMapInfo;\r\n    }\r\n    if (this._popover.value) {\r\n      this._popover.value.open = false;\r\n    }\r\n    this._mapListExpanded = false;\r\n  }\r\n\r\n  /**\r\n   * Toggles the open/close state of the map list\r\n   *\r\n   * @returns the dom node for the action group\r\n   * @private\r\n   */\r\n  private _chooseMap(): void {\r\n    this._mapListExpanded = !this._mapListExpanded;\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class MapSearch extends LitElement {
-    /** 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 popup will be shown when serach result is found
@@ -28,6 +28,6 @@ export declare class MapSearch extends LitElement {
      * @default ''
      */
     searchTerm: string;
-    /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */
+    /** esri/widgets/Search: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */
     searchWidget: __esri.widgetsSearch | undefined;
 }