@arcgis/map-components 4.34.0-next.37 → 4.34.0-next.39

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

@@ -16,8 +16,8 @@ import { renderingSanitizer as E } from "@arcgis/core/applications/Components/sa
 import { i as T, s as V, f as Y, a as U, g as ne, b as D, c as se, d as oe, e as le, h as ce } from "../../chunks/feature-utils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
-const de = ee`@layer{arcgis-feature-media{.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}}}`;
+v4.34.0-next.39 */
+const de = ee`@layer{arcgis-feature-media{display:block}.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}}`;
 function N(R) {
   if (!T(R))
     return null;
@@ -39,10 +39,10 @@ const M = "arcgis-feature-media", I = {
   mediaPaginationButton: `${M}__pagination-button`,
   mediaPaginationIcon: `${M}__pagination-icon`,
   mediaChartRendered: `${M}__chart--rendered`
-}, z = 15, w = "category", b = "value", me = "rgba(50, 50, 50, 1)", ue = 250, he = 500, fe = 200;
+}, z = 15, w = "category", b = "value", ue = "rgba(50, 50, 50, 1)", me = 250, he = 500, fe = 200;
 class pe extends Q {
   constructor() {
-    super(...arguments), this._prefersReducedMotion = K("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.isAggregate = !1;
+    super(...arguments), this._prefersReducedMotion = K("(prefers-reduced-motion)"), this.activeMediaInfoIndex = 0, this.chartAnimationDisabled = !1, this.isAggregate = !1, this.headingLevel = 2;
   }
   static {
     this.properties = { _refreshIntervalInfo: 16, messages: 0, values: 0, activeMediaInfoIndex: 9, chartAnimationDisabled: 5, activeMediaInfo: 32, formattedMediaInfos: 32, description: 1, fieldInfoMap: 0, layer: 0, mediaInfos: 0, popupTemplate: 0, relatedInfos: 0, formattedValues: 0, expressionValues: 0, heading: 1, isAggregate: 5, formattedMediaInfoCount: 32, headingLevel: 9 };
@@ -158,16 +158,16 @@ class pe extends Q {
     }
   }
   _setChartValue(e) {
-    const { value: t, values: i, formattedValues: a, chartType: s, layer: n, expressionValues: o } = e, { popupTemplate: r, relatedInfos: c } = this, { fields: f, normalizeField: m } = t, l = n;
-    if (t.fields = ne(f, l), m && (t.normalizeField = D(m, l)), !f.some((d) => !!(a[d] != null || T(d) && c?.size)))
+    const { value: t, values: i, formattedValues: a, chartType: s, layer: n, expressionValues: o } = e, { popupTemplate: r, relatedInfos: c } = this, { fields: f, normalizeField: u } = t, l = n;
+    if (t.fields = ne(f, l), u && (t.normalizeField = D(u, l)), !f.some((d) => !!(a[d] != null || T(d) && c?.size)))
       return;
-    const u = r?.fieldInfos ?? [];
+    const m = r?.fieldInfos ?? [];
     f.forEach((d, g) => {
       const p = t.colors?.[g];
       if (T(d)) {
         t.series = [
           ...t.series,
-          ...this._getRelatedChartInfos({ fieldInfos: u, fieldName: d, formattedValues: a, chartType: s, value: t, color: p })
+          ...this._getRelatedChartInfos({ fieldInfos: m, fieldName: d, formattedValues: a, chartType: s, value: t, color: p })
         ];
         return;
       }
@@ -178,7 +178,7 @@ class pe extends Q {
         formattedValues: a,
         expressionValues: o,
         fieldName: d,
-        fieldInfos: u,
+        fieldInfos: m,
         color: p
       });
       t.series.push(_);
@@ -188,11 +188,11 @@ class pe extends Q {
     const { fieldInfos: t, fieldName: i, formattedValues: a, chartType: s, value: n, color: o } = e, r = [], c = N(i), f = c && this.relatedInfos?.get(c.layerId.toString());
     if (!f)
       return r;
-    const { relatedFeatures: m, relation: l } = f;
-    if (!l || !m)
+    const { relatedFeatures: u, relation: l } = f;
+    if (!l || !u)
       return r;
     const { cardinality: h } = l;
-    return m.forEach((d) => {
+    return u.forEach((d) => {
       const g = d.attributes;
       g && Object.keys(g).forEach((p) => {
         p === c.fieldName && r.push(this._getChartOption({
@@ -202,7 +202,7 @@ class pe extends Q {
           fieldName: i,
           chartType: s,
           relatedFieldName: p,
-          hasMultipleRelatedFeatures: m?.length > 1,
+          hasMultipleRelatedFeatures: u?.length > 1,
           fieldInfos: t,
           color: o
         }));
@@ -213,7 +213,7 @@ class pe extends Q {
     return i === "pie-chart" ? `${e}` : `${e}: ${t}`;
   }
   _getChartOption(e) {
-    const { value: t, values: i, formattedValues: a, expressionValues: s, fieldName: n, relatedFieldName: o, fieldInfos: r, chartType: c, hasMultipleRelatedFeatures: f, color: m } = e, l = this.layer, h = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { normalizeField: u, tooltipField: d } = t, g = u ? T(u) ? i[N(u).fieldName] : i[u] : null, p = se(n) && s?.[n] !== void 0 ? s[n] : o && i[o] !== void 0 ? i[o] : i[n] !== void 0 ? i[n] : a[n], _ = p === void 0 ? null : p && g && typeof p == "number" && typeof g == "number" ? p / g : p, v = oe(r, n), x = D(n, l), F = (d && a[d] !== void 0 ? a[d] : le(v || new ae({ fieldName: x }), this.popupTemplate?.expressionInfos)) ?? "", $ = a[x] ?? "", P = typeof _ == "number" ? _ : Number(_);
+    const { value: t, values: i, formattedValues: a, expressionValues: s, fieldName: n, relatedFieldName: o, fieldInfos: r, chartType: c, hasMultipleRelatedFeatures: f, color: u } = e, l = this.layer, h = this.fieldInfoMap ?? /* @__PURE__ */ new Map(), { normalizeField: m, tooltipField: d } = t, g = m ? T(m) ? i[N(m).fieldName] : i[m] : null, p = se(n) && s?.[n] !== void 0 ? s[n] : o && i[o] !== void 0 ? i[o] : i[n] !== void 0 ? i[n] : a[n], _ = p === void 0 ? null : p && g && typeof p == "number" && typeof g == "number" ? p / g : p, v = oe(r, n), x = D(n, l), F = (d && a[d] !== void 0 ? a[d] : le(v || new ae({ fieldName: x }), this.popupTemplate?.expressionInfos)) ?? "", $ = a[x] ?? "", P = typeof _ == "number" ? _ : Number(_);
     if (T(n)) {
       const k = h.get(n.toLowerCase()), B = d ? h.get(d.toLowerCase()) : null, H = k?.fieldName ?? n, L = f && d ? N(d).fieldName : B?.fieldName ?? d, O = (f && L ? i[L] : a[L] ?? k?.label ?? k?.fieldName ?? o) ?? "", W = (f && o ? i[o] : a[H]) ?? "";
       return new X({
@@ -223,7 +223,7 @@ class pe extends Q {
           value: W,
           chartType: c
         }),
-        color: m,
+        color: u,
         value: P
       });
     }
@@ -234,7 +234,7 @@ class pe extends Q {
         value: $,
         chartType: c
       }),
-      color: m,
+      color: u,
       value: P
     });
   }
@@ -276,7 +276,7 @@ class pe extends Q {
     return !this.chartAnimationDisabled && !this._prefersReducedMotion;
   }
   _getChartAnimationMS() {
-    return this._canAnimateChart() ? ue : 0;
+    return this._canAnimateChart() ? me : 0;
   }
   _getChartSeriesAnimationMS() {
     return this._canAnimateChart() ? he : 0;
@@ -289,7 +289,7 @@ class pe extends Q {
     e.setAll({
       pointerOrientation: t
     }), e.get("background")?.setAll({
-      stroke: i(me)
+      stroke: i(ue)
     }), e.label.setAll({
       direction: this._getDirection(),
       oversizedBehavior: "wrap",
@@ -300,7 +300,8 @@ class pe extends Q {
     const [{ Tooltip: i }, { PieChart: a, PieSeries: s }] = await Promise.all([
       import("@amcharts/amcharts5/index.js"),
       import("@amcharts/amcharts5/percent.js")
-    ]), { mediaInfo: n, root: o } = e, { title: r } = n, c = 5, f = n?.altText || n?.title || "", m = o.container.children.push(a.new(o, {
+    ]), { mediaInfo: n, root: o } = e, { title: r } = n, c = 5, f = n?.altText || n?.title || "", u = o.container.children.push(a.new(o, {
+      role: "figure",
       ariaLabel: f,
       focusable: !0,
       paddingBottom: c,
@@ -310,26 +311,26 @@ class pe extends Q {
     })), l = `{category}: {valuePercentTotal.formatNumber('0.00')}%
  ({value})`, h = i.new(o, {
       labelText: l
-    }), u = m.series.push(s.new(o, {
+    }), m = u.series.push(s.new(o, {
       name: r,
       valueField: b,
       categoryField: w,
       tooltip: h
     }));
-    u.ticks.template.set("forceHidden", !0), u.labels.template.set("forceHidden", !0), u.slices.template.states.create("active", {
+    m.ticks.template.set("forceHidden", !0), m.labels.template.set("forceHidden", !0), m.slices.template.states.create("active", {
       shiftRadius: c
-    }), this._customizeChartTooltip(h), u.slices.template.setAll({
+    }), this._customizeChartTooltip(h), m.slices.template.setAll({
       ariaLabel: l,
       focusable: !0,
       templateField: "columnSettings"
-    }), u.data.setAll(t), u.appear(this._getChartSeriesAnimationMS()), m.appear(this._getChartAnimationMS()), m.root.dom.classList.toggle(I.mediaChartRendered, !0);
+    }), m.data.setAll(t), m.appear(this._getChartSeriesAnimationMS()), u.appear(this._getChartAnimationMS()), u.root.dom.classList.toggle(I.mediaChartRendered, !0);
   }
   _getMinSeriesValue(e) {
     let t = 0;
     return e.forEach((i) => t = Math.min(i.value, t)), t;
   }
   async _createColumnChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, ColumnSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: m, root: l } = t, { value: h, title: u } = m;
+    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, ColumnSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: u, root: l } = t, { value: h, title: m } = u;
     e.setAll({
       wheelX: "panX",
       wheelY: "zoomX"
@@ -353,7 +354,7 @@ class pe extends Q {
     const p = "{categoryX}", _ = a.new(l, {
       labelText: p
     }), v = e.series.push(f.new(l, {
-      name: u,
+      name: m,
       xAxis: d,
       yAxis: g,
       valueYField: b,
@@ -369,7 +370,7 @@ class pe extends Q {
     })), d.data.setAll(i), v.data.setAll(i), v.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
   async _createBarChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, ColumnSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: m, root: l } = t, { value: h, title: u } = m;
+    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, ColumnSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { mediaInfo: u, root: l } = t, { value: h, title: m } = u;
     e.setAll({
       wheelX: "panY",
       wheelY: "zoomY"
@@ -396,7 +397,7 @@ class pe extends Q {
     const p = "{categoryY}", _ = a.new(l, {
       labelText: p
     }), v = e.series.push(f.new(l, {
-      name: u,
+      name: m,
       xAxis: g,
       yAxis: d,
       valueXField: b,
@@ -412,13 +413,13 @@ class pe extends Q {
     })), d.data.setAll(i), v.data.setAll(i), v.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
   async _createLineChart(e, t, i) {
-    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, LineSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { root: m, mediaInfo: l } = t, { value: h, title: u } = l;
+    const [{ Tooltip: a, Scrollbar: s }, { CategoryAxis: n, AxisRendererX: o, AxisRendererY: r, ValueAxis: c, LineSeries: f }] = await Promise.all([import("@amcharts/amcharts5/index.js"), import("@amcharts/amcharts5/xy.js")]), { root: u, mediaInfo: l } = t, { value: h, title: m } = l;
     e.setAll({
       wheelX: "panX",
       wheelY: "zoomX"
     });
-    const d = e.xAxes.push(n.new(m, {
-      renderer: o.new(m, {
+    const d = e.xAxes.push(n.new(u, {
+      renderer: o.new(u, {
         inversed: S(this.el)
       }),
       categoryField: w
@@ -426,22 +427,22 @@ class pe extends Q {
     d.get("renderer").labels.template.setAll({
       forceHidden: !0
     });
-    const g = e.yAxes.push(c.new(m, {
-      renderer: r.new(m, { inside: !1 }),
+    const g = e.yAxes.push(c.new(u, {
+      renderer: r.new(u, { inside: !1 }),
       min: this._getMinSeriesValue(h.series)
     }));
     g.get("renderer").labels.template.setAll({
       direction: this._getDirection()
     });
-    const p = "{categoryX}", _ = i[0]?.lineSettings?.stroke, v = a.new(m, {
+    const p = "{categoryX}", _ = i[0]?.lineSettings?.stroke, v = a.new(u, {
       getFillFromSprite: !_,
       labelText: p
     });
     _ && v.get("background")?.setAll({
       fill: _
     });
-    const x = e.series.push(f.new(m, {
-      name: u,
+    const x = e.series.push(f.new(u, {
+      name: m,
       xAxis: d,
       yAxis: g,
       valueYField: b,
@@ -450,12 +451,13 @@ class pe extends Q {
     }));
     x.strokes.template.setAll({
       templateField: "lineSettings"
-    }), this._customizeChartTooltip(v, "vertical"), h.series.length > z && e.set("scrollbarX", s.new(m, {
+    }), this._customizeChartTooltip(v, "vertical"), h.series.length > z && e.set("scrollbarX", s.new(u, {
       orientation: "horizontal"
     })), d.data.setAll(i), x.data.setAll(i), x.appear(this._getChartSeriesAnimationMS()), e.appear(this._getChartAnimationMS());
   }
   async _createXYChart(e, t) {
     const { XYChart: i, XYCursor: a } = await import("@amcharts/amcharts5/xy.js"), { root: s, mediaInfo: n } = e, { type: o } = n, r = n?.altText || n?.title || "", c = s.container.children.push(i.new(s, {
+      role: "figure",
       ariaLabel: r,
       focusable: !0,
       panX: !0,
@@ -518,8 +520,8 @@ class pe extends Q {
   _renderImageMediaInfo(e) {
     if (!e.value)
       return null;
-    const { _refreshIntervalInfo: t } = this, { value: i, refreshInterval: a, altText: s, title: n } = e, { sourceURL: o, linkURL: r } = i, f = ce(r ?? void 0) ? "_blank" : "_self", m = f === "_blank" ? "noreferrer" : "", l = a ? t : null, h = l ? l.sourceURL : o, u = y`<img alt=${(s || n) ?? A} src=${h ?? void 0 ?? A}>`;
-    return (r ? y`<a href=${r ?? A} rel=${m ?? A} target=${f ?? A} title=${n ?? A}>${u}</a>` : null) ?? u;
+    const { _refreshIntervalInfo: t } = this, { value: i, refreshInterval: a, altText: s, title: n } = e, { sourceURL: o, linkURL: r } = i, f = ce(r ?? void 0) ? "_blank" : "_self", u = f === "_blank" ? "noreferrer" : "", l = a ? t : null, h = l ? l.sourceURL : o, m = y`<img alt=${(s || n) ?? A} src=${h ?? void 0 ?? A}>`;
+    return (r ? y`<a href=${r ?? A} rel=${u ?? A} target=${f ?? A} title=${n ?? A}>${m}</a>` : null) ?? m;
   }
   _renderChartMediaInfo(e) {
     const { activeMediaInfoIndex: t, formattedMediaInfoCount: i } = this;
@@ -540,22 +542,22 @@ class pe extends Q {
     return y`<button .ariaLabel=${i} class=${C(I.mediaPaginationButton)} @click=${s} tabindex=0 title=${i ?? A} type=button><calcite-icon flip-rtl class=${C(I.mediaPaginationIcon)} .icon=${a} scale=s></calcite-icon></button>`;
   }
   async _renderChart(e) {
-    const { root: t, mediaInfo: i } = e, { value: a, type: s } = i, [{ default: n }, { default: o }, { default: r }, { esriChartColorSet: c }, { ColorSet: f, Theme: m }] = await Promise.all([
+    const { root: t, mediaInfo: i } = e, { value: a, type: s } = i, [{ default: n }, { default: o }, { default: r }, { esriChartColorSet: c }, { ColorSet: f, Theme: u }] = await Promise.all([
       import("@amcharts/amcharts5/themes/Animated.js"),
       import("@amcharts/amcharts5/themes/Dark.js"),
       import("@amcharts/amcharts5/themes/Responsive.js"),
       import("../../chunks/chartCommon.js"),
       import("@amcharts/amcharts5/index.js")
-    ]), l = m.new(t);
+    ]), l = u.new(t);
     l.rule("ColorSet").set("colors", c), l.rule("ColorSet").set("reuse", !0);
     const h = [r.new(t), l];
     re(this.el) === "dark" && h.push(o.new(t)), this._canAnimateChart() && h.push(n.new(t)), t.setThemes(h);
-    const u = await this._getRendererColors(), d = await this._getSeriesColors(a.series), g = f.new(t, {}), p = d.get(a.series[0]), _ = p ? {
+    const m = await this._getRendererColors(), d = await this._getSeriesColors(a.series), g = f.new(t, {}), p = d.get(a.series[0]), _ = p ? {
       lineSettings: {
         stroke: p
       }
     } : void 0, v = a.series.map((x, F) => {
-      const $ = d.get(x) || u.get(x.fieldName) || g.getIndex(F);
+      const $ = d.get(x) || m.get(x.fieldName) || g.getIndex(F);
       return {
         [w]: x.tooltip,
         [b]: x.value,

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

@@ -9,7 +9,7 @@ import { e as m, g as c } from "../../chunks/component-utils.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const w = u`@layer{arcgis-feature-table{display:block}.arcgis-feature-table{width:100%;height:100%}}`, p = g(a);
 class b extends d {
   constructor() {

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

@@ -7,7 +7,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const n = h`@layer{arcgis-feature-templates{display:block}}`, c = a(s);
 class d extends o {
   constructor() {

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

@@ -8,7 +8,7 @@ import { css as l } from "@lit/reactive-element/css-tag.js";
 import { c } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const g = l`@layer{arcgis-features{display:flex;flex-direction:column;overflow:hidden;.esri-features{flex:1 1 auto;overflow:hidden}}}`, u = d(o);
 class w extends r {
   constructor() {

package/dist/components/arcgis-floor-filter/customElement.js

@@ -5,7 +5,7 @@ import { m as a } from "../../chunks/useWidget.js";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const h = r`@layer{arcgis-floor-filter{display:block}}`, n = a(i);
 class c extends s {
   constructor() {

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

@@ -21,7 +21,8 @@ import { default as LinkChartView } from '@arcgis/core/views/LinkChartView.js';
  */
 export declare class ArcgisFullscreen extends LitElement {
     /** The [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) to present in fullscreen mode. */
-    element?: HTMLElement;
+    get element(): Element | undefined;
+    set element(value: Element | string | undefined);
     /** The component's default label. */
     label?: string;
     /**
@@ -54,4 +55,7 @@ export declare class ArcgisFullscreen extends LitElement {
         enter: string;
         exit: string;
     }>;
+    readonly _setterTypes: {
+        element?: Element | string | undefined;
+    };
 }

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

@@ -1,32 +1,46 @@
-import { c } from "../../chunks/runtime.js";
-import { html as s } from "lit-html";
-import { usePropertyChange as o } from "@arcgis/lumina/controllers";
-import { classes as a } from "@arcgis/components-utils";
-import { LitElement as u, createEvent as m, safeClassMap as l, nothing as d } from "@arcgis/lumina";
-import { u as f } from "../../chunks/useT9n.js";
-import { g as n } from "../../chunks/globalCss.js";
-import { css as p } from "@lit/reactive-element/css-tag.js";
-import { u as h } from "../../chunks/useView.js";
+import { c as o } from "../../chunks/runtime.js";
+import { html as l } from "lit-html";
+import { usePropertyChange as a } from "@arcgis/lumina/controllers";
+import { closestElement as m, classes as u } from "@arcgis/components-utils";
+import { LitElement as d, createEvent as f, safeClassMap as i, nothing as h } from "@arcgis/lumina";
+import { u as p } from "../../chunks/useT9n.js";
+import { g as r } from "../../chunks/globalCss.js";
+import { css as g } from "@lit/reactive-element/css-tag.js";
+import { u as E } from "../../chunks/useView.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
-const g = p`arcgis-fullscreen{display:block}`, E = {
+v4.34.0-next.39 */
+const b = g`arcgis-fullscreen{display:block}`, y = {
   base: "esri-fullscreen"
 };
-class b extends u {
+function $(s) {
+  return s.includes("#") || s.includes(".") || s.includes("[") ? s : `#${s}`;
+}
+class v extends d {
   constructor() {
-    super(), this.messages = f(), this.view = h(this), this.position = "top-left", this.arcgisPropertyChange = o()("state"), this.arcgisReady = m(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
+    super(), this.messages = p(), this.view = E(this), this.position = "top-left", this.arcgisPropertyChange = a()("state"), this.arcgisReady = f(), this.listenOn(document, "fullscreenchange", () => this.fullscreenElement = document.fullscreenElement);
   }
   static {
-    this.properties = { fullscreenElement: 16, element: 0, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 35 };
+    this.properties = { fullscreenElement: 16, element: 1, label: 1, messageOverrides: 0, position: 3, referenceElement: 1, state: 35 };
   }
   static {
-    this.styles = g;
+    this.styles = b;
   }
   get fullscreenTitle() {
     const e = this.state;
     return e === "active" ? this.messages.exit : e === "ready" ? this.messages.enter : "";
   }
+  #e;
+  get element() {
+    return this.#e;
+  }
+  set element(e) {
+    if (typeof e == "string") {
+      const t = $(e), n = m(this.el, t);
+      this.#e = n || void 0;
+    } else
+      this.#e = e;
+  }
   get state() {
     if (!document.fullscreenEnabled)
       return "unsupported";
@@ -43,11 +57,11 @@ class b extends u {
     document.fullscreenElement ? document.exitFullscreen() : this._getElement()?.requestFullscreen();
   }
   render() {
-    const { fullscreenTitle: e, state: t } = this, r = t === "unsupported", i = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
-    return s`<div class=${l(a(E.base, n.widget))}>${!r && s`<calcite-button class=${l(n.widgetButton)} .disabled=${t === "disabled"} .iconStart=${i} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? d}></calcite-button>` || ""}</div>`;
+    const { fullscreenTitle: e, state: t } = this, n = t === "unsupported", c = t === "ready" || t === "disabled" || t === "unsupported" ? "zoom-out-fixed" : "zoom-in-fixed";
+    return l`<div class=${i(u(y.base, r.widget))}>${!n && l`<calcite-button class=${i(r.widgetButton)} .disabled=${t === "disabled"} .iconStart=${c} kind=neutral .label=${e} @click=${this._toggle} title=${e ?? h}></calcite-button>` || ""}</div>`;
   }
 }
-c("arcgis-fullscreen", b);
+o("arcgis-fullscreen", v);
 export {
-  b as ArcgisFullscreen
+  v as ArcgisFullscreen
 };

package/dist/components/arcgis-grid-controls/customElement.js

@@ -15,7 +15,7 @@ import { watch as D } from "@arcgis/core/core/reactiveUtils.js";
 import L from "@arcgis/core/widgets/support/GridControls/GridControlsViewModel.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 function B(s) {
   if (s == null || Number.isNaN(s))
     return 0;

package/dist/components/arcgis-histogram-range-slider/customElement.js

@@ -6,7 +6,7 @@ import { m as n } from "../../chunks/useWidget.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const h = d`@layer{arcgis-histogram-range-slider{display:block}}`, l = n(s);
 class g extends a {
   constructor() {

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

@@ -11,7 +11,7 @@ import { g as a } from "../../chunks/globalCss.js";
 import { css as u } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const b = u`@layer{arcgis-home{display:block}}`, y = {
   base: "esri-home"
 }, M = f(d);

package/dist/components/arcgis-labeled-switch/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as m, createEvent as b, safeClassMap as c } from "@arcgis/lu
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const g = f`.label{--calcite-label-margin-bottom: 0}.label-content{display:flex;flex:1;gap:var(--calcite-spacing-sm);align-items:center;text-wrap:balance}.label-content>div{flex-grow:1}.icon{margin-top:-1px;&.info{color:var(--calcite-color-status-info)}&.warning{color:var(--calcite-color-status-warning)}}.tooltip{text-wrap:wrap}`, e = {
   label: "label",
   labelContent: "label-content",

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

@@ -8,7 +8,7 @@ import { s as n } from "../../chunks/layer-list.js";
 import { c as g } from "../../chunks/createCloseEvent.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const c = d(a);
 class m extends r {
   constructor() {

package/dist/components/arcgis-layer-list-item/customElement.js

@@ -10,7 +10,7 @@ import { s as E } from "../../chunks/layer-list.js";
 import { u as x } from "../../chunks/useT9n.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const D = {
   hideChildren: "hide-children"
 };

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

@@ -6,7 +6,7 @@ import { m as o } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const l = n`@layer{arcgis-legend{display:block}}`, d = o(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-line-of-sight/customElement.js

@@ -11,7 +11,7 @@ import x from "@arcgis/core/analysis/LineOfSightAnalysis.js";
 import { property as O, subclass as A } from "@arcgis/core/core/accessorSupport/decorators.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const C = w`@layer{arcgis-line-of-sight{display:block}.arcgis-line-of-sight__container{display:flex;position:relative;flex-flow:column;gap:var(--calcite-spacing-md);padding:var(--esri-widget-padding);overflow-y:auto}.arcgis-line-of-sight__error{color:var(--calcite-color-status-danger)}.arcgis-line-of-sight__hint{display:flex;flex-direction:column;gap:var(--calcite-spacing-md)}.arcgis-line-of-sight__error,.arcgis-line-of-sight__hint{overflow:hidden;animation:arcgis-line-of-sight-fade-in .25s ease-in-out;p{margin:0;padding:0}}.arcgis-line-of-sight__actions{display:flex;flex-flow:column;gap:var(--calcite-spacing-xxs);justify-content:center}@keyframes arcgis-line-of-sight-fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}}`, a = "arcgis-line-of-sight", r = {
   base: a,
   actions: `${a}__actions`,

package/dist/components/arcgis-link-chart/customElement.js

@@ -8,7 +8,7 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const g = m`@layer{arcgis-link-chart{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

package/dist/components/arcgis-link-chart-layout-switcher/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as y, createEvent as w, noShadowRoot as b, safeClassMap as f
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const L = v`@layer{arcgis-link-chart-layout-switcher{display:block}}`, c = {
   basicLayoutCategory: [
     "basic-grid"

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

@@ -14,7 +14,7 @@ import u from "@arcgis/core/core/Error.js";
 import { onLocaleChange as J } from "@arcgis/core/intl.js";
 import q from "@arcgis/core/PopupTemplate.js";
 import W from "@arcgis/core/support/actions/ActionButton.js";
-import { t as X, a as E } from "../../chunks/async-utils.js";
+import { t as X, i as E } from "../../chunks/async-utils.js";
 import B from "@arcgis/core/core/Accessor.js";
 import O from "@arcgis/core/Graphic.js";
 import Z from "@arcgis/core/symbols/CIMSymbol.js";
@@ -27,7 +27,7 @@ import { project as te } from "@arcgis/core/rest/geometryService.js";
 import oe from "@arcgis/core/rest/support/ProjectParameters.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const ie = K`@layer{arcgis-locate{display:block}}`;
 let M = !1;
 const re = {

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

@@ -8,7 +8,7 @@ import { c as v, i as l } from "../../chunks/component-utils.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const g = m`@layer{arcgis-map{display:block;height:100%;.esri-view{height:100%;width:100%}}}`, d = r(
   w,
   /**

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

@@ -6,7 +6,7 @@ import { m as r } from "../../chunks/useWidget.js";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const c = n`@layer{arcgis-measurement{display:block}}`, l = r(i);
 class h extends s {
   constructor() {

package/dist/components/arcgis-measurement-content/customElement.js

@@ -6,7 +6,7 @@ import { f as l } from "../../chunks/measurementUtils.js";
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const u = m`:host,.hint,.error,.section,.actions,.item{display:flex;flex-direction:column;gap:var(--calcite-spacing-md);animation:esri-fade-in .25s ease-in-out}.error{color:var(--calcite-color-status-danger)}.error,.hint{overflow:hidden;p{margin:0;padding:0}}.item-disabled{color:var(--calcite-color-text-1);opacity:var(--calcite-opacity-light)}.item-value{font-weight:var(--calcite-font-weight-semibold)}.actions{justify-content:center}`, e = {
   error: "error",
   hint: "hint",

package/dist/components/arcgis-navigation-toggle/customElement.js

@@ -9,7 +9,7 @@ import { g as b } from "../../chunks/globalCss.js";
 import { css as M } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const $ = "arcgis-navigation-toggle", _ = {
   base: $
 }, w = M`@layer{.arcgis-navigation-toggle{display:flex;box-shadow:0 1px 2px #0000004d;inline-size:fit-content;block-size:fit-content}}`, e = { pan: "move", rotate: "rotate" };

package/dist/components/arcgis-oriented-imagery-viewer/customElement.js

@@ -7,7 +7,7 @@ import { m as l } from "../../chunks/useWidget.js";
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const h = g`@layer{arcgis-oriented-imagery-viewer{display:block}}`, m = l(r);
 class y extends o {
   constructor() {

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

@@ -4,7 +4,7 @@ import { LitElement as l, createEvent as a, noShadowRoot as c } from "@arcgis/lu
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const d = h`@layer{arcgis-placement{display:flex;pointer-events:auto;box-shadow:none}.arcgis-placement__container{display:block}}`;
 class m extends l {
   constructor() {

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

@@ -11,7 +11,7 @@ import { g as n } from "../../chunks/globalCss.js";
 import { css as _ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.37 */
+v4.34.0-next.39 */
 const M = _`@layer{:root{--panel-min-height--large: 240px;--side-spacing: var(--calcite-spacing-lg);--cap-spacing: var(--calcite-spacing-md)}.arcgis-print{display:flex;position:relative;flex-grow:1;padding:0;min-height:var(--panel-min-height--large)!important;overflow-y:auto}.arcgis-print section[aria-hidden=true]{display:none}.arcgis-print__panel-items--centered{display:flex;align-items:center}.arcgis-print__container{display:flex;flex-direction:column;flex-grow:1}.arcgis-print__header-title{margin:0 auto 0 0;padding:var(--calcite-spacing-md) var(--calcite-spacing-lg);font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-bold)}.arcgis-print__panel--error{color:var(--calcite-color-status-danger)}arcgis-print-template-selector{overflow-y:hidden;display:flex}}`, a = "arcgis-print", r = {
   base: a,
   headerTitle: `${a}__header-title`,