@esri/calcite-components 3.0.0-next.98 → 3.0.0

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

@@ -10,16 +10,14 @@ import { c as I, a as X, d as U, H as q } from "../../chunks/form.js";
 import { u as j, I as N } from "../../chunks/interactive.js";
 import { i as G } from "../../chunks/key.js";
 import { c as K, d as W, g as J } from "../../chunks/label.js";
-import { c as Q, s as Y, a as Z } from "../../chunks/loadable.js";
-import { n as H, B as ee } from "../../chunks/locale.js";
-import { d as S, c as te } from "../../chunks/math.js";
-import { u as ae } from "../../chunks/useT9n.js";
-import { css as ie } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { c as Q } from "../../chunks/loadable.js";
+import { n as H, B as Y } from "../../chunks/locale.js";
+import { d as S, c as Z } from "../../chunks/math.js";
+import { u as ee } from "../../chunks/useT9n.js";
+import { css as te } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const l = {
   container: "container",
   containerRange: "container--range",
@@ -49,11 +47,11 @@ const l = {
   transformed: "transformed"
 }, D = {
   validationMessage: "validationMessage"
-}, se = 250, le = ie`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: .625rem;--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"\u2014";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;border-radius:0;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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}`;
+}, ae = 250, ie = te`@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size: .625rem;--calcite-slider-handle-extension-height: .4rem;--calcite-slider-container-font-size: var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size: .875rem;--calcite-slider-handle-extension-height: .5rem;--calcite-slider-container-font-size: var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size: 1rem;--calcite-slider-handle-extension-height: .65rem;--calcite-slider-container-font-size: var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-slider-text-color, var(--calcite-color-text-2));font-size:var(--calcite-slider-container-font-size)}:host{display:block}:host .validation-container{padding-block-start:0!important}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * .5);padding-block:calc(var(--calcite-slider-handle-size) * .5);margin-block:calc(var(--calcite-slider-handle-size) * .5);margin-inline:0;--calcite-slider-full-handle-height: calc( var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height) );touch-action:none;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * .5);position:absolute;margin:0;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset),var(--calcite-slider-thumb-y-offset))}.thumb .handle__label{white-space:nowrap}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen:after{content:"\u2014";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;outline-color:transparent;background-color:var(--calcite-slider-handle-fill-color, var(--calcite-color-foreground-1));block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease,background-color var(--calcite-internal-animation-timing-medium) ease,box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-slider-handle-extension-color, var(--calcite-color-text-3))}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb:focus .handle{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.thumb:focus .handle-extension{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1),var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset: -.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset: 50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset: -2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset: -2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset: -2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset: -3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand));box-shadow:0 0 8px #00000029}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-slider-accent-color, var(--calcite-color-brand))}.track{position:relative;block-size:.125rem;border-radius:0;background-color:var(--calcite-slider-track-color, var(--calcite-color-border-2));transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:.125rem;background-color:var(--calcite-slider-track-fill-color, var(--calcite-color-brand))}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * .5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:.25rem;inline-size:.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-slider-tick-color, var(--calcite-color-border-input));border-color:var(--calcite-slider-tick-border-color, var(--calcite-color-foreground-1));inset-block-start:-2px;pointer-events:none;margin-inline-start:-.125rem}.tick--active{background-color:var(--calcite-slider-tick-selected-color, var(--calcite-color-brand))}.tick__label{pointer-events:none;margin-block-start:.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-slider-graph-color, var(--calcite-color-foreground-3));block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * .5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}.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:.5rem}:host([scale=s]) .validation-container{padding-block-start:.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 g(L) {
   return Array.isArray(L);
 }
-class ne extends F {
+class se extends F {
   // #endregion
   // #region Lifecycle
   constructor() {
@@ -78,7 +76,7 @@ class ne extends F {
       locale: this.messages._lang,
       numberingSystem: this.numberingSystem,
       useGrouping: this.groupSeparator
-    }, H.localize(e.toString())), this.guid = `calcite-slider-${E()}`, this.messages = ae({ name: null }), this.pointerUpDragEnd = (e) => {
+    }, H.localize(e.toString())), this.guid = `calcite-slider-${E()}`, this.messages = ee({ name: null }), this.pointerUpDragEnd = (e) => {
       this.disabled || !M(e) || this.dragEnd(e);
     }, this.maxValueDragRange = null, this.minMaxValueRange = null, this.minValueDragRange = null, this.tickValues = [], this.disabled = !1, this.fillPlacement = "start", this.groupSeparator = !1, this.hasHistogram = !1, this.labelHandles = !1, this.labelTicks = !1, this.max = 100, this.min = 0, this.mirrored = !1, this.precise = !1, this.required = !1, this.scale = "m", this.snap = !1, this.status = "idle", this.step = 1, this.validity = {
       valid: !1,
@@ -101,7 +99,7 @@ class ne extends F {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = le;
+    this.styles = ie;
   }
   // #endregion
   // #region Public Methods
@@ -113,7 +111,7 @@ class ne extends F {
     super.connectedCallback(), this.setMinMaxFromValue(), this.setValueFromMinMax(), K(this), I(this);
   }
   load() {
-    Y(this), g(this.value) || (this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value)), X(this, this.value);
+    g(this.value) || (this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value)), X(this, this.value);
   }
   willUpdate(e) {
     e.has("histogram") && (this.hasHistogram = !!this.histogram), e.has("ticks") && (this.tickValues = this.generateTickValues()), e.has("value") && (this.hasUpdated || this.value !== 0) && this.setMinMaxFromValue(), (e.has("minValue") || e.has("maxValue")) && this.setValueFromMinMax();
@@ -122,7 +120,6 @@ class ne extends F {
     this.labelHandles && (this.adjustHostObscuredHandleLabel("value"), g(this.value) && (this.adjustHostObscuredHandleLabel("minValue"), this.precise && !this.hasHistogram || this.hyphenateCollidingRangeHandleLabels())), this.hideObscuredBoundingTickLabels(), j(this);
   }
   loaded() {
-    Z(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), W(this), U(this), this.removeDragListeners();
@@ -176,7 +173,7 @@ class ne extends F {
     return g(this.value) ? this.hasHistogram && this.maxValue === 0 || !this.hasHistogram && this.minValue === 0 : !1;
   }
   getTickDensity() {
-    const e = (this.max - this.min) / this.ticks / se;
+    const e = (this.max - this.min) / this.ticks / ae;
     return e < 1 ? 1 : e;
   }
   generateTickValues() {
@@ -251,7 +248,7 @@ class ne extends F {
    * @private
    */
   clamp(e, t) {
-    return e = te(e, this.min, this.max), t === "maxValue" && (e = Math.max(e, this.minValue)), t === "minValue" && (e = Math.min(e, this.maxValue)), e;
+    return e = Z(e, this.min, this.max), t === "maxValue" && (e = Math.max(e, this.minValue)), t === "minValue" && (e = Math.min(e, this.maxValue)), e;
   }
   /**
    * Translate a pixel position to value along the range
@@ -270,7 +267,7 @@ class ne extends F {
    * @private
    */
   getClosestStep(e) {
-    const { max: t, min: i, step: a } = this, s = new ee(`${Math.floor((e - i) / a)}`).multiply(`${a}`).add(`${i}`).toString();
+    const { max: t, min: i, step: a } = this, s = new Y(`${Math.floor((e - i) / a)}`).multiply(`${a}`).add(`${i}`).toString();
     let n = this.clamp(Number(s));
     return n > t && (n -= a), n;
   }
@@ -456,7 +453,7 @@ class ne extends F {
     })}>${this.internalLabelFormatter(e, "tick")}</span>` : null;
   }
 }
-P("calcite-slider", ne);
+P("calcite-slider", se);
 export {
-  ne as Slider
+  se as Slider
 };

package/dist/components/calcite-sort-handle/customElement.js

@@ -1,58 +1,63 @@
-import { c as T } from "../../chunks/runtime.js";
-import { ref as P } from "lit-html/directives/ref.js";
+import { c as w } from "../../chunks/runtime.js";
+import { ref as S } from "lit-html/directives/ref.js";
 import { keyed as l } from "lit-html/directives/keyed.js";
-import { html as i, nothing as c } from "lit";
-import { LitElement as y, createEvent as a, safeClassMap as m } from "@arcgis/lumina";
-import { c as D, s as H, a as C } from "../../chunks/loadable.js";
-import { u as I, I as B } from "../../chunks/interactive.js";
-import { b as O } from "../../chunks/floating-ui.js";
-import { u as E } from "../../chunks/useT9n.js";
-import { css as M } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
-const u = {
+import { html as a, nothing as d } from "lit";
+import { LitElement as $, createEvent as i, safeClassMap as h } from "@arcgis/lumina";
+import { c as v } from "../../chunks/loadable.js";
+import { u as D, I } from "../../chunks/interactive.js";
+import { b as T } from "../../chunks/floating-ui.js";
+import { u as y } from "../../chunks/useT9n.js";
+import { css as P } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
+const m = {
   handle: "handle",
   dropdown: "dropdown"
-}, f = {
+}, u = {
   drag: "drag",
   blank: "blank"
-}, p = {
+}, c = {
   label: "{label}",
   position: "{position}",
   total: "{total}"
-}, b = ["top", "up", "down", "bottom"], U = M`: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}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
-class L extends y {
+}, f = ["top", "up", "down", "bottom"], H = P`: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}.dropdown{block-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
+class B extends $ {
   constructor() {
-    super(...arguments), this.disabled = !1, this.messages = E({ blocking: !0 }), this.moveToItems = [], this.open = !1, this.overlayPositioning = "absolute", this.placement = O, this.scale = "m", this.calciteSortHandleBeforeClose = a({ cancelable: !1 }), this.calciteSortHandleBeforeOpen = a({ cancelable: !1 }), this.calciteSortHandleClose = a({ cancelable: !1 }), this.calciteSortHandleMove = a({ cancelable: !1 }), this.calciteSortHandleOpen = a({ cancelable: !1 }), this.calciteSortHandleReorder = a({ cancelable: !1 });
+    super(...arguments), this.disabled = !1, this.messages = y({ blocking: !0 }), this.moveToItems = [], this.open = !1, this.overlayPositioning = "absolute", this.placement = T, this.scale = "m", this.calciteSortHandleBeforeClose = i({ cancelable: !1 }), this.calciteSortHandleBeforeOpen = i({ cancelable: !1 }), this.calciteSortHandleClose = i({ cancelable: !1 }), this.calciteSortHandleMove = i({ cancelable: !1 }), this.calciteSortHandleOpen = i({ cancelable: !1 }), this.calciteSortHandleReorder = i({ cancelable: !1 });
   }
   static {
-    this.properties = { disabled: 7, flipPlacements: 0, label: 1, messageOverrides: 0, messages: 0, moveToItems: 0, open: 7, overlayPositioning: 3, placement: 3, scale: 3, setPosition: 9, setSize: 9, widthScale: 3 };
+    this.properties = { hasSetInfo: 16, isSetDisabled: 16, disabled: 7, flipPlacements: 0, label: 1, messageOverrides: 0, messages: 0, moveToItems: 0, open: 7, overlayPositioning: 3, placement: 3, scale: 3, setPosition: 9, setSize: 9, widthScale: 3 };
   }
   static {
-    this.styles = U;
+    this.styles = H;
+  }
+  // #endregion
+  // #region State Properties
+  get hasSetInfo() {
+    return typeof this.setPosition == "number" && typeof this.setSize == "number";
+  }
+  get isSetDisabled() {
+    const { setPosition: e, setSize: t, moveToItems: o } = this;
+    return this.hasSetInfo ? e < 1 || t < 1 || t < 2 && o.length < 1 : !1;
   }
   // #endregion
   // #region Public Methods
   /** Sets focus on the component. */
   async setFocus() {
-    await D(this), this.dropdownEl?.setFocus();
+    await v(this), this.dropdownEl?.setFocus();
   }
   // #endregion
   // #region Lifecycle
   async load() {
-    H(this);
   }
   willUpdate(e) {
     e.has("open") && (this.hasUpdated || this.open !== !1) && this.openHandler();
   }
   updated() {
-    I(this);
+    D(this);
   }
   loaded() {
-    C(this);
   }
   // #endregion
   // #region Private Methods
@@ -68,8 +73,10 @@ class L extends y {
   }
   getLabel() {
     const { label: e, messages: t, setPosition: o, setSize: s } = this;
-    let n = e ? t.repositionLabel.replace(p.label, e) : t.reposition;
-    return n = n.replace(p.position, o ? o.toString() : ""), n.replace(p.total, s ? s.toString() : "");
+    if (!this.hasSetInfo)
+      return e ?? "";
+    let n = e ? t.repositionLabel.replace(c.label, e) : t.reposition;
+    return n = n.replace(c.position, o ? o.toString() : ""), n.replace(c.total, s ? s.toString() : "");
   }
   handleBeforeOpen(e) {
     e.stopPropagation(), this.calciteSortHandleBeforeOpen.emit();
@@ -95,18 +102,21 @@ class L extends y {
   // #endregion
   // #region Rendering
   render() {
-    const { disabled: e, flipPlacements: t, messages: o, open: s, overlayPositioning: n, placement: g, scale: r, setPosition: w, setSize: h, widthScale: $, moveToItems: S } = this, d = this.getLabel(), v = e || !w || !h || h < 2 && S.length < 1;
-    return B({ disabled: e, children: i`<calcite-dropdown class=${m(u.dropdown)} .disabled=${v} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${n} .placement=${g} .scale=${r} .widthScale=${$} ${P(this.setDropdownEl)}><calcite-action .active=${s} appearance=transparent class=${m(u.handle)} .dragHandle=${!0} .icon=${e ? f.blank : f.drag} .label=${d} .scale=${r} slot=trigger .text=${d} title=${d ?? c}></calcite-action>${l("reorder", i`<calcite-dropdown-group .groupTitle=${o.reorder} .scale=${r} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`)}${this.renderMoveToGroup()}</calcite-dropdown>` });
+    const { disabled: e, flipPlacements: t, open: o, overlayPositioning: s, placement: n, scale: p, widthScale: b } = this, r = this.getLabel(), g = e || this.isSetDisabled;
+    return I({ disabled: e, children: a`<calcite-dropdown class=${h(m.dropdown)} .disabled=${g} .flipPlacements=${t} @calciteDropdownBeforeClose=${this.handleBeforeClose} @calciteDropdownBeforeOpen=${this.handleBeforeOpen} @calciteDropdownClose=${this.handleClose} @calciteDropdownOpen=${this.handleOpen} .overlayPositioning=${s} .placement=${n} .scale=${p} .widthScale=${b} ${S(this.setDropdownEl)}><calcite-action .active=${o} appearance=transparent class=${h(m.handle)} .dragHandle=${!0} .icon=${e ? u.blank : u.drag} .label=${r} .scale=${p} slot=trigger .text=${r} title=${r ?? d}></calcite-action>${this.renderGroup()}${this.renderMoveToGroup()}</calcite-dropdown>` });
   }
   renderMoveToItem(e) {
-    return l(e.id, i`<calcite-dropdown-item data-id=${e.id ?? c} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`);
+    return l(e.id, a`<calcite-dropdown-item data-id=${e.id ?? d} .label=${e.label} @calciteDropdownItemSelect=${this.handleMoveTo}>${e.label}</calcite-dropdown-item>`);
+  }
+  renderGroup() {
+    return this.hasSetInfo ? l("reorder", a`<calcite-dropdown-group .groupTitle=${this.messages.reorder} .scale=${this.scale} selection-mode=none>${this.renderTop()}${this.renderUp()}${this.renderDown()}${this.renderBottom()}</calcite-dropdown-group>`) : null;
   }
   renderMoveToGroup() {
     const { messages: e, moveToItems: t, scale: o } = this;
-    return t.length ? l("move-to-items", i`<calcite-dropdown-group .groupTitle=${e.moveTo} .scale=${o} selection-mode=none>${t.map((s) => this.renderMoveToItem(s))}</calcite-dropdown-group>`) : null;
+    return t.length ? l("move-to-items", a`<calcite-dropdown-group .groupTitle=${e.moveTo} .scale=${o} selection-mode=none>${t.map((s) => this.renderMoveToItem(s))}</calcite-dropdown-group>`) : null;
   }
   renderDropdownItem(e, t) {
-    return l(b[e], i`<calcite-dropdown-item data-value=${b[e] ?? c} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`);
+    return l(f[e], a`<calcite-dropdown-item data-value=${f[e] ?? d} .label=${t} @calciteDropdownItemSelect=${this.handleReorder}>${t}</calcite-dropdown-item>`);
   }
   renderTop() {
     const { setPosition: e } = this;
@@ -123,7 +133,7 @@ class L extends y {
     return e !== t && e !== t - 1 ? this.renderDropdownItem(3, this.messages.moveToBottom) : null;
   }
 }
-T("calcite-sort-handle", L);
+w("calcite-sort-handle", B);
 export {
-  L as SortHandle
+  B as SortHandle
 };

package/dist/components/calcite-sort-handle/index.d.ts

@@ -1,5 +1,5 @@
 import "../calcite-dropdown/index.js";
 import "../calcite-action/index.js";
-import "../calcite-dropdown-group/index.js";
 import "../calcite-dropdown-item/index.js";
+import "../calcite-dropdown-group/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-sort-handle/index.js

@@ -1,5 +1,5 @@
 import "../calcite-dropdown/index.js";
 import "../calcite-action/index.js";
-import "../calcite-dropdown-group/index.js";
 import "../calcite-dropdown-item/index.js";
+import "../calcite-dropdown-group/index.js";
 export * from "./customElement.js";

package/dist/components/calcite-sortable-list/customElement.d.ts

@@ -5,7 +5,10 @@ import { InteractiveComponent } from '../../utils/interactive';
 import { Layout } from '../interfaces';
 import { DragDetail, SortableComponent } from '../../utils/sortableComponent';
 
-/** @slot - A slot for adding sortable items. */
+/**
+ * @deprecated Use the `calcite-block-group` component instead.
+ * @slot - A slot for adding sortable items.
+ */
 export declare class SortableList extends LitElement {
     /** When provided, the method will be called to determine whether the element can  move from the list. */
     canPull: (detail: DragDetail) => boolean;

package/dist/components/calcite-sortable-list/customElement.js

@@ -1,27 +1,25 @@
 import { c as d } from "../../chunks/runtime.js";
 import { html as h } from "lit-html";
 import { LitElement as m, createEvent as b, safeClassMap as u } from "@arcgis/lumina";
-import { u as p, I as f } from "../../chunks/interactive.js";
-import { c as g } from "../../chunks/observers.js";
+import { u as p, I as g } from "../../chunks/interactive.js";
+import { c as f } from "../../chunks/observers.js";
 import { d as v, c as y } from "../../chunks/sortableComponent.js";
 import { b as O } from "../../chunks/dom.js";
-import { css as S } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { l as S } from "../../chunks/logger.js";
+import { css as x } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const l = {
-  sortItem: "sort-item",
   container: "container",
   containerHorizontal: "container--horizontal",
   containerVertical: "container--vertical"
-}, x = S`: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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}`;
-class C extends m {
+}, C = x`: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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}`;
+class E extends m {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.dragEnabled = !0, this.items = [], this.mutationObserver = g("mutation", () => {
+    super(), this.dragEnabled = !0, this.items = [], this.mutationObserver = f("mutation", () => {
       this.setUpSorting();
     }), this.disabled = !1, this.handleSelector = "calcite-handle", this.layout = "vertical", this.loading = !1, this.calciteListOrderChange = b({ cancelable: !1 }), this.listen("calciteHandleNudge", this.calciteHandleNudgeNextHandler);
   }
@@ -29,11 +27,18 @@ class C extends m {
     this.properties = { canPull: 0, canPut: 0, disabled: 7, dragSelector: 3, group: 3, handleSelector: 3, layout: 3, loading: 7 };
   }
   static {
-    this.styles = x;
+    this.styles = C;
   }
   connectedCallback() {
     super.connectedCallback(), this.setUpSorting(), this.beginObserving();
   }
+  load() {
+    S.deprecated("component", {
+      name: "sortable-list",
+      removalVersion: 4,
+      suggested: "block-group"
+    });
+  }
   updated() {
     p(this);
   }
@@ -76,14 +81,14 @@ class C extends m {
   // #region Rendering
   render() {
     const { disabled: e, layout: r } = this, t = r === "horizontal" || !1;
-    return f({ disabled: e, children: h`<div class=${u({
+    return g({ disabled: e, children: h`<div class=${u({
       [l.container]: !0,
       [l.containerVertical]: !t,
       [l.containerHorizontal]: t
     })}><slot></slot></div>` });
   }
 }
-d("calcite-sortable-list", C);
+d("calcite-sortable-list", E);
 export {
-  C as SortableList
+  E as SortableList
 };

package/dist/components/calcite-split-button/customElement.js

@@ -2,23 +2,18 @@ import { c as n } from "../../chunks/runtime.js";
 import { html as o } from "lit-html";
 import { LitElement as r, createEvent as e, safeClassMap as t } from "@arcgis/lumina";
 import { u as l, I as c } from "../../chunks/interactive.js";
-import { c as s, s as d, a as p } from "../../chunks/loadable.js";
-import { h } from "../../chunks/dom.js";
-import { css as u } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+import { c as s } from "../../chunks/loadable.js";
+import { h as d } from "../../chunks/dom.js";
+import { css as p } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const i = {
   container: "container",
   dividerContainer: "divider-container",
-  divider: "divider",
-  widthAuto: "width-auto",
-  widthHalf: "width-half",
-  widthFull: "width-full"
-}, b = u`: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:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background: var(--calcite-color-brand);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background: var(--calcite-color-status-danger);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background: var(--calcite-color-foreground-3);--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-inverse);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background: transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background: transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
-class v extends r {
+  divider: "divider"
+}, h = p`: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:inline-block}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([kind=brand]){--calcite-internal-split-button-background: var(--calcite-color-brand);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=danger]){--calcite-internal-split-button-background: var(--calcite-color-status-danger);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([kind=neutral]){--calcite-internal-split-button-background: var(--calcite-color-foreground-3);--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-inverse);--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=transparent]){--calcite-internal-split-button-background: transparent}:host([appearance=transparent]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=transparent]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=transparent]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-text-1)}:host([appearance=transparent]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline]):host([kind=danger]),:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline]):host([kind=inverse]){--calcite-internal-split-button-background: transparent}:host([appearance=outline-fill]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-background: var(--calcite-color-background)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-internal-split-button-divider: var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-internal-split-button-divider: var(--calcite-color-inverse)}.container{display:flex;align-items:stretch}.container>calcite-dropdown>calcite-button{block-size:100%;vertical-align:top}.divider-container{display:flex;inline-size:1px;align-items:stretch;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;background-color:var(--calcite-internal-split-button-background)}.divider{margin-block:.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-internal-split-button-divider: var(--calcite-color-brand-press)}:host([appearance=outline-fill]:focus-within):host([kind=danger]),:host([appearance=outline]:focus-within):host([kind=danger]){--calcite-internal-split-button-divider: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill]:focus-within) .divider-container,:host([appearance=outline]:focus-within) .divider-container{background-color:var(--calcite-internal-split-button-divider)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]):host([appearance=outline-fill]) .divider-container{background-color:var(--calcite-color-background)}:host([disabled]):host([appearance=outline]) .divider-container{background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}`;
+class u extends r {
   constructor() {
     super(...arguments), this.active = !1, this.appearance = "solid", this.disabled = !1, this.dropdownIconType = "chevron", this.kind = "brand", this.loading = !1, this.overlayPositioning = "absolute", this.placement = "bottom-end", this.scale = "m", this.width = "auto", this.calciteSplitButtonPrimaryClick = e({ cancelable: !1 }), this.calciteSplitButtonSecondaryClick = e({ cancelable: !1 });
   }
@@ -29,7 +24,7 @@ class v extends r {
     this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
   }
   static {
-    this.styles = b;
+    this.styles = h;
   }
   // #endregion
   // #region Private Properties
@@ -40,18 +35,16 @@ class v extends r {
   // #region Public Methods
   /** Sets focus on the component's first focusable element. */
   async setFocus() {
-    await s(this), h(this.el);
+    await s(this), d(this.el);
   }
   // #endregion
   // #region Lifecycle
   load() {
-    d(this);
   }
   updated() {
     l(this);
   }
   loaded() {
-    p(this);
   }
   // #endregion
   // #region Private Methods
@@ -68,7 +61,7 @@ class v extends r {
     return c({ disabled: this.disabled, children: o`<div class=${t(i.container)}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconEnd=${this.primaryIconEnd ? this.primaryIconEnd : null} .iconFlipRtl=${this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null} .iconStart=${this.primaryIconStart ? this.primaryIconStart : null} .kind=${this.kind} .label=${this.primaryLabel} .loading=${this.loading} @click=${this.calciteSplitButtonPrimaryClickHandler} .scale=${this.scale} split-child=primary type=button .width=${a}>${this.primaryText}</calcite-button><div class=${t(i.dividerContainer)}><div class=${t(i.divider)}></div></div><calcite-dropdown .disabled=${this.disabled} .flipPlacements=${this.flipPlacements} @click=${this.calciteSplitButtonSecondaryClickHandler} .open=${this.active} .overlayPositioning=${this.overlayPositioning} .placement=${this.placement} .scale=${this.scale} .widthScale=${this.scale}><calcite-button .appearance=${this.appearance} .disabled=${this.disabled} .iconStart=${this.dropdownIcon} .kind=${this.kind} .label=${this.dropdownLabel} .scale=${this.scale} slot=trigger split-child=secondary type=button></calcite-button><slot></slot></calcite-dropdown></div>` });
   }
 }
-n("calcite-split-button", v);
+n("calcite-split-button", u);
 export {
-  v as SplitButton
+  u as SplitButton
 };

package/dist/components/calcite-stack/customElement.js

@@ -3,13 +3,11 @@ import { html as n } from "lit-html";
 import { keyed as i } from "lit-html/directives/keyed.js";
 import { LitElement as l, safeClassMap as e } from "@arcgis/lumina";
 import { a } from "../../chunks/dom.js";
-import { C as s, S as o } from "../../chunks/resources.js";
+import { S as o, C as s } from "../../chunks/resources.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.98
-*/
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const r = d`:host([disabled]) .content{cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) .content *,:host([disabled]) .content ::slotted(*){pointer-events:none}:host{display:flex;flex:1 1 0%;flex-direction:column}.container{display:flex;flex:1 1 auto;align-items:stretch;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}.content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;font-size:var(--calcite-font-size--2);line-height:1.375;padding-inline:var(--calcite-stack-padding-inline, .75rem);padding-block:var(--calcite-stack-padding-block, .5rem)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:0 1 auto}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:.75rem;align-self:center}.actions-start,.actions-end,.content-start,.content-end{display:flex;align-items:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}:host([hidden]){display:none}[hidden]{display:none}`;
 class h extends l {
   constructor() {