@arcgis/map-components 5.2.0-next.136 → 5.2.0-next.137

package/dist/chunks/attachment-utils.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 function l(i) {
   const a = i.toLowerCase();
-  return a === "image/bmp" || a === "image/emf" || a === "image/exif" || a === "image/gif" || a === "image/x-icon" || a === "image/jpeg" || a === "image/png" || a === "image/tiff" || a === "image/x-wmf";
+  return a === "image/bmp" || a === "image/emf" || a === "image/exif" || a === "image/gif" || a === "image/x-icon" || a === "image/jpeg" || a === "image/png" || a === "image/tiff" || a === "image/x-wmf" || a === "image/avif";
 }
 function r(i) {
   return i ? i === "text/plain" ? "file-text" : i === "application/pdf" ? "file-pdf" : i === "text/csv" ? "file-csv" : i === "application/gpx+xml" ? "file-gpx" : i === "application/x-dwf" ? "file-cad" : i === "application/postscript" || i === "application/json" || i === "text/xml" || i === "model/vrml" ? "file-code" : i === "application/x-zip-compressed" || i === "application/x-7z-compressed" || i === "application/x-gzip" || i === "application/x-tar" || i === "application/x-gtar" || i === "application/x-bzip2" || i === "application/gzip" || i === "application/x-compress" || i === "application/x-apple-diskimage" || i === "application/x-rar-compressed" || i === "application/zip" ? "file-zip" : i.includes("image/") ? "file-image" : i.includes("audio/") ? "file-sound" : i.includes("video/") ? "file-video" : i.includes("msexcel") || i.includes("ms-excel") || i.includes("spreadsheetml") ? "file-excel" : i.includes("msword") || i.includes("ms-word") || i.includes("wordprocessingml") ? "file-word" : i.includes("powerpoint") || i.includes("presentationml") ? "file-ppt" : "file" : "file";

package/dist/components/arcgis-add-attachment-view/customElement.d.ts

@@ -30,6 +30,7 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -73,6 +74,7 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -126,6 +128,7 @@ export abstract class ArcgisAddAttachmentView extends LitElement {
               fileToBeReplaced?: string | undefined;
               heading?: string | undefined;
           } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
           thumbnail?: { fileTypes?: {
               "file-cad"?: string | undefined;
               "file-code"?: string | undefined;

package/dist/components/arcgis-attachment-preview/customElement.d.ts

@@ -0,0 +1,154 @@
+/// <reference path="../../index.d.ts" />
+import type AttachmentInfo from "@arcgis/core/rest/query/support/AttachmentInfo.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { AttachmentElementInputLike as AttachmentThumbnailInput } from "../arcgis-attachment-thumbnail/customElement.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Displays a preview of an attachment.
+ *
+ * @internal
+ */
+export abstract class ArcgisAttachmentPreview extends LitElement {
+  /** @internal */
+  protected _messages: {
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+          "attachment-preview": { noPreview: string; };
+          thumbnail: { fileTypes: {
+              "file-cad": string;
+              "file-code": string;
+              "file-csv": string;
+              "file-excel": string;
+              "file-gpx": string;
+              "file-image": string;
+              "file-pdf": string;
+              "file-ppt": string;
+              "file-sound": string;
+              "file-text": string;
+              "file-video": string;
+              "file-word": string;
+              "file-zip": string;
+              file: string;
+          }; };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  } & T9nMeta<{
+      componentLabel: string;
+      components: { attachments: {
+          "attachment-validation-view": { validations: {
+              errorFileUnsupported: string;
+              maximumAudioLength: string;
+              maximumImageSize: string;
+              maximumFileSize: string;
+              maximumNumberOfFiles: string;
+              maximumVideoLength: string;
+              minimumNumberOfFiles: string;
+          }; };
+          "add-attachment-view": {
+              captureMethodNotSupported: string;
+              fileToBeReplaced: string;
+              heading: string;
+          };
+          "attachment-preview": { noPreview: string; };
+          thumbnail: { fileTypes: {
+              "file-cad": string;
+              "file-code": string;
+              "file-csv": string;
+              "file-excel": string;
+              "file-gpx": string;
+              "file-image": string;
+              "file-pdf": string;
+              "file-ppt": string;
+              "file-sound": string;
+              "file-text": string;
+              "file-video": string;
+              "file-word": string;
+              "file-zip": string;
+              file: string;
+          }; };
+      }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
+      differentValuesPlaceholder: string;
+      empty: string;
+  }>;
+  accessor attachment: AttachmentInfo | undefined;
+  accessor input: AttachmentElementInputLike | undefined;
+  accessor messageOverrides: {
+      componentLabel?: string | undefined;
+      components?: { attachments?: {
+          "attachment-validation-view"?: { validations?: {
+              errorFileUnsupported?: string | undefined;
+              maximumAudioLength?: string | undefined;
+              maximumImageSize?: string | undefined;
+              maximumFileSize?: string | undefined;
+              maximumNumberOfFiles?: string | undefined;
+              maximumVideoLength?: string | undefined;
+              minimumNumberOfFiles?: string | undefined;
+          } | undefined; } | undefined;
+          "add-attachment-view"?: {
+              captureMethodNotSupported?: string | undefined;
+              fileToBeReplaced?: string | undefined;
+              heading?: string | undefined;
+          } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
+          thumbnail?: { fileTypes?: {
+              "file-cad"?: string | undefined;
+              "file-code"?: string | undefined;
+              "file-csv"?: string | undefined;
+              "file-excel"?: string | undefined;
+              "file-gpx"?: string | undefined;
+              "file-image"?: string | undefined;
+              "file-pdf"?: string | undefined;
+              "file-ppt"?: string | undefined;
+              "file-sound"?: string | undefined;
+              "file-text"?: string | undefined;
+              "file-video"?: string | undefined;
+              "file-word"?: string | undefined;
+              "file-zip"?: string | undefined;
+              file?: string | undefined;
+          } | undefined; } | undefined;
+      } | undefined; } | undefined;
+      units?: { bytes?: {
+          B?: string | undefined;
+          kB?: string | undefined;
+          MB?: string | undefined;
+          GB?: string | undefined;
+          TB?: string | undefined;
+      } | undefined; } | undefined;
+      differentValuesPlaceholder?: string | undefined;
+      empty?: string | undefined;
+  };
+  pause(): void;
+}
+
+/** @internal */
+export type AttachmentElementInputLike = AttachmentThumbnailInput;

package/dist/components/arcgis-attachment-preview/customElement.js

@@ -0,0 +1,114 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c } from "../../chunks/runtime.js";
+import { css as l, html as r } from "lit";
+import { ref as n } from "lit/directives/ref.js";
+import { LitElement as h, nothing as s, live as o } from "@arcgis/lumina";
+import { u as d } from "../../chunks/useT9n.js";
+const m = l`:host{display:contents;color:var(--calcite-color-text-1)}.lightbox{gap:var(--calcite-space-sm);border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3);box-sizing:border-box;border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-sm);flex-direction:column;justify-content:center;align-items:center;inline-size:100%;display:flex;max-block-size:100%}.thumbnail-container{display:contents}img{object-fit:contain;width:100%;max-block-size:100%;max-inline-size:100%}audio,video{object-fit:contain;width:100%;overflow:clip;max-block-size:100%;max-inline-size:100%}`;
+class u extends h {
+  constructor() {
+    super(...arguments), this._messages = d({ blocking: !0, name: "feature-form-next" }), this._attachment = void 0, this._input = void 0, this._hasError = !1, this.previewType = "none", this.url = void 0;
+  }
+  static {
+    this.properties = { _hasError: 16, previewType: 16, url: 16, attachment: 0, input: 0, messageOverrides: 0 };
+  }
+  static {
+    this.styles = m;
+  }
+  get _altText() {
+    const { attachment: e, input: t } = this;
+    return !e || !t ? "" : e.name;
+  }
+  get attachment() {
+    return this._attachment;
+  }
+  set attachment(e) {
+    this._attachment !== e && (this._attachment = e, this.#e());
+  }
+  get input() {
+    return this._input;
+  }
+  set input(e) {
+    e !== this._input && (this._input = e, this.#e());
+  }
+  pause() {
+    this._mediaElement?.deref()?.pause();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.#e();
+  }
+  disconnectedCallback() {
+    const e = this._mediaElement?.deref();
+    super.disconnectedCallback(), this._cleanupMediaElement(e), this.previewType = "none";
+  }
+  #e() {
+    this._hasError = !1;
+    const { _attachment: e, _input: t } = this;
+    if (!e || !t) {
+      this.previewType = "none", this.url = void 0;
+      return;
+    }
+    const i = e.contentType?.split("/").at(0);
+    switch (i) {
+      case "image":
+        this.url = t.getAttachmentPreviewUrl(e) ?? e.url ?? void 0, this.previewType = "image";
+        return;
+      case "video":
+      case "audio":
+        this.url = e.url ?? void 0, this.previewType = i;
+        return;
+      default:
+        this.previewType = "none", this.url = void 0;
+        return;
+    }
+  }
+  _handlePreviewError(e) {
+    e.stopPropagation(), this._hasError = !0;
+  }
+  _cleanupMediaElement(e) {
+    e?.pause(), e?.removeAttribute("src"), e?.load(), this._mediaElement = void 0;
+  }
+  _setMediaElementRef(e) {
+    this._mediaElement = e ? new WeakRef(e) : void 0;
+  }
+  #t() {
+    return r`<div class="thumbnail-container"><arcgis-attachment-thumbnail icon-only .attachment=${this.attachment} .input=${this.input} visual-scale=m></arcgis-attachment-thumbnail><div>${this._messages.components.attachments["attachment-preview"].noPreview}</div></div>`;
+  }
+  #i() {
+    const { url: e, _altText: t } = this;
+    return r`<img src=${e ?? s} alt=${t ?? "" ?? s} data-testid=preview-element @error=${this._handlePreviewError}>`;
+  }
+  #r(e) {
+    const { url: t, _altText: i } = this;
+    return r`<audio src=${o(t) ?? s} controls preload=none .ariaLabel=${i} data-testid=preview-element @error=${this._handlePreviewError} ${n(this._setMediaElementRef)}>${e}</audio>`;
+  }
+  #a(e) {
+    const { url: t, _altText: i } = this;
+    return r`<video src=${o(t) ?? s} controls preload=none .muted=${!0} .ariaLabel=${i} data-testid=preview-element @error=${this._handlePreviewError} ${n(this._setMediaElementRef)}>${e}</video>`;
+  }
+  render() {
+    const { previewType: e, _hasError: t } = this, i = this.#t();
+    if (t)
+      return r`<div class="lightbox">${i}</div>`;
+    let a = i;
+    switch (e) {
+      case "audio":
+        a = this.#r(i);
+        break;
+      case "video":
+        a = this.#a(i);
+        break;
+      case "image":
+        a = this.#i();
+        break;
+      default:
+        a = i;
+        break;
+    }
+    return r`<div class="lightbox">${a}</div>`;
+  }
+}
+c("arcgis-attachment-preview", u);
+export {
+  u as ArcgisAttachmentPreview
+};

package/dist/components/arcgis-attachment-preview/index.d.ts

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

package/dist/components/arcgis-attachment-preview/index.js

@@ -0,0 +1,2 @@
+import "../arcgis-attachment-thumbnail/index.js";
+export * from "./customElement.js";

package/dist/components/arcgis-attachment-thumbnail/customElement.d.ts

@@ -31,6 +31,7 @@ export abstract class ArcgisAttachmentThumbnail extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -74,6 +75,7 @@ export abstract class ArcgisAttachmentThumbnail extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -102,6 +104,12 @@ export abstract class ArcgisAttachmentThumbnail extends LitElement {
       empty: string;
   }>;
   accessor attachment: AttachmentInfo | undefined;
+  /**
+   * Optionally skip any attempt to load a preview. Used to support situations where the thumbnail is a fallback for a failed-to-load preview image.
+   *
+   * @default false
+   */
+  accessor iconOnly: boolean;
   accessor input: AttachmentElementInputLike | undefined;
   accessor messageOverrides: {
       componentLabel?: string | undefined;
@@ -120,6 +128,7 @@ export abstract class ArcgisAttachmentThumbnail extends LitElement {
               fileToBeReplaced?: string | undefined;
               heading?: string | undefined;
           } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
           thumbnail?: { fileTypes?: {
               "file-cad"?: string | undefined;
               "file-code"?: string | undefined;

package/dist/components/arcgis-attachment-thumbnail/customElement.js

@@ -1,16 +1,16 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as m } from "../../chunks/runtime.js";
-import { css as h, html as i } from "lit";
+import { c as h } from "../../chunks/runtime.js";
+import { css as m, html as a } from "lit";
 import { LitElement as o, safeClassMap as u, nothing as s } from "@arcgis/lumina";
 import { u as g } from "../../chunks/useT9n.js";
 import { g as p, i as _ } from "../../chunks/attachment-utils.js";
-const d = h`:host{display:contents;--arcgis-internal-attachment-thumbnail-size: 32px}img{object-fit:contain;width:var(--arcgis-internal-attachment-thumbnail-size);height:var(--arcgis-internal-attachment-thumbnail-size)}.icon-xl{scale:2;translate:50%}.icon-xl:dir(rtl){translate:-50%}.container{box-sizing:border-box;display:flex;align-items:center;justify-items:center;border-radius:var(--calcite-corner-radius-xs);overflow:clip;width:var(--arcgis-internal-attachment-thumbnail-size);height:var(--arcgis-internal-attachment-thumbnail-size)}.scale-s{--arcgis-internal-attachment-thumbnail-size: 16px}.scale-m{--arcgis-internal-attachment-thumbnail-size: 32px}.scale-l{--arcgis-internal-attachment-thumbnail-size: 64px}`;
+const d = m`:host{display:contents;--arcgis-internal-attachment-thumbnail-size: 32px}img{object-fit:contain;width:var(--arcgis-internal-attachment-thumbnail-size);height:var(--arcgis-internal-attachment-thumbnail-size)}.icon-xl{scale:2;translate:50%}.icon-xl:dir(rtl){translate:-50%}.container{box-sizing:border-box;display:flex;align-items:center;justify-items:center;border-radius:var(--calcite-corner-radius-xs);overflow:clip;width:var(--arcgis-internal-attachment-thumbnail-size);height:var(--arcgis-internal-attachment-thumbnail-size)}.scale-s{--arcgis-internal-attachment-thumbnail-size: 16px}.scale-m{--arcgis-internal-attachment-thumbnail-size: 32px}.scale-l{--arcgis-internal-attachment-thumbnail-size: 64px}`;
 class f extends o {
   constructor() {
-    super(...arguments), this._messages = g({ blocking: !0, name: "feature-form-next" }), this._attachment = void 0, this._input = void 0, this._hasImageError = !1, this._resolvedImageUrl = void 0, this.skipFilenameAlt = !1, this.visualScale = "m";
+    super(...arguments), this._messages = g({ blocking: !0, name: "feature-form-next" }), this._attachment = void 0, this._input = void 0, this._iconOnly = !1, this._hasImageError = !1, this._resolvedImageUrl = void 0, this.skipFilenameAlt = !1, this.visualScale = "m";
   }
   static {
-    this.properties = { _hasImageError: 16, _resolvedImageUrl: 16, _iconName: 16, attachment: 0, input: 0, skipFilenameAlt: 5, messageOverrides: 0, visualScale: 1 };
+    this.properties = { _hasImageError: 16, _resolvedImageUrl: 16, _iconName: 16, attachment: 0, input: 0, skipFilenameAlt: 5, messageOverrides: 0, visualScale: 1, iconOnly: 5 };
   }
   static {
     this.styles = d;
@@ -46,6 +46,12 @@ class f extends o {
   get input() {
     return this._input;
   }
+  get iconOnly() {
+    return this._iconOnly;
+  }
+  set iconOnly(t) {
+    t !== this._iconOnly && (this._iconOnly = t, this._reprocessThumbnail());
+  }
   _reprocessThumbnail() {
     this._hasImageError = !1;
     const { _attachment: t, _input: e } = this;
@@ -53,17 +59,17 @@ class f extends o {
       this._resolvedImageUrl = void 0, this._iconName = void 0;
       return;
     }
-    this._iconName = p(t.contentType), _(t.contentType) ? this._resolvedImageUrl = this.input?.getAttachmentPreviewUrl(t, this._imageDimensions * 2) ?? void 0 : this._resolvedImageUrl = "";
+    this._iconName = p(t.contentType), !this.iconOnly && _(t.contentType) ? this._resolvedImageUrl = this.input?.getAttachmentPreviewUrl(t, this._imageDimensions * 2) ?? void 0 : this._resolvedImageUrl = "";
   }
   _handleImageError(t) {
     t.stopPropagation(), this._hasImageError = !0;
   }
   render() {
-    const { _hasImageError: t, _resolvedImageUrl: e, _altText: a, _iconName: r, visualScale: n, _effectiveScale: l } = this, c = t || !e;
-    return i`<div data-testid=thumbnail-container class=${`container scale-${n}`}>${c ? i`<calcite-icon class=${u({ "icon-xl": n === "l" })} data-testid=thumbnail-icon .icon=${r ?? "file"} .scale=${l} .textLabel=${a}></calcite-icon>` : i`<img alt=${a ?? s} title=${a ?? s} src=${e ?? s} @error=${this._handleImageError}>`}</div>`;
+    const { _hasImageError: t, _resolvedImageUrl: e, _altText: i, _iconName: r, visualScale: n, _effectiveScale: l } = this, c = t || !e;
+    return a`<div data-testid=thumbnail-container class=${`container scale-${n}`}>${c ? a`<calcite-icon class=${u({ "icon-xl": n === "l" })} data-testid=thumbnail-icon .icon=${r ?? "file"} .scale=${l} .textLabel=${i}></calcite-icon>` : a`<img alt=${i ?? s} title=${i ?? s} src=${e ?? s} @error=${this._handleImageError}>`}</div>`;
   }
 }
-m("arcgis-attachment-thumbnail", f);
+h("arcgis-attachment-thumbnail", f);
 export {
   f as ArcgisAttachmentThumbnail
 };

package/dist/components/arcgis-attachment-validation-view/customElement.d.ts

@@ -27,6 +27,7 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -70,6 +71,7 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -117,6 +119,7 @@ export abstract class ArcgisAttachmentValidationView extends LitElement {
               fileToBeReplaced?: string | undefined;
               heading?: string | undefined;
           } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
           thumbnail?: { fileTypes?: {
               "file-cad"?: string | undefined;
               "file-code"?: string | undefined;

package/dist/components/arcgis-feature-form-field/customElement.d.ts

@@ -23,6 +23,7 @@ export abstract class ArcgisFeatureFormField extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -66,6 +67,7 @@ export abstract class ArcgisFeatureFormField extends LitElement {
               fileToBeReplaced: string;
               heading: string;
           };
+          "attachment-preview": { noPreview: string; };
           thumbnail: { fileTypes: {
               "file-cad": string;
               "file-code": string;
@@ -118,6 +120,7 @@ export abstract class ArcgisFeatureFormField extends LitElement {
               fileToBeReplaced?: string | undefined;
               heading?: string | undefined;
           } | undefined;
+          "attachment-preview"?: { noPreview?: string | undefined; } | undefined;
           thumbnail?: { fileTypes?: {
               "file-cad"?: string | undefined;
               "file-code"?: string | undefined;

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

@@ -13,6 +13,7 @@ import type FocusAreas from "@arcgis/core/effects/FocusAreas.js";
 import type Basemap from "@arcgis/core/Basemap.js";
 import type Map from "@arcgis/core/Map.js";
 import type Graphic from "@arcgis/core/Graphic.js";
+import type Polygon from "@arcgis/core/geometry/Polygon.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type BasemapView from "@arcgis/core/views/BasemapView.js";
 import type Extent from "@arcgis/core/geometry/Extent.js";
@@ -29,7 +30,6 @@ import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
 import type Theme from "@arcgis/core/views/Theme.js";
 import type TimeExtent from "@arcgis/core/time/TimeExtent.js";
-import type Polygon from "@arcgis/core/geometry/Polygon.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { LoadErrorSource } from "../types.js";
 import type { ArcgisPopup } from "../arcgis-popup/customElement.js";
@@ -982,7 +982,7 @@ export abstract class ArcgisScene extends LitElement {
    * @see [Sample: SceneView - visibleArea](https://developers.arcgis.com/javascript/latest/sample-code/sceneview-visible-area/)
    * @see [extent](https://developers.arcgis.com/javascript/latest/references/core/views/SceneView/#extent)
    */
-  get visibleArea(): Polygon | null | undefined;
+  get visibleArea(): null | undefined | Polygon;
   /**
    * Represents the level of detail (LOD) at the center of the view.
    *

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

@@ -18,7 +18,7 @@ import { d as R, e as P, b as A, c as M, p as D, i as I } from "../../chunks/com
 const S = w(g, {}), k = w(u, {});
 class F extends d {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionEnabled = this.view.focusRegionEnabled, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionEnabled = this.view.focusRegionEnabled, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
       components: []
     };
   }
@@ -168,6 +168,9 @@ class F extends d {
   set viewpoint(i) {
     I(this.viewpoint, i) && (this.view.viewpoint = i);
   }
+  get visibleArea() {
+    return this.view.visibleArea;
+  }
   get zoom() {
     return this.view.zoom;
   }