@arcgis/map-components 6.0.0-next.2 → 6.0.0-next.21

package/dist/components/arcgis-sketch/toolbar-sizing-controller.d.ts

@@ -0,0 +1,96 @@
+import type SketchViewModel from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import type { LitElement } from "@arcgis/lumina";
+import type { GenericController } from "@arcgis/lumina/controllers";
+
+/**
+ * Offers Sketch's toolbar a main-axis budget when Sketch is directly slotted into a map or scene corner.
+ * The toolbar's own responsive layout decides how to arrange its tools within that budget.
+ *
+ * This controller measures the size of all of the view's slotted content, figures out which items would
+ * potentially overlap the toolbar, and uses that information to determine the actual available space.
+ *
+ * @internal
+ */
+export class ToolbarSizingController extends GenericController<void, HostElement> {
+  constructor(component: HostElement);
+  /**
+   * JSX ref for Sketch's toolbar stack.
+   *
+   * @param element
+   */
+  ref(element?: HTMLElement): void;
+}
+
+/**
+ * Calculates the available space (budget) along the toolbar's main axis within its given slot.
+ *
+ * budget = view length - (a) anchored inset - (b) same-slot reserve - (c) opposite reserve - optional opposite gap.
+ *
+ * The anchored inset includes preceding same-slot controls. The same-slot reserve covers following controls.
+ * Opposite-slot controls reserve space only if they overlap the toolbar on its cross axis.
+ *
+ * ```text
+ * Horizontal Sketch in the bottom-left corner; main axis ->
+ *
+ * +------------------------------ VIEW ----------------------------------+
+ * |                            +-------------------------------------+   |
+ * |                            |        DOES NOT BLOCK SKETCH        |   |
+ * |                            +-------------------------------------+   |
+ * |                                                                      |
+ * |              +========================+                              |
+ * |  +--------+  |     SKETCH'S SPACE     |  +-------+     +----------+  |
+ * |  | BEFORE |  | tools fit / wrap here  |  | AFTER |     | OBSTACLE |  |
+ * |  +--------+  +========================+  +-------+     +----------+  |
+ * +----------------------------------------------------------------------+
+ *    preceding      available budget        following       opposite
+ *    controls                               controls        control
+ *
+ * |<---- (a) --->|<------ budget --------->|<- (b) ->| gap |<-- (c) -->| |
+ * |<------------------------- view length ------------------------------>|
+ *
+ * (a) Anchored inset: view edge -> Sketch, including preceding controls.
+ * (b) Same-slot reserve: following controls and trailing margins.
+ * (c) Opposite reserve: obstacle -> far view edge, including its outer inset.
+ * ```
+ *
+ * Right/bottom anchoring mirrors the main-axis accounting; vertical layout uses height instead of width.
+ * The diagram shows the maximum budget, not the toolbar's actual rendered length.
+ *
+ * @param parameter0
+ * @returns A nonnegative length in CSS pixels, including zero when obstacles exhaust the available space.
+ * @internal
+ */
+export function calculateAvailableToolbarSpace(parameter0: ToolbarSizingMeasurements): number;
+
+/** The Sketch component that owns the toolbar stack. */
+export type HostElement = LitElement
+  & {
+  el: HTMLElement;
+  layout: Layout;
+  view?: SketchViewModel["view"];
+};
+
+export type ToolbarSizingMeasurements = {
+  /** Other-slot content; same-slot siblings are accounted for separately. */
+  content: ContentSizeAndPosition[];
+  /** Separation from overlapping opposite-corner content, not the view's outer margin. */
+  gap: number;
+  layout: Layout;
+  position: ScreenPosition;
+  /** Space occupied after Sketch in its slot's main-axis flow, including margins. */
+  sameSlotReserve: number;
+  toolbarBounds: Bounds;
+  viewBounds: Bounds;
+};
+
+export type Layout = "horizontal" | "vertical";
+
+export type ScreenPosition = "bottom-left" | "bottom-right" | "top-left" | "top-right";
+
+export type Bounds = Pick<DOMRect, "bottom" | "height" | "left" | "right" | "top" | "width">;
+
+/** An obstacle in another view slot. */
+export type ContentSizeAndPosition = {
+  bounds: Bounds;
+  position: ScreenPosition;
+};

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as w } from "../../chunks/runtime.js";
 import { css as y, html as r } from "lit";
-import { ignoreAbortErrors as f } from "@arcgis/core/core/promiseUtils.js";
+import { ignoreAbortErrors as v } from "@arcgis/core/core/promiseUtils.js";
 import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as _, createEvent as L, safeClassMap as k, nothing as z } from "@arcgis/lumina";
 import { usePropertyChange as $ } from "@arcgis/lumina/controllers";
@@ -12,11 +12,11 @@ import { g as h } from "../../chunks/globalCss.js";
 import V from "@arcgis/core/analysis/SliceAnalysis.js";
 import { property as d, subclass as C } from "@arcgis/core/core/accessorSupport/decorators.js";
 import { A as D } from "../../chunks/AnalysisViewModel.js";
-const G = y`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-view-corner-radius: var(--arcgis-view-corner-radius, 0px);--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:var(--arcgis-internal-panel-width, 300px);max-width:100%}.root{min-width:var(--arcgis-internal-panel-min-width);overflow:var(--arcgis-internal-panel-overflow, visible);height:fit-content}.container{display:flex;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--arcgis-internal-panel-gap)}.error{color:var(--calcite-color-status-danger)}.container,.hint{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap)}.error,.hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.error p,.hint p{margin:0;padding:0}.hint:not(:has(*)){display:none}.layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.actions{display:flex;flex-flow:column;gap:var(--arcgis-internal-panel-actions-gap);justify-content:center}.actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
-var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, n = (e, i, t, s) => {
-  for (var a = s > 1 ? void 0 : s ? j(i, t) : i, l = e.length - 1, c; l >= 0; l--)
-    (c = e[l]) && (a = (s ? c(i, t, a) : c(a)) || a);
-  return s && a && A(i, t, a), a;
+const G = y`:host{--arcgis-internal-color-black-30: color-mix(in srgb, #000000 30.2%, transparent);--arcgis-internal-box-shadow: var(--calcite-spacing-none) var(--calcite-spacing-px) var(--calcite-spacing-base) var(--arcgis-internal-color-black-30);--arcgis-internal-top-max-width: calc(min(100cqw, 100vw) - var(--calcite-spacing-xxxl));--arcgis-internal-panel-width: 300px;--arcgis-internal-panel-height: 100%;--arcgis-internal-panel-height-sm: 240px;--arcgis-internal-panel-height-md: 420px;--arcgis-internal-panel-height-lg: 540px;--arcgis-internal-panel-height-xl: 680px;--arcgis-internal-panel-gap: var(--calcite-spacing-lg);--arcgis-internal-panel-actions-gap: var(--calcite-spacing-sm);--arcgis-internal-basemap-gallery-width-lg: 450px;--arcgis-internal-collapse-icon-flip: scaleX(1);--arcgis-internal-row-direction: row;--arcgis-internal-legend-width: 300px;--arcgis-internal-layout-overlay-space-top: var(--arcgis-layout-overlay-space-top, 0px);--arcgis-internal-layout-overlay-space-bottom: var(--arcgis-layout-overlay-space-bottom, 0px);--arcgis-internal-layout-overlay-space-left: var(--arcgis-layout-overlay-space-left, 0px);--arcgis-internal-layout-overlay-space-right: var(--arcgis-layout-overlay-space-right, 0px);--arcgis-internal-view-color-focus: var(--arcgis-view-color-focus, var(--calcite-color-brand));--arcgis-internal-attribution-space-bottom: var(--arcgis-internal-layout-overlay-space-bottom);--arcgis-internal-attribution-space-left: var(--arcgis-internal-layout-overlay-space-left);--arcgis-internal-attribution-space-right: var(--arcgis-internal-layout-overlay-space-right);--arcgis-internal-attribution-font-size: var(--calcite-font-size-sm);--arcgis-internal-attribution-font-size-sm: var(--calcite-font-size-xs);--arcgis-internal-sketch-justify-content: flex-start}.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{width:var(--arcgis-internal-panel-width, 300px);max-width:100%}.root{min-width:var(--arcgis-internal-panel-min-width);overflow:var(--arcgis-internal-panel-overflow, visible);height:fit-content}.container{display:flex;--layer-item-background: var(--calcite-color-foreground-2);flex-direction:column;flex-shrink:0;flex-basis:auto;justify-content:space-between;gap:var(--arcgis-internal-panel-gap)}.error{color:var(--calcite-color-status-danger)}.container,.hint{display:flex;flex-direction:column;gap:var(--arcgis-internal-panel-gap)}.error,.hint{overflow:hidden;animation:arcgis-slice-fade-in .25s ease-in-out}.error p,.hint p{margin:0;padding:0}.hint:not(:has(*)){display:none}.layer-item{--calcite-color-foreground-2: var(--layer-item-background);--calcite-color-foreground-1: var(--layer-item-background)}.actions{display:flex;flex-flow:column;gap:var(--arcgis-internal-panel-actions-gap);justify-content:center}.actions:not(:has(*)){display:none}@keyframes arcgis-slice-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}`;
+var A = Object.defineProperty, j = Object.getOwnPropertyDescriptor, l = (e, i, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? j(i, t) : i, s = e.length - 1, c; s >= 0; s--)
+    (c = e[s]) && (a = (n ? c(i, t, a) : c(a)) || a);
+  return n && a && A(i, t, a), a;
 };
 const u = /* @__PURE__ */ new Set();
 let o = class extends D {
@@ -34,7 +34,7 @@ let o = class extends D {
       });
       this._excludingLayers = i;
       try {
-        await f(i);
+        await v(i);
       } finally {
         this._excludingLayers === i && (this._excludingLayers = void 0);
       }
@@ -91,25 +91,25 @@ let o = class extends D {
     return new V();
   }
 };
-n([
+l([
   d()
 ], o.prototype, "_excludingLayers", 2);
-n([
+l([
   d({ readOnly: !0 })
 ], o.prototype, "state", 1);
-n([
+l([
   d()
 ], o.prototype, "shape", 1);
-n([
+l([
   d()
 ], o.prototype, "tiltEnabled", 1);
-n([
+l([
   d()
 ], o.prototype, "excludedLayers", 1);
-n([
+l([
   d()
 ], o.prototype, "excludeGroundSurface", 1);
-o = n([
+o = l([
   C("esri.components.Slice.SliceViewModel")
 ], o);
 const T = o, O = S(T);
@@ -137,7 +137,7 @@ class P extends _ {
     await this.manager.destroy();
   }
   async start() {
-    f(this.viewModel.start());
+    v(this.viewModel.start());
   }
   load() {
     this.manager.onLifecycle(() => [
@@ -152,24 +152,24 @@ class P extends _ {
     })} role=presentation>${this._renderContainerNode()}</div>`;
   }
   _renderContainerNode() {
-    const i = this._messages, { state: t, hideVisualization: s, supported: a } = this.viewModel, l = t === "slicing" || t === "excludingLayer";
-    if (s || !a)
+    const i = this._messages, { state: t, hideVisualization: n, supported: a } = this.viewModel, s = t === "slicing" || t === "excludingLayer";
+    if (n || !a)
       return null;
     a || r`<div class="container"><div class="error"><p>${this._messages.unsupported}</p></div></div>`;
-    const { excludedLayers: c } = this.viewModel, p = this.excludeGroundSurface, x = c.length > 0 || p, g = t === "disabled";
-    return r`<div class="container"><div class="hint">${t === "excludingLayer" ? r`<p class="hint-text">${i.excludeHint}</p>` : null}${t === "slicing" ? r`<p class="hint-text">${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class="hint-text">${i.verticalHint}</p>` : null}</div>${!l && x ? r`<div class="layer-list">${E({ class: "layer-list-title", level: this.headingLevel, children: i.excludedLayers })}${H({ layers: c.toArray(), excludeGroundSurface: p, onLayerClick: (m) => {
-      this.excludedLayers.remove(m);
+    const { excludedLayers: c } = this.viewModel, p = this.excludeGroundSurface, m = c.length > 0 || p, g = t === "disabled";
+    return r`<div class="container"><div class="hint">${t === "excludingLayer" ? r`<p class="hint-text">${i.excludeHint}</p>` : null}${t === "slicing" ? r`<p class="hint-text">${this._hasVoxelLayers ? i.voxelHint : i.hint}</p><p class="hint-text">${i.verticalHint}</p>` : null}</div>${!s && m ? r`<div class="layer-list">${E({ class: "layer-list-title", level: this.headingLevel, children: i.excludedLayers })}${H({ layers: c.toArray(), excludeGroundSurface: p, onLayerClick: (x) => {
+      this.excludedLayers.remove(x);
     }, onGroundClick: () => {
       this.excludeGroundSurface = !1;
-    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class="actions">${!l && !this.hideStartButton ? r`<calcite-button class="new-slice-button" .disabled=${g || this.interactionDisabled} @click=${this.start}>${i.newSlice}</calcite-button>` : null}${t === "sliced" ? r`<calcite-button appearance=outline-fill class="exclude-button" .disabled=${g || this.interactionDisabled} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? r`<calcite-button appearance=outline-fill class="cancel-button" .disabled=${g} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
+    }, listLabel: i.excludedLayers, layerActionLabel: i.includeLayer, groundItemTitle: i.ground })}</div>` : null}<div class="actions">${!s && !this.hideStartButton ? r`<calcite-button class="new-slice-button" .disabled=${g || this.interactionDisabled} @click=${this.start}>${i.newSlice}</calcite-button>` : null}${t === "sliced" ? r`<calcite-button appearance=outline-fill class="exclude-button" .disabled=${g || this.interactionDisabled} @click=${() => this.viewModel.pickLayerToExclude()}>${i.excludeLayer}</calcite-button>` : null}${t === "excludingLayer" ? r`<calcite-button appearance=outline-fill class="cancel-button" .disabled=${g} @click=${() => this.viewModel.stop()}>${i.cancel}</calcite-button>` : null}</div></div>`;
   }
 }
-function v(e) {
+function f(e) {
   return r`<calcite-list-item class="layer-item" data-testid=${`list-item-${e.uid}`} .label=${e.title ?? ""}><calcite-action icon=x @click=${e.onClick} slot=actions-end .text=${e.actionLabel} title=${e.actionLabel ?? z}></calcite-action></calcite-list-item>`;
 }
 function H(e) {
-  const i = e.layers.map((t) => v({ uid: t.uid, title: t.title ?? "", onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
-  return e.excludeGroundSurface && i.push(v({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
+  const i = e.layers.map((t) => f({ uid: t.uid, title: t.title ?? "", onClick: () => e.onLayerClick(t), actionLabel: e.layerActionLabel }));
+  return e.excludeGroundSurface && i.push(f({ uid: "ground", title: e.groundItemTitle, onClick: e.onGroundClick, actionLabel: e.layerActionLabel })), r`<calcite-list .label=${e.listLabel} selection-mode=none>${i}</calcite-list>`;
 }
 w("arcgis-slice", P);
 export {

package/dist/components/arcgis-slider-scale-range/customElement.d.ts

@@ -7,11 +7,19 @@ import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
-import type { SupportedRegion } from "./spriteSheetsUtils.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
- * The Scale Range Slider component allows the user to set a minimum and maximum scale based on named scale ranges. When a layer is provided, the component's minScale and maxScale properties will be set to the scale range of the layer.
+ * The supported lowercase [ISO 3166-1 alpha-2 code](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes)region codes for scale preview thumbnails.
+ * The [region](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/#region) property also accepts uppercase versions of these codes.
+ *
+ * @since 5.2
+ */
+export type Region = "ae" | "ar" | "at" | "au" | "be" | "bg" | "bo" | "br" | "ca" | "ch" | "ci" | "cl" | "cn" | "co" | "cr" | "cz" | "de" | "dk" | "ee" | "eg" | "es" | "fi" | "fr" | "gb" | "gl" | "gr" | "gt" | "hk" | "id" | "ie" | "il" | "in" | "iq" | "is" | "it" | "jp" | "ke" | "kr" | "kw" | "li" | "lt" | "lu" | "lv" | "ma" | "mg" | "ml" | "mo" | "mx" | "my" | "ni" | "nl" | "no" | "nz" | "pe" | "pl" | "pr" | "pt" | "ro" | "ru" | "rw" | "se" | "sg" | "sk" | "sr" | "sv" | "th" | "tn" | "tw" | "us" | "ve" | "vi" | "za";
+
+/**
+ * The Scale Range Slider component allows the user to set a minimum and maximum scale based on named scale ranges.
+ * When a layer is provided, the component's minScale and maxScale properties will be set to the scale range of the layer.
  *
  * @since 5.1
  */
@@ -240,9 +248,9 @@ export abstract class ArcgisSliderScaleRange extends LitElement {
   /**
    * The region that the scale thumbnails will focus on.
    * Each region comes from the [ISO 3166-1 alpha-2 code](https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes).
-   * See [SupportedRegion](https://developers.arcgis.com/javascript/latest/references/core/widgets/ScaleRangeSlider/types/#SupportedRegion) for the list of regions that are currently supported.
+   * Both lowercase and uppercase region codes are supported.
    */
-  accessor region: SupportedRegion | undefined;
+  accessor region: Region | Uppercase<Region> | undefined;
   /**
    * If an [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/) is associated with the component and this property
    * is set to `true`, the current scale indicator will be represented as a highlighted range of the slider track. The width of the indicator will increase

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

@@ -112,7 +112,7 @@ const h = /* @__PURE__ */ new Set([
   sv: "se",
   th: "th",
   zh: "cn"
-}, P = b`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:2px}.scale-indicator-container[slot=track-overlay]{position:absolute;inset:0;pointer-events:none;margin-top:0}.scale-indicator-icon{left:var(--arcgis-internal-scale-indicator-offset);transform:scale(.8,1.7);margin-left:-6px;width:1px;--calcite-icon-color: var(--calcite-color-text-3)}.scale-indicator-range{top:-1px;left:var(--arcgis-internal-scale-indicator-left);width:calc(var(--arcgis-internal-scale-indicator-right) - var(--arcgis-internal-scale-indicator-left));height:4px;background-color:var(--calcite-color-brand);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);pointer-events:none}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
+}, k = b`:host{display:block;width:310px;max-width:100%}.slider{height:50px}.scale-indicator-container{position:relative;width:100%;margin-top:2px}.scale-indicator-container[slot=track-overlay]{position:absolute;inset:0;pointer-events:none;margin-top:0}.scale-indicator-icon{left:var(--arcgis-internal-scale-indicator-offset);transform:scale(.8,1.7);margin-left:-6px;width:1px;--calcite-icon-color: var(--calcite-color-text-3)}.scale-indicator-range{top:-1px;left:var(--arcgis-internal-scale-indicator-left);width:calc(var(--arcgis-internal-scale-indicator-right) - var(--arcgis-internal-scale-indicator-left));height:4px;background-color:oklch(from var(--calcite-color-brand) calc(l*1.5) c h);mask-image:linear-gradient(to right,transparent 0%,black 30%,black 70%,transparent 100%);pointer-events:none}.scale-menu-list{max-height:220px;overflow-y:auto}.scale-menu-input{max-width:120px}.scale-menu-button-container{display:flex;direction:ltr;justify-content:space-between}.scale-menu-button{min-width:0}:dir(rtl) .scale-menu-button-container>*{direction:rtl}.preview-container{padding:6px;background-color:var(--calcite-color-foreground-1);box-shadow:0 1px 2px #0000004d}`, l = [
   { id: "world", scale: 147914382, minScale: 147914382, maxScale: 1e8 },
   { id: "continent", scale: 5e7, minScale: 99999999, maxScale: 35e6 },
   { id: "countriesBig", scale: 25e6, minScale: 34999999, maxScale: 15e6 },
@@ -134,7 +134,7 @@ const h = /* @__PURE__ */ new Set([
   { id: "rooms", scale: 400, minScale: 400, maxScale: 101 },
   { id: "room", scale: 100, minScale: 100, maxScale: 0 }
 ];
-class k extends _ {
+class P extends _ {
   constructor() {
     super(...arguments), this.messages = $(), this._sliderRef = w(), this._activeMenu = null, this._customScaleSelected = null, this._portalRegion = null, this._layerMaxScaleLimit = l[l.length - 1].maxScale, this._layerMinScaleLimit = l[0].minScale, this.autoDestroyDisabled = !1, this.disabled = !1, this.hidePreview = !1, this.hideMaxScaleMenu = !1, this.hideMinScaleMenu = !1, this.icon = "actual-size", this.maxScale = 0, this.maxScaleLimit = l[l.length - 1].maxScale, this.minScale = 0, this.minScaleLimit = l[0].minScale, this.mode = "range", this.showScaleRangeIndicator = !1, this.showWorldValue = !1, this.view = y(this), this.arcgisChange = d(), this.arcgisInput = d(), this.arcgisPropertyChange = L()("state", "minScale", "maxScale"), this.arcgisReady = d();
   }
@@ -142,7 +142,7 @@ class k extends _ {
     this.properties = { _activeMenu: 16, _customScaleSelected: 16, _portalRegion: 16, _layerMaxScaleLimit: 16, _layerMinScaleLimit: 16, autoDestroyDisabled: 5, disabled: 7, hidePreview: 5, hideMaxScaleMenu: 5, hideMinScaleMenu: 5, icon: 1, label: 1, layer: 0, maxScale: 9, maxScaleLimit: 9, minScale: 9, minScaleLimit: 9, mode: 1, referenceElement: 1, region: 1, showScaleRangeIndicator: 5, showWorldValue: 5, state: 32, view: 0 };
   }
   static {
-    this.styles = P;
+    this.styles = k;
   }
   get state() {
     const { view: e, layer: i } = this;
@@ -363,7 +363,7 @@ class k extends _ {
     })}></div>`;
   }
 }
-g("arcgis-slider-scale-range", k);
+g("arcgis-slider-scale-range", P);
 export {
-  k as ArcgisSliderScaleRange
+  P as ArcgisSliderScaleRange
 };

package/dist/components/arcgis-slider-scale-range/spriteSheetsUtils.d.ts

@@ -1,5 +1,10 @@
-export type SupportedRegion = LowerCaseRegion | UpperCaseRegion;
+import type { Region } from "./customElement.js";
 
-export type LowerCaseRegion = "ae" | "ar" | "at" | "au" | "be" | "bg" | "bo" | "br" | "ca" | "ch" | "ci" | "cl" | "cn" | "co" | "cr" | "cz" | "de" | "dk" | "ee" | "eg" | "es" | "fi" | "fr" | "gb" | "gl" | "gr" | "gt" | "hk" | "id" | "ie" | "il" | "in" | "iq" | "is" | "it" | "jp" | "ke" | "kr" | "kw" | "li" | "lt" | "lu" | "lv" | "ma" | "mg" | "ml" | "mo" | "mx" | "my" | "ni" | "nl" | "no" | "nz" | "pe" | "pl" | "pr" | "pt" | "ro" | "ru" | "rw" | "se" | "sg" | "sk" | "sr" | "sv" | "th" | "tn" | "tw" | "us" | "ve" | "vi" | "za";
+/** @deprecated Use [Region](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/#Region) instead. */
+export type LowerCaseRegion = Region;
 
-export type UpperCaseRegion = Uppercase<LowerCaseRegion>;
+/** @deprecated Use `Uppercase<Region>` with [Region](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/#Region) instead. */
+export type UpperCaseRegion = Uppercase<LowerCaseRegion>;
+
+/** @deprecated Use `Region | Uppercase<Region>` with [Region](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-scale-range/#Region) instead. */
+export type SupportedRegion = LowerCaseRegion | UpperCaseRegion;

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

@@ -1,10 +1,11 @@
 /// <reference path="../../index.d.ts" />
-import type SwipeViewModel from "@arcgis/core/widgets/Swipe/SwipeViewModel.js";
+import type Collection from "@arcgis/core/core/Collection.js";
+import type Layer from "@arcgis/core/layers/Layer.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement } from "../types.js";
+import type { SwipeDirection, SwipeState } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
-import type { Direction, State } from "@arcgis/core/widgets/Swipe/types.js";
 
 /**
  * The Swipe component provides a tool to show a portion of a layer or layers
@@ -50,7 +51,7 @@ export abstract class ArcgisSwipe extends LitElement {
    *
    * @default "horizontal"
    */
-  accessor direction: Direction;
+  accessor direction: SwipeDirection;
   /**
    * When true, the component is visually de-emphasized and does not accept user interaction.
    *
@@ -63,7 +64,7 @@ export abstract class ArcgisSwipe extends LitElement {
    * @see [trailingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#trailingLayers)
    * @since 5.0
    */
-  accessor endLayers: SwipeViewModel["trailingLayers"];
+  accessor endLayers: Collection<Layer>;
   /**
    * When `true`, the divider between the leading and trailing layers will be hidden.
    *
@@ -96,7 +97,7 @@ export abstract class ArcgisSwipe extends LitElement {
    * @deprecated since 5.0, use [startLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#startLayers) instead.
    * @see [leadingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#leadingLayers)
    */
-  accessor leadingLayers: SwipeViewModel["leadingLayers"];
+  accessor leadingLayers: Collection<Layer>;
   /**
    * Replace localized message strings with your own strings.
    *
@@ -134,13 +135,13 @@ export abstract class ArcgisSwipe extends LitElement {
    * @see [leadingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#leadingLayers)
    * @since 5.0
    */
-  accessor startLayers: SwipeViewModel["leadingLayers"];
+  accessor startLayers: Collection<Layer>;
   /**
    * The current state of the component.
    *
    * @default "disabled"
    */
-  get state(): State;
+  get state(): SwipeState;
   /**
    * The position of the Swipe component. This determines what percentage
    * of the view will be taken up by the [startLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#startLayers).
@@ -155,12 +156,12 @@ export abstract class ArcgisSwipe extends LitElement {
    * @deprecated since 5.0, use [endLayers](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-swipe/#endLayers) instead.
    * @see [trailingLayers](https://developers.arcgis.com/javascript/latest/references/core/widgets/Swipe/SwipeViewModel/#trailingLayers)
    */
-  accessor trailingLayers: SwipeViewModel["trailingLayers"];
+  accessor trailingLayers: Collection<Layer>;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-swipe component will be associated with a map or scene component rather than using the `view` property.
    */
-  accessor view: MapView | null | undefined;
+  accessor view: MapView | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */