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

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

@@ -10,6 +10,13 @@ declare const useFloorFilterWidget: (component: import('@arcgis/components-contr
     autoDestroyDisabled?: boolean | undefined;
     destroy?: (() => Promise<void>) | undefined;
 } & Pick<__esri.FloorFilter, "label" | "viewModel" | "icon" | "headingLevel" | "facility" | "level" | "longNames" | "site"> & {
+    /**
+     * 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.
+     */
     reactiveUtils?: __esri.reactiveUtils | undefined;
     state?: unknown;
     viewModel?: __esri.FloorFilterViewModel | undefined;

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

@@ -2,15 +2,16 @@ import { c as e } from "../../chunks/runtime.js";
 import { newWidgetsFloorFilter as i } from "@arcgis/core-adapter";
 import { m as s } from "../../chunks/useWidget.js";
 import { LitElement as o, createEvent as l, noShadowRoot as a } from "@arcgis/lumina";
+import { css as r } 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.7
+ * v4.32.0-next.9
 */
-const r = s(i);
-class h extends o {
+const h = r`arcgis-floor-filter{display:flex}`, n = s(i);
+class d extends o {
   constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
+    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.facility = this.widget.facility, this.headingLevel = this.widget.headingLevel, this.icon = this.widget.icon, this.label = this.widget.label, this.level = this.widget.level, this.longNames = this.widget.longNames, this.position = "bottom-left", this.site = this.widget.site, this.arcgisReady = l();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, facility: 3, headingLevel: 9, icon: 1, label: 1, level: 3, longNames: 5, position: 1, referenceElement: 1, site: 3 };
@@ -18,6 +19,9 @@ class h extends o {
   static {
     this.shadowRootOptions = a;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -28,7 +32,7 @@ class h extends o {
     this.widget?.updateWebDocument(t);
   }
 }
-e("arcgis-floor-filter", h);
+e("arcgis-floor-filter", d);
 export {
-  h as ArcgisFloorFilter
+  d as ArcgisFloorFilter
 };

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

@@ -5,24 +5,28 @@ import { classes as d } from "@arcgis/components-utils";
 import { newWidgetsFullscreenFullscreenViewModel as m } from "@arcgis/core-adapter";
 import { u, m as h } from "../../chunks/useViewModel.js";
 import { g as i } from "../../chunks/globalCss.js";
-import { LitElement as g, createEvent as p, noShadowRoot as f, safeClassMap as o, nothing as w } from "@arcgis/lumina";
+import { LitElement as g, createEvent as f, noShadowRoot as p, safeClassMap as o, nothing as w } from "@arcgis/lumina";
+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.7
+ * v4.32.0-next.9
 */
-const b = {
+const b = y`arcgis-fullscreen{display:flex}`, v = {
   base: "esri-fullscreen"
-}, v = h(m);
-class y extends g {
+}, M = h(m);
+class $ extends g {
   constructor() {
-    super(...arguments), this.messages = u(), this.viewModel = v(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = u(), this.viewModel = M(this), this.autoDestroyDisabled = !1, this.element = this.viewModel.element, this.icon = "zoom-out-fixed", this.position = "top-left", this.state = this.viewModel.state, this.arcgisPropertyChange = c()("state"), this.arcgisReady = f();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, element: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 3 };
   }
   static {
-    this.shadowRootOptions = f;
+    this.shadowRootOptions = p;
+  }
+  static {
+    this.styles = b;
   }
   // #endregion
   // #region Private Properties
@@ -43,11 +47,11 @@ class y extends g {
   // #endregion
   // #region Rendering
   render() {
-    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, a = t === "feature-unsupported", l = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${o(d(b.base, i.widget))}>${!a && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${(r ?? l) || ""} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, icon: r } = this, t = this.viewModel?.state, l = t === "feature-unsupported", a = t === "ready" || t === "disabled" || t === "feature-unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return s`<div class=${o(d(v.base, i.widget))}>${!l && s`<calcite-button class=${o(i.widgetButton)} .disabled=${t === "disabled"} .iconStart=${(r ?? a) || ""} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? w}></calcite-button>` || ""}</div>`;
   }
 }
-n("arcgis-fullscreen", y);
+n("arcgis-fullscreen", $);
 export {
-  y as ArcgisFullscreen
+  $ as ArcgisFullscreen
 };

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

@@ -11,6 +11,13 @@ declare const useHistogramWidget: (component: import('@arcgis/components-control
     destroy?: (() => Promise<void>) | undefined;
 } & Pick<__esri.Histogram, "label" | "viewModel" | "icon" | "layout" | "max" | "min" | "average" | "barCreatedFunction" | "bins" | "dataLineCreatedFunction" | "dataLines" | "labelFormatFunction"> & {
     reactiveUtils?: __esri.reactiveUtils | undefined;
+    /**
+     * 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.
+     */
     state?: "ready" | "disabled" | undefined;
     viewModel?: __esri.HistogramViewModel | undefined;
     icon: string | Nil;

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

@@ -3,15 +3,16 @@ import { newWidgetsHistogram as i } from "@arcgis/core-adapter";
 import { m as e } from "../../chunks/useWidget.js";
 import { usePropertyChange as s } from "@arcgis/components-controllers";
 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.7
+ * v4.32.0-next.9
 */
-const n = e(i);
-class h extends a {
+const h = n`arcgis-histogram{display:flex}`, d = e(i);
+class m extends a {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.icon = this.widget.icon, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.layout = this.widget.layout, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.state = this.widget.state, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, icon: 1, label: 1, labelFormatFunction: 0, layout: 1, max: 9, min: 9, position: 1, referenceElement: 1, state: 3 };
@@ -19,6 +20,9 @@ class h extends a {
   static {
     this.shadowRootOptions = r;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -26,7 +30,7 @@ class h extends a {
     await this.manager.destroy();
   }
 }
-t("arcgis-histogram", h);
+t("arcgis-histogram", m);
 export {
-  h as ArcgisHistogram
+  m as ArcgisHistogram
 };

package/dist/components/arcgis-histogram-range-slider/customElement.d.ts

@@ -30,10 +30,6 @@ declare const useHistogramRangeSliderWidget: (component: import('@arcgis/compone
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    /**
-     * Generates a SQL where clause based on a given field and the slider's
-     * rangeType
-     */
     editConstructorProperties(props: __esri.HistogramRangeSliderProperties): __esri.HistogramRangeSliderProperties | Promise<__esri.HistogramRangeSliderProperties>;
 } | undefined) => __esri.HistogramRangeSlider;
 export declare class ArcgisHistogramRangeSlider extends LitElement implements Use<typeof useHistogramRangeSliderWidget> {

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

@@ -1,17 +1,18 @@
 import { c as e } from "../../chunks/runtime.js";
 import { newWidgetsHistogramRangeSlider as i } from "@arcgis/core-adapter";
-import { usePropertyChange as a } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
+import { usePropertyChange as s } from "@arcgis/components-controllers";
+import { m as a } from "../../chunks/useWidget.js";
 import { LitElement as r, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
+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.7
+ * v4.32.0-next.9
 */
-const d = s(i);
-class h extends r {
+const h = d`arcgis-histogram-range-slider{display:flex}`, l = a(i);
+class g extends r {
   constructor() {
-    super(...arguments), this.widget = d(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = a()("state"), this.arcgisReady = o();
+    super(...arguments), this.widget = l(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.average = this.widget.average, this.barCreatedFunction = this.widget.barCreatedFunction, this.bins = this.widget.bins, this.dataLineCreatedFunction = this.widget.dataLineCreatedFunction, this.dataLines = this.widget.dataLines, this.excludedBarColor = this.widget.excludedBarColor, this.icon = this.widget.icon, this.includedBarColor = this.widget.includedBarColor, this.label = this.widget.label, this.labelFormatFunction = this.widget.labelFormatFunction, this.max = this.widget.max, this.min = this.widget.min, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeType = this.widget.rangeType, this.standardDeviation = this.widget.standardDeviation, this.standardDeviationCount = this.widget.standardDeviationCount, this.state = this.viewModel.state, this.values = this.widget.values, this.arcgisPropertyChange = s()("state"), this.arcgisReady = o();
   }
   static {
     this.properties = { autoDestroyDisabled: 5, average: 9, barCreatedFunction: 0, bins: 0, dataLineCreatedFunction: 0, dataLines: 0, excludedBarColor: 0, icon: 1, includedBarColor: 0, label: 1, labelFormatFunction: 0, max: 9, min: 9, position: 1, precision: 9, rangeType: 1, referenceElement: 1, standardDeviation: 9, standardDeviationCount: 9, state: 3, values: 0 };
@@ -19,6 +20,9 @@ class h extends r {
   static {
     this.shadowRootOptions = n;
   }
+  static {
+    this.styles = h;
+  }
   // #endregion
   // #region Public Methods
   /** Permanently destroy the component */
@@ -33,7 +37,7 @@ class h extends r {
     return this.widget.generateWhereClause(t);
   }
 }
-e("arcgis-histogram-range-slider", h);
+e("arcgis-histogram-range-slider", g);
 export {
-  h as ArcgisHistogramRangeSlider
+  g as ArcgisHistogramRangeSlider
 };

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.7
+ * 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.7
+ * 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, "triggerAction");
+    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.7
+ * 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.7
+ * 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.7
+ * 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, "locateError"), 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
 };