@esri/solutions-components 5.0.4-next.3 → 5.1.0-next.10

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://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
+  /** esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
   accessor graphics: __esri.Graphic[];
-  /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
   accessor mapView: __esri.MapView | undefined;
-  /** esri/symbols/SimpleMarkerSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
+  /** esri/symbols/SimpleMarkerSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
   accessor pointSymbol: __esri.SimpleMarkerSymbol | undefined;
-  /** esri/symbols/SimpleFillSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
+  /** esri/symbols/SimpleFillSymbol: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
   accessor polygonSymbol: __esri.SimpleFillSymbol | undefined;
-  /** esri/symbols/SimpleLineSymbol: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
+  /** esri/symbols/SimpleLineSymbol: https://developers.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,128 +1,39 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-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 {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/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 {
   constructor() {
-    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();
+    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();
   }
   static {
-    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 }] };
+    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 };
   }
   static {
-    this.styles = styles;
+    this.styles = u;
   }
   static {
-    this.shadowRootOptions = noShadowRoot;
+    this.shadowRootOptions = m;
   }
-  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"));
-    }
+  willUpdate(e) {
+    e.has("graphics") && this.graphicsWatchHandler(this.graphics, e.get("graphics")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView"));
   }
-  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);
-    }
+  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));
   }
-  mapViewWatchHandler(v, oldV) {
-    if (v && v !== oldV) {
-      this._init();
-    }
+  mapViewWatchHandler(e, i) {
+    e && e !== i && this._init();
   }
   async clear() {
     this._clearSketch();
@@ -134,156 +45,101 @@ class MapDrawTools extends LitElement {
     this._init();
   }
   disconnectedCallback() {
-    super.disconnectedCallback();
-    this._sketchWidget?.cancel();
-    this._clearSketch();
+    super.disconnectedCallback(), this._sketchWidget?.cancel(), this._clearSketch();
   }
   render() {
-    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>`;
+    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>`;
   }
   _init() {
-    if (this.mapView && this._sketchElement.value) {
-      this._initGraphicsLayer();
-      this._initSketch();
-    }
+    this.mapView && this._sketchElement.value && (this._initGraphicsLayer(), this._initSketch());
   }
   _initGraphicsLayer() {
-    const _state = this._pnContextConsumer.value;
-    const title = this._translations.sketchLayer;
+    const e = this._pnContextConsumer.value, i = this._translations.sketchLayer;
     if (this.mapView) {
-      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);
-      }
+      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);
     }
   }
   _initSketch() {
-    const sketchOptions = {
+    const e = {
       layer: this._sketchGraphicsLayer,
       view: this.mapView,
       defaultCreateOptions: {
         mode: "hybrid"
       },
       defaultUpdateOptions: {
-        preserveAspectRatio: false,
-        enableScaling: false,
-        enableRotation: false,
+        preserveAspectRatio: !1,
+        enableScaling: !1,
+        enableRotation: !1,
         tool: "reshape",
-        toggleToolOnClick: false
+        toggleToolOnClick: !1
       }
     };
-    this._sketchWidget = new Sketch({
-      ...sketchOptions,
+    if (this._sketchWidget = new w({
+      ...e,
       container: this._sketchElement.value,
       creationMode: "single",
       toolbarKind: "docked",
-      useLegacyCreateTools: true,
+      useLegacyCreateTools: !0,
       visibleElements: {
-        duplicateButton: false,
+        duplicateButton: !1,
         selectionTools: {
-          "lasso-selection": false,
-          "rectangle-selection": false
+          "lasso-selection": !1,
+          "rectangle-selection": !1
         },
         createTools: {
-          circle: false
+          circle: !1
         },
-        undoRedoMenu: false,
+        undoRedoMenu: !1,
         settingsMenu: this.drawMode === "SKETCH"
       }
-    });
-    if (this._sketchWidget && this._sketchWidget.viewModel) {
-      this._sketchViewModel = new SketchViewModel({
-        ...sketchOptions
-      });
-      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");
+    }), 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");
       });
-      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 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));
       }));
-      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);
-          }
+      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));
         }
-      }));
-      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: false
+          useOIDs: !1
         });
-      }));
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (_evt) => {
-        this.graphics = _evt.graphics;
-        this.sketchGraphicsChange.emit({
+      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("undo", (t) => {
+        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
           graphics: this.graphics,
-          useOIDs: false
+          useOIDs: !1
         });
-      }));
-      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (_evt) => {
-        this.graphics = _evt.graphics;
-        this.sketchGraphicsChange.emit({
+      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("redo", (t) => {
+        this.graphics = t.graphics, this.sketchGraphicsChange.emit({
           graphics: this.graphics,
-          useOIDs: false
+          useOIDs: !1
         });
       }));
     }
   }
   _clearSketch() {
-    this._sketchWidget?.viewModel.cancel();
-    this.graphics = [];
-    this._sketchGraphicsLayer?.removeAll();
+    this._sketchWidget?.viewModel.cancel(), this.graphics = [], this._sketchGraphicsLayer?.removeAll();
   }
   _undo() {
     this.drawUndo.emit();
@@ -293,27 +149,21 @@ class MapDrawTools extends LitElement {
   }
   _updateGraphics() {
     setTimeout(() => {
-      if (this.graphics.length === 1 && this._sketchWidget) {
-        void this._sketchWidget.update(this.graphics, {
-          tool: "reshape",
-          enableRotation: false,
-          enableScaling: false,
-          preserveAspectRatio: false,
-          toggleToolOnClick: false
-        });
-      }
+      this.graphics.length === 1 && this._sketchWidget && this._sketchWidget.update(this.graphics, {
+        tool: "reshape",
+        enableRotation: !1,
+        enableScaling: !1,
+        preserveAspectRatio: !1,
+        toggleToolOnClick: !1
+      });
     }, 100);
   }
-  _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);
-    }
+  _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);
   }
 }
-customElement("map-draw-tools", MapDrawTools);
+r("map-draw-tools", b);
 export {
-  MapDrawTools
+  b as 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://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
+   * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
    *
    * FloorFilter instance
    */
   accessor floorFilterWidget: __esri.FloorFilter | undefined;
-  /** esri/views/View: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/View: https://developers.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,117 +1,59 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-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 {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/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 {
   constructor() {
-    super(...arguments);
-    this.enabled = false;
-    this._floorFilterElement = createRef();
-    this.facilityChanged = createEvent();
-    this.levelChanged = createEvent();
-    this.siteChanged = createEvent();
+    super(...arguments), this.enabled = !1, this._floorFilterElement = h(), this.facilityChanged = l(), this.levelChanged = l(), this.siteChanged = l();
   }
   static {
-    this.properties = { enabled: [5, {}, { type: Boolean }], floorFilterWidget: [0, {}, { attribute: false }], mapView: [0, {}, { attribute: false }] };
+    this.properties = { enabled: 5, floorFilterWidget: 0, mapView: 0 };
   }
   static {
-    this.styles = styles;
+    this.styles = m;
   }
-  willUpdate(changes) {
-    if (changes.has("mapView")) {
-      void this.mapViewWatchHandler();
-    }
-    if (changes.has("enabled")) {
-      void this.enabledWatchHandler();
-    }
+  willUpdate(t) {
+    t.has("mapView") && this.mapViewWatchHandler(), t.has("enabled") && this.enabledWatchHandler();
   }
   async mapViewWatchHandler() {
     this.mapView && await this._initFloorFilter(this.mapView);
   }
   async enabledWatchHandler() {
-    if (this.enabled) {
-      this.mapView && await this._initFloorFilter(this.mapView);
-    } else if (!this.enabled) {
-      this._destroyWidget();
-    }
+    this.enabled ? this.mapView && await this._initFloorFilter(this.mapView) : this.enabled || this._destroyWidget();
   }
   render() {
-    return html`<div ${ref(this._floorFilterElement)}></div>`;
+    return a`<div ${n(this._floorFilterElement)}></div>`;
   }
   async loaded() {
-    if (this.mapView && !this.floorFilterWidget) {
-      await this._initFloorFilter(this.mapView);
-    }
+    this.mapView && !this.floorFilterWidget && await this._initFloorFilter(this.mapView);
   }
   _destroyWidget() {
-    if (this.floorFilterWidget) {
-      this.floorFilterWidget.destroy();
-      this.floorFilterWidget = void 0;
-    }
-    if (this._floorFilterElement.value) {
-      this._floorFilterElement.value.remove();
-    }
+    this.floorFilterWidget && (this.floorFilterWidget.destroy(), this.floorFilterWidget = void 0), this._floorFilterElement.value && this._floorFilterElement.value.remove();
   }
   _initContainer() {
-    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);
-          }
-        });
-      }
+    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);
+      }));
     });
   }
 }
-customElement("map-floor-filter", MapFloorFilter);
+o("map-floor-filter", c);
 export {
-  MapFloorFilter
+  c as 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://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html */
+  /** esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html */
   accessor fullscreenWidget: __esri.Fullscreen | undefined;
-  /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+  /** esri/views/MapView: https://developers.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>;