@arcgis/map-components 4.33.0-next.111 → 4.33.0-next.113

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

@@ -5,7 +5,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.113 */
 const f = m`.arcgis-metadata-table{display:flex;flex-direction:column;border-top:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__row{display:flex;flex-direction:row;border-bottom:1px solid var(--calcite-color-border-1);border-right:1px solid var(--calcite-color-border-1)}.arcgis-metadata-table__data{flex:1;border-left:1px solid var(--calcite-color-border-1);padding:5px}.arcgis-metadata-table__empty-state{width:100%;max-inline-size:unset;transition-duration:0ms}`, o = "arcgis-metadata-table", t = {
   table: o,
   row: `${o}__row`,
@@ -22,8 +22,6 @@ class h extends n {
   static {
     this.styles = f;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       d(() => this.viewModel.state, (i) => {
@@ -42,8 +40,6 @@ class h extends n {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { messages: i } = this;
     return this._disabled || !this._hasMetadata ? s`<calcite-tile class=${a(t.emptyState)} .description=${i.metadataDescription} .heading=${i.metadataNotLoaded}></calcite-tile>` : s`<calcite-block .heading=${i.metadata} open><calcite-accordion appearance=solid selection-mode=single><calcite-accordion-item .heading=${i.missionInfo}><div class=${a(t.table)}>${Object.keys(this._missionInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._missionInfo[e]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${i.platformInfo}><div class=${a(t.table)}>${Object.keys(this._platformInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._platformInfo[e]}</div></div>`)}</div></calcite-accordion-item><calcite-accordion-item .heading=${i.frameInfo}><div class=${a(t.table)}>${Object.keys(this._frameInfo).map((e) => s`<div class=${a(t.row)}><div class=${a(t.data)}>${e}</div><div class=${a(t.data)}>${this._frameInfo[e]}</div></div>`)}</div></calcite-accordion-item></calcite-accordion></calcite-block>`;

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

@@ -6,7 +6,7 @@ import { LitElement as p } from "@arcgis/lumina";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.113 */
 const v = m`.arcgis-video-player__settings-flow{min-width:var(--calcite-size-160)}`, $ = ["Auto"], g = [
   { label: "0.25x", value: 0.25 },
   { label: "0.5x", value: 0.5 },
@@ -24,8 +24,6 @@ class u extends p {
   static {
     this.styles = v;
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => [
       h(() => this.viewModel.state, (l) => {
@@ -33,8 +31,6 @@ class u extends p {
       }, { initial: !0 })
     ]);
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { viewModel: l, messages: e } = this, o = i`<calcite-flow-item .heading=${e.playbackSpeed} .selected=${this._active === "speed"} @calciteFlowItemBack=${() => this._active = null}><calcite-list .label=${e.playbackSpeed} selection-mode=single-persist>${g.map(({ label: t, value: c }) => i`<calcite-list-item .label=${t} @click=${() => {
       this._speed = t, l.changePlaybackSpeed(c);

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

@@ -4,7 +4,7 @@ import { LitElement as c, safeClassMap as s } from "@arcgis/lumina";
 import { css as t } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.113 */
 const d = t`.arcgis-video-player__slider-progress-container{position:relative;z-index:1;width:100%}.arcgis-video-player__progress{--esri-video-player-progress-width: 2px;appearance:none;display:block;position:absolute;top:calc(50% - var(--esri-video-player-progress-width) / 2);left:var(--esri-video-player-controls-spacing);border:none;background:var(--calcite-color-border-1);cursor:pointer;width:calc(100% - var(--esri-video-player-controls-spacing) * 2);height:var(--esri-video-player-progress-width)}.arcgis-video-player__progress::-webkit-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__progress::-webkit-progress-value{background-color:var(--calcite-color-border-input)}.arcgis-video-player__progress::-moz-progress-bar{background-color:var(--calcite-color-border-3)}.arcgis-video-player__slider{--calcite-slider-track-color: transparent;background-color:var(--calcite-color-foreground-1);padding:calc(var(--esri-video-player-controls-spacing) / 4) calc(var(--esri-video-player-controls-spacing) / 2)}`, o = "arcgis-video-player", i = {
   progress: `${o}__progress`,
   slider: `${o}__slider`,
@@ -17,16 +17,12 @@ class p extends c {
   static {
     this.styles = d;
   }
-  //#endregion
-  //#region Private Methods
   _onSliderInput({ currentTarget: r }) {
     if (typeof r.value == "number") {
       const e = r.value * this.viewModel.duration / 100;
       this.viewModel.seekTo(e);
     }
   }
-  //#endregion
-  //#region Rendering
   render() {
     const { value: r, buffered: e } = this;
     return l`<div class=${s(i.sliderProgressContainer)}><progress class=${s(i.progress)} max=1 .value=${`${e}`}></progress><div class=${s(i.slider)}><calcite-slider max=100 min=0 .value=${r} @calciteSliderInput=${this._onSliderInput}></calcite-slider></div></div>`;

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

@@ -10,15 +10,20 @@ import { WeatherViewModel } from './WeatherViewModel.js';
 declare const useViewModel: (component: LitElement & Pick<WeatherViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<WeatherViewModel>, options?: {
     editConstructorProperties(props: unknown): unknown;
 } | undefined) => WeatherViewModel;
-/** Weather component provides an interface for easily selecting and configuring the weather effects in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+/**
+ * Weather component provides an interface for easily selecting and configuring the weather effects in a [SceneView](https://developers.arcgis.com/javascript/latest/api-reference/esri-views-SceneView.html).
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-weather/)
  */
 export declare class ArcgisWeather extends LitElement {
     /**
      * If true, the component will not be destroyed automatically when it is
      * disconnected from the document. This is useful when you want to move the
      * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the \`destroy\` method when you are done to prevent
-     * memory leaks.
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-weather/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
     /**
@@ -29,28 +34,41 @@ export declare class ArcgisWeather extends LitElement {
      * @instance
      * @type {number}
      * @see [Heading Elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements)
+     * @default 4
      */
     headingLevel: HeadingLevel;
     /**
      * Whether to hide the component's header.
+     *
+     * @default false
      */
     hideHeader: boolean;
     /**
      * Icon which represents the component.
      * Typically used when the component is controlled by another component (e.g. by the Expand component).
-     * Search [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/) for possible values.
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "partly-cloudy"
      */
     icon: string;
-    /** The component's default label. */
+    /**
+     * The component's default label.
+     *
+     * @default "Weather"
+     */
     label: string | undefined;
+    /** @default "bottom-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
+    /** The current state of the component. */
     state: "ready" | "disabled" | "error";
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
 }
 export {};

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

@@ -4,7 +4,7 @@ import { usePropertyChange as x } from "@arcgis/lumina/controllers";
 import { classes as y } from "@arcgis/components-utils";
 import { watch as b } from "@arcgis/core/core/reactiveUtils.js";
 import { nothing as v, safeStyleMap as O, LitElement as S, createEvent as B, noShadowRoot as E, safeClassMap as g } from "@arcgis/lumina";
-import { u as H } from "../../chunks/useT9n.js";
+import { u as H } from "../../chunks/useView.js";
 import { m as L } from "../../chunks/useViewModel.js";
 import { H as A } from "../../chunks/heading.js";
 import { g as w } from "../../chunks/globalCss.js";
@@ -18,7 +18,7 @@ import C from "@arcgis/core/views/3d/environment/SnowyWeather.js";
 import M from "@arcgis/core/views/3d/environment/SunnyWeather.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.113 */
 const c = "arcgis-weather", d = {
   base: c,
   content: `${c}__content`,
@@ -175,25 +175,14 @@ class q extends S {
   static {
     this.styles = R;
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  //#endregion
-  //#region Lifecycle
   load() {
     this.manager.onLifecycle(() => [
       b(() => this._renderContent(), () => this.requestUpdate())
     ]);
   }
-  //#endregion
-  //#region Private Methods
-  /**
-   * When the widget has a non-fatal error, we display the UI but show a warning
-   * at the bottom.
-   */
   _getWarningMessage() {
     switch (this.viewModel.error) {
       case "not-visible": {
@@ -204,10 +193,6 @@ class q extends S {
         return;
     }
   }
-  /**
-   * When the widget has a fatal error (i.e. it can't work at all), no weather
-   * configuration UI is shown. Instead, the error message is shown.
-   */
   _getErrorMessage() {
     const e = this.messages.error;
     if (e)
@@ -222,8 +207,6 @@ class q extends S {
           return;
       }
   }
-  //#endregion
-  //#region Rendering
   render() {
     return o`<div aria-label=${this.messages.componentLabelAccessible ?? v} class=${g(y(d.base, w.widget, this.viewModel.disabled && w.widgetDisabled))} role=region>${this._renderContent()}</div>`;
   }

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

@@ -7,40 +7,55 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 import { ArcgisReferenceElement } from '../../utils/component-utils';
 
 type Layout = "horizontal" | "vertical";
-/** Zoom component allows users to zoom in/out within a view.
+/**
+ * Zoom component allows users to zoom in/out within a view.
+ *
+ * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-zoom/)
  */
 export declare class ArcgisZoom extends LitElement {
     /**
-     * If true, the component will not be destroyed automatically when
-     * it is disconnected from the document. This is useful when you
-     * want to move the component to a different place on the page, or
-     * temporary hide it. If this is set, make sure to call the
-     * \`destroy\` method when you are done to prevent memory leaks.
+     * If true, the component will not be destroyed automatically when it is
+     * disconnected from the document. This is useful when you want to move the
+     * component to a different place on the page, or temporarily hide it. If this
+     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-zoom/#destroy) method when you are done to
+     * prevent memory leaks.
+     *
+     * @default false
      */
     autoDestroyDisabled: boolean;
-    /** Icon which represents the component. */
+    /**
+     * Icon which represents the component.
+     * Typically used when the component is controlled by another component (e.g. by the Expand component).
+     *
+     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
+     * @default "magnifying-glass-plus"
+     */
     icon: Nil | string;
     /** The component's default label. */
     label: Nil | string;
-    /** Determines the layout/orientation of the Zoom widget. */
+    /**
+     * Determines the layout/orientation of the Zoom widget.
+     *
+     * @default "vertical"
+     */
     layout: Layout;
     /** Replace localized message strings with your own strings. */
     messageOverrides?: typeof this.messages._overrides;
+    /** @default "top-left" */
     position: __esri.UIPosition;
     referenceElement: ArcgisReferenceElement | Nil | string;
-    /**
-     * The current state of the component.
-     */
     get state(): "disabled" | "ready";
-    /** Permanently destroy the component */
+    /** Permanently destroy the component. */
     destroy(): Promise<void>;
     /** Zooms the view in by an LOD factor of 0.5. */
     zoomIn(): Promise<void>;
     /** Zooms the view out by an LOD factor of 2. */
     zoomOut(): Promise<void>;
+    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
     readonly arcgisPropertyChange: TargetedEvent<this, {
         name: "state";
     }>;
+    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
     readonly arcgisReady: TargetedEvent<this, undefined>;
     private messages: Partial<{
         componentLabel: string;

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

@@ -3,14 +3,13 @@ import { html as h } from "lit-html";
 import { classes as i } from "@arcgis/components-utils";
 import { ignoreAbortErrors as l } from "@arcgis/core/core/promiseUtils.js";
 import { when as f } from "@arcgis/core/core/reactiveUtils.js";
-import { LitElement as g, createEvent as p, noShadowRoot as y, safeClassMap as r, nothing as m } from "@arcgis/lumina";
+import { LitElement as g, createEvent as y, noShadowRoot as p, safeClassMap as r, nothing as m } from "@arcgis/lumina";
 import { usePropertyChange as z } from "@arcgis/lumina/controllers";
-import { u as b } from "../../chunks/useT9n.js";
-import { u as O } from "../../chunks/useView.js";
+import { u as b, a as O } from "../../chunks/useView.js";
 import { css as Z } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.113 */
 const a = {
   base: "arcgis-zoom",
   horizontalLayout: "arcgis-zoom--horizontal",
@@ -41,48 +40,36 @@ function u(t) {
 const x = Z`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap;box-shadow:0 1px 2px #0000004d}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`;
 class $ extends g {
   constructor() {
-    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.arcgisPropertyChange = z()("state"), this.arcgisReady = p();
+    super(...arguments), this.messages = b({}), this.view = O(this), this.canZoomIn = !1, this.canZoomOut = !1, this.autoDestroyDisabled = !1, this.icon = "magnifying-glass-plus", this.layout = "vertical", this.position = "top-left", this.arcgisPropertyChange = z()("state"), this.arcgisReady = y();
   }
   static {
-    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 3, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
+    this.properties = { canZoomIn: 16, canZoomOut: 16, autoDestroyDisabled: 5, icon: 1, label: 1, layout: 3, messageOverrides: 0, position: 1, referenceElement: 1, state: 35 };
   }
   static {
-    this.shadowRootOptions = y;
+    this.shadowRootOptions = p;
   }
   static {
     this.styles = x;
   }
-  /**
-   * The current state of the component.
-   */
   get state() {
     return this.view?.ready ? "ready" : "disabled";
   }
-  //#endregion
-  //#region Public Methods
-  /** Permanently destroy the component */
   async destroy() {
     await this.manager.destroy();
   }
-  /** Zooms the view in by an LOD factor of 0.5. */
   async zoomIn() {
     const { view: o } = this;
     !this.canZoomIn || !o || (o.type === "2d" ? o.mapViewNavigation.zoomIn() : l(o.goTo({ zoomFactor: 2 })));
   }
-  /** Zooms the view out by an LOD factor of 2. */
   async zoomOut() {
     const { view: o } = this;
     !this.canZoomOut || !o || (o.type === "2d" ? o.mapViewNavigation.zoomOut() : l(o.goTo({ zoomFactor: 0.5 })));
   }
-  //#endregion
-  //#region Lifecycle
   loaded() {
     this.manager.onLifecycle(() => f(() => this.view?.stationary, () => {
       this.canZoomIn = I(this.view), this.canZoomOut = w(this.view);
     }, { initial: !0 }));
   }
-  //#endregion
-  //#region Rendering
   render() {
     const o = {
       [a.horizontalLayout]: this.layout === "horizontal"

package/dist/controllers/Handles.d.ts

@@ -1,7 +1,7 @@
 import { IHandle, Nil } from '@arcgis/components-utils';
 export declare class Handles<T = string, H extends IHandle = IHandle> {
     /**
-     * A handle to a {@link module:esri/views/layers/FeatureLayerView#highlight highlight} call result.
+     * A handle to a [highlight](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html#highlight) call result.
      * The handle can be used to remove the installed highlight.
      *
      * @typedef module:esri/core/Handles~Handle
@@ -36,7 +36,7 @@ export declare class Handles<T = string, H extends IHandle = IHandle> {
      * @param {module:esri/core/Accessor~WatchHandle | module:esri/core/Accessor~WatchHandle[] | module:esri/core/Collection<module:esri/core/Accessor~WatchHandle>} handles - An array or collection handles to group.
      * @param {*} [groupKey]
      *    Key identifying the group to which the handles should be added. All the handles in the group
-     *    can later be removed with {@link module:esri/core/Handles#remove Handles.remove()}. If no
+     *    can later be removed with [Handles.remove()](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#remove). If no
      *    key is provided the handles are added to a default group.
      *
      * @example

package/dist/controllers/useHandles.d.ts

@@ -40,7 +40,7 @@ declare class HandleManager extends Controller {
      *    Handles marked for removal once the object is destroyed.
      * @param {*} [groupKey]
      *    Key identifying the group to which the handles should be added. All the handles in the group
-     *    can later be removed with {@link module:esri/core/Accessor#removeHandles Accessor.removeHandles()}.
+     *    can later be removed with [Accessor.removeHandles()](https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles).
      *    If no key is provided the handles are added to a default group.
      */
     addHandles<T>(handleOrHandles: SafeHandle | SafeHandle[], groupKey?: GroupKey<T>): void;
@@ -85,9 +85,9 @@ declare class HandleManager extends Controller {
 }
 /**
  * useHandles() implements the following methods from JS API's Accessor class:
- * addHandles - https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#addHandles
- * hasHandles - https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#hasHandles
- * removeHandles - https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles
+ * addHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#addHandles
+ * hasHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#hasHandles
+ * removeHandles - https://next.sites.afd.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#removeHandles
  * removeAllHandles - (hidden from the JS API's JSDoc)
  *
  * Except, to adapt these to web-components, you have an option of picking