@arcgis/map-components 5.2.0-next.112 → 5.2.0-next.114

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

@@ -10,7 +10,7 @@ import { useDirection as P, usePropertyChange as z, bypassReadOnly as x } from "
 import { m as U } from "../../chunks/useViewModel.js";
 import { LitElement as Z, createEvent as T, renderElement as K, nothing as h, safeClassMap as I } from "@arcgis/lumina";
 import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
-import { watch as r } from "@arcgis/core/core/reactiveUtils.js";
+import { watch as l } from "@arcgis/core/core/reactiveUtils.js";
 import { t as j, z as G } from "../../chunks/action-utils.js";
 import { stripHTML as V } from "@arcgis/core/applications/Components/stringUtils.js";
 import E from "@arcgis/core/core/Collection.js";
@@ -128,11 +128,11 @@ class oe extends Z {
       signal: o
     }), e = this.view.toScreen(this.location) ?? void 0), !e)
       return;
-    const l = await this.viewModel.fetchFeatures(e, {
+    const r = await this.viewModel.fetchFeatures(e, {
       ...t,
       signal: o
     });
-    this.location = l.location, this.promises = l.pendingFeatures;
+    this.location = r.location, this.promises = r.pendingFeatures;
   }
   async next() {
     return A("warn", this, "The return type of FeaturesViewModel on the next() method is deprecated. At 6.0, this method will return void."), this.viewModel.next();
@@ -157,24 +157,24 @@ class oe extends Z {
   }
   loaded() {
     this.manager.onLifecycle(() => [
-      r(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
-      r(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
-      r(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
-      r(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
-      r(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
-      r(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
-      r(() => [
+      l(() => this.viewModel?.selectedFeatureIndex, (e, t) => this._selectedFeatureIndexUpdated(e, t)),
+      l(() => this.viewModel?.view, (e, t) => t && this._viewChange()),
+      l(() => this._spinnerEl?.screenLocation, () => this._closeOpenActionMenu()),
+      l(() => this.selectedFeatureComponent?.viewModel, () => this._removeFlowItems()),
+      l(() => this.viewModel?.featureViewModels, () => this._featureMenuViewportScrollTop()),
+      l(() => this.flowItems.length, () => this._syncSelectedDrillInFeature()),
+      l(() => [
         this.viewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.title,
         this.viewModel?.selectedFeatureViewModel?.state
       ], () => this._syncEffectiveHeading(), { initial: !0 }),
-      r(() => [this.flowItems?.length, this.featureMenuOpen], () => {
+      l(() => [this.flowItems?.length, this.featureMenuOpen], () => {
         this.setFocus();
       }),
-      r(() => this.referenceElement, (e, t) => {
+      l(() => this.referenceElement, (e, t) => {
         this._removeSpinner(t), this._createSpinner();
       }, { initial: !0 }),
-      r(() => [
+      l(() => [
         this.hideSpinner,
         this.viewModel?.view,
         this.viewModel?.location,
@@ -207,8 +207,8 @@ class oe extends Z {
       const i = s?.graphic;
       if (!i)
         return;
-      const n = q(i), o = se(n) ? n : null, l = t.get(o) ?? [];
-      t.set(o, [...l, s]);
+      const n = q(i), o = se(n) ? n : null, r = t.get(o) ?? [];
+      t.set(o, [...r, s]);
     }), t;
   }
   _handleCollapseToggle() {
@@ -273,8 +273,8 @@ class oe extends Z {
     this._unobserveFeatureMenuObserver(), e && this._featureMenuIntersectionObserver.observe(e), this._featureMenuIntersectionObserverNode = e;
   }
   _getActionTitle(e) {
-    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", l = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
-    return l && n ? u(l, n) : l ?? "";
+    const { messages: t, selectedFeature: s } = this, { id: i } = e, n = s?.attributes, o = e.title ?? "", r = i === "zoom-to-feature" ? u(o, { messages: t }) : i === "remove-selected-feature" ? u(o, { messages: t }) : i === "zoom-to-clustered-features" ? u(o, { messages: t }) : i === "browse-clustered-features" ? u(o, { messages: t }) : e.title;
+    return r && n ? u(r, n) : r ?? "";
   }
   _onMainKeydown(e) {
     const { key: t } = e;
@@ -334,7 +334,7 @@ class oe extends Z {
   }
   _createSpinner() {
     const e = this.referenceElement;
-    e && (this._removeSpinner(e), this._spinnerEl = K(a`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
+    e && (this._removeSpinner(e), this._spinnerEl = K(a`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .referenceElement=${e} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
   }
   render() {
     return a`<div class="root" @keydown=${this._onMainKeydown}>${this._renderHeader()}${this._renderContentContainer()}</div>`;
@@ -359,8 +359,8 @@ class oe extends Z {
     })}</div>`;
   }
   _renderFeatureMenuButton() {
-    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, l = o > 0 || i;
-    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${l} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
+    const { messages: e, viewModel: t } = this, { featureCount: s, streamingFeatures: i, selectedFeatureIndex: n, pendingPromisesCount: o } = t, r = o > 0 || i;
+    return a`<calcite-action class="pagination-menu-button" icon=list .label=${e.selectFeature} .loading=${r} @click=${this._handlePaginationMenuButton} .text=${u(e.pageText ?? "", {
       index: C(n + 1),
       total: C(s)
     })} text-enabled title=${e.selectFeature ?? h}></calcite-action>`;
@@ -376,8 +376,8 @@ class oe extends Z {
   _renderFeatureMenu() {
     const { messages: e, viewModel: t } = this, s = this._groupResultsByLayer(), i = this.initialDisplayMode === "list" ? "none" : "single";
     return t.featureViewModels.length ? a`<calcite-list display-mode=flat .label=${e?.featuresList ?? ""} selection-appearance=icon .selectionMode=${i}>${Array.from(s.keys(), (n) => {
-      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), l = n ? n.title ?? this.messages.untitled : null;
-      return !this.hideFeatureListLayerTitle && l !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${l}>${o}</calcite-list-item-group>`) : o;
+      const o = s.get(n)?.map((c) => this._renderFeatureMenuItem(c)), r = n ? n.title ?? this.messages.untitled : null;
+      return !this.hideFeatureListLayerTitle && r !== null ? D(n ?? "map-graphics", a`<calcite-list-item-group .heading=${r}>${o}</calcite-list-item-group>`) : o;
     })}</calcite-list>` : null;
   }
   _renderHeaderAction(e) {
@@ -388,10 +388,10 @@ class oe extends Z {
     return this.headerActions.map((e) => this._renderHeaderAction(e)).toArray();
   }
   _renderContentFeature() {
-    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: l, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
+    const { headingLevel: e, hideCloseButton: t, _isCollapsed: s, _collapseEnabled: i, _featureFlowItemSelected: n, featureNavigationTop: o, flowItems: r, initialDisplayMode: c, selectedFeature: f, hideHeading: g } = this, { active: v, selectedFeatureViewModel: p, content: m } = this.viewModel, d = this._getHeading();
     if (c === "list" && !f)
       return null;
-    const _ = l.length === 0 && n, $ = p ? !p.content : !m;
+    const _ = r.length === 0 && n, $ = p ? !p.content : !m;
     return a`<calcite-flow-item class=${I(y({
       "content-feature": !0,
       "flow-item-collapsed": s
@@ -400,10 +400,10 @@ class oe extends Z {
     }))}>${this._renderContent()}</div>${this._renderFooter()}</calcite-flow-item>`;
   }
   _renderFeatureMenuContainer() {
-    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: l, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
+    const { viewModel: e, hideCloseButton: t, featureMenuTitle: s, messages: i, initialDisplayMode: n, featureMenuOpen: o, _featureFlowItemSelected: r, _collapseEnabled: c, _isCollapsed: f, featureNavigationTop: g, headingLevel: v } = this, { active: p, featureViewModels: m, streamingFeatures: d, pendingPromisesCount: _ } = e, $ = _ > 0 || d, N = s ?? i.selectFeature;
     if (n === "feature" && !o)
       return null;
-    const O = !l;
+    const O = !r;
     return a`<calcite-flow-item class=${I(y({
       "flow-item-collapsed": f
     }))} .closable=${n === "list" && !t} .closed=${!p} .collapsed=${n === "list" && f} .collapseDirection=${this.collapseDirection ?? (g ? "down" : "up")} .collapsible=${n === "list" && c} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand }} .description=${this.hideFeatureMenuHeading ? void 0 : u(i.total ?? "", {
@@ -413,10 +413,10 @@ class oe extends Z {
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${w(this._featureMenuViewportNode)}>${n === "list" ? this._renderHeaderActions() : null}${$ ? a`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${w(this._featureMenuIntersectionObserverCreated)}></div>${n === "feature" ? a`<calcite-button appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {
-    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: l } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
-    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${l ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
+    const { messages: s, hideCloseButton: i, hideSelectFeature: n, active: o, hideHeading: r } = this, c = "graphic" in e && "isFeatureFromTable" in e && !e.isFeatureFromTable, f = c && !n, g = e.flowType === "feature-association", v = s.returnToInitialFeature ?? "", p = s?.selectFeature, m = this._getActionTitle(M), d = !this.hideActionBar && g && c;
+    return a`<calcite-flow-item .closable=${!i} .closed=${!o} .description=${V(this._getDrillInFlowItemDescription(e) ?? "")} .heading=${r ? void 0 : V(e.heading ?? "")} .selected=${t} @calciteFlowItemBack=${(_) => {
       _.preventDefault(), this._handleDrillInBackClick();
-    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${l ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
+    }} .loading=${!!this._openRelatedFeatureAbortController} @calciteFlowItemClose=${this._handleClose}>${r ? null : a`<div slot=heading><div .innerHTML=${F.sanitize(e.heading ?? "") ?? ""}></div></div>`}<div slot=description><div .innerHTML=${F.sanitize(this._getDrillInFlowItemDescription(e) ?? "") ?? ""}></div></div><calcite-action class="action-exit" icon=move-up @click=${this._removeFlowItems} slot=header-actions-start .text=${v ?? ""} title=${v ?? "" ?? h}></calcite-action>${f ? a`<calcite-action icon=zoom-to-object @click=${() => this._openRelatedFeature(e)} slot=header-actions-end .text=${p ?? ""} title=${p ?? h}></calcite-action>` : null}${d ? a`<calcite-action-bar expand-toggle-disabled expanded scale=s slot=action-bar><calcite-action-group overlay-positioning=fixed scale=s><calcite-action .disabled=${M.disabled} .icon=${M.icon ?? void 0} .loading=${M.active} scale=s text-enabled .text=${m} title=${m ?? h} @click=${() => G(this.viewModel, M, e)}></calcite-action></calcite-action-group></calcite-action-bar>` : null}<div class="container">${e}</div></calcite-flow-item>`;
   }
   _renderContentContainer() {
     const e = this.flowItems?.toArray(), t = e?.map((i, n) => this._renderFlowItem(i, this._featureFlowItemSelected && n === e.length - 1)), s = this.initialDisplayMode === "list" ? [this._renderFeatureMenuContainer(), this._renderContentFeature(), t] : [this._renderContentFeature(), t, this._renderFeatureMenuContainer()];

package/dist/components/arcgis-features-next/customElement.d.ts

@@ -442,6 +442,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature?: string | undefined;
       maxRecordCountHeading?: string | undefined;
       maxRecordCountDescriptionWithLayerList?: string | undefined;
+      maxRecordCountDescriptionRefineResults?: string | undefined;
       maxRecordCountDescriptionMultipleLayers?: string | undefined;
       maxRecordCountDescriptionMaxZoomLevel?: string | undefined;
   };
@@ -476,6 +477,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature: string;
       maxRecordCountHeading: string;
       maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionRefineResults: string;
       maxRecordCountDescriptionMultipleLayers: string;
       maxRecordCountDescriptionMaxZoomLevel: string;
   }> & T9nMeta<{
@@ -508,6 +510,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       returnToInitialFeature: string;
       maxRecordCountHeading: string;
       maxRecordCountDescriptionWithLayerList: string;
+      maxRecordCountDescriptionRefineResults: string;
       maxRecordCountDescriptionMultipleLayers: string;
       maxRecordCountDescriptionMaxZoomLevel: string;
   }>;

package/dist/components/arcgis-features-next/customElement.js

@@ -195,10 +195,10 @@ class re extends U {
     }
     if (this._removeFlowItems(), await this.viewModel.zoomTo({ target: i }), t.signal.aborted)
       return;
-    const s = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
+    const { labelPointExecute: s } = await import("@arcgis/core/geometry/operators/labelPointOperator.js");
     if (t.signal.aborted)
       return;
-    const n = s.execute(i);
+    const n = s(i);
     n != null && (this.location = n), this.features = [a], this.open = !0, this._openRelatedFeatureAbortController = null;
   }
   _handlePaginationMenuButton() {
@@ -324,7 +324,7 @@ class re extends U {
   }
   _createSpinner() {
     const e = this.referenceElement;
-    e && (this._removeSpinner(e), this._spinnerEl = Z(r`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
+    e && (this._removeSpinner(e), this._spinnerEl = Z(r`<arcgis-spinner .label=${this.messages.loading ?? ""} .trackLocation=${this._getSpinnerTrackLocation()} .location=${this.viewModel?.location ?? void 0} .referenceElement=${e} .view=${this.viewModel?.view ?? void 0}></arcgis-spinner>`), e.manager?.component?.extraContent?.add(this._spinnerEl));
   }
   render() {
     return r`<div class="root">${this._renderContentContainer()}</div>`;
@@ -400,13 +400,13 @@ class re extends U {
     });
     if (s === "feature" && !n)
       return null;
-    const O = !o;
+    const B = !o;
     return r`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${x(T({
       "flow-item-collapsed": c
     }))} .closable=${!t} .closed=${!F} .collapsed=${s === "list" && c} .collapseDirection=${this.collapseDirection ?? (g ? "down" : "up")} .collapsible=${s === "list" && l} .messageOverrides=${{ collapse: this.messages.collapse, expand: this.messages.expand, back: I }} .description=${this.hideFeatureMenuHeading ? void 0 : d(i.total ?? "", {
       total: p.length
-    })} .heading=${this.hideFeatureMenuHeading ? void 0 : A} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${O} @calciteFlowItemBack=${(B) => {
-      B.preventDefault(), this._handleFeatureMenuBack();
+    })} .heading=${this.hideFeatureMenuHeading ? void 0 : A} .headingLevel=${m} .loading=${e.waitingForContents} .selected=${B} @calciteFlowItemBack=${(O) => {
+      O.preventDefault(), this._handleFeatureMenuBack();
     }} @calciteFlowItemClose=${this._handleClose} @calciteFlowItemToggle=${this._handleCollapseToggle} ${f(this._featureMenuViewportNode)}>${s === "list" ? this._renderHeaderActions() : null}${M ? r`<calcite-loader class="loader" inline .label=${i.loading ?? ""} slot=header-actions-end></calcite-loader>` : null}<div class="container">${this._renderFeatureMenu()}</div><div class="feature-menu-observer" ${f(this._featureMenuIntersectionObserverCreated)}></div>${s === "feature" ? r`<calcite-button scale=s appearance=transparent @click=${this._handleFeatureMenuBack} slot=footer-start width=full .label=${I} title=${I ?? h}>${i.back}</calcite-button>` : null}</calcite-flow-item>`;
   }
   _renderFlowItem(e, t) {

package/dist/components/arcgis-file-picker/customElement.d.ts

@@ -0,0 +1,103 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { IconName } from "../types.js";
+import type { AttachmentTypeCategory } from "@arcgis/core/widgets/BatchAttributeForm/inputs/types.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
+
+/**
+ * Provides file browsing and drag/drop interactions, principally for attachments.
+ *
+ * @internal
+ */
+export abstract class ArcgisFilePicker extends LitElement {
+  /** @internal */
+  protected _messages: Partial<{
+      heading: {
+          singular: string;
+          plural: string;
+      };
+      detailedGuidance: {
+          singular: string;
+          plural: string;
+      };
+      selectFileButton: {
+          singular: string;
+          plural: string;
+      };
+      fileCategoryMessage: string;
+      fileCategory: {
+          image: string;
+          audio: string;
+          video: string;
+          document: string;
+      };
+  }> & T9nMeta<{
+      heading: {
+          singular: string;
+          plural: string;
+      };
+      detailedGuidance: {
+          singular: string;
+          plural: string;
+      };
+      selectFileButton: {
+          singular: string;
+          plural: string;
+      };
+      fileCategoryMessage: string;
+      fileCategory: {
+          image: string;
+          audio: string;
+          video: string;
+          document: string;
+      };
+  }>;
+  get accept(): string | undefined;
+  /** @default false */
+  accessor disabled: boolean;
+  /** Configures the user-facing direction regarding which file types are recommended. */
+  accessor fileTypeCategories: Set<AttachmentTypeCategory> | undefined;
+  accessor heading: string | undefined;
+  /** @default "upload" */
+  accessor icon: IconName;
+  accessor messageOverrides: {
+      heading?: {
+          singular?: string | undefined;
+          plural?: string | undefined;
+      } | undefined;
+      detailedGuidance?: {
+          singular?: string | undefined;
+          plural?: string | undefined;
+      } | undefined;
+      selectFileButton?: {
+          singular?: string | undefined;
+          plural?: string | undefined;
+      } | undefined;
+      fileCategoryMessage?: string | undefined;
+      fileCategory?: {
+          image?: string | undefined;
+          audio?: string | undefined;
+          video?: string | undefined;
+          document?: string | undefined;
+      } | undefined;
+  };
+  /**
+   * Controls whether the native input is configured to enable multiple file selection.
+   *
+   * This does not enforce the limit, particularly if the user pastes or drags and drops attachments;
+   * the event can include multiple files even when this property is false.
+   *
+   * @default false
+   */
+  accessor multipleEnabled: boolean;
+  open(): Promise<void>;
+  /**
+   * This component does not enforce attachment count or file type limits.
+   * Do not rely on these events having only payloads consistent with
+   * the configured multipleEnabled/fileTypeCategories properties.
+   */
+  readonly arcgisFilesSelect: import("@arcgis/lumina").TargetedEvent<this, { files: File[]; }>;
+  readonly "@eventTypes": {
+    arcgisFilesSelect: ArcgisFilePicker["arcgisFilesSelect"]["detail"];
+  };
+}

package/dist/components/arcgis-file-picker/customElement.js

@@ -0,0 +1,117 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as m } from "../../chunks/runtime.js";
+import { css as v, html as c } from "lit";
+import { LitElement as b, createEvent as _, nothing as y, safeClassMap as k } from "@arcgis/lumina";
+import { u as $ } from "../../chunks/useT9n.js";
+import { createRef as d, ref as h } from "lit/directives/ref.js";
+import { getAttachmentTypeCategory as D } from "@arcgis/core/widgets/Attachments/support/attachmentUtils.js";
+import { getElementLocale as F } from "@arcgis/toolkit/intl/dom";
+const T = v`:host{--arcgis-internal-file-picker-minimum-height: 10.875rem;--arcgis-internal-dropzone-danger-background: var( --calcite-notice-background-color, color-mix(in srgb, var(--calcite-color-status-danger) 25%, var(--calcite-color-foreground-1)) );--calcite-button-background-color: var(--calcite-color-foreground-1)}.hidden-input{display:none}.drop-zone{min-block-size:var(--arcgis-internal-file-picker-minimum-height);border:var(--calcite-border-width-sm) dashed var(--calcite-color-border-input);border-radius:var(--calcite-corner-radius-sm);background-color:var(--calcite-color-surface-2);padding:var(--calcite-space-lg) var(--calcite-space-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--calcite-space-sm);-webkit-user-select:none;user-select:none;calcite-icon{color:var(--calcite-color-text-3);pointer-events:none}&.drag-active{background-color:var(--calcite-color-surface-highlight);border-color:var(--calcite-color-brand)}&.drag-danger{background-color:var(--arcgis-internal-dropzone-danger-background);border-color:var(--calcite-color-status-danger)}div{line-height:var(--calcite-font-line-height-fixed-base);color:var(--calcite-color-text-1);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-regular);text-align:center;pointer-events:none;&.detail{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}}}`, S = /* @__PURE__ */ new Set(["unknown"]);
+class z extends b {
+  constructor() {
+    super(...arguments), this._messages = $({ blocking: !1 }), this.#i = d(), this.#e = d(), this._dragState = "idle", this.disabled = !1, this.icon = "upload", this.multipleEnabled = !1, this.arcgisFilesSelect = _();
+  }
+  static {
+    this.properties = { _dragState: 16, accept: 32, fileTypeCategories: 0, disabled: 5, heading: 1, icon: 1, messageOverrides: 0, multipleEnabled: 5 };
+  }
+  static {
+    this.styles = T;
+  }
+  static {
+    this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+  }
+  #t;
+  #i;
+  #e;
+  get accept() {
+    const e = this.fileTypeCategories;
+    if (!e?.size)
+      return;
+    const t = [];
+    return e.has("image") && t.push("image/*"), e.has("audio") && t.push("audio/*"), e.has("video") && t.push("video/*"), e.has("document") && t.push("text/*", "application/*", "model/*"), t.length > 0 ? t.join(",") : void 0;
+  }
+  async open() {
+    this._openSync();
+  }
+  _handleUpload(e) {
+    const t = e.currentTarget, i = t.files;
+    try {
+      i && this._processFileList(i);
+    } finally {
+      t.value = "";
+    }
+  }
+  _handleDrop(e) {
+    this._applyDropEffects(e), this._dragState = "idle", !this.disabled && e.dataTransfer && this._processFileList(e.dataTransfer?.files);
+  }
+  _handlePaste(e) {
+    e.preventDefault(), !this.disabled && e.clipboardData && this._processFileList(e.clipboardData.files);
+  }
+  _handleDragOver(e) {
+    if (this._applyDropEffects(e), this.disabled)
+      this._dragState = "idle";
+    else {
+      const t = this._isValidTransfer(e.dataTransfer);
+      this._dragState = t ? "valid" : "warning";
+    }
+  }
+  _handleDragLeave({ relatedTarget: e, currentTarget: t }) {
+    e && (e === this.#e.value || e === t) || (this._dragState = "idle");
+  }
+  _handleButtonClick(e) {
+    this.disabled || (e.preventDefault(), e.stopPropagation(), this._openSync());
+  }
+  _handleZoneClick() {
+    this.disabled || (this.#e?.value?.setFocus(), this._dragState = "idle");
+  }
+  _processFileList(e) {
+    const t = Array.from(e);
+    t.length < 1 || this.disabled || this.arcgisFilesSelect.emit({ files: t });
+  }
+  _isValidTransfer(e) {
+    if (!e)
+      return !1;
+    const t = Array.from(e.items);
+    if (t.some(({ kind: s }) => s !== "file"))
+      return !1;
+    const i = t.filter(({ kind: s }) => s === "file");
+    if (!i.length || i.length > 1 && !this.multipleEnabled)
+      return !1;
+    const a = this.fileTypeCategories;
+    return a?.size ? !i.some(({ type: s }) => !a?.has(D(s))) : !0;
+  }
+  _applyDropEffects(e) {
+    e.preventDefault(), e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = this.disabled || !C(e.dataTransfer) ? "none" : "copy");
+  }
+  _openSync() {
+    this.#i.value?.click();
+  }
+  _getFileTypeGuidance() {
+    const e = this.fileTypeCategories;
+    if (!e?.size || !e.isDisjointFrom(S))
+      return null;
+    const t = this._messages.fileCategory;
+    if (!t)
+      return null;
+    const i = Array.from(e).map((a) => t[a]);
+    if (this.#t?.resolvedOptions().locale !== this._messages._t9nLocale) {
+      const a = F(this.el);
+      this.#t = new Intl.ListFormat(a.t9nLocale, { type: "conjunction", style: "long" });
+    }
+    return this.#t?.format(i) ?? null;
+  }
+  render() {
+    const { multipleEnabled: e, icon: t, disabled: i, heading: a, _dragState: s } = this, f = s === "valid" && !i, p = s === "warning" && !i, g = a || l(this._messages?.heading, e), u = l(this._messages.detailedGuidance, e), n = this._getFileTypeGuidance(), o = n === null ? null : this._messages?.fileCategoryMessage?.replace("{fileCategories}", n);
+    return c`<div><input accept=${this.accept ?? y} class="hidden-input" data-testid=native-input .disabled=${i} .multiple=${e} @change=${this._handleUpload} type=file ${h(this.#i)}><div .ariaDisabled=${i} class=${k({ "drop-zone": !0, "drag-active": f, "drag-danger": p })} data-testid=drop-zone @click=${this._handleZoneClick} @dragend=${this._handleDragLeave} @dragleave=${this._handleDragLeave} @dragover=${this._handleDragOver} @drop=${this._handleDrop} @paste=${this._handlePaste}><calcite-icon scale=l .icon=${t} data-testid=icon></calcite-icon><div class="heading">${g}</div><div class="detail">${u}</div><calcite-button alignment=center appearance=transparent data-testid=upload-button .disabled=${i} icon-start=folder-open kind=brand @click=${this._handleButtonClick} scale=s width=auto ${h(this.#e)}>${l(this._messages.selectFileButton, e)}</calcite-button>${o != null ? c`<div class="detail" data-testid=file-type>${o}</div>` : void 0}</div></div>`;
+  }
+}
+function l(r, e = !1) {
+  return r ? e ? r.plural : r.singular : "";
+}
+function C(r) {
+  return r?.items.length ? Array.from(r.items).some(({ kind: e }) => e === "file") : !1;
+}
+m("arcgis-file-picker", z);
+export {
+  z as ArcgisFilePicker
+};

package/dist/components/arcgis-file-picker/index.d.ts

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

package/dist/components/arcgis-file-picker/index.js

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

package/dist/components/arcgis-layer-list-next/customElement.d.ts

@@ -1,12 +1,12 @@
 /// <reference path="../../index.d.ts" />
 import type Collection from "@arcgis/core/core/Collection.js";
 import type Item from "@arcgis/core/layers/list/Item.js";
-import type TableItem from "@arcgis/core/layers/list/TableItem.js";
 import type { VisibilityAppearance } from "../../utils/action-utils.js";
 import type { CanSortFunction, TableSupportedLayers } from "../../utils/layer-list-utils.js";
 import type { LayerItemCollectionEvents } from "@arcgis/core/layers/list/LayerItemCollection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisTableListNext } from "../arcgis-table-list-next/customElement.js";
+import type { TableItem } from "../arcgis-table-list-next/types.js";
 import type { ArcgisReferenceElement, HeadingLevel, IconName } from "../types.js";
 import type { CatalogLayerListParams, FlowLayer, TableListParams } from "./types.js";
 import type { ArcgisCatalogLayerListNext } from "../arcgis-catalog-layer-list-next/customElement.js";