@ds-mo/ui 16.1.3 → 16.2.0

package/dist/components/ds-shell-page.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-C860ilDn.js";const t=o;const n=s;export{t as DsShellPage,n as defineCustomElement};
+import{S as o,d as s}from"./p-A47UHyiC.js";const t=o;const p=s;export{t as DsShellPage,p as defineCustomElement};
 //# sourceMappingURL=ds-shell-page.js.map

package/dist/components/ds-shell-tools.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-1lWK_LMY.js";const t=o;const p=s;export{t as DsShellTools,p as defineCustomElement};
+import{S as o,d as s}from"./p-DJtohrKV.js";const t=o;const r=s;export{t as DsShellTools,r as defineCustomElement};
 //# sourceMappingURL=ds-shell-tools.js.map

package/dist/components/ds-skeleton.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-DcvPY30Q.js";const t=o;const c=s;export{t as DsSkeleton,c as defineCustomElement};
+import{S as o,d as s}from"./p-X-GPE9bP.js";const t=o;const p=s;export{t as DsSkeleton,p as defineCustomElement};
 //# sourceMappingURL=ds-skeleton.js.map

package/dist/components/ds-slider.js

@@ -1,2 +1,2 @@
-import{p as s,H as i,c as e,h as t,a as r,t as d}from"./index.js";import{n as a}from"./p-Dka0lUI_.js";import{d as l}from"./p-DMPn_dt7.js";import{a as o,s as n,c,r as h}from"./p-DGVZhrMd.js";const u=()=>`@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{color:var(--ds-forced-color-disabled);opacity:1}}.ds-field-stack.sc-ds-slider-h,.ds-field-stack.sc-ds-slider{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider-h .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__description.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__error.sc-ds-slider{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-400);--ds-slider-track-size:var(--dimension-size-100);--ds-slider-thumb-size:calc(     var(--ds-slider-track-size) + var(--dimension-space-050) + var(--dimension-space-050)   );--ds-slider-endpoint-size:var(--ds-slider-track-size);--ds-slider-thumb-overhang:calc(     (var(--ds-slider-thumb-size) - var(--ds-slider-endpoint-size)) / 2   );--ds-slider-track-stroke:var(--dimension-stroke-width-012);--ds-slider-vertical-length:calc(var(--dimension-size-800) * 3);box-sizing:border-box;width:100%;color:var(--color-foreground-primary)}.slider--sm.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-300);--ds-slider-track-size:var(--dimension-size-075)}.slider--xs.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-200);--ds-slider-track-size:var(--dimension-size-050)}.slider--thumb-center.sc-ds-slider-h{--ds-slider-endpoint-size:var(--ds-slider-thumb-size)}.slider--vertical.sc-ds-slider-h{width:fit-content;min-width:var(--dimension-form-width-xs)}.slider__label-row.sc-ds-slider{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dimension-space-100);min-width:0}.slider__label.sc-ds-slider{min-width:0}.slider__value.sc-ds-slider{flex-shrink:0}.slider__control.sc-ds-slider{position:relative;width:100%;height:var(--ds-slider-control-size);border-radius:var(--dimension-radius-half);cursor:default;touch-action:none;user-select:none}.slider--vertical.sc-ds-slider-h .slider__control.sc-ds-slider{align-self:center;width:var(--ds-slider-control-size);height:var(--ds-slider-vertical-length)}.slider--readonly.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:default}.ds-control-inactive.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:not-allowed}.slider__rail.sc-ds-slider{position:absolute;top:50%;right:0;left:0;height:var(--ds-slider-track-size);overflow:hidden;border-radius:var(--dimension-radius-half);background-color:var(--color-background-faint-neutral);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translateY(-50%);pointer-events:none}.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{right:calc(var(--ds-slider-thumb-size) / 2);left:calc(var(--ds-slider-thumb-size) / 2)}.slider__indicator.sc-ds-slider{position:absolute;top:0;bottom:0;left:0;width:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );border-radius:inherit;background-color:var(--color-background-bold-brand)}.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );width:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(var(--ds-slider-start-pct, 0) * 1%);width:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider__thumb.sc-ds-slider{position:absolute;top:50%;left:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );width:var(--ds-slider-thumb-size);height:var(--ds-slider-thumb-size);transform:translateY(-50%);z-index:1}.slider__thumb--active.sc-ds-slider{z-index:2}.slider__input.sc-ds-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;appearance:none;pointer-events:none;z-index:2}.slider__thumb-visual.sc-ds-slider{position:absolute;inset:0;box-sizing:border-box;overflow:visible;border-radius:var(--dimension-radius-half);background-color:var(--color-background-transparent);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));box-shadow:var(--effect-elevation-elevated-md);pointer-events:none;transition:background-color var(--effect-motion-short-2),     box-shadow var(--effect-motion-short-2)}.slider__thumb-wash.sc-ds-slider{position:absolute;inset:0;border-radius:inherit;background-color:transparent;transition:background-color var(--effect-motion-short-2)}.slider__thumb-orb.sc-ds-slider{position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--ds-slider-track-size);height:var(--ds-slider-track-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-bold-brand);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translate(-50%, -50%)}@media (hover: hover) and (pointer: fine){.sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb.sc-ds-slider:hover .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-hover)}}[data-dragging].sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb--active.sc-ds-slider .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-pressed)}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.slider--vertical.sc-ds-slider-h .slider__rail.sc-ds-slider{top:0;right:auto;bottom:0;left:50%;width:var(--ds-slider-track-size);height:auto;transform:translateX(-50%)}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{top:calc(var(--ds-slider-thumb-size) / 2);bottom:calc(var(--ds-slider-thumb-size) / 2)}.slider--vertical.sc-ds-slider-h .slider__indicator.sc-ds-slider{top:auto;right:0;bottom:0;left:0;width:auto;height:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );height:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(var(--ds-slider-start-pct, 0) * 1%);height:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider--vertical.sc-ds-slider-h .slider__thumb.sc-ds-slider{top:auto;bottom:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion: reduce){.slider__thumb-visual.sc-ds-slider,.slider__thumb-wash.sc-ds-slider{transition:none}}@media (forced-colors: active){.slider__rail.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);box-shadow:none}.slider__indicator.sc-ds-slider{background-color:var(--ds-forced-color-selected)}.slider__thumb-visual.sc-ds-slider{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);background-color:var(--ds-forced-color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.slider__thumb-orb.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-on-selected);background-color:var(--ds-forced-color-selected);box-shadow:none}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline-color:var(--ds-forced-color-selected)}}.slider__tick.sc-ds-slider{position:absolute;top:calc(     50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050) + var(--dimension-space-012)   );left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );transform:translateX(-50%);pointer-events:none}.slider__tick-mark.sc-ds-slider{display:block;width:var(--dimension-stroke-width-025);height:var(--dimension-stroke-width-025);border-radius:var(--dimension-radius-half);background:var(--color-foreground-tertiary)}.slider__tick-label.sc-ds-slider{width:max-content;max-width:none;position:absolute;top:calc(100% + var(--dimension-space-050));left:50%;transform:translateX(-50%);white-space:nowrap}.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{container-type:inline-size}.sc-ds-slider-h:not(.slider--vertical) .slider__tick-label.sc-ds-slider{--ds-slider-label-anchor:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100cqw - var(--ds-slider-endpoint-size))   );transform:translateX(     clamp(       calc(-1 * var(--ds-slider-label-anchor)),       -50%,       calc(100cqw - var(--ds-slider-label-anchor) - 100%)     )   )}.slider--tick-labels.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{margin-bottom:var(--dimension-space-200)}.slider--vertical.sc-ds-slider-h .slider__tick.sc-ds-slider{top:auto;bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );left:calc(50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050));transform:translateY(50%)}.slider--vertical.sc-ds-slider-h .slider__tick-label.sc-ds-slider{top:50%;left:calc(100% + var(--dimension-space-050));transform:translateY(-50%)}`;let b=0;let m=0;const f=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.dsCommit=e(this,"dsCommit",7);this.internals=this.attachInternals();this.value=0;this.min=0;this.max=100;this.step=1;this.ticks=[];this.minStepsBetweenValues=0;this.showValue=true;this.size="md";this.orientation="horizontal";this.thumbAlignment="edge";this.disabled=false;this.readOnly=false;this.isInactive=false;this.ariaLabel=null;this.startLabel="Minimum value";this.endLabel="Maximum value";this.valueTexts=[];this.valuePrefix="";this.valueSuffix="";this.rangeSeparator="–";this.formDisabled=false;this.dragging=false;this.focused=false;this.touched=false;this.activeThumbIndex=0;this.generatedId=`ds-slider-${++b}`;this.labelId=`${this.generatedId}-label`;this.initialValue=0;this.lastCommittedValue=0;this.pointerId=null;this.pointerStartValue=0;this.controlEl=null;this.handleNativeInput=(s,i)=>{const e=s.target;this.activeThumbIndex=i;if(this.readOnly||this.isDisabled){e.value=String(this.resolvedValues[i]);return}this.setValueAt(i,Number(e.value))};this.handleNativeChange=()=>{if(!this.readOnly&&!this.isDisabled)this.commitIfChanged()};this.handleKeyDown=(s,i)=>{const e=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"];if(!this.readOnly&&this.resolvedTicks.length&&e.includes(s.key)){s.preventDefault();if(this.isDisabled)return;const e=this.resolvedTicks.filter((s=>s.value>=this.allowedMin(i)&&s.value<=this.allowedMax(i)));const t=this.resolvedValues[i];const r=["ArrowRight","ArrowUp","PageUp"].includes(s.key);const d=s.key==="Home"?e[0]:s.key==="End"?e[e.length-1]:r?e.find((s=>s.value>t)):[...e].reverse().find((s=>s.value<t));if(d&&this.setValueAt(i,d.value))this.commitIfChanged();return}if(!this.readOnly)return;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(s.key)){s.preventDefault()}};this.handleFocus=s=>{this.activeThumbIndex=s;this.focused=true};this.handleBlur=s=>{const i=s.relatedTarget;if(i instanceof Node&&this.el.contains(i))return;this.focused=false;this.touched=true};this.handleHostClick=s=>{if(s.target!==this.el||this.isDisabled)return;const i=this.el.querySelectorAll(".slider__input");i[Math.min(this.activeThumbIndex,i.length-1)]?.focus()};this.handlePointerDown=s=>{if(s.button!==0||this.isDisabled||this.readOnly)return;s.preventDefault();const i=this.valueFromPointer(s);const e=this.closestThumbIndex(i,s.target);this.activeThumbIndex=e;this.pointerId=s.pointerId;this.pointerStartValue=this.cloneValue(this.publicValue);this.dragging=true;this.setValueAt(e,i);this.controlEl?.setPointerCapture(s.pointerId);requestAnimationFrame((()=>{const s=this.el.querySelectorAll(".slider__input")[e];s?.focus({preventScroll:true})}))};this.handlePointerMove=s=>{if(this.pointerId!==s.pointerId||!this.dragging)return;s.preventDefault();this.setValueAt(this.activeThumbIndex,this.valueFromPointer(s))}}componentWillLoad(){this.initialValue=this.cloneValue(this.publicValue);this.lastCommittedValue=this.cloneValue(this.publicValue);this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const s=this.resolvedValues;if(this.isRange){o(this.internals,this.name,s,{inactive:this.isDisabled})}else{const i=String(s[0]);n(this.internals,this.name?i:null,{inactive:this.isDisabled,state:i})}}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.value=this.cloneValue(this.initialValue);this.lastCommittedValue=this.cloneValue(this.initialValue);this.dragging=false;this.focused=false;this.touched=false}formStateRestoreCallback(s){if(this.isRange){const i=c(s,2);this.value=i.length?i:this.cloneValue(this.initialValue)}else{const i=Number(h(s,"NaN"));if(Number.isFinite(i))this.value=i}this.lastCommittedValue=this.cloneValue(this.publicValue)}async setFocus(s=0){const i=this.el.querySelectorAll(".slider__input");i[Math.max(0,Math.min(s,i.length-1))]?.focus()}get isDisabled(){return this.disabled||this.isInactive||this.formDisabled}get isRange(){return Array.isArray(this.value)}get safeStep(){const s=Number(this.step);return Number.isFinite(s)&&s>0?s:1}get resolvedTicks(){const s=new Map;for(const i of this.ticks){if(Number.isFinite(i.value)&&i.value>=this.safeMin&&i.value<=this.safeMax)s.set(i.value,i)}return[...s.values()].sort(((s,i)=>s.value-i.value))}get safeMin(){return Number.isFinite(this.min)?this.min:0}get safeMax(){const s=this.safeMin;return Number.isFinite(this.max)&&this.max>s?this.max:s+this.safeStep}get minimumGap(){const s=Number.isFinite(this.minStepsBetweenValues)?Math.max(0,Math.floor(this.minStepsBetweenValues)):0;const i=this.resolvedTicks;const e=i.length?i[i.length-1].value-i[0].value:this.safeMax-this.safeMin;return Math.min(e,s*this.safeStep)}get resolvedValues(){const s=this.safeMin;const i=this.safeMax;if(!this.isRange)return[this.snap(Number(this.value))];const e=this.value;let t=this.snap(Number(e[0]??s));let r=this.snap(Number(e[1]??i));if(t>r)[t,r]=[r,t];const d=Math.min(this.minimumGap,i-s);if(r-t<d){r=Math.min(i,this.snap(t+d));t=Math.max(s,this.snap(r-d));const e=this.resolvedTicks;if(e.length&&r-t<d){r=e.find((s=>s.value>=t+d))?.value??e[e.length-1].value;t=[...e].reverse().find((s=>s.value<=r-d))?.value??e[0].value}}return[t,r]}get publicValue(){const s=this.resolvedValues;return this.isRange?[...s]:s[0]}cloneValue(s){return Array.isArray(s)?[...s]:s}valuesEqual(s,i){if(Array.isArray(s)&&Array.isArray(i)){return s.length===i.length&&s.every(((s,e)=>s===i[e]))}return!Array.isArray(s)&&!Array.isArray(i)&&s===i}decimalPlaces(s){const i=String(s).toLowerCase();if(i.includes("e-"))return Number(i.split("e-")[1])||0;return i.includes(".")?i.split(".")[1].length:0}snap(s,i=this.safeMin,e=this.safeMax){const t=this.resolvedTicks.filter((s=>s.value>=i&&s.value<=e));if(t.length)return t.reduce(((i,e)=>Math.abs(e.value-s)<Math.abs(i.value-s)?e:i)).value;if(this.step==="any")return Math.min(e,Math.max(i,Number.isFinite(s)?s:i));const r=Number.isFinite(s)?s:i;const d=i+Math.round((r-i)/this.safeStep)*this.safeStep;const a=Math.min(10,Math.max(this.decimalPlaces(i),this.decimalPlaces(e),this.decimalPlaces(this.safeStep)));return Number(Math.min(e,Math.max(i,d)).toFixed(a))}percent(s){return(s-this.safeMin)/(this.safeMax-this.safeMin)*100}allowedMin(s,i=this.resolvedValues){return this.isRange&&s===1?Math.min(this.safeMax,i[0]+this.minimumGap):this.safeMin}allowedMax(s,i=this.resolvedValues){return this.isRange&&s===0?Math.max(this.safeMin,i[1]-this.minimumGap):this.safeMax}setValueAt(s,i){const e=this.publicValue;const t=this.resolvedValues;const r=Math.min(this.allowedMax(s,t),Math.max(this.allowedMin(s,t),this.snap(i,this.allowedMin(s,t),this.allowedMax(s,t))));t[s]=r;const d=this.isRange?[...t]:t[0];if(this.valuesEqual(e,d))return false;this.value=d;this.dsChange.emit(this.cloneValue(d));return true}commitIfChanged(){const s=this.publicValue;if(this.valuesEqual(s,this.lastCommittedValue))return;this.lastCommittedValue=this.cloneValue(s);this.dsCommit.emit(this.cloneValue(s))}syncNativeLabels(){if(this.label||this.ariaLabel||this.ariaLabelledby||this.isRange)return;const s=Array.from(this.internals.labels).map((s=>{if(!s.id)s.id=`ds-slider-label-${++m}`;return s.id}));if(s.length)this.externalLabelledby=s.join(" ")}formattedValue(s,i){const e=this.valueTexts[i]??this.valueText??this.resolvedTicks.find((i=>i.value===s))?.label;if(e)return e;let t;try{t=a(this.locale,this.formatOptions).format(s)}catch{t=String(s)}return`${this.valuePrefix}${t}${this.valueSuffix}`}ariaValueText(s,i){if(this.resolvedTicks.some((i=>i.value===s&&i.label))||this.valueTexts[i]||this.valueText||this.valuePrefix||this.valueSuffix||this.formatOptions){return this.formattedValue(s,i)}return undefined}pointerPercent(s){const i=this.controlEl;if(!i)return 0;const e=i.getBoundingClientRect();const t=this.el.querySelector(this.thumbAlignment==="edge"?".slider__thumb-orb":".slider__thumb");const r=t?this.orientation==="horizontal"?t.offsetWidth:t.offsetHeight:0;const d=r/2;if(this.orientation==="vertical"){const i=Math.max(1,e.height-d*2);return Math.min(1,Math.max(0,(e.bottom-d-s.clientY)/i))}const a=Math.max(1,e.width-d*2);const l=(s.clientX-e.left-d)/a;return Math.min(1,Math.max(0,l))}valueFromPointer(s){return this.snap(this.safeMin+this.pointerPercent(s)*(this.safeMax-this.safeMin))}closestThumbIndex(s,e){const t=e instanceof i?e.closest(".slider__thumb"):null;if(t?.dataset["index"])return Number(t.dataset["index"]);if(!this.isRange)return 0;const r=this.resolvedValues;const d=Math.abs(s-r[0]);const a=Math.abs(s-r[1]);if(d===a)return s>=r[0]?1:0;return d<a?0:1}endPointerInteraction(s,i){if(this.pointerId!==s.pointerId)return;if(this.controlEl?.hasPointerCapture(s.pointerId))this.controlEl.releasePointerCapture(s.pointerId);this.pointerId=null;this.dragging=false;this.touched=true;if(!i&&!this.valuesEqual(this.pointerStartValue,this.publicValue))this.commitIfChanged()}renderThumb(s,i){const e=i===0?this.inputId??`${this.generatedId}-input`:`${this.inputId??`${this.generatedId}-input`}-end`;const r=i===0?this.startLabel:this.endLabel;const d=this.isRange?undefined:this.ariaLabelledby??(this.label?this.labelId:this.externalLabelledby);const a=this.isRange?r:d?undefined:this.ariaLabel;return t("div",{class:{slider__thumb:true,"slider__thumb--active":i===this.activeThumbIndex},"data-index":String(i),style:{"--ds-slider-thumb-pct":String(this.percent(s))}},t("input",{class:"slider__input",type:"range",id:e,min:this.allowedMin(i),max:this.allowedMax(i),step:this.resolvedTicks.length||this.step==="any"?"any":this.safeStep,value:s,disabled:this.isDisabled,"aria-label":a,"aria-labelledby":d,"aria-describedby":this.ariaDescribedby,"aria-valuetext":this.ariaValueText(s,i),"aria-orientation":this.orientation==="vertical"?"vertical":undefined,"aria-readonly":this.readOnly?"true":undefined,onInput:s=>this.handleNativeInput(s,i),onChange:this.handleNativeChange,onKeyDown:s=>this.handleKeyDown(s,i),onFocus:()=>this.handleFocus(i),onBlur:this.handleBlur}),t("span",{class:"slider__thumb-visual","aria-hidden":"true"},t("span",{class:"slider__thumb-wash"}),t("span",{class:"slider__thumb-orb"})))}render(){const s=this.resolvedValues;const i=s[0];const e=s[s.length-1];const d=this.inputId??`${this.generatedId}-input`;const a=!this.valuesEqual(this.publicValue,this.initialValue);const l=s.map(((s,i)=>this.formattedValue(s,i))).join(` ${this.rangeSeparator} `);return t(r,{key:"1cbb6ba9968fbbd305c6a388b3c2ad8845a2a3a5","aria-disabled":this.isDisabled?"true":undefined,class:{slider:true,"ds-field-stack":true,[`slider--${this.size}`]:true,[`slider--${this.orientation}`]:true,[`slider--thumb-${this.thumbAlignment}`]:true,"slider--range":this.isRange,"slider--ticks":this.resolvedTicks.length>0,"slider--tick-labels":this.resolvedTicks.some((s=>Boolean(s.label))),"slider--readonly":this.readOnly,"ds-control-inactive":this.isDisabled},"data-orientation":this.orientation,"data-disabled":this.isDisabled?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-dragging":this.dragging?"":undefined,"data-focused":this.focused?"":undefined,"data-filled":"","data-dirty":a?"":undefined,"data-touched":this.touched?"":undefined,"data-valid":!this.isDisabled?"":undefined,onClick:this.handleHostClick},(this.label||this.showValue)&&t("div",{key:"bc2dc7b5c7438e5321078aa1568408778e6cd951",class:"slider__label-row"},this.label&&t("ds-text",{key:"0ac7c4ac324362fdf0605a46c3560279ba56fc1a",class:"slider__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:d,textId:this.labelId},this.label),this.showValue&&t("ds-text",{key:"5d0d41a2920031168d1b06e57a5dcf0f11db6be0",class:"slider__value",as:"span",variant:"text-body-small",color:"primary",fontFeature:"tabular-nums"},l)),t("div",{key:"898df7665d18060bbe15e1e565bab49ec89093f6",class:"slider__control",ref:s=>{this.controlEl=s??null},style:{"--ds-slider-start-pct":String(this.isRange?this.percent(i):0),"--ds-slider-end-pct":String(this.percent(e))},onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:s=>this.endPointerInteraction(s,false),onPointerCancel:s=>this.endPointerInteraction(s,true)},t("div",{key:"dba5d62b4f2df52fabb157a144d7269cc2dba9fa",class:"slider__rail","aria-hidden":"true"},t("div",{key:"8e6fd2083635894ed2783000933fed41c096c19a",class:"slider__indicator"})),this.resolvedTicks.map((s=>t("span",{class:"slider__tick","data-edge":s.value===this.safeMin?"start":s.value===this.safeMax?"end":undefined,"aria-hidden":"true",style:{"--ds-slider-tick-pct":String(this.percent(s.value))}},t("span",{class:"slider__tick-mark"}),s.label&&t("ds-text",{class:"slider__tick-label",as:"span",variant:"text-caption",color:"secondary"},s.label)))),s.map(((s,i)=>this.renderThumb(s,i)))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}}static get style(){return u()}},[66,"ds-slider",{value:[1026],min:[2],max:[2],step:[8],ticks:[16],minStepsBetweenValues:[2,"min-steps-between-values"],label:[1],showValue:[4,"show-value"],size:[1],orientation:[1],thumbAlignment:[1,"thumb-alignment"],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],valueText:[1,"value-text"],valueTexts:[16],locale:[1],formatOptions:[16],valuePrefix:[1,"value-prefix"],valueSuffix:[1,"value-suffix"],rangeSeparator:[1,"range-separator"],inputId:[1,"input-id"],formDisabled:[32],dragging:[32],focused:[32],touched:[32],activeThumbIndex:[32],externalLabelledby:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-slider","ds-text"];s.forEach((s=>{switch(s){case"ds-slider":if(!customElements.get(d(s))){customElements.define(d(s),f)}break;case"ds-text":if(!customElements.get(d(s))){l()}break}}))}v();const p=f;const _=v;export{p as DsSlider,_ as defineCustomElement};
+import{p as s,H as i,c as e,h as t,a as r,t as d}from"./index.js";import{n as a}from"./p-Dka0lUI_.js";import{d as l}from"./p-DcwgXLe-.js";import{a as o,s as n,c,r as h}from"./p-DGVZhrMd.js";const u=()=>`@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{opacity:var(--effect-opacity-medium);pointer-events:none;cursor:not-allowed}@media (forced-colors: active){.ds-control-inactive.sc-ds-slider-h,.ds-control-inactive.sc-ds-slider{color:var(--ds-forced-color-disabled);opacity:1}}.ds-field-stack.sc-ds-slider-h,.ds-field-stack.sc-ds-slider{display:flex;flex-direction:column;gap:var(--dimension-space-050)}.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider-h .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .error-text.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__description.sc-ds-slider,.ds-field-stack.ds-field-stack--supporting-inset.sc-ds-slider .field__error.sc-ds-slider{padding-inline:calc(     var(--ds-control-padding-inline, var(--dimension-space-075)) +       var(--ds-control-label-inset, var(--dimension-space-025))   )}@media (forced-colors: active){.sc-ds-slider:root,.sc-ds-slider-h,.ds-forced-colors-scope.sc-ds-slider{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-400);--ds-slider-track-size:var(--dimension-size-100);--ds-slider-thumb-size:calc(     var(--ds-slider-track-size) + var(--dimension-space-050) + var(--dimension-space-050)   );--ds-slider-endpoint-size:var(--ds-slider-track-size);--ds-slider-thumb-overhang:calc(     (var(--ds-slider-thumb-size) - var(--ds-slider-endpoint-size)) / 2   );--ds-slider-track-stroke:var(--dimension-stroke-width-012);--ds-slider-vertical-length:calc(var(--dimension-size-800) * 3);box-sizing:border-box;width:100%;color:var(--color-foreground-primary)}.slider--sm.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-300);--ds-slider-track-size:var(--dimension-size-075)}.slider--xs.sc-ds-slider-h{--ds-slider-control-size:var(--dimension-size-200);--ds-slider-track-size:var(--dimension-size-050)}.slider--thumb-center.sc-ds-slider-h{--ds-slider-endpoint-size:var(--ds-slider-thumb-size)}.slider--vertical.sc-ds-slider-h{width:fit-content;min-width:var(--dimension-form-width-xs)}.slider__label-row.sc-ds-slider{display:flex;align-items:baseline;justify-content:space-between;gap:var(--dimension-space-100);min-width:0}.slider__label.sc-ds-slider{min-width:0}.slider__value.sc-ds-slider{flex-shrink:0}.slider__control.sc-ds-slider{position:relative;width:100%;height:var(--ds-slider-control-size);border-radius:var(--dimension-radius-half);cursor:default;touch-action:none;user-select:none}.slider--vertical.sc-ds-slider-h .slider__control.sc-ds-slider{align-self:center;width:var(--ds-slider-control-size);height:var(--ds-slider-vertical-length)}.slider--readonly.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:default}.ds-control-inactive.sc-ds-slider-h .slider__control.sc-ds-slider{cursor:not-allowed}.slider__rail.sc-ds-slider{position:absolute;top:50%;right:0;left:0;height:var(--ds-slider-track-size);overflow:hidden;border-radius:var(--dimension-radius-half);background-color:var(--color-background-faint-neutral);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translateY(-50%);pointer-events:none}.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{right:calc(var(--ds-slider-thumb-size) / 2);left:calc(var(--ds-slider-thumb-size) / 2)}.slider__indicator.sc-ds-slider{position:absolute;top:0;bottom:0;left:0;width:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );border-radius:inherit;background-color:var(--color-background-bold-brand)}.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );width:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{left:calc(var(--ds-slider-start-pct, 0) * 1%);width:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider__thumb.sc-ds-slider{position:absolute;top:50%;left:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );width:var(--ds-slider-thumb-size);height:var(--ds-slider-thumb-size);transform:translateY(-50%);z-index:1}.slider__thumb--active.sc-ds-slider{z-index:2}.slider__input.sc-ds-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;appearance:none;pointer-events:none;z-index:2}.slider__thumb-visual.sc-ds-slider{position:absolute;inset:0;box-sizing:border-box;overflow:visible;border-radius:var(--dimension-radius-half);background-color:var(--color-background-transparent);-webkit-backdrop-filter:blur(var(--effect-blur-sm));backdrop-filter:blur(var(--effect-blur-sm));box-shadow:var(--effect-elevation-elevated-md);pointer-events:none;transition:background-color var(--effect-motion-short-2),     box-shadow var(--effect-motion-short-2)}.slider__thumb-wash.sc-ds-slider{position:absolute;inset:0;border-radius:inherit;background-color:transparent;transition:background-color var(--effect-motion-short-2)}.slider__thumb-orb.sc-ds-slider{position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--ds-slider-track-size);height:var(--ds-slider-track-size);border-radius:var(--dimension-radius-half);background-color:var(--color-background-bold-brand);box-shadow:inset 0 0 0 var(--ds-slider-track-stroke) var(--color-border-tertiary);transform:translate(-50%, -50%)}@media (hover: hover) and (pointer: fine){.sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb.sc-ds-slider:hover .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-hover)}}[data-dragging].sc-ds-slider-h:not(.slider--readonly):not(.ds-control-inactive) .slider__thumb--active.sc-ds-slider .slider__thumb-wash.sc-ds-slider{background-color:var(--color-interaction-pressed)}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline:var(--dimension-stroke-width-025) solid var(--color-interaction-focus);outline-offset:var(--dimension-space-025)}.slider--vertical.sc-ds-slider-h .slider__rail.sc-ds-slider{top:0;right:auto;bottom:0;left:50%;width:var(--ds-slider-track-size);height:auto;transform:translateX(-50%)}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__rail.sc-ds-slider{top:calc(var(--ds-slider-thumb-size) / 2);bottom:calc(var(--ds-slider-thumb-size) / 2)}.slider--vertical.sc-ds-slider-h .slider__indicator.sc-ds-slider{top:auto;right:0;bottom:0;left:0;width:auto;height:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-end-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--range.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-start-pct, 0) / 100) *       (100% - var(--ds-slider-endpoint-size))   );height:calc(     ((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) / 100) *       (100% - var(--ds-slider-endpoint-size))   )}.slider--vertical.slider--thumb-center.sc-ds-slider-h .slider__indicator.sc-ds-slider{bottom:calc(var(--ds-slider-start-pct, 0) * 1%);height:calc((var(--ds-slider-end-pct, 0) - var(--ds-slider-start-pct, 0)) * 1%)}.slider--vertical.sc-ds-slider-h .slider__thumb.sc-ds-slider{top:auto;bottom:calc(     (var(--ds-slider-thumb-pct, 0) / 100) * (100% - var(--ds-slider-endpoint-size)) -       var(--ds-slider-thumb-overhang)   );left:50%;transform:translateX(-50%)}@media (prefers-reduced-motion: reduce){.slider__thumb-visual.sc-ds-slider,.slider__thumb-wash.sc-ds-slider{transition:none}}@media (forced-colors: active){.slider__rail.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-content);box-shadow:none}.slider__indicator.sc-ds-slider{background-color:var(--ds-forced-color-selected)}.slider__thumb-visual.sc-ds-slider{border:var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);background-color:var(--ds-forced-color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.slider__thumb-orb.sc-ds-slider{border:var(--ds-slider-track-stroke) solid var(--ds-forced-color-on-selected);background-color:var(--ds-forced-color-selected);box-shadow:none}.slider__input.sc-ds-slider:focus-visible+.slider__thumb-visual.sc-ds-slider,[data-review-focus].sc-ds-slider-h .slider__thumb[data-index='0'].sc-ds-slider .slider__thumb-visual.sc-ds-slider{outline-color:var(--ds-forced-color-selected)}}.slider__tick.sc-ds-slider{position:absolute;top:calc(     50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050) + var(--dimension-space-012)   );left:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );transform:translateX(-50%);pointer-events:none}.slider__tick-mark.sc-ds-slider{display:block;width:var(--dimension-stroke-width-025);height:var(--dimension-stroke-width-025);border-radius:var(--dimension-radius-half);background:var(--color-foreground-tertiary)}.slider__tick-label.sc-ds-slider{width:max-content;max-width:none;position:absolute;top:calc(100% + var(--dimension-space-050));left:50%;transform:translateX(-50%);white-space:nowrap}.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{container-type:inline-size}.sc-ds-slider-h:not(.slider--vertical) .slider__tick-label.sc-ds-slider{--ds-slider-label-anchor:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100cqw - var(--ds-slider-endpoint-size))   );transform:translateX(     clamp(       calc(-1 * var(--ds-slider-label-anchor)),       -50%,       calc(100cqw - var(--ds-slider-label-anchor) - 100%)     )   )}.slider--tick-labels.sc-ds-slider-h:not(.slider--vertical) .slider__control.sc-ds-slider{margin-bottom:var(--dimension-space-200)}.slider--vertical.sc-ds-slider-h .slider__tick.sc-ds-slider{top:auto;bottom:calc(     var(--ds-slider-endpoint-size) / 2 + (var(--ds-slider-tick-pct) / 100) *       (100% - var(--ds-slider-endpoint-size))   );left:calc(50% + var(--ds-slider-track-size) / 2 + var(--dimension-space-050));transform:translateY(50%)}.slider--vertical.sc-ds-slider-h .slider__tick-label.sc-ds-slider{top:50%;left:calc(100% + var(--dimension-space-050));transform:translateY(-50%)}`;let f=0;let b=0;const m=s(class s extends i{constructor(s){super();if(s!==false){this.__registerHost()}this.dsChange=e(this,"dsChange",7);this.dsCommit=e(this,"dsCommit",7);this.internals=this.attachInternals();this.value=0;this.min=0;this.max=100;this.step=1;this.ticks=[];this.minStepsBetweenValues=0;this.showValue=true;this.size="md";this.orientation="horizontal";this.thumbAlignment="edge";this.disabled=false;this.readOnly=false;this.isInactive=false;this.ariaLabel=null;this.startLabel="Minimum value";this.endLabel="Maximum value";this.valueTexts=[];this.valuePrefix="";this.valueSuffix="";this.rangeSeparator="–";this.formDisabled=false;this.dragging=false;this.focused=false;this.touched=false;this.activeThumbIndex=0;this.generatedId=`ds-slider-${++f}`;this.labelId=`${this.generatedId}-label`;this.initialValue=0;this.lastCommittedValue=0;this.pointerId=null;this.pointerStartValue=0;this.controlEl=null;this.handleNativeInput=(s,i)=>{const e=s.target;this.activeThumbIndex=i;if(this.readOnly||this.isDisabled){e.value=String(this.resolvedValues[i]);return}this.setValueAt(i,Number(e.value))};this.handleNativeChange=()=>{if(!this.readOnly&&!this.isDisabled)this.commitIfChanged()};this.handleKeyDown=(s,i)=>{const e=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"];if(!this.readOnly&&this.resolvedTicks.length&&e.includes(s.key)){s.preventDefault();if(this.isDisabled)return;const e=this.resolvedTicks.filter((s=>s.value>=this.allowedMin(i)&&s.value<=this.allowedMax(i)));const t=this.resolvedValues[i];const r=["ArrowRight","ArrowUp","PageUp"].includes(s.key);const d=s.key==="Home"?e[0]:s.key==="End"?e[e.length-1]:r?e.find((s=>s.value>t)):[...e].reverse().find((s=>s.value<t));if(d&&this.setValueAt(i,d.value))this.commitIfChanged();return}if(!this.readOnly)return;if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown"].includes(s.key)){s.preventDefault()}};this.handleFocus=s=>{this.activeThumbIndex=s;this.focused=true};this.handleBlur=s=>{const i=s.relatedTarget;if(i instanceof Node&&this.el.contains(i))return;this.focused=false;this.touched=true};this.handleHostClick=s=>{if(s.target!==this.el||this.isDisabled)return;const i=this.el.querySelectorAll(".slider__input");i[Math.min(this.activeThumbIndex,i.length-1)]?.focus()};this.handlePointerDown=s=>{if(s.button!==0||this.isDisabled||this.readOnly)return;s.preventDefault();const i=this.valueFromPointer(s);const e=this.closestThumbIndex(i,s.target);this.activeThumbIndex=e;this.pointerId=s.pointerId;this.pointerStartValue=this.cloneValue(this.publicValue);this.dragging=true;this.setValueAt(e,i);this.controlEl?.setPointerCapture(s.pointerId);requestAnimationFrame((()=>{const s=this.el.querySelectorAll(".slider__input")[e];s?.focus({preventScroll:true})}))};this.handlePointerMove=s=>{if(this.pointerId!==s.pointerId||!this.dragging)return;s.preventDefault();this.setValueAt(this.activeThumbIndex,this.valueFromPointer(s))}}componentWillLoad(){this.initialValue=this.cloneValue(this.publicValue);this.lastCommittedValue=this.cloneValue(this.publicValue);this.syncFormValue()}componentDidLoad(){this.syncNativeLabels()}syncFormValue(){const s=this.resolvedValues;if(this.isRange){o(this.internals,this.name,s,{inactive:this.isDisabled})}else{const i=String(s[0]);n(this.internals,this.name?i:null,{inactive:this.isDisabled,state:i})}}formDisabledCallback(s){this.formDisabled=s;this.syncFormValue()}formResetCallback(){this.value=this.cloneValue(this.initialValue);this.lastCommittedValue=this.cloneValue(this.initialValue);this.dragging=false;this.focused=false;this.touched=false}formStateRestoreCallback(s){if(this.isRange){const i=c(s,2);this.value=i.length?i:this.cloneValue(this.initialValue)}else{const i=Number(h(s,"NaN"));if(Number.isFinite(i))this.value=i}this.lastCommittedValue=this.cloneValue(this.publicValue)}async setFocus(s=0){const i=this.el.querySelectorAll(".slider__input");i[Math.max(0,Math.min(s,i.length-1))]?.focus()}get isDisabled(){return this.disabled||this.isInactive||this.formDisabled}get isRange(){return Array.isArray(this.value)}get safeStep(){const s=Number(this.step);return Number.isFinite(s)&&s>0?s:1}get resolvedTicks(){const s=new Map;for(const i of this.ticks){if(Number.isFinite(i.value)&&i.value>=this.safeMin&&i.value<=this.safeMax)s.set(i.value,i)}return[...s.values()].sort(((s,i)=>s.value-i.value))}get safeMin(){return Number.isFinite(this.min)?this.min:0}get safeMax(){const s=this.safeMin;return Number.isFinite(this.max)&&this.max>s?this.max:s+this.safeStep}get minimumGap(){const s=Number.isFinite(this.minStepsBetweenValues)?Math.max(0,Math.floor(this.minStepsBetweenValues)):0;const i=this.resolvedTicks;const e=i.length?i[i.length-1].value-i[0].value:this.safeMax-this.safeMin;return Math.min(e,s*this.safeStep)}get resolvedValues(){const s=this.safeMin;const i=this.safeMax;if(!this.isRange)return[this.snap(Number(this.value))];const e=this.value;let t=this.snap(Number(e[0]??s));let r=this.snap(Number(e[1]??i));if(t>r)[t,r]=[r,t];const d=Math.min(this.minimumGap,i-s);if(r-t<d){r=Math.min(i,this.snap(t+d));t=Math.max(s,this.snap(r-d));const e=this.resolvedTicks;if(e.length&&r-t<d){r=e.find((s=>s.value>=t+d))?.value??e[e.length-1].value;t=[...e].reverse().find((s=>s.value<=r-d))?.value??e[0].value}}return[t,r]}get publicValue(){const s=this.resolvedValues;return this.isRange?[...s]:s[0]}cloneValue(s){return Array.isArray(s)?[...s]:s}valuesEqual(s,i){if(Array.isArray(s)&&Array.isArray(i)){return s.length===i.length&&s.every(((s,e)=>s===i[e]))}return!Array.isArray(s)&&!Array.isArray(i)&&s===i}decimalPlaces(s){const i=String(s).toLowerCase();if(i.includes("e-"))return Number(i.split("e-")[1])||0;return i.includes(".")?i.split(".")[1].length:0}snap(s,i=this.safeMin,e=this.safeMax){const t=this.resolvedTicks.filter((s=>s.value>=i&&s.value<=e));if(t.length)return t.reduce(((i,e)=>Math.abs(e.value-s)<Math.abs(i.value-s)?e:i)).value;if(this.step==="any")return Math.min(e,Math.max(i,Number.isFinite(s)?s:i));const r=Number.isFinite(s)?s:i;const d=i+Math.round((r-i)/this.safeStep)*this.safeStep;const a=Math.min(10,Math.max(this.decimalPlaces(i),this.decimalPlaces(e),this.decimalPlaces(this.safeStep)));return Number(Math.min(e,Math.max(i,d)).toFixed(a))}percent(s){return(s-this.safeMin)/(this.safeMax-this.safeMin)*100}allowedMin(s,i=this.resolvedValues){return this.isRange&&s===1?Math.min(this.safeMax,i[0]+this.minimumGap):this.safeMin}allowedMax(s,i=this.resolvedValues){return this.isRange&&s===0?Math.max(this.safeMin,i[1]-this.minimumGap):this.safeMax}setValueAt(s,i){const e=this.publicValue;const t=this.resolvedValues;const r=Math.min(this.allowedMax(s,t),Math.max(this.allowedMin(s,t),this.snap(i,this.allowedMin(s,t),this.allowedMax(s,t))));t[s]=r;const d=this.isRange?[...t]:t[0];if(this.valuesEqual(e,d))return false;this.value=d;this.dsChange.emit(this.cloneValue(d));return true}commitIfChanged(){const s=this.publicValue;if(this.valuesEqual(s,this.lastCommittedValue))return;this.lastCommittedValue=this.cloneValue(s);this.dsCommit.emit(this.cloneValue(s))}syncNativeLabels(){if(this.label||this.ariaLabel||this.ariaLabelledby||this.isRange)return;const s=Array.from(this.internals.labels).map((s=>{if(!s.id)s.id=`ds-slider-label-${++b}`;return s.id}));if(s.length)this.externalLabelledby=s.join(" ")}formattedValue(s,i){const e=this.valueTexts[i]??this.valueText??this.resolvedTicks.find((i=>i.value===s))?.label;if(e)return e;let t;try{t=a(this.locale,this.formatOptions).format(s)}catch{t=String(s)}return`${this.valuePrefix}${t}${this.valueSuffix}`}ariaValueText(s,i){if(this.resolvedTicks.some((i=>i.value===s&&i.label))||this.valueTexts[i]||this.valueText||this.valuePrefix||this.valueSuffix||this.formatOptions){return this.formattedValue(s,i)}return undefined}pointerPercent(s){const i=this.controlEl;if(!i)return 0;const e=i.getBoundingClientRect();const t=this.el.querySelector(this.thumbAlignment==="edge"?".slider__thumb-orb":".slider__thumb");const r=t?this.orientation==="horizontal"?t.offsetWidth:t.offsetHeight:0;const d=r/2;if(this.orientation==="vertical"){const i=Math.max(1,e.height-d*2);return Math.min(1,Math.max(0,(e.bottom-d-s.clientY)/i))}const a=Math.max(1,e.width-d*2);const l=(s.clientX-e.left-d)/a;return Math.min(1,Math.max(0,l))}valueFromPointer(s){return this.snap(this.safeMin+this.pointerPercent(s)*(this.safeMax-this.safeMin))}closestThumbIndex(s,e){const t=e instanceof i?e.closest(".slider__thumb"):null;if(t?.dataset["index"])return Number(t.dataset["index"]);if(!this.isRange)return 0;const r=this.resolvedValues;const d=Math.abs(s-r[0]);const a=Math.abs(s-r[1]);if(d===a)return s>=r[0]?1:0;return d<a?0:1}endPointerInteraction(s,i){if(this.pointerId!==s.pointerId)return;if(this.controlEl?.hasPointerCapture(s.pointerId))this.controlEl.releasePointerCapture(s.pointerId);this.pointerId=null;this.dragging=false;this.touched=true;if(!i&&!this.valuesEqual(this.pointerStartValue,this.publicValue))this.commitIfChanged()}renderThumb(s,i){const e=i===0?this.inputId??`${this.generatedId}-input`:`${this.inputId??`${this.generatedId}-input`}-end`;const r=i===0?this.startLabel:this.endLabel;const d=this.isRange?undefined:this.ariaLabelledby??(this.label?this.labelId:this.externalLabelledby);const a=this.isRange?r:d?undefined:this.ariaLabel;return t("div",{class:{slider__thumb:true,"slider__thumb--active":i===this.activeThumbIndex},"data-index":String(i),style:{"--ds-slider-thumb-pct":String(this.percent(s))}},t("input",{class:"slider__input",type:"range",id:e,min:this.allowedMin(i),max:this.allowedMax(i),step:this.resolvedTicks.length||this.step==="any"?"any":this.safeStep,value:s,disabled:this.isDisabled,"aria-label":a,"aria-labelledby":d,"aria-describedby":this.ariaDescribedby,"aria-valuetext":this.ariaValueText(s,i),"aria-orientation":this.orientation==="vertical"?"vertical":undefined,"aria-readonly":this.readOnly?"true":undefined,onInput:s=>this.handleNativeInput(s,i),onChange:this.handleNativeChange,onKeyDown:s=>this.handleKeyDown(s,i),onFocus:()=>this.handleFocus(i),onBlur:this.handleBlur}),t("span",{class:"slider__thumb-visual","aria-hidden":"true"},t("span",{class:"slider__thumb-wash"}),t("span",{class:"slider__thumb-orb"})))}render(){const s=this.resolvedValues;const i=s[0];const e=s[s.length-1];const d=this.inputId??`${this.generatedId}-input`;const a=!this.valuesEqual(this.publicValue,this.initialValue);const l=s.map(((s,i)=>this.formattedValue(s,i))).join(` ${this.rangeSeparator} `);return t(r,{key:"224c3abd2188b4686346d0df1fb14529fa72548b","aria-disabled":this.isDisabled?"true":undefined,class:{slider:true,"ds-field-stack":true,[`slider--${this.size}`]:true,[`slider--${this.orientation}`]:true,[`slider--thumb-${this.thumbAlignment}`]:true,"slider--range":this.isRange,"slider--ticks":this.resolvedTicks.length>0,"slider--tick-labels":this.resolvedTicks.some((s=>Boolean(s.label))),"slider--readonly":this.readOnly,"ds-control-inactive":this.isDisabled},"data-orientation":this.orientation,"data-disabled":this.isDisabled?"":undefined,"data-readonly":this.readOnly?"":undefined,"data-dragging":this.dragging?"":undefined,"data-focused":this.focused?"":undefined,"data-filled":"","data-dirty":a?"":undefined,"data-touched":this.touched?"":undefined,"data-valid":!this.isDisabled?"":undefined,onClick:this.handleHostClick},(this.label||this.showValue)&&t("div",{key:"42ab4d17c4514329f1a5b8068cfd6c3a832c37e8",class:"slider__label-row"},this.label&&t("ds-text",{key:"2b87562fc2049ccddde2fccd09b71fd3b0c35e77",class:"slider__label",as:"label",variant:"text-body-small",color:"primary",emphasis:true,for:d,textId:this.labelId},this.label),this.showValue&&t("ds-text",{key:"fd1b5fda7f44e416dfcb80b39c3dcafc29d6c1f1",class:"slider__value",as:"span",variant:"text-body-small",color:"primary",fontFeature:"tabular-nums"},l)),t("div",{key:"8db9def78eddf8342534ecadff02d69870d1e63b",class:"slider__control",ref:s=>{this.controlEl=s??null},style:{"--ds-slider-start-pct":String(this.isRange?this.percent(i):0),"--ds-slider-end-pct":String(this.percent(e))},onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:s=>this.endPointerInteraction(s,false),onPointerCancel:s=>this.endPointerInteraction(s,true)},t("div",{key:"2ff17c9899de441a3bdd5f0a66b1792d3beaba54",class:"slider__rail","aria-hidden":"true"},t("div",{key:"f0951942d08b8fba4a72a69022a1f6d0a1504771",class:"slider__indicator"})),this.resolvedTicks.map((s=>t("span",{class:"slider__tick","data-edge":s.value===this.safeMin?"start":s.value===this.safeMax?"end":undefined,"aria-hidden":"true",style:{"--ds-slider-tick-pct":String(this.percent(s.value))}},t("span",{class:"slider__tick-mark"}),s.label&&t("ds-text",{class:"slider__tick-label",as:"span",variant:"text-caption",color:"secondary"},s.label)))),s.map(((s,i)=>this.renderThumb(s,i)))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}}static get style(){return u()}},[66,"ds-slider",{value:[1026],min:[2],max:[2],step:[8],ticks:[16],minStepsBetweenValues:[2,"min-steps-between-values"],label:[1],showValue:[4,"show-value"],size:[1],orientation:[1],thumbAlignment:[1,"thumb-alignment"],name:[513],form:[513],disabled:[516],readOnly:[516,"read-only"],isInactive:[4,"is-inactive"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],startLabel:[1,"start-label"],endLabel:[1,"end-label"],valueText:[1,"value-text"],valueTexts:[16],locale:[1],formatOptions:[16],valuePrefix:[1,"value-prefix"],valueSuffix:[1,"value-suffix"],rangeSeparator:[1,"range-separator"],inputId:[1,"input-id"],formDisabled:[32],dragging:[32],focused:[32],touched:[32],activeThumbIndex:[32],externalLabelledby:[32],setFocus:[64]},undefined,{value:[{syncFormValue:0}],min:[{syncFormValue:0}],max:[{syncFormValue:0}],step:[{syncFormValue:0}],ticks:[{syncFormValue:0}],minStepsBetweenValues:[{syncFormValue:0}],name:[{syncFormValue:0}],disabled:[{syncFormValue:0}],isInactive:[{syncFormValue:0}]}]);function v(){if(typeof customElements==="undefined"){return}const s=["ds-slider","ds-text"];s.forEach((s=>{switch(s){case"ds-slider":if(!customElements.get(d(s))){customElements.define(d(s),m)}break;case"ds-text":if(!customElements.get(d(s))){l()}break}}))}v();const p=m;const _=v;export{p as DsSlider,_ as defineCustomElement};
 //# sourceMappingURL=ds-slider.js.map

package/dist/components/ds-swatch-picker.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-Nx52go85.js";const t=o;const p=s;export{t as DsSwatchPicker,p as defineCustomElement};
+import{S as o,d as s}from"./p-Cn6Ud58k.js";const t=o;const n=s;export{t as DsSwatchPicker,n as defineCustomElement};
 //# sourceMappingURL=ds-swatch-picker.js.map

package/dist/components/ds-switch.js

@@ -1,2 +1,2 @@
-import{S as o,d as s}from"./p-KTaiJztz.js";const t=o;const a=s;export{t as DsSwitch,a as defineCustomElement};
+import{S as o,d as s}from"./p-CVuSm1Sh.js";const t=o;const m=s;export{t as DsSwitch,m as defineCustomElement};
 //# sourceMappingURL=ds-switch.js.map

package/dist/components/ds-tab-group.js

@@ -1,2 +1,2 @@
-import{T as o,d as s}from"./p-CXrOGz7X.js";const r=o;const t=s;export{r as DsTabGroup,t as defineCustomElement};
+import{T as o,d as s}from"./p-DIXpyBWB.js";const p=o;const t=s;export{p as DsTabGroup,t as defineCustomElement};
 //# sourceMappingURL=ds-tab-group.js.map