@arcgis/map-components 5.0.0-next.99 → 5.0.1

package/dist/components/arcgis-popup/types.d.ts

@@ -0,0 +1,27 @@
+import type { ClickEvent } from "@arcgis/core/views/input/types.js";
+
+export type PopupPositionResult = "bottom-center" | "bottom-end" | "bottom-left" | "bottom-right" | "bottom-start" | "top-center" | "top-end" | "top-left" | "top-right" | "top-start";
+
+export type PopupPositionValue = PopupPositionResult | PopupPositionVariable;
+
+export type Alignment = PopupPositionValue | (() => PopupPositionValue);
+
+export type PopupDockPosition = PopupPositionValue | (() => PopupPositionValue);
+
+export interface DockOptions {
+  buttonEnabled?: boolean;
+  position?: PopupDockPosition;
+  breakpoint?: DockOptionsBreakpoint | boolean;
+}
+
+export interface FetchFeaturesOptions {
+  event?: ClickEvent;
+  signal?: AbortSignal;
+}
+
+export type PopupPositionVariable = "auto" | "bottom-end" | "bottom-start" | "top-end" | "top-start";
+
+export interface DockOptionsBreakpoint {
+  width?: number;
+  height?: number;
+}

package/dist/components/arcgis-presentation/PresentationViewModel.d.ts

@@ -1,34 +1,38 @@
-import { default as Collection } from '@arcgis/core/core/Collection.js';
-import { default as Slide } from '@arcgis/core/webscene/Slide';
-import { default as Accessor } from '@arcgis/core/core/Accessor.js';
-import { default as SceneView } from '@arcgis/core/views/SceneView';
+import type Accessor from "@arcgis/core/core/Accessor.js";
+import type Collection from "@arcgis/core/core/Collection.js";
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type Slide from "@arcgis/core/webscene/Slide.js";
+
+/** @internal */
+export interface PresentationViewModelProperties extends Partial<Pick<PresentationViewModel, "keyboardNavigationEnabled" | "slideId" | "view">> {}
+
 /** @internal */
-type PresentationViewModelProperties = Partial<Pick<PresentationViewModel, "slideId" | "view">>;
 export default class PresentationViewModel extends Accessor {
-    constructor(properties?: PresentationViewModelProperties);
-    initialize(): void;
-    destroy(): void;
-    view?: SceneView;
-    slideId?: string;
-    /**
-     * Enable navigation with the keyboard
-     * by using the arrow keys or page up/page down keys
-     */
-    keyboardNavigationEnabled: boolean;
-    get visibleSlides(): Collection<Slide>;
-    get lastSlideSelected(): boolean;
-    get firstSlideSelected(): boolean;
-    get slideSelected(): boolean;
-    get hasOnlyOneSlide(): boolean;
-    get slideIndex(): number;
-    getSlideIndexBySlideId(slideId: string | undefined): number;
-    navigateInPresentation(stepSize: number): void;
-    captureArrowKeysForNavigation(event: KeyboardEvent, direction: "ltr" | "rtl"): void;
-    private _getSlideBySlideIndex;
-    private _applySlide;
-    private _startWatchVisibleSlides;
-    private _subscribeToSlideEvents;
-    private _unSubscribeToSlideEvents;
-    private _onApplySlideStart;
-}
-export {};
+  constructor(properties?: PresentationViewModelProperties);
+  get firstSlideSelected(): boolean;
+  get hasOnlyOneSlide(): boolean;
+  /**
+   * Enable navigation with the keyboard
+   * by using the arrow keys or page up/page down keys
+   *
+   * @default false
+   */
+  accessor keyboardNavigationEnabled: boolean;
+  get lastSlideSelected(): boolean;
+  accessor slideId: string | undefined;
+  get slideIndex(): number;
+  get slideSelected(): boolean;
+  accessor view: SceneView | undefined;
+  get visibleSlides(): Collection<Slide>;
+  /**
+   * @param event
+   * @param direction
+   */
+  captureArrowKeysForNavigation(event: KeyboardEvent, direction: "ltr" | "rtl"): void;
+  destroy(): void;
+  /** @param slideId */
+  getSlideIndexBySlideId(slideId: string | undefined): number;
+  initialize(): void;
+  /** @param stepSize */
+  navigateInPresentation(stepSize: number): void;
+}

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

@@ -1,57 +1,67 @@
 /// <reference path="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { EventEmitter, PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
-import { default as SceneView } from '@arcgis/core/views/SceneView';
-import { default as PresentationViewModel } from './PresentationViewModel';
+import type SceneView from "@arcgis/core/views/SceneView.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-declare const usePresentationViewModel: (component: LitElement & Pick<PresentationViewModel, never> & import('../../controllers/useViewModel').ViewModelControllerUses<PresentationViewModel>) => PresentationViewModel;
 /**
  * The Presentation component allows to present slides of a web scene in a presentation mode
  * and supports navigating between the slides of a web scene.
  *
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-presentation/)
- *
  * @since 5.0
  * @internal
  */
-export declare class ArcgisPresentation extends LitElement {
-    /**
-     * The id of the slide applied to the view
-     * Set the id of the slide applied to the view
-     */
-    get slideId(): string | undefined;
-    set slideId(slideId: string | undefined);
-    /**
-     * 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-presentation/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * The view associated with the component.
-     *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the Presentation component will be associated with a map or scene component rather than using the `view` property.
-     */
-    view?: SceneView;
-    /**
-     * specifies the size of the component
-     *
-     * @default "m"
-     */
-    scale: "l" | "m" | "s";
-    /**
-     * Enable navigation with the keyboard
-     * by using the arrow keys or page up/page down keys
-     *
-     * @default false
-     */
-    keyboardNavigationEnabled: boolean;
-    /** Permanently destroy the component */
-    destroy(): Promise<void>;
-    /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-}
-export {};
+export abstract class ArcgisPresentation extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      componentLabel: string;
+      slides: string;
+      slideNavAriaText: string;
+      previous: string;
+      next: string;
+      restart: string;
+  }> & T9nMeta<{
+      componentLabel: string;
+      slides: string;
+      slideNavAriaText: string;
+      previous: string;
+      next: string;
+      restart: string;
+  }>;
+  /**
+   * 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/components/arcgis-presentation/#destroy) method when you are done to
+   * prevent memory leaks.
+   *
+   * @default false
+   */
+  accessor autoDestroyDisabled: boolean;
+  /**
+   * Enable navigation with the keyboard
+   * by using the arrow keys or page up/page down keys
+   *
+   * @default false
+   */
+  accessor keyboardNavigationEnabled: boolean;
+  /**
+   * specifies the size of the component
+   *
+   * @default "m"
+   */
+  accessor scale: "l" | "m" | "s";
+  /** The id of the slide applied to the view */
+  accessor slideId: string | undefined;
+  /**
+   * The view associated with the component. 
+   *   > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-presentation component will be associated with a map or scene component rather than using the `view` property.
+   */
+  accessor view: SceneView | undefined;
+  /** Permanently destroy the component */
+  destroy(): Promise<void>;
+  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
+  readonly "@eventTypes": {
+    arcgisReady: ArcgisPresentation["arcgisReady"]["detail"];
+  };
+}

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

@@ -1,3 +1,4 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
 import { c as v } from "../../chunks/runtime.js";
 import { css as g, html as c } from "lit";
 import { useDirection as u } from "@arcgis/lumina/controllers";
@@ -5,17 +6,14 @@ import { LitElement as S, createEvent as m, nothing as h } from "@arcgis/lumina"
 import { u as b } from "../../chunks/useT9n.js";
 import { m as w } from "../../chunks/useViewModel.js";
 import { property as d, subclass as y } from "@arcgis/core/core/accessorSupport/decorators.js";
-import p from "@arcgis/core/core/Collection.js";
 import f from "@arcgis/core/core/Accessor.js";
+import p from "@arcgis/core/core/Collection.js";
 import { ignoreAbortErrors as x } from "@arcgis/core/core/promiseUtils.js";
 import { on as I, watch as _ } from "@arcgis/core/core/reactiveUtils.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.99 */
-const E = g`:host{width:100%;height:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);display:flex}p{padding:0;margin:0}.navigation{--internal-attribution-height: 16px;pointer-events:auto;display:flex;align-items:center;gap:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);box-shadow:var(--arcgis-internal-box-shadow);align-self:flex-end;margin-block:auto calc(var(--calcite-spacing-fixed-xl) + var(--internal-attribution-height));margin-inline-start:var(--calcite-spacing-fixed-xl)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-spacing-base);min-width:64px}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}`;
+const E = g`:host{width:100%;height:100%;padding:var(--calcite-spacing-none);margin:var(--calcite-spacing-none);display:flex}p{padding:0;margin:0}.root{--internal-attribution-height: 16px;pointer-events:auto;display:flex;align-items:center;gap:var(--calcite-spacing-sm);background-color:var(--calcite-color-foreground-1);box-shadow:var(--arcgis-internal-box-shadow);align-self:flex-end;margin-block:auto calc(var(--calcite-spacing-fixed-xl) + var(--internal-attribution-height));margin-inline-start:var(--calcite-spacing-fixed-xl)}.slide-counter-text{display:flex;align-items:center;justify-content:center;gap:var(--calcite-spacing-base);min-width:64px}.slide-counter-text-element{box-sizing:border-box;max-width:28px;margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}`;
 var M = Object.defineProperty, A = Object.getOwnPropertyDescriptor, r = (e, t, i, l) => {
-  for (var n = l > 1 ? void 0 : l ? A(t, i) : t, o = e.length - 1, a; o >= 0; o--)
-    (a = e[o]) && (n = (l ? a(t, i, n) : a(n)) || n);
+  for (var n = l > 1 ? void 0 : l ? A(t, i) : t, a = e.length - 1, o; a >= 0; a--)
+    (o = e[a]) && (n = (l ? o(t, i, n) : o(n)) || n);
   return l && n && M(t, i, n), n;
 };
 let s = class extends f {
@@ -69,8 +67,8 @@ let s = class extends f {
     const i = ["ArrowLeft", "ArrowRight", "PageUp", "PageDown"];
     if (document.activeElement?.nodeName.toLowerCase() === "arcgis-scene" || !i.includes(e.code))
       return;
-    const n = t === "rtl" ? "ArrowRight" : "ArrowLeft", a = e.code === n || e.code === "PageUp" ? -1 : 1;
-    this.navigateInPresentation(a);
+    const n = t === "rtl" ? "ArrowRight" : "ArrowLeft", o = e.code === n || e.code === "PageUp" ? -1 : 1;
+    this.navigateInPresentation(o);
   }
   //#endregion
   //#region Private Methods
@@ -162,7 +160,7 @@ class P extends S {
   }
   render() {
     const t = this.viewModel.lastSlideSelected && !this.viewModel.hasOnlyOneSlide, i = this._direction === "rtl", l = i ? "chevron-right" : "chevron-left", n = i ? "chevron-left" : "chevron-right";
-    return this.viewModel.visibleSlides.length === 0 ? c`<div></div>` : c`<div class="navigation"><calcite-button appearance=transparent icon-start=${l} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? h} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${t ? "reset" : n} kind=neutral .scale=${this.scale} .label=${t ? this._messages.restart : this._messages.next} title=${(t ? this._messages.restart : this._messages.next) ?? h} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
+    return this.viewModel.visibleSlides.length === 0 ? c`<div></div>` : c`<div class="root"><calcite-button appearance=transparent icon-start=${l} kind=neutral .scale=${this.scale} .disabled=${this.viewModel.firstSlideSelected || !this.viewModel.slideSelected} .label=${this._messages.previous} title=${this._messages.previous ?? h} @click=${() => this.viewModel.navigateInPresentation(-1)}></calcite-button><div class="slide-counter-text">${this._renderSlideCounter()}</div><calcite-button appearance=transparent icon-start=${t ? "reset" : n} kind=neutral .scale=${this.scale} .label=${t ? this._messages.restart : this._messages.next} title=${(t ? this._messages.restart : this._messages.next) ?? h} @click=${() => this.viewModel.navigateInPresentation(1)}></calcite-button></div>`;
   }
   _renderSlideCounter() {
     const t = this.viewModel.slideIndex + 1, i = this._messages?.slideNavAriaText?.replace("${index}", t.toString()).replace("${numberOfSlides}", this.viewModel.visibleSlides.length.toString());

package/dist/components/arcgis-presentation/index.d.ts

@@ -1,2 +1 @@
-import "@esri/calcite-components/components/calcite-button";
 export * from "./customElement.js";