@arcgis/map-components 4.31.0-next.98 → 4.32.0-next.2

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

@@ -0,0 +1,221 @@
+import { c as E } from "../../chunks/runtime.js";
+import { html as f } from "lit-html";
+import { load as I } from "@arcgis/components-controllers";
+import { i as u, Y as V } from "../../chunks/index.js";
+import { u as L, m as S } from "../../chunks/useViewModel.js";
+import { createRef as y, ref as P } from "lit-html/directives/ref.js";
+import { LitElement as C, createEvent as p, noShadowRoot as M, safeClassMap as N } from "@arcgis/lumina";
+import { css as F } from "@lit/reactive-element/css-tag.js";
+/*!
+ * All material copyright Esri, All Rights Reserved, unless otherwise specified.
+ * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
+ * v4.32.0-next.2
+*/
+const k = F`.calcite-flow-widget{width:350px}calcite-block{margin:0}calcite-pagination{justify-content:center}`, _ = S(V);
+class b extends C {
+  constructor() {
+    super(...arguments), this.flowElement = y(), this.messages = L({ blocking: !0 }), this.reactiveUtils = I(u), this.viewModel = _(this), this.allowEditingDisabled = !1, this.autoDestroyDisabled = !1, this.closable = !1, this.pageSize = 5, this.position = "top-right", this.state = this.viewModel.state, this.versioningStates = this.viewModel.versioningStates, this.view = this.viewModel.view, this.arcgisReady = p(), this.arcgisVersioningStateChanged = p();
+  }
+  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 };
+  }
+  static {
+    this.shadowRootOptions = M;
+  }
+  static {
+    this.styles = k;
+  }
+  // #endregion
+  // #region Public Methods
+  /** Permanently destroy the component */
+  async destroy() {
+    await this.manager.destroy();
+  }
+  // #endregion
+  // #region Lifecycle
+  load() {
+    const { watch: e } = this.reactiveUtils;
+    this.manager.onLifecycle(() => [
+      e(() => this.viewModel.state, (i) => {
+        const { flowElement: { value: o } } = this, n = o?.getElementsByTagName("arcgis-version-management-version-properties")[0], t = o?.getElementsByTagName("arcgis-version-management-version-list")[0];
+        if (i === "disabled") {
+          n && this._removeVersionPropertiesFlowItem(o), t && this._removeVersionListFlowItem(o);
+          return;
+        }
+        t && (t.versionListElementProps = {
+          ...t.versionListElementProps,
+          executionError: this.viewModel.executionError
+        }, t.versionListElementProps = {
+          ...t.versionListElementProps,
+          state: i
+        }), n && (n.versionPropertiesElementProps = {
+          ...n.versionPropertiesElementProps,
+          state: i
+        });
+      })
+    ]);
+  }
+  // #endregion
+  // #region Private Methods
+  _createVersionPropertiesFlowItem(e, i) {
+    const { closable: o, flowElement: { value: n }, viewModel: t, viewModel: { state: a } } = this, s = document.createElement("arcgis-version-management-version-properties");
+    return s.versionPropertiesElementProps = {
+      closable: o,
+      currentUser: t.userLookup.get(e),
+      hasAdvEditingUte: t.advancedEditingUserTypeExtensionLookup.get(e),
+      serviceUrl: e,
+      state: a,
+      strings: this.messages,
+      versionInfo: i
+    }, s.addEventListener("arcgisCreateVersion", (r) => {
+      const { createVersionParameters: l, switchToVersion: d } = r.detail;
+      t.createVersion(l).then(async (c) => {
+        c && this.arcgisVersioningStateChanged.emit({
+          type: "version-created",
+          versionIdentifier: c.versionIdentifier,
+          versioningState: t.versioningStateLookup.get(e)
+        }), d && await this.viewModel.changeVersion(e, c.versionIdentifier.name, c.versionIdentifier.guid).then((g) => {
+          g && this.arcgisVersioningStateChanged.emit({
+            type: "version-switched",
+            versionIdentifier: c.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(e)
+          });
+        }), await this._refreshVersionList(e);
+      }).finally(() => {
+        n && this._removeVersionPropertiesFlowItem(n);
+      });
+    }), s.addEventListener("arcgisAlterVersion", async (r) => {
+      const { flowElement: { value: l } } = this, { alterVersionParameters: d } = r.detail;
+      await t.alterVersion(d).then(async (c) => {
+        c && this.arcgisVersioningStateChanged.emit({
+          type: "version-changed",
+          versionIdentifier: d.versionIdentifier,
+          versioningState: t.versioningStateLookup.get(e)
+        }), await this._refreshVersionList(e);
+      }).finally(() => {
+        l && this._removeVersionPropertiesFlowItem(l);
+      });
+    }), s.addEventListener("arcgisFlowItemBack", () => {
+      this._removeVersionPropertiesFlowItem(this.flowElement.value);
+    }), s.addEventListener("calciteFlowItemBack", (r) => {
+      r.preventDefault(), this._removeVersionPropertiesFlowItem(this.flowElement.value);
+    }), s.addEventListener("calciteFlowItemClose", () => {
+      this._handleFlowItemClose();
+    }), s;
+  }
+  _getLoadError(e) {
+    const { messages: i } = this;
+    switch (e) {
+      case "no-feature-services":
+        return i.loadErrors.noFeatureServices;
+      case "no-view-property":
+        return i.loadErrors.noViewProperty;
+      default:
+        return e;
+    }
+  }
+  _handleFlowItemClose() {
+    const e = document.querySelector("arcgis-version-management");
+    e.parentElement?.removeChild(e);
+  }
+  async _handleManageVersionAction(e) {
+    const { actionType: i, serviceUrl: o, versionInfo: n } = e.detail, { viewModel: t, flowElement: a } = this;
+    switch (i) {
+      case "changeVersion": {
+        t.changeVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then((s) => {
+          s && this.arcgisVersioningStateChanged.emit({
+            type: "version-switched",
+            versionIdentifier: n.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(o)
+          });
+          const r = a.value?.getElementsByTagName("arcgis-version-management-version-list")[0];
+          r && r && (r.versionListElementProps = {
+            ...r.versionListElementProps,
+            currentVersionIdentifier: t.versioningStateLookup.get(o).currentVersionInfo.versionIdentifier
+          });
+        });
+        break;
+      }
+      case "deleteVersion": {
+        t.deleteVersion(o, n.versionIdentifier.name, n.versionIdentifier.guid).then(async (s) => {
+          s && this.arcgisVersioningStateChanged.emit({
+            type: "version-deleted",
+            versionIdentifier: n.versionIdentifier,
+            versioningState: t.versioningStateLookup.get(o)
+          }), await this._refreshVersionList(o);
+        });
+        break;
+      }
+      case "editVersion": {
+        const s = this._createVersionPropertiesFlowItem(o, n);
+        a.value?.appendChild(s);
+        break;
+      }
+    }
+  }
+  async _refreshVersionList(e) {
+    const { flowElement: { value: i }, viewModel: o } = this;
+    if (i) {
+      const n = await o.getVersionInfos(e), t = i.getElementsByTagName("arcgis-version-management-service-item");
+      for (const s of t)
+        s.serviceItemElementProps.serviceUrl === e && (s.serviceItemElementProps = {
+          ...s.serviceItemElementProps,
+          versionInfos: n
+        });
+      const a = i.getElementsByTagName("arcgis-version-management-version-list")[0];
+      a && (a.versionListElementProps = {
+        ...a.versionListElementProps,
+        currentVersionIdentifier: o.versioningStateLookup.get(e).currentVersionInfo.versionIdentifier,
+        versionInfos: n
+      });
+    }
+  }
+  _removeVersionListFlowItem(e) {
+    for (const i of e.childNodes)
+      i.nodeName.toUpperCase() === "ARCGIS-VERSION-MANAGEMENT-VERSION-LIST" && e.removeChild(i), i.nodeName.toUpperCase() === "CALCITE-FLOW-ITEM" && (i.hidden = !1);
+  }
+  _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);
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { allowEditingDisabled: e, closable: i, flowElement: { value: o }, label: n, messages: t, pageSize: a, viewModel: s, viewModel: { loadError: r, state: l } } = this, d = Array.from(s.serviceNameLookup, ([m, v]) => ({ url: m, name: v })), c = l !== "disabled" ? d.map((m) => {
+      const v = {
+        allowEditing: !e,
+        closable: i,
+        currentUser: s.userLookup.get(m.url),
+        currentVersionIdentifier: s.versioningStateLookup.get(m.url).currentVersionInfo.versionIdentifier,
+        executionError: void 0,
+        flowElement: o,
+        hasAdvEditingUte: s.advancedEditingUserTypeExtensionLookup.get(m.url),
+        heading: n,
+        isVersioningApiAvailable: (s.serverVersionLookup.get(m.url) ?? 0) >= 11.2,
+        pageSize: a,
+        serviceName: m.name,
+        state: l,
+        serviceUrl: m.url,
+        strings: t,
+        versionInfos: s.versioningStateLookup.get(m.url)?.versionInfos ?? []
+      };
+      return f`<arcgis-version-management-service-item .serviceItemElementProps=${v} @arcgisGetVersions=${async (h) => {
+        await this._refreshVersionList(h.detail.serviceUrl);
+      }} @arcgisFlowItemBack=${() => {
+        o && this._removeVersionListFlowItem(o);
+      }} @arcgisFlowItemClose=${() => {
+        this._handleFlowItemClose();
+      }} @arcgisManageVersion=${this._handleManageVersionAction} @arcgisNewVersion=${(h) => {
+        const w = this._createVersionPropertiesFlowItem(h.detail.serviceUrl, void 0);
+        o?.appendChild(w);
+      }}></arcgis-version-management-service-item>`;
+    }) : void 0, g = l === "disabled" ? f`<calcite-notice class="notice" kind=warning open scale=s slot=footer width=full><div slot=message>${this._getLoadError(r)}</div></calcite-notice>` : void 0;
+    return f`<calcite-flow class=${N(this.mode === "dialog" ? "" : "calcite-flow-widget")} ${P(this.flowElement)}><calcite-flow-item .closable=${this.closable} .heading=${n ?? void 0} @calciteFlowItemClose=${() => {
+      this._handleFlowItemClose();
+    }}><calcite-panel .loading=${l === "loading" || l === "executing"}>${c}${g}</calcite-panel></calcite-flow-item></calcite-flow>`;
+  }
+}
+E("arcgis-version-management", b);
+export {
+  b as ArcgisVersionManagement
+};

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

@@ -0,0 +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";
+export * from "./customElement.js";

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

@@ -0,0 +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";
+export * from "./customElement.js";

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

@@ -0,0 +1,37 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+
+/** @internal */
+export declare class ArcgisVersionManagementServiceItem extends LitElement {
+    serviceItemElementProps: {
+        allowEditing: boolean;
+        closable: boolean;
+        currentUser: string;
+        currentVersionIdentifier: __esri.VersionIdentifier;
+        executionError: string | undefined;
+        flowElement: HTMLCalciteFlowElement | undefined;
+        hasAdvEditingUte: boolean;
+        heading: string;
+        isVersioningApiAvailable: boolean;
+        pageSize: number;
+        serviceName: string;
+        state: string;
+        serviceUrl: string;
+        strings: typeof T9nStrings;
+        versionInfos: __esri.VersionInfo[];
+    };
+    readonly arcgisFlowItemBack: CustomEvent<void>;
+    readonly arcgisFlowItemClose: CustomEvent<void>;
+    readonly arcgisGetVersions: CustomEvent<{
+        serviceUrl: string;
+    }>;
+    readonly arcgisManageVersion: CustomEvent<{
+        actionType: string;
+        serviceUrl: string;
+        versionInfo: __esri.VersionInfo;
+    }>;
+    readonly arcgisNewVersion: CustomEvent<{
+        serviceUrl: string;
+    }>;
+}

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

@@ -0,0 +1,75 @@
+import { c as x } from "../../chunks/runtime.js";
+import { html as n } from "lit-html";
+import { LitElement as I, createEvent as r, noShadowRoot as M } 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.2
+*/
+class k extends I {
+  constructor() {
+    super(...arguments), this._arcgisGetVersions = (e) => {
+      this.arcgisGetVersions.emit(e.detail);
+    }, this._arcgisManageVersion = (e) => {
+      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();
+  }
+  static {
+    this.properties = { serviceItemElementProps: 0 };
+  }
+  static {
+    this.shadowRootOptions = M;
+  }
+  // #endregion
+  // #region Lifecycle
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._versionList && this._removeVersionListEventListeners(this._versionList);
+  }
+  // #endregion
+  // #region Private Methods
+  _addVersionListEventListeners(e) {
+    e.addEventListener("arcgisGetVersions", this._arcgisGetVersions), this._versionListEventListeners.set("arcgisGetVersions", this._arcgisGetVersions), e.addEventListener("arcgisManageVersion", this._arcgisManageVersion), this._versionListEventListeners.set("arcgisManageVersion", this._arcgisManageVersion), e.addEventListener("arcgisNewVersion", this._arcgisNewVersion), this._versionListEventListeners.set("arcgisNewVersion", this._arcgisNewVersion);
+  }
+  _removeVersionListEventListeners(e) {
+    for (const [a, c] of this._versionListEventListeners)
+      e.removeEventListener(a, c);
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { serviceItemElementProps: { allowEditing: e, closable: a, currentUser: c, executionError: h, currentVersionIdentifier: l, flowElement: V, hasAdvEditingUte: p, heading: L, isVersioningApiAvailable: E, pageSize: _, serviceName: t, serviceUrl: g, state: b, strings: m, versionInfos: o } } = this;
+    let { _versionList: s } = this;
+    const f = n`<calcite-combobox clear-disabled .label=${t} max-items=5 overlay-positioning=fixed selection-mode=single-persist @calciteComboboxChange=${(i) => {
+      const w = i.target, u = o.find(($) => $.versionIdentifier.guid === w.value);
+      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: g, versionInfo: u });
+    }}>${o ? o.map((i) => n`<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>`;
+    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 = {
+        closable: a,
+        currentUser: c,
+        currentVersionIdentifier: l,
+        executionError: h,
+        hasAdvEditingUte: p,
+        heading: L,
+        isVersioningApiAvailable: E,
+        pageSize: _,
+        serviceName: t,
+        serviceUrl: g,
+        state: b,
+        strings: m,
+        versionInfos: o
+      }, s.addEventListener("calciteFlowItemBack", (i) => {
+        i.preventDefault(), this.arcgisFlowItemBack.emit();
+      }), s.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}>${f}${d}${v}</calcite-block>`;
+  }
+}
+x("arcgis-version-management-service-item", k);
+export {
+  k as ArcgisVersionManagementServiceItem
+};

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/dist/components/calcite-combobox";
+import "@esri/calcite-components/dist/components/calcite-combobox-item";
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-block";
+export * from "./customElement.js";

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

@@ -0,0 +1,6 @@
+import "@esri/calcite-components/dist/components/calcite-combobox";
+import "@esri/calcite-components/dist/components/calcite-combobox-item";
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-block";
+export * from "./customElement.js";

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

@@ -0,0 +1,21 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+
+/** @internal */
+export declare class ArcgisVersionManagementVersionItem extends LitElement {
+    versionItemElementProps: {
+        currentUser: string;
+        currentVersionIdentifier: __esri.VersionIdentifier;
+        hasAdvEditingUte: boolean;
+        isVersioningApiAvailable: boolean;
+        serviceUrl: string;
+        strings: typeof T9nStrings;
+        versionInfo: __esri.VersionInfo;
+    };
+    readonly arcgisManageVersion: CustomEvent<{
+        actionType: string;
+        serviceUrl: string;
+        versionInfo: __esri.VersionInfo;
+    }>;
+}

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

@@ -0,0 +1,37 @@
+import { c as u } from "../../chunks/runtime.js";
+import { html as c } from "lit-html";
+import { LitElement as v, createEvent as b, noShadowRoot as f, nothing as x } 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.2
+*/
+class I extends v {
+  constructor() {
+    super(...arguments), this.arcgisManageVersion = b();
+  }
+  static {
+    this.properties = { versionItemElementProps: 0 };
+  }
+  static {
+    this.shadowRootOptions = f;
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { versionItemElementProps: { currentUser: d, currentVersionIdentifier: m, hasAdvEditingUte: g, isVersioningApiAvailable: p, serviceUrl: t, strings: { actions: n }, versionInfo: e } } = this, s = e.versionIdentifier.name, h = s.substring(s.lastIndexOf(".") + 1), a = s.substring(0, s.lastIndexOf(".")), r = e.versionIdentifier.guid, l = `actionSwitchToVersion_${r}`, o = a.toUpperCase() === d.toUpperCase() && p && g, i = m.guid === e.versionIdentifier.guid, V = c`<calcite-action .disabled=${i} id=${l ?? x} icon=code-branch text @click=${() => {
+      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: t, versionInfo: e });
+    }} slot=actions-start></calcite-action>`, $ = 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=${h} .value=${r}>${V}${$}<calcite-action-menu overlay-positioning=fixed slot=actions-end label><calcite-action .disabled=${i} icon=code-branch @click=${() => {
+      this.arcgisManageVersion.emit({ actionType: "changeVersion", serviceUrl: t, versionInfo: e });
+    }} scale=s .text=${n.switchToVersion} text-enabled></calcite-action><calcite-action .disabled=${!o || i} icon=code-branch-edit @click=${() => {
+      this.arcgisManageVersion.emit({ actionType: "editVersion", serviceUrl: t, versionInfo: e });
+    }} scale=s .text=${n.editVersion} text-enabled></calcite-action><calcite-action .disabled=${!o || o && i} icon=trash @click=${() => {
+      this.arcgisManageVersion.emit({ actionType: "deleteVersion", serviceUrl: t, versionInfo: e });
+    }} scale=s .text=${n.deleteVersion} text-enabled></calcite-action></calcite-action-menu></calcite-list-item>`;
+  }
+}
+u("arcgis-version-management-version-item", I);
+export {
+  I as ArcgisVersionManagementVersionItem
+};

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

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-list-item";
+import "@esri/calcite-components/dist/components/calcite-action-menu";
+export * from "./customElement.js";

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

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-list-item";
+import "@esri/calcite-components/dist/components/calcite-action-menu";
+export * from "./customElement.js";

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

@@ -0,0 +1,36 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { PropertyValues } from 'lit';
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
+
+export type VersionListElementProps = {
+    closable: boolean;
+    currentUser: string;
+    currentVersionIdentifier: __esri.VersionIdentifier;
+    executionError: string | undefined;
+    hasAdvEditingUte: boolean;
+    heading: string;
+    isVersioningApiAvailable: boolean;
+    pageSize: number;
+    state: string;
+    serviceName: string;
+    serviceUrl: string;
+    strings: typeof T9nStrings;
+    versionInfos: __esri.VersionInfo[];
+};
+/** @internal */
+export declare class ArcgisVersionManagementVersionList extends LitElement {
+    currentPage: number;
+    versionListElementProps: VersionListElementProps;
+    readonly arcgisGetVersions: CustomEvent<{
+        serviceUrl: string;
+    }>;
+    readonly arcgisManageVersion: CustomEvent<{
+        actionType: string;
+        serviceUrl: string;
+        versionInfo: __esri.VersionInfo;
+    }>;
+    readonly arcgisNewVersion: CustomEvent<{
+        serviceUrl: string;
+    }>;
+}

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

@@ -0,0 +1,93 @@
+import { c as L } from "../../chunks/runtime.js";
+import { html as n } from "lit";
+import { createRef as b, ref as w } from "lit-html/directives/ref.js";
+import { LitElement as k, createEvent as a } 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.2
+*/
+class U extends k {
+  constructor() {
+    super(...arguments), this._filterInputElement = b(), this.currentPage = 1, this.arcgisGetVersions = a(), this.arcgisManageVersion = a(), this.arcgisNewVersion = a();
+  }
+  static {
+    this.properties = { _filteredVersionInfos: 16, currentPage: 11, versionListElementProps: 0 };
+  }
+  // #endregion
+  // #region Lifecycle
+  load() {
+    this._filteredVersionInfos = this.versionListElementProps.versionInfos;
+  }
+  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());
+    }
+  }
+  updated() {
+    this._filterInputElement.value?.setFocus();
+  }
+  // #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);
+  }
+  _handleNoticeClosed() {
+    this.versionListElementProps = {
+      ...this.versionListElementProps,
+      executionError: void 0
+    };
+  }
+  _handlePaginationChange(e) {
+    this.currentPage = e.target.startItem;
+  }
+  _getExecutionError(e) {
+    const { versionListElementProps: { strings: { executionErrors: i } } } = this;
+    switch (e) {
+      case "no-advanced-editing-user-type-extension":
+        return i.noAdvancedEditingUserTypeExtension;
+      case "no-feature-service-found":
+        return i.noFeatureServiceFound;
+      case "no-valid-enterprise-version":
+        return i.notValidEnterpriseVersion;
+      case "no-valid-version-name":
+        return i.invalidVersionName;
+      default:
+        return e;
+    }
+  }
+  _paginate(e, i, t) {
+    return e.slice((t - 1) * i, t * i);
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { currentPage: e, versionListElementProps: { closable: i, currentUser: t, currentVersionIdentifier: l, executionError: c, hasAdvEditingUte: h, heading: f, isVersioningApiAvailable: d, pageSize: s, serviceName: p, serviceUrl: o, state: g, strings: { headers: m }, strings: r, versionInfos: v } } = this, u = n`<calcite-block .heading=${m.currentVersion} .description=${l.name} overlay-positioning=fixed></calcite-block>`, V = n`<calcite-action id=actionRefreshVersions icon=refresh text @click=${() => {
+      this.arcgisGetVersions.emit({
+        serviceUrl: o
+      });
+    }} 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 I = 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, E = this._paginate(this._paginatedVersionInfos, s, 1).map((C) => n`<arcgis-version-management-version-item .versionItemElementProps=${{
+      currentUser: t,
+      currentVersionIdentifier: l,
+      isCurrentVersionCard: !1,
+      hasAdvEditingUte: h,
+      isVersioningApiAvailable: d,
+      serviceUrl: o,
+      strings: r,
+      versionInfo: C
+    }}></arcgis-version-management-version-item>`), _ = v.length > s ? n`<calcite-block heading open><calcite-input-text clearable icon=search @calciteInputTextInput=${this._handleFilterChange} .placeholder=${r.actions.searchVersions} ${w(this._filterInputElement)}></calcite-input-text></calcite-block>` : void 0, $ = n`<calcite-list>${E}</calcite-list>`, P = d && h ? n`<calcite-fab appearance=outline-fill slot=fab text-enabled .text=${r.actions.newVersion} @click=${() => {
+      this.arcgisNewVersion.emit({
+        serviceUrl: o
+      });
+    }}></calcite-fab>` : void 0, x = 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=${p} .heading=${f}><calcite-panel .loading=${g === "executing"}>${u}<calcite-panel .heading=${this._filteredVersionInfos.length ? `${r.headers.manageVersions} (${this._filteredVersionInfos.length})` : r.headers.manageVersions}>${V}${_}${$}${P}</calcite-panel>${I}${x}</calcite-panel></calcite-flow-item>`;
+  }
+}
+L("arcgis-version-management-version-list", U);
+export {
+  U as ArcgisVersionManagementVersionList
+};

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

@@ -0,0 +1,12 @@
+import "@esri/calcite-components/dist/components/calcite-block";
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-pagination";
+import "../arcgis-version-management-version-item";
+import "@esri/calcite-components/dist/components/calcite-input-text";
+import "@esri/calcite-components/dist/components/calcite-list";
+import "@esri/calcite-components/dist/components/calcite-fab";
+import "@esri/calcite-components/dist/components/calcite-notice";
+import "@esri/calcite-components/dist/components/calcite-flow-item";
+import "@esri/calcite-components/dist/components/calcite-panel";
+export * from "./customElement.js";

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

@@ -0,0 +1,12 @@
+import "@esri/calcite-components/dist/components/calcite-block";
+import "@esri/calcite-components/dist/components/calcite-action";
+import "@esri/calcite-components/dist/components/calcite-tooltip";
+import "@esri/calcite-components/dist/components/calcite-pagination";
+import "../arcgis-version-management-version-item";
+import "@esri/calcite-components/dist/components/calcite-input-text";
+import "@esri/calcite-components/dist/components/calcite-list";
+import "@esri/calcite-components/dist/components/calcite-fab";
+import "@esri/calcite-components/dist/components/calcite-notice";
+import "@esri/calcite-components/dist/components/calcite-flow-item";
+import "@esri/calcite-components/dist/components/calcite-panel";
+export * from "./customElement.js";

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

@@ -0,0 +1,25 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+import { JsxNode, PublicLitElement as LitElement } from '@arcgis/lumina';
+import { default as T9nStrings } from '../arcgis-version-management/assets/t9n/version-management.t9n.en.json';
+
+/** @internal */
+export declare class ArcgisVersionManagementVersionProperties extends LitElement {
+    versionPropertiesElementProps: {
+        closable: boolean;
+        currentUser: string;
+        hasAdvEditingUte: boolean;
+        serviceUrl: string;
+        state: string;
+        strings: typeof T9nStrings;
+        versionInfo: __esri.VersionInfo | undefined;
+    };
+    readonly arcgisAlterVersion: CustomEvent<{
+        alterVersionParameters: __esri.AlterVersionParameters;
+    }>;
+    readonly arcgisCreateVersion: CustomEvent<{
+        createVersionParameters: __esri.CreateVersionParameters;
+        switchToVersion: boolean;
+    }>;
+    readonly arcgisFlowItemBack: CustomEvent<void>;
+    readonly arcgisFlowItemClose: CustomEvent<void>;
+}