@esri/solutions-components 5.0.3 → 5.0.4-next.2

package/dist/components/map-draw-tools/customElement.d.ts

@@ -41,15 +41,15 @@ export abstract class MapDrawTools extends LitElement {
    * @default true
    */
   accessor editGraphicsEnabled: boolean;
-  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  /** esri/Graphic: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
   accessor graphics: __esri.Graphic[];
-  /** 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 */
   accessor mapView: __esri.MapView | undefined;
-  /** esri/symbols/SimpleMarkerSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
+  /** esri/symbols/SimpleMarkerSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
   accessor pointSymbol: __esri.SimpleMarkerSymbol | undefined;
-  /** esri/symbols/SimpleFillSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
+  /** esri/symbols/SimpleFillSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
   accessor polygonSymbol: __esri.SimpleFillSymbol | undefined;
-  /** esri/symbols/SimpleLineSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
+  /** esri/symbols/SimpleLineSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
   accessor polylineSymbol: __esri.SimpleLineSymbol | undefined;
   /**
    * boolean: when eanbled the user can redo the previous operation

package/dist/components/map-draw-tools/customElement.js

@@ -1,39 +1,128 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as r } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { css as l, html as n } from "lit";
-import { createRef as d, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as g, createEvent as o, noShadowRoot as m, safeClassMap as h } from "@arcgis/lumina";
-import { useContextConsumer as f } from "@arcgis/lumina/context";
-import { p as y } from "../../chunks/publicNotificationContext.js";
-import _ from "@arcgis/core/layers/GraphicsLayer";
-import k from "@arcgis/core/widgets/Sketch/SketchViewModel";
-import w from "@arcgis/core/widgets/Sketch";
-const u = l`@layer{:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`;
-class b extends g {
+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, noShadowRoot, safeClassMap } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { p as pnContext } from "../../chunks/publicNotificationContext.js";
+import GraphicsLayer from "@arcgis/core/layers/GraphicsLayer";
+import SketchViewModel from "@arcgis/core/widgets/Sketch/SketchViewModel";
+import Sketch from "@arcgis/core/widgets/Sketch";
+const styles = css`@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;
+}
+
+.border {
+  outline: 1px solid var(--calcite-color-border-input);
+}
+
+.border-left {
+  border-left: 1px solid rgba(110, 110, 110, 0.3);
+}
+
+.border-left[dir='rtl'] {
+  border-right: 1px solid rgba(110, 110, 110, 0.3);
+}
+
+/* from js api */
+.esri-widget {
+  box-sizing: border-box;
+  color: #323232;
+  font-size: 14px;
+  font-family: 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  line-height: 1.3em;
+  background-color: #fff;
+  --esri-widget-padding-v: 12px;
+  --esri-widget-padding-h: 15px;
+  --esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h);
+}
+
+.esri-sketch__panel {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  padding: 0;
+  justify-content: flex-start !important;
+}
+
+.esri-sketch__section {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  padding: 0 7px;
+  margin: 6px 0;
+}
+
+.esri-responsive-toolbar__bar--horizontal {
+  --calcite-action-group-border-color: var(--calcite-color-border-3) !important;
+}
+}`;
+class MapDrawTools extends LitElement {
   constructor() {
-    super(...arguments), this.active = !1, this.drawMode = "SKETCH", this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = c({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = f({
-      context: y,
-      subscribe: !0
-    }), this._sketchElement = d(), this.selectionLoadingChange = o(), this.sketchGraphicsChange = o(), this.drawUndo = o(), this.drawRedo = o();
+    super(...arguments);
+    this.active = false;
+    this.drawMode = "SKETCH";
+    this.editGraphicsEnabled = true;
+    this.graphics = [];
+    this.redoEnabled = false;
+    this.undoEnabled = false;
+    this._translations = useT9n({ name: "map-draw-tools", blocking: true });
+    this._pnContextConsumer = useContextConsumer({
+      context: pnContext,
+      subscribe: true
+    });
+    this._sketchElement = createRef();
+    this.selectionLoadingChange = createEvent();
+    this.sketchGraphicsChange = createEvent();
+    this.drawUndo = createEvent();
+    this.drawRedo = createEvent();
   }
   static {
-    this.properties = { active: 5, drawMode: 1, editGraphicsEnabled: 5, graphics: 0, mapView: 0, pointSymbol: 0, polylineSymbol: 0, polygonSymbol: 0, redoEnabled: 5, undoEnabled: 5, _translations: 16, _selectionMode: 16 };
+    this.properties = { active: [5, {}, { type: Boolean }], drawMode: 1, editGraphicsEnabled: [5, {}, { type: Boolean }], graphics: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }], pointSymbol: [0, {}, { attribute: false }], polylineSymbol: [0, {}, { attribute: false }], polygonSymbol: [0, {}, { attribute: false }], redoEnabled: [5, {}, { type: Boolean }], undoEnabled: [5, {}, { type: Boolean }], _translations: [16, {}, { state: true }], _selectionMode: [16, {}, { state: true }] };
   }
   static {
-    this.styles = u;
+    this.styles = styles;
   }
   static {
-    this.shadowRootOptions = m;
+    this.shadowRootOptions = noShadowRoot;
   }
-  willUpdate(e) {
-    e.has("graphics") && this.graphicsWatchHandler(this.graphics, e.get("graphics")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView"));
+  willUpdate(changes) {
+    if (changes.has("graphics")) {
+      this.graphicsWatchHandler(this.graphics, changes.get("graphics"));
+    }
+    if (changes.has("mapView") && this.mapView) {
+      this.mapViewWatchHandler(this.mapView, changes.get("mapView"));
+    }
   }
-  graphicsWatchHandler(e, i) {
-    e && e.length > 0 && JSON.stringify(e) !== JSON.stringify(i) && this._sketchGraphicsLayer && (this._updateGraphicsSymbols(e), this._sketchGraphicsLayer.removeAll(), this._sketchGraphicsLayer.addMany(e));
+  graphicsWatchHandler(v, oldV) {
+    if (v && v.length > 0 && JSON.stringify(v) !== JSON.stringify(oldV) && this._sketchGraphicsLayer) {
+      this._updateGraphicsSymbols(v);
+      this._sketchGraphicsLayer.removeAll();
+      this._sketchGraphicsLayer.addMany(v);
+    }
   }
-  mapViewWatchHandler(e, i) {
-    e && e !== i && this._init();
+  mapViewWatchHandler(v, oldV) {
+    if (v && v !== oldV) {
+      this._init();
+    }
   }
   async clear() {
     this._clearSketch();
@@ -45,101 +134,156 @@ class b extends g {
     this._init();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._sketchWidget?.cancel(), this._clearSketch();
+    super.disconnectedCallback();
+    this._sketchWidget?.cancel();
+    this._clearSketch();
   }
   render() {
-    const e = this.drawMode === "SKETCH" ? "border" : "border esri-widget esri-sketch__panel", i = this.drawMode === "SKETCH" ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-    return n`<div class=${h(e)}><div ${p(this._sketchElement)}></div><div class=${h(i)}><calcite-action appearance=solid .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action appearance=solid .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
+    const containerClass = this.drawMode === "SKETCH" ? "border" : "border esri-widget esri-sketch__panel";
+    const undoRedoClass = this.drawMode === "SKETCH" ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
+    return html`<div class=${safeClassMap(containerClass)}><div ${ref(this._sketchElement)}></div><div class=${safeClassMap(undoRedoClass)}><calcite-action appearance=solid .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action appearance=solid .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
   }
   _init() {
-    this.mapView && this._sketchElement.value && (this._initGraphicsLayer(), this._initSketch());
+    if (this.mapView && this._sketchElement.value) {
+      this._initGraphicsLayer();
+      this._initSketch();
+    }
   }
   _initGraphicsLayer() {
-    const e = this._pnContextConsumer.value, i = this._translations.sketchLayer;
+    const _state = this._pnContextConsumer.value;
+    const title = this._translations.sketchLayer;
     if (this.mapView) {
-      const s = this.mapView.map.layers.findIndex((t) => t.title === i);
-      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = new _({ title: i, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[i] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
+      const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
+      if (sketchIndex > -1) {
+        this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(sketchIndex);
+      } else {
+        this._sketchGraphicsLayer = new GraphicsLayer({ title, listMode: "hide" });
+        if (this._sketchGraphicsLayer) {
+          _state.managedLayers[title] = "sketch";
+          this.mapView.map.layers.add(this._sketchGraphicsLayer);
+        }
+      }
+      if (this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer) {
+        this._sketchGraphicsLayer.addMany(this.graphics);
+      }
     }
   }
   _initSketch() {
-    const e = {
+    const sketchOptions = {
       layer: this._sketchGraphicsLayer,
       view: this.mapView,
       defaultCreateOptions: {
         mode: "hybrid"
       },
       defaultUpdateOptions: {
-        preserveAspectRatio: !1,
-        enableScaling: !1,
-        enableRotation: !1,
+        preserveAspectRatio: false,
+        enableScaling: false,
+        enableRotation: false,
         tool: "reshape",
-        toggleToolOnClick: !1
+        toggleToolOnClick: false
       }
     };
-    if (this._sketchWidget = new w({
-      ...e,
+    this._sketchWidget = new Sketch({
+      ...sketchOptions,
       container: this._sketchElement.value,
       creationMode: "single",
       toolbarKind: "docked",
-      useLegacyCreateTools: !0,
+      useLegacyCreateTools: true,
       visibleElements: {
-        duplicateButton: !1,
+        duplicateButton: false,
         selectionTools: {
-          "lasso-selection": !1,
-          "rectangle-selection": !1
+          "lasso-selection": false,
+          "rectangle-selection": false
         },
         createTools: {
-          circle: !1
+          circle: false
         },
-        undoRedoMenu: !1,
+        undoRedoMenu: false,
         settingsMenu: this.drawMode === "SKETCH"
       }
-    }), this._sketchWidget && this._sketchWidget.viewModel) {
-      this._sketchViewModel = new k({
-        ...e
-      }), this.polylineSymbol && (this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol), this.pointSymbol && (this._sketchWidget.viewModel.pointSymbol = this.pointSymbol), this.polygonSymbol && (this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol), this._sketchWidget?.when(async () => {
-        await new Promise((a) => setTimeout(a, 50)), this._sketchElement.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement", "auto");
+    });
+    if (this._sketchWidget && this._sketchWidget.viewModel) {
+      this._sketchViewModel = new SketchViewModel({
+        ...sketchOptions
       });
-      let i = !1;
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("create", (t) => {
-        t.state === "complete" && (this.graphics = t.graphic ? [t.graphic] : [], this.sketchGraphicsChange.emit({
-          graphics: this.graphics,
-          useOIDs: !1
-        }), this.drawMode === "REFINE" && (i = !0, this._sketchWidget?.viewModel.create(t.tool))), t.state === "cancel" && this.drawMode === "REFINE" && i && (i = !i, this._sketchWidget?.viewModel.create(t.tool));
+      if (this.polylineSymbol) {
+        this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol;
+      }
+      if (this.pointSymbol) {
+        this._sketchWidget.viewModel.pointSymbol = this.pointSymbol;
+      }
+      if (this.polygonSymbol) {
+        this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol;
+      }
+      void this._sketchWidget?.when(async () => {
+        await new Promise((resolve) => setTimeout(resolve, 50));
+        const settingsMenuPopover = this._sketchElement.value?.getElementsByTagName("calcite-popover")[0];
+        settingsMenuPopover?.setAttribute("placement", "auto");
+      });
+      let forceCreate = false;
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("create", (_evt) => {
+        if (_evt.state === "complete") {
+          this.graphics = _evt.graphic ? [_evt.graphic] : [];
+          this.sketchGraphicsChange.emit({
+            graphics: this.graphics,
+            useOIDs: false
+          });
+          if (this.drawMode === "REFINE") {
+            forceCreate = true;
+            this._sketchWidget?.viewModel.create(_evt.tool);
+          }
+        }
+        if (_evt.state === "cancel" && this.drawMode === "REFINE" && forceCreate) {
+          forceCreate = !forceCreate;
+          this._sketchWidget?.viewModel.create(_evt.tool);
+        }
       }));
-      let s;
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (t) => {
-        if (!this.editGraphicsEnabled)
-          this._sketchWidget?.viewModel.cancel(), this._sketchViewModel?.cancel();
-        else {
-          const a = t?.toolEventInfo?.type;
-          (a === "move" || a === "reshape-stop" || a === "move-stop") && (clearTimeout(s), s = window.setTimeout(async () => {
-            this.graphics = t.graphics, this.sketchGraphicsChange.emit({
-              graphics: this.graphics,
-              useOIDs: !1
-            });
-          }, 1e3));
+      let debounceTimer;
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (_evt) => {
+        if (!this.editGraphicsEnabled) {
+          this._sketchWidget?.viewModel.cancel();
+          this._sketchViewModel?.cancel();
+        } else {
+          const eventType = _evt?.toolEventInfo?.type;
+          if (eventType === "move" || eventType === "reshape-stop" || eventType === "move-stop") {
+            clearTimeout(debounceTimer);
+            debounceTimer = window.setTimeout(async () => {
+              this.graphics = _evt.graphics;
+              this.sketchGraphicsChange.emit({
+                graphics: this.graphics,
+                useOIDs: false
+              });
+            }, 1e3);
+          }
         }
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("delete", () => {
-        this.graphics = [], this.sketchGraphicsChange.emit({
+      }));
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("delete", () => {
+        this.graphics = [];
+        this.sketchGraphicsChange.emit({
           graphics: this.graphics,
-          useOIDs: !1
+          useOIDs: false
         });
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (t) => {
-        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
+      }));
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (_evt) => {
+        this.graphics = _evt.graphics;
+        this.sketchGraphicsChange.emit({
           graphics: this.graphics,
-          useOIDs: !1
+          useOIDs: false
         });
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (t) => {
-        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
+      }));
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (_evt) => {
+        this.graphics = _evt.graphics;
+        this.sketchGraphicsChange.emit({
           graphics: this.graphics,
-          useOIDs: !1
+          useOIDs: false
         });
       }));
     }
   }
   _clearSketch() {
-    this._sketchWidget?.viewModel.cancel(), this.graphics = [], this._sketchGraphicsLayer?.removeAll();
+    this._sketchWidget?.viewModel.cancel();
+    this.graphics = [];
+    this._sketchGraphicsLayer?.removeAll();
   }
   _undo() {
     this.drawUndo.emit();
@@ -149,21 +293,27 @@ class b extends g {
   }
   _updateGraphics() {
     setTimeout(() => {
-      this.graphics.length === 1 && this._sketchWidget && this._sketchWidget.update(this.graphics, {
-        tool: "reshape",
-        enableRotation: !1,
-        enableScaling: !1,
-        preserveAspectRatio: !1,
-        toggleToolOnClick: !1
-      });
+      if (this.graphics.length === 1 && this._sketchWidget) {
+        void this._sketchWidget.update(this.graphics, {
+          tool: "reshape",
+          enableRotation: false,
+          enableScaling: false,
+          preserveAspectRatio: false,
+          toggleToolOnClick: false
+        });
+      }
     }, 100);
   }
-  _updateGraphicsSymbols(e) {
-    const s = e[0]?.geometry?.type, t = s === "point" ? this.pointSymbol : s === "polyline" ? this.polylineSymbol : s === "polygon" ? this.polygonSymbol : void 0;
-    t && e.forEach((a) => a.symbol = t);
+  _updateGraphicsSymbols(graphics) {
+    const graphic = graphics[0];
+    const type = graphic?.geometry?.type;
+    const symbol = type === "point" ? this.pointSymbol : type === "polyline" ? this.polylineSymbol : type === "polygon" ? this.polygonSymbol : void 0;
+    if (symbol) {
+      graphics.forEach((g) => g.symbol = symbol);
+    }
   }
 }
-r("map-draw-tools", b);
+customElement("map-draw-tools", MapDrawTools);
 export {
-  b as MapDrawTools
+  MapDrawTools
 };

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

@@ -10,12 +10,12 @@ export abstract class MapFloorFilter extends LitElement {
    */
   accessor 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
    */
   accessor 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 */
   accessor mapView: __esri.MapView | undefined;
   /** Emitted on demand when the Facility is changed */
   readonly facilityChanged: import("@arcgis/lumina").TargetedEvent<this, string>;

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

@@ -1,59 +1,117 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { css as s, html as a } from "lit";
-import { createRef as h, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as d, createEvent as l } from "@arcgis/lumina";
-import f from "@arcgis/core/widgets/FloorFilter";
-import * as r from "@arcgis/core/core/reactiveUtils";
-const m = s`:host{display:block}`;
-class c extends d {
+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");
+ * 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;
+}`;
+class MapFloorFilter extends LitElement {
   constructor() {
-    super(...arguments), this.enabled = !1, this._floorFilterElement = h(), 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 = m;
+    this.styles = styles;
   }
-  willUpdate(t) {
-    t.has("mapView") && this.mapViewWatchHandler(), t.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 ${n(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"));
-  }
-  async _initFloorFilter(t) {
-    const i = t?.map;
-    i && await i.when(() => {
-      t && this.enabled && i?.floorInfo && (this._initContainer(), this.floorFilterWidget = new f({
-        container: this._floorFilterElement.value,
-        view: t
-      }), this._facilityHandle?.remove(), this._facilityHandle = r?.watch(() => this.floorFilterWidget?.facility, (e) => {
-        e && this.facilityChanged.emit(e);
-      }), this._levelHandle?.remove(), this._levelHandle = r.watch(() => this.floorFilterWidget?.level, (e) => {
-        e && this.levelChanged.emit(e);
-      }), this._siteHandle?.remove(), this._siteHandle = r.watch(() => this.floorFilterWidget?.site, (e) => {
-        e && this.siteChanged.emit(e);
-      }));
+    this._destroyWidget();
+    if (this._floorFilterElement) {
+      this._floorFilterElement.value = document.createElement("div");
+    }
+  }
+  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);
+          }
+        });
+      }
     });
   }
 }
-o("map-floor-filter", c);
+customElement("map-floor-filter", MapFloorFilter);
 export {
-  c as MapFloorFilter
+  MapFloorFilter
 };

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

@@ -3,9 +3,9 @@
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
 export abstract class MapFullscreen extends LitElement {
-  /** 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 */
   accessor fullscreenWidget: __esri.Fullscreen | undefined;
-  /** 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 */
   accessor mapView: __esri.MapView | undefined;
   /** Emitted on demand when the fullscreen widget state has changed */
   readonly fullscreenStateChange: import("@arcgis/lumina").TargetedEvent<this, string>;