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

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.46
+ * 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 } from '@arcgis/lumina';
+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 */
@@ -24,17 +25,18 @@ export declare class ArcgisVersionManagementServiceItem extends LitElement {
         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>>;
 }

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.46
+ * 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.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisVersionManagement } from '../arcgis-version-management/customElement.js';
 
 /** @private */
@@ -14,7 +14,7 @@ export declare class ArcgisVersionManagementVersionItem extends LitElement {
         strings: ArcgisVersionManagement["messages"];
         versionInfo: __esri.VersionInfo;
     };
-    readonly arcgisManageVersion: CustomEvent<{
+    readonly arcgisManageVersion: TargetedEvent<this, {
         actionType: string;
         serviceUrl: string;
         versionInfo: __esri.VersionInfo;

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.46
+ * 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

@@ -1,6 +1,6 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 import { PropertyValues } from 'lit';
-import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 import { ArcgisVersionManagement } from '../arcgis-version-management/customElement.js';
 
 export type VersionListElementProps = {
@@ -22,16 +22,18 @@ export type VersionListElementProps = {
 /** @private */
 export declare class ArcgisVersionManagementVersionList extends LitElement {
     currentPage: number;
+    selected: boolean;
+    showBackButton: boolean;
     versionListElementProps: VersionListElementProps;
-    readonly arcgisGetVersions: CustomEvent<{
+    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;
     }>;
 }

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

@@ -1,18 +1,31 @@
-import { c as L } from "../../chunks/runtime.js";
-import { html as n } from "lit";
-import { createRef as w, ref as k } from "lit-html/directives/ref.js";
-import { LitElement as U, createEvent as a } from "@arcgis/lumina";
+import { c as y } from "../../chunks/runtime.js";
+import { html as s } from "lit";
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as F, createEvent as a } from "@arcgis/lumina";
+import { css as U } 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.46
+ * v4.32.0-next.48
 */
-class F extends U {
+const A = U`:host{display:none;background:#bdf2c4}:host([selected]){display:flex}calcite-block{margin-block:0}calcite-pagination{justify-content:center}`;
+class N extends F {
   constructor() {
-    super(...arguments), this._filterInputElement = w(), this.currentPage = 1, this.arcgisGetVersions = a(), this.arcgisManageVersion = a(), this.arcgisNewVersion = a();
+    super(...arguments), this._filterInputElement = p(), this._flowItemElement = p(), this.currentPage = 1, this.selected = !1, this.showBackButton = !1, this.arcgisGetVersions = a(), this.arcgisManageVersion = a(), this.arcgisNewVersion = a();
   }
   static {
-    this.properties = { _filteredVersionInfos: 16, currentPage: 11, versionListElementProps: 0 };
+    this.properties = { _filteredVersionInfos: 16, currentPage: 11, selected: 7, showBackButton: 7, versionListElementProps: 0 };
+  }
+  static {
+    this.styles = A;
+  }
+  // #endregion
+  // #region Public Methods
+  async setFocus() {
+    this._flowItemElement.value?.setFocus();
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  goBack() {
   }
   // #endregion
   // #region Lifecycle
@@ -21,8 +34,8 @@ class F extends U {
   }
   willUpdate(e) {
     if (e.has("versionListElementProps")) {
-      const i = e.get("versionListElementProps"), t = this.versionListElementProps;
-      i?.versionInfos !== t.versionInfos && (this._filteredVersionInfos = t.versionInfos, this._filterInputElement.value && this._handleFilterChange());
+      const t = e.get("versionListElementProps"), i = this.versionListElementProps;
+      t?.versionInfos !== i.versionInfos && (this._filteredVersionInfos = i.versionInfos, this._filterInputElement.value && this._handleFilterChange());
     }
   }
   updated() {
@@ -31,8 +44,8 @@ class F extends U {
   // #endregion
   // #region Private Methods
   _handleFilterChange() {
-    const { versionListElementProps: { versionInfos: e } } = this, i = this._filterInputElement.value.value.toUpperCase();
-    this._filteredVersionInfos = i === "" ? e : e.filter((t) => t.versionIdentifier.name.toUpperCase().includes(i) || t.versionIdentifier.guid.toUpperCase().includes(i)), this._filteredVersionInfos.length && (this.currentPage = 1);
+    const { versionListElementProps: { versionInfos: e } } = this, t = this._filterInputElement.value.value.toUpperCase();
+    this._filteredVersionInfos = t === "" ? e : e.filter((i) => i.versionIdentifier.name.toUpperCase().includes(t) || i.versionIdentifier.guid.toUpperCase().includes(t)), this._filteredVersionInfos.length && (this.currentPage = 1);
   }
   _handleNoticeClosed() {
     this.versionListElementProps = {
@@ -44,51 +57,51 @@ class F extends U {
     this.currentPage = e.target.startItem;
   }
   _getExecutionError(e) {
-    const { versionListElementProps: { strings: { executionErrors: i } } } = this;
+    const { versionListElementProps: { strings: { executionErrors: t } } } = this;
     switch (e) {
       case "no-advanced-editing-user-type-extension":
-        return i.noAdvancedEditingUserTypeExtension;
+        return t.noAdvancedEditingUserTypeExtension;
       case "no-feature-service-found":
-        return i.noFeatureServiceFound;
+        return t.noFeatureServiceFound;
       case "no-valid-enterprise-version":
-        return i.notValidEnterpriseVersion;
+        return t.notValidEnterpriseVersion;
       case "no-valid-version-name":
-        return i.invalidVersionName;
+        return t.invalidVersionName;
       default:
         return e;
     }
   }
-  _paginate(e, i, t) {
-    return e.slice((t - 1) * i, t * i);
+  _paginate(e, t, i) {
+    return e.slice((i - 1) * t, i * t);
   }
   // #endregion
   // #region Rendering
   render() {
-    const { currentPage: e, versionListElementProps: { closable: i, currentUser: t, currentVersionIdentifier: l, executionError: c, hasAdvEditingUte: h, heading: f, isVersionAdministrator: p, isVersioningApiAvailable: d, pageSize: s, serviceName: g, serviceUrl: o, state: m, strings: { headers: v }, strings: r, versionInfos: u } } = this, V = n`<calcite-block .heading=${v.currentVersion} .description=${l.name} overlay-positioning=fixed></calcite-block>`, I = n`<calcite-action id=actionRefreshVersions icon=refresh text @click=${() => {
+    const { currentPage: e, selected: t, showBackButton: i, versionListElementProps: { closable: m, currentUser: u, currentVersionIdentifier: l, executionError: c, hasAdvEditingUte: h, heading: v, isVersionAdministrator: V, isVersioningApiAvailable: d, pageSize: n, serviceName: I, serviceUrl: r, state: E, strings: { headers: f }, strings: o, versionInfos: _ } } = this, $ = s`<calcite-block .heading=${f.currentVersion} .description=${l.name} overlay-positioning=fixed></calcite-block>`, P = s`<calcite-action id=actionRefreshVersions icon=refresh text @click=${() => {
       this.arcgisGetVersions.emit({
-        serviceUrl: o
+        serviceUrl: r
       });
-    }} slot=header-actions-end><calcite-tooltip overlay-positioning=fixed reference-element=actionRefreshVersions><span>${r.actions.refreshVersions}</span></calcite-tooltip></calcite-action>`;
-    this._paginatedVersionInfos = this._filteredVersionInfos.length > s ? this._paginate(this._filteredVersionInfos, s, e) : this._filteredVersionInfos;
-    const E = this._filteredVersionInfos.length > s ? n`<calcite-pagination @calcitePaginationChange=${this._handlePaginationChange} page-size=1 .startItem=${e} .totalItems=${Math.ceil(this._filteredVersionInfos.length / s)}></calcite-pagination>` : void 0, _ = this._paginate(this._paginatedVersionInfos, s, 1).map((b) => n`<arcgis-version-management-version-item .versionItemElementProps=${{
-      currentUser: t,
+    }} slot=header-actions-end><calcite-tooltip overlay-positioning=fixed reference-element=actionRefreshVersions><span>${o.actions.refreshVersions}</span></calcite-tooltip></calcite-action>`;
+    this._paginatedVersionInfos = this._filteredVersionInfos.length > n ? this._paginate(this._filteredVersionInfos, n, e) : this._filteredVersionInfos;
+    const x = this._filteredVersionInfos.length > n ? s`<calcite-pagination @calcitePaginationChange=${this._handlePaginationChange} page-size=1 .startItem=${e} .totalItems=${Math.ceil(this._filteredVersionInfos.length / n)}></calcite-pagination>` : void 0, b = this._paginate(this._paginatedVersionInfos, n, 1).map((B) => s`<arcgis-version-management-version-item .versionItemElementProps=${{
+      currentUser: u,
       currentVersionIdentifier: l,
       isCurrentVersionCard: !1,
       hasAdvEditingUte: h,
-      isVersionAdministrator: p,
+      isVersionAdministrator: V,
       isVersioningApiAvailable: d,
-      serviceUrl: o,
-      strings: r,
-      versionInfo: b
-    }}></arcgis-version-management-version-item>`), $ = u.length > s ? n`<calcite-block heading open><calcite-input-text clearable icon=search @calciteInputTextInput=${this._handleFilterChange} .placeholder=${r.actions.searchVersions} ${k(this._filterInputElement)}></calcite-input-text></calcite-block>` : void 0, P = n`<calcite-list label=versions>${_}</calcite-list>`, x = d && h ? n`<calcite-fab appearance=outline-fill slot=fab text-enabled .text=${r.actions.newVersion} @click=${() => {
+      serviceUrl: r,
+      strings: o,
+      versionInfo: B
+    }}></arcgis-version-management-version-item>`), w = _.length > n ? s`<calcite-block heading .label=${f.filterVersions} open><calcite-input-text clearable icon=search @calciteInputTextInput=${this._handleFilterChange} .placeholder=${o.actions.searchVersions} ${g(this._filterInputElement)}></calcite-input-text></calcite-block>` : void 0, k = s`<calcite-list label=versions>${b}</calcite-list>`, C = d && h ? s`<calcite-fab appearance=outline-fill slot=fab text-enabled .text=${o.actions.newVersion} @click=${() => {
       this.arcgisNewVersion.emit({
-        serviceUrl: o
+        serviceUrl: r
       });
-    }}></calcite-fab>` : void 0, C = c ? n`<calcite-notice @calciteNoticeClose=${this._handleNoticeClosed} class="notice" closable kind=warning open scale=s slot=footer width=full><div slot=message>${this._getExecutionError(c)}</div></calcite-notice>` : void 0;
-    return n`<calcite-flow-item .closable=${i} .description=${g} .heading=${f}><calcite-panel .loading=${m === "executing"}>${V}<calcite-panel .heading=${this._filteredVersionInfos.length ? `${r.headers.manageVersions} (${this._filteredVersionInfos.length})` : r.headers.manageVersions}>${I}${$}${P}${x}</calcite-panel>${E}${C}</calcite-panel></calcite-flow-item>`;
+    }}></calcite-fab>` : void 0, L = c ? s`<calcite-notice @calciteNoticeClose=${this._handleNoticeClosed} class="notice" closable kind=warning open scale=s slot=footer width=full><div slot=message>${this._getExecutionError(c)}</div></calcite-notice>` : void 0;
+    return s`<calcite-flow-item .closable=${m} .description=${I} .heading=${v} .selected=${t} .showBackButton=${i} ${g(this._flowItemElement)}><calcite-panel .loading=${E === "executing"}>${$}<calcite-panel .heading=${this._filteredVersionInfos.length ? `${o.headers.manageVersions} (${this._filteredVersionInfos.length})` : o.headers.manageVersions}>${P}${w}${k}${C}</calcite-panel>${x}${L}</calcite-panel></calcite-flow-item>`;
   }
 }
-L("arcgis-version-management-version-list", F);
+y("arcgis-version-management-version-list", N);
 export {
-  F as ArcgisVersionManagementVersionList
+  N as ArcgisVersionManagementVersionList
 };