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

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

@@ -0,0 +1,329 @@
+/*!
+ * 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.1
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-142998d3.js');
+const loadable = require('./loadable-cb368fce.js');
+const form = require('./form-509b1671.js');
+const locale = require('./locale-99d6b752.js');
+const dom = require('./dom-7487acd7.js');
+const observers = require('./observers-f62a2e0a.js');
+require('./key-dc499418.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.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) {
+    index.registerInstance(this, hostRef);
+    this.labelFlipMax = 0.8;
+    this.labelFlipProximity = 0.15;
+    this.maxPercent = 100;
+    this.minPercent = 0;
+    this.resizeObserver = observers.createObserver("resize", () => this.resizeHandler());
+    this.formatLabel = (value, labelType) => {
+      if (labelType === "percent") {
+        if (!this.percentFormatting) {
+          const locale$1 = locale.getSupportedLocale(this.effectiveLocale);
+          const formatter = new Intl.NumberFormat(locale$1, {
+            useGrouping: this.groupSeparator,
+            style: "percent",
+          });
+          this.percentFormatting = { formatter, locale: locale$1 };
+        }
+        return this.percentFormatting.formatter.format(value);
+      }
+      else {
+        locale.numberStringFormatter.numberFormatOptions = {
+          locale: this.effectiveLocale,
+          numberingSystem: this.numberingSystem,
+          useGrouping: this.groupSeparator,
+        };
+        return locale.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() {
+    loadable.setUpLoadableComponent(this);
+    this.calculateValues();
+    form.afterConnectDefaultValueSet(this, this.value);
+  }
+  componentDidLoad() {
+    loadable.setComponentLoaded(this);
+    this.updateLabels();
+  }
+  connectedCallback() {
+    locale.connectLocalized(this);
+    form.connectForm(this);
+    this.resizeObserver?.observe(this.el);
+  }
+  disconnectedCallback() {
+    locale.disconnectLocalized(this);
+    form.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 && dom.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 (index.h("div", { class: { [CSS.fill]: true, [kindClass]: fillType !== "single" }, style: { width: `${currentPercent}%` } }));
+  }
+  renderRangeLine(position) {
+    const style = { insetInlineStart: `${position}%` };
+    return index.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 (index.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" && (index.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 (index.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" && (index.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 (index.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 (index.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 (index.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 (index.h(index.Host, null, index.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 index.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;
+
+exports.calcite_meter = Meter;

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

@@ -1,24 +1,24 @@
 /*!
  * 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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const conditionalSlot = require('./conditionalSlot-033d4cd5.js');
-const dom = require('./dom-01dcd7b3.js');
-const focusTrapComponent = require('./focusTrapComponent-bdd6620e.js');
-const loadable = require('./loadable-4601b702.js');
-const observers = require('./observers-0f5207f9.js');
-const openCloseComponent = require('./openCloseComponent-80f170a6.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
-require('./key-72cd2215.js');
+const index = require('./index-142998d3.js');
+const conditionalSlot = require('./conditionalSlot-92ae3728.js');
+const dom = require('./dom-7487acd7.js');
+const focusTrapComponent = require('./focusTrapComponent-328576cf.js');
+const loadable = require('./loadable-cb368fce.js');
+const observers = require('./observers-f62a2e0a.js');
+const openCloseComponent = require('./openCloseComponent-12d9e8d8.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
+require('./key-dc499418.js');
 
 const CSS = {
   modal: "modal",

package/dist/cjs/calcite-navigation_3.cjs.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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const dom = require('./dom-01dcd7b3.js');
-const loadable = require('./loadable-4601b702.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
+const index = require('./index-142998d3.js');
+const dom = require('./dom-7487acd7.js');
+const loadable = require('./loadable-cb368fce.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
 
 const CSS$2 = {
   container: "container",

package/dist/cjs/calcite-notice.cjs.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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const conditionalSlot = require('./conditionalSlot-033d4cd5.js');
-const dom = require('./dom-01dcd7b3.js');
-const loadable = require('./loadable-4601b702.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-const resources = require('./resources-a4ff1c80.js');
-require('./observers-0f5207f9.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
-require('./key-72cd2215.js');
+const index = require('./index-142998d3.js');
+const conditionalSlot = require('./conditionalSlot-92ae3728.js');
+const dom = require('./dom-7487acd7.js');
+const loadable = require('./loadable-cb368fce.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+const resources = require('./resources-73b59433.js');
+require('./observers-f62a2e0a.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
+require('./key-dc499418.js');
 
 const SLOTS = {
   title: "title",

package/dist/cjs/calcite-option_3.cjs.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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const observers = require('./observers-0f5207f9.js');
-const dom = require('./dom-01dcd7b3.js');
-const form = require('./form-5fdd9b54.js');
-const interactive = require('./interactive-c17fc496.js');
-const label = require('./label-015a543d.js');
-const loadable = require('./loadable-4601b702.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
+const index = require('./index-142998d3.js');
+const observers = require('./observers-f62a2e0a.js');
+const dom = require('./dom-7487acd7.js');
+const form = require('./form-509b1671.js');
+const interactive = require('./interactive-3295de88.js');
+const label = require('./label-39f9c585.js');
+const loadable = require('./loadable-cb368fce.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
 
 const optionCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 

package/dist/cjs/calcite-pagination.cjs.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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const loadable = require('./loadable-4601b702.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-require('./dom-01dcd7b3.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
-require('./key-72cd2215.js');
-require('./observers-0f5207f9.js');
+const index = require('./index-142998d3.js');
+const loadable = require('./loadable-cb368fce.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+require('./dom-7487acd7.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
+require('./key-dc499418.js');
+require('./observers-f62a2e0a.js');
 
 const CSS = {
   page: "page",

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

@@ -1,25 +1,25 @@
 /*!
  * 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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const dom = require('./dom-01dcd7b3.js');
-const interactive = require('./interactive-c17fc496.js');
-const loadable = require('./loadable-4601b702.js');
-const observers = require('./observers-0f5207f9.js');
-const resources$1 = require('./resources-4e410381.js');
-const Heading = require('./Heading-fbcdb762.js');
-const resources = require('./resources-c13ab169.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
-require('./key-72cd2215.js');
+const index = require('./index-142998d3.js');
+const dom = require('./dom-7487acd7.js');
+const interactive = require('./interactive-3295de88.js');
+const loadable = require('./loadable-cb368fce.js');
+const observers = require('./observers-f62a2e0a.js');
+const resources$1 = require('./resources-d7dcc7aa.js');
+const Heading = require('./Heading-022a7a25.js');
+const resources = require('./resources-ab8cb2da.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
+require('./key-dc499418.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/cjs/calcite-pick-list_3.cjs.entry.js

@@ -1,27 +1,27 @@
 /*!
  * 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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const interactive = require('./interactive-c17fc496.js');
-const loadable = require('./loadable-4601b702.js');
-const observers = require('./observers-0f5207f9.js');
-const resources = require('./resources-2400bd6b.js');
-const conditionalSlot = require('./conditionalSlot-033d4cd5.js');
-const dom = require('./dom-01dcd7b3.js');
-const Heading = require('./Heading-fbcdb762.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-require('./array-0503db41.js');
-require('./debounce-280984bc.js');
-require('./guid-b3cfaabb.js');
-require('./resources-3dea30ff.js');
-require('./key-72cd2215.js');
+const index = require('./index-142998d3.js');
+const interactive = require('./interactive-3295de88.js');
+const loadable = require('./loadable-cb368fce.js');
+const observers = require('./observers-f62a2e0a.js');
+const resources = require('./resources-bb31ff4c.js');
+const conditionalSlot = require('./conditionalSlot-92ae3728.js');
+const dom = require('./dom-7487acd7.js');
+const Heading = require('./Heading-022a7a25.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+require('./array-5848270e.js');
+require('./debounce-7d77cb87.js');
+require('./guid-bc4ef7e8.js');
+require('./resources-932fa5dc.js');
+require('./key-dc499418.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/cjs/calcite-popover.cjs.entry.js

@@ -1,27 +1,27 @@
 /*!
  * 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.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1a08e5e7.js');
-const floatingUi = require('./floating-ui-51b8ab14.js');
-const focusTrapComponent = require('./focusTrapComponent-bdd6620e.js');
-const dom = require('./dom-01dcd7b3.js');
-const guid = require('./guid-b3cfaabb.js');
-const openCloseComponent = require('./openCloseComponent-80f170a6.js');
-const Heading = require('./Heading-fbcdb762.js');
-const locale = require('./locale-45d66234.js');
-const t9n = require('./t9n-cd514c62.js');
-const key = require('./key-72cd2215.js');
-const loadable = require('./loadable-4601b702.js');
-const observers = require('./observers-0f5207f9.js');
-const FloatingArrow = require('./FloatingArrow-e61a7a9a.js');
-require('./debounce-280984bc.js');
-require('./resources-3dea30ff.js');
+const index = require('./index-142998d3.js');
+const floatingUi = require('./floating-ui-8799f01a.js');
+const focusTrapComponent = require('./focusTrapComponent-328576cf.js');
+const dom = require('./dom-7487acd7.js');
+const guid = require('./guid-bc4ef7e8.js');
+const openCloseComponent = require('./openCloseComponent-12d9e8d8.js');
+const Heading = require('./Heading-022a7a25.js');
+const locale = require('./locale-99d6b752.js');
+const t9n = require('./t9n-42d79fa0.js');
+const key = require('./key-dc499418.js');
+const loadable = require('./loadable-cb368fce.js');
+const observers = require('./observers-f62a2e0a.js');
+const FloatingArrow = require('./FloatingArrow-b5ca6077.js');
+require('./debounce-7d77cb87.js');
+require('./resources-932fa5dc.js');
 
 const CSS = {
   container: "container",