@arcgis/map-components 5.1.0-next.4 → 5.1.0-next.40

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

@@ -1,9 +1,8 @@
 /// <reference path="../../index.d.ts" />
 import type Color from "@arcgis/core/Color.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { ColorLike } from "@arcgis/core/Color";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
+import type { ColorLike } from "@arcgis/core/Color.js";
 import type { BarCreatedFunction, DataLineCreatedFunction, DataLineInfos } from "@arcgis/core/widgets/Histogram/types.js";
 import type { HistogramBin } from "@arcgis/core/smartMapping/statistics/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
@@ -26,9 +25,9 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   /**
    * The statistical average of the data in the histogram. You would typically
    * get this value from the `avg` property of
-   * [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-types.html#SummaryStatisticsResult),
+   * [SummaryStatisticsResult](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#SummaryStatisticsResult),
    * which is the result of the
-   * [summaryStatistics](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-summaryStatistics.html) function.
+   * [summaryStatistics](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/summaryStatistics/) function.
    *
    * When set, this value will render on the histogram with a line and an average symbol.
    *
@@ -61,7 +60,7 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   /**
    * An array of objects representing each bin in the histogram. This
    * information is typically returned from the
-   * [histogram](https://developers.arcgis.com/javascript/latest/api-reference/esri-smartMapping-statistics-histogram.html) function.
+   * [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) function.
    *
    * @example
    * // sets the bins of the histogram from the bins in the histogram() result
@@ -81,7 +80,7 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   accessor bins: Array<HistogramBin> | null | undefined;
   /**
    * Function that fires each time a data line is created.
-   * You can use this to style individual [dataLines](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#dataLines) on the data axis.
+   * You can use this to style individual [dataLines](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#dataLines) on the data axis.
    *
    * @example
    * histogram.dataLineCreatedFunction = function (lineElement, labelElement) {
@@ -122,15 +121,15 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   accessor dataLines: Array<DataLineInfos> | null | undefined;
   /**
    * Sets the color of the histogram bars that are excluded based on the specified
-   * [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType). For example, when a rangeType of `between` is used,
+   * [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType). For example, when a rangeType of `between` is used,
    * all bars **not** between the slider thumbs will be rendered with the color set here.
    *
    * To change the style of histogram bars representing included data based on the
-   * [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType), use the [includedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#includedBarColor) property.
+   * [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType), use the [includedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#includedBarColor) property.
    *
    * @default "#d7e5f0"
-   * @see [includedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#includedBarColor)
-   * @see [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType)
+   * @see [includedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#includedBarColor)
+   * @see [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType)
    * @example slider.excludedBarColor = "black";
    */
   get excludedBarColor(): Color;
@@ -147,15 +146,15 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   set icon(value: IconName);
   /**
    * Sets the color of the histogram bars that are included in the specified
-   * [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType). For example, when a rangeType of `between` is used,
+   * [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType). For example, when a rangeType of `between` is used,
    * all bars between the slider thumbs will be rendered with the color set here.
    *
    * To change the style of histogram bars representing excluded data based on the
-   * [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType), use the [excludedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#excludedBarColor) property.
+   * [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType), use the [excludedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#excludedBarColor) property.
    *
    * @default "#599dd4"
-   * @see [excludedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#excludedBarColor)
-   * @see [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType)
+   * @see [excludedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#excludedBarColor)
+   * @see [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType)
    * @example slider.includedBarColor = "green";
    */
   get includedBarColor(): Color;
@@ -172,10 +171,10 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
    * By default labels are formatted in the following way:
    *
    * - When the data range is less than `10` (`(max - min) < 10`), labels
-   *   are rounded based on the value set in the [precision](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#precision) property.
-   * - When the data range is larger than `10`, [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider-HistogramRangeSliderViewModel.html#labels) display with a precision of
+   *   are rounded based on the value set in the [precision](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#precision) property.
+   * - When the data range is larger than `10`, [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/HistogramRangeSliderViewModel/#labels) display with a precision of
    *   no more than two decimal places, though actual slider thumb values will maintain the
-   *   precision specified in [precision](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#precision).
+   *   precision specified in [precision](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#precision).
    *
    * Use this property to override the behavior defined above.
    *
@@ -195,18 +194,18 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   accessor labelFormatFunction: LabelFormatFunction;
   /**
    * The maximum value or upper bound of the slider. If the largest
-   * slider [value](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values) _in the constructor_ is greater than the `maxValue` set in
+   * slider [value](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values) _in the constructor_ is greater than the `maxValue` set in
    * this property, then the `maxValue` will update to match the largest
-   * slider [value](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values).
+   * slider [value](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values).
    *
    * @example slider.max = 150;
    */
   accessor max: number | null | undefined;
   /**
    * The minimum value or lower bound of the slider. If the smallest
-   * slider [value](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values) _in the constructor_ is greater than the `minValue` set in
+   * slider [value](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values) _in the constructor_ is greater than the `minValue` set in
    * this property, then the `minValue` will update to match the smallest
-   * slider [value](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values).
+   * slider [value](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values).
    *
    * @example slider.min = -150;
    */
@@ -215,10 +214,10 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
    * Defines how slider thumb values should be rounded. This number indicates the number
    * of decimal places slider thumb values should round to when they have been moved.
    *
-   * This value also indicates the precision of thumb [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider-HistogramRangeSliderViewModel.html#labels) when the data range
-   * ([max](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#max) - [min](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#min)) is less than `10`.
+   * This value also indicates the precision of thumb [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/HistogramRangeSliderViewModel/#labels) when the data range
+   * ([max](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#max) - [min](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#min)) is less than `10`.
    *
-   * When the data range is larger than `10`, [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider-HistogramRangeSliderViewModel.html#labels) display with a precision of
+   * When the data range is larger than `10`, [HistogramRangeSliderViewModel#labels](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/HistogramRangeSliderViewModel/#labels) display with a precision of
    * no more than two decimal places, though actual slider thumb values will maintain the
    * precision specified in this property.
    *
@@ -241,8 +240,8 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
    * this property, the precision of that thumb value will be maintained until the thumb
    * is moved by the user. At that point, the value will be rounded according to the indicated precision.
    *
-   * Keep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values) and shouldn't be used exclusively
-   * for formatting purposes. To format thumb `labels`, use the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#labelFormatFunction)
+   * Keep in mind this property rounds thumb [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values) and shouldn't be used exclusively
+   * for formatting purposes. To format thumb `labels`, use the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#labelFormatFunction)
    * property.
    *
    * @default 4
@@ -252,17 +251,17 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   /**
    * Indicates how the histogram bins should be rendered as the user slides the thumbs. By default,
    * blue bars indicate data bins included in the range. Gray bars indicate data bins excluded from
-   * the range. These colors can be customized with the [includedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#includedBarColor) and
-   * [excludedBarColor](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#includedBarColor) properties.
+   * the range. These colors can be customized with the [includedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#includedBarColor) and
+   * [excludedBarColor](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#includedBarColor) properties.
    *
-   * This property also determines the SQL where clause generated in [generateWhereClause()](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#generateWhereClause)
-   * for filtering purposes. The value set here determines the number of [values](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values)
+   * This property also determines the SQL where clause generated in [generateWhereClause()](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#generateWhereClause)
+   * for filtering purposes. The value set here determines the number of [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values)
    * allowed on the slider.
    *
    * See the table below for a description and requirements of all possible values. `value1` refers to
    * the value of the first thumb position. `value2` refers to the value of the final thumb position, if applicable.
    *
-   * Possible Value | Number of [values](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values) | [Where clause](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#generateWhereClause)
+   * Possible Value | Number of [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values) | [Where clause](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#generateWhereClause)
    * ---------------|----------------------------|----------------------
    * equal | 1 | `${field} = ${value1}`
    * not-equal | 1 | `${field} <> ${value1}`
@@ -273,8 +272,8 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
    * between | 2 | `${field} BETWEEN ${value1} AND ${value2}`
    * not-between | 2 | `${field} NOT BETWEEN ${value1} AND ${value2}`
    *
-   * @see [values](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#values)
-   * @see [generateWhereClause()](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#generateWhereClause)
+   * @see [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#values)
+   * @see [generateWhereClause()](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#generateWhereClause)
    * @example
    * // renders the histogram so that all bins between
    * // the two handles are shaded with a blue color
@@ -295,7 +294,7 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
    * Indicates the standard deviation of the dataset.
-   * When set, computed [dataLines](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#dataLines) will render on the histogram
+   * When set, computed [dataLines](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#dataLines) will render on the histogram
    * at the location of the given standard deviation
    * above and below the `average`.
    *
@@ -316,9 +315,9 @@ export abstract class ArcgisHistogramRangeSlider extends LitElement {
   get state(): SliderViewModelState;
   /**
    * An array of either one or two numbers representing thumb positions on the slider.
-   * The number of values that should be indicated here depends on the associated [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType).
+   * The number of values that should be indicated here depends on the associated [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType).
    *
-   * @see [rangeType](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-HistogramRangeSlider.html#rangeType)
+   * @see [rangeType](https://developers.arcgis.com/javascript/latest/references/core/widgets/HistogramRangeSlider/#rangeType)
    * @example
    * const slider = new HistogramRangeSlider({
    *   min: 20,

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

@@ -1,17 +1,15 @@
 /// <reference path="../../index.d.ts" />
 import type Viewpoint from "@arcgis/core/Viewpoint.js";
-import type MapView from "@arcgis/core/views/MapView";
-import type SceneView from "@arcgis/core/views/SceneView";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { GoToOverride } from "../support/goTo.js";
+import type { ArcgisReferenceElement, GoToOverride, IconName } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
 
 /**
  * The Home component is a button that navigates back to the
- * initial [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)
+ * initial [Viewpoint](https://developers.arcgis.com/javascript/latest/references/core/Viewpoint/)
  * or a previously defined `viewpoint`.
  *
  * @since 4.28
@@ -96,23 +94,23 @@ export abstract class ArcgisHome extends LitElement {
    */
   accessor view: MapView | SceneView | undefined;
   /**
-   * The [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html)
+   * The [Viewpoint](https://developers.arcgis.com/javascript/latest/references/core/Viewpoint/)
    * to go to when going "home".
    * The initial value is determined in a few different ways:
    *
    * If no `referenceElement` is provided, the value is `null`.
-   * Once the `referenceElement` is ready, the initial viewpoint value is the user-defined [Viewpoint](https://developers.arcgis.com/javascript/latest/api-reference/esri-Viewpoint.html).
+   * Once the `referenceElement` is ready, the initial viewpoint value is the user-defined [Viewpoint](https://developers.arcgis.com/javascript/latest/references/core/Viewpoint/).
    *
    * @example
    * ```js
    * // Create viewpoint centered on extent of a polygon geometry
    *
-   * let vp = new Viewpoint({
+   * let viewpoint = new Viewpoint({
    *   targetGeometry: geom.extent
    * });
    *
    * // Sets the Home's viewpoint to that Viewpoint
-   * home.viewpoint = vp;
+   * home.viewpoint = viewpoint;
    * ```
    */
   accessor viewpoint: null | undefined | Viewpoint;

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
 import { css as r, html as a } from "lit";
-import { usePropertyChange as n } from "@arcgis/lumina/controllers";
-import { classes as c } from "@arcgis/toolkit/dom";
-import { LitElement as l, createEvent as o, safeClassMap as h, nothing as g } from "@arcgis/lumina";
-import { u as m } from "../../chunks/useT9n.js";
-import { watch as v } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as n } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as c, createEvent as o, nothing as l, safeClassMap as h } from "@arcgis/lumina";
+import { usePropertyChange as g } from "@arcgis/lumina/controllers";
+import { classes as m } from "@arcgis/toolkit/dom";
+import { u as v } from "../../chunks/useT9n.js";
 import { u as d } from "../../chunks/useView.js";
-import { c as u } from "../../chunks/goTo.js";
-import { g as p } from "../../chunks/globalCss.js";
+import { g as u } from "../../chunks/globalCss.js";
+import { c as p } from "../../chunks/goTo.js";
 const w = r`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}:host{width:fit-content;height:fit-content}`;
-class f extends l {
+class f extends c {
   constructor() {
-    super(...arguments), this.messages = m(), this.#i = null, this.#t = null, this.view = d(this), this.autoDestroyDisabled = !1, this.icon = "home", this.visualScale = "m", this.arcgisGo = o(), this.arcgisPropertyChange = n()("state", "viewpoint"), this.arcgisReady = o();
+    super(...arguments), this.messages = v(), this.#i = null, this.#t = null, this.view = d(this), this.autoDestroyDisabled = !1, this.icon = "home", this.visualScale = "m", this.arcgisGo = o(), this.arcgisPropertyChange = g()("state", "viewpoint"), this.arcgisReady = o();
   }
   static {
     this.properties = { view: 0, autoDestroyDisabled: 5, goToOverride: 0, icon: 1, label: 1, messageOverrides: 0, referenceElement: 1, visualScale: 1, state: 32, viewpoint: 0 };
@@ -47,16 +47,18 @@ class f extends l {
     const t = new AbortController();
     this.#t = t;
     try {
-      await this.view?.when(), await u({ target: this.viewpoint, options: { signal: t.signal } }, this.view, this.goToOverride);
+      await this.view?.when(), await p({ target: this.viewpoint, options: { signal: t.signal } }, this.view, this.goToOverride);
     } catch {
     }
     this.#t = null;
   }
   async loaded() {
     this.manager.onLifecycle(() => [
-      v(() => this.view?.viewpoint, (t) => {
-        this.#e || !t || (this.#e = t.clone(), this.#i || this.arcgisPropertyChange.emit({ name: "viewpoint" }));
-      })
+      n(() => this.view, (t) => {
+        t?.when().then(() => {
+          this.view === t && (this.#e = t.viewpoint.clone(), this.#i || this.arcgisPropertyChange.emit({ name: "viewpoint" }));
+        });
+      }, { initial: !0, sync: !0 })
     ]);
   }
   _go() {
@@ -64,7 +66,7 @@ class f extends l {
   }
   render() {
     const { messages: t, icon: e } = this, i = this.state === "going-home";
-    return a`<div class=${h(c("root", p.arcgisButton))}><calcite-button .disabled=${this.state === "disabled"} .iconStart=${i ? void 0 : e ?? void 0} kind=neutral .label=${t.componentLabel} @click=${this._go} .scale=${this.visualScale} .loading=${i} title=${(i ? t.cancel : t.title) ?? g}></calcite-button></div>`;
+    return a`<div class=${h(m("root", u.arcgisButton))}><calcite-button .disabled=${this.state === "disabled"} .iconStart=${i ? void 0 : e ?? void 0} kind=neutral .label=${t.componentLabel} @click=${this._go} .scale=${this.visualScale} .loading=${i} title=${(i ? t.cancel : t.title) ?? l}></calcite-button></div>`;
   }
 }
 s("arcgis-home", f);