@arcgis/common-components 5.1.0-next.9 → 5.1.0-next.90

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

@@ -9245,7 +9245,7 @@ Read more: ${ce}#error-${i}`;
         const Me = "41.3.1", gn = new Date(2024, 3, 16);
         if (globalThis.CKEDITOR_VERSION) throw new C("ckeditor-duplicated-modules", null);
         globalThis.CKEDITOR_VERSION = Me;
-        const rt = Symbol("listeningTo"), Dn = Symbol("emitterId"), xt = Symbol("delegations"), nd = pe(Object);
+        const rt = /* @__PURE__ */ Symbol("listeningTo"), Dn = /* @__PURE__ */ Symbol("emitterId"), xt = /* @__PURE__ */ Symbol("delegations"), nd = pe(Object);
         function pe(i) {
           return i ? class extends i {
             on(e, t, n) {
@@ -9381,7 +9381,7 @@ Read more: ${ce}#error-${i}`;
         const Ce = function(i) {
           var e = typeof i;
           return i != null && (e == "object" || e == "function");
-        }, lr = Symbol("observableProperties"), cr = Symbol("boundObservables"), dr = Symbol("boundProperties"), co = Symbol("decoratedMethods"), ad = Symbol("decoratedOriginal"), ld = fe(pe());
+        }, lr = /* @__PURE__ */ Symbol("observableProperties"), cr = /* @__PURE__ */ Symbol("boundObservables"), dr = /* @__PURE__ */ Symbol("boundProperties"), co = /* @__PURE__ */ Symbol("decoratedMethods"), ad = /* @__PURE__ */ Symbol("decoratedOriginal"), ld = fe(pe());
         function fe(i) {
           return i ? class extends i {
             set(e, t) {
@@ -11693,7 +11693,7 @@ Read more: ${ce}#error-${i}`;
         Br.prototype.is = function(i, e) {
           return e ? e === this.name && (i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element") : i === "editableElement" || i === "view:editableElement" || i === "containerElement" || i === "view:containerElement" || i === "element" || i === "view:element" || i === "node" || i === "view:node";
         };
-        const ju = Symbol("rootName");
+        const ju = /* @__PURE__ */ Symbol("rootName");
         class Hu extends Br {
           constructor(e, t) {
             super(e, t), this.rootName = "main";
@@ -12207,7 +12207,7 @@ Read more: ${ce}#error-${i}`;
             return this._currentTarget;
           }
         }
-        const Ja = Symbol("bubbling contexts");
+        const Ja = /* @__PURE__ */ Symbol("bubbling contexts");
         function Xa(i) {
           return class extends i {
             fire(e, ...t) {
@@ -15141,7 +15141,7 @@ Read more: ${ce}#error-${i}`;
             return t || (t = this._addSymbolForTextProxy(e)), t;
           }
           _addSymbolForTextProxy(e) {
-            const t = e.startOffset, n = e.endOffset, o = e.parent, r = Symbol("$textProxy:" + e.data);
+            const t = e.startOffset, n = e.endOffset, o = e.parent, r = /* @__PURE__ */ Symbol("$textProxy:" + e.data);
             let s, a;
             return s = this._textProxyRegistry.get(t), s || (s = /* @__PURE__ */ new Map(), this._textProxyRegistry.set(t, s)), a = s.get(n), a || (a = /* @__PURE__ */ new Map(), s.set(n, a)), a.set(o, r), r;
           }
@@ -21156,7 +21156,7 @@ Read more: ${ce}#error-${i}`;
             return { s: t ? Pi(this.hsva.s + 100 * e.x, 0, 100) : 100 * e.x, v: t ? Pi(this.hsva.v - 100 * e.y, 0, 100) : Math.round(100 - 100 * e.y) };
           }
         }
-        const ss = Symbol("same"), Pl = Symbol("color"), mg = Symbol("hsva"), Ll = Symbol("update"), gg = Symbol("parts"), pg = Symbol("css"), fg = Symbol("sliders");
+        const ss = /* @__PURE__ */ Symbol("same"), Pl = /* @__PURE__ */ Symbol("color"), mg = /* @__PURE__ */ Symbol("hsva"), Ll = /* @__PURE__ */ Symbol("update"), gg = /* @__PURE__ */ Symbol("parts"), pg = /* @__PURE__ */ Symbol("css"), fg = /* @__PURE__ */ Symbol("sliders");
         class y1 extends HTMLElement {
           static get observedAttributes() {
             return ["color"];
@@ -23078,7 +23078,7 @@ Read more: ${ce}#error-${i}`;
             }));
           }
         }
-        const Ri = Symbol("MainQueueId");
+        const Ri = /* @__PURE__ */ Symbol("MainQueueId");
         class Jx {
           constructor() {
             this._onEmptyCallbacks = [], this._queues = /* @__PURE__ */ new Map(), this._activeActions = 0;

package/dist/components/arcgis-ckeditor5-popover/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as a } from "../../chunks/runtime.js";
 import { css as l, html as n } from "lit";
-import { LitElement as d, createEvent as o, safeClassMap as e, nothing as c } from "@arcgis/lumina";
+import { LitElement as d, createEvent as o, nothing as c, safeClassMap as e } from "@arcgis/lumina";
 import { createRef as s, ref as r } from "lit/directives/ref.js";
 import { Task as p } from "@lit/task";
 import { unsafeGetElementDirection as h } from "@arcgis/toolkit/dom";

package/dist/components/arcgis-field-info/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type View from "@arcgis/core/views/View.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { FieldInfoLayer } from "./utils/basic.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -193,7 +193,7 @@ export abstract class ArcgisFieldInfo extends LitElement {
   /** Required layer instance. */
   accessor layer: FieldInfoLayer | undefined;
   /** View instance. If no view is provided all dates will show in 'system' timezone. */
-  accessor view: __esri.View | undefined;
+  accessor view: View | undefined;
   /** Refresh the field info display after external changes are made. */
   refresh(): Promise<void>;
   /** Emitted once all information is displayed. */

package/dist/components/arcgis-field-info/utils/basic.d.ts

@@ -1,4 +1,22 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type SceneLayer from "@arcgis/core/layers/SceneLayer.js";
+import type OGCFeatureLayer from "@arcgis/core/layers/OGCFeatureLayer.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
+import type WFSLayer from "@arcgis/core/layers/WFSLayer.js";
+import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
+import type VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type StreamLayer from "@arcgis/core/layers/StreamLayer.js";
+import type ParquetLayer from "@arcgis/core/layers/ParquetLayer.js";
+import type OrientedImageryLayer from "@arcgis/core/layers/OrientedImageryLayer.js";
+import type KnowledgeGraphSublayer from "@arcgis/core/layers/knowledgeGraph/KnowledgeGraphSublayer.js";
+import type ImageryTileLayer from "@arcgis/core/layers/ImageryTileLayer.js";
+import type ImageryLayer from "@arcgis/core/layers/ImageryLayer.js";
+import type GeoJSONLayer from "@arcgis/core/layers/GeoJSONLayer.js";
+import type CSVLayer from "@arcgis/core/layers/CSVLayer.js";
+import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
+import type CatalogFootprintLayer from "@arcgis/core/layers/catalog/CatalogFootprintLayer.js";
 
 /** @internal */
-export type FieldInfoLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.ImageryTileLayer | __esri.KnowledgeGraphSublayer | __esri.OGCFeatureLayer | __esri.OrientedImageryLayer | __esri.ParquetLayer | __esri.SceneLayer | __esri.StreamLayer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.VoxelLayer | __esri.WCSLayer | __esri.WFSLayer;
+export type FieldInfoLayer = CatalogFootprintLayer | CatalogLayer | CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;

package/dist/components/arcgis-field-pick-list/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type View from "@arcgis/core/views/View.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { IPickListFieldInfo, IPickListGroupInfo, IPopoverProps, LastSortBy } from "../../utils/types.js";
 import type { FieldPickListLayer } from "./utils/types.js";
@@ -101,7 +101,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor listOnly: boolean;
   /** @deprecated use view instead */
-  accessor mapView: __esri.View | undefined;
+  accessor mapView: View | undefined;
   /**
    * If true, allows for multiple selection. If false, the
    * popover will close once an item has been selected.
@@ -168,7 +168,7 @@ export abstract class ArcgisFieldPickList extends LitElement {
    */
   accessor sortBy: LastSortBy;
   /** View instance. */
-  accessor view: __esri.View | undefined;
+  accessor view: View | undefined;
   /** Reposition the component. */
   reposition(): Promise<void>;
   /**

package/dist/components/arcgis-field-pick-list/customElement.js

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as y } from "../../chunks/runtime.js";
 import { keyed as F } from "lit/directives/keyed.js";
-import { LitElement as w, createEvent as n, renderElement as $, safeStyleMap as g, nothing as d, safeClassMap as S } from "@arcgis/lumina";
+import { LitElement as w, createEvent as n, renderElement as $, nothing as d, safeStyleMap as g, safeClassMap as S } from "@arcgis/lumina";
 import { createRef as r, ref as h } from "lit/directives/ref.js";
 import { html as l, css as C } from "lit";
 import { Task as v } from "@lit/task";

package/dist/components/arcgis-field-pick-list/utils/types.d.ts

@@ -1,8 +1,26 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type WFSLayer from "@arcgis/core/layers/WFSLayer.js";
+import type WCSLayer from "@arcgis/core/layers/WCSLayer.js";
+import type VoxelLayer from "@arcgis/core/layers/VoxelLayer.js";
+import type SubtypeSublayer from "@arcgis/core/layers/support/SubtypeSublayer.js";
+import type SubtypeGroupLayer from "@arcgis/core/layers/SubtypeGroupLayer.js";
+import type Sublayer from "@arcgis/core/layers/support/Sublayer.js";
+import type StreamLayer from "@arcgis/core/layers/StreamLayer.js";
+import type SceneLayer from "@arcgis/core/layers/SceneLayer.js";
+import type ParquetLayer from "@arcgis/core/layers/ParquetLayer.js";
+import type OrientedImageryLayer from "@arcgis/core/layers/OrientedImageryLayer.js";
+import type OGCFeatureLayer from "@arcgis/core/layers/OGCFeatureLayer.js";
+import type KnowledgeGraphSublayer from "@arcgis/core/layers/knowledgeGraph/KnowledgeGraphSublayer.js";
+import type ImageryTileLayer from "@arcgis/core/layers/ImageryTileLayer.js";
+import type ImageryLayer from "@arcgis/core/layers/ImageryLayer.js";
+import type GeoJSONLayer from "@arcgis/core/layers/GeoJSONLayer.js";
+import type FeatureLayer from "@arcgis/core/layers/FeatureLayer.js";
+import type CSVLayer from "@arcgis/core/layers/CSVLayer.js";
+import type CatalogLayer from "@arcgis/core/layers/CatalogLayer.js";
+import type CatalogFootprintLayer from "@arcgis/core/layers/catalog/CatalogFootprintLayer.js";
 
 /**
  * All supported layer types
  *
  * @internal
  */
-export type FieldPickListLayer = __esri.CatalogFootprintLayer | __esri.CatalogLayer | __esri.CSVLayer | __esri.FeatureLayer | __esri.GeoJSONLayer | __esri.ImageryLayer | __esri.ImageryTileLayer | __esri.KnowledgeGraphSublayer | __esri.OGCFeatureLayer | __esri.OrientedImageryLayer | __esri.ParquetLayer | __esri.SceneLayer | __esri.StreamLayer | __esri.Sublayer | __esri.SubtypeGroupLayer | __esri.SubtypeSublayer | __esri.VoxelLayer | __esri.WCSLayer | __esri.WFSLayer;
+export type FieldPickListLayer = CatalogFootprintLayer | CatalogLayer | CSVLayer | FeatureLayer | GeoJSONLayer | ImageryLayer | ImageryTileLayer | KnowledgeGraphSublayer | OGCFeatureLayer | OrientedImageryLayer | ParquetLayer | SceneLayer | StreamLayer | Sublayer | SubtypeGroupLayer | SubtypeSublayer | VoxelLayer | WCSLayer | WFSLayer;

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

@@ -5,7 +5,7 @@ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
 /**
- * Renders a histogram to visualize the spread of a dataset based on [bins](#bins) representing buckets, or sub-ranges, of
+ * Renders a histogram to visualize the spread of a dataset based on [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins) representing buckets, or sub-ranges, of
  * data. Each [bin](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#HistogramBin) is defined by a minimum and maximum value and a total count.
  *
  * You can generate the underlying histogram's bins with the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
@@ -27,19 +27,19 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
  * histogramElement.max = results.maxValue;
  * ```
  *
- * Other properties of this component allow you to display meaningful values on the histogram, such as the [average](#average),
- * [standard deviation](#standardDeviation), and the [dataLines](#dataLines) properties.
+ * Other properties of this component allow you to display meaningful values on the histogram, such as the [average](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#average),
+ * [standardDeviation](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#standardDeviation), and the [dataLines](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#dataLines) properties.
  *
- * The [layout](#layout) property allows you to set the orientation of the histogram, and the [colorStops](#colorStops)
+ * The [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout) property allows you to set the orientation of the histogram, and the [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops)
  * property allows you to set a gradient or color scheme for the histogram bars.
  *
  * See the image below for a summary of the configurable options available on the histogram.
  *
- * ![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/histogram-basic-labels.png "Histogram with annotations")
+ * ![Histogram with annotations](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-basic-labels.avif "Histogram with annotations")
  *
- * The [colorStops](#colorStops) property may be used to define a color scheme for the histogram bars.
+ * The [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops) property may be used to define a color scheme for the histogram bars.
  *
- * ![Histogram with color](https://developers.arcgis.com/javascript/latest/assets/img/apiref/widgets/histogram-colors.png "Histogram with color")
+ * ![Histogram with color](https://developers.arcgis.com/javascript/latest/assets/references/core/widgets/histogram-colors.avif "Histogram with color")
  *
  * @cssproperty [--arcgis-histogram-bar-color] - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop.
  * @cssproperty [--arcgis-histogram-stop-color] - Specifies the default color for color stops.
@@ -107,7 +107,7 @@ export abstract class ArcgisHistogram extends LitElement {
    * When set to `true`, overlapping classed color stops will be blended together to create the color of the bar.
    * This allows to show a if a bar representing a bin overlaps with multiple classed color stops.
    *
-   * This property is only applicable when the [colorStops](#colorStops) property is set to classed color stops.
+   * This property is only applicable when the [colorStops](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#colorStops) property is set to classed color stops.
    *
    * @default false
    */
@@ -200,7 +200,7 @@ export abstract class ArcgisHistogram extends LitElement {
   accessor layout: HistogramLayout;
   /**
    * The maximum value or bound of the entire histogram. This
-   * should match the maximum bound of the last [bin](#bins).
+   * should match the maximum bound of the last [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).
    *
    * @example
    * ```js
@@ -224,7 +224,7 @@ export abstract class ArcgisHistogram extends LitElement {
   };
   /**
    * The minimum value or bound of the entire histogram. This
-   * should match the minimum bound of the first [bin](#bins).
+   * should match the minimum bound of the first [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins).
    *
    * @example
    * ```js

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

@@ -1,130 +1,121 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as I } from "../../chunks/runtime.js";
-import { u as O } from "../../chunks/useT9n.js";
-import { substitute as S } from "@arcgis/core/intl.js";
-import { LitElement as k, safeClassMap as p, nothing as h, safeStyleMap as w } from "@arcgis/lumina";
-import { css as R, html as L, svg as b } from "lit";
+import { c as M } from "../../chunks/runtime.js";
+import { u as k } from "../../chunks/useT9n.js";
+import { substitute as E } from "@arcgis/core/intl.js";
+import { LitElement as I, nothing as h, safeStyleMap as v, safeClassMap as O } from "@arcgis/lumina";
+import { css as R, html as y, svg as f } from "lit";
 import { g as z } from "../../chunks/locale.js";
-const f = {
-  content: "content",
-  svg: "svg",
-  label: "label",
-  dataLine: "data-line",
-  averageDataLine: "average-data-line",
-  dataLineSymbol: "data-line-symbol"
-}, F = R`:host{display:flex;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:flex;flex:1;direction:ltr}.svg{display:inline-block;flex:1;overflow:hidden}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;
-function B(t, i, n, e, r) {
-  const [s, a] = r;
-  if (!t || a === 0 || s === 0 || n == null || i == null)
+const F = R`:host{display:block;--arcgis-histogram-bar-color: var(--calcite-color-border-1);--arcgis-histogram-stop-color: color-mix(in srgb, var(--calcite-color-brand) 80%, transparent)}.content{display:block;direction:ltr}.svg{display:block;width:100%;height:100%}.data-line{stroke:#888;stroke-width:1px;shape-rendering:crispEdges}.average-data-line{stroke-width:1px;shape-rendering:crispEdges;stroke:#444}.label,.data-line-symbol{font-size:12px;stroke:#fff;stroke-width:2px;paint-order:stroke;unicode-bidi:plaintext}.data-line-symbol{font-family:"Georgia, serif",sans-serif;font-style:italic}`;
+function S(t, r, n, e, i) {
+  const [s, a] = i;
+  if (!t || a === 0 || s === 0 || n == null || r == null)
     return null;
-  const o = n - i, c = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * c, s] : [a, s * c], x = t ? t.map((m) => m.count) : [], d = Math.max(...x);
+  const o = n - r, c = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * c, s] : [a, s * c], b = t ? t.map((m) => m.count) : [], d = Math.max(...b);
   return t.map((m) => {
-    const [$, v] = e === "vertical" ? [u / t.length, d !== 0 ? m.count / d * g : 0] : [d !== 0 ? m.count / d * u : 0, g / t.length], { maxValue: C } = m, y = n - C, [M, E] = e === "vertical" ? [0, y * (a / o)] : [s - v - y * (s / o), a - $];
-    return [M, E, v, $];
+    const [p, $] = e === "vertical" ? [u / t.length, d !== 0 ? m.count / d * g : 0] : [d !== 0 ? m.count / d * u : 0, g / t.length], { maxValue: D } = m, x = n - D, [_, C] = e === "vertical" ? [0, x * (a / o)] : [s - $ - x * (s / o), a - p];
+    return [_, C, $, p];
   });
 }
-function N(t, i, n, e, r) {
+function B(t, r, n, e, i) {
   const s = [];
   return t != null && s.push({
     value: t,
     symbol: "x̄",
-    lineClass: f.averageDataLine
-  }), i != null && n != null && e != null && s.push(...Y(n, e, i, t)), r && s.push(...r), s;
+    lineClass: "average-data-line"
+  }), r != null && n != null && e != null && s.push(...G(n, e, r, t)), i && s.push(...i), s;
 }
-function P(t, i, n, e, r) {
+function N(t, r, n, e, i) {
   if (n == null)
     return [0, 0, 0, 0];
-  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
-  if (i === "vertical") {
+  const s = Math.round((i - n) / e * 100) / 100, [a, o] = t;
+  if (r === "vertical") {
     let c = o - s * o || 1;
     return c = Math.round(c) + 0.5, [0, "100%", c, c];
   }
   let l = s * a || 1;
   return l = Math.round(l) + 0.5, [l, l, "100%", 0];
 }
-function T(t, i, n, e, r) {
+function P(t, r, n, e, i) {
   if (n == null)
     return [0, 0];
-  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
-  return i === "vertical" ? [a, o - s * o] : [0, s * a];
+  const s = Math.round((i - n) / e * 100) / 100, [a, o] = t;
+  return r === "vertical" ? [a, o - s * o] : [0, s * a];
 }
-function A(t, i, n) {
+function T(t, r, n) {
   if (!t || t.length === 0)
     return null;
-  if (_(t)) {
-    const e = t.map((r) => ({
-      ...r,
-      color: D(r.color ?? n)
+  if (L(t)) {
+    const e = t.map((i) => ({
+      ...i,
+      color: w(i.color ?? n)
     }));
     return e.unshift({
-      color: i,
+      color: r,
       minValue: Number.NEGATIVE_INFINITY,
       maxValue: e[0].minValue
     }), e.push({
-      color: i,
+      color: r,
       minValue: e[e.length - 1].maxValue,
       maxValue: Number.POSITIVE_INFINITY
     }), e;
   } else
     return t.map((e) => ({
       ...e,
-      color: D(e.color ?? n)
+      color: w(e.color ?? n)
     }));
 }
-function H(t, i, n, e) {
+function A(t, r, n, e) {
   if (!t || t.length === 0)
     return n;
-  if (_(t)) {
-    const r = W(t, i);
-    if (r.length === 0)
+  if (L(t)) {
+    const i = H(t, r);
+    if (i.length === 0)
       return n;
     if (e) {
-      const { color: s = n, weight: a } = r[0], { color: o = n, weight: l } = r[1] ?? r[0], c = a + l;
+      const { color: s = n, weight: a } = i[0], { color: o = n, weight: l } = i[1] ?? i[0], c = a + l;
       return `color-mix(in srgb, ${s} ${a / c * 100}%, ${o} ${l / c * 100}%)`;
     }
-    return r[0].color ?? n;
+    return i[0].color ?? n;
   }
-  return G(t, i);
+  return W(t, r);
 }
-function W(t, i) {
+function H(t, r) {
   const n = [];
   for (const e of t) {
-    const r = Math.max(0, Math.min(i.maxValue, e.maxValue) - Math.max(i.minValue, e.minValue));
-    r > 0 && n.push({ color: e.color, weight: r });
+    const i = Math.max(0, Math.min(r.maxValue, e.maxValue) - Math.max(r.minValue, e.minValue));
+    i > 0 && n.push({ color: e.color, weight: i });
   }
-  return n.sort((e, r) => r.weight - e.weight);
+  return n.sort((e, i) => i.weight - e.weight);
 }
-function G(t, i) {
-  const n = (i.maxValue - i.minValue) / 2 + i.minValue;
+function W(t, r) {
+  const n = (r.maxValue - r.minValue) / 2 + r.minValue;
   if (n > t[t.length - 1].value)
     return t[t.length - 1].color;
   for (let e = 0; e < t.length - 1; e++) {
-    const r = t[e], s = t[e + 1];
-    if (n <= r.value)
-      return r.color;
+    const i = t[e], s = t[e + 1];
+    if (n <= i.value)
+      return i.color;
     if (n < s.value) {
-      const a = (n - r.value) / (s.value - r.value) * 100;
-      return `color-mix(in srgb, ${r.color}, ${s.color} ${a}%)`;
+      const a = (n - i.value) / (s.value - i.value) * 100;
+      return `color-mix(in srgb, ${i.color}, ${s.color} ${a}%)`;
     }
   }
   return t[t.length - 1].color;
 }
-function _(t) {
+function L(t) {
   return t[0] != null && "minValue" in t[0];
 }
-function D(t) {
-  if (!t)
-    return;
+function w(t) {
   if (typeof t == "string")
     return t;
   if (Array.isArray(t))
     return `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${t[3] ?? 1})`;
-  const { r: i, g: n, b: e, a: r = 1 } = t;
-  return `rgba(${i}, ${n}, ${e}, ${r})`;
+  const { r, g: n, b: e, a: i = 1 } = t;
+  return `rgba(${r}, ${n}, ${e}, ${i})`;
 }
-function Y(t, i, n, e) {
-  const r = 0.06 * (i - t);
-  return U(n, e).filter((s) => Math.abs(e - s) > r).map((s, a, o) => {
+function G(t, r, n, e) {
+  const i = 0.06 * (r - t);
+  return Y(n, e).filter((s) => Math.abs(e - s) > i).map((s, a, o) => {
     const l = o.length / 2, c = s > e ? "+" : "-", u = a >= l ? a - l + 1 : l - a;
     return {
       symbol: `${c}${u === 1 ? "" : u}σ`,
@@ -132,18 +123,18 @@ function Y(t, i, n, e) {
     };
   });
 }
-function U(t, i) {
-  if (i == null || t == null)
+function Y(t, r) {
+  if (r == null || t == null)
     return [];
   const n = 1, e = [];
-  for (let r = n * -1; r <= n; r++)
-    r !== 0 && e.push(i + r * t);
+  for (let i = n * -1; i <= n; i++)
+    i !== 0 && e.push(r + i * t);
   return e;
 }
-const V = "var(--arcgis-histogram-bar-color)", j = "var(--arcgis-histogram-stop-color)";
-class q extends k {
+const V = "var(--arcgis-histogram-bar-color)", U = "var(--arcgis-histogram-stop-color)";
+class j extends I {
   constructor() {
-    super(...arguments), this._messages = O(), this._normalizedStops = null, this._formatLabel = (i) => z(this._messages._lang, this._numberFormatterOptions).format(i), this._numberFormatterOptions = {
+    super(...arguments), this._messages = k(), this._normalizedStops = null, this._formatLabel = (r) => z(this._messages._lang, this._numberFormatterOptions).format(r), this._numberFormatterOptions = {
       maximumFractionDigits: 2
     }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1;
   }
@@ -154,43 +145,43 @@ class q extends k {
     this.styles = F;
   }
   loaded() {
-    const i = new ResizeObserver((r) => {
-      for (const s of r) {
+    const r = new ResizeObserver((i) => {
+      for (const s of i) {
         const { width: a, height: o } = s.contentRect;
         this.containerDimensions = [a, o];
       }
     }), { width: n, height: e } = this.el.getBoundingClientRect();
-    this.containerDimensions = [n, e], i.observe(this.el);
+    this.containerDimensions = [n, e], r.observe(this.el);
   }
-  willUpdate(i) {
-    i.has("colorStops") && (this._normalizedStops = A(this.colorStops, V, j));
+  willUpdate(r) {
+    r.has("colorStops") && (this._normalizedStops = T(this.colorStops, V, U));
   }
   render() {
-    const { label: i } = this;
-    return this.containerDimensions ? L`<div role=img .ariaLabel=${i ?? void 0} class=${p(f.content)}>${this._renderContent()}</div>` : null;
+    const { label: r } = this;
+    return y`<div role=img .ariaLabel=${r ?? void 0} class="content">${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { containerDimensions: [i, n] } = this, e = "bg-fill";
-    return L`<svg class=${p(f.svg)} xmlns=http://www.w3.org/2000/svg>${b`<defs><clipPath id=${e}><rect height=${n ?? h} width=${i ?? h} x=0 y=0 /></clipPath></defs><g style=${w({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>`;
+    const { containerDimensions: [r, n] } = this, e = "bg-fill";
+    return r ? y`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${f`<defs><clipPath id=${e}><rect height=${n ?? h} width=${r ?? h} x=0 y=0 /></clipPath></defs><g style=${v({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g><g>${this._renderLines()}</g>`}</svg>` : null;
   }
   _renderBars() {
-    const { bins: i, _messages: n } = this, e = B(this.bins, this.min, this.max, this.layout, this.containerDimensions);
-    return !e || !i ? null : e.map((r, s) => {
-      const [a, o, l, c] = r, u = i[s], g = n?.barLabel ? S(n.barLabel, u) : "";
-      return b`<rect style=${w({
-        fill: H(this._normalizedStops, u, V, this.colorBlendingEnabled)
+    const { bins: r, _messages: n } = this, e = S(this.bins, this.min, this.max, this.layout, this.containerDimensions);
+    return !e || !r ? null : e.map((i, s) => {
+      const [a, o, l, c] = i, u = r[s], g = n?.barLabel ? E(n.barLabel, u) : "";
+      return f`<rect style=${v({
+        fill: A(this._normalizedStops, u, V, this.colorBlendingEnabled)
       })} .ariaLabel=${g} data-index=${s ?? h} height=${c ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${l ?? h} x=${a ?? h} y=${o ?? h} />`;
     });
   }
   _renderLines() {
-    return N(this.average, this.standardDeviation, this.min, this.max, this.dataLines)?.map((n) => J({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this._formatLabel }));
+    return B(this.average, this.standardDeviation, this.min, this.max, this.dataLines)?.map((n) => q({ dataLine: n, containerDimensions: this.containerDimensions, layout: this.layout, min: this.min, max: this.max, labelFormatter: this._formatLabel }));
   }
 }
-const J = (t) => {
-  const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s, labelFormatter: a } = t, o = r != null && e != null ? r - e : 0, [l, c, u, g] = P(i, n, e, o, s.value), [x, d] = T(i, n, e, o, s.value), m = "symbol" in s ? [b`<tspan class=${p(f.dataLineSymbol)}>${s.symbol}</tspan>`, b`<tspan>${a(s.value)}</tspan>`] : s.label, $ = "lineClass" in s && s.lineClass ? s.lineClass : f.dataLine;
-  return b`<g><title>${s.value}</title><line class=${p($)} shape-rendering=crispEdges x1=${l ?? h} x2=${c ?? h} y1=${u ?? h} y2=${g ?? h} /><text class=${p(f.label)} text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${x ?? h} y=${d - 2}>${m}</text></g>`;
+const q = (t) => {
+  const { containerDimensions: r, layout: n, min: e, max: i, dataLine: s, labelFormatter: a } = t, o = i != null && e != null ? i - e : 0, [l, c, u, g] = N(r, n, e, o, s.value), [b, d] = P(r, n, e, o, s.value), m = "symbol" in s ? [f`<tspan class="data-line-symbol">${s.symbol}</tspan>`, f`<tspan>${a(s.value)}</tspan>`] : s.label, p = "lineClass" in s && s.lineClass ? s.lineClass : "data-line";
+  return f`<g><title>${s.value}</title><line class=${O(p)} shape-rendering=crispEdges x1=${l ?? h} x2=${c ?? h} y1=${u ?? h} y2=${g ?? h} /><text class="label" text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${b ?? h} y=${d - 2}>${m}</text></g>`;
 };
-I("arcgis-histogram", q);
+M("arcgis-histogram", j);
 export {
-  q as ArcgisHistogram
+  j as ArcgisHistogram
 };

package/dist/components/arcgis-histogram/types.d.ts

@@ -1,8 +1,6 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
-
 export type DataLine = {
   value: number;
-  label?: nullish | number | string;
+  label?: number | string | null;
 };
 
 export type HistogramColorStops = HistogramClassedColorStop[] | HistogramContinuousColorStop[];

package/dist/components/arcgis-label-input/customElement.d.ts

@@ -1,5 +1,4 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { Button as Button } from "@esri/calcite-components/components/calcite-button";
 import type { InputNumber as InputNumber } from "@esri/calcite-components/components/calcite-input-number";
@@ -14,15 +13,15 @@ export abstract class ArcgisLabelInput extends LitElement {
   accessor alignment: Button["alignment"] & InputNumber["alignment"];
   /**
    * Indicates whether the component is in edit mode.
-   * This value changes when user interacts with the component or when [edit()](#edit) is called.
-   * The value is always `false` when the component is in [read-only](#readOnly) mode.
+   * This value changes when user interacts with the component or when [edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit) is called.
+   * The value is always `false` when the component is in [readOnly](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#readOnly) mode.
    *
    * @default false
-   * @see [edit()](#edit)
+   * @see [edit()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#edit)
    */
   get editing(): boolean;
   /** A function used to format the value. */
-  accessor labelFormatter: ((value: number, defaultFormatter: (value: number) => string) => nullish | string) | undefined;
+  accessor labelFormatter: (value: number, defaultFormatter: (value: number) => string) => string | null | undefined;
   /**
    * Indicates whether the component is in read-only mode.
    *
@@ -38,7 +37,7 @@ export abstract class ArcgisLabelInput extends LitElement {
   /**
    * Initiates the edit mode for the component.
    *
-   * @see [editing](#editing)
+   * @see [editing](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-label-input/#editing)
    */
   edit(): Promise<void>;
   /** Fires each time a new value is typed and committed. */