@arcgis/map-components 4.32.0-next.8 → 4.32.0-next.80

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 { 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" | "success" | "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 | undefined;
-        }) | undefined;
+        childElem?: HTMLElement & {
+            ownedBy?: HTMLElement;
+        };
         view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
@@ -40,7 +41,108 @@ 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
@@ -51,19 +153,33 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
      */
     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" | "success" | "executing" | "failed";
+    /**
+     * 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,66 @@
-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";
+import { c as S } from "../../chunks/runtime.js";
+import { html as h } from "lit-html";
+import { load as _ } from "@arcgis/components-controllers";
+import { importCoreReactiveUtils as y, newWidgetsVersionManagementVersionManagementViewModel as P } from "@arcgis/core-adapter";
+import { u as F, m as M } from "../../chunks/useViewModel.js";
+import { createRef as C, ref as N } from "lit-html/directives/ref.js";
+import { LitElement as k, createEvent as w, noShadowRoot as b, safeClassMap as $ } from "@arcgis/lumina";
+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.8
+ * v4.32.0-next.80
 */
-const k = F`.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, _ = S(V);
-class b extends C {
+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 = M(P), u = "map-components:version-management";
+class R extends k {
   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 = C(), this.messages = F({ blocking: !0 }), this.reactiveUtils = _(y), 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 = b;
   }
-  // #endregion
-  // #region Public Methods
+  get initialVersionInfos() {
+    return this._initialVersionInfos;
+  }
+  /**
+   * 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() {
+    const { once: e, watch: i } = this.reactiveUtils;
+    e(() => this.viewModel.state === "ready").then(() => {
+      this.initialVersionInfos.forEach((o) => {
+        try {
+          this._changeToInitialVersion(o);
+        } catch (s) {
+          console.error(s);
+        }
+      });
+    }), this.manager.onLifecycle(() => [
+      i(() => this.viewModel.state, (o) => {
+        const { flowElement: { value: s }, versionList: t } = this, r = s?.getElementsByTagName("arcgis-version-management-version-properties")[0];
+        if (o === "disabled" && s) {
+          r && this._removeVersionPropertiesFlowItem(s), t && this._removeVersionListFlowItem(s);
           return;
         }
         t && (t.versionListElementProps = {
@@ -47,61 +68,65 @@ class b extends C {
           executionError: this.viewModel.executionError
         }, t.versionListElementProps = {
           ...t.versionListElementProps,
-          state: i
-        }), n && (n.versionPropertiesElementProps = {
-          ...n.versionPropertiesElementProps,
-          state: i
+          state: o
+        }), r && (r.versionPropertiesElementProps = {
+          ...r.versionPropertiesElementProps,
+          state: o
         });
       })
     ]);
   }
-  // #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 = {
+    const { closable: o, flowElement: { value: s }, viewModel: t, viewModel: { state: r } } = this, n = document.createElement("arcgis-version-management-version-properties");
+    return n.versionPropertiesElementProps = {
       closable: o,
       currentUser: t.userLookup.get(e),
       hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
+      isVersionAdministrator: t.versionAdministratorLookup.get(e),
       serviceUrl: e,
-      state: a,
+      state: r,
       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({
+    }, n.selected = !0, n.showBackButton = !0, n.addEventListener("arcgisCreateVersion", (a) => {
+      const { createVersionParameters: d, switchToVersion: v } = a.detail;
+      t.createVersion(d).then(async (l) => {
+        l && this.arcgisVersioningStateChanged.emit({
           type: "version-created",
-          versionIdentifier: c.versionIdentifier,
+          versionIdentifier: l.versionIdentifier,
           versioningState: t.versioningStateLookup.get(e)
-        }), d && await this.viewModel.changeVersion(e, c.versionIdentifier.name, c.versionIdentifier.guid).then((g) => {
+        }), v && await this.viewModel.changeVersion(e, l.versionIdentifier.name, l.versionIdentifier.guid).then((g) => {
           g && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: c.versionIdentifier,
+            versionIdentifier: l.versionIdentifier,
             versioningState: t.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({
+    }), n.addEventListener("arcgisAlterVersion", async (a) => {
+      const { flowElement: { value: d } } = this, { alterVersionParameters: v } = a.detail;
+      await t.alterVersion(v).then(async (l) => {
+        l && this.arcgisVersioningStateChanged.emit({
           type: "version-changed",
-          versionIdentifier: d.versionIdentifier,
+          versionIdentifier: v.versionIdentifier,
           versioningState: t.versioningStateLookup.get(e)
         }), await this._refreshVersionList(e);
       }).finally(() => {
-        l && this._removeVersionPropertiesFlowItem(l);
+        d && this._removeVersionPropertiesFlowItem(d);
       });
-    }), s.addEventListener("arcgisFlowItemBack", () => {
+    }), n.addEventListener("arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), s.addEventListener("calciteFlowItemBack", (r) => {
-      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), s.addEventListener("calciteFlowItemClose", () => {
+    }), n.addEventListener("calciteFlowItemBack", (a) => {
+      a.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
+    }), n.addEventListener("calciteFlowItemClose", () => {
       this._handleFlowItemClose();
-    }), s;
+    }), n;
   }
   _getLoadError(e) {
     const { messages: i } = this;
@@ -114,108 +139,124 @@ class b extends C {
         return e;
     }
   }
+  _changeToInitialVersion(e) {
+    const { _isInitialVersionInvalid: i, viewModel: o } = this, { url: s, name: t } = e, r = o.versioningStateLookup.get(s);
+    if (!r)
+      throw this._showInvalidFeatureServiceNotice = !0, new Error(`${u} - no versioning state found for feature service ${s}`);
+    const n = r?.versionInfos.find((v) => v.versionIdentifier.name === t);
+    if (!n)
+      throw i.set(s, !0), new Error(`${u} - version ${t} not found in the versioning state for feature service ${s}`);
+    const a = n.versionIdentifier, d = r?.currentVersionInfo.versionIdentifier;
+    a.guid !== d?.guid && o.changeVersion(s, a.name, a.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: o, versionInfo: s } = e.detail, { viewModel: t, flowElement: r } = this;
     switch (i) {
       case "changeVersion": {
-        t.changeVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then((s) => {
-          s && this.arcgisVersioningStateChanged.emit({
+        t.changeVersion(o, s.versionIdentifier.name, s.versionIdentifier.guid).then((n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: n.versionIdentifier,
+            versionIdentifier: s.versionIdentifier,
             versioningState: t.versioningStateLookup.get(o)
           });
-          const r = a.value?.getElementsByTagName("arcgis-version-management-version-list")[0];
-          r && r && (r.versionListElementProps = {
-            ...r.versionListElementProps,
+          const { versionList: a } = this;
+          a && (a.versionListElementProps = {
+            ...a.versionListElementProps,
             currentVersionIdentifier: t.versioningStateLookup.get(o).currentVersionInfo.versionIdentifier
           });
         });
         break;
       }
       case "deleteVersion": {
-        t.deleteVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then(async (s) => {
-          s && this.arcgisVersioningStateChanged.emit({
+        t.deleteVersion(o, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (n) => {
+          n && this.arcgisVersioningStateChanged.emit({
             type: "version-deleted",
-            versionIdentifier: n.versionIdentifier,
+            versionIdentifier: s.versionIdentifier,
             versioningState: t.versioningStateLookup.get(o)
           }), await this._refreshVersionList(o);
         });
         break;
       }
       case "editVersion": {
-        const s = this._createVersionPropertiesFlowItem(o, n);
-        a.value?.appendChild(s);
+        const n = this._createVersionPropertiesFlowItem(o, s);
+        r.value?.appendChild(n), this.versionList && (this.versionList.selected = !1);
         break;
       }
     }
   }
   async _refreshVersionList(e) {
-    const { flowElement: { value: i }, viewModel: o } = this;
+    const { flowElement: { value: i }, versionList: o, 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,
-          versionInfos: n
+      const t = await s.getVersionInfos(e), r = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const n of r)
+        n.serviceItemElementProps.serviceUrl === e && (n.serviceItemElementProps = {
+          ...n.serviceItemElementProps,
+          versionInfos: t
         });
-      const a = i.getElementsByTagName("arcgis-version-management-version-list")[0];
-      a && (a.versionListElementProps = {
-        ...a.versionListElementProps,
-        currentVersionIdentifier: o.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: n
+      o && (o.versionListElementProps = {
+        ...o.versionListElementProps,
+        currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
+        versionInfos: t
       });
     }
   }
   _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: o }, initialVersionInfos: s, _isInitialVersionInvalid: t, label: r, messages: n, mode: a, pageSize: d, versionList: v, viewModel: l, viewModel: { loadError: g, state: m } } = this, I = Array.from(l.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: l.userLookup.get(c.url),
+        currentVersionIdentifier: l.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 ?? []
+        hasAdvEditingUte: l.advancedEditingUserTypeExtensionLookup.get(c.url),
+        heading: r,
+        initialVersionInfos: s,
+        isInitialVersionInvalid: t,
+        isVersionAdministrator: l.versionAdministratorLookup.get(c.url),
+        isVersioningApiAvailable: (l.serverVersionLookup.get(c.url) ?? 0) >= 11.2,
+        mode: a,
+        pageSize: d,
+        serviceName: c.name,
+        state: m,
+        serviceUrl: c.url,
+        strings: n,
+        versionInfos: l.versioningStateLookup.get(c.url)?.versionInfos ?? []
       };
-      return f`<arcgis-version-management-service-item .serviceItemElementProps=${v} @arcgisGetVersions=${async (h) => {
-        await this._refreshVersionList(h.detail.serviceUrl);
+      return h`<arcgis-version-management-service-item .serviceItemElementProps=${f} @arcgisGetVersions=${async (p) => {
+        await this._refreshVersionList(p.detail.serviceUrl);
       }} @arcgisFlowItemBack=${() => {
-        o && this._removeVersionListFlowItem(o);
+        o && (this._removeVersionListFlowItem(o), 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`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(g)}</div></calcite-notice>` : void 0, L = this._showInvalidFeatureServiceNotice ? h`<calcite-notice closable kind=warning open scale=s slot=content-top width=full icon @calciteNoticeClose=${() => this._showInvalidFeatureServiceNotice = !1}><div slot=title>${n.headers.invalidInitialFeatureService}</div><div slot=message>${n.loadErrors.invalidInitialFeatureService}</div></calcite-notice>` : void 0;
+    return h`<calcite-flow custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${$(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${N(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${r ?? 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", R);
 export {
-  b as ArcgisVersionManagement
+  R 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";

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

@@ -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";

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

@@ -1,8 +1,11 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+/// <reference types="../../index.d.ts" />
+import { Nil } from '@arcgis/components-utils';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { ArcgisVersionManagementVersionList } from '../arcgis-version-management-version-list/customElement.js';
+import { ArcgisVersionManagement, InitialVersionInfo } from '../arcgis-version-management/customElement.js';
 
-/** @internal */
+/** @private */
 export declare class ArcgisVersionManagementServiceItem extends LitElement {
     serviceItemElementProps: {
         allowEditing: boolean;
@@ -13,25 +16,30 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
         flowElement: HTMLCalciteFlowElement | undefined;
         hasAdvEditingUte: boolean;
         heading: string;
+        mode: Nil | string;
+        initialVersionInfos: InitialVersionInfo[];
+        isInitialVersionInvalid: Map<string, boolean>;
+        isVersionAdministrator: boolean;
         isVersioningApiAvailable: boolean;
         pageSize: number;
         serviceName: string;
         state: string;
         serviceUrl: string;
-        strings: typeof T9nStrings;
+        strings: ArcgisVersionManagement["messages"];
         versionInfos: __esri.VersionInfo[];
     };
-    readonly arcgisFlowItemBack: CustomEvent<void>;
-    readonly arcgisFlowItemClose: CustomEvent<void>;
-    readonly arcgisGetVersions: CustomEvent<{
+    readonly arcgisFlowItemBack: TargetedEvent<this, void>;
+    readonly arcgisFlowItemClose: TargetedEvent<this, void>;
+    readonly arcgisGetVersions: TargetedEvent<this, {
         serviceUrl: string;
     }>;
-    readonly arcgisManageVersion: CustomEvent<{
+    readonly arcgisManageVersion: TargetedEvent<this, {
         actionType: string;
         serviceUrl: string;
         versionInfo: __esri.VersionInfo;
     }>;
-    readonly arcgisNewVersion: CustomEvent<{
+    readonly arcgisNewVersion: TargetedEvent<this, {
         serviceUrl: string;
     }>;
+    readonly arcgisCreateVersionList: TargetedEvent<this, import('@arcgis/lumina').ToElement<ArcgisVersionManagementVersionList>>;
 }