@arcgis/map-components 5.2.0-next.76 → 5.2.0-next.78

package/dist/components/arcgis-catalog-layer-list-next/customElement.js

@@ -2,14 +2,14 @@
 import { c as O } from "../../chunks/runtime.js";
 import { html as n } from "lit";
 import { repeat as A } from "lit/directives/repeat.js";
-import { keyed as w } from "lit/directives/keyed.js";
+import { keyed as I } from "lit/directives/keyed.js";
 import { createReactiveMap as C } from "@arcgis/core/applications/Components/featureUtils.js";
 import u from "@arcgis/core/core/Collection.js";
 import { on as L, watch as R } from "@arcgis/core/core/reactiveUtils.js";
-import N from "@arcgis/core/widgets/CatalogLayerList/CatalogLayerListViewModel.js";
-import D from "@arcgis/core/widgets/LayerList/ListItem.js";
-import { LitElement as k, createEvent as d, renderElement as M, safeClassMap as b, nothing as _ } from "@arcgis/lumina";
-import { usePropertyChange as x } from "@arcgis/lumina/controllers";
+import N from "@arcgis/core/layers/list/CatalogItemCollection.js";
+import x from "@arcgis/core/layers/list/Item.js";
+import { LitElement as D, createEvent as d, renderElement as M, safeClassMap as b, nothing as _ } from "@arcgis/lumina";
+import { usePropertyChange as k } from "@arcgis/lumina/controllers";
 import { reEmitEvent as B } from "@arcgis/lumina/controllers/accessor";
 import { classes as S } from "@arcgis/toolkit/dom";
 import { generateGuid as G } from "@arcgis/toolkit/string";
@@ -25,8 +25,8 @@ import { c as X } from "../../chunks/css.js";
 const m = X, Y = (p) => {
   const e = p?.type;
   return e === "knowledge-graph" || e === "map-image" || e === "tile";
-}, Z = (p) => p?.type === "catalog", E = "nested", ee = u.ofType(D), te = V(N);
-class se extends k {
+}, Z = (p) => p?.type === "catalog", P = "nested", ee = u.ofType(x), te = V(N);
+class se extends D {
   constructor() {
     super(...arguments), this.#l = `operational-${G()}`, this.#e = null, this.#o = H(), this.#i = !1, this.#t = !1, this.messages = U(), this.#r = () => {
       this._activeItem = null;
@@ -41,7 +41,7 @@ class se extends k {
       e && this.#L(e);
     }, this.#d = (e) => {
       e && this.#v(e);
-    }, this.viewModel = te(this), this._activeItem = null, this._focusRootFlowItem = !1, this._focusPanelFlowItem = !1, this._focusLayerFlowItem = null, this.layerTablesEnabled = new u(["knowledge-graph"]), this.mapImageOptions = null, this.tileOptions = null, this.view = this.viewModel.view, this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.closed = !1, this.topLayerDisabled = !1, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.openedLayers = new u(), this.openedLayerLists = new u(), this.collapsed = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minFilterItems = j, this.selectedItems = new ee(), this.selectionMode = "none", this.visibilityAppearance = "default", this.arcgisPropertyChange = x()("state"), this.arcgisReady = d(), this.arcgisCatalogItemsChange = d(), this.arcgisFilterChange = d(), this.arcgisSelectedItemsChange = d(), this.arcgisOpenedLayersChange = d(), this.arcgisTriggerAction = B(() => this.viewModel, "trigger-action");
+    }, this.viewModel = te(this), this._activeItem = null, this._focusRootFlowItem = !1, this._focusPanelFlowItem = !1, this._focusLayerFlowItem = null, this.layerTablesEnabled = new u(["knowledge-graph"]), this.mapImageOptions = null, this.tileOptions = null, this.view = this.viewModel.view, this.hideCatalogLayerList = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showErrors = !1, this.hideNoFilterResultsNotice = !1, this.hideNoItemsNotice = !1, this.showFilter = !1, this.showHeading = !1, this.hideStatusIndicators = !1, this.showTemporaryLayerIndicators = !1, this.closed = !1, this.topLayerDisabled = !1, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.openedLayers = new u(), this.openedLayerLists = new u(), this.collapsed = !1, this.filterPlaceholder = "", this.filterText = "", this.headingLevel = 2, this.listItemCreatedFunction = this.viewModel.listItemCreatedFunction, this.listModeDisabled = this.viewModel.listModeDisabled, this.minFilterItems = j, this.selectedItems = new ee(), this.selectionMode = "none", this.visibilityAppearance = "default", this.arcgisPropertyChange = k()("state"), this.arcgisReady = d(), this.arcgisCatalogItemsChange = d(), this.arcgisFilterChange = d(), this.arcgisSelectedItemsChange = d(), this.arcgisOpenedLayersChange = d(), this.arcgisTriggerAction = B(() => this.viewModel, "trigger-action");
   }
   static {
     this.properties = { _catalogLayerList: 16, _activeItem: 16, _focusRootFlowItem: 16, _focusPanelFlowItem: 16, _focusLayerFlowItem: 16, _totalItems: 16, _filterEnabled: 16, _visibleItems: 16, _openedPanelItems: 16, _renderedOpenLayerFlowItems: 16, layerTablesEnabled: 16, mapImageOptions: 16, tileOptions: 16, view: 0, hideCatalogLayerList: 5, showCloseButton: 5, showCollapseButton: 5, showErrors: 5, hideNoFilterResultsNotice: 5, hideNoItemsNotice: 5, showFilter: 5, showHeading: 5, hideStatusIndicators: 5, showTemporaryLayerIndicators: 5, closed: 5, topLayerDisabled: 5, autoDestroyDisabled: 5, referenceElement: 1, state: 32, openedLayers: 32, openedLayerLists: 32, catalogItems: 0, catalogLayer: 0, catalogOptions: 0, collapsed: 5, filterPlaceholder: 1, filterPredicate: 0, filterText: 1, headingLevel: 9, knowledgeGraphOptions: 0, label: 1, listItemCreatedFunction: 0, listModeDisabled: 5, minFilterItems: 9, selectedItems: 0, selectionMode: 1, visibilityAppearance: 1, messageOverrides: 0, onCatalogOpen: 0, onTablesOpen: 0 };
@@ -95,7 +95,7 @@ class se extends k {
   loaded() {
     this.manager.onLifecycle(() => [
       L(() => this.openedLayers, "change", () => {
-        this.#I();
+        this.#w();
       }),
       L(() => this.viewModel.catalogItems, "change", () => {
         q(this.selectedItems), this.arcgisCatalogItemsChange.emit();
@@ -117,7 +117,7 @@ class se extends k {
     const a = e.type === "catalog" ? await this.#$(e) : await this.#C(e);
     return t.aborted || !this.isConnected || this.#t ? (a?.destroy?.(), a) : (t.aborted || this.#s.set(e, a), a);
   }
-  async #I() {
+  async #w() {
     if (!this.isConnected || this.#t)
       return;
     const { openedLayers: e, openedLayerLists: t } = this;
@@ -133,7 +133,7 @@ class se extends k {
     const i = t.at(-1), l = i && "catalogLayer" in i ? i : void 0;
     this._catalogLayerList !== l && (this._catalogLayerList = l), this.arcgisOpenedLayersChange.emit();
   }
-  #w(e) {
+  #I(e) {
     e.open = !1, this._focusRootFlowItem = !0;
   }
   #L(e) {
@@ -147,7 +147,7 @@ class se extends k {
   }
   async #$(e) {
     const { headingLevel: t, catalogOptions: s, view: a, referenceElement: o, filterPlaceholder: i, listItemCreatedFunction: l, minFilterItems: r, selectionMode: c, visibilityAppearance: h } = this;
-    return M(n`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? i} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? l} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? c} .visibilityAppearance=${s?.visibilityAppearance ?? h} .showErrors=${s?.visibleElements?.errors ?? this.showErrors} .showFilter=${s?.visibleElements?.filter ?? this.showFilter} .hideStatusIndicators=${s?.visibleElements?.statusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.visibleElements?.temporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(y) => y.stopPropagation()} .catalogLayer=${e} .view=${a} .referenceElement=${o} @catalogOpen=${this.#p} @tablesOpen=${this.#m}></arcgis-catalog-layer-list-next>`);
+    return M(n`<arcgis-catalog-layer-list-next .headingLevel=${t} .filterPlaceholder=${s?.filterPlaceholder ?? i} .listItemCreatedFunction=${s?.listItemCreatedFunction ?? l} .minFilterItems=${s?.minFilterItems ?? r} .selectionMode=${s?.selectionMode ?? c} .visibilityAppearance=${s?.visibilityAppearance ?? h} .showErrors=${s?.showErrors ?? this.showErrors} .showFilter=${s?.showFilter ?? this.showFilter} .hideStatusIndicators=${s?.hideStatusIndicators ?? this.hideStatusIndicators} .showTemporaryLayerIndicators=${s?.showTemporaryLayerIndicators ?? this.showTemporaryLayerIndicators} .messageOverrides=${this.messageOverrides} @arcgisReady=${(y) => y.stopPropagation()} .catalogLayer=${e} .view=${a} .referenceElement=${o} @catalogOpen=${this.#p} @tablesOpen=${this.#m}></arcgis-catalog-layer-list-next>`);
   }
   #F(e) {
     switch (e.type) {
@@ -169,7 +169,7 @@ class se extends k {
   }
   async #C(e) {
     const { headingLevel: t, selectionMode: s, referenceElement: a, view: o } = this, i = this.#F(e);
-    return M(n`<arcgis-table-list .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .label=${i?.label} .tables=${i?.tables} .view=${o} .referenceElement=${a} @arcgisReady=${(l) => l.stopPropagation()}></arcgis-table-list>`);
+    return M(n`<arcgis-table-list-next .headingLevel=${i?.headingLevel ?? t} .selectionMode=${i?.selectionMode ?? s} .collapsed=${i?.collapsed} .filterPlaceholder=${i?.filterPlaceholder} .filterText=${i?.filterText} .label=${i?.label} .tables=${i?.tables} .view=${o} .referenceElement=${a} @arcgisReady=${(l) => l.stopPropagation()}></arcgis-table-list-next>`);
   }
   #m(e) {
     if (this.onTablesOpen) {
@@ -205,16 +205,16 @@ class se extends k {
       [f.hidden]: e === "loading",
       [f.disabled]: e === "disabled"
     };
-    return n`<div class=${b(S(f.widget, f.panel, t))}>${this._visibleItems?.length ? this.#P() : null}${this.#R()}</div>`;
+    return n`<div class=${b(S(f.widget, f.panel, t))}>${this._visibleItems?.length ? this.#E() : null}${this.#R()}</div>`;
   }
-  #E(e) {
+  #P(e) {
     const t = this.#a, s = this.messages;
     return e?.layer ? n`<calcite-tooltip overlay-positioning=fixed .referenceElement=${t.get(e.layer.uid)} .topLayerDisabled=${this.topLayerDisabled}>${s.layerIncompatibleTooltip}</calcite-tooltip>` : null;
   }
   #g(e) {
-    return e.incompatible ? this.#E(e) : e.children?.filter((t) => !t.hidden).toArray().map((t) => this.#g(t));
+    return e.incompatible ? this.#P(e) : e.children?.filter((t) => !t.hidden).toArray().map((t) => this.#g(t));
   }
-  #P() {
+  #E() {
     return this._visibleItems?.toArray().map((e) => this.#g(e));
   }
   #f() {
@@ -226,33 +226,33 @@ class se extends k {
   #A() {
     const { _openedPanelItems: e, openedLayers: t } = this;
     return A(e.toArray(), ({ uid: s }) => s, (s, a) => {
-      const { uid: o, title: i, panel: l } = s, r = () => this.#w(l);
+      const { uid: o, title: i, panel: l } = s, r = () => this.#I(l);
       return n`<calcite-flow-item .description=${i} .heading=${l.title} .headingLevel=${this.headingLevel} .selected=${!t.length && a === e.length - 1} @calciteFlowItemBack=${(c) => {
         c.preventDefault(), r();
       }} ${g(this.#c)}><arcgis-layer-list-item-panel .item=${s} .view=${this.view}></arcgis-layer-list-item-panel><calcite-button appearance=transparent slot=footer-actions width=full @click=${r}>Back</calcite-button></calcite-flow-item>`;
     });
   }
   #R() {
-    const { collapsed: e, _visibleItems: t, _filterEnabled: s, showCloseButton: a, showCollapseButton: o, showHeading: i, selectionMode: l, filterText: r, filterPlaceholder: c, openedLayers: h, _openedPanelItems: y } = this, $ = this.#l, F = this.label ?? this.messages.componentLabel ?? "", P = [
-      n`<calcite-flow-item .closable=${a} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${i ? F : void 0} .headingLevel=${this.headingLevel} .selected=${!h.length && !y.length} @calciteFlowItemClose=${() => this.closed = !0} ${g(this.#h)}>${t?.length ? n`<calcite-list data-layer-type=${$ ?? _} .displayMode=${E} .filterEnabled=${s} .filterPlaceholder=${c} .filterProps=${J} .filterText=${s ? r : ""} .group=${$} .label=${F} @focusin=${this.#n} @focusout=${this.#r} selection-appearance=border .selectionMode=${l} @calciteListChange=${this.#T} @calciteListFilter=${(I) => {
-        this.filterText = I.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
-      }} @mouseleave=${this.#r} @mouseover=${this.#n} ${g(this.#o)}>${t.toArray().map((I) => this.#D(I))}${s && !this.hideNoFilterResultsNotice ? n`<div class=${b(m.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this.#f()}</calcite-notice></div>` : null}</calcite-list>` : this.#O()}</calcite-flow-item>`,
+    const { collapsed: e, _visibleItems: t, _filterEnabled: s, showCloseButton: a, showCollapseButton: o, showHeading: i, selectionMode: l, filterText: r, filterPlaceholder: c, openedLayers: h, _openedPanelItems: y } = this, $ = this.#l, F = this.label ?? this.messages.componentLabel ?? "", E = [
+      n`<calcite-flow-item .closable=${a} .closed=${this.closed} .collapsed=${e} .collapsible=${o} .heading=${i ? F : void 0} .headingLevel=${this.headingLevel} .selected=${!h.length && !y.length} @calciteFlowItemClose=${() => this.closed = !0} ${g(this.#h)}>${t?.length ? n`<calcite-list data-layer-type=${$ ?? _} .displayMode=${P} .filterEnabled=${s} .filterPlaceholder=${c} .filterProps=${J} .filterText=${s ? r : ""} .group=${$} .label=${F} @focusin=${this.#n} @focusout=${this.#r} selection-appearance=border .selectionMode=${l} @calciteListChange=${this.#T} @calciteListFilter=${(w) => {
+        this.filterText = w.currentTarget?.filterText ?? "", this.arcgisFilterChange.emit();
+      }} @mouseleave=${this.#r} @mouseover=${this.#n} ${g(this.#o)}>${t.toArray().map((w) => this.#x(w))}${s && !this.hideNoFilterResultsNotice ? n`<div class=${b(m.filterNoResults)} slot=filter-no-results><calcite-notice kind=info open width=full>${this.#f()}</calcite-notice></div>` : null}</calcite-list>` : this.#O()}</calcite-flow-item>`,
       this.#A(),
       this._renderedOpenLayerFlowItems
     ];
-    return this.closed ? null : w("root-flow", n`<calcite-flow>${P}</calcite-flow>`);
+    return this.closed ? null : I("root-flow", n`<calcite-flow>${E}</calcite-flow>`);
   }
   #N(e, t) {
     const { openedLayers: s } = this, a = e.title || this.messages.untitledLayer;
-    return w(e.uid, n`<calcite-flow-item data-layer-uid=${e.uid ?? _} .description=${a} .heading=${this.messages[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(o) => {
+    return I(e.uid, n`<calcite-flow-item data-layer-uid=${e.uid ?? _} .description=${a} .heading=${this.messages[e.type === "catalog" ? "catalogLayers" : "tables"]} .headingLevel=${this.headingLevel} .selected=${t} @calciteFlowItemBack=${(o) => {
       o.preventDefault(), s.pop();
       const i = s.at(-1);
       i ? this._focusLayerFlowItem = i.uid : this._focusRootFlowItem = !0;
     }} ${g(this.#d)}>${this.#s.get(e)}</calcite-flow-item>`);
   }
-  #D(e, t, s) {
+  #x(e, t, s) {
     const { hideStatusIndicators: a, showCloseButton: o, showCollapseButton: i, showErrors: l, showFilter: r, showHeading: c, showTemporaryLayerIndicators: h } = this;
-    return w(e.uid, K({ activeItem: this._activeItem ?? void 0, css: { ...m, itemCatalogIcon: m.itemActionIcon }, displayMode: E, dragEnabled: !1, item: e, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, parent: t, parentTitles: s, rootGroupUid: this.#l, selectedItems: this.selectedItems, selectionMode: this.selectionMode, visibilityAppearance: this.visibilityAppearance, hideStatusIndicators: a, showCloseButton: o, showCollapseButton: i, showErrors: l, showFilter: r, showHeading: c, showTemporaryLayerIndicators: h, handleAction: this.#_.bind(this), handleCatalogOpen: this.#p.bind(this), handleTablesOpen: this.#m.bind(this), handleTooltipReferenceChange: this.#M.bind(this), view: this.view }));
+    return I(e.uid, K({ activeItem: this._activeItem ?? void 0, css: { ...m, itemCatalogIcon: m.itemActionIcon }, displayMode: P, dragEnabled: !1, item: e, layerTablesEnabled: this.layerTablesEnabled, listModeDisabled: this.viewModel.listModeDisabled, messages: this.messages, parent: t, parentTitles: s, rootGroupUid: this.#l, selectedItems: this.selectedItems, selectionMode: this.selectionMode, visibilityAppearance: this.visibilityAppearance, hideStatusIndicators: a, showCloseButton: o, showCollapseButton: i, showErrors: l, showFilter: r, showHeading: c, showTemporaryLayerIndicators: h, handleAction: this.#_.bind(this), handleCatalogOpen: this.#p.bind(this), handleTablesOpen: this.#m.bind(this), handleTooltipReferenceChange: this.#M.bind(this), view: this.view }));
   }
 }
 O("arcgis-catalog-layer-list-next", se);

package/dist/components/arcgis-catalog-layer-list-next/index.js

@@ -1,5 +1,5 @@
 import ".//index.js";
-import "../arcgis-table-list/index.js";
+import "../arcgis-table-list-next/index.js";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-flow-item";

package/dist/components/arcgis-feature-attachments/customElement.js

@@ -1,22 +1,22 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as k } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { css as I, html as a } from "lit";
 import L from "@arcgis/core/rest/query/support/AttachmentInfo.js";
 import z from "@arcgis/core/rest/support/AttachmentQuery.js";
 import S from "@arcgis/core/core/Collection.js";
-import w from "@arcgis/core/core/Error.js";
-import { LitElement as P, nothing as h, safeClassMap as b, safeStyleMap as $ } from "@arcgis/lumina";
-import { classes as A } from "@arcgis/toolkit/dom";
+import b from "@arcgis/core/core/Error.js";
+import { LitElement as P, nothing as h, safeClassMap as w, safeStyleMap as v } from "@arcgis/lumina";
+import { classes as $ } from "@arcgis/toolkit/dom";
 import { g as u } from "../../chunks/feature-utils.js";
 import { watch as _ } from "@arcgis/core/core/reactiveUtils.js";
-function v(i) {
+function A(i) {
   const e = i.toLowerCase();
   return e === "image/bmp" || e === "image/emf" || e === "image/exif" || e === "image/gif" || e === "image/x-icon" || e === "image/jpeg" || e === "image/png" || e === "image/tiff" || e === "image/x-wmf";
 }
 function x(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-report" : "file" : "file";
 }
-const C = I`.item-link{display:flex;flex-grow:1}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}`, j = S.ofType(L);
+const C = I`.item-link{display:flex;flex-grow:1;color:var(--calcite-color-text-3)}.item-link:visited,.item-link:hover,.item-link:focus-visible,.item-link:active{color:var(--calcite-color-text-1)}.item-link img{max-width:100%;max-height:100%;object-fit:contain}.item-link--list{align-items:center;justify-content:center;width:64px;max-height:64px;overflow:hidden;border-radius:var(--calcite-corner-radius-sm)}.item-link--list img{border-radius:var(--calcite-corner-radius-sm)}.item-link--list-icon{border:var(--calcite-border-width-sm) solid var(--calcite-color-border-3)}.item-link--list calcite-icon{margin:var(--calcite-spacing-lg)}.item-link--preview{align-items:center;justify-content:center}.item-link--preview calcite-icon{margin-block:var(--calcite-spacing-lg)}.item-description{text-align:center;word-wrap:break-word;word-break:break-word}calcite-link{--calcite-link-text-color: var(--calcite-color-text-3);padding-inline:var(--calcite-spacing-sm);word-wrap:break-word;word-break:break-word}calcite-card{width:100%}`, j = S.ofType(L);
 class R extends P {
   constructor() {
     super(...arguments), this._attachmentInfos = new j(), this._attachmentLayer = null, this._supportsImageOrientation = window?.CSS?.supports("image-orientation", "from-image"), this.getAttachmentsPromise = null, this.hideSection = !1, this.headingLevel = 2, this.hidePreviewImageAttachmentName = !1;
@@ -53,10 +53,10 @@ class R extends P {
   async getAttachments() {
     const { _attachmentLayer: e, _attachmentInfos: t, orderByFields: o, attachmentTypes: m, attachmentKeywords: s, _supportsTypeWildcard: g } = this;
     if (!e || typeof e.queryAttachments != "function")
-      throw new w("invalid-layer", "getAttachments(): A valid layer is required.");
+      throw new b("invalid-layer", "getAttachments(): A valid layer is required.");
     const d = this.graphic?.getObjectId();
     if (typeof d != "number")
-      throw new w("invalid-object-id", "getAttachments(): Numeric object id is required");
+      throw new b("invalid-object-id", "getAttachments(): Numeric object id is required");
     const r = o?.map((n) => `${n.field} ${n.order === "descending" ? "DESC" : "ASC"}`), f = new z({
       objectIds: [d],
       returnMetadata: !0,
@@ -96,17 +96,17 @@ class R extends P {
     return e === "preview" ? this.renderAttachmentsPreview(t) : this.renderAttachmentsList(t);
   }
   renderAttachmentListItem(e) {
-    const { supportsResizeAttachments: t } = this, { contentType: o, name: m, url: s, size: g } = e, d = 64, r = m || this.messages?.noTitle, f = x(o), c = this.getCSSTransform(e), p = c ? { transform: c, "image-orientation": "none" } : {}, l = t && v(o), n = a`<a class=${b(A("item-link", "item-link--list", {
+    const { supportsResizeAttachments: t } = this, { contentType: o, name: m, url: s, size: g } = e, d = 64, r = m || this.messages?.noTitle, f = x(o), c = this.getCSSTransform(e), p = c ? { transform: c, "image-orientation": "none" } : {}, l = t && A(o), n = a`<a class=${w($("item-link", "item-link--list", {
       "item-link--list-icon": !l
-    }))} slot=content-start href=${s ?? void 0 ?? h} rel=noreferrer target=_blank>${l ? a`<img alt=${m ?? h} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${d}&s=${g}`} style=${$(p)} title=${m ?? h}>` : a`<calcite-icon .icon=${f}></calcite-icon>`}</a>`, y = a`<calcite-link slot=content .href=${s ?? void 0} rel=noreferrer target=_blank>${r}</calcite-link>`;
-    return a`<calcite-list-item .label=${r}>${n}${y}</calcite-list-item>`;
+    }))} slot=content-start href=${s ?? void 0 ?? h} rel=noreferrer target=_blank>${l ? a`<img alt=${m ?? h} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${d}&s=${g}`} style=${v(p)} title=${m ?? h}>` : a`<calcite-icon .icon=${f}></calcite-icon>`}</a>`, k = a`<calcite-link slot=content .href=${s ?? void 0} rel=noreferrer target=_blank>${r}</calcite-link>`;
+    return a`<calcite-list-item .label=${r}>${n}${k}</calcite-list-item>`;
   }
   renderAttachmentPreviewItem(e) {
-    const { supportsResizeAttachments: t } = this, { contentType: o, name: m, url: s, size: g } = e, d = 225, r = m || this.messages?.noTitle, f = x(o), c = this.getCSSTransform(e), p = c ? { transform: c, "image-orientation": "none" } : {}, l = t && v(o), n = a`<a class=${b(A("item-link", "item-link--preview"))} slot=thumbnail href=${s ?? void 0 ?? h} rel=noreferrer target=_blank aria-label=${r ?? h} title=${r ?? h}>${l ? a`<img alt=${r ?? h} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${d}&s=${g}`} style=${$(p)}>` : a`<calcite-icon scale=l .icon=${f}></calcite-icon>`}</a>`;
+    const { supportsResizeAttachments: t } = this, { contentType: o, name: m, url: s, size: g } = e, d = 225, r = m || this.messages?.noTitle, f = x(o), c = this.getCSSTransform(e), p = c ? { transform: c, "image-orientation": "none" } : {}, l = t && A(o), n = a`<a class=${w($("item-link", "item-link--preview"))} slot=thumbnail href=${s ?? void 0 ?? h} rel=noreferrer target=_blank aria-label=${r ?? h} title=${r ?? h}>${l ? a`<img alt=${r ?? h} src=${`${s}${s?.includes("?") ? "&" : "?"}w=${d}&s=${g}`} style=${v(p)}>` : a`<calcite-icon scale=l .icon=${f}></calcite-icon>`}</a>`;
     return a`<calcite-card .label=${r}>${n}${this.hidePreviewImageAttachmentName && l ? null : a`<span class="item-description" slot=description>${r}</span>`}</calcite-card>`;
   }
 }
-k("arcgis-feature-attachments", R);
+y("arcgis-feature-attachments", R);
 export {
   R as ArcgisFeatureAttachments
 };

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

@@ -378,6 +378,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
   accessor messageOverrides: NonNullable<ArcgisFeatureNext["messageOverrides"]> & {
       componentLabel?: string | undefined;
       zoom?: string | undefined;
+      zoomLabel?: string | undefined;
       browseAggregatedFeatures?: string | undefined;
       aggregatedFeatures?: string | undefined;
       aggregatedFeaturesPlaceholder?: string | undefined;
@@ -388,6 +389,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       total?: string | undefined;
       pageText?: string | undefined;
       selectFeature?: string | undefined;
+      showAllFeatures?: string | undefined;
       down?: string | undefined;
       first?: string | undefined;
       last?: string | undefined;
@@ -398,6 +400,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       untitled?: string | undefined;
       loading?: string | undefined;
       back?: string | undefined;
+      backLabel?: string | undefined;
       errorMessage?: string | undefined;
       returnToInitialFeature?: string | undefined;
       maxRecordCountHeading?: string | undefined;
@@ -409,6 +412,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
   protected messages: Partial<{
       componentLabel: string;
       zoom: string;
+      zoomLabel: string;
       browseAggregatedFeatures: string;
       aggregatedFeatures: string;
       aggregatedFeaturesPlaceholder: string;
@@ -419,6 +423,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       total: string;
       pageText: string;
       selectFeature: string;
+      showAllFeatures: string;
       down: string;
       first: string;
       last: string;
@@ -429,6 +434,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       untitled: string;
       loading: string;
       back: string;
+      backLabel: string;
       errorMessage: string;
       returnToInitialFeature: string;
       maxRecordCountHeading: string;
@@ -438,6 +444,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
   }> & T9nMeta<{
       componentLabel: string;
       zoom: string;
+      zoomLabel: string;
       browseAggregatedFeatures: string;
       aggregatedFeatures: string;
       aggregatedFeaturesPlaceholder: string;
@@ -448,6 +455,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       total: string;
       pageText: string;
       selectFeature: string;
+      showAllFeatures: string;
       down: string;
       first: string;
       last: string;
@@ -458,6 +466,7 @@ export abstract class ArcgisFeaturesNext extends LitElement {
       untitled: string;
       loading: string;
       back: string;
+      backLabel: string;
       errorMessage: string;
       returnToInitialFeature: string;
       maxRecordCountHeading: string;