@arcgis/map-components 5.2.0-next.61 → 5.2.0-next.63

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

@@ -1,26 +1,25 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as p } from "../../chunks/runtime.js";
-import { css as g, html as _ } from "lit";
-import { LitElement as y } from "@arcgis/lumina";
-import { t as m } from "../../chunks/async-utils.js";
-import { property as c, subclass as f } from "@arcgis/core/core/accessorSupport/decorators.js";
-import * as u from "@arcgis/toolkit/log";
+import { c as g } from "../../chunks/runtime.js";
+import { css as p, html as _ } from "lit";
+import { LitElement as f } from "@arcgis/lumina";
+import { t as d } from "../../chunks/async-utils.js";
+import { property as c, subclass as u } from "@arcgis/core/core/accessorSupport/decorators.js";
+import * as y from "@arcgis/toolkit/log";
 import w from "@arcgis/core/core/Accessor.js";
 import "@arcgis/core/views/MapView.js";
-import v from "@arcgis/core/geometry/SpatialReference.js";
-import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
-import { rotateDimensions as L, registerPanConstraint as C } from "@arcgis/core/applications/Components/OrientedImageryViewer/ImageViewer/utils.js";
-import R from "@arcgis/core/layers/support/TileInfo.js";
-import { u as M } from "../../chunks/useT9n.js";
+import C from "@arcgis/core/geometry/SpatialReference.js";
+import { watch as m } from "@arcgis/core/core/reactiveUtils.js";
+import { rotateDimensions as R, registerPanConstraint as v } from "@arcgis/core/applications/Components/OrientedImageryViewer/ImageViewer/utils.js";
+import M from "@arcgis/core/layers/support/TileInfo.js";
+import { u as P } from "../../chunks/useT9n.js";
 import "@arcgis/core/Graphic.js";
-import G from "@arcgis/core/layers/GraphicsLayer.js";
-import { GenericController as b } from "@arcgis/lumina/controllers";
-import { createRef as P, ref as I } from "lit/directives/ref.js";
-const x = g`:host{height:100%;--arcgis-view-color-focus: none}`;
-var O = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (r, e, i, t) => {
-  for (var a = t > 1 ? void 0 : t ? z(e, i) : e, s = r.length - 1, o; s >= 0; s--)
-    (o = r[s]) && (a = (t ? o(e, i, a) : o(a)) || a);
-  return t && a && O(e, i, a), a;
+import { G as b } from "../../chunks/graphicsLayerController.js";
+import { createRef as I, ref as L } from "lit/directives/ref.js";
+const G = p`:host{height:100%;--arcgis-view-color-focus: none}`;
+var x = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (t, e, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? z(e, i) : e, s = t.length - 1, o; s >= 0; s--)
+    (o = t[s]) && (a = (r ? o(e, i, a) : o(a)) || a);
+  return r && a && x(e, i, a), a;
 };
 let n = class extends w {
   //--------------------------------------------------------------------------
@@ -28,11 +27,11 @@ let n = class extends w {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
-  constructor(r) {
-    super(r), this.autoLoad = !1;
+  constructor(t) {
+    super(t), this.autoLoad = !1;
   }
-  static isNonPanoramicMedia(r) {
-    return !!r && typeof r == "object" && "declaredClass" in r && typeof r.declaredClass == "string" && r.declaredClass === "components.oriented-imagery-viewer.support.NonPanoramicMedia";
+  static isNonPanoramicMedia(t) {
+    return !!t && typeof t == "object" && "declaredClass" in t && typeof t.declaredClass == "string" && t.declaredClass === "components.oriented-imagery-viewer.support.NonPanoramicMedia";
   }
   destroy() {
     this._cache?.destroy(), this._cache = void 0;
@@ -43,46 +42,46 @@ let n = class extends w {
   get size() {
     if (!this._cache || this._cache.destroyed || this._cache.loadError || !this._cache.serviceRasterInfo)
       return;
-    const { serviceRasterInfo: r } = this._cache;
-    return [r.width, r.height];
+    const { serviceRasterInfo: t } = this._cache;
+    return [t.width, t.height];
   }
   //---------------------------------------------------------------------------
   //
   //  Public Methods
   //
   //---------------------------------------------------------------------------
-  async load(r) {
+  async load(t) {
     if (this._cache && !this._cache.destroyed)
-      return await this._cache.load(r), { layer: this._cache, size: this.size };
+      return await this._cache.load(t), { layer: this._cache, size: this.size };
     const { url: e, customParameters: i } = this;
-    let t = this.datasetFormat;
+    let r = this.datasetFormat;
     if (!e)
       throw new Error("URL is required to load NonPanoramicMedia.");
-    if (!t) {
+    if (!r) {
       const o = await import("../../chunks/urlUtils.js");
-      if (m(r), t = o.guessExtensionFromURI(e), !t) {
+      if (d(t), r = o.guessExtensionFromURI(e), !r) {
         try {
-          t = await o.getDatasetFormat(e);
+          r = await o.getDatasetFormat(e);
         } catch {
-          u.log("warn", this, "Failed to determine dataset format from URL or response headers."), t = "UNKNOWN FORMAT";
+          y.log("warn", this, "Failed to determine dataset format from URL or response headers."), r = "UNKNOWN FORMAT";
         }
-        m(r);
+        d(t);
       }
     }
-    this.datasetFormat = t;
+    this.datasetFormat = r;
     const a = (await import("@arcgis/core/layers/ImageryTileLayer.js")).default;
-    m(r);
+    d(t);
     const s = new a({
       url: e,
       // @ts-ignore - datasetFormat is not part of the official ImageryTileLayer properties, but is used in the custom ioConfig for loading the image and is necessary to pass along the format information.
       ioConfig: {
         skipExtensions: ["aux.xml", "jgw"],
         skipMapInfo: !0,
-        datasetFormat: t
+        datasetFormat: r
       },
       customParameters: i ?? void 0
     });
-    return await s.load(r), m(r), this._cache = s, { layer: this._cache, size: this.size };
+    return await s.load(t), d(t), this._cache = s, { layer: this._cache, size: this.size };
   }
 };
 h([
@@ -107,103 +106,36 @@ h([
   c()
 ], n.prototype, "size", 1);
 n = h([
-  f("components.oriented-imagery-viewer.support.NonPanoramicMedia")
+  u("components.oriented-imagery-viewer.support.NonPanoramicMedia")
 ], n);
-function A(r, e, i, t, a) {
-  const { width: s, height: o } = L(r, e, a);
-  return Math.max(s / i, o / t);
+function O(t, e, i, r, a) {
+  const { width: s, height: o } = R(t, e, a);
+  return Math.max(s / i, o / r);
 }
-const F = 96, E = 39.37, l = E * F;
-function N(r) {
-  const e = l * 0.25, i = l * r, t = [];
+const F = 96, A = 39.37, l = A * F;
+function E(t) {
+  const e = l * 0.25, i = l * t, r = [];
   let a = i;
   for (; a > e; )
-    t.push(a), a *= 0.5;
-  t.push(e);
-  const { lods: s } = R.create({
-    scales: t
+    r.push(a), a *= 0.5;
+  r.push(e);
+  const { lods: s } = M.create({
+    scales: r
   });
   return {
     minScale: i,
     lods: s
   };
 }
-class H extends b {
-  get graphics() {
-    return this._graphicsLayer?.graphics;
-  }
-  _ensureGraphicsLayer() {
-    (!this._graphicsLayer || this._graphicsLayer.destroyed) && (this._graphicsLayer = new G({
-      title: "Overlays",
-      listMode: "hide",
-      visible: !0,
-      blendMode: "source-atop"
-    }));
-  }
-  hostLoaded() {
-    this._ensureGraphicsLayer(), this.component.manager.onLifecycle(() => [
-      d(
-        () => this.component?.map,
-        (e, i) => {
-          i?.layers.remove(this._graphicsLayer), e && e?.layers.add(this._graphicsLayer);
-        },
-        { initial: !0, sync: !0 }
-      ),
-      d(
-        () => this.component?.map?.allLayers.length,
-        (e) => {
-          e && this.component?.map?.layers.reorder(this._graphicsLayer, e - 1);
-        },
-        { initial: !0, sync: !0 }
-      )
-    ]);
-  }
-  /**
-   * Adds a graphic to the graphics layer.
-   */
-  addGraphic(e) {
-    this._graphicsLayer.add(e);
-  }
-  /**
-   * Adds graphics to the graphics layer.
-   */
-  addGraphics(e) {
-    this._graphicsLayer.addMany(e);
-  }
-  /**
-   * Removes a graphic from the graphics layer.
-   */
-  removeGraphic(e) {
-    this._graphicsLayer?.destroyed || this._graphicsLayer.remove(e);
-  }
-  /**
-   * Removes graphics from the graphics layer.
-   */
-  removeGraphics(e) {
-    this._graphicsLayer?.destroyed || this._graphicsLayer.removeMany(e);
-  }
-  /**
-   * Removes all graphics from the graphics layer.
-   */
-  clearGraphics() {
-    this._graphicsLayer?.destroyed || this._graphicsLayer.removeAll();
-  }
-  /**
-   * Destroys the graphics layer.
-   */
-  destroy() {
-    this._graphicsLayer?.destroy();
-  }
-}
-class S extends y {
+class N extends f {
   constructor() {
-    super(...arguments), this._messages = M(), this._graphicsController = new H(this), this._imageChanged = !1, this._internalMap = P(), this._loading = !1, this.hideHeader = !1, this.hideLoader = !1, this.hideZoomControls = !1, this.rotation = 0;
+    super(...arguments), this._messages = P(), this._graphicsController = new b(this), this._imageChanged = !1, this._internalMap = I(), this._loading = !1, this.hideHeader = !1, this.hideLoader = !1, this.hideZoomControls = !1, this.rotation = 0;
   }
   static {
     this.properties = { _imageChanged: 16, _internalMap: 16, _image: 16, _loading: 16, _media: 16, hideHeader: 5, hideLoader: 5, hideZoomControls: 5, messageOverrides: 0, media: 0, rotation: 9 };
   }
   static {
-    this.styles = [x];
+    this.styles = [G];
   }
   get imageRenderer() {
     return this._internalMap?.value?.view;
@@ -244,7 +176,7 @@ class S extends y {
       this._createResizeConstraint(),
       this._createRotationHandler(),
       this._createPanConstraint(),
-      d(() => this._media, (e) => {
+      m(() => this._media, (e) => {
         this._mediaAbortController?.abort(), e && (this._mediaAbortController = new AbortController(), this._mediaPromise = this._loadMediaInternal(e, this._mediaAbortController));
       }, {
         initial: !0,
@@ -253,28 +185,28 @@ class S extends y {
     ]);
   }
   _createPanConstraint() {
-    return d(() => ({ image: this._image, imageRenderer: this.imageRenderer }), ({ image: e, imageRenderer: i }) => {
-      !e || !i?.ready || C(i, e);
+    return m(() => ({ image: this._image, imageRenderer: this.imageRenderer }), ({ image: e, imageRenderer: i }) => {
+      !e || !i?.ready || v(i, e);
     }, { sync: !0, initial: !0 });
   }
   _createResizeConstraint() {
-    return d(() => {
+    return m(() => {
       if (!this.imageRenderer?.ready || !this._image)
         return;
-      const { width: e, height: i } = this._image.serviceRasterInfo, { width: t, height: a, rotation: s } = this.imageRenderer;
-      return A(e, i, t, a, s);
+      const { width: e, height: i } = this._image.serviceRasterInfo, { width: r, height: a, rotation: s } = this.imageRenderer;
+      return O(e, i, r, a, s);
     }, (e) => {
       if (!e || !this.imageRenderer)
         return;
-      const { constraints: i, scale: t } = this.imageRenderer, a = i.minScale, { lods: s, minScale: o } = N(e);
+      const { constraints: i, scale: r } = this.imageRenderer, a = i.minScale, { lods: s, minScale: o } = E(e);
       i.set({
         minScale: o,
         lods: s
-      }), this.imageRenderer.scale = this._imageChanged || Math.abs(t - a) <= 1e-6 ? o : t, this._imageChanged = !1;
+      }), this.imageRenderer.scale = this._imageChanged || Math.abs(r - a) <= 1e-6 ? o : r, this._imageChanged = !1;
     }, { sync: !0, initial: !0 });
   }
   _createRotationHandler() {
-    return d(() => this.rotation, (e) => {
+    return m(() => this.rotation, (e) => {
       this.imageRenderer && (this.imageRenderer.constraints.rotationEnabled = !0, this.imageRenderer.rotation = e, this.imageRenderer.constraints.rotationEnabled = !1);
     }, { sync: !0, initial: !0 });
   }
@@ -284,16 +216,16 @@ class S extends y {
   async _loadMediaInternal(e, i) {
     if (this._loading = !0, this._clearImage(), !e)
       throw new Error("No media provided");
-    const { layer: t } = await e.load(i).finally(() => {
+    const { layer: r } = await e.load(i).finally(() => {
       this._loading = !1;
     });
-    m(i), this._imageChanged = !0, this._image = t, this.imageRenderer?.map?.layers.add(this._image);
+    d(i), this._imageChanged = !0, this._image = r, this.imageRenderer?.map?.layers.add(this._image);
   }
   render() {
-    return _`<calcite-panel .loading=${this.hideLoader ? void 0 : this._loading} .heading=${this.hideHeader ? void 0 : this._messages.title}><arcgis-map hide-attribution .spatialReference=${v.WebMercator} ${I(this._internalMap)}><arcgis-zoom .hidden=${this.hideZoomControls} .messageOverrides=${this.messageOverrides} slot=top-left></arcgis-zoom></arcgis-map></calcite-panel>`;
+    return _`<calcite-panel .loading=${this.hideLoader ? void 0 : this._loading} .heading=${this.hideHeader ? void 0 : this._messages.title}><arcgis-map hide-attribution .spatialReference=${C.WebMercator} ${L(this._internalMap)}><arcgis-zoom .hidden=${this.hideZoomControls} .messageOverrides=${this.messageOverrides} slot=top-left></arcgis-zoom></arcgis-map></calcite-panel>`;
   }
 }
-p("arcgis-oriented-imagery-viewer-image-viewer", S);
+g("arcgis-oriented-imagery-viewer-image-viewer", N);
 export {
-  S as ArcgisOrientedImageryViewerImageViewer
+  N as ArcgisOrientedImageryViewerImageViewer
 };

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

@@ -0,0 +1,51 @@
+/// <reference path="../../index.d.ts" />
+import type Graphic from "@arcgis/core/Graphic.js";
+import type PanoramicMedia from "./support/PanoramicMedia.js";
+import type Mesh from "@arcgis/core/geometry/Mesh.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { PanoramicMediaProperties } from "./support/PanoramicMedia.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/** @internal */
+export abstract class ArcgisOrientedImageryViewerPanoramicViewer extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{ title: string; }> & T9nMeta<{ title: string; }>;
+  get base(): Mesh | undefined;
+  get hfov(): number | undefined;
+  /** @default false */
+  accessor hideLoader: boolean;
+  /** @default false */
+  accessor hideTitle: boolean;
+  /** @default false */
+  accessor hideVideoControls: boolean;
+  /** @default false */
+  accessor hideZoomControls: boolean;
+  get imageSize(): [number, number] | undefined;
+  get media(): PanoramicMediaProperties | undefined;
+  set media(value: PanoramicMedia | PanoramicMediaProperties | undefined);
+  /**
+   * Replace localized message strings with your own strings.
+   *
+   * _**Note**: Individual message keys may change between releases._
+   */
+  accessor messageOverrides: { title?: string | undefined; };
+  /** @default 90 */
+  accessor pitch: number;
+  /** @default 0 */
+  accessor yaw: number;
+  /** @param graphic */
+  addGraphic(graphic: Graphic): void;
+  /** @param graphics */
+  addGraphics(graphics: Graphic[]): void;
+  clearGraphics(): void;
+  mediaOnLoad(): Promise<PanoramicMedia | undefined>;
+  /** @param graphic */
+  removeGraphic(graphic: Graphic): void;
+  /** @param graphics */
+  removeGraphics(graphics: Graphic[]): void;
+  zoomIn(): void;
+  zoomOut(): void;
+  "@setterTypes": {
+    media?: PanoramicMedia | PanoramicMediaProperties | undefined;
+  };
+}