@arcgis/map-components 5.2.0-next.99 → 6.0.0-next.1

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.js

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

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

@@ -0,0 +1,173 @@
+/// <reference path="../../index.d.ts" />
+import type AttachmentInfo from "@arcgis/core/rest/query/support/AttachmentInfo.js";
+import type AttachmentElementInput from "@arcgis/core/widgets/BatchAttributeForm/inputs/AttachmentElementInput.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+import type { Icon as Icon } from "@esri/calcite-components/components/calcite-icon";
+
+/**
+ * Displays a thumbnail of an attachment. If possible, an image preview
+ * is shown, otherwise falls back to a generic calcite icon appropriate
+ * for the attachment type.
+ *
+ * @internal
+ */
+export abstract class ArcgisAttachmentThumbnail 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;
+  /**
+   * 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;
+      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;
+  };
+  /**
+   * Indicates that the alt for the img element should be cleared. This should only be
+   * set if the thumbnail is shown in a context where filename is already visible.
+   *
+   * https://www.w3.org/WAI/tutorials/images/decorative/
+   *
+   * @default false
+   */
+  accessor skipFilenameAlt: boolean;
+  /** @default "m" */
+  accessor visualScale: Icon["scale"];
+}
+
+/** @internal */
+export type AttachmentElementInputLike = Pick<AttachmentElementInput, "displayFilename" | "getAttachmentPreviewUrl">;

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

@@ -0,0 +1,75 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+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 = 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._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, iconOnly: 5 };
+  }
+  static {
+    this.styles = d;
+  }
+  get _effectiveScale() {
+    return this.visualScale === "s" ? "s" : "l";
+  }
+  get _imageDimensions() {
+    switch (this.visualScale) {
+      case "l":
+        return 64;
+      case "s":
+        return 16;
+      default:
+        return 32;
+    }
+  }
+  get _altText() {
+    if (this.skipFilenameAlt)
+      return "";
+    const t = this._messages?.components?.attachments?.thumbnail?.fileTypes?.[this._iconName ?? "file"];
+    return this.input?.displayFilename !== !1 ? this.attachment?.name ?? t : t;
+  }
+  set attachment(t) {
+    this._attachment !== t && (this._attachment = t, this._reprocessThumbnail());
+  }
+  get attachment() {
+    return this._attachment;
+  }
+  set input(t) {
+    t !== this._input && (this._input = t, this._reprocessThumbnail());
+  }
+  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;
+    if (!t || !e) {
+      this._resolvedImageUrl = void 0, this._iconName = void 0;
+      return;
+    }
+    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: 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>`;
+  }
+}
+h("arcgis-attachment-thumbnail", f);
+export {
+  f as ArcgisAttachmentThumbnail
+};

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

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

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

@@ -0,0 +1,153 @@
+/// <reference path="../../index.d.ts" />
+import type AttachmentElementInput from "@arcgis/core/widgets/BatchAttributeForm/inputs/AttachmentElementInput.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Displays validation criteria for an attachment input.
+ *
+ * @internal
+ */
+export abstract class ArcgisAttachmentValidationView 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;
+  }>;
+  /** @default false */
+  accessor includeCountCriteria: boolean;
+  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;
+  };
+}
+
+/** @internal */
+export type AttachmentElementInputLike = Pick<AttachmentElementInput, "hasUnsupportedFileTypeValidationError" | "input" | "maxAttachmentCount" | "minAttachmentCount" | "validationCriterionStates">;