@arcgis/map-components 5.1.0-next.10 → 5.1.0-next.101

package/dist/components/arcgis-utility-network-validate-network-topology/customElement.js

@@ -0,0 +1,208 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import { c as k } from "../../chunks/runtime.js";
+import { css as _, html as s } from "lit";
+import { getOwningPortalUrl as N, hasUserTypeExtension as V } from "@arcgis/core/applications/Components/featureUtils.js";
+import "@arcgis/core/core/Error.js";
+import { on as b, watch as $ } from "@arcgis/core/core/reactiveUtils.js";
+import T from "@arcgis/core/portal/Portal.js";
+import "@arcgis/core/rest/networks/support/ValidateNetworkTopologyResult.js";
+import { LitElement as A, createEvent as u, nothing as l } from "@arcgis/lumina";
+import { log as d, composeMissingPropertyMessage as y } from "@arcgis/toolkit/log";
+import { generateGuid as E } from "@arcgis/toolkit/string";
+import { u as U } from "../../chunks/useT9n.js";
+import { u as L } from "../../chunks/useView.js";
+import { c as S, i as C, l as I, t as n } from "../../chunks/async-utils.js";
+import { d as O } from "../../chunks/layer-utils.js";
+const D = _`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}:host{display:flex;flex-direction:column;height:var(--arcgis-internal-panel-height, 100%)}calcite-block{margin:0;border-bottom:none}calcite-combobox{margin-bottom:var(--calcite-spacing-sm)}calcite-icon{width:32px}`, p = {
+  noDirtyAreasInExtent: -2147208940,
+  operationOnlyAllowedByOwner: -2147217144,
+  cannotAcquireVersionLockV10: -2147217146,
+  cannotAcquireVersionLockV11: -2147220947
+};
+class q extends A {
+  constructor() {
+    super(...arguments), this._messages = U({ blocking: !0 }), this._unVntGuid = `unvnt_${E()}`, this.disabled = !1, this.extentToValidate = "current", this.hideUtilityNetworkSelect = !1, this.state = { type: "disabled" }, this.view = L(this), this.arcgisReady = u(), this.arcgisValidateNetworkTopologyEnd = u(), this.arcgisValidateNetworkTopologyStart = u();
+  }
+  static {
+    this.properties = { beforeValidateNetworkTopologyStart: 0, disabled: 5, extentToValidate: 1, hideUtilityNetworkSelect: 5, label: 1, messageOverrides: 0, referenceElement: 1, result: 0, state: 0, utilityNetwork: 0, view: 0 };
+  }
+  static {
+    this.styles = D;
+  }
+  async loaded() {
+    this.manager.onLifecycle(() => [
+      b(() => this.view?.map?.allLayers, "change", (e) => {
+        const t = e.added.concat(e.removed);
+        this._getDirtyAreasLayer(t) && this._runSetup();
+      }),
+      b(() => this.view?.map?.utilityNetworks, "change", () => {
+        this._runSetup();
+      }),
+      $(() => this.view, () => {
+        this._runSetup();
+      }, { initial: !0 })
+    ]);
+  }
+  _getDirtyAreasLayer(e) {
+    const t = this.utilityNetwork?.networkSystemLayers.dirtyAreasLayerUrl;
+    if (t)
+      return e.find((i) => O(i) && `${i.url}/${i.layerId}` === t);
+  }
+  async _handleValidateNetworkTopologyAction() {
+    try {
+      if (this.result = void 0, !this.view) {
+        this.state = { type: "error-disable-component", message: this._messages.errors.noView };
+        return;
+      }
+      if (!this.utilityNetwork) {
+        this.state = { type: "error-disable-component", message: this._messages.errors.noUtilityNetworks };
+        return;
+      }
+      this.beforeValidateNetworkTopologyStart && await this.beforeValidateNetworkTopologyStart();
+      const { view: e, utilityNetwork: t } = this;
+      if (!e) {
+        this.state = { type: "error-disable-component", message: this._messages.errors.noView };
+        return;
+      }
+      if (!t) {
+        this.state = { type: "error-disable-component", message: this._messages.errors.noUtilityNetwork }, d("warn", this, y("utilityNetwork"));
+        return;
+      }
+      if (this.arcgisValidateNetworkTopologyStart.emit().defaultPrevented) {
+        d("info", this, this._messages.info.validateCanceled);
+        return;
+      }
+      this.state = { type: "executing" };
+      const r = {
+        outSpatialReference: e.spatialReference?.clone() || null,
+        validateArea: this.extentToValidate === "current" || !t.fullExtent ? e.extent.clone() : t.fullExtent.clone()
+      };
+      this.result = await t.validateTopology(r), this.state = { type: "success", message: this._messages.status.success };
+    } catch (e) {
+      const { _messages: { errors: { cannotAcquireVersionLock: t, noDirtyAreasInExtent: i, operationOnlyAllowedByOwner: r } } } = this;
+      this.result = void 0;
+      const o = e, a = o.details?.raw?.extendedCode;
+      let c = o.message;
+      switch (a) {
+        case p.noDirtyAreasInExtent:
+          c = i;
+          break;
+        case p.cannotAcquireVersionLockV10:
+        case p.cannotAcquireVersionLockV11:
+          c = t;
+          break;
+        case p.operationOnlyAllowedByOwner:
+          c = r;
+          break;
+      }
+      this.state = { type: "error-info", message: c };
+    } finally {
+      this.arcgisValidateNetworkTopologyEnd.emit();
+    }
+  }
+  async _runSetup() {
+    this._setupTask?.abort();
+    const e = S(async (t) => {
+      this.state = { type: "loading" }, this.result = void 0;
+      const { view: i } = this;
+      if (!i) {
+        this.utilityNetwork = void 0, this.state = { type: "error-disable-component", message: this._messages.errors.noView }, d("warn", this, y("view"));
+        return;
+      }
+      if (i.type !== "2d") {
+        this.utilityNetwork = void 0, this.state = { type: "error-disable-component", message: this._messages.errors.sceneViewNotSupported };
+        return;
+      }
+      const r = i.map;
+      await r.load({ signal: t }), n(t);
+      const o = r.utilityNetworks ?? null;
+      if (!o?.length) {
+        this.utilityNetwork = void 0, this.state = { type: "error-disable-component", message: this._messages.errors.noUtilityNetworks };
+        return;
+      }
+      let a = this.utilityNetwork;
+      if ((!a || !o.find((f) => f.id === a?.id)) && (a = o.getItemAt(0)), !a) {
+        this.state = { type: "error-disable-component", message: this._messages.errors.noUtilityNetworks }, d("warn", this, y("utilityNetwork"));
+        return;
+      }
+      await a.load({ signal: t }), n(t);
+      const g = (Number(a.sourceJSON.currentVersion) || 0) <= 11.1 ? "utilityNetwork" : "advediting", w = await N(a.layerUrl, { signal: t }) ?? void 0;
+      n(t);
+      const h = new T({ url: w });
+      await h.load({ signal: t }), n(t);
+      const x = h.user?.username ?? "", v = await V(h, x, g);
+      if (n(t), this._utilityNetworks = o, this.utilityNetwork = a, !v) {
+        this.state = g === "advediting" ? { type: "error-disable-execute", message: this._messages.errors.noAdvancedEditingUserTypeExtension } : {
+          type: "error-disable-execute",
+          message: this._messages.errors.noUtilityNetworkServiceUserTypeExtension
+        };
+        return;
+      }
+      const m = this._getDirtyAreasLayer(r.allLayers.toArray());
+      if (!m) {
+        this.state = { type: "error-disable-execute", message: this._messages.errors.noDirtyAreasLayer };
+        return;
+      }
+      await m.load({ signal: t }), n(t), this.state = { type: "ready" };
+    });
+    this._setupTask = e;
+    try {
+      await e.promise;
+    } catch (t) {
+      if (C(t))
+        return;
+      this.state = { type: "error-disable-execute", message: this._messages.errors.utilityNetworkLoadFailed }, I(t, this, this.state.message);
+    } finally {
+      this._setupTask === e && (this._setupTask = void 0);
+    }
+  }
+  _renderExtentToValidateCombobox() {
+    if (this.state.type !== "error-disable-component")
+      return s`<calcite-combobox .disabled=${this.disabled || this.state.type === "disabled" || this.state.type === "executing"} .label=${this._messages.input.selectExtent.label} .labelText=${this._messages.input.selectExtent.label} selection-mode=single-persist @calciteComboboxChange=${(e) => {
+        this.extentToValidate = e.target.value;
+      }}><calcite-combobox-item .heading=${this._messages.input.selectExtent.options.currentExtent} .selected=${this.extentToValidate === "current"} value=current></calcite-combobox-item><calcite-combobox-item .heading=${this._messages.input.selectExtent.options.entireExtent} .selected=${this.extentToValidate === "entire"} value=entire></calcite-combobox-item></calcite-combobox>`;
+  }
+  _renderInfoNotice() {
+    if (this.state.type === "error-disable-component" || this.state.type === "error-disable-execute" || this.state.type === "error-info" || this.state.type === "success")
+      return s`<calcite-notice .closable=${this.state.type === "error-info" || this.state.type === "success"} .kind=${this.state.type === "success" ? "success" : "warning"} open scale=s width=full @calciteNoticeClose=${() => this.state = { type: "ready" }}><div slot=message>${this.state.message}</div></calcite-notice>`;
+  }
+  _renderStatusIcon() {
+    const e = `${this._unVntGuid}_status-icon`;
+    switch (this.state.type) {
+      case "error-disable-component":
+      case "error-disable-execute":
+      case "error-info":
+        return s`<calcite-icon icon=exclamation-mark-triangle id=${e ?? l} scale=s slot=actions-end></calcite-icon>`;
+      case "executing":
+        return s`<calcite-action loading disabled slot=actions-end .text=${this._messages.status.executing}></calcite-action>`;
+      case "success":
+        return s`<calcite-icon icon=check-circle id=${e ?? l} scale=s slot=actions-end></calcite-icon>`;
+      default:
+        return s`<calcite-icon icon=blank scale=m slot=actions-end></calcite-icon>`;
+    }
+  }
+  _renderUtilityNetworkCombobox() {
+    if (!(!this._utilityNetworks || this._utilityNetworks?.length === 1 || this.state.type === "error-disable-component" || this.hideUtilityNetworkSelect))
+      return s`<calcite-combobox .disabled=${this.state.type === "executing"} .label=${this._messages.input.selectUtilityNetwork.label} .labelText=${this._messages.input.selectUtilityNetwork.label} selection-mode=single-persist @calciteComboboxChange=${(e) => {
+        const t = e.target.value;
+        this.utilityNetwork = this._utilityNetworks?.find((i) => i.id === t), this._runSetup();
+      }}>${this._utilityNetworks.map((e) => s`<calcite-combobox-item .heading=${e.title} .selected=${e === this.utilityNetwork} .value=${e.id}></calcite-combobox-item>`)}</calcite-combobox>`;
+  }
+  _renderValidateNetworkTopologyAction() {
+    if (this.state.type === "error-disable-component")
+      return;
+    const e = `${this._unVntGuid}_execute-action`;
+    return [
+      s`<calcite-action .disabled=${this.disabled || this.state.type === "disabled" || this.state.type === "error-disable-execute" || this.state.type === "executing"} icon=play-f id=${e ?? l} @click=${this._handleValidateNetworkTopologyAction} slot=actions-end .text=${this._messages.actions.validateTopology}></calcite-action>`,
+      s`<calcite-tooltip reference-element=${e ?? l}><span>${this._messages.actions.validateTopology}</span></calcite-tooltip>`
+    ];
+  }
+  render() {
+    const e = this._renderStatusIcon(), t = this._renderValidateNetworkTopologyAction(), i = this._renderUtilityNetworkCombobox(), r = this._renderExtentToValidateCombobox(), o = this._renderInfoNotice();
+    return s`<calcite-panel .loading=${this.state.type === "loading"}><calcite-block collapsible expanded .heading=${this.label}>${e}${t}${i}${r}${o}</calcite-block></calcite-panel>`;
+  }
+}
+k("arcgis-utility-network-validate-network-topology", q);
+export {
+  q as ArcgisUtilityNetworkValidateNetworkTopology
+};

package/dist/components/arcgis-utility-network-validate-network-topology/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-utility-network-validate-network-topology/index.js

@@ -0,0 +1,9 @@
+import "@esri/calcite-components/components/calcite-combobox";
+import "@esri/calcite-components/components/calcite-combobox-item";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-tooltip";
+import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-block";
+export * from "./customElement.js";

package/dist/components/arcgis-value-picker-legacy/customElement.d.ts

@@ -2,27 +2,26 @@
 import type { ValuePickerEvents, ValuePickerComponent } from "@arcgis/core/widgets/ValuePicker.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { AnimateEvent } from "@arcgis/core/widgets/ValuePicker/types";
+import type { AnimateEvent, Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 
 /**
  * > [!WARNING]
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * Value Picker is a component that allows users to step or play through a list of values. Value Picker component can be configured
- * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#from-collection),
- * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#from-labels),
- * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#selectable-items) or
- * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#numeric-values)
+ * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),
+ * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-labels),
+ * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#selectable-items) or
+ * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#numeric-values)
  * control to help users navigate values.
  *
  * Similar to a media player, values can be interactively stepped through using the `next` and `previous` buttons.
  * Value Picker can also be set to automatically progress (play) through an ordered
- * list of items at a [preset interval](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#playRate).
+ * list of items at a [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
  *
  * ### Configuring Value Picker
  *
@@ -35,7 +34,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * It is important to note that the Value Picker component is not associated with a [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/) nor does it
  * necessarily require data.
  *
- * ![option-nodata](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-nodata.png)
+ * ![option-nodata](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-nodata.avif)
  *
  * ```html
  * <arcgis-map itemId="462c629e8e604c15baf45627c4f337d6">
@@ -59,7 +58,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * Consider using the [label component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/) to step through a fixed list of predefined values like land use zones.
  * In the following snippet a Value Picker component is created containing three coded land use zones.
  *
- * ![option-labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-labels.png)
+ * ![option-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-labels.avif)
  *
  * ```js
  * const ValuePickerLabel = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerLabel.js")).default;
@@ -79,7 +78,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["ind"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -104,7 +103,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * initialized with starting value of "topo-vector". Since "topo-vector" is the first item in the collection, only the _next_
  * button will be enabled.
  *
- * ![option-collection](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-collection.png)
+ * ![option-collection](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-collection.avif)
  *
  * ```js
  * const Collection = (await import("@arcgis/core/core/Collection.js")).default;
@@ -121,9 +120,9 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["topo-vector"];
  * ```
  *
- * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](#values) property updates.
- * Handle this by listening for the [arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPropertyChange)
- * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#values)
+ * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property updates.
+ * Handle this by listening for the [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPropertyChange)
+ * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values)
  * property changes, as shown below.
  *
  * ```js
@@ -139,7 +138,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * Consider using the [combobox component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/) when a searchable
  * dropdown list is required. In the following snippet the Value Picker component is created containing three coded land use zones.
  *
- * ![option-combobox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-combobox.png)
+ * ![option-combobox](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-combobox.avif)
  *
  * ```js
  * const ValuePickerCombobox = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerCombobox.js")).default;
@@ -160,7 +159,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["res"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -179,7 +178,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * for users that need to select a value within a fixed numeric range. For example, the snippet below presents a
  * Value Picker with a slider for picking a layer's opacity. The starting value is 50%.
  *
- * ![option-slider](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-slider.png)
+ * ![option-slider](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-slider.avif)
  *
  * ```js
  * const ValuePickerSlider = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerSlider.js")).default;
@@ -347,8 +346,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/).
    *
    * If this property is not set then the play, next and previous buttons will always be enabled. In this case, listen to the
-   * component events, for example, [@previous](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisPrevious) and
-   * [@next](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#arcgisNext), when the user interacts with the
+   * component events, for example, [@arcgisPrevious](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPrevious) and
+   * [@arcgisNext](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisNext), when the user interacts with the
    * component.
    *
    * @example
@@ -482,7 +481,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker/#component) is being used. For example, a
+   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#component) is being used. For example, a
    * [slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/) component will return an array of numbers.
    *
    * If the `component` is not set then this property will return `null`. Similarly this property can be `null`
@@ -542,7 +541,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   /** Pause playing. */
   pause(): Promise<void>;
   /**
-   * Start playing. Value Picker will advance at the rate specified by [playRate](#playRate).
+   * Start playing. Value Picker will advance at the rate specified by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
    *
    * @example
    * ```js
@@ -594,7 +593,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   "@setterTypes": {
     icon?: IconName;
   };
-  /** Fires when the Value Picker is playing at a rate defined by [playRate](#playRate). */
+  /** Fires when the Value Picker is playing at a rate defined by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate). */
   readonly arcgisAnimate: import("@arcgis/lumina").TargetedEvent<this, AnimateEvent>;
   /** Fires when the Value Picker's next button is clicked. */
   readonly arcgisNext: import("@arcgis/lumina").TargetedEvent<this, ValuePickerEvents["next"]>;

package/dist/components/arcgis-version-management/customElement.d.ts

@@ -1,11 +1,10 @@
 /// <reference path="../../index.d.ts" />
-import type VersioningState from "@arcgis/core/versionManagement/VersioningState";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type VersioningState2 from "@arcgis/core/versionManagement/VersioningState.js";
+import type VersioningState from "@arcgis/core/versionManagement/VersioningState.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
-import type { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes";
+import type { InitialVersionInfo, VersioningStateEvent } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VersionManagerState } from "@arcgis/core/versionManagement/VersionManager.js";
 
@@ -97,6 +96,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices?: string | undefined;
           noViewProperty?: string | undefined;
       } | undefined;
+      validationErrors?: { invalidCharacters?: string | undefined; } | undefined;
   };
   /** @internal */
   protected messages: {
@@ -143,6 +143,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices: string;
           noViewProperty: string;
       };
+      validationErrors: { invalidCharacters: string; };
   } & T9nMeta<{
       label: string;
       actions: {
@@ -187,6 +188,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
           noFeatureServices: string;
           noViewProperty: string;
       };
+      validationErrors: { invalidCharacters: string; };
   }>;
   accessor mode: string | undefined;
   /**
@@ -214,7 +216,7 @@ export abstract class ArcgisVersionManagement extends LitElement {
    *
    * @since 5.0
    */
-  accessor versioningStates: Collection<VersioningState2>;
+  accessor versioningStates: Collection<VersioningState>;
   /**
    * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/).
    *
@@ -230,17 +232,4 @@ export abstract class ArcgisVersionManagement extends LitElement {
     arcgisReady: ArcgisVersionManagement["arcgisReady"]["detail"];
     arcgisVersioningStateChanged: ArcgisVersionManagement["arcgisVersioningStateChanged"]["detail"];
   };
-}
-
-export interface VersioningStateEvent {
-  type?: VersioningStateEventType;
-  versionIdentifier?: VersionIdentifier;
-  versioningState?: VersioningState;
-}
-
-export type InitialVersionInfo = {
-  url: string;
-  name: string;
-};
-
-export type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";
+}