@agrotools1/at-components 0.6.15 → 0.6.17

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/Card.js

@@ -0,0 +1,284 @@
+import { _ as R } from "../../../chunks/tslib.es6.js";
+import "../../../intl.js";
+import { watch as B } from "../../../core/reactiveUtils.js";
+import { pt2px as H } from "../../../core/screenUtils.js";
+import { property as k } from "../../../core/accessorSupport/decorators/property.js";
+import "../../../core/has.js";
+import "../../../core/Logger.js";
+import "../../../core/RandomLCG.js";
+import { subclass as G } from "../../../core/accessorSupport/decorators/subclass.js";
+import { renderSVG as V } from "../../../symbols/support/svgUtils.js";
+import { getCSSFilterFromEffectList as P } from "../../../symbols/support/utils.js";
+import W from "../../Widget.js";
+import { css as t } from "./CardCSS.js";
+import { renderRelationshipRamp as q } from "./support/relationshipUtils.js";
+import { getUnivariateAboveAndBelowRampElements as J, getUnivariateSizeRampSize as U, getUnivariateColorRampSize as E, getUnivariateColorRampPreview as F, getUnivariateColorRampMargin as M, getUnivariateColorSizeRampElements as K } from "./support/univariateUtils.js";
+import { getTitle as N, attachToNode as S, isImageryStretchedLegend as Q, getStretchStopLabel as X } from "../support/styleUtils.js";
+import { Heading as T, incrementHeadingLevel as Y } from "../../support/Heading.js";
+import { accessibleHandler as ee } from "../../support/decorators/accessibleHandler.js";
+import { messageBundle as D } from "../../support/decorators/messageBundle.js";
+import { tsx as a } from "../../support/jsxFactory.js";
+import { isRTL as O } from "../../support/widgetUtils.js";
+import { substitute as te } from "../../../intl/substitute.js";
+const se = 25, ie = 25, ae = 768, re = 100;
+var I;
+(function(e) {
+  e.Auto = "auto", e.Stack = "stack", e.SideBySide = "side-by-side";
+})(I || (I = {}));
+const oe = "#ddd", z = window.devicePixelRatio;
+function le(e) {
+  var s, r;
+  if (e) {
+    if (e.type.includes("3d")) {
+      const i = (s = e.symbolLayers) == null ? void 0 : s.length;
+      if (!i)
+        return;
+      const d = e.symbolLayers.at(i - 1), o = (r = d.resource) == null ? void 0 : r.primitive;
+      return o === "circle" || o === "cross" || o === "kite" || o === "sphere" || o === "cube" || o === "diamond";
+    }
+    {
+      const i = e.style;
+      return i === "circle" || i === "diamond" || i === "cross";
+    }
+  }
+}
+function ne(e) {
+  var s;
+  if (e) {
+    if (e.type.includes("3d")) {
+      const r = (s = e.symbolLayers) == null ? void 0 : s.length;
+      if (!r)
+        return;
+      const i = e.symbolLayers.at(r - 1).get("resource.primitive");
+      return i === "triangle" || i === "cone" || i === "tetrahedron";
+    }
+    return e.style === "triangle";
+  }
+}
+let C = class extends W {
+  constructor(e, s) {
+    super(e, s), this._hasIndicators = !1, this._selectedSectionName = null, this._sectionNames = [], this._sectionMap = /* @__PURE__ */ new Map(), this.activeLayerInfos = null, this.headingLevel = 3, this.layout = I.Stack, this.messages = null, this.messagesCommon = null, this.type = "card", this.view = null;
+  }
+  initialize() {
+    this.addHandles(B(() => this.activeLayerInfos, (e) => {
+      this.removeAllHandles(), this._watchForSectionChanges(e);
+    }));
+  }
+  render() {
+    const { view: e } = this;
+    this._hasIndicators = this.layout === I.Auto && e && e.container.clientWidth <= ae || this.layout === I.Stack;
+    const s = this.activeLayerInfos, r = s && s.toArray().map((l) => this._renderLegendForLayer(l)).filter((l) => !!l);
+    this._hasIndicators ? this._selectedSectionName && this._sectionNames.includes(this._selectedSectionName) || (this._selectedSectionName = this._sectionNames && this._sectionNames[0]) : this._selectedSectionName = null;
+    const i = this._sectionNames.length, d = this._sectionNames.map((l, h) => {
+      const g = te(this.messagesCommon.pagination.pageText, { index: h + 1, total: i });
+      return a("div", { "aria-controls": `${l}-panel`, "aria-label": g, "aria-selected": (this._selectedSectionName === l).toString(), bind: this, class: this.classes(t.indicator, { [t.activated]: this._selectedSectionName === l }), "data-section-name": l, id: l, key: l, onclick: this._selectSection, onkeydown: this._focusSection, role: "tab", tabIndex: this._selectedSectionName === l ? 0 : -1, title: g });
+    }), o = this._hasIndicators && i > 1 ? a("div", { class: t.indicatorContainer, key: "carousel-navigation", role: "tablist" }, d) : null, n = this._hasIndicators ? this._sectionMap.get(this._selectedSectionName) : r && r.length ? r : null, c = { [t.stacked]: this._hasIndicators };
+    return a("div", { class: this.classes(t.base, c) }, n || a("div", { class: t.message }, this.messages.noLegend), o);
+  }
+  _selectSection(e) {
+    const s = e.target.getAttribute("data-section-name");
+    s && (this._selectedSectionName = s);
+  }
+  _focusSection(e) {
+    switch (e.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+        this._switchSectionOnArrowPress(e);
+        break;
+      case "Enter":
+      case " ":
+        this._selectSection(e);
+    }
+  }
+  _switchSectionOnArrowPress(e) {
+    const s = e.key, r = s === "ArrowLeft" ? -1 : 1, i = e.target.getAttribute("data-section-name"), d = this._sectionNames.indexOf(i), o = this._sectionNames;
+    let n = null;
+    d !== -1 && (o[d + r] ? n = document.getElementById(o[d + r]) : s === "ArrowLeft" ? n = document.getElementById(o[o.length - 1]) : s === "ArrowRight" && (n = document.getElementById(o[0])), n == null || n.focus());
+  }
+  _watchForSectionChanges(e) {
+    if (this._generateSectionNames(), e) {
+      e.forEach((r) => {
+        const i = `activeLayerInfo-${r.layer.uid}-version-change`;
+        this.removeHandles(i), this._watchForSectionChanges(r.children), this.addHandles(B(() => r.version, () => this._generateSectionNames()), i);
+      });
+      const s = "activeLayerInfos-collection-change";
+      this.removeHandles(s), this.addHandles(e.on("change", () => this._watchForSectionChanges(e)), s);
+    }
+  }
+  _generateSectionNames() {
+    this._sectionNames.length = 0, this._selectedSectionName = null, this.activeLayerInfos && this.activeLayerInfos.forEach(this._generateSectionNamesForActiveLayerInfo, this);
+  }
+  _getSectionName(e, s, r) {
+    return `${this.id}${e.uid}-type-${s.type}-${r}`;
+  }
+  _generateSectionNamesForActiveLayerInfo(e) {
+    e.children.forEach(this._generateSectionNamesForActiveLayerInfo, this), e.legendElements && e.legendElements.forEach((s, r) => {
+      this._sectionNames.push(this._getSectionName(e.layer, s, r));
+    });
+  }
+  _renderLegendForLayer(e) {
+    if (!e.ready)
+      return null;
+    if (e.children.length) {
+      const s = e.children.map((r) => this._renderLegendForLayer(r)).toArray();
+      return a("div", { class: this.classes(t.service, t.groupLayer), key: e.layer.uid }, a("div", { class: t.serviceCaptionContainer }, e.title), s);
+    }
+    {
+      const s = e.legendElements;
+      if (s && !s.length)
+        return null;
+      const r = s.some((o) => o.type === "relationship-ramp"), i = s.map((o, n) => this._renderLegendForElement(o, e, n, r)).filter((o) => !!o);
+      if (!i.length)
+        return null;
+      const d = { [t.groupLayerChild]: !!e.parent };
+      return a("div", { class: this.classes(t.service, d), key: e.layer.uid }, a("div", { class: t.serviceCaptionContainer }, a("div", { class: t.serviceCaptionText }, e.title)), a("div", { class: t.serviceContent }, i));
+    }
+  }
+  _renderLegendForElement(e, s, r, i = !1, d = !1) {
+    var b;
+    const o = e.type === "color-ramp", n = e.type === "opacity-ramp", c = s.layer;
+    let l = null;
+    if (typeof e.title == "string")
+      l = e.title;
+    else if (e.title) {
+      const f = e.title, v = N(this.messages, f, o || n);
+      l = f.title ? `${f.title} (${v})` : v;
+    }
+    const h = this._getSectionName(c, e, r), g = this._hasIndicators && !d ? a("div", null, a(T, { class: t.carouselTitle, level: this.headingLevel }, s.title), a(T, { class: t.layerCaption, level: Y(this.headingLevel) }, l)) : l ? a(T, { class: t.layerCaption, level: this.headingLevel }, l) : null, y = s.effectList;
+    let m = null;
+    switch (e.type) {
+      case "symbol-table": {
+        const f = e.infos.map((v, u) => this._renderLegendForElementInfo(v, s, e.legendType, u)).filter((v) => !!v);
+        if (f.length) {
+          const v = (b = f[0].properties.classes) == null ? void 0 : b[t.symbolRow], u = { [t.labelContainer]: !v && !i, [t.relationshipLabelContainer]: i };
+          m = a("div", { class: this.classes(u) }, f);
+        }
+        break;
+      }
+      case "color-ramp":
+      case "opacity-ramp":
+      case "heatmap-ramp":
+      case "stretch-ramp":
+        m = this._renderLegendForRamp(e, c.opacity, y);
+        break;
+      case "size-ramp":
+        m = this._renderSizeRamp(e, c.opacity);
+        break;
+      case "pie-chart-ramp":
+        m = this._renderPieChartRamp(e);
+        break;
+      case "relationship-ramp":
+        m = q(e, this.id, { opacity: c.opacity, effectList: y, ariaLabel: this.messages.previewRelationshipRampAriaLabel });
+        break;
+      case "univariate-above-and-below-ramp":
+        m = this._renderUnivariateAboveAndBelowRamp(e, c.opacity, y);
+        break;
+      case "univariate-color-size-ramp":
+        m = this._renderUnivariateColorSizeRamp(e, c.opacity, y);
+    }
+    if (!m)
+      return null;
+    const p = a("div", { "aria-labelledby": h, class: t.section, id: `${h}-panel`, key: h, role: "tabpanel", tabIndex: 0 }, [g, m]);
+    return d || this._sectionMap.set(h, p), p;
+  }
+  _renderPieChartRamp(e) {
+    return a("div", { afterCreate: S, bind: e.preview, class: t.pieChartRampPreview });
+  }
+  _renderUnivariateAboveAndBelowRamp(e, s, r) {
+    var $;
+    const { sizeRampElement: i, colorRampElement: d } = J(e, s, "horizontal");
+    if (!i)
+      return null;
+    const o = U(i, "full", !0, "horizontal"), n = E(i, "above", !0, "horizontal"), c = E(i, "below", !0, "horizontal"), l = 12, h = ($ = this.messages) == null ? void 0 : $.previewColorRampAriaLabel, g = F(d, { width: n, height: l, rampAlignment: "horizontal", opacity: s, type: "above", effectList: r, ariaLabel: h }), y = F(d, { width: c, height: l, rampAlignment: "horizontal", opacity: s, type: "below", effectList: r, ariaLabel: h }), m = M(i, "card"), p = i.infos.map((L) => L.label), b = p.length - 1, f = p.map((L, x) => x === 0 || x === b ? a("div", { key: x }, L) : null), v = { display: "flex", flexDirection: "column" }, u = { display: "flex", flexDirection: "row" }, w = { marginTop: "3px", display: "flex" };
+    O(this.container) ? w.marginRight = `${m}px` : w.marginLeft = `${m}px`;
+    const _ = { width: `${o}px`, display: "flex", flexDirection: "row", justifyContent: "space-between" };
+    return a("div", { class: t.layerRow, key: "size-ramp-preview", styles: v }, a("div", { class: this.classes(t.symbolContainer, t.sizeRampHorizontal), styles: u }, i.infos.map((L, x) => a("div", { afterCreate: S, bind: L.preview, class: t.symbol, key: x }))), g ? a("div", { class: t.univariateAboveAndBelowColorRamp, key: "color-ramp-preview", styles: w }, a("div", { afterCreate: S, bind: g }), a("div", { afterCreate: S, bind: y })) : null, a("div", { class: t.layerInfo }, a("div", { class: t.rampLabelsContainer, styles: _ }, f)));
+  }
+  _renderUnivariateColorSizeRamp(e, s, r) {
+    var f;
+    const { sizeRampElement: i, colorRampElement: d } = K(e, "horizontal");
+    if (!i)
+      return null;
+    const o = U(i, "full", !1, "horizontal"), n = E(i, "full", !1, "horizontal"), c = F(d, { width: n, height: 12, rampAlignment: "horizontal", opacity: s, type: "full", effectList: r, ariaLabel: (f = this.messages) == null ? void 0 : f.previewColorRampAriaLabel }), l = M(i, "card"), h = i.infos.length - 1, g = i.infos.map((v, u) => u === 0 || u === h ? a("div", { key: u }, v.label) : null), y = { display: "flex", flexDirection: "column" }, m = { display: "flex", flexDirection: "row" }, p = { marginTop: "3px", display: "flex" };
+    O(this.container) ? p.marginRight = `${l}px` : p.marginLeft = `${l}px`;
+    const b = { width: `${o}px`, display: "flex", flexDirection: "row", justifyContent: "space-between" };
+    return a("div", { class: t.layerRow, key: "size-ramp-preview", styles: y }, a("div", { class: this.classes(t.symbolContainer, t.sizeRampHorizontal), styles: m }, i.infos.map((v, u) => a("div", { afterCreate: S, bind: v.preview, class: t.symbol, key: u }))), a("div", { class: t.univariateAboveAndBelowColorRamp, key: "color-ramp-preview", styles: p }, a("div", { afterCreate: S, bind: c })), a("div", { class: t.layerInfo }, a("div", { class: t.rampLabelsContainer, styles: b }, g)));
+  }
+  _renderLegendForElementInfo(e, s, r, i) {
+    var c, l, h, g, y;
+    const d = s.layer;
+    if (e.type)
+      return this._renderLegendForElement(e, s, i, !1, !0);
+    const o = Q(d, r), n = N(this.messages, e.label, !1) ?? "";
+    if (e.preview) {
+      if (!((c = e.symbol) != null && c.type.includes("simple-fill"))) {
+        if (!e.label)
+          return a("div", { afterCreate: S, bind: e.preview, key: i });
+        const Z = { [t.symbolCell]: this._hasIndicators };
+        return a("div", { class: this.classes(t.layerRow, { [t.symbolRow]: this._hasIndicators }), key: i }, a("div", { afterCreate: S, bind: e.preview, class: this.classes(Z) }), a("div", { class: this.classes(t.imageLabel, { [t.labelCell]: this._hasIndicators }) }, n));
+      }
+      let m = 255, p = 255, b = 255, f = 0, v = 255, u = 255, w = 255, _ = 0;
+      const $ = (l = e.symbol.color) == null ? void 0 : l.a, L = (g = (h = e.symbol.outline) == null ? void 0 : h.color) == null ? void 0 : g.a;
+      $ && (m = e.symbol.color.r, p = e.symbol.color.g, b = e.symbol.color.b, f = e.symbol.color.a * d.opacity), L && (v = e.symbol.outline.color.r, u = e.symbol.outline.color.g, w = e.symbol.outline.color.b, _ = e.symbol.outline.color.a * d.opacity);
+      const x = ((y = e.symbol.color) == null ? void 0 : y.isBright) ?? !0, A = x ? "rgba(255, 255, 255, .6)" : "rgba(0, 0, 0, .6)", j = { background: $ ? `rgba(${m}, ${p}, ${b}, ${f})` : "none", color: x ? "black" : "white", textShadow: `-1px -1px 0 ${A},
+                                              1px -1px 0 ${A},
+                                              -1px 1px 0 ${A},
+                                              1px 1px 0 ${A}`, border: L ? `1px solid rgba(${v}, ${u}, ${w}, ${_})` : "none", filter: P(s.effectList) ?? void 0 };
+      return a("div", { class: t.layerRow, key: i }, a("div", { class: t.labelElement, styles: j }, n));
+    }
+    if (e.src) {
+      const m = this._renderImage(e, d, o);
+      return a("div", { class: t.layerRow, key: i }, m, a("div", { class: t.imageLabel }, n));
+    }
+  }
+  _renderImage(e, s, r) {
+    const { label: i, src: d, opacity: o } = e, n = { [t.imageryLayerStretchedImage]: r, [t.symbol]: !r }, c = { opacity: `${o ?? s.opacity}` };
+    return a("img", { alt: N(this.messages, i, !1), "aria-label": N(this.messages, i, !1), border: 0, class: this.classes(n), height: e.height, src: d, styles: c, width: e.width });
+  }
+  _renderSizeRampLines(e) {
+    const s = e.infos, r = s[0], i = s[s.length - 1], d = r.symbol, o = this._hasIndicators, n = H(r.size + r.outlineSize) * z, c = H(i.size + i.outlineSize) * z, l = o ? n : n + 50 * z, h = o ? n / 2 + 50 * z : n, g = ne(d), y = le(d), m = document.createElement("canvas");
+    m.width = l, m.height = h, m.style.width = m.width / z + "px", m.style.height = m.height / z + "px";
+    const p = m.getContext("2d");
+    if (o) {
+      p.beginPath();
+      const b = 0, f = 0, v = l / 2 - c / 2, u = h;
+      p.moveTo(b, f), p.lineTo(v, u);
+      const w = l, _ = 0, $ = l / 2 + c / 2, L = h;
+      p.moveTo(w, _), p.lineTo($, L);
+    } else {
+      p.beginPath();
+      const b = 0, f = h / 2 - c / 2, v = l, u = 0;
+      p.moveTo(b, f), p.lineTo(v, u);
+      const w = 0, _ = h / 2 + c / 2, $ = l, L = h;
+      p.moveTo(w, _), p.lineTo($, L);
+    }
+    return p.strokeStyle = oe, p.stroke(), a("div", { afterCreate: S, bind: m, styles: o ? { display: "flex", marginTop: `-${g ? 0 : y ? n / 2 : 0}px`, marginBottom: `-${g ? c : y ? c / 2 : 0}px` } : { display: "flex", marginRight: `-${g ? 0 : y ? n / 2 : 0}px`, marginLeft: `-${g ? 0 : y ? c / 2 : 0}px` } });
+  }
+  _renderSizeRamp(e, s) {
+    const r = e.infos, i = r[0].label, d = r[r.length - 1].label;
+    let o = r[0].preview, n = r[r.length - 1].preview;
+    const c = this._hasIndicators, l = { "flex-direction": c ? "column" : "row-reverse" };
+    o && (o = o.cloneNode(!0), o.style.display = "flex"), n && (n = n.cloneNode(!0), n.style.display = "flex");
+    const h = { opacity: s != null ? `${s}` : "" };
+    return a("div", { class: this.classes(t.layerRow, { [t.sizeRampRow]: c }) }, a("div", { class: t.rampLabel }, c ? i : d), a("div", { class: t.sizeRampContainer, styles: l }, a("div", { afterCreate: S, bind: o, class: t.sizeRampPreview, styles: h }), this._renderSizeRampLines(e), a("div", { afterCreate: S, bind: n, class: t.sizeRampContainer, styles: h })), a("div", { class: t.rampLabel }, c ? d : i));
+  }
+  _getRampStopLabel(e, s) {
+    switch (s) {
+      case "heatmap-ramp":
+        return this.messages[e.label];
+      case "stretch-ramp":
+        return X(e, this.messages);
+      default:
+        return e.label;
+    }
+  }
+  _renderLegendForRamp(e, s, r) {
+    const i = e.infos, d = e.type, o = d === "heatmap-ramp", n = i.length - 1, c = ie, l = n > 2 && !o ? se * n : re, h = l + 20, g = 10, y = i.slice(0).reverse(), m = y.length - 1, p = y.length % 2 != 0 ? y[y.length / 2 | 0] : null, b = p && a("div", { class: t.intervalSeparatorsContainer }, a("div", { class: t.intervalSeparator }, "|"), a("div", { class: t.rampLabel }, this._getRampStopLabel(p, d))), f = [[{ shape: { type: "path", path: `M0 ${c / 2} L${g} 0 L${g} ${c} Z` }, fill: y[0].color, stroke: { width: 0 } }, { shape: { type: "rect", x: g, y: 0, width: l, height: c }, fill: { type: "linear", x1: g, y1: 0, x2: l + g, y2: 0, colors: y.map((_, $) => ({ color: _.color, offset: o && "ratio" in _ ? _.ratio : $ / n })) }, stroke: { width: 0 } }, { shape: { type: "path", path: `M${l + g} 0 L${h} ${c / 2} L${l + g} ${c} Z` }, fill: y[m].color, stroke: { width: 0 } }]], v = V(f, h, c), u = { filter: P(r) ?? void 0, opacity: s == null ? void 0 : `${s}` }, w = { justifyContent: "center" };
+    return a("div", { class: t.layerRow, styles: w }, a("div", { class: t.rampLabel }, this._getRampStopLabel(y[0], d)), a("div", { class: t.symbolContainer }, a("div", { styles: u }, v), b), a("div", { class: t.rampLabel }, this._getRampStopLabel(y[m], d)));
+  }
+};
+R([k()], C.prototype, "activeLayerInfos", void 0), R([k()], C.prototype, "headingLevel", void 0), R([k()], C.prototype, "layout", void 0), R([k(), D("esri/widgets/Legend/t9n/Legend")], C.prototype, "messages", void 0), R([k(), D("esri/t9n/common")], C.prototype, "messagesCommon", void 0), R([k({ readOnly: !0 })], C.prototype, "type", void 0), R([k()], C.prototype, "view", void 0), R([ee()], C.prototype, "_selectSection", null), C = R([G("esri.widgets.Legend.styles.Card")], C);
+const Ae = C;
+export {
+  Ae as default
+};

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/CardCSS.js

@@ -0,0 +1,4 @@
+const e = "esri-legend--card", a = "esri-legend", r = { activated: `${e}__carousel-indicator--activated`, base: e, stacked: `${a}--stacked`, carouselTitle: `${e}__carousel-title`, indicator: `${e}__carousel-indicator`, intervalSeparator: `${e}__interval-separator`, imageryLayerStretchedImage: `${e}__imagery-layer-image--stretched`, imageLabel: `${e}__image-label`, layerCaption: `${e}__layer-caption`, labelElement: `${e}__label-element`, layerRow: `${e}__layer-row`, labelCell: `${e}__label-cell`, message: `${e}__message`, rampLabel: `${e}__ramp-label`, section: `${e}__section`, relationshipSection: `${e}__relationship-section`, serviceCaptionText: `${e}__service-caption-text`, serviceContent: `${e}__service-content`, service: `${e}__service`, groupLayer: `${e}__group-layer`, groupLayerChild: `${e}__group-layer-child`, symbol: `${e}__symbol`, sizeRampRow: `${e}__size-ramp-row`, symbolRow: `${e}__symbol-row`, symbolCell: `${e}__symbol-cell`, indicatorContainer: `${e}__carousel-indicator-container`, intervalSeparatorsContainer: `${e}__interval-separators-container`, relationshipLabelContainer: `${e}__relationship-label-container`, labelContainer: `${e}__label-container`, serviceCaptionContainer: `${e}__service-caption-container`, symbolContainer: `${e}__symbol-container`, sizeRampContainer: `${e}__size-ramp-container`, sizeRampPreview: `${e}__size-ramp-preview`, pieChartRampPreview: `${e}__pie-chart-ramp-preview`, rampContainer: `${a}__ramps`, sizeRampHorizontal: `${a}__size-ramp--horizontal`, rampLabelsContainer: `${a}__ramp-labels`, layerInfo: `${a}__layer-cell ${a}__layer-cell--info`, univariateAboveAndBelowColorRamp: "esri-univariate-above-and-below-ramp__color--card" };
+export {
+  r as css
+};

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/Classic.js

@@ -0,0 +1,110 @@
+import { _ as R } from "../../../chunks/tslib.es6.js";
+import { property as A } from "../../../core/accessorSupport/decorators/property.js";
+import "../../../core/has.js";
+import "../../../core/Logger.js";
+import "../../../core/RandomLCG.js";
+import { subclass as P } from "../../../core/accessorSupport/decorators/subclass.js";
+import j from "../../Widget.js";
+import { css as a, legend as M } from "./ClassicCSS.js";
+import { renderRelationshipRamp as N } from "./support/relationshipUtils.js";
+import { getUnivariateAboveAndBelowRampElements as O, getUnivariateColorRampSize as I, getUnivariateColorRampPreview as x, getUnivariateColorRampMargin as S, getUnivariateColorSizeRampElements as H } from "./support/univariateUtils.js";
+import { getTitle as _, isRendererTitle as q, attachToNode as f, getStretchStopLabel as D, isImageryStretchedLegend as G } from "../support/styleUtils.js";
+import { globalCss as J } from "../../support/globalCss.js";
+import { Heading as K } from "../../support/Heading.js";
+import "../../support/widgetUtils.js";
+import { messageBundle as Q } from "../../support/decorators/messageBundle.js";
+import { tsx as t } from "../../support/jsxFactory.js";
+const V = `${M}__`, W = 24, F = { display: "flex", alignItems: "flex-start" }, z = { marginLeft: "3px" }, w = { display: "table-cell", verticalAlign: "middle" };
+let L = class extends j {
+  constructor(e, s) {
+    super(e, s), this.activeLayerInfos = null, this.headingLevel = 3, this.messages = null, this.type = "classic";
+  }
+  render() {
+    const e = this.activeLayerInfos, s = e && e.toArray().map((l) => this._renderLegendForLayer(l)).filter((l) => !!l);
+    return t("div", null, s && s.length ? s : t("div", { class: a.message }, this.messages.noLegend));
+  }
+  _renderLegendForLayer(e) {
+    if (!e.ready)
+      return null;
+    const s = !!e.children.length, l = `${V}${e.layer.uid}-version-${e.version}`, i = e.title ? K({ level: this.headingLevel, class: this.classes(J.heading, a.label) }, e.title) : null;
+    if (s) {
+      const p = e.children.map((n) => this._renderLegendForLayer(n)).toArray();
+      return t("div", { class: this.classes(a.service, a.groupLayer), key: l }, i, p);
+    }
+    {
+      const p = e.legendElements;
+      if (p && !p.length)
+        return null;
+      const n = p.map((r) => this._renderLegendForElement(r, e.layer, e.effectList)).filter((r) => !!r);
+      if (!n.length)
+        return null;
+      const o = { [a.groupLayerChild]: !!e.parent };
+      return t("div", { class: this.classes(a.service, o), key: l }, i, t("div", { class: a.layer }, n));
+    }
+  }
+  _renderLegendForElement(e, s, l, i) {
+    const p = e.type === "color-ramp", n = e.type === "opacity-ramp", o = e.type === "size-ramp";
+    let r = null;
+    if (e.type === "symbol-table" || o) {
+      const h = e.infos.map((b) => this._renderLegendForElementInfo(b, s, l, o, e.legendType)).filter((b) => !!b);
+      h.length && (r = t("div", { class: a.layerBody }, h));
+    } else
+      e.type === "color-ramp" || e.type === "opacity-ramp" || e.type === "heatmap-ramp" || e.type === "stretch-ramp" ? r = this._renderLegendForRamp(e, s.opacity) : e.type === "relationship-ramp" ? r = N(e, this.id, { opacity: s.opacity, effectList: l, ariaLabel: this.messages.previewRelationshipRampAriaLabel }) : e.type === "pie-chart-ramp" ? r = this._renderPieChartRamp(e) : e.type === "univariate-above-and-below-ramp" ? r = this._renderUnivariateAboveAndBelowRamp(e, s.opacity, l) : e.type === "univariate-color-size-ramp" && (r = this._renderUnivariateColorSizeRamp(e, s.opacity, l));
+    if (!r)
+      return null;
+    const d = e.title;
+    let m = null;
+    if (typeof d == "string")
+      m = d;
+    else if (d) {
+      const h = _(this.messages, d, p || n);
+      m = q(d, p || n) && d.title ? `${d.title} (${h})` : h;
+    }
+    const u = i ? a.layerChildTable : a.layerTable, c = m ? t("div", { class: a.layerCaption }, m) : null, v = { [a.layerTableSizeRamp]: o || !i };
+    return t("div", { class: this.classes(u, v) }, c, r);
+  }
+  _renderPieChartRamp(e) {
+    return t("div", { afterCreate: f, bind: e.preview });
+  }
+  _renderUnivariateAboveAndBelowRamp(e, s, l) {
+    var E;
+    const { sizeRampElement: i, colorRampElement: p } = O(e, s);
+    if (!i)
+      return null;
+    const n = (E = this.messages) == null ? void 0 : E.previewColorRampAriaLabel, o = I(i, "above", !0), r = I(i, "below", !0), d = 12, m = x(p, { width: d, height: o, rampAlignment: "vertical", opacity: s, type: "above", effectList: l, ariaLabel: n }), u = x(p, { width: d, height: r, rampAlignment: "vertical", opacity: s, type: "below", effectList: l, ariaLabel: n }), c = S(i), v = i.infos.map((g) => g.label), h = v.map((g, y) => y === 0 ? t("div", { class: g ? m ? a.univariateAboveAndBelowLabel : a.rampLabel : void 0, key: y }, g) : y === 2 ? t("div", null) : null), b = v.length - 1, $ = Math.floor(v.length / 2), C = v.map((g, y) => y === $ || y === b ? t("div", { class: g ? m ? a.univariateAboveAndBelowLabel : a.rampLabel : void 0, key: y }, g) : null), B = { display: "table-cell", verticalAlign: "middle" }, k = { marginTop: `${c}px` }, T = { height: `${o}px` }, U = { height: `${r}px` };
+    return t("div", { key: "univariate-above-and-below-ramp-preview", styles: F }, t("div", { class: a.layerBody }, i.infos.map((g, y) => t("div", { class: this.classes(a.layerRow, a.sizeRamp) }, t("div", { afterCreate: f, bind: g.preview, class: a.symbol, styles: B }), m || y % 2 != 0 ? null : t("div", { class: a.layerInfo }, v[y])))), m ? t("div", { key: "color-ramp-preview", styles: k }, t("div", { styles: z }, t("div", { styles: w }, t("div", { afterCreate: f, bind: m, class: a.rampContainer })), t("div", { styles: w }, t("div", { class: a.rampLabelsContainer, styles: T }, h))), t("div", { styles: z }, t("div", { styles: w }, t("div", { afterCreate: f, bind: u, class: a.rampContainer })), t("div", { styles: w }, t("div", { class: a.rampLabelsContainer, styles: U }, C)))) : null);
+  }
+  _renderUnivariateColorSizeRamp(e, s, l) {
+    var b;
+    const { sizeRampElement: i, colorRampElement: p } = H(e);
+    if (!i)
+      return null;
+    const n = S(i), o = 12, r = I(i, "full", !1), d = x(p, { width: o, height: r, rampAlignment: "vertical", opacity: s, type: "full", effectList: l, ariaLabel: (b = this.messages) == null ? void 0 : b.previewColorRampAriaLabel }), m = i.infos.length - 1, u = i.infos.map(($, C) => C === 0 || C === m ? t("div", { class: $.label ? p ? a.univariateAboveAndBelowLabel : a.rampLabel : void 0, key: C }, $.label) : null), c = { display: "table-cell", verticalAlign: "middle" }, v = { marginTop: `${n}px` }, h = { height: `${r}px` };
+    return t("div", { key: "univariate-above-and-below-ramp-preview", styles: F }, t("div", { class: a.layerBody }, i.infos.map(($) => t("div", { class: this.classes(a.layerRow, a.sizeRamp) }, t("div", { afterCreate: f, bind: $.preview, class: a.symbol, styles: c })))), t("div", { key: "color-ramp-preview", styles: v }, t("div", { styles: z }, t("div", { styles: w }, t("div", { afterCreate: f, bind: d, class: a.rampContainer })), t("div", { styles: w }, t("div", { class: a.rampLabelsContainer, styles: h }, u)))));
+  }
+  _renderLegendForRamp(e, s) {
+    const l = e.infos, i = e.type === "opacity-ramp", p = e.type === "heatmap-ramp", n = e.type === "stretch-ramp", o = e.preview, r = i ? a.opacityRamp : "";
+    o.className = `${a.colorRamp} ${r}`, s != null && (o.style.opacity = s.toString());
+    const d = l.map((c) => t("div", { class: c.label ? a.rampLabel : void 0 }, p ? this.messages[c.label] || c.label : n ? D(c, this.messages) : c.label)), m = { width: `${W}px` }, u = { height: o.style.height };
+    return t("div", { class: a.layerRow }, t("div", { class: a.symbolContainer, styles: m }, t("div", { afterCreate: f, bind: o, class: a.rampContainer })), t("div", { class: a.layerInfo }, t("div", { class: a.rampLabelsContainer, styles: u }, d)));
+  }
+  _renderLegendForElementInfo(e, s, l, i, p) {
+    if (e.type)
+      return this._renderLegendForElement(e, s, l, !0);
+    let n = null;
+    const o = G(s, p);
+    if (e.preview ? n = t("div", { afterCreate: f, bind: e.preview, class: a.symbol }) : e.src && (n = this._renderImage(e, s, o)), !n)
+      return null;
+    const r = { [a.imageryLayerInfoStretched]: o }, d = { [a.imageryLayerInfoStretched]: o, [a.sizeRamp]: !o && i };
+    return t("div", { class: a.layerRow }, t("div", { class: this.classes(a.symbolContainer, d) }, n), t("div", { class: this.classes(a.layerInfo, r) }, _(this.messages, e.label, !1) || ""));
+  }
+  _renderImage(e, s, l) {
+    const { label: i, src: p, opacity: n } = e, o = { [a.imageryLayerStretchedImage]: l, [a.symbol]: !l }, r = { opacity: `${n ?? s.opacity}` };
+    return t("img", { alt: _(this.messages, i, !1), "aria-label": _(this.messages, i, !1), border: 0, class: this.classes(o), height: e.height, src: p, styles: r, width: e.width });
+  }
+};
+R([A()], L.prototype, "activeLayerInfos", void 0), R([A()], L.prototype, "headingLevel", void 0), R([A(), Q("esri/widgets/Legend/t9n/Legend")], L.prototype, "messages", void 0), R([A({ readOnly: !0 })], L.prototype, "type", void 0), L = R([P("esri.widgets.Legend.styles.Classic")], L);
+const ve = L;
+export {
+  ve as default
+};

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/ClassicCSS.js

@@ -0,0 +1,5 @@
+const e = "esri-legend", a = { service: `${e}__service`, label: `${e}__service-label`, layer: `${e}__layer`, groupLayer: `${e}__group-layer`, groupLayerChild: `${e}__group-layer-child`, layerTable: `${e}__layer-table`, layerTableSizeRamp: `${e}__layer-table--size-ramp`, layerChildTable: `${e}__layer-child-table`, layerCaption: `${e}__layer-caption`, layerBody: `${e}__layer-body`, layerRow: `${e}__layer-row`, layerCell: `${e}__layer-cell`, layerInfo: `${e}__layer-cell ${e}__layer-cell--info`, imageryLayerStretchedImage: `${e}__imagery-layer-image--stretched`, imageryLayerCellStretched: `${e}__imagery-layer-cell--stretched`, imageryLayerInfoStretched: `${e}__imagery-layer-info--stretched`, symbolContainer: `${e}__layer-cell ${e}__layer-cell--symbols`, symbol: `${e}__symbol`, rampContainer: `${e}__ramps`, sizeRamp: `${e}__size-ramp`, colorRamp: `${e}__color-ramp`, opacityRamp: `${e}__opacity-ramp`, borderlessRamp: `${e}__borderless-ramp`, rampTick: `${e}__ramp-tick`, rampFirstTick: `${e}__ramp-tick-first`, rampLastTick: `${e}__ramp-tick-last`, rampLabelsContainer: `${e}__ramp-labels`, rampLabel: `${e}__ramp-label`, message: `${e}__message`, univariateAboveAndBelowLabel: "esri-univariate-above-and-below-ramp__label" };
+export {
+  a as css,
+  e as legend
+};

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/support/relationshipUtils.js

@@ -0,0 +1,46 @@
+import { generateFillAttributes as G, generateStrokeAttributes as J, renderDef as K, renderShape as N, getBoundingBox as O, computeBBox as P, getTransformMatrix as W } from "../../../../symbols/support/svgUtils.js";
+import { getCSSFilterFromEffectList as Q } from "../../../../symbols/support/utils.js";
+import { isRTL as V, classes as $ } from "../../../support/widgetUtils.js";
+import { tsx as e } from "../../../support/jsxFactory.js";
+const F = "esri-relationship-ramp", c = `${F}--diamond`, i = `${F}--square`, Z = "http://www.w3.org/2000/svg", a = { diamondContainer: `${c}__container`, diamondLeftCol: `${c}__left-column`, diamondRightCol: `${c}__right-column`, diamondMidCol: `${c}__middle-column`, diamondMidColLabel: `${c}__middle-column--label`, diamondMidColRamp: `${c}__middle-column--ramp`, squareTable: `${i}__table`, squareTableRow: `${i}__table-row`, squareTableCell: `${i}__table-cell`, squareTableLabel: `${i}__table-label`, squareTableLabelLeftBottom: `${i}__table-label--left-bottom`, squareTableLabelRightBottom: `${i}__table-label--right-bottom`, squareTableLabelLeftTop: `${i}__table-label--left-top`, squareTableLabelRightTop: `${i}__table-label--right-top` };
+function se(m, s, n = {}) {
+  const { focus: t, labels: l } = m, b = !!t, r = ee(m, s, n), f = { justifyContent: "center" }, o = V();
+  return b ? e("div", { class: a.diamondContainer, styles: f }, e("div", { class: a.diamondLeftCol }, o ? l.right : l.left), e("div", { class: a.diamondMidCol }, e("div", { class: a.diamondMidColLabel }, l.top), r, e("div", { class: a.diamondMidColLabel }, l.bottom)), e("div", { class: a.diamondRightCol }, o ? l.left : l.right)) : e("div", { class: a.squareTable }, e("div", { class: a.squareTableRow }, e("div", { class: $(a.squareTableCell, a.squareTableLabel, a.squareTableLabelRightBottom) }, o ? l.top : l.left), e("div", { class: a.squareTableCell }), e("div", { class: $(a.squareTableCell, a.squareTableLabel, a.squareTableLabelLeftBottom) }, o ? l.left : l.top)), e("div", { class: a.squareTableRow }, e("div", { class: a.squareTableCell }), r, e("div", { class: a.squareTableCell })), e("div", { class: a.squareTableRow }, e("div", { class: $(a.squareTableCell, a.squareTableLabel, a.squareTableLabelRightTop) }, o ? l.right : l.bottom), e("div", { class: a.squareTableCell }), e("div", { class: $(a.squareTableCell, a.squareTableLabel, a.squareTableLabelLeftTop) }, o ? l.bottom : l.right)));
+}
+function A(m, s, n) {
+  const t = `${n}_arrowStart`, l = `${n}_arrowEnd`, b = m === "left", r = { markerStart: null, markerEnd: null };
+  switch (s) {
+    case "HL":
+      b ? r.markerStart = `url(#${l})` : r.markerEnd = `url(#${t})`;
+      break;
+    case "LL":
+      r.markerStart = `url(#${l})`;
+      break;
+    case "LH":
+      b ? r.markerEnd = `url(#${t})` : r.markerStart = `url(#${l})`;
+      break;
+    default:
+      r.markerEnd = `url(#${t})`;
+  }
+  return r;
+}
+function ee(m, s, n = {}) {
+  const { focus: t, numClasses: l, colors: b, rotation: r } = m, { opacity: f, effectList: o, ariaLabel: U } = n, d = n.size ?? 60, h = !!t, u = Math.sqrt(d ** 2 + d ** 2) + (h ? 0 : 5), g = [], _ = [], q = [], k = (d || 75) / l;
+  for (let p = 0; p < l; p++) {
+    const z = p * k;
+    for (let T = 0; T < l; T++) {
+      const D = T * k, E = G(b[p][T]), I = J(null), M = { type: "rect", x: D, y: z, width: k, height: k }, B = K(E);
+      B && g.push(B);
+      const H = N(M, E.fill, I, null);
+      H && _.push(H), q.push(O(M));
+    }
+  }
+  const L = 10, C = 15, v = 15, w = 10;
+  let x = null;
+  h || (x = "margin: -15px -15px -18px -15px");
+  const y = A("left", t, s), R = A("right", t, s), S = P(q), X = W(S, u, u, 0, !1, r, !1), Y = W(S, u, u, 0, !1, h ? -45 : null, !1), j = { filter: Q(o) ?? void 0, opacity: f == null ? "" : `${f}` };
+  return e("div", { class: h ? a.diamondMidColRamp : a.squareTableCell, styles: j }, e("svg", { "aria-labelledBy": U, focusable: !1, height: u, role: "image", style: x, width: u, xmlns: Z }, e("defs", null, e("marker", { id: `${s}_arrowStart`, markerHeight: "10", markerUnits: "strokeWidth", markerWidth: "10", orient: "auto", refX: "5", refY: "5" }, e("polyline", { fill: "none", points: "0,0 5,5 0,10", stroke: "#555555", "stroke-width": "1" })), e("marker", { id: `${s}_arrowEnd`, markerHeight: "10", markerUnits: "strokeWidth", markerWidth: "10", orient: "auto", refX: "0", refY: "5" }, e("polyline", { fill: "none", points: "5,0 0,5 5,10", stroke: "#555555", "stroke-width": "1" })), g), e("g", { transform: X }, _), e("g", { transform: Y }, e("line", { fill: "none", "marker-end": y.markerEnd, "marker-start": y.markerStart, stroke: "#555555", "stroke-width": "1", x1: -L, x2: -L, y1: d - C, y2: C }), e("line", { fill: "none", "marker-end": R.markerEnd, "marker-start": R.markerStart, stroke: "#555555", "stroke-width": "1", x1: v, x2: d - v, y1: d + w, y2: d + w }))));
+}
+export {
+  se as renderRelationshipRamp
+};

package/dist/node_modules/.pnpm/@arcgis_core@4.29.10/node_modules/@arcgis/core/widgets/Legend/styles/support/univariateUtils.js

@@ -0,0 +1,64 @@
+import { pt2px as f } from "../../../../core/screenUtils.js";
+import "../../../../libs/maquette/projection.js";
+import { createProjector as b } from "../../../../libs/maquette/projector.js";
+import { renderColorRampPreviewHTML as w } from "../../../../symbols/support/symbolUtils.js";
+import "../../../support/widgetUtils.js";
+import { tsx as m } from "../../../support/jsxFactory.js";
+const R = b(), d = 10, v = 20, p = 10, u = 20, h = { univariateAboveAndBelowSymbol: "esri-univariate-above-and-below-ramp__symbol", colorRamp: "esri-legend__color-ramp" };
+function x(r = "vertical") {
+  const e = "stroke:rgb(200, 200, 200);stroke-width:1";
+  return r === "vertical" ? m("svg", { height: "4", width: "10" }, m("line", { style: e, x1: "0", x2: "10", y1: "2", y2: "2" })) : m("svg", { height: "10", width: "10" }, m("line", { style: e, x1: "5", x2: "5", y1: "0", y2: "10" }));
+}
+function A(r, e = "vertical") {
+  const t = document.createElement("div");
+  return t.style.height = `${v}px`, t.className = h.univariateAboveAndBelowSymbol, r != null && (t.style.opacity = r.toString()), R.append(t, x.bind(null, e)), t;
+}
+function g(r, e, t = "vertical", o) {
+  r.infos.forEach((i, n) => {
+    if (o && n === 2)
+      i.preview = A(e, t);
+    else {
+      const a = f(i.size) + (t === "horizontal" ? u : p), s = i.preview, c = (s == null ? void 0 : s.tagName.toLowerCase()) === "div", l = c ? s : document.createElement("div");
+      l.className = h.univariateAboveAndBelowSymbol, t === "horizontal" ? l.style.width = `${a}px` : l.style.height = `${a}px`, !c && s && l.appendChild(s), i.preview = l;
+    }
+  });
+}
+function B(r, e = "classic") {
+  const t = r.infos;
+  return e === "classic" ? (f(t[0].size) + p) / 2 : (f(t[0].size) - f(t[t.length - 1].size)) / 2;
+}
+function N(r, e) {
+  if (!r)
+    return null;
+  const t = r.infos.map((i) => i.color), o = w(e.type === "full" ? t : e.type === "above" ? t.slice(0, 3) : t.slice(2, 5), { width: e.width, height: e.height, align: e.rampAlignment, effectList: e.effectList, ariaLabel: e.ariaLabel });
+  return o.className = h.colorRamp, e.opacity != null && (o.style.opacity = e.opacity.toString()), o;
+}
+function E(r, e, t, o = "vertical") {
+  let i = 0;
+  const n = r.infos, a = Math.floor(n.length / 2), s = e === "full" || e === "above" ? 0 : a, c = e === "full" || e === "below" ? n.length - 1 : a;
+  for (let l = s; l <= c; l++)
+    t && l === a ? i += o === "horizontal" ? d : v : i += f(n[l].size) + (o === "horizontal" ? u : p);
+  return Math.round(i);
+}
+function _(r, e, t, o = "vertical") {
+  const i = E(r, e, t, o), n = r.infos, a = Math.floor(n.length / 2), s = e === "full" || e === "above" ? 0 : a, c = e === "full" || e === "below" ? n.length - 1 : a, l = e === "full" ? n[s].size + n[c].size : e === "above" ? n[s].size : n[c].size, y = t ? o === "vertical" ? v : d : 0, z = o === "vertical" ? p * (e === "full" ? 2 : 1) : u * (e === "full" ? 2 : 1);
+  return Math.round(i - (f(l) / 2 + y / 2 + z / 2));
+}
+function P(r, e, t = "vertical") {
+  const o = r.infos;
+  let i = o.find(({ type: a }) => a === "size-ramp"), n = o.find(({ type: a }) => a === "color-ramp");
+  return i && (i = { ...i }, i.infos = [...i.infos], g(i, e, t, !0)), n && (n = { ...n }, n.infos = [...n.infos]), t === "horizontal" && (i == null || i.infos.reverse(), n == null || n.infos.reverse()), { sizeRampElement: i, colorRampElement: n };
+}
+function k(r, e = "vertical") {
+  const t = r.infos;
+  let o = t.find(({ type: n }) => n === "size-ramp"), i = t.find(({ type: n }) => n === "color-ramp");
+  return o && (o = { ...o }, o.infos = [...o.infos], g(o, null, e, !1)), i && (i = { ...i }, i.infos = [...i.infos]), e === "horizontal" && (o == null || o.infos.reverse(), i == null || i.infos.reverse()), { sizeRampElement: o, colorRampElement: i };
+}
+export {
+  P as getUnivariateAboveAndBelowRampElements,
+  B as getUnivariateColorRampMargin,
+  N as getUnivariateColorRampPreview,
+  _ as getUnivariateColorRampSize,
+  k as getUnivariateColorSizeRampElements,
+  E as getUnivariateSizeRampSize
+};