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

package/dist/components/map-floor-filter/customElement.d.ts

@@ -11,12 +11,12 @@ export declare class MapFloorFilter extends LitElement {
      */
     enabled: boolean;
     /**
-     * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
+     * esri/widgets/FloorFilter: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
      *
      * FloorFilter instance
      */
     floorFilterWidget: __esri.FloorFilter | undefined;
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /** Emitted on demand when the Facility is changed */
     readonly facilityChanged: TargetedEvent<this, string>;

package/dist/components/map-floor-filter/customElement.js

@@ -1,13 +1,13 @@
-import { c as r } from "../../chunks/runtime.js";
-import { css as o, html as a } from "lit";
-import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as d, createEvent as l } from "@arcgis/lumina";
-import m from "@arcgis/core/widgets/FloorFilter";
-import * as s 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.57 */
-const c = o`/** @license
+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, createEvent } from "@arcgis/lumina";
+import FloorFilter from "@arcgis/core/widgets/FloorFilter";
+import * as reactiveUtils from "@arcgis/core/core/reactiveUtils";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,55 +21,100 @@ const c = o`/** @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}`;
-class f extends d {
+ */
+
+:host {
+  display: block;
+}`;
+class MapFloorFilter extends LitElement {
   constructor() {
-    super(...arguments), this.enabled = !1, this._floorFilterElement = n(), this.facilityChanged = l(), this.levelChanged = l(), this.siteChanged = l();
+    super(...arguments);
+    this.enabled = false;
+    this._floorFilterElement = createRef();
+    this.facilityChanged = createEvent();
+    this.levelChanged = createEvent();
+    this.siteChanged = createEvent();
   }
   static {
-    this.properties = { enabled: 5, floorFilterWidget: 0, mapView: 0 };
+    this.properties = { enabled: [5, {}, { type: Boolean }], floorFilterWidget: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }] };
   }
   static {
-    this.styles = c;
+    this.styles = styles;
   }
-  willUpdate(i) {
-    i.has("mapView") && this.mapViewWatchHandler(), i.has("enabled") && this.enabledWatchHandler();
+  willUpdate(changes) {
+    if (changes.has("mapView")) {
+      void this.mapViewWatchHandler();
+    }
+    if (changes.has("enabled")) {
+      void this.enabledWatchHandler();
+    }
   }
   async mapViewWatchHandler() {
     this.mapView && await this._initFloorFilter(this.mapView);
   }
   async enabledWatchHandler() {
-    this.enabled ? this.mapView && await this._initFloorFilter(this.mapView) : this.enabled || this._destroyWidget();
+    if (this.enabled) {
+      this.mapView && await this._initFloorFilter(this.mapView);
+    } else if (!this.enabled) {
+      this._destroyWidget();
+    }
   }
   render() {
-    return a`<div ${h(this._floorFilterElement)}></div>`;
+    return html`<div ${ref(this._floorFilterElement)}></div>`;
   }
   async loaded() {
-    this.mapView && !this.floorFilterWidget && await this._initFloorFilter(this.mapView);
+    if (this.mapView && !this.floorFilterWidget) {
+      await this._initFloorFilter(this.mapView);
+    }
   }
   _destroyWidget() {
-    this.floorFilterWidget && (this.floorFilterWidget.destroy(), this.floorFilterWidget = void 0), this._floorFilterElement.value && this._floorFilterElement.value.remove();
+    if (this.floorFilterWidget) {
+      this.floorFilterWidget.destroy();
+      this.floorFilterWidget = void 0;
+    }
+    if (this._floorFilterElement.value) {
+      this._floorFilterElement.value.remove();
+    }
   }
   _initContainer() {
-    this._destroyWidget(), this._floorFilterElement && (this._floorFilterElement.value = document.createElement("div"));
+    this._destroyWidget();
+    if (this._floorFilterElement) {
+      this._floorFilterElement.value = document.createElement("div");
+    }
   }
-  async _initFloorFilter(i) {
-    const t = i?.map;
-    t && await t.when(() => {
-      i && this.enabled && t?.floorInfo && (this._initContainer(), this.floorFilterWidget = new m({
-        container: this._floorFilterElement.value,
-        view: i
-      }), this._facilityHandle?.remove(), this._facilityHandle = s?.watch(() => this.floorFilterWidget?.facility, (e) => {
-        e && this.facilityChanged.emit(e);
-      }), this._levelHandle?.remove(), this._levelHandle = s.watch(() => this.floorFilterWidget?.level, (e) => {
-        e && this.levelChanged.emit(e);
-      }), this._siteHandle?.remove(), this._siteHandle = s.watch(() => this.floorFilterWidget?.site, (e) => {
-        e && this.siteChanged.emit(e);
-      }));
+  async _initFloorFilter(view) {
+    const webMap = view?.map;
+    webMap && await webMap.when(() => {
+      if (view && this.enabled && webMap?.floorInfo) {
+        this._initContainer();
+        this.floorFilterWidget = new FloorFilter({
+          container: this._floorFilterElement.value,
+          view
+        });
+        this._facilityHandle?.remove();
+        this._facilityHandle = reactiveUtils?.watch(() => this.floorFilterWidget?.facility, (facility) => {
+          if (facility) {
+            this.facilityChanged.emit(facility);
+          }
+        });
+        this._levelHandle?.remove();
+        this._levelHandle = reactiveUtils.watch(() => this.floorFilterWidget?.level, (level) => {
+          if (level) {
+            this.levelChanged.emit(level);
+          }
+        });
+        this._siteHandle?.remove();
+        this._siteHandle = reactiveUtils.watch(() => this.floorFilterWidget?.site, (site) => {
+          if (site) {
+            this.siteChanged.emit(site);
+          }
+        });
+      }
     });
   }
 }
-r("map-floor-filter", f);
+customElement("map-floor-filter", MapFloorFilter);
 export {
-  f as MapFloorFilter
+  MapFloorFilter
 };
+//# sourceMappingURL=customElement.js.map

package/dist/components/map-floor-filter/customElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-floor-filter/map-floor-filter.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  createEvent,\r\n  h,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './map-floor-filter.css';\r\nimport FloorFilter from '@arcgis/core/widgets/FloorFilter';\r\nimport * as reactiveUtils from '@arcgis/core/core/reactiveUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-floor-filter': MapFloorFilter;\r\n  }\r\n}\r\n\r\nexport class MapFloorFilter 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    if (changes.has('enabled')) {\r\n      void this.enabledWatchHandler();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** boolean: when true the Floor Filter widget will be available */\r\n  @property() enabled = false;\r\n\r\n  /**\r\n   * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html\r\n   *\r\n   * FloorFilter instance\r\n   */\r\n  @property() floorFilterWidget: __esri.FloorFilter | undefined;\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  //\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 floor filter widget */\r\n  private _floorFilterElement = createRef<HTMLDivElement>();\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _facilityHandle: __esri.WatchHandle | undefined;\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _levelHandle: __esri.WatchHandle | undefined;\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _siteHandle: __esri.WatchHandle | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Watch for changes to the mapView and re-init the floor filter */\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    this.mapView && await this._initFloorFilter(this.mapView);\r\n  }\r\n\r\n  /** Watch for changes to the enabled property and re-init or destroy the floor filter */\r\n  private async enabledWatchHandler(): Promise<void> {\r\n    if (this.enabled) {\r\n      this.mapView && await this._initFloorFilter(this.mapView);\r\n    } else if (!this.enabled) {\r\n      this._destroyWidget();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the Facility is changed */\r\n  facilityChanged = createEvent<string>();\r\n\r\n  /** Emitted on demand when the Level is changed */\r\n  levelChanged = createEvent<string>();\r\n\r\n  /** Emitted on demand when the Site is changed */\r\n  siteChanged = createEvent<string>();\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return <div ref={this._floorFilterElement} />;\r\n  }\r\n\r\n  /** Called once just after the component is first loaded. */\r\n  /** TODO 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 && !this.floorFilterWidget) {\r\n      await this._initFloorFilter(this.mapView);\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Destroy the widget and remove the containing element if it exists\r\n   *\r\n   * @private\r\n   */\r\n  private _destroyWidget(): void {\r\n    if (this.floorFilterWidget) {\r\n      this.floorFilterWidget.destroy();\r\n      this.floorFilterWidget = undefined;\r\n    }\r\n    if (this._floorFilterElement.value) {\r\n      this._floorFilterElement.value.remove();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Destroy the widget and remove the containing element then re-create the container element\r\n   *\r\n   * @private\r\n   */\r\n  private _initContainer(): void {\r\n    this._destroyWidget();\r\n    if (this._floorFilterElement) {\r\n      (this._floorFilterElement as any).value = document.createElement('div');\r\n    }\r\n  }\r\n\r\n  /** Initialize the floor filter or reset the current view if it already exists */\r\n  private async _initFloorFilter(\r\n    view: __esri.MapView\r\n  ): Promise<void> {\r\n    const webMap = view?.map as __esri.WebMap;\r\n    webMap && await webMap.when(() => {\r\n      if (view && this.enabled && webMap?.floorInfo) {\r\n        this._initContainer();\r\n        this.floorFilterWidget = new FloorFilter({\r\n          container: this._floorFilterElement.value,\r\n          view,\r\n        });\r\n        this._facilityHandle?.remove();\r\n        this._facilityHandle = reactiveUtils?.watch(\r\n          () => this.floorFilterWidget?.facility,\r\n          (facility: string | null | undefined) => {\r\n            if (facility) {\r\n              this.facilityChanged.emit(facility);\r\n            }\r\n          },\r\n        );\r\n\r\n        this._levelHandle?.remove();\r\n        this._levelHandle = reactiveUtils.watch(\r\n          () => this.floorFilterWidget?.level,\r\n          (level: string | null | undefined) => {\r\n            if (level) {\r\n              this.levelChanged.emit(level);\r\n            }\r\n          },\r\n        );\r\n\r\n        this._siteHandle?.remove();\r\n        this._siteHandle = reactiveUtils.watch(\r\n          () => this.floorFilterWidget?.site,\r\n          (site: string | null | undefined) => {\r\n            if (site) {\r\n              this.siteChanged.emit(site);\r\n            }\r\n          },\r\n        );\r\n      }\r\n    });\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCM,MAAO,uBAAuB,WAAU;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AA8BQ,SAAA,UAAU;AAyBtB,SAAQ,sBAAsB,UAAA;AA4C9B,SAAA,kBAAkB,YAAA;AAGlB,SAAA,eAAe,YAAA;AAGf,SAAA,cAAc,YAAA;AAAA;;;;EAjGd,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAGhB,WACP,SACK;AACL,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,WAAK,KAAK,oBAAA;AAAA,IACZ;AAEA,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,WAAK,KAAK,oBAAA;AAAA,IACZ;AAAA,EACF;AAAA,EAoDA,MAAc,sBAAoC;AAChD,SAAK,WAAW,MAAM,KAAK,iBAAiB,KAAK,OAAO;AAAA,EAC1D;AAAA,EAGA,MAAc,sBAAoC;AAChD,QAAI,KAAK,SAAS;AAChB,WAAK,WAAW,MAAM,KAAK,iBAAiB,KAAK,OAAO;AAAA,IAC1D,WAAW,CAAC,KAAK,SAAS;AACxB,WAAK,eAAA;AAAA,IACP;AAAA,EACF;AAAA,EAwBS,SAAiB;AACxB,WAAA,YAAAA,IAAiB,KAAK,mBAAmB,CAAA;AAAA,EAC3C;AAAA,EAIA,MAAM,SAAuB;AAC3B,QAAI,KAAK,WAAW,CAAC,KAAK,mBAAmB;AAC3C,YAAM,KAAK,iBAAiB,KAAK,OAAO;AAAA,IAC1C;AAAA,EACF;AAAA,EAaQ,iBAAsB;AAC5B,QAAI,KAAK,mBAAmB;AAC1B,WAAK,kBAAkB,QAAA;AACvB,WAAK,oBAAoB;AAAA,IAC3B;AACA,QAAI,KAAK,oBAAoB,OAAO;AAClC,WAAK,oBAAoB,MAAM,OAAA;AAAA,IACjC;AAAA,EACF;AAAA,EAOQ,iBAAsB;AAC5B,SAAK,eAAA;AACL,QAAI,KAAK,qBAAqB;AAC3B,WAAK,oBAA4B,QAAQ,SAAS,cAAc,KAAK;AAAA,IACxE;AAAA,EACF;AAAA,EAGA,MAAc,iBACZ,MACc;AACd,UAAM,SAAS,MAAM;AACrB,cAAU,MAAM,OAAO,KAAK,MAAK;AAC/B,UAAI,QAAQ,KAAK,WAAW,QAAQ,WAAW;AAC7C,aAAK,eAAA;AACL,aAAK,oBAAoB,IAAI,YAAY;AAAA,UACvC,WAAW,KAAK,oBAAoB;AAAA,UACpC;AAAA,QAAA,CACD;AACD,aAAK,iBAAiB,OAAA;AACtB,aAAK,kBAAkB,eAAe,MACpC,MAAM,KAAK,mBAAmB,UAC9B,CAAC,aAAuC;AACtC,cAAI,UAAU;AACZ,iBAAK,gBAAgB,KAAK,QAAQ;AAAA,UACpC;AAAA,QACF,CAAC;AAGH,aAAK,cAAc,OAAA;AACnB,aAAK,eAAe,cAAc,MAChC,MAAM,KAAK,mBAAmB,OAC9B,CAAC,UAAoC;AACnC,cAAI,OAAO;AACT,iBAAK,aAAa,KAAK,KAAK;AAAA,UAC9B;AAAA,QACF,CAAC;AAGH,aAAK,aAAa,OAAA;AAClB,aAAK,cAAc,cAAc,MAC/B,MAAM,KAAK,mBAAmB,MAC9B,CAAC,SAAmC;AAClC,cAAI,MAAM;AACR,iBAAK,YAAY,KAAK,IAAI;AAAA,UAC5B;AAAA,QACF,CAAC;AAAA,MAEL;AAAA,IACF,CAAC;AAAA,EACH;AACD;;"}

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

@@ -4,9 +4,9 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class MapFullscreen 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;
-    /** esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html */
+    /** esri/widgets/Fullscreen: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html */
     fullscreenWidget: __esri.Fullscreen | undefined;
     /** Emitted on demand when the fullscreen widget state has changed */
     readonly fullscreenStateChange: TargetedEvent<this, string>;

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

@@ -1,13 +1,13 @@
-import { c as i } from "../../chunks/runtime.js";
-import { css as t, html as s } from "lit";
-import { createRef as n, ref as l } from "lit-html/directives/ref.js";
-import { LitElement as a, createEvent as r } from "@arcgis/lumina";
-import c from "@arcgis/core/widgets/Fullscreen";
-import * as h 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.57 */
-const d = t`/** @license
+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, createEvent } from "@arcgis/lumina";
+import Fullscreen from "@arcgis/core/widgets/Fullscreen";
+import * as reactiveUtils from "@arcgis/core/core/reactiveUtils";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,19 +21,27 @@ const d = t`/** @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}`;
-class o extends a {
+ */
+
+:host {
+  display: block;
+}`;
+class MapFullscreen extends LitElement {
   constructor() {
-    super(...arguments), this._fullscreenElement = n(), this.fullscreenStateChange = r();
+    super(...arguments);
+    this._fullscreenElement = createRef();
+    this.fullscreenStateChange = createEvent();
   }
   static {
-    this.properties = { mapView: 0, fullscreenWidget: 0 };
+    this.properties = { mapView: [0, {}, { attribute: false }], fullscreenWidget: [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(async () => {
@@ -41,23 +49,34 @@ class o extends a {
     });
   }
   render() {
-    return s`<div class="fullscreen-widget" ${l(this._fullscreenElement)}></div>`;
+    return html`<div class="fullscreen-widget" ${ref(this._fullscreenElement)}></div>`;
   }
   async updated() {
-    this.hasUpdated || await this._initFullscreenWidget();
+    if (!this.hasUpdated) {
+      await this._initFullscreenWidget();
+    }
   }
   async loaded() {
     await this._initFullscreenWidget();
   }
   async _initFullscreenWidget() {
-    this.mapView && this._fullscreenElement.value && !this.fullscreenWidget ? (this.fullscreenWidget = new c({
-      view: this.mapView
-    }), await this.fullscreenWidget?.when(() => {
-      this._fullscreenStateChangeHandle && this._fullscreenStateChangeHandle.remove(), this._fullscreenStateChangeHandle = h?.watch(() => this.fullscreenWidget?.viewModel.state, (e) => e && this.fullscreenStateChange.emit(e));
-    })) : this.fullscreenWidget && (this.fullscreenWidget.view = this.mapView);
+    if (this.mapView && this._fullscreenElement.value && !this.fullscreenWidget) {
+      this.fullscreenWidget = new Fullscreen({
+        view: this.mapView
+      });
+      await this.fullscreenWidget?.when(() => {
+        if (this._fullscreenStateChangeHandle) {
+          this._fullscreenStateChangeHandle.remove();
+        }
+        this._fullscreenStateChangeHandle = reactiveUtils?.watch(() => this.fullscreenWidget?.viewModel.state, (state) => state && this.fullscreenStateChange.emit(state));
+      });
+    } else if (this.fullscreenWidget) {
+      this.fullscreenWidget.view = this.mapView;
+    }
   }
 }
-i("map-fullscreen", o);
+customElement("map-fullscreen", MapFullscreen);
 export {
-  o as MapFullscreen
+  MapFullscreen
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-fullscreen/map-fullscreen.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  createEvent,\r\n  h,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './map-fullscreen.css';\r\nimport Fullscreen from '@arcgis/core/widgets/Fullscreen';\r\nimport * as reactiveUtils from '@arcgis/core/core/reactiveUtils';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-fullscreen': MapFullscreen;\r\n  }\r\n}\r\n\r\nexport class MapFullscreen 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/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html */\r\n  @property() fullscreenWidget: __esri.Fullscreen | 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 Fullscreen widget */\r\n  private _fullscreenElement = createRef<HTMLDivElement>();\r\n\r\n  /** esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle */\r\n  private _fullscreenStateChangeHandle: __esri.WatchHandle | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    await this.mapView?.when(async () => {\r\n      await this._initFullscreenWidget();\r\n    });\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** Emitted on demand when the fullscreen widget state has changed */\r\n  fullscreenStateChange = createEvent<string>();\r\n\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return <div class='fullscreen-widget' ref={this._fullscreenElement} />;\r\n  }\r\n\r\n  /**\r\n   * Called just after the component updates.\r\n   * It's never called during the first render().\r\n   */\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  override async updated(): Promise<void> {\r\n    if (!this.hasUpdated) {\r\n      await this._initFullscreenWidget();\r\n    }\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    await this._initFullscreenWidget();\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Initialize the search widget\r\n   *\r\n   * @private\r\n   */\r\n  private async _initFullscreenWidget(): Promise<void> {\r\n    if (this.mapView && this._fullscreenElement.value && !this.fullscreenWidget) {\r\n      this.fullscreenWidget = new Fullscreen({\r\n        view: this.mapView,\r\n      });\r\n      await this.fullscreenWidget?.when(() => {\r\n        if (this._fullscreenStateChangeHandle) {\r\n          this._fullscreenStateChangeHandle.remove();\r\n        }\r\n        this._fullscreenStateChangeHandle = reactiveUtils?.watch(\r\n          () => this.fullscreenWidget?.viewModel.state,\r\n          (state: __esri.FullscreenViewModel['state'] | undefined) => state && this.fullscreenStateChange.emit(state),\r\n        );\r\n      });\r\n    } else if (this.fullscreenWidget) {\r\n      this.fullscreenWidget.view = this.mapView;\r\n    }\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCM,MAAO,sBAAsB,WAAU;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AA4CJ,SAAQ,qBAAqB,UAAA;AAmC7B,SAAA,wBAAwB,YAAA;AAAA;;;;EAvExB,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,EA2CA,MAAc,sBAAoC;AAChD,UAAM,KAAK,SAAS,KAAK,YAAW;AAClC,YAAM,KAAK,sBAAA;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EAmBS,SAAiB;AACxB,WAAA,sCAAAA,IAA2C,KAAK,kBAAkB,CAAA;AAAA,EACpE;AAAA,EAOA,MAAe,UAAwB;AACrC,QAAI,CAAC,KAAK,YAAY;AACpB,YAAM,KAAK,sBAAA;AAAA,IACb;AAAA,EACF;AAAA,EAIA,MAAM,SAAuB;AAC3B,UAAM,KAAK,sBAAA;AAAA,EACb;AAAA,EAaA,MAAc,wBAAsC;AAClD,QAAI,KAAK,WAAW,KAAK,mBAAmB,SAAS,CAAC,KAAK,kBAAkB;AAC3E,WAAK,mBAAmB,IAAI,WAAW;AAAA,QACrC,MAAM,KAAK;AAAA,MAAA,CACZ;AACD,YAAM,KAAK,kBAAkB,KAAK,MAAK;AACrC,YAAI,KAAK,8BAA8B;AACrC,eAAK,6BAA6B,OAAA;AAAA,QACpC;AACA,aAAK,+BAA+B,eAAe,MACjD,MAAM,KAAK,kBAAkB,UAAU,OACvC,CAAC,UAA2D,SAAS,KAAK,sBAAsB,KAAK,KAAK,CAAC;AAAA,MAE/G,CAAC;AAAA,IACH,WAAW,KAAK,kBAAkB;AAChC,WAAK,iBAAiB,OAAO,KAAK;AAAA,IACpC;AAAA,EACF;AACD;;"}

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

@@ -45,7 +45,7 @@ export declare class MapLayerPicker extends LitElement {
      * @default false
      */
     isMobile: boolean;
-    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * boolean: When true only editable layers that support the update capability will be available