@arcgis/map-components 5.2.0-next.59 → 5.2.0-next.60

package/dist/components/arcgis-oriented-imagery-viewer-video-controls/customElement.d.ts

@@ -0,0 +1,34 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcGISOrientedImageryViewerVideoControls extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      play: string;
+      pause: string;
+      rewind: string;
+      mute: string;
+      unmute: string;
+  }> & T9nMeta<{
+      play: string;
+      pause: string;
+      rewind: string;
+      mute: string;
+      unmute: string;
+  }>;
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: {
+      play?: string | undefined;
+      pause?: string | undefined;
+      rewind?: string | undefined;
+      mute?: string | undefined;
+      unmute?: string | undefined;
+  };
+  accessor videoRef: HTMLVideoElement | undefined;
+}

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

@@ -0,0 +1,61 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as t } from "../../chunks/runtime.js";
+import { css as s, html as a } from "lit";
+import { on as i, when as o } from "@arcgis/core/core/reactiveUtils.js";
+import { LitElement as r } from "@arcgis/lumina";
+import { log as l } from "@arcgis/toolkit/log";
+import { when as c } from "lit/directives/when.js";
+import { createRef as n, ref as h } from "lit/directives/ref.js";
+import { u as d } from "../../chunks/useT9n.js";
+const u = s`:host{position:absolute;align-self:center;inset-block-end:0;background-color:color-mix(in srgb,var(--calcite-color-surface-1) 80%,transparent);inline-size:80%}calcite-label{padding:0 .5rem;--calcite-label-margin-bottom: 0}calcite-slider{inline-size:100%}`;
+class m extends r {
+  constructor() {
+    super(...arguments), this.handlePlayPause = () => {
+      this._playing ? this.pause() : this.play();
+    }, this.handleSeek = () => {
+      const e = this.#e.value?.value;
+      typeof e != "number" || e < 0 || e > this._duration || this.seek(e);
+    }, this.play = async () => {
+      try {
+        await this.videoRef?.play();
+      } catch (e) {
+        l("error", this, "Error playing video", { detail: { error: { message: e.message } } });
+      }
+    }, this.pause = () => this.videoRef?.pause(), this.rewind = async () => await this.seek(0), this.seek = (e) => (this.pause(), this.videoRef && (this.videoRef.currentTime = e), this.play()), this.toggleMute = () => {
+      this.videoRef && (this.videoRef.muted = !this.videoRef.muted, this._audio = !this.videoRef.muted);
+    }, this.#e = n(), this._messages = d(), this._audio = !1, this._playing = !1, this._currentTime = 0, this._duration = 0, this.messageOverrides = this._messages._overrides;
+  }
+  static {
+    this.properties = { _audio: 16, _playing: 16, _currentTime: 16, _duration: 16, _videoReady: 16, messageOverrides: 0, videoRef: 0 };
+  }
+  static {
+    this.styles = u;
+  }
+  #e;
+  get _videoReady() {
+    return this.videoRef?.readyState !== void 0 && this.videoRef.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA;
+  }
+  loaded() {
+    this.manager.onLifecycle(() => [
+      i(() => this.videoRef, "play", () => {
+        this._playing = !0;
+      }),
+      i(() => this.videoRef, "pause", () => {
+        this._playing = !1;
+      }),
+      o(() => this._videoReady, () => {
+        this.videoRef && (this._duration = this.videoRef.duration, this._audio = !this.videoRef.muted, this._playing = !this.videoRef.paused);
+      }, { initial: !0, sync: !0 }),
+      i(() => this.videoRef, "timeupdate", () => {
+        this.videoRef && (this._currentTime = this.videoRef.currentTime);
+      })
+    ]);
+  }
+  render() {
+    return c(() => this._videoReady, () => a`<calcite-label scale=s layout=inline-space-between><calcite-action-group layout=horizontal scale=s><calcite-action scale=m @click=${this.handlePlayPause} .text=${this._playing ? this._messages.pause : this._messages.play} .icon=${this._playing ? "pause-f" : "play-f"}></calcite-action><calcite-action scale=m icon=reset .text=${this._messages.rewind} @click=${this.rewind}></calcite-action><calcite-action scale=m .text=${this._audio ? this._messages.mute : this._messages.unmute} .icon=${this._audio ? "sound" : "sound-off"} @click=${this.toggleMute}></calcite-action></calcite-action-group><calcite-slider scale=s .value=${Number(this._currentTime.toFixed(2)) ?? 0} label-handles label-ticks .max=${this._duration} .ticks=${this._duration} step=0.001 @calciteSliderChange=${this.handleSeek} @calciteSliderInput=${this.pause} ${h(this.#e)}></calcite-slider></calcite-label>`);
+  }
+}
+t("arcgis-oriented-imagery-viewer-video-controls", m);
+export {
+  m as ArcGISOrientedImageryViewerVideoControls
+};

package/dist/components/arcgis-oriented-imagery-viewer-video-controls/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-oriented-imagery-viewer-video-controls/index.js

@@ -0,0 +1,5 @@
+import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-slider";
+export * from "./customElement.js";

package/dist/components/arcgis-table-list-next/customElement.js

@@ -173,7 +173,7 @@ class z extends E {
     return this.closed ? null : _("root-flow", o`<calcite-flow>${p}</calcite-flow>`);
   }
   _renderItem(e) {
-    return _(e.uid, O({ canMove: this._canMove, css: b, displayMode: y, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, item: e, listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, showErrors: this.showErrors, showFilter: this.showFilter, showTemporaryTableIndicators: this.showTemporaryTableIndicators, handleAction: (t, i) => this._onTriggerAction(t, i), handlePanelOpen: this._onPanelOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, view: this.view }));
+    return _(e.uid, O({ canMove: this._canMove, css: b, displayMode: y, dragEnabled: this.dragEnabled, hideStatusIndicators: this.hideStatusIndicators, item: e, itemType: "table", listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, rootGroupUid: this._rootGroupUid, selectedDragItemLayerUid: this._selectedDragItemLayerUid, selectedItems: this.selectedItems, selectionMode: this.selectionMode, showErrors: this.showErrors, showFilter: this.showFilter, showTemporaryTableIndicators: this.showTemporaryTableIndicators, handleAction: (t, i) => this._onTriggerAction(t, i), handlePanelOpen: this._onPanelOpen, handleSelectedDragItemLayerUidChange: this._onSelectedDragItemLayerUidChange, view: this.view }));
   }
 }
 C("arcgis-table-list-next", z);

package/dist/components/arcgis-time-bar/TimeBarViewModel.d.ts

@@ -0,0 +1,71 @@
+import type Accessor from "@arcgis/core/core/Accessor.js";
+import type TimeExtent from "@arcgis/core/time/TimeExtent.js";
+import type MapView from "@arcgis/core/views/MapView.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type TimeInterval from "@arcgis/core/time/TimeInterval.js";
+import type WebMap from "@arcgis/core/WebMap.js";
+import type WebScene from "@arcgis/core/WebScene.js";
+import type { DateTimeFormatOptions } from "@arcgis/core/intl/date.js";
+import type { Format, Mode, State, Stops, TickFormat } from "./types.js";
+import type { TimeZone } from "../../support/time-utils.js";
+
+export class TimeBarViewModel extends Accessor {
+  /** @default false */
+  accessor disabled: boolean;
+  get effectiveStops(): Date[] | undefined;
+  get effectiveStopsEpoch(): number[] | undefined;
+  /**
+   * Indicates whether the `fullTimeExtent` starts before the common era (BCE).
+   * This property is used to determine if era information should be included in the time slider's date labels.
+   */
+  get era(): DateTimeFormatOptions["era"];
+  /** @default "date" */
+  accessor format: Format;
+  accessor fullTimeExtent: TimeExtent | undefined;
+  /** Convenience property to determine if the component is interactive. */
+  get interactive(): boolean;
+  /** Determines if the current timeExtent is outside the bounds of the fullTimeExtent or otherwise invalid. */
+  get isOutOfRange(): boolean;
+  /** @default false */
+  accessor loadPersistedSettingsDisabled: boolean;
+  accessor locale: string | undefined;
+  /** @default false */
+  accessor loop: boolean;
+  accessor majorTickFormat: DateTimeFormatOptions | undefined;
+  get majorTickFormatter(): (value: number) => string;
+  /** @default "time-window" */
+  accessor mode: Mode;
+  accessor playRate: number;
+  /** @default false */
+  accessor savePersistedSettingsDisabled: boolean;
+  get state(): State;
+  accessor stops: Stops | undefined;
+  get tickFormats(): TickFormat[];
+  accessor timeExtent: TimeExtent | undefined;
+  get timeZone(): TimeZone;
+  set timeZone(value: TimeZone | null | undefined);
+  accessor view: MapView | SceneView | undefined;
+  /** View's time zone, if available. */
+  get viewTimeZone(): TimeZone | undefined;
+  destroy(): void;
+  /** @param date */
+  formatDate(date: Date): string;
+  /** @param date */
+  formatDateTime(date: Date): string;
+  /**
+   * @param value
+   * @param formatOptions
+   */
+  formatNumber(value: number, formatOptions: Intl.NumberFormatOptions): string;
+  /** @param date */
+  formatTime(date: Date): string;
+  /** @param interval */
+  getTickValues(interval: TimeInterval): number[];
+  initialize(): Promise<void>;
+  next(): void;
+  play(): void;
+  previous(): void;
+  stop(): void;
+  /** @param document */
+  updateWebDocument(document: WebMap | WebScene): void;
+}