@arcgis/map-components 5.2.0-next.65 → 5.2.0-next.67

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

@@ -1,231 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-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 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 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 {
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  constructor(t) {
-    super(t), this.autoLoad = !1;
-  }
-  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;
-  }
-  get layer() {
-    return this._cache;
-  }
-  get size() {
-    if (!this._cache || this._cache.destroyed || this._cache.loadError || !this._cache.serviceRasterInfo)
-      return;
-    const { serviceRasterInfo: t } = this._cache;
-    return [t.width, t.height];
-  }
-  //---------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //---------------------------------------------------------------------------
-  async load(t) {
-    if (this._cache && !this._cache.destroyed)
-      return await this._cache.load(t), { layer: this._cache, size: this.size };
-    const { url: e, customParameters: i } = this;
-    let r = this.datasetFormat;
-    if (!e)
-      throw new Error("URL is required to load NonPanoramicMedia.");
-    if (!r) {
-      const o = await import("../../chunks/urlUtils.js");
-      if (d(t), r = o.guessExtensionFromURI(e), !r) {
-        try {
-          r = await o.getDatasetFormat(e);
-        } catch {
-          y.log("warn", this, "Failed to determine dataset format from URL or response headers."), r = "UNKNOWN FORMAT";
-        }
-        d(t);
-      }
-    }
-    this.datasetFormat = r;
-    const a = (await import("@arcgis/core/layers/ImageryTileLayer.js")).default;
-    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: r
-      },
-      customParameters: i ?? void 0
-    });
-    return await s.load(t), d(t), this._cache = s, { layer: this._cache, size: this.size };
-  }
-};
-h([
-  c()
-], n.prototype, "_cache", 2);
-h([
-  c()
-], n.prototype, "autoLoad", 2);
-h([
-  c()
-], n.prototype, "customParameters", 2);
-h([
-  c()
-], n.prototype, "datasetFormat", 2);
-h([
-  c()
-], n.prototype, "url", 2);
-h([
-  c()
-], n.prototype, "layer", 1);
-h([
-  c()
-], n.prototype, "size", 1);
-n = h([
-  u("components.oriented-imagery-viewer.support.NonPanoramicMedia")
-], n);
-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, A = 39.37, l = A * F;
-function E(t) {
-  const e = l * 0.25, i = l * t, r = [];
-  let a = i;
-  for (; a > e; )
-    r.push(a), a *= 0.5;
-  r.push(e);
-  const { lods: s } = M.create({
-    scales: r
-  });
-  return {
-    minScale: i,
-    lods: s
-  };
-}
-class N extends f {
-  constructor() {
-    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 = [G];
-  }
-  get imageRenderer() {
-    return this._internalMap?.value?.view;
-  }
-  get map() {
-    return this.imageRenderer?.map;
-  }
-  get media() {
-    return this._media;
-  }
-  set media(e) {
-    if (!e) {
-      this._mediaAbortController?.abort(), this._media = void 0, this._clearImage();
-      return;
-    }
-    this._media = e instanceof n ? e : new n(e);
-  }
-  addGraphic(e) {
-    this._graphicsController.addGraphic(e);
-  }
-  addGraphics(e) {
-    this._graphicsController.addGraphics(e);
-  }
-  clearGraphics() {
-    this._graphicsController.clearGraphics();
-  }
-  async mediaOnLoad() {
-    return this._mediaPromise && await this._mediaPromise, this._media;
-  }
-  removeGraphic(e) {
-    this._graphicsController.removeGraphic(e);
-  }
-  removeGraphics(e) {
-    this._graphicsController.removeGraphics(e);
-  }
-  loaded() {
-    this.manager.onLifecycle(() => [
-      this._createResizeConstraint(),
-      this._createRotationHandler(),
-      this._createPanConstraint(),
-      m(() => this._media, (e) => {
-        this._mediaAbortController?.abort(), e && (this._mediaAbortController = new AbortController(), this._mediaPromise = this._loadMediaInternal(e, this._mediaAbortController));
-      }, {
-        initial: !0,
-        sync: !0
-      })
-    ]);
-  }
-  _createPanConstraint() {
-    return m(() => ({ image: this._image, imageRenderer: this.imageRenderer }), ({ image: e, imageRenderer: i }) => {
-      !e || !i?.ready || v(i, e);
-    }, { sync: !0, initial: !0 });
-  }
-  _createResizeConstraint() {
-    return m(() => {
-      if (!this.imageRenderer?.ready || !this._image)
-        return;
-      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: 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(r - a) <= 1e-6 ? o : r, this._imageChanged = !1;
-    }, { sync: !0, initial: !0 });
-  }
-  _createRotationHandler() {
-    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 });
-  }
-  _clearImage() {
-    this._image?.destroy(), this._image = void 0;
-  }
-  async _loadMediaInternal(e, i) {
-    if (this._loading = !0, this._clearImage(), !e)
-      throw new Error("No media provided");
-    const { layer: r } = await e.load(i).finally(() => {
-      this._loading = !1;
-    });
-    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=${C.WebMercator} ${L(this._internalMap)}><arcgis-zoom .hidden=${this.hideZoomControls} .messageOverrides=${this.messageOverrides} slot=top-left></arcgis-zoom></arcgis-map></calcite-panel>`;
-  }
-}
-g("arcgis-oriented-imagery-viewer-image-viewer", N);
-export {
-  N as ArcgisOrientedImageryViewerImageViewer
-};