@arcgis/map-components 4.32.0-next.61 → 4.32.0-next.63

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

@@ -1,124 +1,26 @@
 import { c as m } from "../../chunks/runtime.js";
-import { html as r } from "lit-html";
-import { g as c } from "../../chunks/globalCss.js";
-import { u as g, m as u } from "../../chunks/useViewModel.js";
-import { classes as w } from "@arcgis/components-utils";
-import { usePropertyChange as f } from "@arcgis/components-controllers";
-import { newWidgetsLocateLocateViewModel as v } from "@arcgis/core-adapter";
-import { LitElement as k, createEvent as b, noShadowRoot as y, safeClassMap as a, nothing as E } from "@arcgis/lumina";
-import { reEmitEvent as l } from "@arcgis/components-controllers/accessor";
-import { createRef as M, ref as z } from "lit-html/directives/ref.js";
-import { css as x } from "@lit/reactive-element/css-tag.js";
+import { html as i } from "lit-html";
+import { g as l } from "../../chunks/globalCss.js";
+import { l as g } from "../../chunks/legacyIcon.js";
+import { u, m as v } from "../../chunks/useViewModel.js";
+import { classes as f } from "@arcgis/components-utils";
+import { usePropertyChange as w } from "@arcgis/components-controllers";
+import { newWidgetsLocateLocateViewModel as E } from "@arcgis/core-adapter";
+import { LitElement as M, createEvent as b, noShadowRoot as y, safeClassMap as r, nothing as L } from "@arcgis/lumina";
+import { reEmitEvent as n } from "@arcgis/components-controllers/accessor";
+import { createRef as $, ref as _ } from "lit-html/directives/ref.js";
+import { css as D } 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.61
+ * v4.32.0-next.63
 */
-const L = {
-  arrowDown: "esri-icon-arrow-down",
-  arrowUp: "esri-icon-arrow-up",
-  basemap: "esri-icon-basemap",
-  bookmark: "esri-icon-bookmark",
-  calendar: "esri-icon-calendar",
-  checkMark: "esri-icon-check-mark",
-  checkboxUnchecked: "esri-icon-checkbox-unchecked",
-  close: "esri-icon-close",
-  collapse: "esri-icon-collapse",
-  defaultAction: "esri-icon-default-action",
-  description: "esri-icon-description",
-  directions: "esri-icon-directions",
-  dockBottom: "esri-icon-dock-bottom",
-  dockLeft: "esri-icon-dock-left",
-  dockRight: "esri-icon-dock-right",
-  down: "esri-icon-down",
-  downArrow: "esri-icon-down-arrow",
-  download: "esri-icon-download",
-  dragHorizontal: "esri-icon-drag-horizontal",
-  dragVertical: "esri-icon-drag-vertical",
-  duplicate: "esri-icon-duplicate",
-  edit: "esri-icon-edit",
-  elevationProfile: "esri-icon-elevation-profile",
-  environmentSettings: "esri-icon-environment-settings",
-  erase: "esri-icon-erase",
-  error: "esri-icon-error",
-  expand: "esri-icon-expand",
-  fontFallbackText: "esri-icon-font-fallback-text",
-  forward: "esri-icon-forward",
-  gear: "esri-icon-gear",
-  handleHorizontal: "esri-icon-handle-horizontal",
-  handleVertical: "esri-icon-handle-vertical",
-  home: "esri-icon-home",
-  icon: "esri-icon",
-  launchLinkExternal: "esri-icon-launch-link-external",
-  layerList: "esri-icon-layer-list",
-  layers: "esri-icon-layers",
-  left: "esri-icon-left",
-  leftArrows: "esri-icon-left-arrow",
-  leftTriangleArrow: "esri-icon-left-triangle-arrow",
-  lineOfSight: "esri-icon-line-of-sight",
-  link: "esri-icon-link",
-  linkExternal: "esri-icon-link-external",
-  linkHorizontal: "esri-icon-link-horizontal",
-  loadingIndicator: "esri-icon-loading-indicator",
-  locate: "esri-icon-locate",
-  locateCircled: "esri-icon-locate-circled",
-  locked: "esri-icon-locked",
-  mapPin: "esri-icon-map-pin",
-  maximize: "esri-icon-maximize",
-  measure: "esri-icon-measure",
-  measureArea: "esri-icon-measure-area",
-  measureBuildingHeightShadow: "esri-icon-measure-building-height-shadow",
-  measureLine: "esri-icon-measure-line",
-  menu: "esri-icon-menu",
-  minimize: "esri-icon-minimize",
-  minus: "esri-icon-minus",
-  nonVisible: "esri-icon-non-visible",
-  northNavigation: "esri-icon-north-navigation",
-  noticeTriangle: "esri-icon-notice-triangle",
-  organization: "esri-icon-organization",
-  pan: "esri-icon-pan",
-  pan2: "esri-icon-pan2",
-  partlyCloudy: "esri-icon-partly-cloudy",
-  pause: "esri-icon-pause",
-  play: "esri-icon-play",
-  playCircled: "esri-icon-play-circled",
-  plus: "esri-icon-plus",
-  polyline: "esri-icon-polyline",
-  printer: "esri-icon-printer",
-  radioChecked: "esri-icon-radio-checked",
-  radioUnchecked: "esri-icon-radio-unchecked",
-  refresh: "esri-icon-refresh",
-  reverse: "esri-icon-reverse",
-  right: "esri-icon-right",
-  rightArrow: "esri-icon-right-arrow",
-  rightTriangleArrow: "esri-icon-right-triangle-arrow",
-  rotate: "esri-icon-rotate",
-  save: "esri-icon-save",
-  search: "esri-icon-search",
-  settings2: "esri-icon-settings2",
-  slice: "esri-icon-slice",
-  swap: "esri-icon-swap",
-  table: "esri-icon-table",
-  timeClock: "esri-icon-time-clock",
-  tracking: "esri-icon-tracking",
-  trash: "esri-icon-trash",
-  unlockedLinkHorizontal: "esri-icon-unlocked-link-horizontal",
-  up: "esri-icon-up",
-  upArrow: "esri-icon-up-arrow",
-  upDownArrows: "esri-icon-up-down-arrows",
-  urbanModel: "esri-icon-urban-model",
-  vertexGps: "esri-icon-vertex-gps",
-  visible: "esri-icon-visible",
-  zoomInFixed: "esri-icon-zoom-in-fixed",
-  zoomInMagnifyingGlass: "esri-icon-zoom-in-magnifying-glass",
-  zoomOutFixed: "esri-icon-zoom-out-fixed",
-  zoomToObject: "esri-icon-zoom-to-object"
-}, T = x`arcgis-locate{display:block}`, O = {
+const O = D`arcgis-locate{display:block}`, T = {
   base: "esri-locate"
-}, d = "gps-off", $ = u(v);
-class D extends k {
+}, d = "gps-off", B = v(E);
+class I extends M {
   constructor() {
-    super(...arguments), this.messages = g(), this.viewModel = $(this), this._calciteButton = M(), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = d, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = l(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = f()("state"), this.arcgisReady = b(), this.arcgisSuccess = l(() => this.viewModel, "locate");
+    super(...arguments), this.messages = u(), this.viewModel = B(this), this._calciteButton = $(), this.autoDestroyDisabled = !1, this.geolocationOptions = this.viewModel.geolocationOptions, this.goToLocationDisabled = this.viewModel.goToLocationEnabled, this.goToOverride = this.viewModel.goToOverride, this.graphic = this.viewModel.graphic, this.icon = d, this.popupDisabled = this.viewModel.popupEnabled, this.position = "top-left", this.scale = this.viewModel.scale, this.state = this.viewModel.state, this.arcgisError = n(() => this.viewModel, "locate-error"), this.arcgisPropertyChange = w()("state"), this.arcgisReady = b(), this.arcgisSuccess = n(() => this.viewModel, "locate");
   }
   static {
     this.properties = { autoDestroyDisabled: 5, geolocationOptions: 1, goToLocationDisabled: 7, goToOverride: 0, graphic: 0, icon: 3, label: 1, messageOverrides: 0, popupDisabled: 5, position: 3, referenceElement: 1, scale: 9, state: 3 };
@@ -127,7 +29,7 @@ class D extends k {
     this.shadowRootOptions = y;
   }
   static {
-    this.styles = T;
+    this.styles = O;
   }
   // #endregion
   // #region Public Methods
@@ -155,33 +57,33 @@ class D extends k {
       return;
     if (this.viewModel.state === "locating") {
       if (!this._calciteButton.value.children[0]) {
-        const e = document.createElement("calcite-loader");
-        e.inline = !0, e.label = "", this._calciteButton.value.append(e);
+        const t = document.createElement("calcite-loader");
+        t.inline = !0, t.label = "", this._calciteButton.value.append(t);
       }
     } else
       this._calciteButton.value.children[0]?.remove();
   }
   // #endregion
   // #region Private Methods
-  _localizeError(i) {
-    if (i instanceof GeolocationPositionError)
-      return i.code === GeolocationPositionError.PERMISSION_DENIED ? this.messages?.permissionError : i.code === GeolocationPositionError.TIMEOUT ? this.messages?.timeoutError : this.messages?.positionUnavailable;
-    if (i instanceof Error)
-      return i.message;
+  _localizeError(e) {
+    if (e instanceof GeolocationPositionError)
+      return e.code === GeolocationPositionError.PERMISSION_DENIED ? this.messages?.permissionError : e.code === GeolocationPositionError.TIMEOUT ? this.messages?.timeoutError : this.messages?.positionUnavailable;
+    if (e instanceof Error)
+      return e.message;
   }
   _locate() {
-    const { viewModel: i } = this;
-    i.state === "locating" ? i.cancelLocate() : i.locate().catch(() => {
+    const { viewModel: e } = this;
+    e.state === "locating" ? e.cancelLocate() : e.locate().catch(() => {
     });
   }
   // #endregion
   // #region Rendering
   render() {
-    const { viewModel: i, icon: e } = this, { state: o } = i, s = o === "locating", t = s ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = L === void 0 ? d : void 0, n = this._localizeError(this.viewModel?.error);
-    return r`<div class=${a(w(O.base, c.widget))}>${!h && r`<calcite-button class=${a(c.widgetButton)} .disabled=${o === "disabled"} .iconStart=${s ? void 0 : e ?? p} kind=neutral .label=${t} @click=${this._locate} title=${t ?? E} ${z(this._calciteButton)}></calcite-button>` || ""}${n ? r`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${n}</calcite-tooltip>` : null}</div>`;
+    const { viewModel: e, icon: t } = this, { state: o } = e, s = o === "locating", a = s ? this.messages.cancel : this.messages.title, h = o === "feature-unsupported", p = g === void 0 ? d : void 0, c = this._localizeError(this.viewModel?.error);
+    return i`<div class=${r(f(T.base, l.widget))}>${!h && i`<calcite-button class=${r(l.widgetButton)} .disabled=${o === "disabled"} .iconStart=${s ? void 0 : t ?? p} kind=neutral .label=${a} @click=${this._locate} title=${a ?? L} ${_(this._calciteButton)}></calcite-button>` || ""}${c ? i`<calcite-tooltip open overlay-positioning=fixed .referenceElement=${this.el}>${c}</calcite-tooltip>` : null}</div>`;
   }
 }
-m("arcgis-locate", D);
+m("arcgis-locate", I);
 export {
-  D as ArcgisLocate
+  I as ArcgisLocate
 };

package/dist/components/arcgis-map/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.61
+ * v4.32.0-next.63
 */
 const f = y`.arcgis-map{padding:0;margin:0;height:100%;width:100%}`, V = h(
   v,

package/dist/components/arcgis-measurement/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.61
+ * v4.32.0-next.63
 */
 const c = n`arcgis-measurement{display:block}`, h = s(e);
 class l extends a {

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -7,7 +7,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.61
+ * v4.32.0-next.63
 */
 const l = g`arcgis-navigation-toggle{display:block}`, n = s(i);
 class h extends o {

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -7,7 +7,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.61
+ * v4.32.0-next.63
 */
 const m = h`arcgis-oriented-imagery-viewer{display:block}`, y = d(o);
 class c extends n {

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

@@ -5,7 +5,7 @@ import { css as c } 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.61
+ * v4.32.0-next.63
 */
 const h = c`arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}`;
 class a extends r {

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.61
+ * v4.32.0-next.63
 */
 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 R, createEvent as D, noShadowRoot as x, safeClassMap as r
 /*!
  * 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.61
+ * v4.32.0-next.63
 */
 const i = "esri-scale-bar", t = {
   base: i,

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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 const p = g`arcgis-sketch{display:block}`, c = n(l);
 class m extends h {

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

package/dist/components/arcgis-swipe/customElement.d.ts

@@ -1,24 +1,23 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { ArcgisReferenceElement } from '../../utils/component-utils';
-import { Use } from '@arcgis/components-controllers';
 import { Nil } from '@arcgis/components-utils';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
+import { Use } from '@arcgis/components-controllers';
+import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 
-declare const useSwipeWidget: (component: import('@arcgis/components-controllers').StencilLifecycles & {
+declare const useSwipeViewModel: (component: import('@arcgis/components-controllers').StencilLifecycles & {
     manager: import('@arcgis/components-controllers').ControllerManager;
     el: HTMLElement;
     autoDestroyDisabled?: boolean;
     destroy?: () => Promise<void>;
-} & Pick<__esri.Swipe, "label" | "viewModel" | "icon" | "direction" | "dragLabel" | "leadingLayers" | "trailingLayers"> & {
+} & Pick<__esri.SwipeViewModel, never> & {
     reactiveUtils?: typeof __esri.reactiveUtils;
-    state?: unknown;
-    viewModel?: __esri.SwipeViewModel | undefined;
+    state?: "ready" | "disabled" | undefined;
     icon: Nil | string;
     label: Nil | string;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    position: __esri.UIPosition;
     arcgisReady: import('@arcgis/components-controllers').EventEmitter;
+    position: __esri.UIPosition;
     arcgisPropertyChange: import('@arcgis/components-controllers').EventEmitter<{
         name: string;
     }> | undefined;
@@ -26,36 +25,72 @@ declare const useSwipeWidget: (component: import('@arcgis/components-controllers
         childElem?: HTMLElement & {
             ownedBy?: HTMLElement;
         };
-        view?: __esri.MapView | __esri.SceneView | Nil;
+        view?: __esri.MapView | __esri.SceneView | undefined;
     };
     autoDestroyDisabled: boolean;
     destroy: () => Promise<void>;
 }, options?: {
-    editConstructorProperties(props: __esri.SwipeProperties): __esri.SwipeProperties | Promise<__esri.SwipeProperties>;
-} | undefined) => __esri.Swipe;
+    editConstructorProperties(props: unknown): unknown;
+} | undefined) => __esri.SwipeViewModel;
 /** The [Swipe](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Swipe.html) provides a tool to show a portion of a layer or layers on top of a map.
  */
 export declare class ArcgisSwipe extends LitElement {
+    /** */
+    private messages;
     /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporary hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
+     * If true, the component will not be destroyed automatically when
+     * it is disconnected from the document. This is useful when you
+     * want to move the component to a different place on the page, or
+     * temporary hide it. If this is set, make sure to call the
+     * \`destroy\` method when you are done to prevent memory leaks.
      */
     autoDestroyDisabled: boolean;
+    /**
+     * The direction the Swipe component moves across the view.
+     * If `"horizontal"`, the component will move left and right and
+     * if `"vertical"`, the component will move up and down.
+     */
     direction: "horizontal" | "vertical";
-    dragLabel: string;
-    /** @private */
     /**
-     * Icon which represents the component.
-     * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     * When `true`, sets the component to a disabled state so the user cannot interact with it.
+     */
+    disabled: boolean;
+    /**
+     * When `true`, the divider between the leading and trailing layers will be hidden.
+     */
+    hideDivider: boolean;
+    /**
+     * When `true`, the handle from which you drag the component will be hidden.
+     */
+    hideHandle: boolean;
+    /**
+     * Icon which represents the component. It is typically used when the component is controlled by another
+     * one (e.g. in the Expand component).
+     *
+     * @see [Calcite Icon Search](https://developers.arcgis.com/calcite-design-system/icons/)
+     */
+    icon: Nil | string;
+    /**
+     * The component's default label.
+     */
+    label: Nil | string;
+    /**
+     * A collection of layers that will show on the left or top side of the Swipe component.
      */
-    icon: string;
     leadingLayers: __esri.Collection<__esri.Layer>;
-    readonly state: "ready" | "disabled";
+    /** Overwrite localized strings for this component */
+    messageOverrides?: typeof this.messages._overrides;
+    position: __esri.UIPosition;
+    /**
+     * The position of the Swipe component. This determines what percentage
+     * of the view will be taken up by the [leadingLayers](#leadingLayers).
+     */
     swipePosition: number;
+    referenceElement: ArcgisReferenceElement | Nil | string;
+    readonly state: "ready" | "disabled";
+    /**
+     * A collection of layers that will show on the right or bottom side of the Swipe component.
+     */
     trailingLayers: __esri.Collection<__esri.Layer>;
     /** Permanently destroy the component */
     destroy(): Promise<void>;

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

@@ -1,23 +1,45 @@
-import { c as t } from "../../chunks/runtime.js";
-import { newWidgetsSwipe as i } from "@arcgis/core-adapter";
-import { usePropertyChange as e } from "@arcgis/components-controllers";
-import { m as s } from "../../chunks/useWidget.js";
-import { LitElement as a, createEvent as o, noShadowRoot as r } from "@arcgis/lumina";
+import { c as x } from "../../chunks/runtime.js";
+import { html as g } from "lit-html";
+import { g as _ } from "../../chunks/globalCss.js";
+import { l as m } from "../../chunks/legacyIcon.js";
+import { u as $, m as D } from "../../chunks/useViewModel.js";
+import { classes as v } from "@arcgis/components-utils";
+import { usePropertyChange as P } from "@arcgis/components-controllers";
+import { newWidgetsSwipeSwipeViewModel as C } from "@arcgis/core-adapter";
+import { LitElement as M, createEvent as K, noShadowRoot as z, safeClassMap as h, safeStyleMap as b, nothing as L } from "@arcgis/lumina";
+import { css as A } from "@lit/reactive-element/css-tag.js";
 /*!
  * All material copyright Esri, All Rights Reserved, unless otherwise specified.
  * See https://js.arcgis.com/4.32/esri/copyright.txt for details.
- * v4.32.0-next.61
+ * v4.32.0-next.63
 */
-const n = s(i);
-class d extends a {
+const H = A`arcgis-swipe,.arcgis-swipe{position:absolute;margin:0;background:transparent;padding:0;width:100%;height:100%;overflow:hidden;user-select:none}.arcgis-swipe,.arcgis-ui .arcgis-swipe{pointer-events:none}.arcgis-swipe__container{position:absolute;z-index:1;margin:0;outline:0;border:0;padding:0;overflow:hidden;pointer-events:auto;touch-action:none;outline-color:transparent}.arcgis-swipe--horizontal .arcgis-swipe__container{margin-left:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:col-resize;height:100%}.arcgis-swipe--vertical .arcgis-swipe__container{margin-top:calc(var(--calcite-spacing-xxxl) / 2 * -1);cursor:row-resize;width:100%}.arcgis-swipe--disabled .arcgis-swipe__container{cursor:default;pointer-events:none}.arcgis-swipe__divider{position:absolute;background-color:var(--calcite-color-background)}.arcgis-swipe--horizontal .arcgis-swipe__divider{top:0;left:calc(var(--calcite-spacing-xxxl) / 2);margin-left:calc(var(--calcite-border-width-lg) * .5 * -1);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:var(--calcite-border-width-lg);height:100%}.arcgis-swipe--vertical .arcgis-swipe__divider{top:calc(var(--calcite-spacing-xxxl) / 2);left:0;margin-top:calc(var(--calcite-border-width-lg) * .5 * -1);border-top:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-bottom:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);width:100%;height:var(--calcite-border-width-lg)}.arcgis-swipe__handle{display:flex;position:relative;align-items:center;justify-content:center;border:var(--calcite-border-width-sm) solid var(--calcite-color-border-1);border-radius:var(--calcite-corner-radius-round);background-color:var(--calcite-color-background);width:var(--calcite-spacing-xxxl);height:var(--calcite-spacing-xxxl);color:var(--calcite-color-border-input);&--hidden{visibility:hidden}}.arcgis-swipe--vertical .arcgis-swipe__handle{rotate:90deg}.arcgis-swipe__handle-icon{position:relative;z-index:2}.arcgis-swipe--horizontal .arcgis-swipe__handle{top:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe--vertical .arcgis-swipe__handle{left:calc(50% - calc(var(--calcite-spacing-xxxl) / 2))}.arcgis-swipe__container:focus .arcgis-swipe__handle,.arcgis-swipe__container:focus .arcgis-swipe__divider{outline:inset 2px var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)))}.arcgis-swipe__container:focus .arcgis-swipe__handle{outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}`, l = "arcgis-swipe", n = {
+  base: l,
+  baseDisabled: `${l}--disabled`,
+  vertical: `${l}--vertical`,
+  horizontal: `${l}--horizontal`,
+  container: `${l}__container`,
+  divider: `${l}__divider`,
+  handle: `${l}__handle`,
+  handleHidden: `${l}__handle--hidden`,
+  handleIcon: `${l}__handle-icon`
+}, V = D(C);
+class O extends M {
   constructor() {
-    super(...arguments), this.widget = n(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.direction = this.widget.direction, this.dragLabel = this.widget.dragLabel, this.icon = this.widget.icon, this.label = this.widget.label, this.leadingLayers = this.widget.leadingLayers, this.position = "manual", this.state = this.viewModel.state, this.swipePosition = this.widget.position, this.trailingLayers = this.widget.trailingLayers, this.arcgisPropertyChange = e()("state"), this.arcgisReady = o();
+    super(...arguments), this._container = null, this._swiping = !1, this.messages = $({}), this._pointerOffset = 0, this.viewModel = V(this), this.autoDestroyDisabled = !1, this.direction = this.viewModel.direction, this.disabled = !1, this.hideDivider = !1, this.hideHandle = !1, this.icon = "compare", this.label = this.messages.componentLabel, this.leadingLayers = this.viewModel.leadingLayers, this.position = "manual", this.swipePosition = this.viewModel.position, this.state = this.viewModel.state, this.trailingLayers = this.viewModel.trailingLayers, this.arcgisPropertyChange = P()("state"), this.arcgisReady = K(), this._onContainerPointerDown = (i) => {
+      i.preventDefault();
+      const { _container: e } = this;
+      e && document.activeElement !== this.el && e.focus(), this._swiping = !0, this._calculatePointerOffset(i);
+    };
   }
   static {
-    this.properties = { autoDestroyDisabled: 5, direction: 1, dragLabel: 1, icon: 1, label: 1, leadingLayers: 0, position: 1, referenceElement: 1, state: 3, swipePosition: 9, trailingLayers: 0 };
+    this.properties = { autoDestroyDisabled: 5, direction: 3, disabled: 7, hideDivider: 7, hideHandle: 7, icon: 3, label: 1, leadingLayers: 0, messageOverrides: 0, position: 3, swipePosition: 9, referenceElement: 1, state: 3, trailingLayers: 0 };
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = z;
+  }
+  static {
+    this.styles = H;
   }
   // #endregion
   // #region Public Methods
@@ -25,8 +47,76 @@ class d extends a {
   async destroy() {
     await this.manager.destroy();
   }
+  // #endregion
+  // #region Lifecycle
+  loaded() {
+    this.listenOn(document, "pointermove", this._onContainerPointerMove), this.listenOn(document, "pointerup", this._onContainerPointerUp);
+  }
+  // #endregion
+  // #region Private Methods
+  _calculatePointerOffset(i) {
+    const { direction: e } = this, t = i.target, r = (e === "vertical" ? t.clientHeight : t.clientWidth) / 2, s = t.getBoundingClientRect(), o = i.clientX - s.left, d = i.clientY - s.top;
+    this._pointerOffset = e === "vertical" ? d - r : o - r;
+  }
+  _onContainerPointerUp(i) {
+    this._swiping && (i.preventDefault(), this._swiping = !1);
+  }
+  _onContainerPointerMove(i) {
+    if (!this._swiping)
+      return;
+    i.preventDefault();
+    const { _pointerOffset: e, el: t, direction: r } = this, { clientX: s, clientY: o } = i, { top: d, left: a, width: c, height: p } = t.getBoundingClientRect(), u = r === "vertical" ? p : c, f = (r === "vertical" ? o - d - e : s - a - e) / u * 100;
+    this.swipePosition = f;
+  }
+  _getKeyPosition(i) {
+    const { key: e } = i, { swipePosition: t } = this, { max: r, min: s, step: o, stepMultiplier: d, direction: a } = this.viewModel, c = o * d;
+    if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "PageUp", "PageDown"].includes(e) && (i.preventDefault(), i.stopPropagation()), a === "vertical" ? e === "ArrowDown" || e === "ArrowRight" : e === "ArrowUp" || e === "ArrowRight") {
+      const w = i.shiftKey ? c : o;
+      return t + w;
+    }
+    if (a === "vertical" ? e === "ArrowUp" || e === "ArrowLeft" : e === "ArrowDown" || e === "ArrowLeft") {
+      const w = i.shiftKey ? c : o;
+      return t - w;
+    }
+    return e === "Home" ? s : e === "End" ? r : (a === "vertical" ? e === "PageDown" : e === "PageUp") ? t + c : (a === "vertical" ? e === "PageUp" : e === "PageDown") ? t - c : null;
+  }
+  _onContainerKeyDown(i) {
+    const e = this._getKeyPosition(i);
+    typeof e == "number" && (this.swipePosition = e);
+  }
+  // #endregion
+  // #region Rendering
+  render() {
+    const { state: i, direction: e } = this.viewModel, t = i === "disabled" || this.disabled, r = {
+      [_.disabled]: t,
+      [n.baseDisabled]: t,
+      [n.vertical]: e === "vertical",
+      [n.horizontal]: e === "horizontal"
+    };
+    return g`<div class=${h(v(n.base, _.widget, r))}>${i === "disabled" ? null : this._renderContainer()}</div>`;
+  }
+  _renderHandle() {
+    const { direction: i } = this.viewModel, { hideHandle: e } = this, t = {
+      [m.dragHorizontal]: i === "vertical",
+      [m.dragVertical]: i === "horizontal"
+    }, r = v(n.handle, !!e && n.handleHidden);
+    return g`<div class=${h(r)} role=presentation><span aria-hidden=true class=${h(v(n.handleIcon, t))}></span></div>`;
+  }
+  _renderDivider() {
+    return this.hideDivider ? null : g`<div class=${h(n.divider)} role=presentation></div>`;
+  }
+  _renderContent() {
+    return [this._renderDivider(), this._renderHandle()];
+  }
+  _renderContainer() {
+    const { disabled: i, viewModel: e } = this, { max: t, min: r, direction: s, position: o } = e, d = this.label ?? this.messages.dragLabel ?? "", a = `${o}%`, c = {
+      top: s === "vertical" ? a : void 0,
+      left: s === "vertical" ? void 0 : a
+    }, p = this._renderContent();
+    return i ? g`<div class=${h(n.container)} role=presentation style=${b(c)}>${p}</div>` : g`<div @pointerdown=${this._onContainerPointerDown} .ariaLabel=${d} .ariaOrientation=${s} .ariaValueMax=${`${t}`} .ariaValueMin=${`${r}`} .ariaValueNow=${`${o}`} .ariaValueText=${a} class=${h(n.container)} @keydown=${this._onContainerKeyDown} role=slider style=${b(c)} tabindex=0 title=${d ?? L} touch-action=none>${p}</div>`;
+  }
 }
-t("arcgis-swipe", d);
+x("arcgis-swipe", O);
 export {
-  d as ArcgisSwipe
+  O as ArcgisSwipe
 };

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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 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.61
+ * v4.32.0-next.63
 */
 const y = b`arcgis-track{display:block}`, $ = {
   base: "esri-track"