@arcgis/map-components 4.32.0-next.8 → 4.32.0-next.9

package/dist/components/arcgis-home/customElement.js

@@ -10,10 +10,11 @@ import { LitElement as Yr, createEvent as Br, noShadowRoot as zr, safeClassMap a
 import { reEmitEvent as Gr } from "@arcgis/components-controllers/accessor";
 import "lit";
 import "lit-html/static.js";
+import { css as qr } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
 var d = {};
 /**
@@ -26,7 +27,7 @@ var d = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Tt;
-function qr() {
+function Kr() {
   if (Tt) return d;
   Tt = 1;
   var D = Symbol.for("react.element"), l = Symbol.for("react.portal"), H = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), G = Symbol.for("react.provider"), re = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), q = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), W = Symbol.iterator;
@@ -232,7 +233,7 @@ var fe = { exports: {} };
  */
 fe.exports;
 var kt;
-function Kr() {
+function Qr() {
   return kt || (kt = 1, function(D, l) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
@@ -1490,15 +1491,15 @@ Check the top-level render call using <` + n + ">.");
     }();
   }(fe, fe.exports)), fe.exports;
 }
-process.env.NODE_ENV === "production" ? qr() : Kr();
+process.env.NODE_ENV === "production" ? Kr() : Qr();
 Ue();
 Ue();
-const Qr = {
+const Xr = qr`arcgis-home{display:flex}`, Jr = {
   base: "esri-home"
-}, Xr = Wr(Vr);
-class Jr extends Yr {
+}, Zr = Wr(Vr);
+class en extends Yr {
   constructor() {
-    super(...arguments), this.messages = Ur(), this.viewModel = Xr(this), this._calciteButton = Ue(), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = Gr(() => this.viewModel, "go"), this.arcgisPropertyChange = Nr()("state"), this.arcgisReady = Br();
+    super(...arguments), this.messages = Ur(), this.viewModel = Zr(this), this._calciteButton = Ue(), this.autoDestroyDisabled = !1, this.goToOverride = this.viewModel.goToOverride, this.icon = "home", this.position = "top-left", this.state = this.viewModel.state, this.viewpoint = this.viewModel.viewpoint, this.arcgisGo = Gr(() => this.viewModel, "go"), this.arcgisPropertyChange = Nr()("state"), this.arcgisReady = Br();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, goToOverride: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3, viewpoint: 0 };
@@ -1506,6 +1507,9 @@ class Jr extends Yr {
   static {
     this.shadowRootOptions = zr;
   }
+  static {
+    this.styles = Xr;
+  }
   // #endregion
   // #region Public Methods
   /**
@@ -1554,10 +1558,10 @@ class Jr extends Yr {
   // #region Rendering
   render() {
     const { messages: l, icon: H } = this, A = this.viewModel?.state, V = A === "going-home";
-    return Fr`<div class=${Ot(xr(Qr.base, St.widget))}><calcite-button class=${Ot(St.widgetButton)} .disabled=${A === "disabled"} .iconStart=${V ? void 0 : H ?? void 0} kind=neutral .label=${l.componentLabel} @click=${this._go} .scale=${V ? "s" : "m"} title=${(A === "going-home" ? l.cancel : l.title) ?? Hr} ${Lr(this._calciteButton)}></calcite-button></div>`;
+    return Fr`<div class=${Ot(xr(Jr.base, St.widget))}><calcite-button class=${Ot(St.widgetButton)} .disabled=${A === "disabled"} .iconStart=${V ? void 0 : H ?? void 0} kind=neutral .label=${l.componentLabel} @click=${this._go} .scale=${V ? "s" : "m"} title=${(A === "going-home" ? l.cancel : l.title) ?? Hr} ${Lr(this._calciteButton)}></calcite-button></div>`;
   }
 }
-Mr("arcgis-home", Jr);
+Mr("arcgis-home", en);
 export {
-  Jr as ArcgisHome
+  en as ArcgisHome
 };

package/dist/components/arcgis-layer-list/customElement.js

@@ -4,15 +4,16 @@ import { usePropertyChange as o } from "@arcgis/components-controllers";
 import { m as a } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
 import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
+import { css as d } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const d = a(s);
-class g extends r {
+const g = d`arcgis-layer-list{display:flex}`, c = a(s);
+class m extends r {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = o()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = n(() => this.widget, "trigger-action");
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.catalogOptions = this.widget.catalogOptions, this.collapsed = this.widget.collapsed, this.dragEnabled = this.widget.dragEnabled, this.filterPlaceholder = this.widget.filterPlaceholder, this.filterText = this.widget.filterText, this.headingLevel = this.widget.headingLevel, this.hideCatalogLayerList = this.widget.visibleElements.catalogLayerList, this.hideFlow = this.widget.visibleElements.flow, this.hideStatusIndicators = this.widget.visibleElements.statusIndicators, this.icon = this.widget.icon, this.knowledgeGraphOptions = this.widget.knowledgeGraphOptions, this.label = this.widget.label, this.listItemCreatedFunction = this.widget.listItemCreatedFunction, this.minDragEnabledItems = this.widget.minDragEnabledItems, this.minFilterItems = this.widget.minFilterItems, this.openedLayers = this.widget.openedLayers, this.position = "bottom-left", this.selectedItems = this.widget.selectedItems, this.selectionMode = this.widget.selectionMode, this.showCloseButton = this.widget.visibleElements.closeButton, this.showCollapseButton = this.widget.visibleElements.collapseButton, this.showErrors = this.widget.visibleElements.errors, this.showFilter = this.widget.visibleElements.filter, this.showHeading = this.widget.visibleElements.heading, this.showTemporaryLayerIndicators = this.widget.visibleElements.temporaryLayerIndicators, this.state = this.viewModel.state, this.visibilityAppearance = this.widget.visibilityAppearance, this.arcgisPropertyChange = o()("state"), this.arcgisReady = l(), this.arcgisTriggerAction = n(() => this.widget, "trigger-action");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, catalogLayerList: 32, catalogOptions: 0, collapsed: 7, dragEnabled: 5, filterPlaceholder: 1, filterText: 1, headingLevel: 9, hideCatalogLayerList: 5, hideFlow: 5, hideStatusIndicators: 5, icon: 1, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, minDragEnabledItems: 9, minFilterItems: 9, openedLayers: 0, operationalItems: 32, position: 1, referenceElement: 1, selectedItems: 0, selectionMode: 1, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, showFilter: 5, showHeading: 5, showTemporaryLayerIndicators: 5, state: 3, tableList: 32, visibilityAppearance: 1 };
@@ -20,6 +21,9 @@ class g extends r {
   static {
     this.shadowRootOptions = h;
   }
+  static {
+    this.styles = g;
+  }
   /** The CatalogLayerList that displays a catalog layer's dynamic group layer. */
   get catalogLayerList() {
     return this.widget.catalogLayerList;
@@ -42,7 +46,7 @@ class g extends r {
     this.widget?.triggerAction(t, e);
   }
 }
-i("arcgis-layer-list", g);
+i("arcgis-layer-list", m);
 export {
-  g as ArcgisLayerList
+  m as ArcgisLayerList
 };

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

@@ -3,15 +3,16 @@ import { newWidgetsLegend as t } from "@arcgis/core-adapter";
 import { usePropertyChange as i } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as a, noShadowRoot as o } from "@arcgis/lumina";
+import { css as n } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const n = s(t);
-class d extends r {
+const d = n`arcgis-legend{display:flex}`, h = s(t);
+class l extends r {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.activeLayerInfos = this.widget.activeLayerInfos, this.autoDestroyDisabled = !1, this.basemapLegendVisible = this.widget.basemapLegendVisible, this.headingLevel = this.widget.headingLevel, this.hideLayersNotInCurrentView = this.widget.hideLayersNotInCurrentView, this.icon = this.widget.icon, this.label = this.widget.label, this.layerInfos = this.widget.layerInfos, this.legendStyle = this.widget.style, this.position = "bottom-left", this.respectLayerDefinitionExpression = this.widget.respectLayerDefinitionExpression, this.respectLayerVisibilityDisabled = this.widget.respectLayerVisibility, this.state = this.viewModel.state, this.arcgisPropertyChange = i()("state"), this.arcgisReady = a();
   }
   static {
     this.properties = { activeLayerInfos: 0, autoDestroyDisabled: 5, basemapLegendVisible: 5, headingLevel: 9, hideLayersNotInCurrentView: 5, icon: 1, label: 1, layerInfos: 0, legendStyle: 1, position: 1, referenceElement: 1, respectLayerDefinitionExpression: 5, respectLayerVisibilityDisabled: 5, state: 3 };
@@ -19,6 +20,9 @@ class d extends r {
   static {
     this.shadowRootOptions = o;
   }
+  static {
+    this.styles = d;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -26,7 +30,7 @@ class d extends r {
     await this.manager.destroy();
   }
 }
-e("arcgis-legend", d);
+e("arcgis-legend", l);
 export {
-  d as ArcgisLegend
+  l as ArcgisLegend
 };

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -1,17 +1,18 @@
 import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsLineOfSight as e } from "@arcgis/core-adapter";
+import { newWidgetsLineOfSight as s } from "@arcgis/core-adapter";
 import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
+import { m as e } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+import { css as n } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const n = s(e);
-class h extends o {
+const l = n`arcgis-line-of-sight{display:flex}`, h = e(s);
+class c extends o {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("analysis", "state"), this.arcgisReady = a();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.analysis = this.widget.analysis, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("analysis", "state"), this.arcgisReady = a();
   }
   static {
     this.properties = { analysis: 0, autoDestroyDisabled: 5, icon: 1, label: 1, position: 1, referenceElement: 1, state: 3 };
@@ -19,6 +20,9 @@ class h extends o {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = l;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -38,7 +42,7 @@ class h extends o {
     this.widget?.viewModel.stop();
   }
 }
-t("arcgis-line-of-sight", h);
+t("arcgis-line-of-sight", c);
 export {
-  h as ArcgisLineOfSight
+  c as ArcgisLineOfSight
 };

package/dist/components/arcgis-locate/customElement.js

@@ -8,12 +8,13 @@ import { newWidgetsLocateLocateViewModel as v } from "@arcgis/core-adapter";
 import { LitElement as k, createEvent as b, noShadowRoot as y, safeClassMap as a, nothing as E } from "@arcgis/lumina";
 import { reEmitEvent as l } from "@arcgis/components-controllers/accessor";
 import { createRef as M, ref as z } from "lit-html/directives/ref.js";
+import { css as x } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const x = {
+const L = {
   arrowDown: "esri-icon-arrow-down",
   arrowUp: "esri-icon-arrow-up",
   basemap: "esri-icon-basemap",
@@ -112,12 +113,12 @@ const x = {
   zoomInMagnifyingGlass: "esri-icon-zoom-in-magnifying-glass",
   zoomOutFixed: "esri-icon-zoom-out-fixed",
   zoomToObject: "esri-icon-zoom-to-object"
-}, L = {
+}, T = x`arcgis-locate{display:flex}`, O = {
   base: "esri-locate"
-}, d = "gps-off", T = u(v);
-class O extends k {
+}, d = "gps-off", $ = u(v);
+class D extends k {
   constructor() {
-    super(...arguments), this.messages = g(), this.viewModel = T(this), this._calciteButton = M(), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = d, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = l(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = f()("state"), this.arcgisReady = b(), this.arcgisSuccess = l(() => this.viewModel, "locate");
+    super(...arguments), this.messages = g(), this.viewModel = $(this), this._calciteButton = M(), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = d, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = l(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = f()("state"), this.arcgisReady = b(), this.arcgisSuccess = l(() => this.viewModel, "locate");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, geolocationOptions: 0, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 3, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
@@ -125,6 +126,9 @@ class O extends k {
   static {
     this.shadowRootOptions = y;
   }
+  static {
+    this.styles = T;
+  }
   // #endregion
   // #region Public Methods
   /**
@@ -173,11 +177,11 @@ class O extends k {
   // #endregion
   // #region Rendering
   render() {
-    const { viewModel: i, icon: e } = this, { state: o } = i, s = o === "locating", n = s ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = x === void 0 ? d : void 0, t = this._localizeError(this.viewModel?.error);
-    return r`<div class=${a(w(L.base, c.widget))}>${!h && r`<calcite-button class=${a(c.widgetButton)} .disabled=${o === "disabled"} .iconStart=${s ? void 0 : e ?? p} kind=neutral .label=${n} @click=${this._locate} title=${n ?? E} ${z(this._calciteButton)}></calcite-button>` || ""}${t ? r`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${t}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: i, icon: e } = this, { state: o } = i, s = o === "locating", t = s ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = L === void 0 ? d : void 0, n = this._localizeError(this.viewModel?.error);
+    return r`<div class=${a(w(O.base, c.widget))}>${!h && r`<calcite-button class=${a(c.widgetButton)} .disabled=${o === "disabled"} .iconStart=${s ? void 0 : e ?? p} kind=neutral .label=${t} @click=${this._locate} title=${t ?? E} ${z(this._calciteButton)}></calcite-button>` || ""}${n ? r`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${n}</calcite-tooltip>` : null}</div>`;
   }
 }
-m("arcgis-locate", O);
+m("arcgis-locate", D);
 export {
-  O as ArcgisLocate
+  D as ArcgisLocate
 };

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

@@ -8,7 +8,7 @@ import { css as y } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
 const f = y`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, V = r(
   v,

package/dist/components/arcgis-measurement/customElement.js

@@ -3,15 +3,16 @@ import { newWidgetsMeasurement as e } from "@arcgis/core-adapter";
 import { usePropertyChange as i } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+import { css as n } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const n = s(e);
-class h extends a {
+const c = n`arcgis-measurement{display:flex}`, h = s(e);
+class l extends a {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.activeWidget = this.widget.activeWidget, this.areaUnit = this.widget.areaUnit, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.linearUnit = this.widget.linearUnit, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("activeTool", "state"), this.arcgisReady = o();
+    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.activeTool = this.widget.activeTool, this.activeWidget = this.widget.activeWidget, this.areaUnit = this.widget.areaUnit, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.linearUnit = this.widget.linearUnit, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("activeTool", "state"), this.arcgisReady = o();
   }
   static {
     this.properties = { activeTool: 1, activeWidget: 0, areaUnit: 1, autoDestroyDisabled: 5, icon: 1, label: 1, linearUnit: 1, position: 1, referenceElement: 1, state: 3 };
@@ -19,6 +20,9 @@ class h extends a {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = c;
+  }
   // #endregion
   // #region Public Methods
   async clear() {
@@ -32,7 +36,7 @@ class h extends a {
     this.widget?.startMeasurement();
   }
 }
-t("arcgis-measurement", h);
+t("arcgis-measurement", l);
 export {
-  h as ArcgisMeasurement
+  l as ArcgisMeasurement
 };

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -1,17 +1,18 @@
 import { c as t } from "../../chunks/runtime.js";
 import { newWidgetsNavigationToggle as e } from "@arcgis/core-adapter";
 import { usePropertyChange as i } from "@arcgis/components-controllers";
-import { m as o } from "../../chunks/useWidget.js";
-import { LitElement as s, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+import { m as s } from "../../chunks/useWidget.js";
+import { LitElement as o, createEvent as a, noShadowRoot as r } from "@arcgis/lumina";
+import { css as g } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const g = o(e);
-class l extends s {
+const l = g`arcgis-navigation-toggle{display:flex}`, n = s(e);
+class h extends o {
   constructor() {
-    super(...arguments), this.widget = g(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("layout", "state"), this.arcgisReady = a();
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.position = "bottom-left", this.state = this.viewModel.state, this.arcgisPropertyChange = i()("layout", "state"), this.arcgisReady = a();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, position: 1, referenceElement: 1, state: 3 };
@@ -19,6 +20,9 @@ class l extends s {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = l;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -29,7 +33,7 @@ class l extends s {
     this.widget?.toggle();
   }
 }
-t("arcgis-navigation-toggle", l);
+t("arcgis-navigation-toggle", h);
 export {
-  l as ArcgisNavigationToggle
+  h as ArcgisNavigationToggle
 };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -2,22 +2,26 @@ import { c as a } from "../../chunks/runtime.js";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
 import { newLayersOrientedImageryLayer as r, newWidgetsOrientedImageryViewer as o } from "@arcgis/core-adapter";
 import { m as d } from "../../chunks/useWidget.js";
-import { LitElement as n, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
+import { LitElement as n, createEvent as l, noShadowRoot as g } from "@arcgis/lumina";
+import { css as h } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const g = d(o);
-class m extends n {
+const m = h`arcgis-oriented-imagery-viewer{display:flex}`, y = d(o);
+class c extends n {
   constructor() {
-    super(...arguments), this.widget = g(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = s()("imageGalleryEnabled", "layer"), this.arcgisReady = l();
+    super(...arguments), this.widget = y(this), this._hasOrientedImageryLayerToAdd = !1, this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.currentCoverageVisible = this.widget.currentCoverageVisible, this.disabled = this.widget.disabled, this.galleryOpened = this.widget.galleryOpened, this.icon = this.widget.icon, this.imageEnhancementToolActive = this.widget.imageEnhancementToolActive, this.imageGalleryEnabled = this.widget.imageGalleryEnabled, this.isAdditionalCoverageVisible = this.widget.isAdditionalCoverageVisible, this.isAdditionalPointSourcesVisible = this.widget.isAdditionalPointSourcesVisible, this.label = this.widget.label, this.layer = this.widget.layer, this.mapImageConversionToolState = this.widget.mapImageConversionToolState, this.navigationToolActive = this.widget.navigationToolActive, this.position = "bottom-left", this.referencePoint = this.widget.referencePoint, this.arcgisPropertyChange = s()("imageGalleryEnabled", "layer"), this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, currentCoverageVisible: 5, disabled: 5, galleryOpened: 5, icon: 1, imageEnhancementToolActive: 5, imageGalleryEnabled: 4, isAdditionalCoverageVisible: 5, isAdditionalPointSourcesVisible: 5, label: 1, layer: 0, mapImageConversionToolState: 5, navigationToolActive: 5, orientedImageryLayerItemId: 1, position: 1, referenceElement: 1, referencePoint: 0 };
   }
   static {
-    this.shadowRootOptions = h;
+    this.shadowRootOptions = g;
+  }
+  static {
+    this.styles = m;
   }
   // #endregion
   // #region Public Methods
@@ -45,7 +49,7 @@ class m extends n {
     }, { once: !0 }));
   }
 }
-a("arcgis-oriented-imagery-viewer", m);
+a("arcgis-oriented-imagery-viewer", c);
 export {
-  m as ArcgisOrientedImageryViewer
+  c as ArcgisOrientedImageryViewer
 };

package/dist/components/arcgis-placement/customElement.js

@@ -5,7 +5,7 @@ import { css as c } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
 const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:flex}`;
 class a extends r {

package/dist/components/arcgis-print/customElement.js

@@ -4,15 +4,16 @@ import { usePropertyChange as r } from "@arcgis/components-controllers";
 import { m as o } from "../../chunks/useWidget.js";
 import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
 import { reEmitEvent as e } from "@arcgis/components-controllers/accessor";
+import { css as h } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const h = o(s);
-class d extends a {
+const d = h`arcgis-print{display:flex}`, m = o(s);
+class p extends a {
   constructor() {
-    super(...arguments), this.widget = h(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = r()("state"), this.arcgisReady = l(), this.arcgisSubmit = e(() => this.widget, "submit");
+    super(...arguments), this.widget = m(this), this.viewModel = this.widget.viewModel, this.allowedFormats = this.widget.allowedFormats, this.allowedLayouts = this.widget.allowedLayouts, this.autoDestroyDisabled = !1, this.exportedLinks = this.widget.exportedLinks, this.extraParameters = this.widget.extraParameters, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.includeDefaultTemplatesDisabled = this.widget.includeDefaultTemplates, this.label = this.widget.label, this.portal = this.widget.portal, this.position = "bottom-left", this.printServiceUrl = this.widget.printServiceUrl, this.showPrintAreaEnabled = this.widget.showPrintAreaEnabled, this.state = this.viewModel.state, this.templateCustomTextElements = this.widget.templateCustomTextElements, this.templateOptions = this.widget.templateOptions, this.arcgisComplete = e(() => this.widget, "complete"), this.arcgisPropertyChange = r()("state"), this.arcgisReady = l(), this.arcgisSubmit = e(() => this.widget, "submit");
   }
   static {
     this.properties = { allowedFormats: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], allowedLayouts: [1, { converter: (t) => typeof t == "string" && t !== "all" ? t.split(",") : t }], autoDestroyDisabled: 5, exportedLinks: 0, extraParameters: 0, headingLevel: 9, icon: 1, includeDefaultTemplatesDisabled: 5, label: 1, portal: 0, position: 1, printServiceUrl: 1, referenceElement: 1, showPrintAreaEnabled: 7, state: 3, templateCustomTextElements: 0, templateOptions: 0 };
@@ -20,6 +21,9 @@ class d extends a {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = d;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -27,7 +31,7 @@ class d extends a {
     await this.manager.destroy();
   }
 }
-i("arcgis-print", d);
+i("arcgis-print", p);
 export {
-  d as ArcgisPrint
+  p as ArcgisPrint
 };

package/dist/components/arcgis-scale-bar/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as D, createEvent as R, noShadowRoot as x, safeClassMap as s
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
 const r = "esri-scale-bar", t = {
   base: r,

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -3,15 +3,16 @@ import { newWidgetsScaleRangeSlider as i } from "@arcgis/core-adapter";
 import { usePropertyChange as t } from "@arcgis/components-controllers";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as a, createEvent as l, noShadowRoot as n } from "@arcgis/lumina";
+import { css as o } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
-const o = s(i);
-class h extends a {
+const r = o`arcgis-scale-range-slider{display:flex}`, c = s(i);
+class d extends a {
   constructor() {
-    super(...arguments), this.widget = o(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = l();
+    super(...arguments), this.widget = c(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.disabled = this.widget.disabled, this.hidePreview = this.widget.visibleElements.preview, this.hideScaleMenusMaxScaleMenu = this.widget.visibleElements.scaleMenus.maxScaleMenu, this.hideScaleMenusMinScaleMenu = this.widget.visibleElements.scaleMenus.minScaleMenu, this.icon = this.widget.icon, this.label = this.widget.label, this.layer = this.widget.layer, this.maxScale = this.widget.maxScale, this.maxScaleLimit = this.widget.maxScaleLimit, this.minScale = this.widget.minScale, this.minScaleLimit = this.widget.minScaleLimit, this.mode = this.widget.mode, this.position = "bottom-left", this.region = this.widget.region, this.state = this.viewModel.state, this.arcgisPropertyChange = t()("state"), this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideScaleMenusMaxScaleMenu: 5, hideScaleMenusMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, position: 1, referenceElement: 1, region: 1, state: 3 };
@@ -19,6 +20,9 @@ class h extends a {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = r;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -26,7 +30,7 @@ class h extends a {
     await this.manager.destroy();
   }
 }
-e("arcgis-scale-range-slider", h);
+e("arcgis-scale-range-slider", d);
 export {
-  h as ArcgisScaleRangeSlider
+  d as ArcgisScaleRangeSlider
 };

package/dist/components/arcgis-scene/customElement.d.ts

@@ -56,23 +56,40 @@ export declare class ArcgisScene extends LitElement implements Use<typeof useWeb
     get camera(): __esri.Camera;
     set camera(newValue: __esri.Camera);
     /**
-     * The diagonal field of view (fov) angle for the camera.
+     * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
+     *
+     * Setting the camera fov immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)
      */
     get cameraFov(): Nil | number;
     set cameraFov(newValue: Nil | number);
     /**
      * The compass heading of the camera in degrees.
+     *
+     * Setting the camera heading immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)
      */
     get cameraHeading(): Nil | number;
     set cameraHeading(newValue: Nil | number);
     /**
      * The position of the camera defined by a map point. It can be an `esri/geometry/Point` instance or a string with the
      * format `"<longitude>, <latitude>, <elevation>"`.
+     *
+     * Setting the camera position immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)
+     *
      */
     get cameraPosition(): __esri.Point | Nil | number[] | string;
     set cameraPosition(newValue: __esri.Point | Nil | number[] | string);
     /**
      * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
+     *
+     * Setting the camera tilt immediately changes the current view. For animating the view, see this component's goTo() method.
+     *
+     * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)
      */
     get cameraTilt(): Nil | number;
     set cameraTilt(newValue: Nil | number);

package/dist/components/arcgis-scene/customElement.js

@@ -8,7 +8,7 @@ import { css as y } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.8
+ * v4.32.0-next.9
 */
 const f = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, _ = o(v, {}), b = o(l, {});
 class V extends g {
@@ -31,7 +31,11 @@ class V extends g {
     this._camera = i, this.ready && !a(this.camera, i) && (this.view.camera = i);
   }
   /**
-   * The diagonal field of view (fov) angle for the camera.
+   * The diagonal field of view (fov) angle for the camera. The range of angles must be between 1 and 170 degrees.
+   *
+   * Setting the camera fov immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#fov)
    */
   get cameraFov() {
     return this.view.camera?.fov ?? this._cameraFov;
@@ -43,6 +47,10 @@ class V extends g {
   }
   /**
    * The compass heading of the camera in degrees.
+   *
+   * Setting the camera heading immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#heading)
    */
   get cameraHeading() {
     return this.view.camera?.heading ?? this._cameraHeading;
@@ -55,6 +63,11 @@ class V extends g {
   /**
    * The position of the camera defined by a map point. It can be an `esri/geometry/Point` instance or a string with the
    * format `"<longitude>, <latitude>, <elevation>"`.
+   *
+   * Setting the camera position immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#position)
+   *
    */
   get cameraPosition() {
     return this.view.camera?.position ?? this._cameraPosition;
@@ -70,6 +83,10 @@ class V extends g {
   }
   /**
    * The tilt of the camera in degrees with respect to the surface as projected down from the camera position.
+   *
+   * Setting the camera tilt immediately changes the current view. For animating the view, see this component's goTo() method.
+   *
+   * [Read more](https://developers.arcgis.com/javascript/latest/api-reference/esri-Camera.html#tilt)
    */
   get cameraTilt() {
     return this.view.camera?.tilt ?? this._cameraTilt;

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

@@ -27,7 +27,13 @@ declare const useSearchWidget: (component: import('@arcgis/components-controller
         }) | undefined;
         view?: __esri.MapView | Nil | __esri.SceneView;
     };
-    autoDestroyDisabled: boolean;
+    autoDestroyDisabled: boolean; /**
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporary hide it. If this
+     * is set, make sure to call the \`destroy\` method when you are done to prevent
+     * memory leaks.
+     */
     destroy: () => Promise<void>;
 }, options?: {
     editConstructorProperties(props: __esri.widgetsSearchProperties): __esri.widgetsSearchProperties | Promise<__esri.widgetsSearchProperties>;