@arcgis/map-components 4.32.0-next.9 → 4.32.0-next.91

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

@@ -1,25 +1,23 @@
 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 { 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.9
-*/
-const l = r`arcgis-value-picker{display:flex}`, c = s(e);
-class u extends o {
+/*! 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.91 */
+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 = a()("values"), this.arcgisReady = n();
+    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 = h;
+    this.shadowRootOptions = n;
   }
   static {
     this.styles = l;

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

@@ -1,32 +1,33 @@
 /// <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 VersionManagementViewModel } from '@arcgis/core/widgets/VersionManagement/VersionManagementViewModel';
-import { JsxNode, ToEvents, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as VersionManagementViewModel } from '@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js';
+import { JsxNode, ToEvents, PublicLitElement as LitElement, TargetedEvent } 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<never>;
+    manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
-    autoDestroyDisabled?: boolean | undefined;
-    destroy?: (() => Promise<void>) | undefined;
+    autoDestroyDisabled?: boolean;
+    destroy?: () => Promise<void>;
 } & Pick<VersionManagementViewModel, never> & {
-    reactiveUtils?: __esri.reactiveUtils | undefined;
-    state?: "ready" | "disabled" | "loading" | "executing" | "failed" | undefined;
-    icon: string | Nil;
-    label: string | Nil;
-    referenceElement: string | Nil | ArcgisReferenceElement;
+    reactiveUtils?: typeof __esri.reactiveUtils;
+    state?: "ready" | "disabled" | "loading" | "executing" | "failed" | "success" | 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 | undefined;
-        }) | undefined;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
         view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
@@ -40,30 +41,145 @@ export interface VersioningStateEvent {
     versionIdentifier?: __esri.VersionInfoVersionIdentifier;
     versioningState?: __esri.VersioningState;
 }
-export declare class ArcgisVersionManagement extends LitElement implements Use<typeof useVersionManagementViewModel> {
+export type InitialVersionInfo = {
+    url: string;
+    name: string;
+};
+/** The Version Management Component allows users to view available versions, change versions, delete versions, and alter versions.
+The [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) will update to match the features on the selected version.
+To learn more about version management please visit the [versioning guide doc](https://developers.arcgis.com/javascript/latest/utility-network/version-management-service/).
+
+> The VersionManagement 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 ArcgisVersionManagement extends LitElement {
+    private messages: {
+        label: string;
+        actions: {
+            cancelSave: string;
+            deleteVersion: string;
+            editVersion: string;
+            newVersion: string;
+            refreshVersions: string;
+            saveVersion: string;
+            searchVersions: string;
+            switchToVersion: string;
+        };
+        accessLevels: {
+            private: string;
+            protected: string;
+            public: string;
+        };
+        executionErrors: {
+            invalidVersionName: string;
+            noAdvancedEditingUserTypeExtension: string;
+            noFeatureServiceFound: string;
+            notValidEnterpriseVersion: string;
+            noVersionManagementServiceFound: string;
+        };
+        headers: {
+            currentVersion: string;
+            manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
+        };
+        input: {
+            versionAccess: string;
+            versionDescription: string;
+            versionName: string;
+            versionOwner: string;
+        };
+        loadErrors: {
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
+            noFeatureServices: string;
+            noViewProperty: string;
+        };
+    } & import('@arcgis/components-controllers').T9nMeta<{
+        label: string;
+        actions: {
+            cancelSave: string;
+            deleteVersion: string;
+            editVersion: string;
+            newVersion: string;
+            refreshVersions: string;
+            saveVersion: string;
+            searchVersions: string;
+            switchToVersion: string;
+        };
+        accessLevels: {
+            private: string;
+            protected: string;
+            public: string;
+        };
+        executionErrors: {
+            invalidVersionName: string;
+            noAdvancedEditingUserTypeExtension: string;
+            noFeatureServiceFound: string;
+            notValidEnterpriseVersion: string;
+            noVersionManagementServiceFound: string;
+        };
+        headers: {
+            currentVersion: string;
+            manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
+        };
+        input: {
+            versionAccess: string;
+            versionDescription: string;
+            versionName: string;
+            versionOwner: string;
+        };
+        loadErrors: {
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
+            noFeatureServices: string;
+            noViewProperty: string;
+        };
+    }>;
     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
+     * 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;
     closable: boolean;
+    get initialVersionInfos(): InitialVersionInfo[];
+    /**
+     * The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.
+     * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
+     */
+    set initialVersionInfos(value: InitialVersionInfo[]);
     icon: Nil | string;
     label: string | undefined;
     messageOverrides?: typeof this.messages._overrides;
     mode: Nil | string;
+    /**
+     * Specifies the number of versions displayed on each page of the Version Management Component.
+     */
     pageSize: number;
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    readonly state: "ready" | "disabled" | "loading" | "executing" | "failed";
+    readonly state: "ready" | "disabled" | "loading" | "executing" | "failed" | "success";
+    /**
+     * This class provides functionality for managing versions in a versioned geodatabase.
+     * In the event that the Version Management Component is destroyed, the VersioningStates can be utilized to maintain the current state of the Version Management Component.
+     * The Version Management Component can be reinitialized using a `Collection<VersioningState>`, or a predefined `Collection<VersioningState>` can be provided during the initial instantiation of the Version Management Component.
+     */
     versioningStates: __esri.Collection<__esri.VersioningState>;
     view: __esri.MapView;
     /** Permanently destroy the component */
     destroy(): Promise<void>;
-    readonly arcgisReady: CustomEvent<undefined>;
-    readonly arcgisVersioningStateChanged: CustomEvent<VersioningStateEvent>;
+    readonly arcgisReady: TargetedEvent<this, undefined>;
+    readonly arcgisVersioningStateChanged: TargetedEvent<this, VersioningStateEvent>;
 }
 export {};

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

@@ -1,45 +1,63 @@
-import { c as E } from "../../chunks/runtime.js";
-import { html as f } from "lit-html";
-import { load as I } from "@arcgis/components-controllers";
-import { importCoreReactiveUtils as u, newWidgetsVersionManagementVersionManagementViewModel as V } from "@arcgis/core-adapter";
-import { u as L, m as S } from "../../chunks/useViewModel.js";
-import { createRef as y, ref as P } from "lit-html/directives/ref.js";
-import { LitElement as C, createEvent as p, noShadowRoot as M, safeClassMap as N } 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.9
-*/
-const k = F`.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, _ = S(V);
-class b extends C {
+import { c as S } from "../../chunks/runtime.js";
+import { html as g } from "lit-html";
+import { once as _, watch as y } from "@arcgis/core/core/reactiveUtils.js";
+import P from "@arcgis/core/widgets/VersionManagement/VersionManagementViewModel.js";
+import { LitElement as F, createEvent as w, noShadowRoot as M, safeClassMap as N } from "@arcgis/lumina";
+import { createRef as k, ref as C } from "lit-html/directives/ref.js";
+import { u as b, m as $ } from "../../chunks/useViewModel.js";
+import { css as A } 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.91 */
+const T = A`.initial-version-invalid-block{margin-bottom:1rem}.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, x = $(P), u = "map-components:version-management";
+class D extends F {
   constructor() {
-    super(...arguments), this.flowElement = y(), this.messages = L({ blocking: !0 }), this.reactiveUtils = I(u), this.viewModel = _(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();
+    super(...arguments), this.flowElement = k(), this.messages = b({ blocking: !0 }), this.viewModel = x(this), this._isInitialVersionInvalid = /* @__PURE__ */ new Map(), this._initialVersionInfos = [], this._showInvalidFeatureServiceNotice = !1, 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 = w(), this.arcgisVersioningStateChanged = w();
   }
   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 };
+    this.properties = { versionList: 16, _showInvalidFeatureServiceNotice: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, initialVersionInfos: 0, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0, view: 0 };
   }
   static {
-    this.shadowRootOptions = M;
+    this.styles = T;
   }
   static {
-    this.styles = k;
+    this.shadowRootOptions = M;
+  }
+  get initialVersionInfos() {
+    return this._initialVersionInfos;
   }
-  // #endregion
-  // #region Public Methods
+  /**
+   * The `initialVersionInfos` property enables users to initialize the Version Management Component with a predefined set of versions.
+   * By providing an array of `InitialVersionInfo`, the component displays a specified version for each feature service upon initialization.
+   */
+  set initialVersionInfos(e) {
+    this._initialVersionInfos = e.map((i) => ({
+      ...i,
+      url: this._removeTrailingSlash(i.url)
+    }));
+  }
+  //#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: o } } = this, n = o?.getElementsByTagName("arcgis-version-management-version-properties")[0], t = o?.getElementsByTagName("arcgis-version-management-version-list")[0];
-        if (i === "disabled") {
-          n && this._removeVersionPropertiesFlowItem(o), t && this._removeVersionListFlowItem(o);
+  //#endregion
+  //#region Lifecycle
+  async load() {
+    _(() => this.viewModel.state === "ready").then(() => {
+      this.initialVersionInfos.forEach((e) => {
+        try {
+          this._changeToInitialVersion(e);
+        } catch (i) {
+          console.error(i);
+        }
+      });
+    }), this.manager.onLifecycle(() => [
+      y(() => this.viewModel.state, (e) => {
+        const { flowElement: { value: i }, versionList: t } = this, s = i?.getElementsByTagName("arcgis-version-management-version-properties")[0];
+        if (e === "disabled" && i) {
+          s && this._removeVersionPropertiesFlowItem(i), t && this._removeVersionListFlowItem(i);
           return;
         }
         t && (t.versionListElementProps = {
@@ -47,61 +65,65 @@ class b extends C {
           executionError: this.viewModel.executionError
         }, t.versionListElementProps = {
           ...t.versionListElementProps,
-          state: i
-        }), n && (n.versionPropertiesElementProps = {
-          ...n.versionPropertiesElementProps,
-          state: i
+          state: e
+        }), s && (s.versionPropertiesElementProps = {
+          ...s.versionPropertiesElementProps,
+          state: e
         });
       })
     ]);
   }
-  // #endregion
-  // #region Private Methods
+  //#endregion
+  //#region Private Methods
+  _removeTrailingSlash(e) {
+    return e.replace(/\/+$/u, "");
+  }
   _createVersionPropertiesFlowItem(e, i) {
-    const { closable: o, flowElement: { value: n }, viewModel: t, viewModel: { state: a } } = this, s = document.createElement("arcgis-version-management-version-properties");
-    return s.versionPropertiesElementProps = {
-      closable: o,
-      currentUser: t.userLookup.get(e),
-      hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
+    const { closable: t, flowElement: { value: s }, viewModel: n, viewModel: { state: l } } = this, o = document.createElement("arcgis-version-management-version-properties");
+    return o.versionPropertiesElementProps = {
+      closable: t,
+      currentUser: n.userLookup.get(e),
+      hasAdvEditingUte: n.advancedEditingUserTypeExtensionLookup.get(e),
+      isVersionAdministrator: n.versionAdministratorLookup.get(e),
       serviceUrl: e,
-      state: a,
+      state: l,
       strings: this.messages,
       versionInfo: i
-    }, s.addEventListener("arcgisCreateVersion", (r) => {
-      const { createVersionParameters: l, switchToVersion: d } = r.detail;
-      t.createVersion(l).then(async (c) => {
-        c && this.arcgisVersioningStateChanged.emit({
+    }, o.selected = !0, o.showBackButton = !0, o.addEventListener("arcgisCreateVersion", (r) => {
+      const { createVersionParameters: d, switchToVersion: v } = r.detail;
+      n.createVersion(d).then(async (a) => {
+        a && this.arcgisVersioningStateChanged.emit({
           type: "version-created",
-          versionIdentifier: c.versionIdentifier,
-          versioningState: t.versioningStateLookup.get(e)
-        }), d && await this.viewModel.changeVersion(e, c.versionIdentifier.name, c.versionIdentifier.guid).then((g) => {
-          g && this.arcgisVersioningStateChanged.emit({
+          versionIdentifier: a.versionIdentifier,
+          versioningState: n.versioningStateLookup.get(e)
+        }), v && await this.viewModel.changeVersion(e, a.versionIdentifier.name, a.versionIdentifier.guid).then((h) => {
+          h && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: c.versionIdentifier,
-            versioningState: t.versioningStateLookup.get(e)
+            versionIdentifier: a.versionIdentifier,
+            versioningState: n.versioningStateLookup.get(e)
           });
         }), await this._refreshVersionList(e);
       }).finally(() => {
-        n && this._removeVersionPropertiesFlowItem(n);
+        s && this._removeVersionPropertiesFlowItem(s);
       });
-    }), s.addEventListener("arcgisAlterVersion", async (r) => {
-      const { flowElement: { value: l } } = this, { alterVersionParameters: d } = r.detail;
-      await t.alterVersion(d).then(async (c) => {
-        c && this.arcgisVersioningStateChanged.emit({
+    }), o.addEventListener("arcgisAlterVersion", async (r) => {
+      const { flowElement: { value: d } } = this, { alterVersionParameters: v } = r.detail;
+      await n.alterVersion(v).then(async (a) => {
+        a && this.arcgisVersioningStateChanged.emit({
           type: "version-changed",
-          versionIdentifier: d.versionIdentifier,
-          versioningState: t.versioningStateLookup.get(e)
+          versionIdentifier: v.versionIdentifier,
+          versioningState: n.versioningStateLookup.get(e)
         }), await this._refreshVersionList(e);
       }).finally(() => {
-        l && this._removeVersionPropertiesFlowItem(l);
+        d && this._removeVersionPropertiesFlowItem(d);
       });
-    }), s.addEventListener("arcgisFlowItemBack", () => {
+    }), o.addEventListener("arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), s.addEventListener("calciteFlowItemBack", (r) => {
-      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), s.addEventListener("calciteFlowItemClose", () => {
+    }), o.addEventListener("calciteFlowItemBack", (r) => {
+      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
+    }), o.addEventListener("calciteFlowItemClose", () => {
       this._handleFlowItemClose();
-    }), s;
+    }), o;
   }
   _getLoadError(e) {
     const { messages: i } = this;
@@ -114,108 +136,124 @@ class b extends C {
         return e;
     }
   }
+  _changeToInitialVersion(e) {
+    const { _isInitialVersionInvalid: i, viewModel: t } = this, { url: s, name: n } = e, l = t.versioningStateLookup.get(s);
+    if (!l)
+      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${u} - no versioning state found for feature service ${s}`);
+    const o = l?.versionInfos.find((v) => v.versionIdentifier.name === n);
+    if (!o)
+      throw i.set(s, !0), new Error(`${u} - version ${n} not found in the versioning state for feature service ${s}`);
+    const r = o.versionIdentifier, d = l?.currentVersionInfo?.versionIdentifier;
+    r.guid !== d?.guid && t.changeVersion(s, r.name, r.guid);
+  }
   _handleFlowItemClose() {
     const e = document.querySelector("arcgis-version-management");
     e.parentElement?.removeChild(e);
   }
+  async _handleNewVersionAction(e) {
+    const i = this._createVersionPropertiesFlowItem(e.detail.serviceUrl, void 0);
+    this.flowElement.value?.appendChild(i), this.versionList && (this.versionList.selected = !1);
+  }
   async _handleManageVersionAction(e) {
-    const { actionType: i, serviceUrl: o, versionInfo: n } = e.detail, { viewModel: t, flowElement: a } = this;
+    const { actionType: i, serviceUrl: t, versionInfo: s } = e.detail, { viewModel: n, flowElement: l } = this;
     switch (i) {
       case "changeVersion": {
-        t.changeVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then((s) => {
-          s && this.arcgisVersioningStateChanged.emit({
+        n.changeVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then((o) => {
+          o && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: n.versionIdentifier,
-            versioningState: t.versioningStateLookup.get(o)
+            versionIdentifier: s.versionIdentifier,
+            versioningState: n.versioningStateLookup.get(t)
           });
-          const r = a.value?.getElementsByTagName("arcgis-version-management-version-list")[0];
-          r && r && (r.versionListElementProps = {
+          const { versionList: r } = this;
+          r && (r.versionListElementProps = {
             ...r.versionListElementProps,
-            currentVersionIdentifier: t.versioningStateLookup.get(o).currentVersionInfo.versionIdentifier
+            currentVersionIdentifier: n.versioningStateLookup.get(t).currentVersionInfo.versionIdentifier
           });
         });
         break;
       }
       case "deleteVersion": {
-        t.deleteVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then(async (s) => {
-          s && this.arcgisVersioningStateChanged.emit({
+        n.deleteVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (o) => {
+          o && this.arcgisVersioningStateChanged.emit({
             type: "version-deleted",
-            versionIdentifier: n.versionIdentifier,
-            versioningState: t.versioningStateLookup.get(o)
-          }), await this._refreshVersionList(o);
+            versionIdentifier: s.versionIdentifier,
+            versioningState: n.versioningStateLookup.get(t)
+          }), await this._refreshVersionList(t);
         });
         break;
       }
       case "editVersion": {
-        const s = this._createVersionPropertiesFlowItem(o, n);
-        a.value?.appendChild(s);
+        const o = this._createVersionPropertiesFlowItem(t, s);
+        l.value?.appendChild(o), this.versionList && (this.versionList.selected = !1);
         break;
       }
     }
   }
   async _refreshVersionList(e) {
-    const { flowElement: { value: i }, viewModel: o } = this;
+    const { flowElement: { value: i }, versionList: t, viewModel: s } = this;
     if (i) {
-      const n = await o.getVersionInfos(e), t = i.getElementsByTagName("arcgis-version-management-service-item");
-      for (const s of t)
-        s.serviceItemElementProps.serviceUrl === e && (s.serviceItemElementProps = {
-          ...s.serviceItemElementProps,
+      const n = await s.getVersionInfos(e), l = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const o of l)
+        o.serviceItemElementProps.serviceUrl === e && (o.serviceItemElementProps = {
+          ...o.serviceItemElementProps,
           versionInfos: n
         });
-      const a = i.getElementsByTagName("arcgis-version-management-version-list")[0];
-      a && (a.versionListElementProps = {
-        ...a.versionListElementProps,
-        currentVersionIdentifier: o.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
+      t && (t.versionListElementProps = {
+        ...t.versionListElementProps,
+        currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
         versionInfos: n
       });
     }
   }
   _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);
+      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST" && (e.removeChild(i), this.versionList = void 0), 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);
+      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-PROPERTIES" && e.removeChild(i);
   }
-  // #endregion
-  // #region Rendering
+  //#endregion
+  //#region Rendering
   render() {
-    const { allowEditingDisabled: e, closable: i, flowElement: { value: o }, label: n, messages: t, pageSize: a, viewModel: s, viewModel: { loadError: r, state: l } } = this, d = Array.from(s.serviceNameLookup, ([m, v]) => ({ url: m, name: v })), c = l !== "disabled" ? d.map((m) => {
-      const v = {
+    const { allowEditingDisabled: e, closable: i, flowElement: { value: t }, initialVersionInfos: s, _isInitialVersionInvalid: n, label: l, messages: o, mode: r, pageSize: d, versionList: v, viewModel: a, viewModel: { loadError: h, state: m } } = this, I = Array.from(a.serviceNameLookup, ([c, f]) => ({ url: c, name: f })), V = m !== "disabled" ? I.map((c) => {
+      const f = {
         allowEditing: !e,
         closable: i,
-        currentUser: s.userLookup.get(m.url),
-        currentVersionIdentifier: s.versioningStateLookup.get(m.url).currentVersionInfo.versionIdentifier,
+        currentUser: a.userLookup.get(c.url),
+        currentVersionIdentifier: a.versioningStateLookup.get(c.url).currentVersionInfo.versionIdentifier,
         executionError: void 0,
-        flowElement: o,
-        hasAdvEditingUte: s.advancedEditingUserTypeExtensionLookup.get(m.url),
-        heading: n,
-        isVersioningApiAvailable: (s.serverVersionLookup.get(m.url) ?? 0) >= 11.2,
-        pageSize: a,
-        serviceName: m.name,
-        state: l,
-        serviceUrl: m.url,
-        strings: t,
-        versionInfos: s.versioningStateLookup.get(m.url)?.versionInfos ?? []
+        flowElement: t,
+        hasAdvEditingUte: a.advancedEditingUserTypeExtensionLookup.get(c.url),
+        heading: l,
+        initialVersionInfos: s,
+        isInitialVersionInvalid: n,
+        isVersionAdministrator: a.versionAdministratorLookup.get(c.url),
+        isVersioningApiAvailable: (a.serverVersionLookup.get(c.url) ?? 0) >= 11.2,
+        mode: r,
+        pageSize: d,
+        serviceName: c.name,
+        state: m,
+        serviceUrl: c.url,
+        strings: o,
+        versionInfos: a.versioningStateLookup.get(c.url)?.versionInfos ?? []
       };
-      return f`<arcgis-version-management-service-item .serviceItemElementProps=${v} @arcgisGetVersions=${async (h) => {
-        await this._refreshVersionList(h.detail.serviceUrl);
+      return g`<arcgis-version-management-service-item .serviceItemElementProps=${f} @arcgisGetVersions=${async (p) => {
+        await this._refreshVersionList(p.detail.serviceUrl);
       }} @arcgisFlowItemBack=${() => {
-        o && this._removeVersionListFlowItem(o);
+        t && (this._removeVersionListFlowItem(t), this.versionList = void 0);
       }} @arcgisFlowItemClose=${() => {
         this._handleFlowItemClose();
-      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${(h) => {
-        const w = this._createVersionPropertiesFlowItem(h.detail.serviceUrl, void 0);
-        o?.appendChild(w);
+      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${this._handleNewVersionAction} @arcgisCreateVersionList=${(p) => {
+        this.versionList = p.detail;
       }}></arcgis-version-management-service-item>`;
-    }) : void 0, g = l === "disabled" ? f`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(r)}</div></calcite-notice>` : void 0;
-    return f`<calcite-flow class=${N(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${P(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${(n ?? void 0) || ""} @calciteFlowItemClose=${() => {
+    }) : void 0, E = m === "disabled" && h != null ? g`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(h)}</div></calcite-notice>` : void 0, L = this._showInvalidFeatureServiceNotice ? g`<calcite-notice closable kind=warning open scale=s slot=content-top width=full icon @calciteNoticeClose=${() => this._showInvalidFeatureServiceNotice = !1}><div slot=title>${o.headers.invalidInitialFeatureService}</div><div slot=message>${o.loadErrors.invalidInitialFeatureService}</div></calcite-notice>` : void 0;
+    return g`<calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${N(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${C(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${l ?? void 0} @calciteFlowItemClose=${() => {
       this._handleFlowItemClose();
-    }}><calcite-panel .loading=${l === "loading" || l === "executing" || ""}>${c}${g}</calcite-panel></calcite-flow-item></calcite-flow>`;
+    }} .selected=${!v}>${L}<calcite-panel .loading=${m === "loading" || m === "executing"}>${V}${E}</calcite-panel></calcite-flow-item></calcite-flow>`;
   }
 }
-E("arcgis-version-management", b);
+S("arcgis-version-management", D);
 export {
-  b as ArcgisVersionManagement
+  D as ArcgisVersionManagement
 };

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

@@ -1,6 +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";
+import "../arcgis-version-management-service-item/index.js";
+import "@esri/calcite-components/components/calcite-notice";
+import "@esri/calcite-components/components/calcite-flow";
+import "@esri/calcite-components/components/calcite-flow-item";
+import "@esri/calcite-components/components/calcite-panel";
 export * from "./customElement.js";