@arcgis/map-components 4.32.0-next.1 → 4.32.0-next.100

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

@@ -0,0 +1,115 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/components-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';
+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;
+    state?: unknown;
+    viewModel?: __esri.UtilityNetworkAssociationsUtilityNetworkAssociationsViewModel | undefined;
+    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<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.UtilityNetworkAssociationsProperties | undefined): __esri.UtilityNetworkAssociationsProperties | Promise<__esri.UtilityNetworkAssociationsProperties | undefined> | undefined;
+} | undefined) => UtilityNetworkAssociations;
+/**
+ * The [UtilityNetworkAssociations](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkAssociations.html) component offers an intuitive user interface, reducing the complexity of working with utility network associations.
+ *
+ * > 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`
+ */
+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.
+     */
+    autoDestroyDisabled: boolean;
+    autoRefreshAssociationsDisabled: boolean;
+    connectivityAssociationsLineSymbol: __esri.SimpleLineSymbol;
+    includeConnectivityAssociationsDisabled: boolean;
+    includeStructuralAttachmentAssociationsDisabled: boolean;
+    maxAllowableAssociations: number;
+    maxAllowableAssociationsSliderMax: number;
+    maxAllowableAssociationsSliderMin: number;
+    maxAllowableAssociationsSliderStep: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    showArrowsConnectivity: boolean;
+    showArrowsStructuralAttachment: boolean;
+    showAssociationsEnabled: boolean;
+    structuralAttachmentAssociationsLineSymbol: __esri.SimpleLineSymbol;
+    utilityNetwork: nullish | __esri.UtilityNetwork;
+    showConnectivityAssociationsSettingsArrowsToggle: boolean;
+    /** @deprecated Use hideConnectivityAssociationsSettingsArrowsToggle instead */
+    visibleElementsConnectivityAssociationsSettingsArrowsToggle: boolean;
+    showConnectivityAssociationsSettingsCapSelect: boolean;
+    /** @deprecated Use hideConnectivityAssociationsSettingsCapSelect instead */
+    visibleElementsConnectivityAssociationsSettingsCapSelect: boolean;
+    hideConnectivityAssociationsSettingsColorPicker: boolean;
+    /** @deprecated Use hideConnectivityAssociationsSettingsColorPicker instead */
+    visibleElementsConnectivityAssociationsSettingsColorPicker: boolean;
+    hideConnectivityAssociationsSettingsStylePicker: boolean;
+    /** @deprecated Use hideConnectivityAssociationsSettingsStylePicker instead */
+    visibleElementsConnectivityAssociationsSettingsStylePicker: boolean;
+    hideConnectivityAssociationsSettingsWidthInput: boolean;
+    /** @deprecated Use hideConnectivityAssociationsSettingsWidthInput instead */
+    visibleElementsConnectivityAssociationsSettingsWidthInput: boolean;
+    showMaxAllowableAssociationsSlider: boolean;
+    /** @deprecated Use hideMaxAllowableAssociationsSlider instead */
+    visibleElementsMaxAllowableAssociationsSlider: boolean;
+    showStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
+    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsArrowsToggle instead */
+    visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: boolean;
+    showStructuralAttachmentAssociationsSettingsCapSelect: boolean;
+    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsCapSelect instead */
+    visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: boolean;
+    hideStructuralAttachmentAssociationsSettingsColorPicker: boolean;
+    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsColorPicker instead */
+    visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: boolean;
+    hideStructuralAttachmentAssociationsSettingsStylePicker: boolean;
+    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsStylePicker instead */
+    visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: boolean;
+    hideStructuralAttachmentAssociationsSettingsWidthInput: boolean;
+    /** @deprecated Use hideStructuralAttachmentAssociationsSettingsWidthInput instead */
+    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: string;
+    /** The component's default label. */
+    label: string;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+}
+export {};

package/dist/components/arcgis-utility-network-associations/customElement.js

@@ -0,0 +1,47 @@
+import { c as l } from "../../chunks/runtime.js";
+import a from "@arcgis/core/widgets/UtilityNetworkAssociations.js";
+import { LitElement as c, createEvent as r, noShadowRoot as h } from "@arcgis/lumina";
+import { m as A } from "../../chunks/useWidget.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.100 */
+const S = A(a);
+class g extends c {
+  constructor() {
+    super(...arguments), this.widget = S(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.autoRefreshAssociationsDisabled = this.widget.autoRefreshAssociations, this.connectivityAssociationsLineSymbol = this.widget.connectivityAssociationsLineSymbol, this.includeConnectivityAssociationsDisabled = this.widget.includeConnectivityAssociations, this.includeStructuralAttachmentAssociationsDisabled = this.widget.includeStructuralAttachmentAssociations, this.maxAllowableAssociations = this.widget.maxAllowableAssociations, this.maxAllowableAssociationsSliderMax = this.widget.maxAllowableAssociationsSliderMax, this.maxAllowableAssociationsSliderMin = this.widget.maxAllowableAssociationsSliderMin, this.maxAllowableAssociationsSliderStep = this.widget.maxAllowableAssociationsSliderStep, this.position = "bottom-left", this.showArrowsConnectivity = this.widget.showArrowsConnectivity, this.showArrowsStructuralAttachment = this.widget.showArrowsStructuralAttachment, this.showAssociationsEnabled = this.widget.showAssociationsEnabled, this.structuralAttachmentAssociationsLineSymbol = this.widget.structuralAttachmentAssociationsLineSymbol, this.utilityNetwork = this.widget.utilityNetwork, this.showConnectivityAssociationsSettingsArrowsToggle = this.widget.visibleElements.connectivityAssociationsSettings.arrowsToggle, this.visibleElementsConnectivityAssociationsSettingsArrowsToggle = !1, this.showConnectivityAssociationsSettingsCapSelect = this.widget.visibleElements.connectivityAssociationsSettings.capSelect, this.visibleElementsConnectivityAssociationsSettingsCapSelect = !1, this.hideConnectivityAssociationsSettingsColorPicker = this.widget.visibleElements.connectivityAssociationsSettings.colorPicker, this.visibleElementsConnectivityAssociationsSettingsColorPicker = !0, this.hideConnectivityAssociationsSettingsStylePicker = this.widget.visibleElements.connectivityAssociationsSettings.stylePicker, this.visibleElementsConnectivityAssociationsSettingsStylePicker = !0, this.hideConnectivityAssociationsSettingsWidthInput = this.widget.visibleElements.connectivityAssociationsSettings.widthInput, this.visibleElementsConnectivityAssociationsSettingsWidthInput = !0, this.showMaxAllowableAssociationsSlider = this.widget.visibleElements.maxAllowableAssociationsSlider, this.visibleElementsMaxAllowableAssociationsSlider = !1, this.showStructuralAttachmentAssociationsSettingsArrowsToggle = this.widget.visibleElements.structuralAttachmentAssociationsSettings.arrowsToggle, this.visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle = !1, this.showStructuralAttachmentAssociationsSettingsCapSelect = this.widget.visibleElements.structuralAttachmentAssociationsSettings.capSelect, this.visibleElementsStructuralAttachmentAssociationsSettingsCapSelect = !1, this.hideStructuralAttachmentAssociationsSettingsColorPicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.colorPicker, this.visibleElementsStructuralAttachmentAssociationsSettingsColorPicker = !0, this.hideStructuralAttachmentAssociationsSettingsStylePicker = this.widget.visibleElements.structuralAttachmentAssociationsSettings.stylePicker, this.visibleElementsStructuralAttachmentAssociationsSettingsStylePicker = !0, this.hideStructuralAttachmentAssociationsSettingsWidthInput = this.widget.visibleElements.structuralAttachmentAssociationsSettings.widthInput, this.visibleElementsStructuralAttachmentAssociationsSettingsWidthInput = !0, this.icon = this.widget.icon, this.label = this.widget.label, this.arcgisReady = r();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, autoRefreshAssociationsDisabled: 5, connectivityAssociationsLineSymbol: 0, includeConnectivityAssociationsDisabled: 5, includeStructuralAttachmentAssociationsDisabled: 5, maxAllowableAssociations: 9, maxAllowableAssociationsSliderMax: 9, maxAllowableAssociationsSliderMin: 9, maxAllowableAssociationsSliderStep: 9, position: 1, referenceElement: 1, showArrowsConnectivity: 5, showArrowsStructuralAttachment: 5, showAssociationsEnabled: 5, structuralAttachmentAssociationsLineSymbol: 0, utilityNetwork: 0, showConnectivityAssociationsSettingsArrowsToggle: 5, visibleElementsConnectivityAssociationsSettingsArrowsToggle: 5, showConnectivityAssociationsSettingsCapSelect: 5, visibleElementsConnectivityAssociationsSettingsCapSelect: 5, hideConnectivityAssociationsSettingsColorPicker: 5, visibleElementsConnectivityAssociationsSettingsColorPicker: 5, hideConnectivityAssociationsSettingsStylePicker: 5, visibleElementsConnectivityAssociationsSettingsStylePicker: 5, hideConnectivityAssociationsSettingsWidthInput: 5, visibleElementsConnectivityAssociationsSettingsWidthInput: 5, showMaxAllowableAssociationsSlider: 5, visibleElementsMaxAllowableAssociationsSlider: 5, showStructuralAttachmentAssociationsSettingsArrowsToggle: 5, visibleElementsStructuralAttachmentAssociationsSettingsArrowsToggle: 5, showStructuralAttachmentAssociationsSettingsCapSelect: 5, visibleElementsStructuralAttachmentAssociationsSettingsCapSelect: 5, hideStructuralAttachmentAssociationsSettingsColorPicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsColorPicker: 5, hideStructuralAttachmentAssociationsSettingsStylePicker: 5, visibleElementsStructuralAttachmentAssociationsSettingsStylePicker: 5, hideStructuralAttachmentAssociationsSettingsWidthInput: 5, visibleElementsStructuralAttachmentAssociationsSettingsWidthInput: 5, icon: 1, label: 1 };
+  }
+  static {
+    this.shadowRootOptions = h;
+  }
+  //#endregion
+  //#region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  //#endregion
+  //#region Lifecycle
+  async load() {
+    if (this.el.view?.map && this.el.view.map.portalItem) {
+      await this.el.view.map.load();
+      const t = this.el.view.map.utilityNetworks?.getItemAt(0);
+      await t?.load(), this.utilityNetwork = t;
+    }
+  }
+  willUpdate(t) {
+    this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsArrowsToggle"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsCapSelect"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsColorPicker"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsStylePicker"), this._handleVisibilityChange(t, "ConnectivityAssociationsSettingsWidthInput"), this._handleVisibilityChange(t, "MaxAllowableAssociationsSlider"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsArrowsToggle"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsCapSelect"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsStylePicker"), this._handleVisibilityChange(t, "StructuralAttachmentAssociationsSettingsWidthInput");
+  }
+  //#endregion
+  //#region Private Methods
+  _handleVisibilityChange(t, n) {
+    const s = `show${n}`, o = `hide${n}`, e = `visibleElements${n}`, i = this;
+    t.has(s) ? i[e] = !!i[s] : t.has(o) ? i[e] = !i[o] : t.has(e) && (console.warn(`${this.el.tagName.toLowerCase()}: The property ${e} is deprecated. Use ${s in i ? s : o} instead.`), s in i ? i[s] = !!i[e] : o in i && (i[o] = !i[e]));
+  }
+}
+l("arcgis-utility-network-associations", g);
+export {
+  g as ArcgisUtilityNetworkAssociations
+};

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

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

package/dist/components/arcgis-utility-network-associations/index.js

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

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

@@ -0,0 +1,38 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { default as UtilityNetworkTrace } from '@arcgis/core/widgets/UtilityNetworkTrace.js';
+import { ArcgisReferenceElement, WidgetElement } from '../../utils/component-utils';
+import { Nil } from '@arcgis/components-utils';
+import { PropertyValues } from 'lit';
+import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+export type UtilityNetworkTraceWidget = InstanceType<typeof UtilityNetworkTrace>;
+/** [UtilityNetworkTrace](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkTrace.html) provides a way to run traces in a Utility Network based on connectivity or traversability from set input flags. Input flags (starting points and barriers) can be set by clicking the view.
+
+> The UtilityNetworkTrace 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`
+ */
+export declare class ArcgisUtilityNetworkTrace extends LitElement {
+    defaultGraphicColor: UtilityNetworkTraceWidget["defaultGraphicColor"];
+    disabled: boolean;
+    enableResultArea: boolean;
+    flags: UtilityNetworkTraceWidget["flags"];
+    gdbVersion: string;
+    inputSettings: UtilityNetworkTraceWidget["inputSettings"];
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    resultAreaProperties?: UtilityNetworkTraceWidget["resultAreaProperties"];
+    selectOnCompleteDisabled: boolean;
+    selectedTraces: UtilityNetworkTraceWidget["selectedTraces"];
+    showGraphicsOnCompleteDisabled: boolean;
+    showSelectionAttributesDisabled: boolean;
+    checkCanTrace(): Promise<void>;
+    confirmReset(): Promise<void>;
+    readonly arcgisAddFlag: TargetedEvent<this, __esri.UtilityNetworkTraceAddFlagEvent>;
+    readonly arcgisAddFlagComplete: TargetedEvent<this, __esri.UtilityNetworkTraceAddFlagCompleteEvent>;
+    readonly arcgisAddFlagError: TargetedEvent<this, __esri.UtilityNetworkTraceAddFlagErrorEvent>;
+    readonly arcgisAddResultArea: TargetedEvent<this, __esri.UtilityNetworkTraceAddResultAreaEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisRemoveResultArea: TargetedEvent<this, __esri.UtilityNetworkTraceRemoveResultAreaEvent>;
+}

package/dist/components/arcgis-utility-network-trace/customElement.js

@@ -0,0 +1,116 @@
+import { c as s } from "../../chunks/runtime.js";
+import { ref as r } from "lit-html/directives/ref.js";
+import { watch as a } from "@arcgis/core/core/reactiveUtils.js";
+import h from "@arcgis/core/widgets/UtilityNetworkTrace.js";
+import { d as l, a as o, r as d, b as c } from "../../chunks/component-utils.js";
+import { o as n } from "../../chunks/disconnected.js";
+import { html as p } from "lit";
+import { LitElement as f, createEvent as t, noShadowRoot as w } from "@arcgis/lumina";
+/*! 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.100 */
+class g extends f {
+  constructor() {
+    super(...arguments), this._watchHandles = [], this.defaultGraphicColor = {
+      color: [255, 255, 0, 0.6],
+      haloOpacity: 0.9,
+      fillOpacity: 0.2,
+      hex: "#FFFF00"
+    }, this.disabled = !1, this.enableResultArea = !1, this.flags = [], this.gdbVersion = "sde.DEFAULT", this.inputSettings = [], this.position = "bottom-left", this.selectOnCompleteDisabled = !1, this.selectedTraces = [], this.showGraphicsOnCompleteDisabled = !1, this.showSelectionAttributesDisabled = !1, this.arcgisAddFlag = t(), this.arcgisAddFlagComplete = t(), this.arcgisAddFlagError = t(), this.arcgisAddResultArea = t(), this.arcgisReady = t(), this.arcgisRemoveResultArea = t();
+  }
+  static {
+    this.properties = { defaultGraphicColor: 0, disabled: 7, enableResultArea: 5, flags: 0, gdbVersion: 1, inputSettings: 0, position: 1, referenceElement: 1, resultAreaProperties: 0, selectOnCompleteDisabled: 5, selectedTraces: 0, showGraphicsOnCompleteDisabled: 5, showSelectionAttributesDisabled: 5, view: 0, widget: 0 };
+  }
+  static {
+    this.shadowRootOptions = w;
+  }
+  // #endregion
+  // #region Public Methods
+  async checkCanTrace() {
+    await this.widget?.checkCanTrace();
+  }
+  async confirmReset() {
+    this.widget?.confirmReset();
+  }
+  // #endregion
+  // #region Lifecycle
+  willUpdate(e) {
+    e.has("referenceElement") && this.referenceElementWatcher(this.referenceElement), e.has("enableResultArea") && this.enableResultAreaWatcher(this.enableResultArea), e.has("defaultGraphicColor") && this.defaultGraphicColorWatcher(this.defaultGraphicColor), e.has("disabled") && this.disabledWatcher(this.disabled, e.get("disabled")), e.has("flags") && this.flagsWatcher(this.flags), e.has("gdbVersion") && this.gdbVersionWatcher(this.gdbVersion), e.has("inputSettings") && this.inputSettingsWatcher(this.inputSettings), e.has("resultAreaProperties") && this.resultAreaProperties && this.resultAreaPropertiesWatcher(this.resultAreaProperties), e.has("selectedTraces") && this.selectedTracesWatcher(this.selectedTraces), e.has("selectOnCompleteDisabled") && this.selectOnCompleteDisabledWatcher(this.selectOnCompleteDisabled), e.has("showGraphicsOnCompleteDisabled") && this.showGraphicsOnCompleteDisabledWatcher(this.showGraphicsOnCompleteDisabled), e.has("showSelectionAttributesDisabled") && this.showSelectionAttributesDisabledWatcher(this.showSelectionAttributesDisabled), e.has("position") && this.positionWatcher(this.position), e.has("view") && this.viewWatcher(this.view);
+  }
+  async loaded() {
+    const e = this._createParams(), i = new h(e);
+    this.widget = i, await this._addWatchers(), this._proxyEvents(), this._addContainer(), l(this), o(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), n(this);
+  }
+  // #endregion
+  // #region Private Methods
+  referenceElementWatcher(e) {
+    d(this, e);
+  }
+  enableResultAreaWatcher(e) {
+    this.widget && (this.widget.enableResultArea = e);
+  }
+  defaultGraphicColorWatcher(e) {
+    this.widget && (this.widget.defaultGraphicColor = e);
+  }
+  disabledWatcher(e, i) {
+    this.widget && e !== i && (this.widget.disabled = e);
+  }
+  flagsWatcher(e) {
+    this.widget && (this.widget.flags = e);
+  }
+  gdbVersionWatcher(e) {
+    this.widget && (this.widget.gdbVersion = e);
+  }
+  inputSettingsWatcher(e) {
+    this.widget && (this.widget.inputSettings = e);
+  }
+  resultAreaPropertiesWatcher(e) {
+    this.widget && (this.widget.resultAreaProperties = e);
+  }
+  selectedTracesWatcher(e) {
+    this.widget && (this.widget.selectedTraces = e);
+  }
+  selectOnCompleteDisabledWatcher(e) {
+    e !== void 0 && this.widget && (this.widget.selectOnComplete = !e);
+  }
+  showGraphicsOnCompleteDisabledWatcher(e) {
+    e !== void 0 && this.widget && (this.widget.showGraphicsOnComplete = !e);
+  }
+  showSelectionAttributesDisabledWatcher(e) {
+    e !== void 0 && this.widget && (this.widget.showSelectionAttributes = !e);
+  }
+  positionWatcher(e) {
+    e !== void 0 && this.widget && this.el.childElem && this.view.ui?.move(this.el.childElem, e);
+  }
+  viewWatcher(e) {
+    e !== void 0 && this.widget && (this.widget.view = e);
+  }
+  _addContainer() {
+    this.widget.container = this.el.childElem;
+  }
+  async _addWatchers() {
+    c(this, a(() => this.widget.disabled, (e) => this.disabled = e));
+  }
+  _createParams() {
+    const e = {};
+    return this.defaultGraphicColor && (e.defaultGraphicColor = this.defaultGraphicColor), this.enableResultArea !== void 0 && (e.enableResultArea = this.enableResultArea), this.flags && (e.flags = this.flags), this.gdbVersion && (e.gdbVersion = this.gdbVersion), this.inputSettings && (e.inputSettings = this.inputSettings), this.resultAreaProperties && (e.resultAreaProperties = this.resultAreaProperties), this.selectedTraces && (e.selectedTraces = this.selectedTraces), this.selectOnCompleteDisabled !== void 0 && (e.selectOnComplete = !this.selectOnCompleteDisabled), this.showGraphicsOnCompleteDisabled !== void 0 && (e.showGraphicsOnComplete = !this.showGraphicsOnCompleteDisabled), this.showSelectionAttributesDisabled !== void 0 && (e.showSelectionAttributes = !this.showSelectionAttributesDisabled), this.view && (e.view = this.view), e;
+  }
+  _proxyEvents() {
+    this.widget.on("add-flag", (e) => this.arcgisAddFlag.emit(e)), this.widget.on("add-flag-complete", (e) => this.arcgisAddFlagComplete.emit(e)), this.widget.on("add-flag-error", (e) => this.arcgisAddFlagError.emit(e)), this.widget.on("add-result-area", (e) => this.arcgisAddResultArea.emit(e)), this.widget.on("remove-result-area", (e) => this.arcgisRemoveResultArea.emit(e));
+  }
+  _setChildElement(e) {
+    this.el.childElem = e;
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    return p`<div ${r(this._setChildElement)}></div>`;
+  }
+}
+s("arcgis-utility-network-trace", g);
+export {
+  g as ArcgisUtilityNetworkTrace
+};

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

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

package/dist/components/arcgis-utility-network-trace/index.js

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

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

@@ -0,0 +1,22 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { default as UtilityNetworkValidateTopology } from '@arcgis/core/widgets/UtilityNetworkValidateTopology.js';
+import { ArcgisReferenceElement, WidgetElement } from '../../utils/component-utils';
+import { Nil } from '@arcgis/components-utils';
+import { PropertyValues } from 'lit';
+import { JsxNode, ToElement, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+
+export type UtilityNetworkValidateTopologyWidget = InstanceType<typeof UtilityNetworkValidateTopology>;
+/** The [UtilityNetworkValidateTopology](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-UtilityNetworkValidateTopology.html) simplifies the process of validating a DirtyArea within a utility network. It offers an intuitive user interface, reducing the complexity of working with utility network associations.
+
+> The UtilityNetworkValidateTopology 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`
+ */
+export declare class ArcgisUtilityNetworkValidateTopology extends LitElement {
+    extentToValidate: UtilityNetworkValidateTopologyWidget["extentToValidate"];
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    utilityNetwork: UtilityNetworkValidateTopologyWidget["utilityNetwork"] | undefined;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+}

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

@@ -0,0 +1,76 @@
+import { c as e } from "../../chunks/runtime.js";
+import { ref as o } from "lit-html/directives/ref.js";
+import s from "@arcgis/core/widgets/UtilityNetworkValidateTopology.js";
+import { d as a, a as r, r as l } from "../../chunks/component-utils.js";
+import { o as h } from "../../chunks/disconnected.js";
+import { html as d } from "lit";
+import { LitElement as n, createEvent as c, noShadowRoot as w } from "@arcgis/lumina";
+/*! 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.100 */
+class m extends n {
+  constructor() {
+    super(...arguments), this._watchHandles = [], this.extentToValidate = "current", this.position = "bottom-left", this.arcgisReady = c();
+  }
+  static {
+    this.properties = { extentToValidate: 1, position: 1, referenceElement: 1, utilityNetwork: 0, view: 0, widget: 0 };
+  }
+  static {
+    this.shadowRootOptions = w;
+  }
+  // #endregion
+  // #region Lifecycle
+  willUpdate(t) {
+    t.has("referenceElement") && this.referenceElementWatcher(this.referenceElement), t.has("extentToValidate") && this.extentToValidateWatcher(this.extentToValidate), t.has("utilityNetwork") && this.utilityNetworkWatcher(this.utilityNetwork), t.has("position") && this.positionWatcher(this.position), t.has("view") && this.viewWatcher(this.view);
+  }
+  async loaded() {
+    const t = this._createParams(), i = new s(t);
+    this.widget = i, this._addContainer(), a(this), r(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), h(this);
+  }
+  // #endregion
+  // #region Private Methods
+  referenceElementWatcher(t) {
+    l(this, t);
+  }
+  extentToValidateWatcher(t) {
+    this.widget && (this.widget.extentToValidate = t);
+  }
+  utilityNetworkWatcher(t) {
+    this.widget && t && (this.widget.utilityNetwork = t);
+  }
+  positionWatcher(t) {
+    t !== void 0 && this.widget && this.el.childElem && this.view.ui?.move(this.el.childElem, t);
+  }
+  viewWatcher(t) {
+    t !== void 0 && this.widget && (this.widget.view = t, this._loadUtilityNetwork());
+  }
+  _addContainer() {
+    this.widget.container = this.el.childElem;
+  }
+  _createParams() {
+    const t = {};
+    return this.extentToValidate !== void 0 && (t.extentToValidate = this.extentToValidate), this.utilityNetwork !== void 0 && (t.utilityNetwork = this.utilityNetwork), t;
+  }
+  async _loadUtilityNetwork() {
+    if (this.view?.map && this.view.map.portalItem) {
+      await this.view.map.load();
+      const t = this.view.map.utilityNetworks?.getItemAt(0);
+      await t?.load(), this.utilityNetwork = t;
+    }
+  }
+  _setChildElement(t) {
+    this.el.childElem = t;
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    return d`<div ${o(this._setChildElement)}></div>`;
+  }
+}
+e("arcgis-utility-network-validate-topology", m);
+export {
+  m as ArcgisUtilityNetworkValidateTopology
+};

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

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

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

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

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

@@ -0,0 +1,87 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { default as ValuePicker } from '@arcgis/core/widgets/ValuePicker.js';
+import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+
+declare const useValuePickerWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<ValuePicker, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: unknown;
+    viewModel?: unknown;
+    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<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | Nil;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: __esri.ValuePickerProperties | undefined): __esri.ValuePickerProperties | Promise<__esri.ValuePickerProperties | undefined> | undefined;
+} | undefined) => ValuePicker;
+/**
+ * @internal
+ */
+export declare class ArcgisValuePicker 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.
+     */
+    autoDestroyDisabled: boolean;
+    canNext: boolean;
+    canPlay: boolean;
+    canPrevious: boolean;
+    caption: string | nullish;
+    component: nullish | __esri.ValuePickerCollection | __esri.ValuePickerCombobox | __esri.ValuePickerLabel | __esri.ValuePickerSlider;
+    hideNextButton: boolean | undefined;
+    hidePlayButton: boolean | undefined;
+    hidePreviousButton: boolean | undefined;
+    /**
+     * 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: string;
+    /** The component's default label. */
+    label: string | nullish;
+    layout: "vertical" | "horizontal";
+    loop: boolean;
+    playRate: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    values: any[] | nullish | number[] | string[];
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    next(): Promise<void>;
+    pause(): Promise<void>;
+    play(): Promise<void>;
+    previous(): Promise<void>;
+    readonly arcgisAnimate: TargetedEvent<this, __esri.ValuePickerAnimateEvent>;
+    readonly arcgisNext: TargetedEvent<this, __esri.ValuePickerNextEvent>;
+    readonly arcgisPause: TargetedEvent<this, __esri.ValuePickerPauseEvent>;
+    readonly arcgisPlay: TargetedEvent<this, __esri.ValuePickerPlayEvent>;
+    readonly arcgisPrevious: TargetedEvent<this, __esri.ValuePickerPreviousEvent>;
+    readonly arcgisPropertyChange: TargetedEvent<this, {
+        name: "values";
+    }>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+}
+export {};

package/dist/components/arcgis-value-picker/customElement.js

@@ -0,0 +1,47 @@
+import { c as i } from "../../chunks/runtime.js";
+import { usePropertyChange as e } from "@arcgis/components-controllers";
+import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+import s from "@arcgis/core/widgets/ValuePicker.js";
+import { LitElement as a, createEvent as o, noShadowRoot as n } from "@arcgis/lumina";
+import { m as h } from "../../chunks/useWidget.js";
+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.100 */
+const l = r`arcgis-value-picker{display:block}`, c = h(s);
+class u extends a {
+  constructor() {
+    super(...arguments), this.widget = c(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.position = "bottom-left", this.values = this.widget.values, this.arcgisAnimate = t(() => this.widget, "animate"), this.arcgisNext = t(() => this.widget, "next"), this.arcgisPause = t(() => this.widget, "pause"), this.arcgisPlay = t(() => this.widget, "play"), this.arcgisPrevious = t(() => this.widget, "previous"), this.arcgisPropertyChange = e()("values"), this.arcgisReady = o();
+  }
+  static {
+    this.properties = { autoDestroyDisabled: 5, canNext: 7, canPlay: 7, canPrevious: 7, caption: 1, component: 0, hideNextButton: 5, hidePlayButton: 5, hidePreviousButton: 5, icon: 1, label: 1, layout: 1, loop: 5, playRate: 9, position: 1, referenceElement: 1, values: 0 };
+  }
+  static {
+    this.shadowRootOptions = n;
+  }
+  static {
+    this.styles = l;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  async next() {
+    this.widget?.next();
+  }
+  async pause() {
+    this.widget?.pause();
+  }
+  async play() {
+    this.widget?.play();
+  }
+  async previous() {
+    this.widget?.previous();
+  }
+}
+i("arcgis-value-picker", u);
+export {
+  u as ArcgisValuePicker
+};

package/dist/components/arcgis-value-picker/index.d.ts

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

package/dist/components/arcgis-value-picker/index.js

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