@arcgis/map-components 5.2.0-next.120 → 5.2.0-next.122

package/dist/components/arcgis-exploratory-analysis/customElement.js

@@ -3,24 +3,24 @@ import { c as m } from "../../chunks/runtime.js";
 import { css as u, html as o } from "lit";
 import { watch as y } from "@arcgis/core/core/reactiveUtils.js";
 import { LitElement as v, createEvent as r, nothing as h } from "@arcgis/lumina";
-import { usePropertyChange as g } from "@arcgis/lumina/controllers";
-import { getSlotAssignedElements as p } from "@arcgis/toolkit/dom/slots";
+import { usePropertyChange as p } from "@arcgis/lumina/controllers";
+import { getSlotAssignedElements as g } from "@arcgis/toolkit/dom/slots";
 import { u as f } from "../../chunks/useT9n.js";
 import { r as d } from "../../chunks/maybe.js";
-const A = u`:host{min-width:var(--arcgis-internal-panel-width, 300px)}calcite-action-bar{width:100%}.selection-notice-container{padding:var(--calcite-spacing-md)}.selection-notice-list{margin-block:0;padding-inline-start:var(--calcite-spacing-lg)}.measurement-content{--arcgis-internal-padding: var(--calcite-space-md) var(--calcite-space-none);margin-block-end:var(--calcite-space-none)}.measurement-content,slot::slotted(*){width:100%}.footer{display:grid;grid-template-columns:1fr 2fr;gap:var(--calcite-spacing-md);width:100%}`, b = [
+const A = u`:host{--arcgis-internal-exploratory-analysis-width: fit-content;display:flex;justify-content:flex-end;width:var(--arcgis-internal-exploratory-analysis-width)}:host(:is([data-content-open],[show-heading])){--arcgis-internal-exploratory-analysis-width: var(--arcgis-internal-panel-width, 300px);calcite-panel{min-width:var(--arcgis-internal-panel-width, 300px)}calcite-action-bar{width:100%}}calcite-panel{flex:none;width:fit-content}calcite-action-bar{width:fit-content}.selection-notice-container{padding:var(--calcite-spacing-md)}.selection-notice-list{margin-block:0;padding-inline-start:var(--calcite-spacing-lg)}.measurement-content{--arcgis-internal-padding: var(--calcite-space-md) var(--calcite-space-none);margin-block-end:var(--calcite-space-none)}.measurement-content,slot::slotted(*){width:100%}.footer{display:grid;grid-template-columns:1fr 2fr;gap:var(--calcite-spacing-md);width:100%}`, b = [
   "arcgis-area-measurement-2d",
   "arcgis-area-measurement-3d",
   "arcgis-direct-line-measurement-3d",
   "arcgis-distance-measurement-2d",
   "arcgis-elevation-profile",
   "arcgis-volume-measurement"
-], _ = b.join(",");
+], w = b.join(",");
 class C extends v {
   constructor() {
-    super(), this._messages = f({ blocking: !0 }), this.#i = !1, this.#t = /* @__PURE__ */ new WeakMap(), this._activeAnalysisHasInput = !1, this._measurements = [], this.autoDestroyDisabled = !1, this.autoStartDisabled = !1, this.closed = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showHeading = !1, this.arcgisClose = r(), this.arcgisPropertyChange = g()("activeAnalysis"), this.arcgisReady = r(), this.listen("arcgisPropertyChange", this.#r.bind(this)), this.listen("arcgisReady", this.#r.bind(this));
+    super(), this._messages = f({ blocking: !0 }), this.#i = !1, this.#t = /* @__PURE__ */ new WeakMap(), this._activeAnalysisHasInput = !1, this._measurements = [], this.autoDestroyDisabled = !1, this.autoStartDisabled = !1, this.closed = !1, this.icon = "measure", this.preserveAnalysisOnChange = !1, this.showCloseButton = !1, this.showCollapseButton = !1, this.showHeading = !1, this.arcgisClose = r(), this.arcgisPropertyChange = p()("activeAnalysis"), this.arcgisReady = r(), this.listen("arcgisPropertyChange", this.#r.bind(this)), this.listen("arcgisReady", this.#r.bind(this));
   }
   static {
-    this.properties = { _activeAnalysisHasInput: 16, _activeAnalysisState: 16, _measurements: 16, activeAnalysis: 1, autoDestroyDisabled: 5, autoStartDisabled: 5, closed: 5, messageOverrides: 0, showCloseButton: 5, showCollapseButton: 5, showHeading: 5 };
+    this.properties = { _activeAnalysisHasInput: 16, _activeAnalysisState: 16, _measurements: 16, activeAnalysis: 1, autoDestroyDisabled: 5, autoStartDisabled: 5, closed: 5, icon: 1, messageOverrides: 0, preserveAnalysisOnChange: 5, showCloseButton: 5, showCollapseButton: 5, showHeading: 7 };
   }
   static {
     this.styles = A;
@@ -35,17 +35,17 @@ class C extends v {
     return this.#a;
   }
   set activeAnalysis(e) {
-    this.#e = typeof e == "string" ? e : void 0, this.#l(typeof e == "string" ? this._measurements.find((s) => s.localName === e) : e ?? void 0);
+    this.#e = typeof e == "string" ? e : void 0, this.#c(typeof e == "string" ? this._measurements.find((s) => s.localName === e) : e ?? void 0);
   }
   async destroy() {
     await this.manager.destroy();
   }
   load() {
-    this.manager.onLifecycle(() => (this.#c(), () => {
+    this.manager.onLifecycle(() => (this.#o(), () => {
       this.#s = d(this.#s), this.#n = void 0;
     }));
   }
-  async #o() {
+  async #l() {
     await this.activeAnalysis?.clear();
   }
   #m() {
@@ -54,17 +54,17 @@ class C extends v {
   async #u({ target: e }) {
     const s = Number(e.selectedActions.at(0)?.dataset.measurementIndex), i = this._measurements[s];
     if (i) {
-      if (this.#h(i), this.autoStartDisabled || i.interactionDisabled)
+      if (i !== this.activeAnalysis && !this.preserveAnalysisOnChange && await this.#l(), this.#h(i), this.autoStartDisabled || i.interactionDisabled || this.preserveAnalysisOnChange && i.analysis?.valid)
         return;
       await i.start();
     } else
-      await this.#o(), this.#h(void 0);
+      await this.#l(), this.#h(void 0);
   }
   #r() {
-    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d(), this.requestUpdate();
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#o(), this.#d(), this.requestUpdate();
   }
   #y({ currentTarget: e }) {
-    const s = p(e, _), i = this._measurements.filter((t) => !s.includes(t));
+    const s = g(e, w), i = this._measurements.filter((t) => !s.includes(t));
     for (const t of i) {
       const n = this.#t.get(t);
       t.hidden = n?.hidden ?? !1, t.hideStartButton = n?.hideStartButton ?? !1, "hideClearButton" in t && (t.hideClearButton = n?.hideClearButton ?? !1), "hideHeader" in t && (t.hideHeader = n?.hideHeader ?? !1), this.#t.delete(t);
@@ -84,26 +84,26 @@ class C extends v {
     let c;
     !this.#e && s.length === 1 && (c = s[0]);
     let a;
-    this.#e ? a = l : this.#i && s.length > 1 ? a = void 0 : this.activeAnalysis && s.includes(this.activeAnalysis) ? a = this.activeAnalysis : a = c, this.#l(a), this.#i = !!c;
+    this.#e ? a = l : this.#i && s.length > 1 ? a = void 0 : this.activeAnalysis && s.includes(this.activeAnalysis) ? a = this.activeAnalysis : a = c, this.#c(a), this.#i = !!c;
   }
   #h(e) {
-    this.#e = void 0, this.#i = !1, this.#l(e);
+    this.#e = void 0, this.#i = !1, this.#c(e);
   }
-  #l(e) {
+  #c(e) {
     const s = this.#a;
-    this.#a = e, this.requestUpdate("activeAnalysis", s), this.#v();
+    this.#a = e, this.el.toggleAttribute("data-content-open", !!e), this.requestUpdate("activeAnalysis", s), this.#v();
   }
   #v() {
-    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#c(), this.#d();
+    this._activeAnalysisState = this.activeAnalysis ? this.activeAnalysis.state ?? "disabled" : void 0, this.#o(), this.#d();
   }
   #d() {
     for (const e of this._measurements)
       e.hidden = e !== this.activeAnalysis || (this.#t.get(e)?.hidden ?? !1) || e === this.activeAnalysis && this._activeAnalysisState === "ready";
   }
-  async #g() {
+  async #p() {
     await this.activeAnalysis?.start();
   }
-  #c() {
+  #o() {
     const e = this.activeAnalysis?.analysis;
     if (!(e === this.#n && (e == null || this.#s))) {
       if (this.#s = d(this.#s), this.#n = e, !e) {
@@ -115,7 +115,7 @@ class C extends v {
   }
   render() {
     const { showCloseButton: e, showCollapseButton: s, showHeading: i } = this, l = this._activeAnalysisState === "disabled", c = this._measurements.length > 1, a = this.activeAnalysis?.label || this._messages.componentLabel;
-    return o`<calcite-panel .closed=${this.closed} .heading=${i ? this._messages.componentLabel : void 0} .collapsible=${s} .closable=${e} @calcitePanelClose=${this.#m}><div .hidden=${!c}><calcite-action-bar expand-toggle-disabled layout=horizontal><calcite-action-group .label=${this._messages.toolbarLabel} @calciteActionGroupChange=${this.#u} selection-mode=single>${this._measurements.map((t, n) => o`<calcite-action .active=${t === this.activeAnalysis} data-measurement-index=${n ?? h} .icon=${t.icon} .label=${t.label} .text=${t.label ?? ""} title=${t.label ?? h}></calcite-action>`)}</calcite-action-group></calcite-action-bar></div><div class="measurement-container" .hidden=${!this.activeAnalysis || l}><calcite-block class="measurement-content" .expanded=${this.isConnected && !!this.activeAnalysis && !l} .heading=${a}><slot @slotchange=${this.#y}></slot></calcite-block></div>${this.activeAnalysis ? o`<div class="footer" slot=footer><calcite-button appearance=transparent .disabled=${!this._activeAnalysisHasInput} kind=danger @click=${this.#o} width=full>${this._messages.clear}</calcite-button><calcite-button .disabled=${this.activeAnalysis.interactionDisabled || this._activeAnalysisState !== "ready" && !this._activeAnalysisHasInput} @click=${this.#g} width=full>${this.activeAnalysis?.matches("arcgis-elevation-profile") ? this._messages.newProfile : this._messages.newMeasurement}</calcite-button></div>` : null}</calcite-panel>`;
+    return o`<calcite-panel .closed=${this.closed} .heading=${i ? this._messages.componentLabel : void 0} .collapsible=${s} .closable=${e} @calcitePanelClose=${this.#m}><div .hidden=${!c}><calcite-action-bar expand-toggle-disabled layout=horizontal .overflowMode=${!i && !this.activeAnalysis ? "none" : "collapse"}><calcite-action-group .label=${this._messages.toolbarLabel} @calciteActionGroupChange=${this.#u} selection-mode=single>${this._measurements.map((t, n) => o`<calcite-action .active=${t === this.activeAnalysis} data-measurement-index=${n ?? h} .icon=${t.icon} .label=${t.label} .text=${t.label ?? ""} title=${t.label ?? h}></calcite-action>`)}</calcite-action-group></calcite-action-bar></div><div class="measurement-container" .hidden=${!this.activeAnalysis || l}><calcite-block class="measurement-content" .expanded=${this.isConnected && !!this.activeAnalysis && !l} .heading=${a}><slot @slotchange=${this.#y.bind(this)}></slot></calcite-block></div>${this.activeAnalysis ? o`<div class="footer" slot=footer><calcite-button appearance=transparent .disabled=${!this._activeAnalysisHasInput} kind=danger @click=${this.#l} width=full>${this._messages.clear}</calcite-button><calcite-button .disabled=${this.activeAnalysis.interactionDisabled || this._activeAnalysisState !== "ready" && !this._activeAnalysisHasInput} @click=${this.#p} width=full>${this.activeAnalysis?.matches("arcgis-elevation-profile") ? this._messages.newProfile : this._messages.newMeasurement}</calcite-button></div>` : null}</calcite-panel>`;
   }
 }
 m("arcgis-exploratory-analysis", C);

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

@@ -4,8 +4,8 @@ import { css as I, html as a } from "lit";
 import _ from "@arcgis/core/rest/query/support/AttachmentInfo.js";
 import L from "@arcgis/core/rest/support/AttachmentQuery.js";
 import z from "@arcgis/core/core/Collection.js";
-import A from "@arcgis/core/core/Error.js";
-import { LitElement as S, nothing as u, safeClassMap as $, safeStyleMap as w } from "@arcgis/lumina";
+import w from "@arcgis/core/core/Error.js";
+import { LitElement as S, nothing as u, safeClassMap as A, safeStyleMap as $ } from "@arcgis/lumina";
 import { bypassReadOnly as P } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";
 import { g as b } from "../../chunks/feature-utils.js";
@@ -17,7 +17,7 @@ function y(i) {
 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 j = I`:host([empty]){display:none}.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%}`, E = z.ofType(_);
+const j = I`:host([empty]){display:none}.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%}calcite-card:hover,calcite-card:focus,calcite-card:focus-within{--calcite-card-border-color: var(--calcite-color-text-1)}`, E = z.ofType(_);
 class R extends S {
   constructor() {
     super(...arguments), this._attachmentLayer = null, this._supportsImageOrientation = window?.CSS?.supports("image-orientation", "from-image"), this.hideSection = !1, this._attachmentInfos = new E(), this.headingLevel = 2, this.hidePreviewImageAttachmentName = !1, this.empty = !1;
@@ -55,22 +55,22 @@ class R extends S {
     ]);
   }
   async getAttachments() {
-    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: r, attachmentTypes: c, attachmentKeywords: l, _supportsTypeWildcard: o } = this;
+    const { _attachmentLayer: t, _attachmentInfos: e, orderByFields: r, attachmentTypes: n, attachmentKeywords: l, _supportsTypeWildcard: o } = this;
     if (!t || typeof t.queryAttachments != "function")
-      throw new A("invalid-layer", "getAttachments(): A valid layer is required.");
+      throw new w("invalid-layer", "getAttachments(): A valid layer is required.");
     const m = this.graphic?.getObjectId();
     if (typeof m != "number")
-      throw new A("invalid-object-id", "getAttachments(): Numeric object id is required");
-    const g = r?.map((s) => `${s.field} ${s.order === "descending" ? "DESC" : "ASC"}`), n = new L({
+      throw new w("invalid-object-id", "getAttachments(): Numeric object id is required");
+    const g = r?.map((s) => `${s.field} ${s.order === "descending" ? "DESC" : "ASC"}`), c = new L({
       objectIds: [m],
       returnMetadata: !0,
       orderByFields: g,
-      attachmentTypes: o ? c?.filter(Boolean).map((s) => `${s}/*`) : void 0,
+      attachmentTypes: o ? n?.filter(Boolean).map((s) => `${s}/*`) : void 0,
       keywords: l
-    }), h = [], p = t.queryAttachments(n).then((s) => s[m] || h).catch(() => h);
-    this.getAttachmentsPromise = p, this._setEmpty(!1);
-    const d = await p;
-    e.destroyAll(), d.length && e.addMany(d), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
+    }), h = [], d = t.queryAttachments(c).then((s) => s[m] || h).catch(() => h);
+    this.getAttachmentsPromise = d, this._setEmpty(!1);
+    const p = await d;
+    e.destroyAll(), p.length && e.addMany(p), this.getAttachmentsPromise = null, this._setEmpty(!this._hasContent);
   }
   _setEmpty(t) {
     P(() => this.empty = t);
@@ -113,14 +113,14 @@ class R extends S {
     return t === "carousel" ? this.renderAttachmentsCarousel(e) : t === "preview" ? this.renderAttachmentsPreview(e) : this.renderAttachmentsList(e);
   }
   renderAttachmentListItem(t) {
-    const { supportsResizeAttachments: e } = this, { contentType: r, name: c, url: l, size: o } = t, m = 64, g = c || this.messages?.noTitle, n = x(r), h = this.getCSSTransform(t), p = h ? { transform: h, "image-orientation": "none" } : {}, d = e && y(r), s = a`<a class=${$(v("item-link", "item-link--list", {
-      "item-link--list-icon": !d
-    }))} slot=content-start href=${l ?? void 0 ?? u} rel=noreferrer target=_blank>${d ? a`<img alt=${c ?? u} src=${`${l}${l?.includes("?") ? "&" : "?"}w=${m}&s=${o}`} style=${w(p)} title=${c ?? u}>` : a`<calcite-icon .icon=${n}></calcite-icon>`}</a>`, f = a`<calcite-link slot=content .href=${l ?? void 0} rel=noreferrer target=_blank>${g}</calcite-link>`;
+    const { supportsResizeAttachments: e } = this, { contentType: r, name: n, url: l, size: o } = t, m = 64, g = n || this.messages?.noTitle, c = x(r), h = this.getCSSTransform(t), d = h ? { transform: h, "image-orientation": "none" } : {}, p = e && y(r), s = a`<a class=${A(v("item-link", "item-link--list", {
+      "item-link--list-icon": !p
+    }))} slot=content-start href=${l ?? void 0 ?? u} rel=noreferrer target=_blank>${p ? a`<img alt=${n ?? u} src=${`${l}${l?.includes("?") ? "&" : "?"}w=${m}&s=${o}`} style=${$(d)} title=${n ?? u}>` : a`<calcite-icon .icon=${c}></calcite-icon>`}</a>`, f = a`<calcite-link slot=content .href=${l ?? void 0} rel=noreferrer target=_blank>${g}</calcite-link>`;
     return a`<calcite-list-item .label=${g}>${s}${f}</calcite-list-item>`;
   }
   renderAttachmentPreviewItem(t, e = !1) {
-    const { supportsResizeAttachments: r } = this, { contentType: c, name: l, url: o, size: m } = t, g = 225, n = l || this.messages?.noTitle, h = x(c), p = this.getCSSTransform(t), d = p ? { transform: p, "image-orientation": "none" } : {}, s = r && y(c), f = a`<a class=${$(v("item-link", "item-link--preview"))} slot=thumbnail href=${o ?? void 0 ?? u} rel=noreferrer target=_blank aria-label=${n ?? u} title=${n ?? u}>${s ? a`<img alt=${n ?? u} src=${`${o}${o?.includes("?") ? "&" : "?"}w=${g}&s=${m}`} style=${w(d)}>` : a`<calcite-icon scale=l .icon=${h}></calcite-icon>`}</a>`;
-    return a`<calcite-card .label=${n}>${f}${(e || this.hidePreviewImageAttachmentName) && s ? null : a`<span class="item-description" slot=description>${n}</span>`}</calcite-card>`;
+    const { supportsResizeAttachments: r } = this, { contentType: n, name: l, url: o, size: m } = t, g = 225, c = l || this.messages?.noTitle, h = x(n), d = this.getCSSTransform(t), p = d ? { transform: d, "image-orientation": "none" } : {}, s = r && y(n), f = a`<a class=${A(v("item-link", "item-link--preview"))} slot=thumbnail href=${o ?? void 0 ?? u} rel=noreferrer target=_blank aria-label=${c ?? u} title=${c ?? u}>${s ? a`<img alt=${c ?? u} src=${`${o}${o?.includes("?") ? "&" : "?"}w=${g}&s=${m}`} style=${$(p)}>` : a`<calcite-icon scale=l .icon=${h}></calcite-icon>`}</a>`;
+    return a`<calcite-card .label=${c}>${f}${(e || this.hidePreviewImageAttachmentName) && s ? null : a`<span class="item-description" slot=description>${c}</span>`}</calcite-card>`;
   }
 }
 k("arcgis-feature-attachments", R);

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

@@ -8,10 +8,42 @@ export abstract class ArcgisFeatureFormField extends LitElement {
   /** @internal */
   protected _messages: Partial<{
       componentLabel: string;
+      components: { attachments: { "attachment-validation-view": { validations: {
+          errorFileUnsupported: string;
+          maximumAudioLength: string;
+          maximumImageSize: string;
+          maximumFileSize: string;
+          maximumNumberOfFiles: string;
+          maximumVideoLength: string;
+          minimumNumberOfFiles: 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;
+      }; }; }; };
+      units: { bytes: {
+          B: string;
+          kB: string;
+          MB: string;
+          GB: string;
+          TB: string;
+      }; };
       differentValuesPlaceholder: string;
       empty: string;
   }>;
@@ -25,6 +57,22 @@ export abstract class ArcgisFeatureFormField extends LitElement {
   accessor input: FieldInput | 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; } | 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;
   };

package/dist/components/arcgis-feature-form-utility-network-association-list/customElement.js

@@ -7,7 +7,7 @@ import { stripHTML as l } from "@arcgis/core/applications/Components/stringUtils
 import { formatNumber as f, substitute as y } from "@arcgis/core/intl.js";
 import { watch as d } from "@arcgis/core/core/reactiveUtils.js";
 import { ArcgisUtilityNetworkAssociationList as v } from "../arcgis-utility-network-association-list/customElement.js";
-import { e as $ } from "../../chunks/layer-utils.js";
+import { f as $ } from "../../chunks/layer-utils.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { H as F } from "../../chunks/heading.js";
 const _ = p`:host{background-color:var(--calcite-color-surface-2)}.feature-observer{position:relative;bottom:var(--calcite-space-2xl);z-index:2;text-align:center}.header{calcite-block{margin-block-start:calc(var(--calcite-size-3xs) * -1.5);margin-inline:calc(var(--calcite-size-xs) * -1)}}.header>*{margin-block-end:var(--calcite-size-3xs)}.header>:last-child{color:var(--calcite-color-text-3)}.heading-content{display:flex;align-items:center;calcite-icon{margin-inline-end:var(--calcite-size-3xs)}}.list-container{display:flex;flex-direction:column;min-height:var(--calcite-space-3xl);calcite-fab{align-self:center;margin-block:var(--calcite-space-md)}}`;

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

@@ -9,7 +9,7 @@ import { property as l, subclass as S } from "@arcgis/core/core/accessorSupport/
 import _ from "@arcgis/core/core/Accessor.js";
 import u from "@arcgis/core/editing/templates/TemplateListItem.js";
 import { getAllStandardFeatureTemplatesForLayer as $, getTemplatesForLayers as x } from "@arcgis/core/applications/Components/templateUtils.js";
-import { i as y, c as v } from "../../chunks/layer-utils.js";
+import { i as y, d as v } from "../../chunks/layer-utils.js";
 import { isTable as m, getEffectiveLayerCapabilities as B } from "@arcgis/core/applications/Components/layerUtils.js";
 import { usePropertyChange as D } from "@arcgis/lumina/controllers";
 import { watch as f } from "@arcgis/core/core/reactiveUtils.js";

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c } from "../../chunks/runtime.js";
-import { css as r, html as n } from "lit";
-import { LitElement as i, createEvent as a, safeClassMap as u, nothing as m } from "@arcgis/lumina";
+import { c as o } from "../../chunks/runtime.js";
+import { css as c, html as r } from "lit";
+import { LitElement as i, createEvent as a, nothing as u, safeClassMap as m } from "@arcgis/lumina";
 import { usePropertyChange as d } from "@arcgis/lumina/controllers";
 import { getClosestElement as f, classes as h } from "@arcgis/toolkit/dom";
 import { u as g } from "../../chunks/useT9n.js";
 import { u as p } from "../../chunks/useView.js";
 import { g as v } from "../../chunks/globalCss.js";
-const b = r`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}`;
+const b = c`.arcgis-button{--calcite-icon-color: var(--calcite-color-text-3);--calcite-button-background-color: var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);line-height:var(--calcite-font-line-height-relative-tight);calcite-button{--calcite-offset-invert-focus: 1}display:flex;flex-flow:column;cursor:pointer;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);:hover{--calcite-icon-color: var(--calcite-color-text-1);--calcite-button-background-color: var(--calcite-color-transparent-hover)}}`;
 function E(s) {
   return s.includes("#") || s.includes(".") || s.includes("[") ? s : `#${s}`;
 }
@@ -22,8 +22,7 @@ class x extends i {
     this.styles = b;
   }
   get fullscreenTitle() {
-    const e = this.state;
-    return e === "active" ? this.messages.exit : e === "ready" ? this.messages.enter : "";
+    return this.state === "active" ? this.messages.exit : this.messages.enter;
   }
   #e;
   get element() {
@@ -50,14 +49,14 @@ class x extends i {
     return this.element ?? e?.parentElement ?? l ?? null;
   }
   _toggle() {
-    document.fullscreenElement ? document.exitFullscreen() : this._getElement()?.requestFullscreen();
+    this.state !== "unsupported" && (document.fullscreenElement ? document.exitFullscreen() : this._getElement()?.requestFullscreen());
   }
   render() {
-    const { fullscreenTitle: e, state: t } = this, l = t === "unsupported", o = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return n`<div class=${u(h("root", v.arcgisButton))}>${!l && n`<calcite-button .disabled=${t === "disabled"} .iconStart=${o} kind=neutral .label=${e} @click=${this._toggle} .scale=${this.visualScale} title=${e ?? m}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, state: t } = this, l = t === "unsupported", n = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return r`<div class=${m(h("root", v.arcgisButton))}><calcite-button .disabled=${t === "disabled" || l} .iconStart=${n} kind=neutral .label=${e} @click=${this._toggle} .scale=${this.visualScale} title=${e ?? u}></calcite-button></div>`;
   }
 }
-c("arcgis-fullscreen", x);
+o("arcgis-fullscreen", x);
 export {
   x as ArcgisFullscreen
 };

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

@@ -1,13 +1,12 @@
 /// <reference path="../../index.d.ts" />
-import type ActiveLayerInfo from "@arcgis/core/widgets/Legend/support/ActiveLayerInfo.js";
+import type ActiveLayerInfo from "@arcgis/core/legend/ActiveLayerInfo.js";
 import type LinkChartView from "@arcgis/core/views/LinkChartView.js";
 import type Collection from "@arcgis/core/core/Collection.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, HeadingLevel } from "../types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
-import type { LayerInfo } from "@arcgis/core/widgets/types.js";
-import type { LegendViewModelState } from "@arcgis/core/widgets/Legend/LegendViewModel.js";
+import type { LayerInfo, LegendContentState } from "@arcgis/core/legend/types.js";
 
 /**
  * The Legend component displays the symbols and labels used to represent layers in an [arcgis-map](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/) or [arcgis-scene](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-scene/).
@@ -89,9 +88,9 @@ import type { LegendViewModelState } from "@arcgis/core/widgets/Legend/LegendVie
  */
 export abstract class ArcgisLegend extends LitElement {
   /**
-   * Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/widgets/Legend/support/ActiveLayerInfo/) objects used by the legend view to
+   * Collection of [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/legend/ActiveLayerInfo/) objects used by the legend view to
    * display data in the legend. The legend component watches this property to hide or display the layer's legend when
-   * an [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/widgets/Legend/support/ActiveLayerInfo/) is removed from or added to this collection.
+   * an [ActiveLayerInfo](https://developers.arcgis.com/javascript/latest/references/core/legend/ActiveLayerInfo/) is removed from or added to this collection.
    */
   accessor activeLayerInfos: Collection<ActiveLayerInfo>;
   /**
@@ -445,7 +444,7 @@ export abstract class ArcgisLegend extends LitElement {
    *
    * @default "disabled"
    */
-  get state(): LegendViewModelState;
+  get state(): LegendContentState;
   /**
    * The view associated with the component.
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-legend component will be associated with a map or scene component rather than using the `view` property.

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

@@ -2,17 +2,17 @@
 import { c as d } from "../../chunks/runtime.js";
 import { css as g, html as o } from "lit";
 import { on as a, watch as n } from "@arcgis/core/core/reactiveUtils.js";
-import h from "@arcgis/core/widgets/Legend/LegendViewModel.js";
+import h from "@arcgis/core/legend/LegendContent.js";
 import { LitElement as p, createEvent as f, safeClassMap as u } from "@arcgis/lumina";
 import { usePropertyChange as m } from "@arcgis/lumina/controllers";
 import { classes as v } from "@arcgis/toolkit/dom";
-import { u as w } from "../../chunks/useT9n.js";
-import { m as _ } from "../../chunks/useViewModel.js";
+import { u as _ } from "../../chunks/useT9n.js";
+import { m as w } from "../../chunks/useViewModel.js";
 import { g as l } from "../../chunks/globalCss.js";
-const y = g`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{--arcgis-internal-legend-heading-margin: 0 0 var(--calcite-space-xs);--arcgis-internal-legend-layer-padding: var(--calcite-space-md);--arcgis-internal-legend-layer-gap: var(--calcite-space-xl);--arcgis-internal-legend-layer-element-gap: var(--calcite-space-md);overflow:auto;width:var(--arcgis-internal-legend-width, 300px)}.root{overflow-y:var(--arcgis-internal-panel-overflow, auto)}:host([card-style-layout="side-by-side"]){--arcgis-internal-legend-width: auto}`, b = _(h);
+const y = g`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-hidden{display:none!important}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}:host{--arcgis-internal-legend-heading-margin: 0 0 var(--calcite-space-xs);--arcgis-internal-legend-layer-padding: var(--calcite-space-md);--arcgis-internal-legend-layer-gap: var(--calcite-space-xl);--arcgis-internal-legend-layer-element-gap: var(--calcite-space-md);overflow:auto;width:var(--arcgis-internal-legend-width, 300px)}.root{overflow-y:var(--arcgis-internal-panel-overflow, auto)}:host([card-style-layout="side-by-side"]){--arcgis-internal-legend-width: auto}`, b = w(h);
 class x extends p {
   constructor() {
-    super(...arguments), this.messages = w({}), this.viewModel = b(this), this._isCardStyle = !1, this.view = this.viewModel.view, this.icon = "legend", this.activeLayerInfos = this.viewModel.activeLayerInfos, this.basemapLegendVisible = this.viewModel.basemapLegendVisible, this.headingLevel = 3, this.hideLayersNotInCurrentView = this.viewModel.hideLayersNotInCurrentView, this.respectLayerDefinitionExpression = this.viewModel.respectLayerDefinitionExpression, this.layerInfos = this.viewModel.layerInfos, this.loading = this.viewModel.loading, this.legendStyle = "classic", this.autoDestroyDisabled = !1, this.label = this.messages?.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state"), this.arcgisReady = f();
+    super(...arguments), this.messages = _({}), this.viewModel = b(this), this._isCardStyle = !1, this.view = this.viewModel.view, this.icon = "legend", this.activeLayerInfos = this.viewModel.activeLayerInfos, this.basemapLegendVisible = this.viewModel.basemapLegendVisible, this.headingLevel = 3, this.hideLayersNotInCurrentView = this.viewModel.hideLayersNotInCurrentView, this.respectLayerDefinitionExpression = this.viewModel.respectLayerDefinitionExpression, this.layerInfos = this.viewModel.layerInfos, this.loading = this.viewModel.loading, this.legendStyle = "classic", this.autoDestroyDisabled = !1, this.label = this.messages?.componentLabel, this.state = this.viewModel.state, this.arcgisPropertyChange = m()("state"), this.arcgisReady = f();
   }
   static {
     this.properties = { _isCardStyle: 16, view: 0, referenceElement: 1, icon: 1, activeLayerInfos: 0, basemapLegendVisible: 5, headingLevel: 9, hideLayersNotInCurrentView: 5, respectLayerDefinitionExpression: 5, ignoreLayerVisibility: 5, layerInfos: 0, loading: 39, cardStyleLayout: 1, legendStyle: 1, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 32 };

package/dist/components/arcgis-legend-card-element/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as E } from "../../chunks/runtime.js";
+import { c as x } from "../../chunks/runtime.js";
 import { css as k, html as t } from "lit";
 import y from "@arcgis/core/Color.js";
-import { LitElement as L, safeClassMap as c, safeStyleMap as u, nothing as b } from "@arcgis/lumina";
-import { classes as r } from "@arcgis/toolkit/dom";
+import { LitElement as L, safeClassMap as n, safeStyleMap as u, nothing as b } from "@arcgis/lumina";
+import { classes as c } from "@arcgis/toolkit/dom";
 import { H as w } from "../../chunks/heading.js";
 import { g as f } from "../../chunks/globalCss.js";
 import { a as _, g as v } from "../../chunks/titleUtils.js";
-import { s as $, i as C, g as x } from "../../chunks/utils3.js";
+import { s as $, i as C, g as E } from "../../chunks/utils3.js";
 const z = k`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.section{word-break:break-word;word-wrap:break-word;padding:var(--calcite-space-sm) var(--calcite-space-md);min-width:250px;max-width:500px;overflow:auto;font-size:var(--calcite-font-size-sm)}.carousel-title-container{margin-bottom:var(--calcite-space-sm)}.carousel-title{margin:0}.section-title{font-weight:var(--calcite-font-weight-regular)}.layer-caption{padding:var(--calcite-space-2xs) 0;margin:0;font-weight:var(--calcite-font-weight-regular)}.imagery-layer-stretched-image{display:block;margin-bottom:-2px}.image-label{padding-inline-start:var(--calcite-space-xs)}.label-element{margin:.1em;padding:.5em 1em;min-width:2em;min-height:1em;text-align:center;display:flex;align-items:center;justify-content:center;flex:1}.layer-row{display:flex;align-items:center}.symbol{display:block;margin:auto}.pie-chart-ramp-preview{display:flex;justify-content:center}.relationship-container{display:flex;flex-direction:column}.relationship-container .layer-row{padding-bottom:.5em}.relationship-container .layer-row:last-child{padding-bottom:0}.container{display:flex;gap:var(--calcite-space-sm);flex-wrap:wrap}.background-styles-container{display:flex;flex-wrap:wrap}:host([stacked]) .container{display:table}:host([stacked]) .symbol-row{display:table-row;width:100%}:host([stacked]) .symbol-row:not(:last-child) .label-cell,:host([stacked]) .symbol-row:not(:last-child) .symbol-cell{padding-bottom:var(--calcite-space-xs)}:host([stacked]) .label-cell{display:table-cell;vertical-align:middle}:host([stacked]) .symbol-cell{display:table-cell;vertical-align:middle;text-align:center}:host([stacked]) .symbol-cell div{display:flex;align-items:center;justify-content:center}`;
 function F(m) {
   return m ? m.r * 0.299 + m.g * 0.587 + m.b * 0.114 >= 127 : void 0;
@@ -23,21 +23,21 @@ class S extends L {
     this.styles = z;
   }
   _getBackgroundStyles(e) {
-    const a = e.symbol, s = a.color, n = !!s?.a, l = "outline" in a ? a.outline : null, i = !!l?.color?.a, o = n && s ? new y([s.r, s.g, s.b, s.a * this.layer.opacity]) : new y([255, 255, 255, 0]), d = i && l.color ? new y([l.color.r, l.color.g, l.color.b, l.color.a * this.layer.opacity]) : new y([255, 255, 255, 0]), g = F(e.symbol.color) ?? !0, h = g ? "black" : "white", p = g ? "rgba(255, 255, 255, .6)" : "rgba(0, 0, 0, .6)";
+    const i = e.symbol, s = i.color, r = !!s?.a, l = "outline" in i ? i.outline : null, a = !!l?.color?.a, o = r && s ? new y([s.r, s.g, s.b, s.a * this.layer.opacity]) : new y([255, 255, 255, 0]), d = a && l.color ? new y([l.color.r, l.color.g, l.color.b, l.color.a * this.layer.opacity]) : new y([255, 255, 255, 0]), g = F(e.symbol.color) ?? !0, h = g ? "black" : "white", p = g ? "rgba(255, 255, 255, .6)" : "rgba(0, 0, 0, .6)";
     return {
-      background: n ? o.toCss(!0) : "none",
+      background: r ? o.toCss(!0) : "none",
       color: h,
       textShadow: `-1px -1px 0 ${p},
                   1px -1px 0 ${p},
                   -1px 1px 0 ${p},
                   1px 1px 0 ${p}`,
-      border: i ? `1px solid ${d.toCss(!0)}` : "none",
+      border: a ? `1px solid ${d.toCss(!0)}` : "none",
       filter: this.cssEffectFilter ?? ""
     };
   }
   render() {
-    const e = this._renderLegendElement(), a = _(this.legendElement, this.messages), s = this.stacked ? t`<div class="carousel-title-container">${w({ class: r("carousel-title", f.heading), level: this.headingLevel, children: this.activeLayerInfo.title })}${a ? t`<p class="layer-caption">${a}</p>` : null}</div>` : a ? w({ class: r("section-title", f.heading), level: this.headingLevel, children: a }) : null;
-    return t`<section class="section" role=tabpanel tabindex=0>${s}${e}</section>`;
+    const e = this._renderLegendElement(), i = this.activeLayerInfo.legendElements.includes(this.legendElement), s = _(this.legendElement, this.messages), r = this.stacked && i ? t`<div class="carousel-title-container">${w({ class: c("carousel-title", f.heading), level: this.headingLevel, children: this.activeLayerInfo.title })}${s ? t`<p class="layer-caption">${s}</p>` : null}</div>` : s ? w({ class: c("section-title", f.heading), level: this.headingLevel, children: s }) : null;
+    return t`<section class="section" role=tabpanel tabindex=0>${r}${e}</section>`;
   }
   _renderLegendElement() {
     switch (this.legendElement.type) {
@@ -65,24 +65,24 @@ class S extends L {
     }
   }
   _renderSymbolTable(e) {
-    const a = e.infos.map((i) => this._renderElementInfo(i, e.legendType)).filter(Boolean);
-    if (!a.length)
+    const i = e.infos.map((a) => this._renderElementInfo(a, e.legendType)).filter(Boolean);
+    if (!i.length)
       return null;
-    const s = e.infos.some((i) => "symbol" in i && i.symbol?.type.includes("simple-fill")), l = this.activeLayerInfo.legendElements.some(({ type: i }) => i === "relationship-ramp") ? "relationship-container" : s ? "background-styles-container" : "container";
-    return t`<div class=${c(l)}>${a}</div>`;
+    const s = e.infos.some((a) => "symbol" in a && a.symbol?.type.includes("simple-fill")), l = this.activeLayerInfo.legendElements.some(({ type: a }) => a === "relationship-ramp") ? "relationship-container" : s ? "background-styles-container" : "container";
+    return t`<div class=${n(l)}>${i}</div>`;
   }
-  _renderElementInfo(e, a) {
-    const { layer: s } = this, n = "label" in e ? e.label : null;
+  _renderElementInfo(e, i) {
+    const { layer: s } = this, r = "label" in e ? e.label : null;
     if ("type" in e && e.type)
-      return t`<arcgis-legend-card-element .activeLayerInfo=${this.activeLayerInfo} .cssEffectFilter=${this.cssEffectFilter} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${s} .legendElement=${e} .messages=${this.messages}></arcgis-legend-card-element>`;
+      return t`<arcgis-legend-card-element .activeLayerInfo=${this.activeLayerInfo} .cssEffectFilter=${this.cssEffectFilter} .headingLevel=${this.headingLevel} .layer=${s} .legendElement=${e} .messages=${this.messages} .stacked=${this.stacked}></arcgis-legend-card-element>`;
     if (!("preview" in e && e.preview) && !("src" in e && e.src))
       return null;
-    const l = C(s, a), i = v(this.messages, n, !1) || "";
+    const l = C(s, i), a = v(this.messages, r, !1) || "";
     if ("src" in e && e.src) {
       const o = {
         "symbol-cell": this.stacked
       };
-      return t`<div class=${c(r("layer-row", { "symbol-row": this.stacked }))}><div class=${c(r(o))}>${this._renderImage(e, s, l)}</div><div class=${c(r("image-label", { "label-cell": this.stacked }))}>${i}</div></div>`;
+      return t`<div class=${n(c("layer-row", { "symbol-row": this.stacked }))}><div class=${n(c(o))}>${this._renderImage(e, s, l)}</div><div class=${n(c("image-label", { "label-cell": this.stacked }))}>${a}</div></div>`;
     }
     if ("symbol" in e && e.preview) {
       if (!e.symbol?.type.includes("simple-fill")) {
@@ -91,23 +91,23 @@ class S extends L {
         const o = {
           "symbol-cell": this.stacked
         }, { preview: d } = e, g = "previewAriaLabel" in e ? e.previewAriaLabel : null, h = "label" in e ? v(this.messages, e.label, !1) : null;
-        return $(d, x(this.messages, g || h)), t`<div class=${c(r("layer-row", { "symbol-row": this.stacked }))}><div class=${c(r(o))}>${d}</div><div class=${c(r("image-label", { "label-cell": this.stacked }))}>${i}</div></div>`;
+        return $(d, E(this.messages, g || h)), t`<div class=${n(c("layer-row", { "symbol-row": this.stacked }))}><div class=${n(c(o))}>${d}</div><div class=${n(c("image-label", { "label-cell": this.stacked }))}>${a}</div></div>`;
       }
-      return t`<div class="layer-row"><div class="label-element" style=${u(this._getBackgroundStyles(e))}>${i}</div></div>`;
+      return t`<div class="layer-row"><div class="label-element" style=${u(this._getBackgroundStyles(e))}>${a}</div></div>`;
     }
     return null;
   }
-  _renderImage(e, a, s) {
-    const { previewAriaLabel: n, src: l, opacity: i } = e, o = v(this.messages, e.label, !1), d = {
+  _renderImage(e, i, s) {
+    const { previewAriaLabel: r, src: l, opacity: a } = e, o = v(this.messages, e.label, !1), d = {
       "imagery-layer-stretched-image": s,
       symbol: !s
     }, g = {
-      opacity: `${i ?? a.opacity}`
-    }, h = x(this.messages, n || o);
-    return t`<img alt=${h ?? b} .ariaLabel=${h} class=${c(r(d))} height=${e.height ?? void 0 ?? b} src=${l ?? b} style=${u(g)} width=${e.width ?? void 0 ?? b}>`;
+      opacity: `${a ?? i.opacity}`
+    }, h = E(this.messages, r || o);
+    return t`<img alt=${h ?? b} .ariaLabel=${h} class=${n(c(d))} height=${e.height ?? void 0 ?? b} src=${l ?? b} style=${u(g)} width=${e.width ?? void 0 ?? b}>`;
   }
 }
-E("arcgis-legend-card-element", S);
+x("arcgis-legend-card-element", S);
 export {
   S as ArcgisLegendCardElement
 };

package/dist/components/arcgis-link-chart/customElement.d.ts

@@ -16,6 +16,7 @@ import type Error from "@arcgis/core/core/Error.js";
 import type HighlightOptions from "@arcgis/core/views/support/HighlightOptions.js";
 import type Magnifier from "@arcgis/core/views/Magnifier.js";
 import type Navigation from "@arcgis/core/views/navigation/Navigation.js";
+import type ViewOptions from "@arcgis/core/views/interactive/options/ViewOptions.js";
 import type Popup from "@arcgis/core/widgets/Popup.js";
 import type SelectionManager from "@arcgis/core/views/SelectionManager.js";
 import type SpatialReference from "@arcgis/core/geometry/SpatialReference.js";
@@ -443,6 +444,14 @@ export abstract class ArcgisLinkChart extends LitElement {
    * });
    */
   accessor navigation: Navigation;
+  /**
+   * Configures snapping, tooltips, and measurement units for supported components and analyses configured to inherit these options from the view.
+   * See [ViewOptions](https://developers.arcgis.com/javascript/latest/references/core/views/interactive/options/ViewOptions/) for details.
+   *
+   * @since 5.2
+   * @beta
+   */
+  accessor options: ViewOptions;
   /**
    * Use the padding property to make the [center](https://developers.arcgis.com/javascript/latest/references/core/views/LinkChartView/#center),
    * and [extent](https://developers.arcgis.com/javascript/latest/references/core/views/LinkChartView/#extent), etc. work off a