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

package/dist/components/arcgis-value-picker-legacy/customElement.d.ts

@@ -1,29 +1,27 @@
 /// <reference path="../../index.d.ts" />
 import type { ValuePickerEvents, ValuePickerComponent } from "@arcgis/core/widgets/ValuePicker.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { IconName } from "../../utils/action-utils.js";
-import type { AnimateEvent } from "@arcgis/core/widgets/ValuePicker/types";
+import type { ArcgisReferenceElement, IconName } from "../types.js";
+import type { AnimateEvent, Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 import type { Icon } from "@esri/calcite-components/components/calcite-icon";
-import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
 
 /**
  * > [!WARNING]
  * >
  * > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
  * >
- * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, new development should use the native component.
+ * > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained. At that point, development should use the native component.
  *
  * Value Picker is a component that allows users to step or play through a list of values. Value Picker component can be configured
- * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#from-collection),
- * [label](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#from-labels),
- * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#selectable-items) or
- * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#numeric-values)
+ * with an optional [collection](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-collection),
+ * [label](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#from-labels),
+ * [combobox](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#selectable-items) or
+ * [slider](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#numeric-values)
  * control to help users navigate values.
  *
  * Similar to a media player, values can be interactively stepped through using the `next` and `previous` buttons.
  * Value Picker can also be set to automatically progress (play) through an ordered
- * list of items at a [preset interval](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#playRate).
+ * list of items at a [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
  *
  * ### Configuring Value Picker
  *
@@ -33,10 +31,10 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="nodata"></span>
  * #### 1. Configuring Value Picker without data
  *
- * It is important to note that the Value Picker component is not associated with a [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) nor does it
+ * It is important to note that the Value Picker component is not associated with a [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/) nor does it
  * necessarily require data.
  *
- * ![option-nodata](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-nodata.png)
+ * ![option-nodata](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-nodata.png)
  *
  * ```html
  * <arcgis-map itemId="462c629e8e604c15baf45627c4f337d6">
@@ -57,10 +55,10 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="nodata"></span>
  * #### 2. Using the label component to present items
  *
- * Consider using the [label component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html) to step through a fixed list of predefined values like land use zones.
+ * Consider using the [label component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/) to step through a fixed list of predefined values like land use zones.
  * In the following snippet a Value Picker component is created containing three coded land use zones.
  *
- * ![option-labels](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-labels.png)
+ * ![option-labels](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-labels.png)
  *
  * ```js
  * const ValuePickerLabel = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerLabel.js")).default;
@@ -80,7 +78,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["ind"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -94,18 +92,18 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="from-collection"></span>
  * #### 3. Using an arbitrary collection component to present predefined list
  *
- * It may be required to step through a fixed collection of items like [extents](https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-Extent.html),
- * [bookmarks](https://developers.arcgis.com/javascript/latest/api-reference/esri-webmap-Bookmark.html), or
- * [basemaps](https://developers.arcgis.com/javascript/latest/api-reference/esri-Basemap.html). If only the `play`,
- * `next` and `previous` buttons are required then the collection component may be used. The [collection component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
+ * It may be required to step through a fixed collection of items like [extents](https://developers.arcgis.com/javascript/latest/references/core/geometry/Extent/),
+ * [bookmarks](https://developers.arcgis.com/javascript/latest/references/core/webmap/Bookmark/), or
+ * [basemaps](https://developers.arcgis.com/javascript/latest/references/core/Basemap/). If only the `play`,
+ * `next` and `previous` buttons are required then the collection component may be used. The [collection component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
  * consists of the same user interface as option 1 above with the distinction that the current item is accessible and
  * tracked.
  *
- * In the following example, a Value Picker component is created with a [collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Collection.html) of three items. Value Picker is
+ * In the following example, a Value Picker component is created with a [collection](https://developers.arcgis.com/javascript/latest/references/core/core/Collection/) of three items. Value Picker is
  * initialized with starting value of "topo-vector". Since "topo-vector" is the first item in the collection, only the _next_
  * button will be enabled.
  *
- * ![option-collection](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-collection.png)
+ * ![option-collection](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-collection.png)
  *
  * ```js
  * const Collection = (await import("@arcgis/core/core/Collection.js")).default;
@@ -122,9 +120,9 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["topo-vector"];
  * ```
  *
- * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](#values) property updates.
- * Handle this by listening for the [arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#arcgisPropertyChange)
- * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#values)
+ * As the user clicks the _next_, _previous_, and _play_ buttons, the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property updates.
+ * Handle this by listening for the [@arcgisPropertyChange](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPropertyChange)
+ * event when the component’s [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values)
  * property changes, as shown below.
  *
  * ```js
@@ -137,10 +135,10 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="selectable-items"></span>
  * #### 4. Using the combobox component to present selectable items
  *
- * Consider using the [combobox component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html) when a searchable
+ * Consider using the [combobox component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/) when a searchable
  * dropdown list is required. In the following snippet the Value Picker component is created containing three coded land use zones.
  *
- * ![option-combobox](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-combobox.png)
+ * ![option-combobox](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-combobox.png)
  *
  * ```js
  * const ValuePickerCombobox = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerCombobox.js")).default;
@@ -161,7 +159,7 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = ["res"];
  * ```
  *
- * The user's interaction can be handled by monitoring the [values](#values) property.
+ * The user's interaction can be handled by monitoring the [values](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#values) property.
  *
  * ```js
  * valuePicker.addEventListener("arcgisPropertyChange", () => {
@@ -175,12 +173,12 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * <span id="numeric-values"></span>
  * #### 5. Using the slider component to navigate numeric values
  *
- * The [slider component](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html),
+ * The [slider component](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/),
  * as the name suggests, appends a slider to end of the Value Picker component. The slider is ideal
  * for users that need to select a value within a fixed numeric range. For example, the snippet below presents a
  * Value Picker with a slider for picking a layer's opacity. The starting value is 50%.
  *
- * ![option-slider](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/valuepicker/option-slider.png)
+ * ![option-slider](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/valuepicker/option-slider.png)
  *
  * ```js
  * const ValuePickerSlider = (await import("@arcgis/core/widgets/ValuePicker/ValuePickerSlider.js")).default;
@@ -199,10 +197,10 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * valuePicker.values = [5];
  * ```
  *
- * Note that [steps](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#steps) (positions the slider thumb snaps
- * to), [minorTicks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#minorTicks),
- * [majorTicks](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#majorTicks) and
- * [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html#labels) are independent of each other and optional.
+ * Note that [steps](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#steps) (positions the slider thumb snaps
+ * to), [minorTicks](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#minorTicks),
+ * [majorTicks](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#majorTicks) and
+ * [labels](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/#labels) are independent of each other and optional.
  *
  * The following code will watch for changes and apply the user's modification to a feature layer.
  * ```js
@@ -235,11 +233,11 @@ import type { Layout } from "@arcgis/core/widgets/ValuePicker/types.js";
  * ```
  *
  * @since 5.0
- * @see [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
- * @see [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html)
- * @see [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html)
- * @see [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html)
- * @see [Slider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html)
+ * @see [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
+ * @see [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/)
+ * @see [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/)
+ * @see [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/)
+ * @see [Slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/)
  */
 export abstract class ArcgisValuePickerLegacy extends LitElement {
   /**
@@ -342,14 +340,14 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   accessor caption: string | null | undefined;
   /**
    * An optional component for presenting and managing data. This property can be assigned one of the following:
-   * [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html)
-   * [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html),
-   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html), or
-   * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html).
+   * [ValuePickerCollection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/)
+   * [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/),
+   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/), or
+   * [ValuePickerSlider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/).
    *
    * If this property is not set then the play, next and previous buttons will always be enabled. In this case, listen to the
-   * component events, for example, [@previous](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#arcgisPrevious) and
-   * [@next](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#arcgisNext), when the user interacts with the
+   * component events, for example, [@arcgisPrevious](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisPrevious) and
+   * [@arcgisNext](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#event-arcgisNext), when the user interacts with the
    * component.
    *
    * @example
@@ -411,8 +409,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   /**
    * Indicates if the component should be orientated horizontally (default) or vertically.
    *
-   * Please note that [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html) and
-   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html) do not support vertical layout.
+   * Please note that [ValuePickerCombobox](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/) and
+   * [ValuePickerLabel](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/) do not support vertical layout.
    *
    * @default "horizontal"
    * @example
@@ -483,8 +481,8 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    */
   accessor referenceElement: ArcgisReferenceElement | string | undefined;
   /**
-   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-value-picker/#component) is being used. For example, a
-   * [slider](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerSlider.html) component will return an array of numbers.
+   * The current values of the Value Picker component. The type for this property depends on which [component](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#component) is being used. For example, a
+   * [slider](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerSlider/) component will return an array of numbers.
    *
    * If the `component` is not set then this property will return `null`. Similarly this property can be `null`
    * if the component is created without an initial value.
@@ -492,9 +490,9 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
    * Once a `component` and an initial value has been assigned this property will return an array
    * containing a value.
    *
-   * @see [ValuePickerCollection#collection](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCollection.html#collection)
-   * @see [ValuePickerCombobox#items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerCombobox.html#items)
-   * @see [ValuePickerLabel#items](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-ValuePicker-ValuePickerLabel.html#items)
+   * @see [ValuePickerCollection#collection](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCollection/#collection)
+   * @see [ValuePickerCombobox#items](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerCombobox/#items)
+   * @see [ValuePickerLabel#items](https://developers.arcgis.com/javascript/latest/references/core/widgets/ValuePicker/ValuePickerLabel/#items)
    * @example
    * ```js
    * const basemapCollection = new Collection(["topo-vector", "streets", "osm"]);
@@ -543,7 +541,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   /** Pause playing. */
   pause(): Promise<void>;
   /**
-   * Start playing. Value Picker will advance at the rate specified by [playRate](#playRate).
+   * Start playing. Value Picker will advance at the rate specified by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate).
    *
    * @example
    * ```js
@@ -595,7 +593,7 @@ export abstract class ArcgisValuePickerLegacy extends LitElement {
   "@setterTypes": {
     icon?: IconName;
   };
-  /** Fires when the Value Picker is playing at a rate defined by [playRate](#playRate). */
+  /** Fires when the Value Picker is playing at a rate defined by [playRate](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-value-picker-legacy/#playRate). */
   readonly arcgisAnimate: import("@arcgis/lumina").TargetedEvent<this, AnimateEvent>;
   /** Fires when the Value Picker's next button is clicked. */
   readonly arcgisNext: import("@arcgis/lumina").TargetedEvent<this, ValuePickerEvents["next"]>;

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

@@ -6,7 +6,7 @@ import t from "@arcgis/core/widgets/ValuePicker.js";
 import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 import { m as a } from "../../chunks/useWidget.js";
 import { css as s } from "lit";
-const c = s`.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}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-value-picker .esri-slider{background:0 0;flex:auto}.esri-value-picker .esri-slider__tick-label{white-space:nowrap;font-size:var(--calcite-font-size--3)}.esri-value-picker .esri-slider__ticks{margin:0}.esri-value-picker .esri-slider__tick,.esri-value-picker .esri-slider__track{background:var(--calcite-color-border-input)}.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps{width:3px;height:3px}.esri-value-picker .esri-slider__anchor:focus-visible{outline:none}.esri-value-picker__action-bar{background-color:var(--calcite-color-foreground-1)}.esri-value-picker__caption-border,.esri-value-picker__label-border{border:solid 1px var(--calcite-color-border-3);align-items:center;display:flex}.esri-value-picker__caption-text,.esri-value-picker__label-text{white-space:nowrap;font-family:inherit;font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-value-picker__label-text{color:var(--calcite-color-text-1)}.esri-value-picker__slider{flex:auto;display:flex}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined{width:fit-content}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption{padding-inline-end:.5rem}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,.esri-value-picker__layout--horizontal.esri-value-picker__type--label,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider{min-width:450px}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal .esri-value-picker__caption{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__caption-border{padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__caption-text{text-overflow:ellipsis;max-width:100px;font-size:var(--calcite-font-size--1)}.esri-value-picker__layout--horizontal .esri-value-picker__combobox{--calcite-color-border-input: var(--calcite-color-border-3);flex:auto;align-items:center;padding-inline:10px;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox{flex:auto;width:0}.esri-value-picker__layout--horizontal .esri-value-picker__label{flex:auto;padding:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__label-border{flex:auto;padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__label-text{text-overflow:ellipsis;width:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);flex:auto}.esri-value-picker__layout--horizontal .esri-value-picker__separator{border-right:solid 1px var(--calcite-color-border-3);width:1px;margin-inline-start:.25rem}.esri-value-picker__layout--horizontal .esri-value-picker__slider{padding-inline:30px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor{height:3px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major{height:var(--calcite-spacing-xs)}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps{margin-top:-6px;margin-left:-1px}.esri-value-picker__layout--horizontal .esri-slider{margin-top:-10px}.esri-value-picker__layout--horizontal .esri-slider__track{height:1px}.esri-value-picker__layout--vertical.esri-value-picker__type--collection,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined{height:fit-content}.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar{height:100%}.esri-value-picker__layout--vertical.esri-value-picker__type--slider{min-height:450px}.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar{height:100%;min-height:450px}.esri-value-picker__layout--vertical .esri-value-picker__caption{width:48px;padding:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__caption-border{justify-content:center}.esri-value-picker__layout--vertical .esri-value-picker__caption-text{text-overflow:clip;font-size:var(--calcite-font-size--2);padding-block:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__separator{border-bottom:solid 1px var(--calcite-color-border-3);height:1px;margin-top:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__slider{flex-direction:column;padding:15px 0}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor{width:3px}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major{width:var(--calcite-spacing-xs)}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps{margin-top:-1px;margin-left:-6px}.esri-value-picker__layout--vertical .esri-slider{margin-left:-13px}.esri-value-picker__layout--vertical .esri-slider__tick-label{margin-left:var(--calcite-spacing-xxl)}.esri-value-picker__layout--vertical .esri-slider__track{width:1px}:dir(rtl) .esri-value-picker{direction:ltr}:dir(rtl) .esri-value-picker .esri-value-picker__combobox,:dir(rtl) .esri-value-picker .esri-value-picker__slider__tooltip{direction:rtl}`, n = a(t);
+const c = s`.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}@supports (-ms-ime-align: auto){.esri-slider__anchor:focus{outline:1px dotted var(--calcite-color-foreground-current)}}.esri-slider{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:100%;display:flex}.esri-disabled{pointer-events:none}.esri-disabled .esri-slider__content,.esri-disabled .esri-slider__min,.esri-disabled .esri-slider__max{opacity:var(--calcite-opacity-light)}.esri-slider--reversed.esri-slider--horizontal{flex-direction:row-reverse}.esri-slider--reversed.esri-slider--vertical{flex-direction:column}.esri-slider--horizontal{flex-direction:row}.esri-slider--horizontal .esri-slider__content{height:auto}.esri-slider--horizontal .esri-slider__track{width:100%;height:2px}.esri-slider--horizontal .esri-slider__segment--interactive:hover{cursor:ew-resize}.esri-slider--horizontal .esri-slider__anchor{width:1px;height:100%}.esri-slider--horizontal .esri-slider__label{text-align:center;margin:0 11px;top:-30px;left:-50px}.esri-slider--horizontal .esri-slider__label-input{text-align:center}.esri-slider--horizontal .esri-slider__max,.esri-slider--horizontal .esri-slider__min{flex:none;width:50px;height:auto;margin:auto}.esri-slider--horizontal .esri-slider__ticks{width:100%;margin:9px 0 0;top:100%;left:0}.esri-slider--horizontal .esri-slider__tick{width:1px;height:5px}.esri-slider--horizontal .esri-slider__tick-label{margin-top:18px}.esri-slider--vertical{flex-direction:column-reverse}.esri-slider--vertical .esri-slider__content{flex-direction:column;width:auto}.esri-slider--vertical .esri-slider__track{flex-direction:column;flex:1 0 0;width:2px;height:100%}.esri-slider--vertical .esri-slider__segment--interactive:hover{cursor:ns-resize}.esri-slider--vertical .esri-slider__anchor{width:100%;height:1px}.esri-slider--vertical .esri-slider__label{text-align:left;top:-10px;left:20px}.esri-slider--vertical .esri-slider__max,.esri-slider--vertical .esri-slider__min{flex:0 0 22px;width:100%;margin:auto}.esri-slider--vertical .esri-slider__ticks{margin:0 0 0 11px;top:0;left:100%}.esri-slider--vertical .esri-slider__tick{width:5px;height:1px}.esri-slider--vertical .esri-slider__tick-label{margin-left:30px}.esri-slider__content{z-index:0;flex:1 0 auto;justify-content:center;align-items:center;margin:auto;line-height:0;display:flex;position:relative}.esri-slider__track{touch-action:none;background-color:var(--calcite-color-border-ghost);display:inline-block;position:relative}.esri-slider__segment{transform-origin:0 0;will-change:transform;touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.esri-slider__segment:hover{cursor:pointer}.esri-slider__anchor{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-brand);position:absolute}.esri-slider__anchor:focus .esri-slider__thumb,.esri-slider__anchor:focus .esri-slider__label{outline:inherit}.esri-slider__anchor--moving:focus .esri-slider__thumb{cursor:grabbing;border:3px solid var(--calcite-color-brand-press)}.esri-slider__anchor--moving .esri-slider__label:hover,.esri-slider__anchor--moving .esri-slider__label--interactive:hover{cursor:grabbing}.esri-slider__thumb{box-sizing:border-box;z-index:1;touch-action:none;background-color:var(--calcite-color-foreground-2);border:2px solid var(--calcite-color-brand);border-radius:16px;width:16px;height:16px;transition:all .125s ease-in-out;position:absolute;top:-7px;left:-7px}.esri-slider__thumb:hover{cursor:grab;border-width:3px;border-color:var(--calcite-color-brand-press);width:19.2px;height:19.2px;top:-8.6px;left:-8.6px}.esri-slider__label{min-width:80px;line-height:var(--calcite-font-line-height-fixed-xl);position:absolute}.esri-slider__label:hover{cursor:grab}.esri-slider__label--interactive:hover,.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{cursor:pointer;text-decoration:underline}.esri-slider__label-input{z-index:1;width:100%;position:relative}.esri-slider__extra-content{display:inline-block}.esri-slider__max,.esri-slider__min{text-align:center;justify-content:center;align-items:center;height:22px;line-height:var(--calcite-font-line-height-fixed-xl);display:flex}.esri-slider__max--interactive:hover,.esri-slider__min--interactive:hover{background-color:var(--calcite-color-foreground-2)}.esri-slider__range-input{text-align:center;width:100%;padding:1px 0}.esri-slider__ticks{z-index:0;height:100%;display:inline-block;position:absolute}.esri-slider__tick{background:var(--calcite-color-foreground-1);position:absolute}.esri-slider__tick-label{width:max-content;position:absolute}:dir(rtl) .esri-slider__label,:dir(rtl) .esri-slider__max,:dir(rtl) .esri-slider__min,:dir(rtl) .esri-slider__tick-label{direction:rtl;unicode-bidi:plaintext}:dir(rtl) .esri-slider__range-input,:dir(rtl) .esri-slider__label-input{unicode-bidi:plaintext}.esri-value-picker calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}.esri-value-picker .esri-slider{background:0 0;flex:auto}.esri-value-picker .esri-slider__tick-label{white-space:nowrap;font-size:var(--calcite-font-size--3)}.esri-value-picker .esri-slider__ticks{margin:0}.esri-value-picker .esri-slider__tick,.esri-value-picker .esri-slider__track{background:var(--calcite-color-border-input)}.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps{width:3px;height:3px}.esri-value-picker .esri-slider__anchor:focus-visible{outline:none}.esri-value-picker__action-bar{--calcite-action-bar-items-space: 0;--calcite-spacing-sm: 0;background-color:var(--calcite-color-foreground-1)}.esri-value-picker__caption-border,.esri-value-picker__label-border{border:solid 1px var(--calcite-color-border-3);align-items:center;display:flex}.esri-value-picker__caption-text,.esri-value-picker__label-text{white-space:nowrap;font-family:inherit;font-weight:var(--calcite-font-weight-medium);overflow:hidden}.esri-value-picker__label-text{color:var(--calcite-color-text-1)}.esri-value-picker__slider{flex:auto;display:flex}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined{width:fit-content}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption{padding-inline-end:.5rem}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,.esri-value-picker__layout--horizontal.esri-value-picker__type--label,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider{min-width:450px}.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar{width:100%}.esri-value-picker__layout--horizontal .esri-value-picker__caption{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__caption-border{padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__caption-text{text-overflow:ellipsis;max-width:100px;font-size:var(--calcite-font-size--1)}.esri-value-picker__layout--horizontal .esri-value-picker__combobox{--calcite-color-border-input: var(--calcite-color-border-3);flex:auto;align-items:center;padding-inline:10px;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox{flex:auto;width:0}.esri-value-picker__layout--horizontal .esri-value-picker__label{flex:auto;padding:.5rem;display:flex}.esri-value-picker__layout--horizontal .esri-value-picker__label-border{flex:auto;padding-inline:.5rem}.esri-value-picker__layout--horizontal .esri-value-picker__label-text{text-overflow:ellipsis;width:0;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-normal);flex:auto}.esri-value-picker__layout--horizontal .esri-value-picker__separator{border-right:solid 1px var(--calcite-color-border-3);width:1px;margin-inline-start:.25rem}.esri-value-picker__layout--horizontal .esri-value-picker__slider{padding-inline:30px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor{height:3px}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major{height:var(--calcite-spacing-xs)}.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps{margin-top:-6px;margin-left:-1px}.esri-value-picker__layout--horizontal .esri-slider{margin-top:-10px}.esri-value-picker__layout--horizontal .esri-slider__track{height:1px}.esri-value-picker__layout--vertical.esri-value-picker__type--collection,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined{height:fit-content}.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar{height:100%}.esri-value-picker__layout--vertical.esri-value-picker__type--slider{min-height:450px}.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar{height:100%;min-height:450px}.esri-value-picker__layout--vertical .esri-value-picker__caption{width:48px;padding:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__caption-border{justify-content:center}.esri-value-picker__layout--vertical .esri-value-picker__caption-text{text-overflow:clip;font-size:var(--calcite-font-size--2);padding-block:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__separator{border-bottom:solid 1px var(--calcite-color-border-3);height:1px;margin-top:.25rem}.esri-value-picker__layout--vertical .esri-value-picker__slider{flex-direction:column;padding:15px 0}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor{width:3px}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major{width:var(--calcite-spacing-xs)}.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps{margin-top:-1px;margin-left:-6px}.esri-value-picker__layout--vertical .esri-slider{margin-left:-13px}.esri-value-picker__layout--vertical .esri-slider__tick-label{margin-left:var(--calcite-spacing-xxl)}.esri-value-picker__layout--vertical .esri-slider__track{width:1px}:dir(rtl) .esri-value-picker{direction:ltr}:dir(rtl) .esri-value-picker .esri-value-picker__combobox,:dir(rtl) .esri-value-picker .esri-value-picker__slider__tooltip{direction:rtl}`, n = a(t);
 class d extends o {
   constructor() {
     super(...arguments), this.widget = n(this), this.autoDestroyDisabled = !1, this.canNext = this.widget.canNext, this.canPlay = this.widget.canPlay, this.canPrevious = this.widget.canPrevious, this.caption = this.widget.caption, this.component = this.widget.component, this.hideNextButton = this.widget.visibleElements.nextButton, this.hidePlayButton = this.widget.visibleElements.playButton, this.hidePreviousButton = this.widget.visibleElements.previousButton, this.icon = this.widget.icon, this.label = this.widget.label, this.layout = this.widget.layout, this.loop = this.widget.loop, this.playRate = this.widget.playRate, this.values = this.widget.values, this.arcgisAnimate = e(() => this.widget, "animate"), this.arcgisNext = e(() => this.widget, "next"), this.arcgisPause = e(() => this.widget, "pause"), this.arcgisPlay = e(() => this.widget, "play"), this.arcgisPrevious = e(() => this.widget, "previous"), this.arcgisPropertyChange = r()("values"), this.arcgisReady = l();

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

@@ -1,17 +1,16 @@
 /// <reference path="../../index.d.ts" />
-import type VersioningState from "@arcgis/core/versionManagement/VersioningState";
 import type Collection from "@arcgis/core/core/Collection.js";
-import type VersioningState2 from "@arcgis/core/versionManagement/VersioningState.js";
+import type VersioningState from "@arcgis/core/versionManagement/VersioningState.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
-import type { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes";
+import type { ArcgisReferenceElement } from "../types.js";
+import type { InitialVersionInfo, VersioningStateEvent } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VersionManagerState } from "@arcgis/core/versionManagement/VersionManager.js";
 
 /**
  * The Version Management component allows users to view available versions, change versions, delete versions, and alter versions.
- * The [View](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html) will update to match the features on the selected version.
+ * The [View](https://developers.arcgis.com/javascript/latest/references/core/views/View/) will update to match the features on the selected version.
  * To learn more about version management please visit the [versioning guide doc](https://developers.arcgis.com/javascript/latest/utility-network/version-management-service/).
  *
  * > The Version Management component does not support proxied feature services or feature services that utilize stored credentials.
@@ -214,9 +213,9 @@ export abstract class ArcgisVersionManagement extends LitElement {
    *
    * @since 5.0
    */
-  accessor versioningStates: Collection<VersioningState2>;
+  accessor versioningStates: Collection<VersioningState>;
   /**
-   * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html).
+   * This property defines the target [MapView](https://developers.arcgis.com/javascript/latest/references/core/views/MapView/).
    *
    * @since 5.0
    */
@@ -230,17 +229,4 @@ export abstract class ArcgisVersionManagement extends LitElement {
     arcgisReady: ArcgisVersionManagement["arcgisReady"]["detail"];
     arcgisVersioningStateChanged: ArcgisVersionManagement["arcgisVersioningStateChanged"]["detail"];
   };
-}
-
-export interface VersioningStateEvent {
-  type?: VersioningStateEventType;
-  versionIdentifier?: VersionIdentifier;
-  versioningState?: VersioningState;
-}
-
-export type InitialVersionInfo = {
-  url: string;
-  name: string;
-};
-
-export type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";
+}

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

@@ -0,0 +1,15 @@
+import type VersioningState from "@arcgis/core/versionManagement/VersioningState.js";
+import type { VersionIdentifier } from "@arcgis/core/versionManagement/support/jsonTypes.js";
+
+export type InitialVersionInfo = {
+  url: string;
+  name: string;
+};
+
+export interface VersioningStateEvent {
+  type?: VersioningStateEventType;
+  versionIdentifier?: VersionIdentifier;
+  versioningState?: VersioningState;
+}
+
+export type VersioningStateEventType = "version-changed" | "version-created" | "version-deleted" | "version-switched";

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

@@ -7,7 +7,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 
 /**
  * The ArcGIS Video component provides a view for displaying video feeds from a
- * [VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html).
+ * [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/).
  * It is designed to render and interact with video layers.
  *
  * A Video component must have a valid VideoLayer.
@@ -61,32 +61,32 @@ export abstract class ArcgisVideo extends LitElement {
    *
    * @since 5.0
    */
-  accessor attributionMode: "light" | "dark" | null | undefined;
+  accessor attributionMode: "dark" | "light" | null | undefined;
   /** @default false */
   accessor autoDestroyDisabled: boolean;
-  /** The [VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html) to display in the view. */
+  /** The [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/) to display in the view. */
   accessor layer: VideoLayer | null | undefined;
-  /** A reference to the associated [Map](https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html) or [WebMap](https://developers.arcgis.com/javascript/latest/api-reference/esri-WebMap.html). */
+  /** A reference to the associated [Map](https://developers.arcgis.com/javascript/latest/references/core/Map/) or [WebMap](https://developers.arcgis.com/javascript/latest/references/core/WebMap/). */
   accessor map: Map | WebMap | null | undefined;
   /**
    * When `true`, this property indicates whether the view successfully satisfied all dependencies,
    * signaling that the following conditions are met.
    *
-   * - [width](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#width)
-   * - [height](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#height)
-   * - [videoSize](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#videoSize)
-   * - The [layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#layer) is [ready](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html#state).
+   * - [width](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#width)
+   * - [height](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#height)
+   * - [videoSize](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#videoSize)
+   * - The [layer](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#layer) is [ready](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/#state).
    *
    * When a view becomes ready it will resolve itself and invoke
-   * the callback defined in [when()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#when) where code can execute on a working view. Subsequent
+   * the callback defined in [when()](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#when) where code can execute on a working view. Subsequent
    * changes to a view's readiness would typically be handled by watching `view.ready` and providing
-   * logic for cases where the [layer](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#layer) or [container](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#container) change.
+   * logic for cases where the [layer](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#layer) or [container](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#container) change.
    *
    * @default false
-   * @see [when()](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html#when)
+   * @see [when()](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/#when)
    */
   get ready(): boolean;
-  /** The [VideoView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-VideoView.html) instance created and manged by the component. Accessible once the component is fully loaded. */
+  /** The [VideoView](https://developers.arcgis.com/javascript/latest/references/core/views/VideoView/) instance created and manged by the component. Accessible once the component is fully loaded. */
   get view(): VideoView;
   /** Destroys the view, and any associated resources, including its map, popup, and UI elements. */
   destroy(): Promise<void>;

package/dist/components/arcgis-video-player/customElement.d.ts

@@ -3,12 +3,12 @@ import type VideoPlayerViewModel from "@arcgis/core/widgets/VideoPlayer/VideoPla
 import type VideoLayer from "@arcgis/core/layers/VideoLayer.js";
 import type MapView from "@arcgis/core/views/MapView.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { ArcgisReferenceElement } from "../../utils/component-utils.js";
+import type { ArcgisReferenceElement } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { VideoState } from "@arcgis/core/layers/video/types.js";
 
 /**
- * The Video Player component provides a user interface for interacting with a [VideoLayer](api-reference/esri-layers-VideoLayer.html).
+ * The Video Player component provides a user interface for interacting with a [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/).
  * It displays the original video content and provides controls for playing, pausing, seeking, and changing the video speed and quality.
  *
  * The Video Player component provides the following capabilities:
@@ -19,14 +19,14 @@ import type { VideoState } from "@arcgis/core/layers/video/types.js";
  *  - Adjustable speed and quality
  *  - Access to frame metadata
  *
- * The [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-VideoPlayer-VideoPlayerViewModel.html) class provides the logic for the Video Player.
+ * The [VideoPlayerViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/VideoPlayer/VideoPlayerViewModel/) class provides the logic for the Video Player.
  *
  * **Known limitations**
  *
- * * Not supported in 3D [Scenes](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-scene/).
+ * * Not supported in 3D [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
  * * Not supported on macOS and iOS devices.
  *
- * [![](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)
+ * [![](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/video-player-video-preview.png)](https://mediaspace.esri.com/media/1_ctc3psfr)
  *
  * @example
  * ```html
@@ -95,7 +95,7 @@ export abstract class ArcgisVideoPlayer extends LitElement {
   /** The component's default label. */
   accessor label: string | undefined;
   /**
-   * The [VideoLayer](https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-VideoLayer.html) to use as the data source for the video player.
+   * The [VideoLayer](https://developers.arcgis.com/javascript/latest/references/core/layers/VideoLayer/) to use as the data source for the video player.
    *
    * @default null
    * @example

package/dist/components/arcgis-video-player/customElement.js

@@ -10,7 +10,7 @@ import { createRef as m, ref as f } from "lit/directives/ref.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { m as _ } from "../../chunks/useViewModel.js";
 import { g as w } from "../../chunks/globalCss.js";
-const p = n`:host{--arcgis-internal-video-player-controls-spacing: 16px;width:531px;height:100%}:host([inline]){width:auto;height:auto}.root{height:100%}.inline{display:flex;gap:var(--calcite-spacing-xs);background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-xxs)}.footer{flex:1}arcgis-video{display:flex;flex:1 1 auto;aspect-ratio:16 / 9;min-height:0}`, y = _(c);
+const p = n`:host{--arcgis-internal-video-player-controls-spacing: 16px;width:531px;height:100%}:host([inline]){width:auto;height:auto}.root,.content{height:100%}.inline{display:flex;gap:var(--calcite-spacing-xs);background-color:var(--calcite-color-foreground-1);padding:var(--calcite-spacing-xxs)}.footer{flex:1}arcgis-video{display:flex;flex:1 1 auto;aspect-ratio:16 / 9;min-height:0}`, y = _(c);
 class $ extends u {
   constructor() {
     super(...arguments), this.messages = v({ blocking: !0 }), this.viewModel = y(this), this._videoViewRef = m(), this._metadataVisible = !1, this._duration = 0, this._currentTime = 0, this._bufferedValue = 0, this._currentValue = 0, this._isBuffering = !1, this._videoViewReady = !1, this.icon = "video-web", this.state = this.viewModel.state, this.layer = this.viewModel.layer, this.autoDestroyDisabled = !1, this.inline = !1, this.showFullscreenToggle = !1, this.hideHeader = !1, this.view = this.viewModel.view, this.arcgisPropertyChange = d()("state", "layer"), this.arcgisReady = a(), this.arcgisVideoReady = a();
@@ -46,7 +46,7 @@ class $ extends u {
     ]);
   }
   render() {
-    return e`<div class=${g(h(this.inline ? "inline" : "root", w.widget))}><calcite-panel .heading=${this.hideHeader || this.inline ? void 0 : this._layerTitle ?? this.messages.videoPlayer}>${this.inline || this.hideHeader || !this.showFullscreenToggle ? null : e`<calcite-action slot=header-actions-end icon=full-screen-exit text=minimize @click=${() => this.inline = !this.inline}></calcite-action>`}${this.inline ? e`<div class="inline">${this._renderActionBar()}${this._renderSlider()}${this.showFullscreenToggle ? e`<calcite-action icon=full-screen text=maximize @click=${() => this.inline = !this.inline}></calcite-action>` : null}</div>` : e`<div>${this._renderLoadingScrim()}${this._renderBuffering()}${this._renderVideoSection()}</div>`}${this.inline ? null : e`<div slot=footer class="footer">${this._renderSlider()}${this._renderActionBar()}${this._renderMetadataSection()}</div>`}</calcite-panel></div>`;
+    return e`<div class=${g(h(this.inline ? "inline" : "root", w.widget))}><calcite-panel .heading=${this.hideHeader || this.inline ? void 0 : this._layerTitle ?? this.messages.videoPlayer}>${this.inline || this.hideHeader || !this.showFullscreenToggle ? null : e`<calcite-action slot=header-actions-end icon=full-screen-exit text=minimize @click=${() => this.inline = !this.inline}></calcite-action>`}${this.inline ? e`<div class="inline">${this._renderActionBar()}${this._renderSlider()}${this.showFullscreenToggle ? e`<calcite-action icon=full-screen text=maximize @click=${() => this.inline = !this.inline}></calcite-action>` : null}</div>` : e`<div class="content">${this._renderLoadingScrim()}${this._renderBuffering()}${this._renderVideoSection()}</div>`}${this.inline ? null : e`<div slot=footer class="footer">${this._renderSlider()}${this._renderActionBar()}${this._renderMetadataSection()}</div>`}</calcite-panel></div>`;
   }
   _renderLoadingScrim() {
     return this._videoViewReady ? null : e`<calcite-scrim .loading=${this.state !== "error"}>${this.state === "error" ? this.messages.errorLoadingLayer : null}</calcite-scrim>`;