@arcgis/map-components 4.32.0-next.14 → 4.32.0-next.140

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

@@ -1,8 +1,9 @@
 /// <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';
 
@@ -12,26 +13,7 @@ declare const useVersionManagementViewModel: (component: import('@arcgis/compone
     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?: {
+} & Pick<VersionManagementViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<VersionManagementViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => VersionManagementViewModel;
 type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";
@@ -40,7 +22,19 @@ 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: {
@@ -68,6 +62,10 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
         headers: {
             currentVersion: string;
             manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
         };
         input: {
             versionAccess: string;
@@ -76,6 +74,8 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
             versionOwner: string;
         };
         loadErrors: {
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
             noFeatureServices: string;
             noViewProperty: string;
         };
@@ -106,6 +106,10 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
         headers: {
             currentVersion: string;
             manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
         };
         input: {
             versionAccess: string;
@@ -114,6 +118,8 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
             versionOwner: string;
         };
         loadErrors: {
+            invalidInitialVersion: string;
+            invalidInitialFeatureService: string;
             noFeatureServices: string;
             noViewProperty: string;
         };
@@ -122,25 +128,39 @@ export declare class ArcgisVersionManagement extends LitElement implements Use<t
     /**
      * 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" | "loading" | "failed" | "disabled" | "executing" | "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,64 @@
-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.14
-*/
-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 {
+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 } from "../../chunks/useView.js";
+import { 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.140 */
+const T = A`@layer{.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 = 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();
+    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 = N;
+    this.styles = T;
   }
   static {
-    this.styles = _;
+    this.shadowRootOptions = M;
   }
-  // #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: 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);
+  //#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,62 +66,65 @@ class A extends M {
           executionError: this.viewModel.executionError
         }, t.versionListElementProps = {
           ...t.versionListElementProps,
-          state: i
-        }), o && (o.versionPropertiesElementProps = {
-          ...o.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: 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),
+    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
-    }, n.addEventListener("arcgisCreateVersion", (r) => {
-      const { createVersionParameters: d, switchToVersion: l } = r.detail;
-      t.createVersion(d).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)
-        }), l && 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(() => {
-        o && this._removeVersionPropertiesFlowItem(o);
+        s && this._removeVersionPropertiesFlowItem(s);
       });
-    }), 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({
+    }), 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: l.versionIdentifier,
-          versioningState: t.versioningStateLookup.get(e)
+          versionIdentifier: v.versionIdentifier,
+          versioningState: n.versioningStateLookup.get(e)
         }), await this._refreshVersionList(e);
       }).finally(() => {
         d && this._removeVersionPropertiesFlowItem(d);
       });
-    }), n.addEventListener("arcgisFlowItemBack", () => {
+    }), o.addEventListener("arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), n.addEventListener("calciteFlowItemBack", (r) => {
-      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), n.addEventListener("calciteFlowItemClose", () => {
+    }), o.addEventListener("calciteFlowItemBack", (r) => {
+      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
+    }), o.addEventListener("calciteFlowItemClose", () => {
       this._handleFlowItemClose();
-    }), n;
+    }), o;
   }
   _getLoadError(e) {
     const { messages: i } = this;
@@ -115,110 +137,124 @@ class A extends M {
         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: s, versionInfo: o } = 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(s, o.versionIdentifier.name, o.versionIdentifier.guid).then((n) => {
-          n && this.arcgisVersioningStateChanged.emit({
+        n.changeVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then((o) => {
+          o && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: o.versionIdentifier,
-            versioningState: t.versioningStateLookup.get(s)
+            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(s).currentVersionInfo.versionIdentifier
+            currentVersionIdentifier: n.versioningStateLookup.get(t).currentVersionInfo.versionIdentifier
           });
         });
         break;
       }
       case "deleteVersion": {
-        t.deleteVersion(s, o.versionIdentifier.name, o.versionIdentifier.guid).then(async (n) => {
-          n && this.arcgisVersioningStateChanged.emit({
+        n.deleteVersion(t, s.versionIdentifier.name, s.versionIdentifier.guid).then(async (o) => {
+          o && this.arcgisVersioningStateChanged.emit({
             type: "version-deleted",
-            versionIdentifier: o.versionIdentifier,
-            versioningState: t.versioningStateLookup.get(s)
-          }), await this._refreshVersionList(s);
+            versionIdentifier: s.versionIdentifier,
+            versioningState: n.versioningStateLookup.get(t)
+          }), await this._refreshVersionList(t);
         });
         break;
       }
       case "editVersion": {
-        const n = this._createVersionPropertiesFlowItem(s, o);
-        a.value?.appendChild(n);
+        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: s } = this;
+    const { flowElement: { value: i }, versionList: t, 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 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,
+      t && (t.versionListElementProps = {
+        ...t.versionListElementProps,
         currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: o
+        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: 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 = {
+    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: r.userLookup.get(m.url),
-        currentVersionIdentifier: r.versioningStateLookup.get(m.url).currentVersionInfo.versionIdentifier,
+        currentUser: a.userLookup.get(c.url),
+        currentVersionIdentifier: a.versioningStateLookup.get(c.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 ?? []
+        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=${() => {
-        s && this._removeVersionListFlowItem(s);
+        t && (this._removeVersionListFlowItem(t), this.versionList = void 0);
       }} @arcgisFlowItemClose=${() => {
         this._handleFlowItemClose();
-      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${(h) => {
-        const E = this._createVersionPropertiesFlowItem(h.detail.serviceUrl, void 0);
-        s?.appendChild(E);
+      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${this._handleNewVersionAction} @arcgisCreateVersionList=${(p) => {
+        this.versionList = p.detail;
       }}></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=${() => {
+    }) : 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"}>${g}${w}</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>`;
   }
 }
-I("arcgis-version-management", A);
+S("arcgis-version-management", D);
 export {
-  A 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";

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,7 +1,9 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
 import { Nil } from '@arcgis/components-utils';
-import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+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';
 
 /** @private */
 export declare class ArcgisVersionManagementServiceItem extends LitElement {
@@ -15,26 +17,29 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
         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>>;
 }