@arcgis/map-components 4.34.0-next.128 → 4.34.0-next.129

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

@@ -1,16 +1,15 @@
-import { c as w } from "../../chunks/runtime.js";
-import { css as x, html as s } from "lit";
-import p from "@arcgis/core/Color.js";
-import { LitElement as E, safeClassMap as l, safeStyleMap as b, nothing as y } from "@arcgis/lumina";
+import { c as E } from "../../chunks/runtime.js";
+import { css as k, html as s } from "lit";
+import b from "@arcgis/core/Color.js";
+import { LitElement as L, safeClassMap as l, safeStyleMap as u, nothing as _ } from "@arcgis/lumina";
 import { classes as n } from "@arcgis/toolkit/dom";
-import { H as v } from "../../chunks/heading.js";
-import { g as u } from "../../chunks/globalCss.js";
-import { a as k, g as f } from "../../chunks/titleUtils.js";
-import { i as C } from "../../chunks/utils2.js";
+import { H as w } from "../../chunks/heading.js";
+import { g as $ } from "../../chunks/globalCss.js";
+import { b as C, s as f, i as z, a as v, g as x } from "../../chunks/utils2.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.128 */
-const L = x`.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)}.arcgis-legend--card__section{word-break:break-word;word-wrap:break-word;padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);min-width:250px;max-width:500px;height:100%;height:-moz-available;height:-webkit-fill-available;height:fill-available;overflow:auto;font-size:var(--calcite-font-size-sm)}.arcgis-legend--card__carousel-title-container{margin-bottom:var(--calcite-spacing-sm)}.arcgis-legend--card__carousel-title{margin:0}.arcgis-legend--card__section-title{font-weight:var(--calcite-font-weight-normal)}.arcgis-legend--card__layer-caption{padding:var(--calcite-spacing-xs) 0;margin:0;font-weight:var(--calcite-font-weight-normal)}.arcgis-legend--card__imagery-layer-image--stretched{display:block;margin-bottom:-2px}.arcgis-legend--card__image-label{padding-right:var(--calcite-spacing-xs);padding-left:var(--calcite-spacing-xs)}.arcgis-legend--card__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}.arcgis-legend--card__layer-row{display:flex;align-items:center}.arcgis-legend--card__symbol{display:block;margin:auto}.arcgis-legend--card__pie-chart-ramp-preview{display:flex;justify-content:center}.arcgis-legend--card__relationship-container{display:flex;flex-direction:column}.arcgis-legend--card__relationship-container .arcgis-legend--card__layer-row{padding-bottom:.5em}.arcgis-legend--card__relationship-container .arcgis-legend--card__layer-row:last-child{padding-bottom:0}.arcgis-legend--card__container{display:flex;gap:var(--calcite-spacing-sm);flex-wrap:wrap}.arcgis-legend--card__background-styles-container{display:flex;flex-wrap:wrap}:host([stacked]) .arcgis-legend--card__container{display:table}:host([stacked]) .arcgis-legend--card__symbol-row{display:table-row;width:100%}:host([stacked]) .arcgis-legend--card__label-cell{display:table-cell;vertical-align:middle;padding:var(--calcite-spacing-xxs)}:host([stacked]) .arcgis-legend--card__symbol-cell{display:table-cell;vertical-align:middle;text-align:center;padding:var(--calcite-spacing-xxs)}:host([stacked]) .arcgis-legend--card__symbol-cell div{display:flex;align-items:center;justify-content:center}`, a = {
+v4.34.0-next.129 */
+const F = 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)}.arcgis-legend--card__section{word-break:break-word;word-wrap:break-word;padding:var(--calcite-spacing-sm) var(--calcite-spacing-md);min-width:250px;max-width:500px;height:100%;height:-moz-available;height:-webkit-fill-available;height:fill-available;overflow:auto;font-size:var(--calcite-font-size-sm)}.arcgis-legend--card__carousel-title-container{margin-bottom:var(--calcite-spacing-sm)}.arcgis-legend--card__carousel-title{margin:0}.arcgis-legend--card__section-title{font-weight:var(--calcite-font-weight-normal)}.arcgis-legend--card__layer-caption{padding:var(--calcite-spacing-xs) 0;margin:0;font-weight:var(--calcite-font-weight-normal)}.arcgis-legend--card__imagery-layer-image--stretched{display:block;margin-bottom:-2px}.arcgis-legend--card__image-label{padding-right:var(--calcite-spacing-xs);padding-left:var(--calcite-spacing-xs)}.arcgis-legend--card__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}.arcgis-legend--card__layer-row{display:flex;align-items:center}.arcgis-legend--card__symbol{display:block;margin:auto}.arcgis-legend--card__pie-chart-ramp-preview{display:flex;justify-content:center}.arcgis-legend--card__relationship-container{display:flex;flex-direction:column}.arcgis-legend--card__relationship-container .arcgis-legend--card__layer-row{padding-bottom:.5em}.arcgis-legend--card__relationship-container .arcgis-legend--card__layer-row:last-child{padding-bottom:0}.arcgis-legend--card__container{display:flex;gap:var(--calcite-spacing-sm);flex-wrap:wrap}.arcgis-legend--card__background-styles-container{display:flex;flex-wrap:wrap}:host([stacked]) .arcgis-legend--card__container{display:table}:host([stacked]) .arcgis-legend--card__symbol-row{display:table-row;width:100%}:host([stacked]) .arcgis-legend--card__label-cell{display:table-cell;vertical-align:middle;padding:var(--calcite-spacing-xxs)}:host([stacked]) .arcgis-legend--card__symbol-cell{display:table-cell;vertical-align:middle;text-align:center;padding:var(--calcite-spacing-xxs)}:host([stacked]) .arcgis-legend--card__symbol-cell div{display:flex;align-items:center;justify-content:center}`, a = {
   carouselTitleContainer: "arcgis-legend--card__carousel-title-container",
   carouselTitle: "arcgis-legend--card__carousel-title",
   sectionTitle: "arcgis-legend--card__section-title",
@@ -29,10 +28,10 @@ const L = x`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .
   backgroundStylesContainer: "arcgis-legend--card__background-styles-container",
   container: "arcgis-legend--card__container"
 };
-function z(g) {
-  return g ? g.r * 0.299 + g.g * 0.587 + g.b * 0.114 >= 127 : void 0;
+function S(p) {
+  return p ? p.r * 0.299 + p.g * 0.587 + p.b * 0.114 >= 127 : void 0;
 }
-class F extends E {
+class R extends L {
   constructor() {
     super(...arguments), this.stacked = !1, this.headingLevel = 3;
   }
@@ -40,23 +39,23 @@ class F extends E {
     this.properties = { cssEffectFilter: 1, stacked: 7, activeLayerInfo: 0, headingLevel: 9, layer: 0, legendElement: 0, messages: 0 };
   }
   static {
-    this.styles = L;
+    this.styles = F;
   }
   _getBackgroundStyles(e) {
-    const t = e.symbol, i = t.color, d = !!i?.a, c = "outline" in t ? t.outline : null, r = !!c?.color?.a, o = d && i ? new p([i.r, i.g, i.b, i.a * this.layer.opacity]) : new p([255, 255, 255, 0]), _ = r && c.color ? new p([c.color.r, c.color.g, c.color.b, c.color.a * this.layer.opacity]) : new p([255, 255, 255, 0]), m = z(e.symbol.color) ?? !0, $ = m ? "black" : "white", h = m ? "rgba(255, 255, 255, .6)" : "rgba(0, 0, 0, .6)";
+    const t = e.symbol, i = t.color, d = !!i?.a, c = "outline" in t ? t.outline : null, r = !!c?.color?.a, o = d && i ? new b([i.r, i.g, i.b, i.a * this.layer.opacity]) : new b([255, 255, 255, 0]), g = r && c.color ? new b([c.color.r, c.color.g, c.color.b, c.color.a * this.layer.opacity]) : new b([255, 255, 255, 0]), h = S(e.symbol.color) ?? !0, m = h ? "black" : "white", y = h ? "rgba(255, 255, 255, .6)" : "rgba(0, 0, 0, .6)";
     return {
       background: d ? o.toCss(!0) : "none",
-      color: $,
-      textShadow: `-1px -1px 0 ${h},
-                  1px -1px 0 ${h},
-                  -1px 1px 0 ${h},
-                  1px 1px 0 ${h}`,
-      border: r ? `1px solid ${_.toCss(!0)}` : "none",
+      color: m,
+      textShadow: `-1px -1px 0 ${y},
+                  1px -1px 0 ${y},
+                  -1px 1px 0 ${y},
+                  1px 1px 0 ${y}`,
+      border: r ? `1px solid ${g.toCss(!0)}` : "none",
       filter: this.cssEffectFilter ?? ""
     };
   }
   render() {
-    const e = this._renderLegendElement(), t = k(this.legendElement, this.messages), i = this.stacked ? s`<div class=${l(a.carouselTitleContainer)}>${v({ class: n(a.carouselTitle, u.heading), level: this.headingLevel, children: this.activeLayerInfo.title })}${t ? s`<p class=${l(a.layerCaption)}>${t}</p>` : null}</div>` : t ? v({ class: n(a.sectionTitle, u.heading), level: this.headingLevel, children: t }) : null;
+    const e = this._renderLegendElement(), t = C(this.legendElement, this.messages), i = this.stacked ? s`<div class=${l(a.carouselTitleContainer)}>${w({ class: n(a.carouselTitle, $.heading), level: this.headingLevel, children: this.activeLayerInfo.title })}${t ? s`<p class=${l(a.layerCaption)}>${t}</p>` : null}</div>` : t ? w({ class: n(a.sectionTitle, $.heading), level: this.headingLevel, children: t }) : null;
     return s`<section class=${l(a.section)} role=tabpanel tabindex=0>${i}${e}</section>`;
   }
   _renderLegendElement() {
@@ -72,8 +71,10 @@ class F extends E {
         return s`<arcgis-legend-card-color-ramp .cssEffectFilter=${this.cssEffectFilter} .legendElement=${this.legendElement} .messages=${this.messages} .opacity=${this.layer.opacity}></arcgis-legend-card-color-ramp>`;
       case "relationship-ramp":
         return s`<arcgis-legend-relationship-ramp .cssEffectFilter=${this.cssEffectFilter} .legendElement=${this.legendElement} .opacity=${this.layer.opacity} .messages=${this.messages}></arcgis-legend-relationship-ramp>`;
-      case "pie-chart-ramp":
-        return s`<div class=${l(a.pieChartRampPreview)}>${this.legendElement.preview}</div>`;
+      case "pie-chart-ramp": {
+        const { preview: e } = this.legendElement;
+        return f(e, this.messages.previewPieChartAriaLabel), s`<div class=${l(a.pieChartRampPreview)}>${e}</div>`;
+      }
       case "univariate-above-and-below-ramp":
         return s`<arcgis-legend-card-univariate-above-and-below-ramp .cssEffectFilter=${this.cssEffectFilter} .legendElement=${this.legendElement} .messages=${this.messages} .opacity=${this.layer.opacity}></arcgis-legend-card-univariate-above-and-below-ramp>`;
       case "univariate-color-size-ramp":
@@ -95,7 +96,7 @@ class F extends E {
       return s`<arcgis-legend-card-element .activeLayerInfo=${this.activeLayerInfo} .cssEffectFilter=${this.cssEffectFilter} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${i} .legendElement=${e} .messages=${this.messages}></arcgis-legend-card-element>`;
     if (!("preview" in e && e.preview) && !("src" in e && e.src))
       return null;
-    const c = C(i, t), r = f(this.messages, d, !1) || "";
+    const c = z(i, t), r = v(this.messages, d, !1) || "";
     if ("src" in e && e.src) {
       const o = {
         [a.symbolCell]: this.stacked
@@ -108,24 +109,24 @@ class F extends E {
           return s`<div>${e.preview}</div>`;
         const o = {
           [a.symbolCell]: this.stacked
-        };
-        return s`<div class=${l(n(a.layerRow, { [a.symbolRow]: this.stacked }))}><div class=${l(n(o))}>${e.preview}</div><div class=${l(n(a.imageLabel, { [a.labelCell]: this.stacked }))}>${r}</div></div>`;
+        }, { preview: g } = e, h = "previewAriaLabel" in e ? e.previewAriaLabel : null, m = "label" in e ? v(this.messages, e.label, !1) : null;
+        return f(g, x(this.messages, h || m)), s`<div class=${l(n(a.layerRow, { [a.symbolRow]: this.stacked }))}><div class=${l(n(o))}>${g}</div><div class=${l(n(a.imageLabel, { [a.labelCell]: this.stacked }))}>${r}</div></div>`;
       }
-      return s`<div class=${l(a.layerRow)}><div class=${l(a.labelElement)} style=${b(this._getBackgroundStyles(e))}>${r}</div></div>`;
+      return s`<div class=${l(a.layerRow)}><div class=${l(a.labelElement)} style=${u(this._getBackgroundStyles(e))}>${r}</div></div>`;
     }
     return null;
   }
   _renderImage(e, t, i) {
-    const { label: d, src: c, opacity: r } = e, o = {
+    const { previewAriaLabel: d, src: c, opacity: r } = e, o = v(this.messages, e.label, !1), g = {
       [a.imageryLayerStretchedImage]: i,
       [a.symbol]: !i
-    }, _ = {
+    }, h = {
       opacity: `${r ?? t.opacity}`
-    }, m = f(this.messages, d, !1);
-    return s`<img alt=${m ?? y} .ariaLabel=${m} class=${l(n(o))} height=${e.height ?? void 0 ?? y} src=${c ?? y} style=${b(_)} width=${e.width ?? void 0 ?? y}>`;
+    }, m = x(this.messages, d || o);
+    return s`<img alt=${m ?? _} .ariaLabel=${m} class=${l(n(g))} height=${e.height ?? void 0 ?? _} src=${c ?? _} style=${u(h)} width=${e.width ?? void 0 ?? _}>`;
   }
 }
-w("arcgis-legend-card-element", F);
+E("arcgis-legend-card-element", R);
 export {
-  F as ArcgisLegendCardElement
+  R as ArcgisLegendCardElement
 };

package/dist/components/arcgis-legend-card-size-ramp/customElement.d.ts

@@ -5,10 +5,8 @@ import { ArcgisLegend } from '../arcgis-legend/customElement.js';
 
 /** @private */
 export declare class LegendCardSizeRamp extends LitElement {
-    /** @default false */
     hasIndicators: boolean;
     legendElement: __esri.SizeRampElement;
-    /** @default 1 */
     opacity: number;
     messages: ArcgisLegend["messages"];
 }

package/dist/components/arcgis-legend-card-size-ramp/customElement.js

@@ -1,19 +1,19 @@
-import { c as k } from "../../chunks/runtime.js";
-import { css as C, html as X } from "lit";
-import { LitElement as I, safeStyleMap as z, safeClassMap as g } from "@arcgis/lumina";
-import { p as Y } from "../../chunks/utils2.js";
+import { c as I } from "../../chunks/runtime.js";
+import { css as P, html as X } from "lit";
+import { LitElement as j, safeStyleMap as z, safeClassMap as g } from "@arcgis/lumina";
+import { s as Y, g as k, p as C } from "../../chunks/utils2.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.128 */
-const P = C`.arcgis-legend--card__size-ramp--container{display:flex;align-items:center;justify-content:center}.arcgis-legend--card__size-ramp--vertical-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.arcgis-legend--card__size-ramp--label{margin:0 .5em;white-space:nowrap}.arcgis-legend--card__size-ramp--vertical-ramp{display:flex;flex-direction:column;align-items:center}.arcgis-legend--card__size-ramp--ramp{display:flex;flex-direction:row-reverse;align-items:center}.arcgis-legend--card__size-ramp--preview{display:flex}`, d = {
+v4.34.0-next.129 */
+const A = P`.arcgis-legend--card__size-ramp--container{display:flex;align-items:center;justify-content:center}.arcgis-legend--card__size-ramp--vertical-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.arcgis-legend--card__size-ramp--label{margin:0 .5em;white-space:nowrap}.arcgis-legend--card__size-ramp--vertical-ramp{display:flex;flex-direction:column;align-items:center}.arcgis-legend--card__size-ramp--ramp{display:flex;flex-direction:row-reverse;align-items:center}.arcgis-legend--card__size-ramp--preview{display:flex}`, d = {
   container: "arcgis-legend--card__size-ramp--container",
   verticalContainer: "arcgis-legend--card__size-ramp--vertical-container",
   label: "arcgis-legend--card__size-ramp--label",
   ramp: "arcgis-legend--card__size-ramp--ramp",
   verticalRamp: "arcgis-legend--card__size-ramp--vertical-ramp",
   preview: "arcgis-legend--card__size-ramp--preview"
-}, j = "#ddd";
-function M(e) {
+}, M = "#ddd";
+function N(e) {
   if (!e)
     return;
   if (e.type.includes("3d")) {
@@ -22,21 +22,21 @@ function M(e) {
     const t = e.symbolLayers.at(-1), i = t && "resource" in t ? t.resource?.primitive : void 0;
     return i === "circle" || i === "cross" || i === "kite" || i === "sphere" || i === "cube" || i === "diamond";
   }
-  const n = "style" in e ? e.style : void 0;
-  return n === "circle" || n === "diamond" || n === "cross";
+  const r = "style" in e ? e.style : void 0;
+  return r === "circle" || r === "diamond" || r === "cross";
 }
-function N(e) {
+function O(e) {
   if (e) {
     if (e.type.includes("3d")) {
       if (!("symbolLayers" in e) || !e.symbolLayers?.length)
         return;
-      const n = e.symbolLayers.at(-1), t = n && "resource" in n ? n.resource?.primitive : void 0;
+      const r = e.symbolLayers.at(-1), t = r && "resource" in r ? r.resource?.primitive : void 0;
       return t === "triangle" || t === "cone" || t === "tetrahedron";
     }
     return "style" in e && e.style === "triangle";
   }
 }
-class O extends I {
+class B extends j {
   constructor() {
     super(...arguments), this.hasIndicators = !1, this.legendElement = null, this.opacity = 1;
   }
@@ -44,27 +44,27 @@ class O extends I {
     this.properties = { hasIndicators: 5, legendElement: 0, opacity: 9, messages: 0 };
   }
   static {
-    this.styles = P;
+    this.styles = A;
   }
   render() {
     if (this.legendElement.theme === "spike")
       return X`<div style=${z({ display: "flex", flex: "1", justifyContent: "center" })}><arcgis-legend-spike-ramp .legendElement=${this.legendElement} .messages=${this.messages}></arcgis-legend-spike-ramp></div>`;
-    const { legendElement: n, hasIndicators: t, opacity: i } = this, l = n.infos, v = l.at(0), p = l.at(-1);
+    const { legendElement: r, hasIndicators: t, opacity: i } = this, l = r.infos, v = l.at(0), p = l.at(-1);
     if (!v || !p)
       return null;
     const { label: f, ...S } = v, { label: u, ..._ } = p;
-    let r = S.preview, s = _.preview;
-    if (!r || !s)
+    let n = S.preview, s = _.preview;
+    if (!n || !s)
       return null;
-    r = r.cloneNode(!0), r.style.display = "flex", s = s.cloneNode(!0), s.style.display = "flex";
+    n = n.cloneNode(!0), n.style.display = "flex", Y(n, k(this.messages, f)), s = s.cloneNode(!0), s.style.display = "flex", Y(s, k(this.messages, u));
     const o = { opacity: `${i ?? ""}` };
-    return X`<div class=${g(t ? d.verticalContainer : d.container)}><div class=${g(d.label)}>${t ? f : u}</div><div class=${g(t ? d.verticalRamp : d.ramp)}><div class=${g(d.preview)} style=${z(o)}>${r}</div>${this._renderSizeRampLines(n)}<div class=${g(d.preview)} style=${z(o)}>${s}</div></div><div class=${g(d.label)}>${t ? u : f}</div></div>`;
+    return X`<div class=${g(t ? d.verticalContainer : d.container)}><div class=${g(d.label)}>${t ? f : u}</div><div class=${g(t ? d.verticalRamp : d.ramp)}><div class=${g(d.preview)} style=${z(o)}>${n}</div>${this._renderSizeRampLines(r)}<div class=${g(d.preview)} style=${z(o)}>${s}</div></div><div class=${g(d.label)}>${t ? u : f}</div></div>`;
   }
-  _renderSizeRampLines(n) {
-    const t = n.infos, i = t.at(0), l = t.at(-1);
+  _renderSizeRampLines(r) {
+    const t = r.infos, i = t.at(0), l = t.at(-1);
     if (!i || !l)
       return null;
-    const v = i.symbol, p = this.hasIndicators, f = i.size && typeof i.size == "number" ? i.size : 0, S = l.size && typeof l.size == "number" ? l.size : 0, u = i.outlineSize || 0, _ = l.outlineSize || 0, r = Y(f + u), s = Y(S + _), o = p ? r : r + 50, m = p ? r / 2 + 50 : r, y = N(v), h = M(v), c = document.createElement("canvas");
+    const v = i.symbol, p = this.hasIndicators, f = i.size && typeof i.size == "number" ? i.size : 0, S = l.size && typeof l.size == "number" ? l.size : 0, u = i.outlineSize || 0, _ = l.outlineSize || 0, n = C(f + u), s = C(S + _), o = p ? n : n + 50, m = p ? n / 2 + 50 : n, h = O(v), y = N(v), c = document.createElement("canvas");
     c.width = o, c.height = m, c.style.width = `${c.width}px`, c.style.height = `${c.height}px`;
     const a = c.getContext("2d");
     if (p) {
@@ -80,18 +80,18 @@ class O extends I {
       const L = 0, T = m / 2 + s / 2, E = o, R = m;
       a.moveTo(L, T), a.lineTo(E, R);
     }
-    return a.strokeStyle = j, a.stroke(), X`<div style=${z(p ? {
+    return a.strokeStyle = M, a.stroke(), X`<div style=${z(p ? {
       display: "flex",
-      marginTop: `-${y ? 0 : h ? r / 2 : 0}px`,
-      marginBottom: `-${y ? s : h ? s / 2 : 0}px`
+      marginTop: `-${h ? 0 : y ? n / 2 : 0}px`,
+      marginBottom: `-${h ? s : y ? s / 2 : 0}px`
     } : {
       display: "flex",
-      marginRight: `-${y ? 0 : h ? r / 2 : 0}px`,
-      marginLeft: `-${y ? 0 : h ? s / 2 : 0}px`
+      marginRight: `-${h ? 0 : y ? n / 2 : 0}px`,
+      marginLeft: `-${h ? 0 : y ? s / 2 : 0}px`
     })}>${c}</div>`;
   }
 }
-k("arcgis-legend-card-size-ramp", O);
+I("arcgis-legend-card-size-ramp", B);
 export {
-  O as LegendCardSizeRamp
+  B as LegendCardSizeRamp
 };

package/dist/components/arcgis-legend-card-univariate-above-and-below-ramp/customElement.d.ts

@@ -7,7 +7,6 @@ import { ArcgisLegend } from '../arcgis-legend/customElement.js';
 export declare class LegendCardUnivariateAboveAndBelowRamp extends LitElement {
     cssEffectFilter?: string;
     legendElement: __esri.UnivariateColorSizeRampElement;
-    /** @default 1 */
     opacity: number;
     messages: ArcgisLegend["messages"];
 }

package/dist/components/arcgis-legend-card-univariate-above-and-below-ramp/customElement.js

@@ -5,7 +5,7 @@ import { c as S } from "../../chunks/utils.js";
 import { f as k, h as B, b, c as f, a as U } from "../../chunks/univariateUtils.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.128 */
+v4.34.0-next.129 */
 const F = E`.arcgis-legend--card__layer-row{display:flex;align-items:center}.arcgis-legend--card__symbol{display:block;margin:auto}.arcgis-legend--card__symbol-container{position:relative}.arcgis-legend__ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-univariate-above-and-below-ramp__color--card{position:relative}.arcgis-univariate-above-and-below-ramp__color--card:before{content:"";border-left:var(--calcite-border-width-sm) solid var(--calcite-color-background);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-background);width:100%;height:15px;display:block;position:absolute;top:var(--calcite-border-width-sm)}.arcgis-univariate-above-and-below-ramp__symbol{display:flex;align-items:center;justify-content:center}`, i = {
   layerRow: "arcgis-legend--card__layer-row",
   symbol: "arcgis-legend--card__symbol",
@@ -25,7 +25,7 @@ class M extends L {
     this.styles = F;
   }
   render() {
-    const { legendElement: y, opacity: t } = this, { sizeRampElement: e, colorRampElement: n } = k(y, t, "horizontal");
+    const { legendElement: y, opacity: t } = this, { sizeRampElement: e, colorRampElement: n } = k(y, this.messages, t, "horizontal");
     if (!e)
       return null;
     const w = B(e, "full", !0, "horizontal"), h = b(e, "above", !0, "horizontal"), _ = b(e, "below", !0, "horizontal"), c = 12, d = this.messages?.previewColorRampAriaLabel, m = f(n, {

package/dist/components/arcgis-legend-card-univariate-color-size-ramp/customElement.d.ts

@@ -7,7 +7,6 @@ import { ArcgisLegend } from '../arcgis-legend/customElement.js';
 export declare class LegendCardUnivariateColorSizeRamp extends LitElement {
     cssEffectFilter?: string;
     legendElement: __esri.UnivariateColorSizeRampElement;
-    /** @default 1 */
     opacity: number;
     messages: ArcgisLegend["messages"];
 }

package/dist/components/arcgis-legend-card-univariate-color-size-ramp/customElement.js

@@ -1,11 +1,11 @@
 import { c as _ } from "../../chunks/runtime.js";
-import { css as u, html as o } from "lit";
+import { css as u, html as t } from "lit";
 import { LitElement as R, safeClassMap as a, safeStyleMap as l } from "@arcgis/lumina";
 import { c as x } from "../../chunks/utils.js";
 import { g as $, h as C, b as z, c as E, a as S } from "../../chunks/univariateUtils.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.128 */
+v4.34.0-next.129 */
 const L = u`.arcgis-legend--card__layer-row,.arcgis-legend--card__symbol{display:flex;align-items:center}.arcgis-legend--card__symbol-container{position:relative}.arcgis-legend__ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-univariate-above-and-below-ramp__color--card{position:relative}.arcgis-univariate-above-and-below-ramp__color--card:before{content:"";border-left:var(--calcite-border-width-sm) solid var(--calcite-color-background);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-background);width:100%;height:15px;display:block;position:absolute;top:var(--calcite-border-width-sm)}.arcgis-univariate-above-and-below-ramp__symbol{display:flex;align-items:center;justify-content:center}`, i = {
   layerRow: "arcgis-legend--card__layer-row",
   symbol: "arcgis-legend--card__symbol",
@@ -25,7 +25,7 @@ class k extends R {
     this.styles = L;
   }
   render() {
-    const { legendElement: c, opacity: d } = this, { sizeRampElement: e, colorRampElement: m } = $(c, "horizontal");
+    const { legendElement: c, opacity: d } = this, { sizeRampElement: e, colorRampElement: m } = $(c, this.messages, "horizontal");
     if (!e)
       return null;
     const p = C(e, "full", !1, "horizontal"), g = z(e, "full", !1, "horizontal"), v = E(m, {
@@ -36,7 +36,7 @@ class k extends R {
       type: "full",
       cssEffectFilter: this.cssEffectFilter,
       ariaLabel: this.messages?.previewColorRampAriaLabel
-    }), s = S(e, "card"), f = e.infos.length - 1, y = e.infos.map((t, n) => n === 0 || n === f ? o`<div>${t.label}</div>` : null), b = {
+    }), o = S(e, "card"), f = e.infos.length - 1, y = e.infos.map((s, n) => n === 0 || n === f ? t`<div>${s.label}</div>` : null), b = {
       display: "flex",
       flexDirection: "column"
     }, h = {
@@ -46,14 +46,14 @@ class k extends R {
       marginTop: "3px",
       display: "flex"
     };
-    x(this.el) ? r.marginRight = `${s}px` : r.marginLeft = `${s}px`;
+    x(this.el) ? r.marginRight = `${o}px` : r.marginLeft = `${o}px`;
     const w = {
       width: `${p}px`,
       display: "flex",
       flexDirection: "row",
       justifyContent: "space-between"
     };
-    return o`<div class=${a(i.layerRow)} style=${l(b)}><div class=${a(i.symbolContainer)} style=${l(h)}>${e.infos.map((t) => o`<div class=${a(i.symbol)}>${t.preview}</div>`)}</div><div class=${a(i.univariateAboveAndBelowColorRamp)} style=${l(r)}><div>${v}</div></div><div class=${a(i.layerInfo)}><div class=${a(i.rampLabelsContainer)} style=${l(w)}>${y}</div></div></div>`;
+    return t`<div class=${a(i.layerRow)} style=${l(b)}><div class=${a(i.symbolContainer)} style=${l(h)}>${e.infos.map((s) => t`<div class=${a(i.symbol)}>${s.preview}</div>`)}</div><div class=${a(i.univariateAboveAndBelowColorRamp)} style=${l(r)}><div>${v}</div></div><div class=${a(i.layerInfo)}><div class=${a(i.rampLabelsContainer)} style=${l(w)}>${y}</div></div></div>`;
   }
 }
 _("arcgis-legend-card-univariate-color-size-ramp", k);

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

@@ -8,16 +8,9 @@ export type CardLayout = "auto" | "side-by-side" | "stack";
 /** @private */
 export declare class LegendCardView extends LitElement {
     activeLayerInfos?: __esri.Collection<__esri.ActiveLayerInfo>;
-    /** @default 3 */
     headingLevel: HeadingLevel;
     messages: ArcgisLegend["messages"];
     view: __esri.MapView | __esri.SceneView;
-    /**
-     * The rendering layout.
-     *
-     * @default "auto"
-     */
     layout: CardLayout;
-    /** The type of style. For Card this value is always `card`. */
     readonly type: "card";
 }

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

@@ -9,7 +9,7 @@ import { H as _ } from "../../chunks/heading.js";
 import { g as v } from "../../chunks/globalCss.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.128 */
+v4.34.0-next.129 */
 const u = d`.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)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.arcgis-legend--card__message{padding:.5em 1em}.arcgis-legend--card__service-caption-text{margin:0}.arcgis-legend--card__service-content{display:flex;flex:1}.arcgis-legend--card__service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.arcgis-legend--card__service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);min-width:fit-content;display:flex;flex-direction:column;flex:1}.arcgis-legend--card__service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`, n = {
   message: "arcgis-legend--card__message",
   serviceCaptionText: "arcgis-legend--card__service-caption-text",

package/dist/components/arcgis-legend-classic-color-ramp/customElement.d.ts

@@ -6,7 +6,6 @@ import { ArcgisLegend } from '../arcgis-legend/customElement.js';
 /** @private */
 export declare class ArcgisLegendClassicColorRamp extends LitElement {
     legendElement: __esri.ColorRampElement | __esri.HeatmapRampElement | __esri.OpacityRampElement | __esri.StretchRampElement;
-    /** @default 1 */
     opacity: number;
     messages: ArcgisLegend["messages"];
 }

package/dist/components/arcgis-legend-classic-color-ramp/customElement.js

@@ -1,11 +1,11 @@
-import { c as n } from "../../chunks/runtime.js";
-import { css as c, html as r } from "lit";
-import { LitElement as g, safeClassMap as i, safeStyleMap as p } from "@arcgis/lumina";
-import { g as o } from "../../chunks/utils2.js";
+import { c } from "../../chunks/runtime.js";
+import { css as n, html as t } from "lit";
+import { LitElement as p, safeClassMap as l, safeStyleMap as g } from "@arcgis/lumina";
+import { s as o, c as m } from "../../chunks/utils2.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.128 */
-const m = c`.arcgis-legend__layer-row{display:flex}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word}.arcgis-legend__layer-cell--symbols{min-width:10px;text-align:center}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-legend__ramps{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .arcgis-legend__ramps{margin-right:var(--calcite-spacing-sm);margin-left:auto}.arcgis-legend__color-ramp{width:24px}.arcgis-legend__opacity-ramp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkM3N0RBQzA4QkVDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY4RkNFNjM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY4RkNFNTM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SLS5VAAAAKElEQVR42mI8c+YMAwwYGxvD2UwMOADpEoz///+Hc86ePUsLOwACDABC1ghwV8TLOQAAAABJRU5ErkJggg==)}.arcgis-legend__ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.arcgis-legend__ramp-label{position:relative;padding:0 var(--calcite-spacing-sm);line-height:var(--calcite-font-size-sm);white-space:nowrap;font-size:var(--calcite-font-size-sm)}.arcgis-legend__ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent rgba(0,1,0) transparent transparent;width:0;height:0;content:""}.arcgis-legend__ramp-label:first-child{margin-top:calc(var(--calcite-font-size-sm) / 3 * -1)}.arcgis-legend__ramp-label:last-child{bottom:calc(var(--calcite-font-size-sm) * .25 * -1)}.arcgis-legend-layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0}:dir(rtl) .arcgis-legend__ramp-label:before{right:auto;left:100%;border-width:3px 0 3px 4px;border-color:transparent transparent transparent rgba(0,1,0)}`, a = {
+v4.34.0-next.129 */
+const d = n`.arcgis-legend__layer-row{display:flex}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word}.arcgis-legend__layer-cell--symbols{min-width:10px;text-align:center}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-legend__ramps{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .arcgis-legend__ramps{margin-right:var(--calcite-spacing-sm);margin-left:auto}.arcgis-legend__color-ramp{width:24px}.arcgis-legend__opacity-ramp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExODcxRkM3N0RBQzA4QkVDRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY4RkNFNjM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY4RkNFNTM1MzYxMUU0ODlDMUFFQ0M2REU5QzFCNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg3MUZDNzdEQUMwOEJFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6SLS5VAAAAKElEQVR42mI8c+YMAwwYGxvD2UwMOADpEoz///+Hc86ePUsLOwACDABC1ghwV8TLOQAAAABJRU5ErkJggg==)}.arcgis-legend__ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.arcgis-legend__ramp-label{position:relative;padding:0 var(--calcite-spacing-sm);line-height:var(--calcite-font-size-sm);white-space:nowrap;font-size:var(--calcite-font-size-sm)}.arcgis-legend__ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent rgba(0,1,0) transparent transparent;width:0;height:0;content:""}.arcgis-legend__ramp-label:first-child{margin-top:calc(var(--calcite-font-size-sm) / 3 * -1)}.arcgis-legend__ramp-label:last-child{bottom:calc(var(--calcite-font-size-sm) * .25 * -1)}.arcgis-legend-layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0}:dir(rtl) .arcgis-legend__ramp-label:before{right:auto;left:100%;border-width:3px 0 3px 4px;border-color:transparent transparent transparent rgba(0,1,0)}`, i = {
   layerRow: "arcgis-legend__layer-row",
   layerInfo: "arcgis-legend__layer-cell arcgis-legend__layer-cell--info",
   symbolContainer: "arcgis-legend__layer-cell arcgis-legend__layer-cell--symbols",
@@ -15,7 +15,7 @@ const m = c`.arcgis-legend__layer-row{display:flex}.arcgis-legend__layer-cell{pa
   rampLabelsContainer: "arcgis-legend__ramp-labels",
   rampLabel: "arcgis-legend__ramp-label"
 };
-class d extends g {
+class b extends p {
   constructor() {
     super(...arguments), this.legendElement = null, this.opacity = 1;
   }
@@ -23,27 +23,29 @@ class d extends g {
     this.properties = { _preview: 16, legendElement: 0, opacity: 9, messages: 0 };
   }
   static {
-    this.styles = m;
+    this.styles = d;
   }
   get _preview() {
     const e = this.legendElement.preview;
     if (!e)
       return null;
-    const l = this.legendElement.type === "opacity-ramp" ? a.opacityRamp : "";
-    return e.className = `${a.colorRamp} ${l}`, this.opacity != null && (e.style.opacity = this.opacity.toString()), e;
+    const a = this.legendElement.type === "opacity-ramp", r = a ? i.opacityRamp : "";
+    e.className = `${i.colorRamp} ${r}`, this.opacity != null && (e.style.opacity = this.opacity.toString());
+    const s = a ? this.messages.previewOpacityRampAriaLabel : this.messages.previewColorRampAriaLabel;
+    return o(e, s), e;
   }
   render() {
-    const { legendElement: e, _preview: l } = this;
-    if (!l)
+    const { legendElement: e, _preview: a } = this;
+    if (!a)
       return null;
-    const t = { height: l.style.height };
-    return r`<div class=${i(a.layerRow)}><div class=${i(a.symbolContainer)}><div class=${i(a.rampContainer)}>${l}</div></div><div class=${i(a.layerInfo)}><div class=${i(a.rampLabelsContainer)} style=${p(t)}>${e.infos.map((s) => this._renderRampLabel(s, e.type))}</div></div></div>`;
+    const r = { height: a.style.height };
+    return t`<div class=${l(i.layerRow)}><div class=${l(i.symbolContainer)}><div class=${l(i.rampContainer)}>${a}</div></div><div class=${l(i.layerInfo)}><div class=${l(i.rampLabelsContainer)} style=${g(r)}>${e.infos.map((s) => this._renderRampLabel(s, e.type))}</div></div></div>`;
   }
-  _renderRampLabel(e, l) {
-    return r`<div class=${i(e.label ? a.rampLabel : void 0)}>${o(e, l, this.messages)}</div>`;
+  _renderRampLabel(e, a) {
+    return t`<div class=${l(e.label ? i.rampLabel : void 0)}>${m(e, a, this.messages)}</div>`;
   }
 }
-n("arcgis-legend-classic-color-ramp", d);
+c("arcgis-legend-classic-color-ramp", b);
 export {
-  d as ArcgisLegendClassicColorRamp
+  b as ArcgisLegendClassicColorRamp
 };

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

@@ -1,13 +1,12 @@
-import { c as h } from "../../chunks/runtime.js";
-import { css as _, html as a } from "lit";
-import { LitElement as b, safeClassMap as i, nothing as n, safeStyleMap as $ } from "@arcgis/lumina";
-import { classes as g } from "@arcgis/toolkit/dom";
-import { a as v, g as y } from "../../chunks/titleUtils.js";
-import { i as f } from "../../chunks/utils2.js";
+import { c as v } from "../../chunks/runtime.js";
+import { css as $, html as a } from "lit";
+import { LitElement as w, safeClassMap as t, nothing as g, safeStyleMap as f } from "@arcgis/lumina";
+import { classes as d } from "@arcgis/toolkit/dom";
+import { b as u, s as p, i as E, a as m, g as h } from "../../chunks/utils2.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.128 */
-const u = _`.arcgis-legend__layer-table{display:flex;flex-flow:column;margin-bottom:var(--calcite-spacing-md);width:100%}.arcgis-legend__layer-table--size-ramp{display:table}.arcgis-legend__layer-table--size-ramp .arcgis-legend__layer-cell{display:table-cell}.arcgis-legend__layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0;word-break:break-word}.arcgis-legend__layer-body{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .arcgis-legend__layer-body{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}.arcgis-legend__layer-row{display:flex}.arcgis-legend__layer-table--size-ramp .arcgis-legend__layer-row{display:table-row}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word;display:flex;align-items:center}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-legend__imagery-layer-image--stretched{display:block;margin-bottom:-2px}.arcgis-legend__imagery-layer-info--stretched{padding:0 2px;vertical-align:top}.arcgis-legend__layer-cell--symbols{min-width:10px;text-align:center}.arcgis-legend__symbol{display:flex;justify-content:center}`, s = {
+v4.34.0-next.129 */
+const L = $`.arcgis-legend__layer-table{display:flex;flex-flow:column;margin-bottom:var(--calcite-spacing-md);width:100%}.arcgis-legend__layer-table--size-ramp{display:table}.arcgis-legend__layer-table--size-ramp .arcgis-legend__layer-cell{display:table-cell}.arcgis-legend__layer-caption{display:table-caption;padding:var(--calcite-spacing-sm) 0;word-break:break-word}.arcgis-legend__layer-body{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .arcgis-legend__layer-body{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}.arcgis-legend__layer-row{display:flex}.arcgis-legend__layer-table--size-ramp .arcgis-legend__layer-row{display:table-row}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word;display:flex;align-items:center}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-legend__imagery-layer-image--stretched{display:block;margin-bottom:-2px}.arcgis-legend__imagery-layer-info--stretched{padding:0 2px;vertical-align:top}.arcgis-legend__layer-cell--symbols{min-width:10px;text-align:center}.arcgis-legend__symbol{display:flex;justify-content:center}`, s = {
   layerTable: "arcgis-legend__layer-table",
   layerTableSizeRamp: "arcgis-legend__layer-table--size-ramp",
   layerCaption: "arcgis-legend__layer-caption",
@@ -19,18 +18,18 @@ const u = _`.arcgis-legend__layer-table{display:flex;flex-flow:column;margin-bot
   symbolContainer: "arcgis-legend__layer-cell arcgis-legend__layer-cell--symbols",
   symbol: "arcgis-legend__symbol"
 };
-class w extends b {
+class x extends w {
   static {
     this.properties = { cssEffectFilter: 1, layer: 0, legendElement: 0, messages: 0 };
   }
   static {
-    this.styles = u;
+    this.styles = L;
   }
   render() {
-    const e = this._renderLegendElement(), r = v(this.legendElement, this.messages), l = r ? a`<div class=${i(s.layerCaption)}>${r}</div>` : null, t = {
+    const e = this._renderLegendElement(), r = u(this.legendElement, this.messages), l = r ? a`<div class=${t(s.layerCaption)}>${r}</div>` : null, i = {
       [s.layerTableSizeRamp]: this.legendElement.type === "size-ramp"
     };
-    return a`<section class=${i(g(s.layerTable, t))}>${l}${e}</section>`;
+    return a`<section class=${t(d(s.layerTable, i))}>${l}${e}</section>`;
   }
   _renderLegendElement() {
     switch (this.legendElement.type) {
@@ -45,8 +44,10 @@ class w extends b {
         return a`<arcgis-legend-classic-color-ramp .legendElement=${this.legendElement} .messages=${this.messages} .opacity=${this.layer.opacity}></arcgis-legend-classic-color-ramp>`;
       case "relationship-ramp":
         return a`<arcgis-legend-relationship-ramp .cssEffectFilter=${this.cssEffectFilter} .legendElement=${this.legendElement} .opacity=${this.layer.opacity} .messages=${this.messages}></arcgis-legend-relationship-ramp>`;
-      case "pie-chart-ramp":
-        return a`<div>${this.legendElement.preview}</div>`;
+      case "pie-chart-ramp": {
+        const { preview: e } = this.legendElement;
+        return p(e, this.messages.previewPieChartAriaLabel), a`<div>${e}</div>`;
+      }
       case "univariate-above-and-below-ramp":
         return a`<arcgis-legend-classic-univariate-above-and-below-ramp .cssEffectFilter=${this.cssEffectFilter} .legendElement=${this.legendElement} .messages=${this.messages} .opacity=${this.layer.opacity}></arcgis-legend-classic-univariate-above-and-below-ramp>`;
       case "univariate-color-size-ramp":
@@ -57,36 +58,40 @@ class w extends b {
   }
   _renderSymbolTable(e) {
     const r = e.infos.map((l) => this._renderElementInfo(l, e.legendType)).filter(Boolean);
-    return r.length ? a`<div class=${i(s.layerBody)}>${r}</div>` : null;
+    return r.length ? a`<div class=${t(s.layerBody)}>${r}</div>` : null;
   }
   _renderElementInfo(e, r) {
-    const { layer: l } = this, t = "label" in e ? e.label : null;
+    const { layer: l } = this, i = "label" in e ? e.label : null;
     if ("type" in e && e.type)
       return e ? a`<arcgis-legend-classic-element .cssEffectFilter=${this.cssEffectFilter} .layer=${l} .legendElement=${e} .messages=${this.messages}></arcgis-legend-classic-element>` : null;
     if (!("preview" in e && e.preview) && !("src" in e && e.src))
       return null;
-    const c = f(l, r), d = {
+    const c = E(l, r), n = {
       [s.imageryLayerInfoStretched]: c
     }, o = {
       [s.imageryLayerInfoStretched]: c
     };
-    return a`<div class=${i(s.layerRow)}><div class=${i(g(s.symbolContainer, o))}>${this._renderPreview(e, c)}</div><div class=${i(g(s.layerInfo, d))}>${y(this.messages, t, !1) || ""}</div></div>`;
+    return a`<div class=${t(s.layerRow)}><div class=${t(d(s.symbolContainer, o))}>${this._renderPreview(e, c)}</div><div class=${t(d(s.layerInfo, n))}>${m(this.messages, i, !1) || ""}</div></div>`;
   }
   _renderPreview(e, r) {
     const { layer: l } = this;
-    return "preview" in e && e.preview ? a`<div class=${i(s.symbol)}>${e.preview}</div>` : "src" in e && e.src ? this._renderImage(e, l, r) : null;
+    if ("preview" in e && e.preview) {
+      const { preview: i } = e, c = "previewAriaLabel" in e ? e.previewAriaLabel : null, n = "label" in e ? m(this.messages, e.label, !1) : null;
+      return p(i, h(this.messages, c || n)), a`<div class=${t(s.symbol)}>${i}</div>`;
+    }
+    return "src" in e && e.src ? this._renderImage(e, l, r) : null;
   }
   _renderImage(e, r, l) {
-    const { label: t, src: c, opacity: d } = e, o = {
+    const { previewAriaLabel: i, src: c, opacity: n } = e, o = m(this.messages, e.label, !1), b = {
       [s.imageryLayerStretchedImage]: l,
       [s.symbol]: !l
-    }, p = {
-      opacity: `${d ?? r.opacity}`
-    }, m = y(this.messages, t, !1);
-    return a`<img alt=${m ?? n} .ariaLabel=${m} class=${i(g(o))} height=${e.height ?? void 0 ?? n} src=${c ?? n} style=${$(p)} width=${e.width ?? void 0 ?? n}>`;
+    }, _ = {
+      opacity: `${n ?? r.opacity}`
+    }, y = h(this.messages, i || o);
+    return a`<img alt=${y ?? g} .ariaLabel=${y} class=${t(d(b))} height=${e.height ?? void 0 ?? g} src=${c ?? g} style=${f(_)} width=${e.width ?? void 0 ?? g}>`;
   }
 }
-h("arcgis-legend-classic-element", w);
+v("arcgis-legend-classic-element", x);
 export {
-  w as ArcgisLegendClassicElement
+  x as ArcgisLegendClassicElement
 };