@arcgis/map-components 4.33.0-next.12 → 4.33.0-next.120

package/dist/components/arcgis-time-zone-label/customElement.js

@@ -0,0 +1,102 @@
+import { c as h } from "../../chunks/runtime.js";
+import { html as s } from "lit-html";
+import { useDirection as p, usePropertyChange as _ } from "@arcgis/lumina/controllers";
+import { classes as c } from "@arcgis/components-utils";
+import { LitElement as g, createEvent as u, noShadowRoot as v, nothing as d, safeClassMap as n } from "@arcgis/lumina";
+import { u as x } from "../../chunks/useT9n.js";
+import { g as m } from "../../chunks/globalCss.js";
+import { css as f } from "@lit/reactive-element/css-tag.js";
+import { u as $ } from "../../chunks/useView.js";
+import { when as y, watch as z } from "@arcgis/core/core/reactiveUtils.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.33/esri/copyright.txt for details.
+v4.33.0-next.120 */
+const D = f`@layer{.arcgis-time-zone-label{display:inline-flex;background-color:var(--calcite-color-foreground-1)}.arcgis-time-zone-label__badge{display:flex;padding-block:var(--calcite-spacing-sm);padding-inline:var(--calcite-spacing-sm);color:var(--calcite-color-text-1)}.arcgis-time-zone-label__badge--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__badge--hidden{display:none}.arcgis-time-zone-label__badge-icon{align-self:center}.arcgis-time-zone-label__name{--calcite-color-background: transparent;--calcite-color-border-input: transparent;--calcite-font-weight-medium: normal;pointer-events:none}.arcgis-time-zone-label__name--hidden{display:none}.arcgis-time-zone-label__label{--calcite-label-margin-bottom: 0;align-items:center;padding-inline:var(--calcite-spacing-sm)}.arcgis-time-zone-label__label--disabled{opacity:var(--calcite-opacity-disabled)}.arcgis-time-zone-label__label--hidden{display:none}}`, t = "esri-time-zone-label", i = {
+  base: t,
+  badge: `${t}__badge`,
+  badgeDisabled: `${t}__badge--disabled`,
+  badgeHidden: `${t}__badge--hidden`,
+  badgeIcon: `${t}__badge-icon`,
+  expander: `${t}__expander`,
+  label: `${t}__label`,
+  labelDisabled: `${t}__label--disabled`,
+  labelHidden: `${t}__label--hidden`,
+  name: `${t}__name`,
+  nameHidden: `${t}__name--hidden`
+};
+class w extends g {
+  constructor() {
+    super(...arguments), this._messages = x({ blocking: !0 }), this._onExpanderClick = () => {
+      this.expanded = !this.expanded;
+    }, this.view = $(this), this._direction = p(), this._expandDirection = null, this._timeZone = null, this.state = "disabled", this.position = "top-left", this.disabled = !1, this.expanded = !1, this.icon = "time-zone", this.arcgisPropertyChange = _()("state"), this.arcgisReady = u();
+  }
+  static {
+    this.properties = { _interactive: 16, _direction: 16, _expandDirection: 16, _timeZone: 16, state: 3, referenceElement: 1, position: 3, disabled: 7, expandDirection: 3, expanded: 7, icon: 3, messageOverrides: 0, label: 1 };
+  }
+  static {
+    this.styles = D;
+  }
+  static {
+    this.shadowRootOptions = v;
+  }
+  get _interactive() {
+    return !(this.disabled || this.state === "disabled");
+  }
+  get expandDirection() {
+    return this._expandDirection ?? this._computeExpandDirection();
+  }
+  set expandDirection(e) {
+    this._expandDirection = e;
+  }
+  loaded() {
+    this.state = this.view?.ready ? "ready" : "disabled", this.manager.onLifecycle(() => [
+      y(() => this.view?.ready, (e) => {
+        this.state = e ? "ready" : "disabled";
+      }),
+      z(() => this.view?.timeZone, (e) => {
+        this._timeZone = e;
+      })
+    ]);
+  }
+  _computeExpandDirection() {
+    if (!this.referenceElement)
+      return "end";
+    switch (this.position) {
+      case "top-right":
+      case "bottom-right":
+      case "top-trailing":
+      case "bottom-trailing":
+        return this._direction === "ltr" ? "start" : "end";
+      case "top-left":
+      case "bottom-left":
+      case "top-leading":
+      case "bottom-leading":
+        return this._direction === "ltr" ? "end" : "start";
+      default:
+        return "end";
+    }
+  }
+  _getIcon() {
+    const { expanded: e, expandDirection: a } = this;
+    return e ? this._direction === "rtl" ? a === "start" ? "chevrons-left" : "chevrons-right" : a === "start" ? "chevrons-right" : "chevrons-left" : "time-zone";
+  }
+  render() {
+    const e = c(i.base, m.widget, !this._interactive && m.disabled), a = this._renderExpander(), o = this._renderName(), r = this._renderBadge(), l = [a, o, r];
+    return this.expandDirection === "start" && l.reverse(), s`<div aria-label=${this.label ?? d} class=${n(e)}>${l}</div>`;
+  }
+  _renderExpander() {
+    const e = this._getIcon();
+    return s`<calcite-action class=${n(i.expander)} .disabled=${!this._interactive} .icon=${e} @click=${this._onExpanderClick} scale=s .text=${this.label ?? ""} title=${this.label ?? "" ?? d}></calcite-action>`;
+  }
+  _renderBadge() {
+    return s`<div class=${n(c(i.badge, !this.expanded && i.badgeHidden, !this._interactive && i.badgeDisabled))}><calcite-icon class=${n(i.badgeIcon)} icon=time-zone scale=s></calcite-icon></div>`;
+  }
+  _renderName() {
+    const e = "system", a = "unknown", o = this._timeZone === e || this._timeZone == null ? Intl.DateTimeFormat().resolvedOptions().timeZone : this._timeZone, r = this._timeZone === a, l = s`<calcite-label class=${n(c(i.label, (!this.expanded || !r) && i.labelHidden, !this._interactive && i.labelDisabled))}>${this._messages.noAdjustment}</calcite-label>`, b = s`<calcite-input-time-zone class=${n(c(i.name, (!this.expanded || !o || r) && i.nameHidden))} .disabled=${!this._interactive} mode=region read-only .value=${o}></calcite-input-time-zone>`;
+    return [l, b];
+  }
+}
+h("arcgis-time-zone-label", w);
+export {
+  w as ArcgisTimeZoneLabel
+};

package/dist/components/arcgis-time-zone-label/index.d.ts

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input-time-zone";
+export * from "./customElement.js";

package/dist/components/arcgis-time-zone-label/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-input-time-zone";
+export * from "./customElement.js";

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

@@ -1,69 +1,153 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as TrackViewModel } from '@arcgis/core/widgets/Track/TrackViewModel.js';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
-declare const useTrackViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<TrackViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<TrackViewModel>, options?: {
+declare const useTrackViewModel: (component: LitElement & Pick<TrackViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<TrackViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => TrackViewModel;
-/** Track component is a simple button that animates the [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) to the user's location when clicked.
+/**
+ * Track component is a button that animates the map or scene to the user's location when clicked.
+ * The view rotates based on device heading.
+ * The default heading symbol will display when speed is greater than zero and the browser provides heading information.
+ *
+ * **Known Limitations**
+ *
+ * - The heading symbol is not currently supported within an `arcgis-scene` component.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-track/)
  */
 export declare class ArcgisTrack extends LitElement {
-    private messages: Partial<{
-        componentLabel: string;
-        startTracking: string;
-        stopTracking: string;
-        permissionError: string;
-        timeoutError: string;
-        positionUnavailable: string;
-    }> & import('@arcgis/components-controllers').T9nMeta<{
-        componentLabel: string;
-        startTracking: string;
-        stopTracking: string;
-        permissionError: string;
-        timeoutError: string;
-        positionUnavailable: string;
-    }>;
     /**
-     * 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.
+     * 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 temporarily hide it. If this
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-track/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * Error that caused the last [track-error](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#event:track-error) event to fire.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#error)
+     *
+     * @default null
+     */
     error: any;
+    /**
+     * An object used for setting optional position parameters.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#geolocationOptions)
+     *
+     * @default null
+     */
     geolocationOptions: any;
+    /**
+     * This function provides the ability to override either the
+     * [MapView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#goTo) or
+     * [SceneView goTo()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html#goTo) methods.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#goToOverride)
+     */
     goToOverride: nullish | __esri.GoToOverride;
+    /**
+     * Indicates whether to navigate the view to the position and scale of the geolocated result.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#goToLocationEnabled)
+     *
+     * @default false
+     */
     goToLocationDisabled: boolean;
+    /**
+     * The graphic used to show the user's location on the map.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#graphic)
+     */
     graphic: __esri.Graphic;
+    /** @default "compass-north-circle" */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
+    /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
+    /** @default "top-left" */
     position: __esri.UIPosition;
+    /**
+     * A function that is used as an expression to evaluate geolocation points, and returns a boolean
+     * value.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#positionFilterFunction)
+     *
+     * @default null
+     */
     positionFilterFunction: Function | nullish;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * Indicates whether the component will automatically rotate to the device heading based on
+     * the Geolocation APIs [`GeolocationCoordinates.heading`](https://developer.mozilla.org/en-US/docs/Web/API/GeolocationCoordinates/heading)
+     * property.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#rotationEnabled)
+     *
+     * @default false
+     */
+    rotationDisabled: boolean;
+    /**
+     * Indicates the scale to set on the view when navigating to the position of the geolocated
+     * result, after a location is returned from the [track](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#event-track) event.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#scale)
+     *
+     * @default null
+     */
     scale: number | nullish;
+    /**
+     * The current state of the widget.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#state)
+     *
+     * @default "disabled"
+     */
     readonly state: "ready" | "disabled" | "error" | "tracking" | "waiting" | "feature-unsupported";
+    /**
+     * Indicates whether new positions are being watched.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Track-TrackViewModel.html#tracking)
+     *
+     * @default false
+     */
     readonly tracking: boolean;
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
     start(): Promise<void>;
     stop(): Promise<void>;
     readonly arcgisComplete: TargetedEvent<this, __esri.TrackViewModelTrackEvent>;
     readonly arcgisError: TargetedEvent<this, __esri.TrackViewModelTrackErrorEvent>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
+    private messages: Partial<{
+        componentLabel: string;
+        startTracking: string;
+        stopTracking: string;
+        permissionError: string;
+        timeoutError: string;
+        positionUnavailable: string;
+    }> & import('@arcgis/lumina/controllers').T9nMeta<{
+        componentLabel: string;
+        startTracking: string;
+        stopTracking: string;
+        permissionError: string;
+        timeoutError: string;
+        positionUnavailable: string;
+    }>;
 }
 export {};

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

@@ -1,26 +1,26 @@
 import { c as p } from "../../chunks/runtime.js";
 import { html as e } from "lit-html";
-import { usePropertyChange as m } from "@arcgis/components-controllers";
-import { reEmitEvent as a } from "@arcgis/components-controllers/accessor";
+import { usePropertyChange as m } from "@arcgis/lumina/controllers";
+import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
 import { classes as u } from "@arcgis/components-utils";
 import v from "@arcgis/core/widgets/Track/TrackViewModel.js";
 import { LitElement as w, createEvent as f, noShadowRoot as M, safeClassMap as n, nothing as k } from "@arcgis/lumina";
-import { u as E } from "../../chunks/useView.js";
+import { u as E } from "../../chunks/useT9n.js";
 import { m as b } from "../../chunks/useViewModel.js";
 import { g as c } from "../../chunks/globalCss.js";
 import { css as T } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.12 */
+v4.33.0-next.120 */
 const y = T`@layer{arcgis-track{display:block}}`, $ = {
   base: "esri-track"
-}, O = b(v);
-class D extends w {
+}, D = b(v);
+class O extends w {
   constructor() {
-    super(...arguments), this.messages = E(), this.viewModel = O(this), this.autoDestroyDisabled = !1, this.error = this.viewModel.error, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToOverride = this.viewModel.goToOverride, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.graphic = this.viewModel.graphic, this.icon = "compass-north-circle", this.position = "top-left", this.positionFilterFunction = this.viewModel.positionFilterFunction, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.tracking = this.viewModel.tracking, this.arcgisComplete = a(() => this.viewModel, "track"), this.arcgisError = a(() => this.viewModel, "track-error"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = f();
+    super(...arguments), this.messages = E(), this.viewModel = D(this), this.autoDestroyDisabled = !1, this.error = this.viewModel.error, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToOverride = this.viewModel.goToOverride, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.graphic = this.viewModel.graphic, this.icon = "compass-north-circle", this.position = "top-left", this.positionFilterFunction = this.viewModel.positionFilterFunction, this.rotationDisabled = this.viewModel.rotationEnabled, this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.tracking = this.viewModel.tracking, this.arcgisComplete = a(() => this.viewModel, "track"), this.arcgisError = a(() => this.viewModel, "track-error"), this.arcgisPropertyChange = m()("state"), this.arcgisReady = f();
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, error: 1, geolocationOptions: 1, goToOverride: 0, goToLocationDisabled: 7, graphic: 0, icon: 3, label: 1, messageOverrides: 0, position: 3, positionFilterFunction: 0, referenceElement: 1, scale: 9, state: 0, tracking: 4 };
+    this.properties = { autoDestroyDisabled: 5, error: 1, geolocationOptions: 1, goToOverride: 0, goToLocationDisabled: 7, graphic: 0, icon: 1, label: 1, messageOverrides: 0, position: 3, positionFilterFunction: 0, referenceElement: 1, rotationDisabled: 5, scale: 9, state: 3, tracking: 4 };
   }
   static {
     this.shadowRootOptions = M;
@@ -28,9 +28,6 @@ class D extends w {
   static {
     this.styles = y;
   }
-  // #endregion
-  // #region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
@@ -40,8 +37,6 @@ class D extends w {
   async stop() {
     this.viewModel.stop();
   }
-  // #endregion
-  // #region Private Methods
   _localizeError(t) {
     if (t instanceof GeolocationPositionError)
       return t.code === GeolocationPositionError.PERMISSION_DENIED ? this.messages?.permissionError : t.code === GeolocationPositionError.TIMEOUT ? this.messages?.timeoutError : this.messages?.positionUnavailable;
@@ -60,14 +55,12 @@ class D extends w {
       this.viewModel.start();
     }
   }
-  // #endregion
-  // #region Rendering
   render() {
     const { viewModel: t, messages: o, icon: l } = this, i = t?.state, d = i === "tracking", s = this._localizeError(this.viewModel?.error), r = (d ? o?.stopTracking : o?.startTracking) ?? "", h = i === "feature-unsupported", g = (i === "tracking" ? "pause" : void 0) ?? l ?? void 0;
     return e`<div class=${n(u($.base, c.widget))}>${!h && e`<calcite-button class=${n(c.widgetButton)} .disabled=${i === "disabled"} .iconStart=${g} kind=neutral .label=${r} .loading=${i === "waiting"} @click=${this._toggleTracking} title=${r ?? k}></calcite-button>` || ""}${s ? e`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${s}</calcite-tooltip>` : null}</div>`;
   }
 }
-p("arcgis-track", D);
+p("arcgis-track", O);
 export {
-  D as ArcgisTrack
+  O as ArcgisTrack
 };

package/dist/components/arcgis-utility-network-associations/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/components-controllers';
+import { Use } from '@arcgis/lumina/controllers';
 import { Nil } from '@arcgis/components-utils';
 import { default as UtilityNetworkAssociations } from '@arcgis/core/widgets/UtilityNetworkAssociations.js';
 import { ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -8,28 +8,23 @@ import { PropertyValues } from 'lit';
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 export type UtilityNetworkAssociationsWidget = InstanceType<typeof UtilityNetworkAssociations>;
-declare const useUtilityNetworkAssociationsWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
-    manager: import('@arcgis/components-controllers').ControllerManager;
-    el: HTMLElement;
-    autoDestroyDisabled?: boolean;
-    destroy?: () => Promise<void>;
-} & Pick<UtilityNetworkAssociations, never> & {
-    reactiveUtils?: typeof __esri.reactiveUtils;
+declare const useUtilityNetworkAssociationsWidget: (component: LitElement & Pick<UtilityNetworkAssociations, never> & {
     state?: unknown;
-    viewModel?: __esri.UtilityNetworkAssociationsUtilityNetworkAssociationsViewModel | undefined;
+    viewModel?: __esri.UtilityNetworkAssociationsViewModel | undefined;
+    closed?: boolean;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
     position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+    arcgisReady: import('@arcgis/lumina').EventEmitter;
+    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
         name: string;
     }> | undefined;
     el: HTMLElement & {
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView | Nil;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
@@ -42,74 +37,213 @@ declare const useUtilityNetworkAssociationsWidget: (component: import('@arcgis/c
  * > The UtilityNetworkAssociations Component does not support proxied feature services or feature services that utilize stored credentials.
  *
  * Note: Sign in to access the data in this sample, U/P: `viewer01`/`I68VGU^nMurF`
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-utility-network-associations/)
  */
 export declare class ArcgisUtilityNetworkAssociations extends LitElement {
     /**
      * 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 temporarily hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-utility-network-associations/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
+    /**
+     * Indicates whether to show a toggle to automatically show associations every time the map
+     * extent changes, or an action button to show associations within the current map extent on demand.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#autoRefreshAssociations)
+     *
+     * @default false
+     */
     autoRefreshAssociationsDisabled: boolean;
+    /**
+     * A [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html) used for representing the polyline geometry that is being
+     * drawn for connectivity associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#connectivityAssociationsLineSymbol)
+     */
     connectivityAssociationsLineSymbol: __esri.SimpleLineSymbol;
+    /**
+     * Indicates whether to query and display connectivity associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#includeConnectivityAssociations)
+     *
+     * @default false
+     */
     includeConnectivityAssociationsDisabled: boolean;
+    /**
+     * Indicates whether to query and display structural attachment associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#includeStructuralAttachmentAssociations)
+     *
+     * @default false
+     */
     includeStructuralAttachmentAssociationsDisabled: boolean;
+    /**
+     * The maximum number of associations that can be returned from the server.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#maxAllowableAssociations)
+     *
+     * @default 250
+     */
     maxAllowableAssociations: number;
+    /**
+     * The maximum value or upper bound of the Maximum allowable associations slider.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#maxAllowableAssociationsSliderMax)
+     */
     maxAllowableAssociationsSliderMax: number;
+    /**
+     * The minimum value or lower bound of the Maximum allowable associations slider.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#maxAllowableAssociationsSliderMin)
+     */
     maxAllowableAssociationsSliderMin: number;
+    /**
+     * Specifies the interval to move the maximum allowable associations slider with the up, or down keys.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#maxAllowableAssociationsSliderStep)
+     */
     maxAllowableAssociationsSliderStep: number;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /**
+     * Indicates whether to show arrows for connectivity associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#showArrowsConnectivity)
+     *
+     * @default false
+     */
     showArrowsConnectivity: boolean;
+    /**
+     * Indicates whether to show arrows for structural attachment associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#showArrowsStructuralAttachment)
+     *
+     * @default false
+     */
     showArrowsStructuralAttachment: boolean;
+    /**
+     * When `autoRefreshAssociations` is `true`, indicates whether to automatically show associations
+     * every time the current map extent changes.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#showAssociationsEnabled)
+     *
+     * @default false
+     */
     showAssociationsEnabled: boolean;
+    /**
+     * A [SimpleLineSymbol](https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html) used for representing the polyline geometry that is being drawn for structural attachment associations.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#structuralAttachmentAssociationsLineSymbol)
+     */
     structuralAttachmentAssociationsLineSymbol: __esri.SimpleLineSymbol;
+    /**
+     * Determines the utility network to use.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#utilityNetwork)
+     */
     utilityNetwork: nullish | __esri.UtilityNetwork;
+    /** @default false */
     showConnectivityAssociationsSettingsArrowsToggle: boolean;
-    /** @deprecated Use hideConnectivityAssociationsSettingsArrowsToggle instead */
+    /**
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsArrowsToggle instead
+     * @default false
+     */
     visibleElementsConnectivityAssociationsSettingsArrowsToggle: boolean;
+    /** @default false */
     showConnectivityAssociationsSettingsCapSelect: boolean;
-    /** @deprecated Use hideConnectivityAssociationsSettingsCapSelect instead */
+    /**
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsCapSelect instead
+     * @default false
+     */
     visibleElementsConnectivityAssociationsSettingsCapSelect: boolean;
+    /** @default false */
     hideConnectivityAssociationsSettingsColorPicker: boolean;
-    /** @deprecated Use hideConnectivityAssociationsSettingsColorPicker instead */
+    /**
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsColorPicker instead
+     * @default true
+     */
     visibleElementsConnectivityAssociationsSettingsColorPicker: boolean;
+    /** @default false */
     hideConnectivityAssociationsSettingsStylePicker: boolean;
-    /** @deprecated Use hideConnectivityAssociationsSettingsStylePicker instead */
+    /**
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsStylePicker instead
+     * @default true
+     */
     visibleElementsConnectivityAssociationsSettingsStylePicker: boolean;
+    /** @default false */
     hideConnectivityAssociationsSettingsWidthInput: boolean;
-    /** @deprecated Use hideConnectivityAssociationsSettingsWidthInput instead */
+    /**
+     * @deprecated since 4.32. Use hideConnectivityAssociationsSettingsWidthInput instead
+     * @default true
+     */
     visibleElementsConnectivityAssociationsSettingsWidthInput: boolean;
+    /** @default false */
     showMaxAllowableAssociationsSlider: boolean;
-    /** @deprecated Use hideMaxAllowableAssociationsSlider instead */
+    /**
+     * @deprecated since 4.32. Use hideMaxAllowableAssociationsSlider instead
+     * @default false
+     */
     visibleElementsMaxAllowableAssociationsSlider: boolean;
+    /** @default false */
     showStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
-    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead */
+    /**
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead
+     * @default false
+     */
     visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
+    /** @default false */
     showStructuralAttachmentAssociationsSettingsCapSelect: boolean;
-    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsCapSelect instead */
+    /**
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsCapSelect instead
+     * @default false
+     */
     visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: boolean;
+    /** @default false */
     hideStructuralAttachmentAssociationsSettingsColorPicker: boolean;
-    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsColorPicker instead */
+    /**
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsColorPicker instead
+     * @default true
+     */
     visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: boolean;
+    /** @default false */
     hideStructuralAttachmentAssociationsSettingsStylePicker: boolean;
-    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsStylePicker instead */
+    /**
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsStylePicker instead
+     * @default true
+     */
     visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: boolean;
+    /** @default false */
     hideStructuralAttachmentAssociationsSettingsWidthInput: boolean;
-    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsWidthInput instead */
+    /**
+     * @deprecated since 4.32. Use hideStructuralAttachmentAssociationsSettingsWidthInput instead
+     * @default true
+     */
     visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: boolean;
     /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     * Icon displayed in the widget's button.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#icon)
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "view-associations"
      */
     icon: string;
-    /** The component's default label. */
+    /**
+     * The widget's default label.
+     *
+     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html#label)
+     */
     label: string;
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};