@agrotools1/at-components 0.2.5 → 0.2.8-5

package/dist/calcite-select-a936a6d4.js

@@ -0,0 +1,231 @@
+import { aV as d, aW as h, dD as m, aT as n, aX as p } from "./index-a450f76b.js";
+import { f as u } from "./dom-b589b728.js";
+import { c as f, d as v, a as b, H as g } from "./form-81637afc.js";
+import { c as E, d as C, u as x, I as w } from "./interactive-1bfa32d8.js";
+import { c as I, d as y, g as S } from "./label2-1ab25f27.js";
+import { s as N, a as z, c as T } from "./loadable-11e952cf.js";
+import { c as k } from "./observers-7ebedc04.js";
+import { g as O } from "./component-51a10bc0.js";
+import { d as A, V as L } from "./input-message-c606a089.js";
+import { d as H } from "./icon-422742c4.js";
+import "vue";
+import "./guid-5ee54248.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const c = {
+  icon: "icon",
+  iconContainer: "icon-container",
+  select: "select",
+  wrapper: "wrapper"
+}, F = `:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale=s]) .wrapper{block-size:1.5rem}:host([scale=s]) .icon-container{padding-inline:0.5rem}:host([scale=m]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale=m]) .wrapper{block-size:2rem}:host([scale=m]) .icon-container{padding-inline:0.75rem}:host([scale=l]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale=l]) .wrapper{block-size:44px}:host([scale=l]) .icon-container{padding-inline:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}.select:hover{background-color:var(--calcite-color-foreground-2)}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}:host([status=invalid]) select,:host([status=invalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) select:focus,:host([status=invalid]) .icon-container:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}.select:focus~.icon-container{border-color:transparent}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}`;
+function l(s) {
+  return s.tagName === "CALCITE-OPTION";
+}
+function q(s) {
+  return s.tagName === "CALCITE-OPTION-GROUP";
+}
+const o = /* @__PURE__ */ d(class extends h {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteSelectChange = m(this, "calciteSelectChange", 6), this.componentToNativeEl = /* @__PURE__ */ new Map(), this.mutationObserver = k("mutation", () => this.populateInternalSelect()), this.handleInternalSelectChange = () => {
+      const e = this.selectEl.selectedOptions[0];
+      this.selectFromNativeOption(e), requestAnimationFrame(() => this.emitChangeEvent());
+    }, this.populateInternalSelect = () => {
+      const e = Array.from(this.el.children).filter((t) => t.tagName === "CALCITE-OPTION" || t.tagName === "CALCITE-OPTION-GROUP");
+      this.clearInternalSelect(), e.forEach((t) => {
+        var i;
+        return (i = this.selectEl) == null ? void 0 : i.append(this.toNativeElement(t));
+      });
+    }, this.storeSelectRef = (e) => {
+      this.selectEl = e, this.populateInternalSelect();
+      const t = this.selectEl.selectedOptions[0];
+      this.selectFromNativeOption(t);
+    }, this.emitChangeEvent = () => {
+      this.calciteSelectChange.emit();
+    }, this.disabled = !1, this.form = void 0, this.label = void 0, this.validationMessage = void 0, this.validationIcon = void 0, this.name = void 0, this.required = !1, this.scale = "m", this.status = "idle", this.value = null, this.selectedOption = void 0, this.width = "auto";
+  }
+  valueHandler(e) {
+    this.el.querySelectorAll("calcite-option").forEach((i) => i.selected = i.value === e);
+  }
+  selectedOptionHandler(e) {
+    this.value = e == null ? void 0 : e.value;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var t;
+    const { el: e } = this;
+    (t = this.mutationObserver) == null || t.observe(e, {
+      subtree: !0,
+      childList: !0
+    }), E(this), I(this), f(this);
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.mutationObserver) == null || e.disconnect(), C(this), y(this), v(this);
+  }
+  componentWillLoad() {
+    N(this);
+  }
+  componentDidLoad() {
+    var e;
+    z(this), b(this, ((e = this.selectedOption) == null ? void 0 : e.value) ?? "");
+  }
+  componentDidRender() {
+    x(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    await T(this), u(this.selectEl);
+  }
+  handleOptionOrGroupChange(e) {
+    e.stopPropagation();
+    const t = e.target, i = this.componentToNativeEl.get(t);
+    i && (this.updateNativeElement(t, i), l(t) && t.selected && (this.deselectAllExcept(t), this.selectedOption = t));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
+  updateNativeElement(e, t) {
+    if (t.disabled = e.disabled, t.label = e.label, l(e)) {
+      const i = t;
+      i.selected = e.selected, i.value = e.value, i.innerText = e.label;
+    }
+  }
+  clearInternalSelect() {
+    this.componentToNativeEl.forEach((e) => e.remove()), this.componentToNativeEl.clear();
+  }
+  selectFromNativeOption(e) {
+    if (!e)
+      return;
+    let t;
+    this.componentToNativeEl.forEach((i, a) => {
+      l(a) && i === e && (a.selected = !0, t = a, this.deselectAllExcept(a));
+    }), t && (this.selectedOption = t);
+  }
+  toNativeElement(e) {
+    if (l(e)) {
+      const t = document.createElement("option");
+      return this.updateNativeElement(e, t), this.componentToNativeEl.set(e, t), t;
+    }
+    if (q(e)) {
+      const t = document.createElement("optgroup");
+      return this.updateNativeElement(e, t), Array.from(e.children).forEach((i) => {
+        const a = this.toNativeElement(i);
+        t.append(a), this.componentToNativeEl.set(e, a);
+      }), this.componentToNativeEl.set(e, t), t;
+    }
+    throw new Error("unsupported element child provided");
+  }
+  deselectAllExcept(e) {
+    this.el.querySelectorAll("calcite-option").forEach((t) => {
+      t !== e && (t.selected = !1);
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  //--------------------------------------------------------------------------
+  renderChevron() {
+    return n("div", { class: c.iconContainer }, n("calcite-icon", { class: c.icon, icon: "chevron-down", scale: O(this.scale) }));
+  }
+  render() {
+    const { disabled: e } = this;
+    return n(p, null, n(w, { disabled: e }, n("div", { class: c.wrapper }, n("select", {
+      "aria-label": S(this),
+      class: c.select,
+      disabled: e,
+      onChange: this.handleInternalSelectChange,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.storeSelectRef
+    }, n("slot", null)), this.renderChevron(), n(g, { component: this })), this.validationMessage && this.status === "invalid" ? n(L, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status }) : null));
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      value: ["valueHandler"],
+      selectedOption: ["selectedOptionHandler"]
+    };
+  }
+  static get style() {
+    return F;
+  }
+}, [1, "calcite-select", {
+  disabled: [516],
+  form: [513],
+  label: [1],
+  validationMessage: [1, "validation-message"],
+  validationIcon: [520, "validation-icon"],
+  name: [513],
+  required: [516],
+  scale: [513],
+  status: [513],
+  value: [1025],
+  selectedOption: [1040],
+  width: [513],
+  setFocus: [64]
+}, [[0, "calciteInternalOptionChange", "handleOptionOrGroupChange"], [0, "calciteInternalOptionGroupChange", "handleOptionOrGroupChange"]], {
+  value: ["valueHandler"],
+  selectedOption: ["selectedOptionHandler"]
+}]);
+function r() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-select", "calcite-icon", "calcite-input-message"].forEach((e) => {
+    switch (e) {
+      case "calcite-select":
+        customElements.get(e) || customElements.define(e, o);
+        break;
+      case "calcite-icon":
+        customElements.get(e) || H();
+        break;
+      case "calcite-input-message":
+        customElements.get(e) || A();
+        break;
+    }
+  });
+}
+r();
+const K = o, Q = r;
+export {
+  K as CalciteSelect,
+  Q as defineCustomElement
+};

package/dist/capabilities-eb05cd14.js

@@ -0,0 +1,50 @@
+import { e as s, y as p, bw as u, c as a, cf as i } from "./index-a450f76b.js";
+import { d as l, l as d } from "./TimeInfo-48493242.js";
+const m = (n) => {
+  let e = class extends n {
+    get timeInfo() {
+      var r;
+      const t = (r = this.associatedLayer) == null ? void 0 : r.timeInfo;
+      if (t == null)
+        return t;
+      const o = t.clone();
+      return i(o, this.fieldsIndex), o;
+    }
+    set timeInfo(t) {
+      i(t, this.fieldsIndex), this._override("timeInfo", t);
+    }
+    get timeExtent() {
+      var t;
+      return (t = this.associatedLayer) == null ? void 0 : t.timeExtent;
+    }
+    set timeExtent(t) {
+      this._override("timeExtent", t);
+    }
+    get timeOffset() {
+      var t;
+      return (t = this.associatedLayer) == null ? void 0 : t.timeOffset;
+    }
+    set timeOffset(t) {
+      this._override("timeOffset", t);
+    }
+    get useViewTime() {
+      var t;
+      return ((t = this.associatedLayer) == null ? void 0 : t.useViewTime) ?? !0;
+    }
+    set useViewTime(t) {
+      this._override("useViewTime", t);
+    }
+    get datesInUnknownTimezone() {
+      var t;
+      return ((t = this.associatedLayer) == null ? void 0 : t.datesInUnknownTimezone) ?? !1;
+    }
+    set datesInUnknownTimezone(t) {
+      this._override("datesInUnknownTimezone", t);
+    }
+  };
+  return s([p({ type: l })], e.prototype, "timeInfo", null), s([p({ type: u })], e.prototype, "timeExtent", null), s([p({ type: d })], e.prototype, "timeOffset", null), s([p({ type: Boolean, nonNullable: !0 })], e.prototype, "useViewTime", null), s([p({ type: Boolean, nonNullable: !0 })], e.prototype, "datesInUnknownTimezone", null), e = s([a("esri.layers.mixins.TemporalSceneLayer")], e), e;
+}, h = { analytics: { supportsCacheHint: !1 }, attachment: { supportsContentType: !1, supportsExifInfo: !1, supportsKeywords: !1, supportsName: !1, supportsSize: !1, supportsCacheHint: !1, supportsResize: !1 }, data: { isVersioned: !1, supportsAttachment: !1, supportsM: !1, supportsZ: !1 }, editing: { supportsDeleteByAnonymous: !1, supportsDeleteByOthers: !1, supportsGeometryUpdate: !1, supportsGlobalId: !1, supportsReturnServiceEditsInSourceSpatialReference: !1, supportsRollbackOnFailure: !1, supportsUpdateByAnonymous: !1, supportsUpdateByOthers: !1, supportsUpdateWithoutM: !1, supportsUploadWithItemId: !1, supportsAsyncApplyEdits: !1, zDefault: void 0 }, metadata: { supportsAdvancedFieldProperties: !1 }, operations: { supportsCalculate: !1, supportsTruncate: !1, supportsValidateSql: !1, supportsAdd: !1, supportsDelete: !1, supportsEditing: !1, supportsChangeTracking: !1, supportsQuery: !1, supportsQueryAnalytics: !1, supportsQueryAttachments: !1, supportsQueryTopFeatures: !1, supportsResizeAttachments: !1, supportsSync: !1, supportsUpdate: !1, supportsExceedsLimitStatistics: !1, supportsAsyncConvert3D: !1 }, queryRelated: { supportsCount: !1, supportsOrderBy: !1, supportsPagination: !1, supportsCacheHint: !1 }, queryTopFeatures: { supportsCacheHint: !1 }, query: { maxRecordCount: 0, maxRecordCountFactor: 0, standardMaxRecordCount: 0, supportsCacheHint: !1, supportsCentroid: !1, supportsCompactGeometry: !1, supportsDefaultSpatialReference: !1, supportsFullTextSearch: !1, supportsDisjointSpatialRelationship: !1, supportsDistance: !1, supportsDistinct: !1, supportsExtent: !1, supportsFormatPBF: !1, supportsGeometryProperties: !1, supportsHavingClause: !1, supportsHistoricMoment: !1, supportsMaxRecordCountFactor: !1, supportsOrderBy: !1, supportsPagination: !1, supportsPercentileStatistics: !1, supportsQuantization: !1, supportsQuantizationEditMode: !1, supportsQueryByAnonymous: !1, supportsQueryByOthers: !1, supportsQueryGeometry: !1, supportsResultType: !1, supportsSqlExpression: !1, supportsStandardizedQueriesOnly: !1, supportsTopFeaturesQuery: !1, supportsSpatialAggregationStatistics: !1, supportedSpatialAggregationStatistics: { envelope: !1, centroid: !1, convexHull: !1 }, supportsStatistics: !1, tileMaxRecordCount: 0 } };
+export {
+  m,
+  h as s
+};

package/dist/chartCommon-af447b81.js

@@ -0,0 +1,256 @@
+import { an as X, a3 as s, a6 as P, h as T, w as x, r as A, a as f, i as H, ak as S, b as R, aE as B, C as b, K as M } from "./Theme-a0c472c9.js";
+import { n as L, o as k } from "./Button-312c8286.js";
+import { u as F } from "./Tooltip-9ecc3c9d.js";
+import { s as K } from "./ColorSet-59641c11.js";
+import "./index-a450f76b.js";
+import "vue";
+class G extends X {
+  setupDefaultRules() {
+    super.setupDefaultRules(), this.rule("InterfaceColors").setAll({ stroke: s.fromHex(0), fill: s.fromHex(2829099), primaryButton: s.lighten(s.fromHex(6788316), -0.2), primaryButtonHover: s.lighten(s.fromHex(6779356), -0.2), primaryButtonDown: s.lighten(s.fromHex(6872181), -0.2), primaryButtonActive: s.lighten(s.fromHex(6872182), -0.2), primaryButtonText: s.fromHex(16777215), primaryButtonStroke: s.lighten(s.fromHex(6788316), -0.2), secondaryButton: s.fromHex(3881787), secondaryButtonHover: s.lighten(s.fromHex(3881787), 0.1), secondaryButtonDown: s.lighten(s.fromHex(3881787), 0.15), secondaryButtonActive: s.lighten(s.fromHex(3881787), 0.2), secondaryButtonText: s.fromHex(12303291), secondaryButtonStroke: s.lighten(s.fromHex(3881787), -0.2), grid: s.fromHex(12303291), background: s.fromHex(0), alternativeBackground: s.fromHex(16777215), text: s.fromHex(16777215), alternativeText: s.fromHex(0), disabled: s.fromHex(11382189), positive: s.fromHex(5288704), negative: s.fromHex(11730944) });
+  }
+}
+class e extends X {
+  constructor(t, i) {
+    super(t, i), Object.defineProperty(this, "_dp", { enumerable: !0, configurable: !0, writable: !0, value: void 0 }), Object.defineProperty(this, "responsiveRules", { enumerable: !0, configurable: !0, writable: !0, value: [] }), this._dp = new P([this._root._rootContainer.onPrivate("width", (n) => {
+      this._isUsed() && this._maybeApplyRules();
+    }), this._root._rootContainer.onPrivate("height", (n) => {
+      this._isUsed() && this._maybeApplyRules();
+    })]);
+  }
+  static widthXXS(t, i) {
+    return t <= e.XXS;
+  }
+  static widthXS(t, i) {
+    return t <= e.XS;
+  }
+  static widthS(t, i) {
+    return t <= e.S;
+  }
+  static widthM(t, i) {
+    return t <= e.M;
+  }
+  static widthL(t, i) {
+    return t <= e.L;
+  }
+  static widthXL(t, i) {
+    return t <= e.XL;
+  }
+  static widthXXL(t, i) {
+    return t <= e.XXL;
+  }
+  static heightXXS(t, i) {
+    return i <= e.XXS;
+  }
+  static heightXS(t, i) {
+    return i <= e.XS;
+  }
+  static heightS(t, i) {
+    return i <= e.S;
+  }
+  static heightM(t, i) {
+    return i <= e.M;
+  }
+  static heightL(t, i) {
+    return i <= e.L;
+  }
+  static heightXL(t, i) {
+    return i <= e.XL;
+  }
+  static heightXXL(t, i) {
+    return i <= e.XXL;
+  }
+  static isXXS(t, i) {
+    return t <= e.XXS && i <= e.XXS;
+  }
+  static isXS(t, i) {
+    return t <= e.XS && i <= e.XS;
+  }
+  static isS(t, i) {
+    return t <= e.S && i <= e.S;
+  }
+  static isM(t, i) {
+    return t <= e.M && i <= e.M;
+  }
+  static isL(t, i) {
+    return t <= e.L && i <= e.L;
+  }
+  static isXL(t, i) {
+    return t <= e.XL && i <= e.XL;
+  }
+  static isXXL(t, i) {
+    return t <= e.XXL && i <= e.XXL;
+  }
+  static maybeXXS(t, i) {
+    return t <= e.XXS || i <= e.XXS;
+  }
+  static maybeXS(t, i) {
+    return t <= e.XS || i <= e.XS;
+  }
+  static maybeS(t, i) {
+    return t <= e.S || i <= e.S;
+  }
+  static maybeM(t, i) {
+    return t <= e.M || i <= e.M;
+  }
+  static maybeL(t, i) {
+    return t <= e.L || i <= e.L;
+  }
+  static maybeXL(t, i) {
+    return t <= e.XL || i <= e.XL;
+  }
+  static maybeXXL(t, i) {
+    return t <= e.XXL || i <= e.XXL;
+  }
+  static newEmpty(t) {
+    return new this(t, !0);
+  }
+  addRule(t) {
+    return t.name && !t.template && (t.template = this.rule(t.name, t.tags)), this.responsiveRules.push(t), this._maybeApplyRule(t), t;
+  }
+  removeRule(t) {
+    T(this.responsiveRules, t);
+  }
+  dispose() {
+    this._dp && this._dp.dispose();
+  }
+  _isUsed() {
+    return this._root._rootContainer.get("themes").indexOf(this) !== -1;
+  }
+  _maybeApplyRules() {
+    x(this.responsiveRules, (t) => {
+      this._maybeUnapplyRule(t);
+    }), x(this.responsiveRules, (t) => {
+      this._maybeApplyRule(t);
+    });
+  }
+  _maybeApplyRule(t) {
+    if (t.applied)
+      return;
+    const i = this._root._rootContainer.getPrivate("width"), n = this._root._rootContainer.getPrivate("height");
+    t.relevant.call(t, i, n) && (t.applied = !0, t.template && t.settings && t.template.setAll(t.settings), t.applying && t.applying.call(t));
+  }
+  _maybeUnapplyRule(t) {
+    if (!t.applied)
+      return;
+    const i = this._root._rootContainer.getPrivate("width"), n = this._root._rootContainer.getPrivate("height");
+    t.relevant.call(t, i, n) || (t.applied = !1, t.template && t.template.removeAll(), t.removing && t.removing.call(t));
+  }
+  setupDefaultRules() {
+    super.setupDefaultRules();
+    const t = (i) => this.addRule(i);
+    t({ name: "Chart", relevant: e.widthXXS, settings: { paddingLeft: 0, paddingRight: 0 } }), t({ name: "Chart", relevant: e.heightXXS, settings: { paddingTop: 0, paddingBottom: 0 } }), t({ name: "Bullet", relevant: e.isXS, settings: { forceHidden: !0 } }), t({ name: "Legend", relevant: e.isXS, settings: { forceHidden: !0 } }), t({ name: "HeatLegend", tags: ["vertical"], relevant: e.widthXS, settings: { forceHidden: !0 } }), t({ name: "HeatLegend", tags: ["horizontal"], relevant: e.heightXS, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["heatlegend", "start"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["heatlegend", "end"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "Button", tags: ["resize"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "AxisRendererX", relevant: e.heightXS, settings: { inside: !0 } }), t({ name: "AxisRendererY", relevant: e.widthXS, settings: { inside: !0 } }), t({ name: "AxisRendererXLabel", relevant: e.heightXS, settings: { minPosition: 0.1, maxPosition: 0.9 } }), t({ name: "AxisLabel", tags: ["y"], relevant: e.widthXS, settings: { centerY: A, maxPosition: 0.9 } }), t({ name: "AxisLabel", tags: ["x"], relevant: e.heightXXS, settings: { forceHidden: !0 } }), t({ name: "AxisLabel", tags: ["x", "minor"], relevant: e.widthXXL, settings: { forceHidden: !0 } }), t({ name: "AxisLabel", tags: ["y"], relevant: e.widthXXS, settings: { forceHidden: !0 } }), t({ name: "AxisLabel", tags: ["y", "minor"], relevant: e.heightXXL, settings: { forceHidden: !0 } }), t({ name: "AxisTick", tags: ["x"], relevant: e.heightXS, settings: { inside: !0, minPosition: 0.1, maxPosition: 0.9 } }), t({ name: "AxisTick", tags: ["y"], relevant: e.widthXXS, settings: { inside: !0, minPosition: 0.1, maxPosition: 0.9 } }), t({ name: "Grid", relevant: e.maybeXXS, settings: { forceHidden: !0 } }), t({ name: "RadialLabel", tags: ["radial"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "RadialLabel", tags: ["circular"], relevant: e.maybeS, settings: { inside: !0 } }), t({ name: "AxisTick", relevant: e.maybeS, settings: { inside: !0 } }), t({ name: "RadialLabel", tags: ["circular"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "AxisTick", tags: ["circular"], relevant: e.maybeXS, settings: { inside: !0 } }), t({ name: "PieChart", relevant: e.maybeXS, settings: { radius: f(99) } }), t({ name: "PieChart", relevant: e.widthM, settings: { radius: f(99) } }), t({ name: "RadialLabel", tags: ["pie"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "RadialLabel", tags: ["pie"], relevant: e.widthM, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pie"], relevant: e.maybeXS, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pie"], relevant: e.widthM, settings: { forceHidden: !0 } }), t({ name: "FunnelSeries", relevant: e.widthM, settings: { alignLabels: !1 } }), t({ name: "Label", tags: ["funnel", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["funnel", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["funnel", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["funnel", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "PyramidSeries", relevant: e.widthM, settings: { alignLabels: !1 } }), t({ name: "Label", tags: ["pyramid", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pyramid", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["pyramid", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pyramid", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "PictorialStackedSeries", relevant: e.widthM, settings: { alignLabels: !1 } }), t({ name: "Label", tags: ["pictorial", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pictorial", "vertical"], relevant: e.widthL, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["pictorial", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "Tick", tags: ["pictorial", "horizontal"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["flow", "horizontal"], relevant: e.widthS, settings: { forceHidden: !0 } }), t({ name: "Label", tags: ["flow", "vertical"], relevant: e.heightS, settings: { forceHidden: !0 } }), t({ name: "Chord", relevant: e.maybeXS, settings: { radius: f(99) } }), t({ name: "Label", tags: ["hierarchy", "node"], relevant: e.maybeXS, settings: { forceHidden: !0 } });
+  }
+}
+Object.defineProperty(e, "XXS", { enumerable: !0, configurable: !0, writable: !0, value: 100 }), Object.defineProperty(e, "XS", { enumerable: !0, configurable: !0, writable: !0, value: 200 }), Object.defineProperty(e, "S", { enumerable: !0, configurable: !0, writable: !0, value: 300 }), Object.defineProperty(e, "M", { enumerable: !0, configurable: !0, writable: !0, value: 400 }), Object.defineProperty(e, "L", { enumerable: !0, configurable: !0, writable: !0, value: 600 }), Object.defineProperty(e, "XL", { enumerable: !0, configurable: !0, writable: !0, value: 800 }), Object.defineProperty(e, "XXL", { enumerable: !0, configurable: !0, writable: !0, value: 1e3 });
+class w extends H {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "thumb", { enumerable: !0, configurable: !0, writable: !0, value: this._makeThumb() }), Object.defineProperty(this, "startGrip", { enumerable: !0, configurable: !0, writable: !0, value: this._makeButton() }), Object.defineProperty(this, "endGrip", { enumerable: !0, configurable: !0, writable: !0, value: this._makeButton() }), Object.defineProperty(this, "_thumbBusy", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "_startDown", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "_endDown", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "_thumbDown", { enumerable: !0, configurable: !0, writable: !0, value: !1 }), Object.defineProperty(this, "_gripDown", { enumerable: !0, configurable: !0, writable: !0, value: void 0 });
+  }
+  _addOrientationClass() {
+    this._settings.themeTags = S(this._settings.themeTags, ["scrollbar", this._settings.orientation]), this._settings.background || (this._settings.background = L.new(this._root, { themeTags: S(this._settings.themeTags, ["main", "background"]) }));
+  }
+  _makeButton() {
+    return this.children.push(k.new(this._root, { themeTags: ["resize", "button", this.get("orientation")], icon: R.new(this._root, { themeTags: ["icon"] }) }));
+  }
+  _makeThumb() {
+    return this.children.push(L.new(this._root, { themeTags: ["thumb", this.get("orientation")] }));
+  }
+  _handleAnimation(t) {
+    t && this._disposers.push(t.events.on("stopped", () => {
+      this.setPrivateRaw("isBusy", !1), this._thumbBusy = !1;
+    }));
+  }
+  _afterNew() {
+    this._addOrientationClass(), super._afterNew();
+    const t = this.startGrip, i = this.endGrip, n = this.thumb, l = this.get("background");
+    l && this._disposers.push(l.events.on("click", (a) => {
+      this.setPrivateRaw("isBusy", !0);
+      const r = this._display.toLocal(a.point), h = this.width(), d = this.height(), u = this.get("orientation");
+      let o, m, g;
+      o = u == "vertical" ? (r.y - n.height() / 2) / d : (r.x - n.width() / 2) / h, u == "vertical" ? (m = o * d, g = "y") : (m = o * h, g = "x");
+      const p = this.get("animationDuration", 0);
+      p > 0 ? (this._thumbBusy = !0, this._handleAnimation(this.thumb.animate({ key: g, to: m, duration: p, easing: this.get("animationEasing") }))) : (this.thumb.set(g, m), this._root.events.once("frameended", () => {
+        this.setPrivateRaw("isBusy", !1);
+      }));
+    })), this._disposers.push(n.events.on("dblclick", (a) => {
+      if (!B(a.originalEvent, this))
+        return;
+      const r = this.get("animationDuration", 0), h = this.get("animationEasing");
+      this.animate({ key: "start", to: 0, duration: r, easing: h }), this.animate({ key: "end", to: 1, duration: r, easing: h });
+    })), this._disposers.push(t.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._startDown = !0, this._gripDown = "start";
+    })), this._disposers.push(i.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._endDown = !0, this._gripDown = "end";
+    })), this._disposers.push(n.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._thumbDown = !0, this._gripDown = void 0;
+    })), this._disposers.push(t.events.on("globalpointerup", () => {
+      this._startDown && this.setPrivateRaw("isBusy", !1), this._startDown = !1;
+    })), this._disposers.push(i.events.on("globalpointerup", () => {
+      this._endDown && this.setPrivateRaw("isBusy", !1), this._endDown = !1;
+    })), this._disposers.push(n.events.on("globalpointerup", () => {
+      this._thumbDown && this.setPrivateRaw("isBusy", !1), this._thumbDown = !1;
+    })), this._disposers.push(t.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(i.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(t.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(i.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(n.events.on("positionchanged", () => {
+      this._updateGripsByThumb();
+    })), this.get("orientation") == "vertical" ? (t.set("x", 0), i.set("x", 0), this._disposers.push(n.adapters.add("y", (a) => Math.max(Math.min(Number(a), this.height() - n.height()), 0))), this._disposers.push(n.adapters.add("x", (a) => this.width() / 2)), this._disposers.push(t.adapters.add("x", (a) => this.width() / 2)), this._disposers.push(i.adapters.add("x", (a) => this.width() / 2)), this._disposers.push(t.adapters.add("y", (a) => Math.max(Math.min(Number(a), this.height()), 0))), this._disposers.push(i.adapters.add("y", (a) => Math.max(Math.min(Number(a), this.height()), 0)))) : (t.set("y", 0), i.set("y", 0), this._disposers.push(n.adapters.add("x", (a) => Math.max(Math.min(Number(a), this.width() - n.width()), 0))), this._disposers.push(n.adapters.add("y", (a) => this.height() / 2)), this._disposers.push(t.adapters.add("y", (a) => this.height() / 2)), this._disposers.push(i.adapters.add("y", (a) => this.height() / 2)), this._disposers.push(t.adapters.add("x", (a) => Math.max(Math.min(Number(a), this.width()), 0))), this._disposers.push(i.adapters.add("x", (a) => Math.max(Math.min(Number(a), this.width()), 0))));
+  }
+  _updateChildren() {
+    super._updateChildren(), (this.isDirty("end") || this.isDirty("start") || this._sizeDirty) && this.updateGrips();
+  }
+  _changed() {
+    if (super._changed(), this.isDirty("start") || this.isDirty("end")) {
+      const t = "rangechanged";
+      this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this, start: this.get("start", 0), end: this.get("end", 1), grip: this._gripDown });
+    }
+  }
+  updateGrips() {
+    const t = this.startGrip, i = this.endGrip, n = this.get("orientation"), l = this.height(), a = this.width();
+    n == "vertical" ? (t.set("y", l * this.get("start", 0)), i.set("y", l * this.get("end", 1))) : (t.set("x", a * this.get("start", 0)), i.set("x", a * this.get("end", 1)));
+    const r = this.getPrivate("positionTextFunction"), h = Math.round(100 * this.get("start", 0)), d = Math.round(100 * this.get("end", 0));
+    let u, o;
+    r ? (u = r.call(this, this.get("start", 0)), o = r.call(this, this.get("end", 0))) : (u = h + "%", o = d + "%"), t.set("ariaLabel", this._t("From %1", void 0, u)), t.set("ariaValueNow", "" + h), t.set("ariaValueText", h + "%"), t.set("ariaValueMin", "0"), t.set("ariaValueMax", "100"), i.set("ariaLabel", this._t("To %1", void 0, o)), i.set("ariaValueNow", "" + d), i.set("ariaValueText", d + "%"), i.set("ariaValueMin", "0"), i.set("ariaValueMax", "100");
+  }
+  _updateThumb() {
+    const t = this.thumb, i = this.startGrip, n = this.endGrip, l = this.height(), a = this.width();
+    let r = i.x(), h = n.x(), d = i.y(), u = n.y(), o = 0, m = 1;
+    this.get("orientation") == "vertical" ? b(d) && b(u) && (this._thumbBusy || t.isDragging() || (t.set("height", u - d), t.set("y", d)), o = d / l, m = u / l) : b(r) && b(h) && (this._thumbBusy || t.isDragging() || (t.set("width", h - r), t.set("x", r)), o = r / a, m = h / a), !this.getPrivate("isBusy") || this.get("start") == o && this.get("end") == m || (this.set("start", o), this.set("end", m));
+    const g = this.getPrivate("positionTextFunction"), p = Math.round(100 * this.get("start", 0)), D = Math.round(100 * this.get("end", 0));
+    let v, y;
+    g ? (v = g.call(this, this.get("start", 0)), y = g.call(this, this.get("end", 0))) : (v = p + "%", y = D + "%"), t.set("ariaLabel", this._t("From %1 to %2", void 0, v, y)), t.set("ariaValueNow", "" + p), t.set("ariaValueText", p + "%");
+  }
+  _updateGripsByThumb() {
+    const t = this.thumb, i = this.startGrip, n = this.endGrip;
+    if (this.get("orientation") == "vertical") {
+      const l = t.height();
+      i.set("y", t.y()), n.set("y", t.y() + l);
+    } else {
+      const l = t.width();
+      i.set("x", t.x()), n.set("x", t.x() + l);
+    }
+  }
+}
+Object.defineProperty(w, "className", { enumerable: !0, configurable: !0, writable: !0, value: "Scrollbar" }), Object.defineProperty(w, "classNames", { enumerable: !0, configurable: !0, writable: !0, value: H.classNames.concat([w.className]) });
+class N extends X {
+  setupDefaultRules() {
+    super.setupDefaultRules(), this.rule("Component").setAll({ interpolationDuration: 600 }), this.rule("Hierarchy").set("animationDuration", 600), this.rule("Scrollbar").set("animationDuration", 600), this.rule("Tooltip").set("animationDuration", 300), this.rule("MapChart").set("animationDuration", 1e3), this.rule("MapChart").set("wheelDuration", 300), this.rule("Entity").setAll({ stateAnimationDuration: 600 }), this.rule("Sprite").states.create("default", { stateAnimationDuration: 600 }), this.rule("Tooltip", ["axis"]).setAll({ animationDuration: 200 }), this.rule("WordCloud").set("animationDuration", 500), this.rule("Polygon").set("animationDuration", 600), this.rule("ArcDiagram").set("animationDuration", 600);
+  }
+}
+const z = ["#2888B8", "#EB7028", "#48A375", "#9370B1", "#e55035", "#3d9ccc", "#DC7B04", "#b87bb0", "#3fa681", "#EE6386"].map((c) => M(c));
+export {
+  N as AnimatedThemeAm5,
+  K as ColorSetAm5,
+  G as DarkThemeAm5,
+  e as ResponsiveThemeAm5,
+  w as ScrollbarAm5,
+  X as ThemeAm5,
+  F as TooltipAm5,
+  M as colorAm5,
+  z as esriChartColorSet
+};