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

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

@@ -0,0 +1,115 @@
+import { c as s } from "../../chunks/runtime.js";
+import { ref as a } from "lit-html/directives/ref.js";
+import { newWidgetsUtilityNetworkTrace as r, importCoreReactiveUtils as h } from "@arcgis/core-adapter";
+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.11
+*/
+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 = await r(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() {
+    const { watch: e } = await h();
+    c(this, e(() => this.widget.disabled, (i) => this.disabled = i));
+  }
+  _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));
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    return p`<div ${a((e) => this.el.childElem = e)}></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,15 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as UtilityNetworkValidateTopology } from '@arcgis/core/widgets/UtilityNetworkValidateTopology';
+import { ArcgisReferenceElement, WidgetElement } from '../../utils/component-utils';
+import { Nil } from '@arcgis/components-utils';
+import { PropertyValues } from 'lit';
+import { JsxNode, ToElement, PublicLitElement as LitElement } from '@arcgis/lumina';
+
+export type UtilityNetworkValidateTopologyWidget = InstanceType<typeof UtilityNetworkValidateTopology>;
+export declare class ArcgisUtilityNetworkValidateTopology extends LitElement implements WidgetElement {
+    extentToValidate: UtilityNetworkValidateTopologyWidget["extentToValidate"];
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    utilityNetwork: UtilityNetworkValidateTopologyWidget["utilityNetwork"] | undefined;
+    readonly arcgisReady: CustomEvent<undefined>;
+}

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

@@ -0,0 +1,75 @@
+import { c as e } from "../../chunks/runtime.js";
+import { ref as o } from "lit-html/directives/ref.js";
+import { newWidgetsUtilityNetworkValidateTopology as a } from "@arcgis/core-adapter";
+import { d as r, a as s, 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 w, noShadowRoot as c } 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.11
+*/
+class m extends n {
+  constructor() {
+    super(...arguments), this._watchHandles = [], this.extentToValidate = "current", this.position = "bottom-left", this.arcgisReady = w();
+  }
+  static {
+    this.properties = { extentToValidate: 1, position: 1, referenceElement: 1, utilityNetwork: 0, view: 0, widget: 0 };
+  }
+  static {
+    this.shadowRootOptions = c;
+  }
+  // #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 = await a(t);
+    this.widget = i, this._addContainer(), r(this), s(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;
+    }
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    return d`<div ${o((t) => this.el.childElem = t)}></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,76 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { PublicLitElement as LitElement } from '@arcgis/lumina';
+
+declare const useValuePickerWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<__esri.ValuePicker, "values" | "caption" | "label" | "icon" | "layout" | "canNext" | "canPlay" | "canPrevious" | "component" | "loop" | "playRate"> & {
+    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): __esri.ValuePickerProperties | Promise<__esri.ValuePickerProperties>;
+} | undefined) => __esri.ValuePicker;
+export declare class ArcgisValuePicker extends LitElement implements Use<typeof useValuePickerWidget> {
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    canNext: boolean;
+    canPlay: boolean;
+    canPrevious: boolean;
+    caption: string;
+    component: __esri.ValuePickerCollection | __esri.ValuePickerCombobox | __esri.ValuePickerLabel | __esri.ValuePickerSlider;
+    hideNextButton: boolean | undefined;
+    hidePlayButton: boolean | undefined;
+    hidePreviousButton: boolean | undefined;
+    icon: string;
+    label: string;
+    layout: "horizontal" | "vertical";
+    loop: boolean;
+    playRate: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    values: any[] | number[] | string[];
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    next(): Promise<void>;
+    pause(): Promise<void>;
+    play(): Promise<void>;
+    previous(): Promise<void>;
+    readonly arcgisAnimate: CustomEvent<__esri.ValuePickerAnimateEvent>;
+    readonly arcgisNext: CustomEvent<__esri.ValuePickerNextEvent>;
+    readonly arcgisPause: CustomEvent<__esri.ValuePickerPauseEvent>;
+    readonly arcgisPlay: CustomEvent<__esri.ValuePickerPlayEvent>;
+    readonly arcgisPrevious: CustomEvent<__esri.ValuePickerPreviousEvent>;
+    readonly arcgisPropertyChange: CustomEvent<{
+        name: "values";
+    }>;
+    readonly arcgisReady: CustomEvent<undefined>;
+}
+export {};

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

@@ -0,0 +1,49 @@
+import { c as i } from "../../chunks/runtime.js";
+import { newWidgetsValuePicker as e } from "@arcgis/core-adapter";
+import { m as s } from "../../chunks/useWidget.js";
+import { usePropertyChange as a } from "@arcgis/components-controllers";
+import { LitElement as o, createEvent as n, noShadowRoot as h } from "@arcgis/lumina";
+import { reEmitEvent as t } from "@arcgis/components-controllers/accessor";
+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.11
+*/
+const l = r`arcgis-value-picker{display:block}`, c = s(e);
+class u extends o {
+  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 = a()("values"), this.arcgisReady = n();
+  }
+  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 = h;
+  }
+  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";

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

@@ -0,0 +1,69 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { Use } from '@arcgis/components-controllers';
+import { Nil } from '@arcgis/components-utils';
+import { default as VersionManagementViewModel } from '@arcgis/core/widgets/VersionManagement/VersionManagementViewModel';
+import { JsxNode, ToEvents, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { ArcgisReferenceElement } from '../../utils/component-utils';
+import { ArcgisVersionManagementServiceItem } from '../arcgis-version-management-service-item/customElement.js';
+
+export type VersionManagementViewModelWidget = InstanceType<typeof VersionManagementViewModel>;
+declare const useVersionManagementViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+    manager: import('@arcgis/components-controllers').ControllerManager;
+    el: HTMLElement;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
+} & Pick<VersionManagementViewModel, never> & {
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "disabled" | "loading" | "executing" | "failed" | undefined;
+    icon: Nil | string;
+    label: Nil | string;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
+    arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
+        name: string;
+    }> | undefined;
+    el: HTMLElement & {
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
+        view?: __esri.MapView | __esri.SceneView | undefined;
+    };
+    autoDestroyDisabled: boolean;
+    destroy: () => Promise<void>;
+}, options?: {
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => VersionManagementViewModel;
+type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";
+export interface VersioningStateEvent {
+    type?: VersioningStateEventType;
+    versionIdentifier?: __esri.VersionInfoVersionIdentifier;
+    versioningState?: __esri.VersioningState;
+}
+export declare class ArcgisVersionManagement extends LitElement implements Use<typeof useVersionManagementViewModel> {
+    allowEditingDisabled: boolean;
+    /**
+     * 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.
+     */
+    autoDestroyDisabled: boolean;
+    closable: boolean;
+    icon: Nil | string;
+    label: string | undefined;
+    messageOverrides?: typeof this.messages._overrides;
+    mode: Nil | string;
+    pageSize: number;
+    position: __esri.UIPosition;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled" | "loading" | "executing" | "failed";
+    versioningStates: __esri.Collection<__esri.VersioningState>;
+    view: __esri.MapView;
+    /** Permanently destroy the component */
+    destroy(): Promise<void>;
+    readonly arcgisReady: CustomEvent<undefined>;
+    readonly arcgisVersioningStateChanged: CustomEvent<VersioningStateEvent>;
+}
+export {};

package/dist/components/arcgis-version-management/customElement.js

@@ -0,0 +1,224 @@
+import { c as I } from "../../chunks/runtime.js";
+import { html as f } from "lit-html";
+import { load as u } from "@arcgis/components-controllers";
+import { importCoreReactiveUtils as V, newWidgetsVersionManagementVersionManagementViewModel as L } from "@arcgis/core-adapter";
+import { u as S, m as y } from "../../chunks/useViewModel.js";
+import { createRef as P, ref as C } from "lit-html/directives/ref.js";
+import { LitElement as M, createEvent as p, noShadowRoot as N, safeClassMap as k } from "@arcgis/lumina";
+import { css as F } 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.11
+*/
+const _ = F`.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, b = y(L);
+class A extends M {
+  constructor() {
+    super(...arguments), this.flowElement = P(), this.messages = S({ blocking: !0 }), this.reactiveUtils = u(V), this.viewModel = b(this), this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = p(), this.arcgisVersioningStateChanged = p();
+  }
+  static {
+    this.properties = { allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0, view: 0 };
+  }
+  static {
+    this.shadowRootOptions = N;
+  }
+  static {
+    this.styles = _;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  // #endregion
+  // #region Lifecycle
+  load() {
+    const { watch: e } = this.reactiveUtils;
+    this.manager.onLifecycle(() => [
+      e(() => this.viewModel.state, (i) => {
+        const { flowElement: { value: s } } = this, o = s?.getElementsByTagName("arcgis-version-management-version-properties")[0], t = s?.getElementsByTagName("arcgis-version-management-version-list")[0];
+        if (i === "disabled") {
+          o && this._removeVersionPropertiesFlowItem(s), t && this._removeVersionListFlowItem(s);
+          return;
+        }
+        t && (t.versionListElementProps = {
+          ...t.versionListElementProps,
+          executionError: this.viewModel.executionError
+        }, t.versionListElementProps = {
+          ...t.versionListElementProps,
+          state: i
+        }), o && (o.versionPropertiesElementProps = {
+          ...o.versionPropertiesElementProps,
+          state: i
+        });
+      })
+    ]);
+  }
+  // #endregion
+  // #region Private Methods
+  _createVersionPropertiesFlowItem(e, i) {
+    const { closable: s, flowElement: { value: o }, viewModel: t, viewModel: { state: a } } = this, n = document.createElement("arcgis-version-management-version-properties");
+    return n.versionPropertiesElementProps = {
+      closable: s,
+      currentUser: t.userLookup.get(e),
+      hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
+      isVersionAdministrator: t.versionAdministratorLookup.get(e),
+      serviceUrl: e,
+      state: a,
+      strings: this.messages,
+      versionInfo: i
+    }, n.addEventListener("arcgisCreateVersion", (r) => {
+      const { createVersionParameters: d, switchToVersion: l } = r.detail;
+      t.createVersion(d).then(async (c) => {
+        c && this.arcgisVersioningStateChanged.emit({
+          type: "version-created",
+          versionIdentifier: c.versionIdentifier,
+          versioningState: t.versioningStateLookup.get(e)
+        }), l && await this.viewModel.changeVersion(e, c.versionIdentifier.name, c.versionIdentifier.guid).then((g) => {
+          g && this.arcgisVersioningStateChanged.emit({
+            type: "version-switched",
+            versionIdentifier: c.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(e)
+          });
+        }), await this._refreshVersionList(e);
+      }).finally(() => {
+        o && this._removeVersionPropertiesFlowItem(o);
+      });
+    }), n.addEventListener("arcgisAlterVersion", async (r) => {
+      const { flowElement: { value: d } } = this, { alterVersionParameters: l } = r.detail;
+      await t.alterVersion(l).then(async (c) => {
+        c && this.arcgisVersioningStateChanged.emit({
+          type: "version-changed",
+          versionIdentifier: l.versionIdentifier,
+          versioningState: t.versioningStateLookup.get(e)
+        }), await this._refreshVersionList(e);
+      }).finally(() => {
+        d && this._removeVersionPropertiesFlowItem(d);
+      });
+    }), n.addEventListener("arcgisFlowItemBack", () => {
+      this._removeVersionPropertiesFlowItem(this.flowElement.value);
+    }), n.addEventListener("calciteFlowItemBack", (r) => {
+      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
+    }), n.addEventListener("calciteFlowItemClose", () => {
+      this._handleFlowItemClose();
+    }), n;
+  }
+  _getLoadError(e) {
+    const { messages: i } = this;
+    switch (e) {
+      case "no-feature-services":
+        return i.loadErrors.noFeatureServices;
+      case "no-view-property":
+        return i.loadErrors.noViewProperty;
+      default:
+        return e;
+    }
+  }
+  _handleFlowItemClose() {
+    const e = document.querySelector("arcgis-version-management");
+    e.parentElement?.removeChild(e);
+  }
+  async _handleManageVersionAction(e) {
+    const { actionType: i, serviceUrl: s, versionInfo: o } = e.detail, { viewModel: t, flowElement: a } = this;
+    switch (i) {
+      case "changeVersion": {
+        t.changeVersion(s, o.versionIdentifier.name, o.versionIdentifier.guid).then((n) => {
+          n && this.arcgisVersioningStateChanged.emit({
+            type: "version-switched",
+            versionIdentifier: o.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(s)
+          });
+          const r = a.value?.getElementsByTagName("arcgis-version-management-version-list")[0];
+          r && r && (r.versionListElementProps = {
+            ...r.versionListElementProps,
+            currentVersionIdentifier: t.versioningStateLookup.get(s).currentVersionInfo.versionIdentifier
+          });
+        });
+        break;
+      }
+      case "deleteVersion": {
+        t.deleteVersion(s, o.versionIdentifier.name, o.versionIdentifier.guid).then(async (n) => {
+          n && this.arcgisVersioningStateChanged.emit({
+            type: "version-deleted",
+            versionIdentifier: o.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(s)
+          }), await this._refreshVersionList(s);
+        });
+        break;
+      }
+      case "editVersion": {
+        const n = this._createVersionPropertiesFlowItem(s, o);
+        a.value?.appendChild(n);
+        break;
+      }
+    }
+  }
+  async _refreshVersionList(e) {
+    const { flowElement: { value: i }, viewModel: s } = this;
+    if (i) {
+      const o = await s.getVersionInfos(e), t = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const n of t)
+        n.serviceItemElementProps.serviceUrl === e && (n.serviceItemElementProps = {
+          ...n.serviceItemElementProps,
+          versionInfos: o
+        });
+      const a = i.getElementsByTagName("arcgis-version-management-version-list")[0];
+      a && (a.versionListElementProps = {
+        ...a.versionListElementProps,
+        currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
+        versionInfos: o
+      });
+    }
+  }
+  _removeVersionListFlowItem(e) {
+    for (const i of e.childNodes)
+      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST" && e.removeChild(i), i.nodeName.toUpperCase() === "CALCITE-FLOW-ITEM" && (i.hidden = !1);
+  }
+  _removeVersionPropertiesFlowItem(e) {
+    for (const i of e.childNodes)
+      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-PROPERTIES" && e.removeChild(i), i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST" && (i.getElementsByTagName("calcite-flow-item")[0].hidden = !1);
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { allowEditingDisabled: e, closable: i, flowElement: { value: s }, label: o, messages: t, mode: a, pageSize: n, viewModel: r, viewModel: { loadError: d, state: l } } = this, c = Array.from(r.serviceNameLookup, ([m, v]) => ({ url: m, name: v })), g = l !== "disabled" ? c.map((m) => {
+      const v = {
+        allowEditing: !e,
+        closable: i,
+        currentUser: r.userLookup.get(m.url),
+        currentVersionIdentifier: r.versioningStateLookup.get(m.url).currentVersionInfo.versionIdentifier,
+        executionError: void 0,
+        flowElement: s,
+        hasAdvEditingUte: r.advancedEditingUserTypeExtensionLookup.get(m.url),
+        heading: o,
+        isVersionAdministrator: r.versionAdministratorLookup.get(m.url),
+        isVersioningApiAvailable: (r.serverVersionLookup.get(m.url) ?? 0) >= 11.2,
+        mode: a,
+        pageSize: n,
+        serviceName: m.name,
+        state: l,
+        serviceUrl: m.url,
+        strings: t,
+        versionInfos: r.versioningStateLookup.get(m.url)?.versionInfos ?? []
+      };
+      return f`<arcgis-version-management-service-item .serviceItemElementProps=${v} @arcgisGetVersions=${async (h) => {
+        await this._refreshVersionList(h.detail.serviceUrl);
+      }} @arcgisFlowItemBack=${() => {
+        s && this._removeVersionListFlowItem(s);
+      }} @arcgisFlowItemClose=${() => {
+        this._handleFlowItemClose();
+      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${(h) => {
+        const E = this._createVersionPropertiesFlowItem(h.detail.serviceUrl, void 0);
+        s?.appendChild(E);
+      }}></arcgis-version-management-service-item>`;
+    }) : void 0, w = l === "disabled" ? f`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(d)}</div></calcite-notice>` : void 0;
+    return f`<calcite-flow class=${k(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${C(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${(o ?? void 0) || ""} @calciteFlowItemClose=${() => {
+      this._handleFlowItemClose();
+    }}><calcite-panel .loading=${l === "loading" || l === "executing" || ""}>${g}${w}</calcite-panel></calcite-flow-item></calcite-flow>`;
+  }
+}
+I("arcgis-version-management", A);
+export {
+  A as ArcgisVersionManagement
+};

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

@@ -0,0 +1,6 @@
+import "../arcgis-version-management-service-item";
+import "@esri/calcite-components/dist/components/calcite-notice";
+import "@esri/calcite-components/dist/components/calcite-flow";
+import "@esri/calcite-components/dist/components/calcite-flow-item";
+import "@esri/calcite-components/dist/components/calcite-panel";
+export * from "./customElement.js";

package/dist/components/arcgis-version-management/index.js

@@ -0,0 +1,6 @@
+import "../arcgis-version-management-service-item";
+import "@esri/calcite-components/dist/components/calcite-notice";
+import "@esri/calcite-components/dist/components/calcite-flow";
+import "@esri/calcite-components/dist/components/calcite-flow-item";
+import "@esri/calcite-components/dist/components/calcite-panel";
+export * from "./customElement.js";