@arcgis/common-components 6.0.0-next.1 → 6.0.0-next.3

package/dist/chunks/element-reference-controller.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { Controller as r } from "@arcgis/lumina/controllers";
 class n extends r {
   constructor(t) {

package/dist/chunks/general.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 function i(e) {
   return e != null;
 }

package/dist/chunks/internal-types.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const e = {
   expression: "expression/",
   relationship: "relationships/"

package/dist/chunks/layer-utils.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 function n(e, r) {
   return e != null && typeof e == "object" && "type" in e && e.type === r;
 }

package/dist/chunks/locale.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const m = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap();
 function o(e, t) {
   const { formatter: r, lang: n } = m.get(t) ?? {};

package/dist/chunks/resources.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const o = {
   arcgisAppCkeditor: "arcgis-app-ckeditor",
   arcgisAppCkeditorMentionHeader: "arcgis-app-ckeditor-mention-header",

package/dist/chunks/runtime.js

@@ -1,8 +1,8 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import "../cdn/main.css";
 import { makeRuntime as e } from "@arcgis/lumina";
 import { trackAccess as s, createObservable as r, createTrackingTarget as a, runTracked as c } from "@arcgis/core/applications/Components/reactiveUtils.js";
-const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/5.2.0-next/common-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: i } = t;
+const t = e({ defaultAssetPath: "https://jsdev.arcgis.com/6.0.0-next/common-components/", hydratedAttribute: "hydrated" }), { customElement: n, getAssetPath: d, setAssetPath: i } = t;
 t.t = s;
 t.o = r;
 t.c = a;

package/dist/chunks/strategies.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { g as d } from "./locale.js";
 const u = 1440 * 60 * 1e3, b = /^(\d{4})-(\d{2})-(\d{2})$/u, F = /^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/u;
 class c {

package/dist/chunks/toolbar.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { css as a } from "lit";
 const r = a`:host([toolbar-kind="floating"]){.ruler{opacity:0;pointer-events:none;position:absolute;visibility:hidden;flex-direction:column;height:min(100cqh - var(--arcgis-internal-attribution-space-top) - 2 * var(--calcite-space-lg),100vh - 2 * var(--calcite-space-lg));width:min(100cqw - 2 * var(--calcite-space-lg),100vw - 2 * var(--calcite-space-lg))}}:host([toolbar-kind="docked"]){.ruler{visibility:hidden;height:0;display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%}}`, t = a`:host{--arcgis-internal-toolbar-action-kind-color: var(--calcite-action-text-color);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-action-text-color-press);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-action-text-color-press);--arcgis-internal-toolbar-action-kind-foreground-color: var(--calcite-color-text-inverse);--arcgis-internal-toolbar-action-transparent-background-color: var(--calcite-color-transparent);--arcgis-internal-toolbar-action-transparent-background-color-hover: var(--calcite-color-transparent-hover);--arcgis-internal-toolbar-action-transparent-background-color-press: var(--calcite-color-transparent-press)}calcite-action{--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);--calcite-color-focus: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-indicator-color: var(--arcgis-internal-toolbar-action-kind-color)}calcite-action:is([data-appearance=solid]){--calcite-offset-invert-focus: 1}calcite-action[data-appearance=outline]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-transparent-background-color);--calcite-action-background-color-hover: var(--arcgis-internal-toolbar-action-transparent-background-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-toolbar-action-transparent-background-color-press);--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color)}calcite-action[data-appearance=outline]:hover{box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color-hover)}calcite-action[data-appearance=outline]:active,calcite-action[data-appearance=outline][active]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-transparent-background-color-press);box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color-press)}calcite-action[data-appearance=solid]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-background-color-hover: var(--arcgis-internal-toolbar-action-kind-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-foreground-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-foreground-color);--calcite-action-indicator-color: var(--arcgis-internal-toolbar-action-kind-foreground-color)}calcite-action:is([data-appearance=outline],[data-appearance=solid]):not([data-kind]){--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-inverse);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-inverse-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-inverse-press)}calcite-action:not([data-kind]){--calcite-action-indicator-color: var(--calcite-color-brand)}calcite-action[data-kind=brand]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-brand);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-brand-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-brand-press);--calcite-action-indicator-color: var(--calcite-color-text-1);&[data-appearance=solid]{--calcite-action-indicator-color: var(--calcite-color-text-inverse)}}calcite-action[data-kind=danger]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-danger);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-danger-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-danger-press)}calcite-action[data-kind=info]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-info);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-info-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-info-press)}calcite-action[data-kind=success]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-success);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-success-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-success-press)}calcite-action[data-kind=warning]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-warning);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-warning-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-warning-press)}`, c = a`:host([layout="horizontal"]){.split-anchor{min-width:24px;max-width:24px;&[scale=m]{--calcite-internal-action-spacing: .25rem}&[scale=l]{--calcite-internal-action-spacing: 0rem}}.split-host:has(.split-menu){>calcite-action{border-radius:var(--calcite-action-corner-radius, 2px);border-top-right-radius:0;border-bottom-right-radius:0}.split-anchor{border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-left-radius:0;border-top-left-radius:0}>calcite-action:dir(rtl){border-radius:var(--calcite-action-corner-radius, 2px);border-top-left-radius:0;border-bottom-left-radius:0}.split-anchor:dir(rtl){border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-right-radius:0;border-top-right-radius:0}.split-anchor:dir(ltr){margin-left:calc(0px - var(--calcite-internal-action-bar-gap));margin-right:calc(0px - var(--calcite-internal-action-bar-padding))}.split-anchor:dir(rtl){margin-right:calc(0px - var(--calcite-internal-action-bar-gap));margin-left:calc(0px - var(--calcite-internal-action-bar-padding))}}}:host([layout="vertical"]){.split-anchor{--calcite-internal-action-min-height: unset;min-height:24px;max-height:24px}.split-host:has(.split-menu){>calcite-action{border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-left-radius:0;border-bottom-right-radius:0}.split-anchor{border-radius:var(--calcite-action-corner-radius, 2px);border-top-right-radius:0;border-top-left-radius:0;margin-top:calc(0px - var(--calcite-internal-action-bar-gap));margin-bottom:calc(0px - var(--calcite-internal-action-bar-padding))}}}.split-host:has(.split-menu):hover,.split-host:has(calcite-action-menu[open]),.split-host:has(calcite-dropdown[open]){.split-anchor,>calcite-action{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}}.split-host{display:contents;cursor:pointer}`, i = a`:host{max-inline-size:100%;max-block-size:100%;min-inline-size:0;min-block-size:0;--arcgis-toolbar-tooltip-dark-background-color: #212121;--arcgis-toolbar-tooltip-dark-border-color: #404040;--arcgis-toolbar-tooltip-dark-text-color: #fff}calcite-action-bar{-webkit-user-select:none;user-select:none;pointer-events:auto}:host([toolbar-kind="docked"][layout="horizontal"]){calcite-action-bar{min-width:100%}}:host([toolbar-kind="docked"][layout="vertical"]){min-height:100%;calcite-action-bar{min-height:100%}}calcite-tooltip.calcite-mode-dark{--calcite-tooltip-background-color: var(--arcgis-toolbar-tooltip-dark-background-color);--calcite-tooltip-border-color: var(--arcgis-toolbar-tooltip-dark-border-color);--calcite-tooltip-text-color: var(--arcgis-toolbar-tooltip-dark-text-color)}:host([toolbar-kind="floating"][layout="vertical"]) .toolbar-shadow-wrapper{overflow-y:auto}:host([toolbar-kind="floating"][layout="horizontal"]) .toolbar-shadow-wrapper{overflow-x:auto}.toolbar-grid-wrapper{display:grid;max-inline-size:100%;max-block-size:100%;min-inline-size:0;min-block-size:0}:host([layout="horizontal"]) .toolbar-grid-wrapper{grid-template-columns:minmax(0,1fr)}:host([layout="vertical"]) .toolbar-grid-wrapper{grid-template-rows:minmax(0,1fr)}:host([toolbar-kind="floating"]) .toolbar-shadow-wrapper{box-shadow:var(--calcite-shadow-md);background-color:var(--calcite-action-bar-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-action-bar-corner-radius, var(--calcite-corner-radius-round));min-inline-size:0;min-block-size:0}`;
 export {

package/dist/chunks/types.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 const e = {
   ForceCollapse: 0,
   Default: 1,

package/dist/chunks/useT9n.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { makeT9nController as o } from "@arcgis/lumina/controllers";
 import { g as t } from "./runtime.js";
 const s = o(t);

package/dist/chunks/utils.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { L as n } from "./types.js";
 const d = {
   groupSeparator: 1,

package/dist/chunks/utils2.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { W as i } from "./utils.js";
 function s({ scale: t }) {
   return i.action[t] + i.actionPadding[t];

package/dist/chunks/utils3.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 function d(e, t) {
   return e.disabled !== t.disabled ? e.disabled ? 1 : -1 : (t.lastActivated?.getTime() ?? 0) - (e.lastActivated?.getTime() ?? 0);
 }

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { g as fB, c as kB } from "../../chunks/runtime.js";
 import { LitElement as bB, createEvent as ei, noShadowRoot as wB, nothing as _B } from "@arcgis/lumina";
 import { createRef as AB, ref as CB } from "lit/directives/ref.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/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, nothing as c, safeClassMap as e } from "@arcgis/lumina";

package/dist/components/arcgis-color-input/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as n } from "lit/directives/keyed.js";
 import { LitElement as u, createEvent as i } from "@arcgis/lumina";

package/dist/components/arcgis-coordinate-system-picker/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as i } from "../../chunks/runtime.js";
 import { css as s, html as n } from "lit";
 import { createRef as r, ref as A } from "lit/directives/ref.js";

package/dist/components/arcgis-coordinate-system-picker-tree/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { keyed as n } from "lit/directives/keyed.js";
 import { LitElement as h, createEvent as l, nothing as m } from "@arcgis/lumina";

package/dist/components/arcgis-field-info/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as H } from "../../chunks/runtime.js";
 import { keyed as $ } from "lit/directives/keyed.js";
 import { ref as b } from "lit/directives/ref.js";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as b } from "../../chunks/runtime.js";
 import { keyed as v } from "lit/directives/keyed.js";
 import { repeat as y } from "lit/directives/repeat.js";

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

@@ -263,6 +263,14 @@ export abstract class ArcgisHistogram extends LitElement {
    * ```
    */
   accessor min: number | undefined;
+  /**
+   * When `true`, the histogram will display bins from high to low. If [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout) is `"vertical"`, histogram bars
+   * will grow from right to left instead.
+   *
+   * @default false
+   * @see [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#layout)
+   */
+  accessor mirrored: boolean;
   /**
    * The statistical standard deviation of the data in the histogram. You would typically
    * get this value from the `stddev` property of

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

@@ -1,202 +1,207 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-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 F, nothing as h, safeStyleMap as x, safeClassMap as I } from "@arcgis/lumina";
-import { css as O, html as y, svg as d } from "lit";
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import { c as k } from "../../chunks/runtime.js";
+import { u as E } from "../../chunks/useT9n.js";
+import { substitute as F } from "@arcgis/core/intl.js";
+import { LitElement as I, nothing as u, safeStyleMap as w, safeClassMap as z } from "@arcgis/lumina";
+import { css as O, html as D, svg as d } from "lit";
 import { a as R } from "../../chunks/locale.js";
-const z = O`: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;width:100%;height:100%}.svg{display:block;width:100%;height:100%;overflow:visible}.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, i, n, e, r) {
-  const [s, a] = r;
-  if (!t || a === 0 || s === 0 || n == null || i == null)
+const S = O`: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;width:100%;height:100%}.svg{display:block;width:100%;height:100%;overflow:visible}.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, r, n, e, i, s) {
+  const [a, o] = i;
+  if (!t || o === 0 || a === 0 || n == null || r == null)
     return null;
-  const o = n - i, l = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / o, [u, g] = e === "vertical" ? [a * l, s] : [a, s * l], p = t ? t.map((m) => m.count) : [], f = Math.max(...p);
+  const l = n - r, h = (t.length > 1 ? t[t.length - 1].maxValue - t[0].minValue : 0) / l, [g, p] = e === "vertical" ? [o * h, a] : [o, a * h], $ = t ? t.map((m) => m.count) : [], f = Math.max(...$);
   return t.map((m) => {
-    const [b, v] = e === "vertical" ? [u / t.length, f !== 0 ? m.count / f * g : 0] : [f !== 0 ? m.count / f * u : 0, g / t.length], { maxValue: C } = m, $ = n - C, [L, _] = e === "vertical" ? [0, $ * (a / o)] : [s - v - $ * (s / o), a - b];
-    return [L, _, v, b];
+    const [b, v] = e === "vertical" ? [g / t.length, f !== 0 ? m.count / f * p : 0] : [f !== 0 ? m.count / f * g : 0, p / t.length], { maxValue: _ } = m, y = n - _;
+    let [x, M] = e === "vertical" ? [0, y * (o / l)] : [a - v - y * (a / l), o - b];
+    return s && (x = a - x - v), [x, M, v, b];
   });
 }
-function B(t, i, n, e, r, s) {
-  if (e === void 0 || r === void 0)
+function N(t, r, n, e, i, s) {
+  if (e === void 0 || i === void 0)
     return [];
   const a = [];
   return t != null && a.push({
     value: t,
     symbol: "x̄",
     lineClass: "average-data-line"
-  }), i != null && e != null && r != null && a.push(
-    ...G(e, r, i, n, t)
-  ), s && a.push(...s), a.filter(({ value: o }) => o >= e && o <= r);
+  }), r != null && e != null && i != null && a.push(
+    ...Y(e, i, r, n, t)
+  ), s && a.push(...s), a.filter(({ value: o }) => o >= e && o <= i);
 }
-function N(t, i, n, e, r) {
+function P(t, r, n, e, i, s) {
   if (n == null)
     return [0, 0, 0, 0];
-  const s = Math.round((r - n) / e * 100) / 100, [a, o] = t;
-  if (i === "vertical") {
-    let l = o - s * o || 1;
-    return l = Math.round(l) + 0.5, [0, "100%", l, l];
+  let a = Math.round((i - n) / e * 100) / 100;
+  s && r === "horizontal" && (a = 1 - a);
+  const [o, l] = t;
+  if (r === "vertical") {
+    let h = l - a * l || 1;
+    return h = Math.round(h) + 0.5, [0, "100%", h, h];
   }
-  let c = s * a || 1;
+  let c = a * o || 1;
   return c = Math.round(c) + 0.5, [c, c, "100%", 0];
 }
-function P(t, i, n, e, r) {
+function T(t, r, n, e, i, s) {
   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];
+  let a = Math.round((i - n) / e * 100) / 100;
+  s && r === "horizontal" && (a = 1 - a);
+  const [o, l] = t;
+  return s && r === "vertical" ? [0, l - a * l] : r === "vertical" ? [o, l - a * l] : [0, a * o];
 }
-function T(t, i, n) {
+function A(t, r, n) {
   if (!t || t.length === 0)
     return null;
-  if (V(t)) {
-    const e = t.map((r) => ({
-      ...r,
-      color: w(r.color ?? n)
+  if (L(t)) {
+    const e = t.map((i) => ({
+      ...i,
+      color: V(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: w(e.color ?? n)
+      color: V(e.color ?? n)
     }));
 }
-function A(t, i, n, e) {
+function H(t, r, n, e) {
   if (!t || t.length === 0)
     return n;
-  if (V(t)) {
-    const r = H(t, i);
-    if (r.length === 0)
+  if (L(t)) {
+    const i = W(t, r);
+    if (i.length === 0)
       return n;
     if (e) {
-      const { color: s = n, weight: a } = r[0], { color: o = n, weight: c } = r[1] ?? r[0], l = a + c;
-      return `color-mix(in srgb, ${s} ${a / l * 100}%, ${o} ${c / l * 100}%)`;
+      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 W(t, i);
+  return G(t, r);
 }
-function H(t, i) {
+function W(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 W(t, i) {
-  const n = (i.maxValue - i.minValue) / 2 + i.minValue;
+function G(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 V(t) {
+function L(t) {
   return t[0] != null && "minValue" in t[0];
 }
-function w(t) {
+function V(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 G(t, i, n, e, r) {
-  const s = 0.06 * (i - t);
-  return Y(n, e, r).map((a, o, c) => {
-    const l = c.length / 2, u = a > r ? "+" : "-", g = o >= l ? o - l + 1 : l - o;
+function Y(t, r, n, e, i) {
+  const s = 0.06 * (r - t);
+  return U(n, e, i).map((a, o, l) => {
+    const c = l.length / 2, h = a > i ? "+" : "-", g = o >= c ? o - c + 1 : c - o;
     return {
-      symbol: `${u}${g === 1 ? "" : g}σ`,
+      symbol: `${h}${g === 1 ? "" : g}σ`,
       value: a
     };
-  }).filter(({ value: a }) => Math.abs(r - a) > s);
+  }).filter(({ value: a }) => Math.abs(i - a) > s);
 }
-function Y(t, i, n) {
+function U(t, r, n) {
   if (n == null || t == null)
     return [];
-  const e = i, r = [];
+  const e = r, i = [];
   for (let s = e * -1; s <= e; s++)
-    s !== 0 && r.push(n + s * t);
-  return r;
+    s !== 0 && i.push(n + s * t);
+  return i;
 }
-const D = "var(--arcgis-histogram-bar-color)", U = "var(--arcgis-histogram-stop-color)";
-class j extends F {
+const C = "var(--arcgis-histogram-bar-color)", j = "var(--arcgis-histogram-stop-color)";
+class q extends I {
   constructor() {
-    super(...arguments), this._messages = k(), this._normalizedStops = null, this.#t = (i, n) => {
-      const e = (r) => R(this._messages._lang, this._numberFormatterOptions).format(r);
-      return this.labelFormatter?.(i, n, e) ?? e(i);
+    super(...arguments), this._messages = E(), this._normalizedStops = null, this.#t = (r, n) => {
+      const e = (i) => R(this._messages._lang, this._numberFormatterOptions).format(i);
+      return this.labelFormatter?.(r, n, e) ?? e(r);
     }, this._numberFormatterOptions = {
       maximumFractionDigits: 2
-    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.colorBlendingEnabled = !1, this.standardDeviationCount = 1;
+    }, this.containerDimensions = [0, 0], this.icon = "graph-histogram", this.layout = "horizontal", this.mirrored = !1, this.colorBlendingEnabled = !1, this.standardDeviationCount = 1;
   }
   static {
-    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, labelFormatter: 0, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, colorBlendingEnabled: 5, standardDeviationCount: 9 };
+    this.properties = { containerDimensions: 16, colorStops: 0, icon: 3, labelFormatter: 0, average: 11, messageOverrides: 0, standardDeviation: 11, bins: 0, dataLines: 0, label: 1, layout: 3, max: 11, min: 11, mirrored: 7, colorBlendingEnabled: 5, standardDeviationCount: 9 };
   }
   static {
-    this.styles = z;
+    this.styles = S;
   }
   #t;
   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 = T(this.colorStops, D, U));
+  willUpdate(r) {
+    r.has("colorStops") && (this._normalizedStops = A(this.colorStops, C, j));
   }
   render() {
-    const { label: i } = this;
-    return y`<div role=img .ariaLabel=${i ?? void 0} class="content">${this._renderContent()}</div>`;
+    const { label: r } = this;
+    return D`<div role=img .ariaLabel=${r ?? void 0} class="content">${this._renderContent()}</div>`;
   }
   _renderContent() {
-    const { containerDimensions: [i, n] } = this, e = "bg-fill", r = i ? [
-      d`<defs><clipPath id=${e}><rect height=${n ?? h} width=${i ?? h} x=0 y=0 /></clipPath></defs>`,
-      d`<g style=${x({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
+    const { containerDimensions: [r, n] } = this, e = "bg-fill", i = r ? [
+      d`<defs><clipPath id=${e}><rect height=${n ?? u} width=${r ?? u} x=0 y=0 /></clipPath></defs>`,
+      d`<g style=${w({ clipPath: `url(#${e})` })}><g>${this._renderBars()}</g></g>`,
       d`<g>${this._renderLines()}</g>`
     ] : [];
-    return y`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${r}</svg>`;
+    return D`<svg class="svg" xmlns=http://www.w3.org/2000/svg>${i}</svg>`;
   }
   _renderBars() {
-    const { bins: i, _messages: n } = this, e = S(this.bins, this.min, this.max, this.layout, this.containerDimensions);
-    return !e || !i ? null : e.map((r, s) => {
-      const [a, o, c, l] = r, u = i[s], g = n?.barLabel ? E(n.barLabel, u) : "";
-      return d`<rect style=${x({
-        fill: A(this._normalizedStops, u, D, this.colorBlendingEnabled)
-      })} .ariaLabel=${g} data-index=${s ?? h} height=${l ?? h} role=img shape-rendering=crispEdges stroke-width=0 width=${c ?? h} x=${a ?? h} y=${o ?? h} />`;
+    const { bins: r, _messages: n } = this, e = B(this.bins, this.min, this.max, this.layout, this.containerDimensions, this.mirrored);
+    return !e || !r ? null : e.map((i, s) => {
+      const [a, o, l, c] = i, h = r[s], g = n?.barLabel ? F(n.barLabel, h) : "";
+      return d`<rect style=${w({
+        fill: H(this._normalizedStops, h, C, this.colorBlendingEnabled)
+      })} .ariaLabel=${g} data-index=${s ?? u} height=${c ?? u} role=img shape-rendering=crispEdges stroke-width=0 width=${l ?? u} x=${a ?? u} y=${o ?? u} />`;
     });
   }
   _renderLines() {
-    return B(this.average, this.standardDeviation, this.standardDeviationCount, 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.#t }));
+    return N(this.average, this.standardDeviation, this.standardDeviationCount, 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.#t, mirrored: this.mirrored }));
   }
 }
-const q = (t) => {
-  const { containerDimensions: i, layout: n, min: e, max: r, dataLine: s, labelFormatter: a } = t, o = r != null && e != null ? r - e : 0, [c, l, u, g] = N(i, n, e, o, s.value), [p, f] = P(i, n, e, o, s.value), m = "symbol" in s ? [
+const J = (t) => {
+  const { containerDimensions: r, layout: n, min: e, max: i, dataLine: s, labelFormatter: a, mirrored: o } = t, l = i != null && e != null ? i - e : 0, [c, h, g, p] = P(r, n, e, l, s.value, o), [$, f] = T(r, n, e, l, s.value, o), m = "symbol" in s ? [
     d`<tspan class="data-line-symbol">${s.symbol}</tspan>`,
     d`<tspan>${a(s.value, s.lineClass === "average-data-line" ? "average" : "standard-deviation")}</tspan>`
   ] : s.label, b = "lineClass" in s && s.lineClass ? s.lineClass : "data-line";
-  return d`<g><title>${s.value}</title><line class=${I(b)} shape-rendering=crispEdges x1=${c ?? h} x2=${l ?? h} y1=${u ?? h} y2=${g ?? h} /><text class="label" text-anchor=end transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? h} x=${p ?? h} y=${f - 2}>${m}</text></g>`;
+  return d`<g><title>${s.value}</title><line class=${z(b)} shape-rendering=crispEdges x1=${c ?? u} x2=${h ?? u} y1=${g ?? u} y2=${p ?? u} /><text class="label" text-anchor=${o && n === "vertical" ? "start" : "end"} transform=${(n === "horizontal" ? "rotate(270)" : void 0) ?? u} x=${$ ?? u} y=${f - 2}>${m}</text></g>`;
 };
-M("arcgis-histogram", j);
+k("arcgis-histogram", q);
 export {
-  j as ArcgisHistogram
+  q as ArcgisHistogram
 };

package/dist/components/arcgis-label-input/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as r } from "../../chunks/runtime.js";
 import { formatNumber as o } from "@arcgis/core/intl.js";
 import { LitElement as u, createEvent as c, safeClassMap as h } from "@arcgis/lumina";

package/dist/components/arcgis-picker-input/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as n } from "../../chunks/runtime.js";
 import { css as l, html as o } from "lit";
 import { LitElement as a, createEvent as i, safeStyleMap as r } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 import w from "@arcgis/core/Color.js";
 import { LitElement as x, nothing as u, safeClassMap as C } from "@arcgis/lumina";

package/dist/components/arcgis-ramp-color-break/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as l } from "../../chunks/runtime.js";
 import { LitElement as m } from "@arcgis/lumina";
 import { css as p, html as c } from "lit";

package/dist/components/arcgis-ramp-opacity/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import t from "@arcgis/core/Color.js";
 import { LitElement as e } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as ee } from "../../chunks/runtime.js";
 import { keyed as te } from "lit/directives/keyed.js";
 import { LitElement as ae, createEvent as M, safeClassMap as T, safeStyleMap as F, nothing as E } from "@arcgis/lumina";

package/dist/components/arcgis-slider-field/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as m } from "../../chunks/runtime.js";
 import { LitElement as u, createEvent as n } from "@arcgis/lumina";
 import { css as g, html as c } from "lit";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c } from "../../chunks/runtime.js";
 import { sqlName as p, sqlLiteral as b } from "@arcgis/core/core/sql.js";
 import { LitElement as v, createEvent as d, safeStyleMap as f } from "@arcgis/lumina";

package/dist/components/arcgis-slider-input/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { css as m, html as o } from "lit";
 import { LitElement as b, createEvent as p } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as M } from "../../chunks/runtime.js";
 import { css as C, html as h } from "lit";
 import { LitElement as F, createEvent as L, safeClassMap as o, nothing as y, safeStyleMap as m } from "@arcgis/lumina";

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

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { ref as l } from "lit/directives/ref.js";
 import { html as c } from "lit";

package/dist/components/arcgis-toolbar-action/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { ref as u } from "lit/directives/ref.js";
 import { css as g, html as o } from "lit";

package/dist/components/arcgis-toolbar-group/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { html as p } from "lit";
 import { LitElement as u, nothing as h } from "@arcgis/lumina";

package/dist/components/arcgis-toolbar-item/customElement.js

@@ -1,4 +1,4 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
 import { html as n } from "lit";
 import { ref as $ } from "lit/directives/ref.js";