@esri/calcite-components 1.6.2-next.0 → 1.7.0-next.0

package/dist/esm/calcite-meter.entry.js

@@ -0,0 +1,325 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.7.0-next.0
+ */
+import { r as registerInstance, h, H as Host, a as getElement } from './index-93cd2078.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-2ab8ae79.js';
+import { a as afterConnectDefaultValueSet, c as connectForm, d as disconnectForm } from './form-4c9b91ab.js';
+import { g as getSupportedLocale, n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { v as intersects } from './dom-a9670cdd.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import './key-3a20e503.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+
+const CSS = {
+  container: "container",
+  fill: "fill",
+  stepLine: "step-line",
+  label: "label",
+  labelHidden: "label-hidden",
+  labelRange: "label-range",
+  labelValue: "label-value",
+  unitLabel: "unit-label",
+  stepsVisible: "steps-visible",
+  valueVisible: "value-visible",
+  success: "fill-success",
+  warning: "fill-warning",
+  danger: "fill-danger",
+};
+
+const meterCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{display:flex;--calcite-meter-space-internal:0.125rem;--calcite-meter-height-internal:1rem;--calcite-meter-font-size-internal:var(--calcite-font-size--1)}:host([scale=s]){--calcite-meter-height-internal:0.75rem;--calcite-meter-font-size-internal:var(--calcite-font-size--2)}:host([scale=l]){--calcite-meter-height-internal:1.5rem;--calcite-meter-font-size-internal:var(--calcite-font-size-0)}.container{position:relative;margin:0px;display:flex;inline-size:100%;align-items:center;block-size:var(--calcite-meter-height-internal);background-color:var(--calcite-ui-foreground-2);border:1px solid var(--calcite-ui-border-3);border-radius:var(--calcite-meter-height-internal)}.solid{border:1px solid var(--calcite-ui-foreground-3);background-color:var(--calcite-ui-foreground-3)}.outline{background-color:transparent}.value-visible{margin-block-start:1.5rem}.steps-visible{margin-block-end:1.5rem}.step-line{position:absolute;inset-block:0px;display:block;inline-size:var(--calcite-meter-space-internal);background-color:var(--calcite-ui-border-3)}.label{position:absolute;font-size:var(--calcite-meter-font-size-internal)}.label-hidden{visibility:hidden;opacity:0}.label-value{inset-block-end:calc(100% + 0.5em);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-1)}.label-range{color:var(--calcite-ui-text-3);inset-block-start:calc(100% + 0.5em)}.unit-label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-3)}.label-value .unit-label{font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.fill{position:absolute;z-index:var(--calcite-app-z-index);display:block;background-color:var(--calcite-ui-brand);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-inline-start:var(--calcite-meter-space-internal);inset-block:var(--calcite-meter-space-internal);border-radius:var(--calcite-meter-height-internal);max-inline-size:calc(100% - var(--calcite-meter-space-internal) * 2);min-inline-size:calc(var(--calcite-meter-height-internal) - var(--calcite-meter-space-internal) * 2);transition-property:inline-size, background-color, box-shadow}.fill-danger{background-color:var(--calcite-ui-danger)}.fill-success{background-color:var(--calcite-ui-success)}.fill-warning{background-color:var(--calcite-ui-warning)}.solid .fill{inset-block:0;inset-inline-start:0;max-inline-size:100%;min-inline-size:calc(var(--calcite-meter-height-internal));box-shadow:0 0 0 1px var(--calcite-ui-brand)}.solid .fill-danger{box-shadow:0 0 0 1px var(--calcite-ui-danger)}.solid .fill-success{box-shadow:0 0 0 1px var(--calcite-ui-success)}.solid .fill-warning{box-shadow:0 0 0 1px var(--calcite-ui-warning)}";
+
+const Meter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.labelFlipMax = 0.8;
+    this.labelFlipProximity = 0.15;
+    this.maxPercent = 100;
+    this.minPercent = 0;
+    this.resizeObserver = createObserver("resize", () => this.resizeHandler());
+    this.formatLabel = (value, labelType) => {
+      if (labelType === "percent") {
+        if (!this.percentFormatting) {
+          const locale = getSupportedLocale(this.effectiveLocale);
+          const formatter = new Intl.NumberFormat(locale, {
+            useGrouping: this.groupSeparator,
+            style: "percent",
+          });
+          this.percentFormatting = { formatter, locale };
+        }
+        return this.percentFormatting.formatter.format(value);
+      }
+      else {
+        numberStringFormatter.numberFormatOptions = {
+          locale: this.effectiveLocale,
+          numberingSystem: this.numberingSystem,
+          useGrouping: this.groupSeparator,
+        };
+        return numberStringFormatter.localize(value.toString());
+      }
+    };
+    this.appearance = "outline-fill";
+    this.disabled = false;
+    this.fillType = "range";
+    this.form = undefined;
+    this.groupSeparator = false;
+    this.high = undefined;
+    this.label = undefined;
+    this.low = undefined;
+    this.max = 100;
+    this.min = 0;
+    this.name = undefined;
+    this.numberingSystem = undefined;
+    this.rangeLabels = false;
+    this.rangeLabelType = "percent";
+    this.scale = "m";
+    this.unitLabel = "";
+    this.value = undefined;
+    this.valueLabel = false;
+    this.valueLabelType = "percent";
+    this.currentPercent = undefined;
+    this.effectiveLocale = undefined;
+    this.highActive = undefined;
+    this.highPercent = undefined;
+    this.lowActive = undefined;
+    this.lowPercent = undefined;
+  }
+  handleRangeChange() {
+    this.calculateValues();
+    this.updateLabels();
+  }
+  handleLabelChange() {
+    this.updateLabels();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+    this.calculateValues();
+    afterConnectDefaultValueSet(this, this.value);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+    this.updateLabels();
+  }
+  connectedCallback() {
+    connectLocalized(this);
+    connectForm(this);
+    this.resizeObserver?.observe(this.el);
+  }
+  disconnectedCallback() {
+    disconnectLocalized(this);
+    disconnectForm(this);
+    this.resizeObserver?.disconnect();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  resizeHandler() {
+    this.updateLabels();
+  }
+  updateLabels() {
+    if (this.valueLabelEl) {
+      this.determineValueLabelPosition();
+    }
+    if (this.rangeLabels) {
+      this.determineVisibleLabels();
+    }
+  }
+  calculateValues() {
+    const { min, max, low, high, value } = this;
+    const lowPercent = (100 * (low - min)) / (max - min);
+    const highPercent = (100 * (high - min)) / (max - min);
+    const currentPercent = (100 * (value - min)) / (max - min);
+    if (!low || low < min || low > high || low > max) {
+      this.low = min;
+    }
+    if (!high || high > max || high < low || high < min) {
+      this.high = max;
+    }
+    if (!value) {
+      this.value = min;
+    }
+    this.lowPercent = lowPercent;
+    this.highPercent = highPercent;
+    this.currentPercent = value ? currentPercent : 0;
+    this.lowActive = !!low && low > min && (!value || low > value) && (!high || low < high);
+    this.highActive =
+      !!high && min <= high && high < max && (!value || high > value) && (!low || high > low);
+  }
+  getMeterKindCssClass() {
+    const { low, high, min, max, value } = this;
+    const lowest = low ? low : min;
+    const highest = high ? high : max;
+    const aboveLowest = value >= lowest;
+    const belowLowest = value < lowest;
+    const aboveHighest = value >= highest;
+    const belowHighest = value < highest;
+    if (!value || (!low && belowHighest) || belowLowest) {
+      return CSS.success;
+    }
+    else if (aboveLowest && belowHighest) {
+      return CSS.warning;
+    }
+    else if (aboveHighest) {
+      return CSS.danger;
+    }
+    else {
+      return CSS.success;
+    }
+  }
+  intersects(el1, el2) {
+    return el1 && el2 && intersects(el1.getBoundingClientRect(), el2.getBoundingClientRect());
+  }
+  determineVisibleLabels() {
+    const { minLabelEl, lowLabelEl, highLabelEl, maxLabelEl } = this;
+    const highMaxOverlap = this.intersects(highLabelEl, maxLabelEl);
+    const lowHighOverlap = this.intersects(lowLabelEl, highLabelEl);
+    const lowMaxOverlap = this.intersects(lowLabelEl, maxLabelEl);
+    const minHighOverlap = this.intersects(minLabelEl, highLabelEl);
+    const minLowOverlap = this.intersects(minLabelEl, lowLabelEl);
+    const minMaxOverlap = this.intersects(minLabelEl, maxLabelEl);
+    const hiddenClass = CSS.labelHidden;
+    if (lowLabelEl) {
+      if (minLowOverlap || lowMaxOverlap || lowHighOverlap) {
+        lowLabelEl.classList.add(hiddenClass);
+      }
+      else {
+        lowLabelEl.classList.remove(hiddenClass);
+      }
+    }
+    if (highLabelEl) {
+      if (minHighOverlap || lowMaxOverlap || highMaxOverlap) {
+        highLabelEl.classList.add(hiddenClass);
+      }
+      else {
+        highLabelEl.classList.remove(hiddenClass);
+      }
+    }
+    if (minLabelEl && maxLabelEl) {
+      if (minMaxOverlap) {
+        maxLabelEl.classList.add(hiddenClass);
+      }
+      else {
+        maxLabelEl.classList.remove(hiddenClass);
+      }
+    }
+  }
+  determineValueLabelPosition() {
+    const { valueLabelEl, meterContainerEl, currentPercent } = this;
+    const valuePosition = currentPercent > 100 ? 100 : currentPercent > 0 ? currentPercent : 0;
+    const valueLabelWidth = valueLabelEl.getBoundingClientRect().width;
+    const containerWidth = meterContainerEl.getBoundingClientRect().width;
+    const labelWidthPercent = (100 * (valueLabelWidth - 0)) / (containerWidth - 0);
+    if (valuePosition + labelWidthPercent >= 100) {
+      valueLabelEl.style.insetInlineEnd = "0%";
+      valueLabelEl.style.removeProperty("inset-inline-start");
+    }
+    else {
+      valueLabelEl.style.insetInlineStart = `${valuePosition}% `;
+      valueLabelEl.style.removeProperty("inset-inline-end");
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  //--------------------------------------------------------------------------
+  renderMeterFill() {
+    const { currentPercent, fillType } = this;
+    const kindClass = this.getMeterKindCssClass();
+    return (h("div", { class: { [CSS.fill]: true, [kindClass]: fillType !== "single" }, style: { width: `${currentPercent}%` } }));
+  }
+  renderRangeLine(position) {
+    const style = { insetInlineStart: `${position}%` };
+    return h("div", { class: CSS.stepLine, style: style });
+  }
+  renderValueLabel() {
+    const { currentPercent, valueLabelType, unitLabel, value } = this;
+    const label = this.formatLabel(valueLabelType === "percent" ? currentPercent / 100 : value || 0, valueLabelType);
+    return (h("div", { class: { [CSS.label]: true, [CSS.labelValue]: true }, key: "low-label-line",
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.valueLabelEl = el) }, label, unitLabel && valueLabelType !== "percent" && (h("span", { class: CSS.unitLabel }, "\u00A0", unitLabel))));
+  }
+  renderMinLabel() {
+    const { rangeLabelType, min, minPercent, unitLabel } = this;
+    const style = { insetInlineStart: `${minPercent}%` };
+    const labelMin = this.formatLabel(rangeLabelType === "percent" ? minPercent : min, rangeLabelType);
+    return (h("div", { class: { [CSS.label]: true, [CSS.labelRange]: true }, key: "min-label-line", style: style,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.minLabelEl = el) }, labelMin, unitLabel && rangeLabelType !== "percent" && (h("span", { class: CSS.unitLabel }, "\u00A0", unitLabel))));
+  }
+  renderLowLabel() {
+    const { rangeLabelType, low, lowPercent, highPercent, labelFlipProximity } = this;
+    const label = low
+      ? this.formatLabel(rangeLabelType === "percent" ? lowPercent / 100 : low, rangeLabelType)
+      : "";
+    const styleDefault = { insetInlineStart: `${lowPercent}%` };
+    const styleFlipped = { insetInlineEnd: `${100 - lowPercent}%` };
+    const style = (highPercent - lowPercent) / 100 < labelFlipProximity ? styleFlipped : styleDefault;
+    return (h("div", { class: { [CSS.label]: true, [CSS.labelRange]: true }, key: "low-label-line", style: style,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.lowLabelEl = el) }, label));
+  }
+  renderHighLabel() {
+    const { rangeLabelType, high, highPercent, labelFlipMax } = this;
+    const label = high
+      ? this.formatLabel(rangeLabelType === "percent" ? highPercent / 100 : high, rangeLabelType)
+      : "";
+    const styleDefault = { insetInlineStart: `${highPercent}%` };
+    const styleFlipped = { insetInlineEnd: `${100 - highPercent}%` };
+    const style = highPercent / 100 >= labelFlipMax ? styleFlipped : styleDefault;
+    return (h("div", { class: { [CSS.label]: true, [CSS.labelRange]: true }, key: "high-label-line", style: style,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.highLabelEl = el) }, label));
+  }
+  renderMaxLabel() {
+    const { rangeLabelType, max, maxPercent } = this;
+    const style = { insetInlineEnd: `${100 - maxPercent}%` };
+    const labelMax = this.formatLabel(rangeLabelType === "percent" ? maxPercent / 100 : max, rangeLabelType);
+    return (h("div", { class: { [CSS.label]: true, [CSS.labelRange]: true }, key: "max-label-line", style: style,
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.maxLabelEl = el) }, labelMax));
+  }
+  render() {
+    const { appearance, currentPercent, highActive, highPercent, label, lowActive, lowPercent, max, maxPercent, min, minPercent, rangeLabels, rangeLabelType, unitLabel, value, valueLabel, valueLabelType, } = this;
+    const textPercentLabelWithPercent = this.formatLabel(currentPercent / 100, "percent");
+    const textUnitLabel = `${value} ${unitLabel}`;
+    const valueText = valueLabelType === "percent"
+      ? textPercentLabelWithPercent
+      : unitLabel
+        ? textUnitLabel
+        : undefined;
+    return (h(Host, null, h("div", { "aria-label": label, "aria-valuemax": rangeLabelType === "percent" ? maxPercent : max, "aria-valuemin": rangeLabelType === "percent" ? minPercent : min, "aria-valuenow": valueLabelType === "percent" ? currentPercent : value, "aria-valuetext": valueText, class: {
+        [CSS.container]: true,
+        [CSS.stepsVisible]: rangeLabels,
+        [CSS.valueVisible]: valueLabel,
+        [appearance]: appearance !== "outline-fill",
+      }, role: "meter",
+      // eslint-disable-next-line react/jsx-sort-props
+      ref: (el) => (this.meterContainerEl = el) }, this.renderMeterFill(), valueLabel && this.renderValueLabel(), lowActive && this.renderRangeLine(lowPercent), highActive && this.renderRangeLine(highPercent), rangeLabels && this.renderMinLabel(), rangeLabels && lowActive && this.renderLowLabel(), rangeLabels && highActive && this.renderHighLabel(), rangeLabels && this.renderMaxLabel())));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "min": ["handleRangeChange"],
+    "max": ["handleRangeChange"],
+    "low": ["handleRangeChange"],
+    "high": ["handleRangeChange"],
+    "value": ["handleRangeChange"],
+    "rangeLabels": ["handleLabelChange"],
+    "rangeLabelType": ["handleLabelChange"],
+    "unitLabel": ["handleLabelChange"],
+    "valueLabel": ["handleLabelChange"],
+    "valueLabelType": ["handleLabelChange"]
+  }; }
+};
+Meter.style = meterCss;
+
+export { Meter as calcite_meter };

package/dist/esm/calcite-modal.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-104569bc.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-ad4b3601.js';
-import { h as getSlotted, b as slotChangeHasAssignedElement, f as focusFirstTabbable, v as ensureId } from './dom-bb448bfb.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-539e47f5.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { c as createObserver } from './observers-c3f0e455.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-590dfde3.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n-c331c7c0.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
-import './key-1fce2600.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-93cd2078.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6f84118e.js';
+import { h as getSlotted, b as slotChangeHasAssignedElement, f as focusFirstTabbable, w as ensureId } from './dom-a9670cdd.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-3be3180a.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-4e57aa6b.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { s as setUpMessages, c as connectMessages, d as disconnectMessages, u as updateMessages } from './t9n-08715f71.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+import './key-3a20e503.js';
 
 const CSS = {
   modal: "modal",

package/dist/esm/calcite-navigation_3.entry.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-104569bc.js';
-import { b as slotChangeHasAssignedElement } from './dom-bb448bfb.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-614280a6.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-93cd2078.js';
+import { b as slotChangeHasAssignedElement } from './dom-a9670cdd.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-2ab8ae79.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
 
 const CSS$2 = {
   container: "container",

package/dist/esm/calcite-notice.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-104569bc.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-ad4b3601.js';
-import { e as setRequestedIcon, h as getSlotted } from './dom-bb448bfb.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-c331c7c0.js';
-import { K as KindIcons } from './resources-23290045.js';
-import './observers-c3f0e455.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
-import './key-1fce2600.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-93cd2078.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6f84118e.js';
+import { e as setRequestedIcon, h as getSlotted } from './dom-a9670cdd.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { c as connectMessages, d as disconnectMessages, s as setUpMessages, u as updateMessages } from './t9n-08715f71.js';
+import { K as KindIcons } from './resources-4cd41c97.js';
+import './observers-cab14e54.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+import './key-3a20e503.js';
 
 const SLOTS = {
   title: "title",

package/dist/esm/calcite-option_3.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, F as Fragment } from './index-104569bc.js';
-import { c as createObserver } from './observers-c3f0e455.js';
-import { d as focusElement } from './dom-bb448bfb.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-d20f0fae.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-98c33bc7.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a8caa296.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, F as Fragment } from './index-93cd2078.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import { d as focusElement } from './dom-a9670cdd.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-4c9b91ab.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-4a9e1385.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-38bb96bc.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
 
 const optionCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-pagination.entry.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-104569bc.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-c331c7c0.js';
-import './dom-bb448bfb.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
-import './key-1fce2600.js';
-import './observers-c3f0e455.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-93cd2078.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-08715f71.js';
+import './dom-a9670cdd.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+import './key-3a20e503.js';
+import './observers-cab14e54.js';
 
 const CSS = {
   page: "page",

package/dist/esm/calcite-panel.entry.js

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-104569bc.js';
-import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, f as focusFirstTabbable, t as toAriaBoolean } from './dom-bb448bfb.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-98c33bc7.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { c as createObserver } from './observers-c3f0e455.js';
-import { S as SLOTS$1 } from './resources-fc0770f6.js';
-import { H as Heading } from './Heading-e6d20360.js';
-import { S as SLOTS, C as CSS, I as ICONS } from './resources-52e20ff4.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-c331c7c0.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
-import './key-1fce2600.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as getElement } from './index-93cd2078.js';
+import { b as slotChangeHasAssignedElement, s as slotChangeGetAssignedElements, f as focusFirstTabbable, t as toAriaBoolean } from './dom-a9670cdd.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-4a9e1385.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import { S as SLOTS$1 } from './resources-deff01ca.js';
+import { H as Heading } from './Heading-c99f50d0.js';
+import { S as SLOTS, C as CSS, I as ICONS } from './resources-e6b07fff.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-08715f71.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+import './key-3a20e503.js';
 
 const panelCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-footer-padding:0.5rem;--calcite-internal-panel-header-border-block-end:1px solid var(--calcite-ui-border-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{z-index:var(--calcite-app-z-index-header);display:flex;flex-direction:column;background-color:var(--calcite-ui-foreground-1);border-block-end:var(--calcite-internal-panel-header-border-block-end)}.header-container{display:flex;inline-size:100%;flex-direction:row;align-items:stretch;justify-content:flex-start;flex:0 0 auto}.header-container--border-end{border-block-end:1px solid var(--calcite-ui-border-3)}.action-bar-container{inline-size:100%}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{margin-inline-start:auto}.content-wrapper{display:flex;block-size:100%;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;overflow:auto;background-color:var(--calcite-ui-background)}.footer{display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);flex:0 0 auto;padding:var(--calcite-panel-footer-padding);border-block-start:1px solid var(--calcite-ui-border-3)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-app-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-pick-list_3.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, h, a as getElement, F as Fragment } from './index-104569bc.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-98c33bc7.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { c as createObserver } from './observers-c3f0e455.js';
-import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-ce0ee144.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-ad4b3601.js';
-import { h as getSlotted, t as toAriaBoolean } from './dom-bb448bfb.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-e6d20360.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-c331c7c0.js';
-import './array-b5b83782.js';
-import './debounce-74c01a99.js';
-import './guid-973b13a1.js';
-import './resources-cd96b364.js';
-import './key-1fce2600.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, F as Fragment } from './index-93cd2078.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-4a9e1385.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-467f8115.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6f84118e.js';
+import { h as getSlotted, t as toAriaBoolean } from './dom-a9670cdd.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-c99f50d0.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-08715f71.js';
+import './array-67afda9b.js';
+import './debounce-fee8e3c3.js';
+import './guid-434088a0.js';
+import './resources-58344d41.js';
+import './key-3a20e503.js';
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/esm/calcite-popover.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-104569bc.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-711be5e7.js';
-import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-539e47f5.js';
-import { i as isPrimaryPointerButton, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-bb448bfb.js';
-import { g as guid } from './guid-973b13a1.js';
-import { o as onToggleOpenCloseComponent } from './openCloseComponent-590dfde3.js';
-import { H as Heading } from './Heading-e6d20360.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-0620fd54.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-c331c7c0.js';
-import { i as isActivationKey } from './key-1fce2600.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-614280a6.js';
-import { c as createObserver } from './observers-c3f0e455.js';
-import { F as FloatingArrow } from './FloatingArrow-7b7ef36c.js';
-import './debounce-74c01a99.js';
-import './resources-cd96b364.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-93cd2078.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, b as defaultOffsetDistance, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-a2eb27ec.js';
+import { d as deactivateFocusTrap, a as activateFocusTrap, c as connectFocusTrap, u as updateFocusTrapElements } from './focusTrapComponent-3be3180a.js';
+import { i as isPrimaryPointerButton, t as toAriaBoolean, f as focusFirstTabbable, q as queryElementRoots } from './dom-a9670cdd.js';
+import { g as guid } from './guid-434088a0.js';
+import { o as onToggleOpenCloseComponent } from './openCloseComponent-4e57aa6b.js';
+import { H as Heading } from './Heading-c99f50d0.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-5212f2b3.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-08715f71.js';
+import { i as isActivationKey } from './key-3a20e503.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-2ab8ae79.js';
+import { c as createObserver } from './observers-cab14e54.js';
+import { F as FloatingArrow } from './FloatingArrow-1ae168c2.js';
+import './debounce-fee8e3c3.js';
+import './resources-58344d41.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-progress.entry.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.2-next.0
+ * v1.7.0-next.0
  */
-import { r as registerInstance, h, a as getElement } from './index-104569bc.js';
-import { g as getElementDir } from './dom-bb448bfb.js';
-import { C as CSS_UTILITY } from './resources-cd96b364.js';
-import './guid-973b13a1.js';
+import { r as registerInstance, h, a as getElement } from './index-93cd2078.js';
+import { g as getElementDir } from './dom-a9670cdd.js';
+import { C as CSS_UTILITY } from './resources-58344d41.js';
+import './guid-434088a0.js';
 
 const progressCss = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-app-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-ui-border-3)}.bar{z-index:var(--calcite-app-z-index);background-color:var(--calcite-ui-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}";