@arcgis/map-components 4.32.0-next.47 → 4.32.0-next.48

package/dist/components/arcgis-print/customElement.js

@@ -8,7 +8,7 @@ import { css as h } 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.47
+ * v4.32.0-next.48
 */
 const d = h`arcgis-print{display:block}`, m = o(s);
 class p extends a {

package/dist/components/arcgis-scale-bar/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as D, createEvent as R, noShadowRoot as x, safeClassMap as s
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 const r = "esri-scale-bar", t = {
   base: r,

package/dist/components/arcgis-scale-range-slider/customElement.js

@@ -7,7 +7,7 @@ import { css as o } 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.47
+ * v4.32.0-next.48
 */
 const c = o`arcgis-scale-range-slider{display:block}`, r = s(i);
 class d extends a {

package/dist/components/arcgis-scene/customElement.js

@@ -8,7 +8,7 @@ import { css as y } 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.47
+ * v4.32.0-next.48
 */
 const f = y`.arcgis-scene{padding:0;margin:0;height:100%;width:100%}`, _ = o(v, {}), b = o(l, {});
 class V extends p {

package/dist/components/arcgis-search/customElement.js

@@ -8,7 +8,7 @@ import { css as o } 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.47
+ * v4.32.0-next.48
 */
 const g = o`arcgis-search{display:block}`, d = r(a);
 class u extends h {

package/dist/components/arcgis-shadow-cast/customElement.js

@@ -7,7 +7,7 @@ import { css as n } 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.47
+ * v4.32.0-next.48
 */
 const r = n`arcgis-shadow-cast{display:block}`, l = o(e);
 class c extends a {

package/dist/components/arcgis-sketch/customElement.js

@@ -8,7 +8,7 @@ import { css as g } 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.47
+ * v4.32.0-next.48
 */
 const p = g`arcgis-sketch{display:block}`, c = n(l);
 class m extends d {

package/dist/components/arcgis-slice/customElement.js

@@ -7,7 +7,7 @@ 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.47
+ * v4.32.0-next.48
 */
 const d = r`arcgis-slice{display:block}`, h = i(t);
 class c extends a {

package/dist/components/arcgis-slider/customElement.js

@@ -8,7 +8,7 @@ import { css as m } 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.47
+ * v4.32.0-next.48
 */
 const c = m`arcgis-slider{min-width:200px;min-height:25px}`, r = a(s);
 class d extends h {

package/dist/components/arcgis-swipe/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lu
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 const n = s(i);
 class d extends a {

package/dist/components/arcgis-table-list/customElement.js

@@ -8,7 +8,7 @@ import { css as n } 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.47
+ * v4.32.0-next.48
 */
 const m = n`arcgis-table-list{display:block}`, d = i(s);
 class h extends l {

package/dist/components/arcgis-time-slider/customElement.js

@@ -8,7 +8,7 @@ import { css as n } 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.47
+ * v4.32.0-next.48
 */
 const r = n`arcgis-time-slider{display:block}`, m = o(e);
 class c extends a {

package/dist/components/arcgis-track/customElement.js

@@ -11,7 +11,7 @@ import { css as b } 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.47
+ * v4.32.0-next.48
 */
 const y = b`arcgis-track{display:block}`, $ = {
   base: "esri-track"

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

@@ -8,7 +8,7 @@ import { LitElement as h, createEvent as A, noShadowRoot as m } from "@arcgis/lu
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 class v extends h {
   constructor() {

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

@@ -8,7 +8,7 @@ import { LitElement as f, createEvent as t, noShadowRoot as w } from "@arcgis/lu
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 class g extends f {
   constructor() {

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

@@ -8,7 +8,7 @@ import { LitElement as n, createEvent as w, noShadowRoot as c } from "@arcgis/lu
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 class m extends n {
   constructor() {

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

@@ -8,7 +8,7 @@ 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.47
+ * v4.32.0-next.48
 */
 const l = r`arcgis-value-picker{display:block}`, c = s(e);
 class u extends o {

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

@@ -40,6 +40,7 @@ export interface VersioningStateEvent {
     versionIdentifier?: __esri.VersionInfoVersionIdentifier;
     versioningState?: __esri.VersioningState;
 }
+export type VersioningFlowState = "properties" | "root" | "version-list";
 export declare class ArcgisVersionManagement extends LitElement {
     private messages: {
         label: string;
@@ -68,6 +69,8 @@ export declare class ArcgisVersionManagement extends LitElement {
         headers: {
             currentVersion: string;
             manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
         };
         input: {
             versionAccess: string;
@@ -106,6 +109,8 @@ export declare class ArcgisVersionManagement extends LitElement {
         headers: {
             currentVersion: string;
             manageVersions: string;
+            filterVersions: string;
+            versionProperties: string;
         };
         input: {
             versionAccess: string;

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

@@ -1,29 +1,29 @@
-import { c as I } from "../../chunks/runtime.js";
+import { c as E } from "../../chunks/runtime.js";
 import { html as f } from "lit-html";
-import { load as u } from "@arcgis/components-controllers";
+import { load as I } 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 { u as S, m as P } from "../../chunks/useViewModel.js";
+import { createRef as y, ref as C } from "lit-html/directives/ref.js";
+import { LitElement as M, createEvent as p, noShadowRoot as k, safeClassMap as _ } 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.47
+ * v4.32.0-next.48
 */
-const _ = F`.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, b = y(L);
+const b = F`.calcite-combobox-item{width:330px}.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, N = P(L);
 class A extends M {
   constructor() {
-    super(...arguments), this.flowElement = P(), this.messages = S({ blocking: !0 }), this.reactiveUtils = u(V), this.viewModel = b(this), this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = p(), this.arcgisVersioningStateChanged = p();
+    super(...arguments), this.flowElement = y(), this.messages = S({ blocking: !0 }), this.reactiveUtils = I(V), this.viewModel = N(this), this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = p(), this.arcgisVersioningStateChanged = p();
   }
   static {
-    this.properties = { allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0, view: 0 };
+    this.properties = { versionList: 16, allowEditingDisabled: 5, autoDestroyDisabled: 5, closable: 7, icon: 3, label: 3, messageOverrides: 0, mode: 1, pageSize: 9, position: 1, referenceElement: 1, state: 3, versioningStates: 0, view: 0 };
   }
   static {
-    this.shadowRootOptions = N;
+    this.shadowRootOptions = k;
   }
   static {
-    this.styles = _;
+    this.styles = b;
   }
   // #endregion
   // #region Public Methods
@@ -37,19 +37,19 @@ class A extends M {
     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);
+        const { flowElement: { value: s }, versionList: o } = this, t = s?.getElementsByTagName("arcgis-version-management-version-properties")[0];
+        if (i === "disabled" && s) {
+          t && this._removeVersionPropertiesFlowItem(s), o && this._removeVersionListFlowItem(s);
           return;
         }
-        t && (t.versionListElementProps = {
-          ...t.versionListElementProps,
+        o && (o.versionListElementProps = {
+          ...o.versionListElementProps,
           executionError: this.viewModel.executionError
-        }, t.versionListElementProps = {
-          ...t.versionListElementProps,
+        }, o.versionListElementProps = {
+          ...o.versionListElementProps,
           state: i
-        }), o && (o.versionPropertiesElementProps = {
-          ...o.versionPropertiesElementProps,
+        }), t && (t.versionPropertiesElementProps = {
+          ...t.versionPropertiesElementProps,
           state: i
         });
       })
@@ -58,48 +58,48 @@ class A extends M {
   // #endregion
   // #region Private Methods
   _createVersionPropertiesFlowItem(e, i) {
-    const { closable: s, flowElement: { value: o }, viewModel: t, viewModel: { state: a } } = this, n = document.createElement("arcgis-version-management-version-properties");
+    const { closable: s, flowElement: { value: o }, viewModel: t, viewModel: { state: m } } = this, n = document.createElement("arcgis-version-management-version-properties");
     return n.versionPropertiesElementProps = {
       closable: s,
       currentUser: t.userLookup.get(e),
       hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
       isVersionAdministrator: t.versionAdministratorLookup.get(e),
       serviceUrl: e,
-      state: a,
+      state: m,
       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({
+    }, n.selected = !0, n.showBackButton = !0, n.addEventListener("arcgisCreateVersion", (l) => {
+      const { createVersionParameters: a, switchToVersion: d } = l.detail;
+      t.createVersion(a).then(async (r) => {
+        r && this.arcgisVersioningStateChanged.emit({
           type: "version-created",
-          versionIdentifier: c.versionIdentifier,
+          versionIdentifier: r.versionIdentifier,
           versioningState: t.versioningStateLookup.get(e)
-        }), l && await this.viewModel.changeVersion(e, c.versionIdentifier.name, c.versionIdentifier.guid).then((g) => {
-          g && this.arcgisVersioningStateChanged.emit({
+        }), d && await this.viewModel.changeVersion(e, r.versionIdentifier.name, r.versionIdentifier.guid).then((v) => {
+          v && this.arcgisVersioningStateChanged.emit({
             type: "version-switched",
-            versionIdentifier: c.versionIdentifier,
+            versionIdentifier: r.versionIdentifier,
             versioningState: t.versioningStateLookup.get(e)
           });
         }), await this._refreshVersionList(e);
       }).finally(() => {
         o && this._removeVersionPropertiesFlowItem(o);
       });
-    }), n.addEventListener("arcgisAlterVersion", async (r) => {
-      const { flowElement: { value: d } } = this, { alterVersionParameters: l } = r.detail;
-      await t.alterVersion(l).then(async (c) => {
-        c && this.arcgisVersioningStateChanged.emit({
+    }), n.addEventListener("arcgisAlterVersion", async (l) => {
+      const { flowElement: { value: a } } = this, { alterVersionParameters: d } = l.detail;
+      await t.alterVersion(d).then(async (r) => {
+        r && this.arcgisVersioningStateChanged.emit({
           type: "version-changed",
-          versionIdentifier: l.versionIdentifier,
+          versionIdentifier: d.versionIdentifier,
           versioningState: t.versioningStateLookup.get(e)
         }), await this._refreshVersionList(e);
       }).finally(() => {
-        d && this._removeVersionPropertiesFlowItem(d);
+        a && this._removeVersionPropertiesFlowItem(a);
       });
     }), n.addEventListener("arcgisFlowItemBack", () => {
       this._removeVersionPropertiesFlowItem(this.flowElement.value);
-    }), n.addEventListener("calciteFlowItemBack", (r) => {
-      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
+    }), n.addEventListener("calciteFlowItemBack", (l) => {
+      l.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value), this.versionList && (this.versionList.selected = !0);
     }), n.addEventListener("calciteFlowItemClose", () => {
       this._handleFlowItemClose();
     }), n;
@@ -119,8 +119,12 @@ class A extends M {
     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: s, versionInfo: o } = e.detail, { viewModel: t, flowElement: m } = this;
     switch (i) {
       case "changeVersion": {
         t.changeVersion(s, o.versionIdentifier.name, o.versionIdentifier.guid).then((n) => {
@@ -129,9 +133,9 @@ class A extends M {
             versionIdentifier: o.versionIdentifier,
             versioningState: t.versioningStateLookup.get(s)
           });
-          const r = a.value?.getElementsByTagName("arcgis-version-management-version-list")[0];
-          r && r && (r.versionListElementProps = {
-            ...r.versionListElementProps,
+          const { versionList: l } = this;
+          l && (l.versionListElementProps = {
+            ...l.versionListElementProps,
             currentVersionIdentifier: t.versioningStateLookup.get(s).currentVersionInfo.versionIdentifier
           });
         });
@@ -149,76 +153,74 @@ class A extends M {
       }
       case "editVersion": {
         const n = this._createVersionPropertiesFlowItem(s, o);
-        a.value?.appendChild(n);
+        m.value?.appendChild(n), this.versionList && (this.versionList.selected = !1);
         break;
       }
     }
   }
   async _refreshVersionList(e) {
-    const { flowElement: { value: i }, viewModel: s } = this;
+    const { flowElement: { value: i }, versionList: s, viewModel: o } = this;
     if (i) {
-      const o = await s.getVersionInfos(e), t = i.getElementsByTagName("arcgis-version-management-service-item");
-      for (const n of t)
+      const t = await o.getVersionInfos(e), m = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const n of m)
         n.serviceItemElementProps.serviceUrl === e && (n.serviceItemElementProps = {
           ...n.serviceItemElementProps,
-          versionInfos: o
+          versionInfos: t
         });
-      const a = i.getElementsByTagName("arcgis-version-management-version-list")[0];
-      a && (a.versionListElementProps = {
-        ...a.versionListElementProps,
-        currentVersionIdentifier: s.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
-        versionInfos: o
+      s && (s.versionListElementProps = {
+        ...s.versionListElementProps,
+        currentVersionIdentifier: o.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
   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: s }, versionList: o, label: t, messages: m, mode: n, pageSize: l, viewModel: a, viewModel: { loadError: d, state: r } } = this, v = Array.from(a.serviceNameLookup, ([c, g]) => ({ url: c, name: g })), w = r !== "disabled" ? v.map((c) => {
+      const g = {
         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 ?? []
+        hasAdvEditingUte: a.advancedEditingUserTypeExtensionLookup.get(c.url),
+        heading: t,
+        isVersionAdministrator: a.versionAdministratorLookup.get(c.url),
+        isVersioningApiAvailable: (a.serverVersionLookup.get(c.url) ?? 0) >= 11.2,
+        mode: n,
+        pageSize: l,
+        serviceName: c.name,
+        state: r,
+        serviceUrl: c.url,
+        strings: m,
+        versionInfos: a.versioningStateLookup.get(c.url)?.versionInfos ?? []
       };
-      return f`<arcgis-version-management-service-item .serviceItemElementProps=${v} @arcgisGetVersions=${async (h) => {
+      return f`<arcgis-version-management-service-item .serviceItemElementProps=${g} @arcgisGetVersions=${async (h) => {
         await this._refreshVersionList(h.detail.serviceUrl);
       }} @arcgisFlowItemBack=${() => {
-        s && this._removeVersionListFlowItem(s);
+        s && (this._removeVersionListFlowItem(s), 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=${(h) => {
+        this.versionList = h.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, u = r === "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 custom-item-selectors="arcgis-version-management-version-list, arcgis-version-management-version-properties" class=${_(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${C(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${t ?? void 0} @calciteFlowItemClose=${() => {
       this._handleFlowItemClose();
-    }}><calcite-panel .loading=${l === "loading" || l === "executing"}>${g}${w}</calcite-panel></calcite-flow-item></calcite-flow>`;
+    }} .selected=${!o}><calcite-panel .loading=${r === "loading" || r === "executing"}>${w}${u}</calcite-panel></calcite-flow-item></calcite-flow>`;
   }
 }
-I("arcgis-version-management", A);
+E("arcgis-version-management", A);
 export {
   A as ArcgisVersionManagement
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.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 } from '../arcgis-version-management/customElement.js';
 
 /** @private */
@@ -37,4 +38,5 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
     readonly arcgisNewVersion: TargetedEvent<this, {
         serviceUrl: string;
     }>;
+    readonly arcgisCreateVersionList: TargetedEvent<this, import('@arcgis/lumina').ToElement<ArcgisVersionManagementVersionList>>;
 }

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

@@ -1,12 +1,12 @@
 import { c as I } from "../../chunks/runtime.js";
-import { html as n } from "lit-html";
-import { LitElement as k, createEvent as r, noShadowRoot as C, safeClassMap as N } from "@arcgis/lumina";
+import { html as r } from "lit-html";
+import { LitElement as C, createEvent as t, noShadowRoot as k, safeClassMap as N } from "@arcgis/lumina";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.47
+ * v4.32.0-next.48
 */
-class G extends k {
+class G extends C {
   constructor() {
     super(...arguments), this._arcgisGetVersions = (e) => {
       this.arcgisGetVersions.emit(e.detail);
@@ -14,13 +14,13 @@ class G extends k {
       this.arcgisManageVersion.emit(e.detail);
     }, this._arcgisNewVersion = (e) => {
       this.arcgisNewVersion.emit(e.detail);
-    }, this._versionListEventListeners = /* @__PURE__ */ new Map(), this.arcgisFlowItemBack = r(), this.arcgisFlowItemClose = r(), this.arcgisGetVersions = r(), this.arcgisManageVersion = r(), this.arcgisNewVersion = r();
+    }, this._versionListEventListeners = /* @__PURE__ */ new Map(), this.arcgisFlowItemBack = t(), this.arcgisFlowItemClose = t(), this.arcgisGetVersions = t(), this.arcgisManageVersion = t(), this.arcgisNewVersion = t(), this.arcgisCreateVersionList = t();
   }
   static {
     this.properties = { serviceItemElementProps: 0 };
   }
   static {
-    this.shadowRootOptions = C;
+    this.shadowRootOptions = k;
   }
   // #endregion
   // #region Lifecycle
@@ -39,15 +39,15 @@ class G extends k {
   // #endregion
   // #region Rendering
   render() {
-    const { serviceItemElementProps: { allowEditing: e, closable: a, currentUser: c, executionError: h, currentVersionIdentifier: l, flowElement: V, hasAdvEditingUte: p, heading: L, isVersionAdministrator: E, isVersioningApiAvailable: b, mode: _, pageSize: f, serviceName: t, serviceUrl: g, state: w, strings: m, versionInfos: o } } = this;
-    let { _versionList: s } = this;
-    const u = n`<calcite-combobox clear-disabled .label=${t} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(i) => {
-      const $ = i.target, x = o.find((M) => M.versionIdentifier.guid === $.value);
+    const { serviceItemElementProps: { allowEditing: e, closable: a, currentUser: c, executionError: h, currentVersionIdentifier: l, flowElement: V, hasAdvEditingUte: p, heading: L, isVersionAdministrator: E, isVersioningApiAvailable: b, mode: _, pageSize: u, serviceName: n, serviceUrl: g, state: f, strings: m, versionInfos: o } } = this;
+    let { _versionList: i } = this;
+    const w = r`<calcite-combobox clear-disabled .label=${n} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(s) => {
+      const $ = s.target, x = o.find((M) => M.versionIdentifier.guid === $.value);
       this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: g, versionInfo: x });
-    }}>${o ? o.map((i) => n`<calcite-combobox-item class=${N(_ === "dialog" ? "" : "calcite-combobox-item")} .selected=${l.guid === i.versionIdentifier.guid && l.name === i.versionIdentifier.name} .textLabel=${i.versionIdentifier.name} .value=${i.versionIdentifier.guid}></calcite-combobox-item>`) : void 0}</calcite-combobox>`;
+    }}>${o ? o.map((s) => r`<calcite-combobox-item class=${N(_ === "dialog" ? "" : "calcite-combobox-item")} .selected=${l.guid === s.versionIdentifier.guid && l.name === s.versionIdentifier.name} .textLabel=${s.versionIdentifier.name} .value=${s.versionIdentifier.guid}></calcite-combobox-item>`) : void 0}</calcite-combobox>`;
     let d, v;
-    return e && (d = n`<calcite-action .id=${`actionManageVersions_${t}`} icon=list scale=s slot=control text @click=${async () => {
-      s = document.createElement("arcgis-version-management-version-list"), s.versionListElementProps = {
+    return e && (d = r`<calcite-action .id=${`actionManageVersions_${n}`} icon=list scale=s slot=control text @click=${async () => {
+      i = document.createElement("arcgis-version-management-version-list"), i.versionListElementProps = {
         closable: a,
         currentUser: c,
         currentVersionIdentifier: l,
@@ -56,18 +56,18 @@ class G extends k {
         heading: L,
         isVersionAdministrator: E,
         isVersioningApiAvailable: b,
-        pageSize: f,
-        serviceName: t,
+        pageSize: u,
+        serviceName: n,
         serviceUrl: g,
-        state: w,
+        state: f,
         strings: m,
         versionInfos: o
-      }, s.addEventListener("calciteFlowItemBack", (i) => {
-        i.preventDefault(), this.arcgisFlowItemBack.emit();
-      }), s.addEventListener("calciteFlowItemClose", () => {
+      }, i.selected = !0, i.showBackButton = !0, i.addEventListener("calciteFlowItemBack", (s) => {
+        s.preventDefault(), this.arcgisFlowItemBack.emit();
+      }), i.addEventListener("calciteFlowItemClose", () => {
         this.arcgisFlowItemClose.emit();
-      }), this._addVersionListEventListeners(s), V?.append(s);
-    }}></calcite-action>`, v = n`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`actionManageVersions_${t}`}><span>${m.headers.manageVersions}</span></calcite-tooltip>`), n`<calcite-block open .heading=${t}>${u}${d}${v}</calcite-block>`;
+      }), this._addVersionListEventListeners(i), V?.append(i), this.arcgisCreateVersionList.emit(i);
+    }}></calcite-action>`, v = r`<calcite-tooltip overlay-positioning=fixed .referenceElement=${`actionManageVersions_${n}`}><span>${m.headers.manageVersions}</span></calcite-tooltip>`), r`<calcite-block open .heading=${n}>${w}${d}${v}</calcite-block>`;
   }
 }
 I("arcgis-version-management-service-item", G);

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

@@ -4,7 +4,7 @@ import { LitElement as b, createEvent as f, noShadowRoot as x, nothing as I } fr
 /*!
  * 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.47
+ * v4.32.0-next.48
 */
 class E extends b {
   constructor() {
@@ -19,7 +19,7 @@ class E extends b {
   // #endregion
   // #region Rendering
   render() {
-    const { versionItemElementProps: { currentUser: d, currentVersionIdentifier: m, hasAdvEditingUte: g, isVersionAdministrator: p, isVersioningApiAvailable: h, serviceUrl: t, strings: { actions: n }, versionInfo: e } } = this, s = e.versionIdentifier.name, V = s.substring(s.lastIndexOf(".") + 1), a = s.substring(0, s.lastIndexOf(".")), r = e.versionIdentifier.guid, l = `actionSwitchToVersion_${r}`, o = a.toUpperCase() === d.toUpperCase() && h && g || p, i = m.guid === e.versionIdentifier.guid, $ = c`<calcite-action .disabled=${i} id=${l ?? I} icon=code-branch text @click=${() => {
+    const { versionItemElementProps: { currentUser: d, currentVersionIdentifier: m, hasAdvEditingUte: g, isVersionAdministrator: p, isVersioningApiAvailable: h, serviceUrl: t, strings: { actions: n }, versionInfo: e } } = this, s = e.versionIdentifier.name, V = s.substring(s.lastIndexOf(".") + 1), a = s.substring(0, s.lastIndexOf(".")), r = e.versionIdentifier.guid, l = `actionSwitchToVersion_${r}`, o = a.toUpperCase() === d.toUpperCase() && h && g || p, i = m.guid === e.versionIdentifier.guid, $ = c`<calcite-action appearance=transparent .disabled=${i} id=${l ?? I} icon=code-branch text @click=${() => {
       this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: t, versionInfo: e });
     }} slot=actions-start></calcite-action>`, u = i ? void 0 : c`<calcite-tooltip overlay-positioning=fixed .referenceElement=${l}><span>${n.switchToVersion}</span></calcite-tooltip>`;
     return c`<calcite-list-item .description=${a} .label=${V} .value=${r}>${$}${u}<calcite-action-menu overlay-positioning=fixed slot=actions-end label><calcite-action .disabled=${i} icon=code-branch @click=${() => {

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

@@ -22,6 +22,8 @@ export type VersionListElementProps = {
 /** @private */
 export declare class ArcgisVersionManagementVersionList extends LitElement {
     currentPage: number;
+    selected: boolean;
+    showBackButton: boolean;
     versionListElementProps: VersionListElementProps;
     readonly arcgisGetVersions: TargetedEvent<this, {
         serviceUrl: string;