@esri/calcite-components 2.8.0-next.1 → 2.8.0-next.2

package/dist/calcite/p-f6023367.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{r as t,c as i,h as e,g as a}from"./p-85931c71.js";import{c as n,u as o,d as c,I as s}from"./p-1b03b527.js";import{c as l,s as r,a as d}from"./p-b5a073f3.js";import"./p-3d0a8ad2.js";const h={container:"container",dividerContainer:"divider-container",divider:"divider",widthAuto:"width-auto",widthHalf:"width-half",widthFull:"width-full"};const 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:host([kind=brand]){--calcite-split-button-background:var(--calcite-color-brand);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=danger]){--calcite-split-button-background:var(--calcite-color-status-danger);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host:host([kind=neutral]){--calcite-split-button-background:var(--calcite-color-foreground-3);--calcite-split-button-divider:var(--calcite-color-text-1)}:host:host([kind=inverse]){--calcite-split-button-background:var(--calcite-color-inverse);--calcite-split-button-divider:var(--calcite-color-foreground-1)}:host([appearance=transparent]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-text-1);--calcite-split-button-background:transparent}:host([appearance=transparent]):host([kind=inverse]){--calcite-split-button-divider:var(--calcite-color-foreground-1);--calcite-split-button-background:transparent}:host([appearance=outline]){--calcite-split-button-background:transparent}:host([appearance=outline-fill]){--calcite-split-button-background:var(--calcite-color-foreground-1)}:host([appearance=outline]):host([kind=brand]),:host([appearance=outline-fill]):host([kind=brand]){--calcite-split-button-divider:var(--calcite-color-brand)}:host([appearance=outline]):host([kind=danger]),:host([appearance=outline-fill]):host([kind=danger]){--calcite-split-button-divider:var(--calcite-color-status-danger)}:host([appearance=outline]):host([kind=neutral]),:host([appearance=outline-fill]):host([kind=neutral]){--calcite-split-button-divider:var(--calcite-color-border-1);--calcite-split-button-background:var(--calcite-color-border-1)}:host([appearance=outline]):host([kind=inverse]),:host([appearance=outline-fill]):host([kind=inverse]){--calcite-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: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;background-color:var(--calcite-split-button-background)}.divider{margin-block:0.25rem;display:inline-block;inline-size:1px;background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]) .divider-container,:host([appearance=outline]) .divider-container{border-block:1px solid var(--calcite-split-button-divider)}:host([appearance=outline-fill]):hover .divider-container,:host([appearance=outline]):hover .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:hover) .divider-container,:host([appearance=outline]:hover) .divider-container{background-color:var(--calcite-split-button-divider)}:host([appearance=outline-fill]:focus-within):host([kind=brand]),:host([appearance=outline]:focus-within):host([kind=brand]){--calcite-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-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-split-button-divider)}:host([disabled]) .divider-container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) calcite-dropdown>calcite-button{pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const u=p;const b=class{constructor(e){t(this,e);this.calciteSplitButtonPrimaryClick=i(this,"calciteSplitButtonPrimaryClick",6);this.calciteSplitButtonSecondaryClick=i(this,"calciteSplitButtonSecondaryClick",6);this.calciteSplitButtonPrimaryClickHandler=()=>this.calciteSplitButtonPrimaryClick.emit();this.calciteSplitButtonSecondaryClickHandler=()=>this.calciteSplitButtonSecondaryClick.emit();this.appearance="solid";this.kind="brand";this.disabled=false;this.active=false;this.dropdownIconType="chevron";this.dropdownLabel=undefined;this.loading=false;this.overlayPositioning="absolute";this.primaryIconEnd=undefined;this.primaryIconFlipRtl=undefined;this.primaryIconStart=undefined;this.primaryLabel=undefined;this.primaryText=undefined;this.scale="m";this.width="auto"}handleDisabledChange(t){if(!t){this.active=false}}activeHandler(){if(this.disabled){this.active=false}}async setFocus(){await l(this);this.el.focus()}connectedCallback(){n(this)}componentWillLoad(){r(this)}componentDidLoad(){d(this)}componentDidRender(){o(this)}disconnectedCallback(){c(this)}render(){const t=this.width==="auto"?"auto":"full";return e(s,{key:"828f76cdbd0d6aea6cdb4b960753347ebc998225",disabled:this.disabled},e("div",{key:"9c94217002691c36a61f5658ef3a6a1c7e577e21",class:h.container},e("calcite-button",{key:"4afce55719d1f12ee7aec177267dd8e031692e54",appearance:this.appearance,disabled:this.disabled,"icon-end":this.primaryIconEnd?this.primaryIconEnd:null,"icon-start":this.primaryIconStart?this.primaryIconStart:null,iconFlipRtl:this.primaryIconFlipRtl?this.primaryIconFlipRtl:null,kind:this.kind,label:this.primaryLabel,loading:this.loading,onClick:this.calciteSplitButtonPrimaryClickHandler,scale:this.scale,splitChild:"primary",type:"button",width:t},this.primaryText),e("div",{key:"86de75f353658799995139720556cd73715d1dc9",class:h.dividerContainer},e("div",{key:"553168882ba7f2128f6bb343d12c7e42fde4a4a0",class:h.divider})),e("calcite-dropdown",{key:"a84bf9e290ca85f5f86171a14ac09aa7694b39a8",disabled:this.disabled,onClick:this.calciteSplitButtonSecondaryClickHandler,open:this.active,overlayPositioning:this.overlayPositioning,placement:"bottom-end",scale:this.scale,"width-scale":this.scale},e("calcite-button",{key:"304e9bb68963d69c89bc180bef6dc297d4a3ec17",appearance:this.appearance,disabled:this.disabled,"icon-start":this.dropdownIcon,kind:this.kind,label:this.dropdownLabel,scale:this.scale,slot:"trigger",splitChild:"secondary",type:"button"}),e("slot",{key:"ecc5b474491d24b30d385ff1891e45fe3f52d84b"}))))}get dropdownIcon(){return this.dropdownIconType==="chevron"?"chevronDown":this.dropdownIconType==="caret"?"caretDown":this.dropdownIconType==="ellipsis"?"ellipsis":"handle-vertical"}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["handleDisabledChange"],active:["activeHandler"]}}};b.style=u;export{b as calcite_split_button};
-//# sourceMappingURL=p-f6023367.entry.js.map

package/dist/calcite/p-f7ce582e.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{r as t,f as e,h as i,g as s,c as a,H as n}from"./p-85931c71.js";import{g as l}from"./p-be664342.js";import{c as h}from"./p-60c275fd.js";import{l as o,v as r}from"./p-fb848c65.js";import{c,d,a as u,H as m}from"./p-ae3fae00.js";import{c as b,d as f,u as p,I as g}from"./p-1b03b527.js";import{i as v}from"./p-0e53a49b.js";import{c as x,d as k,g as _}from"./p-1e6dcf63.js";import{s as $,a as y,c as w}from"./p-b5a073f3.js";import{n as M,c as z,d as V}from"./p-af8b3876.js";import{d as L,c as H}from"./p-5dcf1d59.js";import"./p-b5773566.js";import"./p-3d0a8ad2.js";import"./p-c56cce40.js";function j(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const o=l/(a||s<0&&0);const r=(h*a+o*s)/(s+a);return(Math.sign(h)+Math.sign(o))*Math.min(Math.abs(h),Math.abs(o),.5*Math.abs(r))||0}function X(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,o]=e;const r=(h-n)/3;const c=a([n+r,l+r*i]).join(",");const d=a([h-r,o-r*s]).join(",");const u=a([h,o]).join(",");return`C ${c} ${d} ${u}`}function C({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function D(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function A({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[o]=s(i);let r;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=j(c,d,i);const a=r===undefined?X(c,d,t):r;const n=T(c,d,a,t,s);r=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,r,X(d,m,r),s);return`${u} ${b} L ${o},${h} Z`}const S=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=S;const R=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>e(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const o=this.graphId;const{clientHeight:r,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:r,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${r}`,width:c})}const{min:d,max:u}=D(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=C({min:m,max:b,width:c,height:r});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=A({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${o})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:r,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${r}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${o}`,x1:"0",x2:"1",y1:"0",y2:"0"},e.map((({offset:t,color:e,opacity:s})=>i("stop",{offset:`${t*100}%`,"stop-color":e,"stop-opacity":s}))))):null,n!==undefined?[i("mask",{height:"100%",id:`${o}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${r}\n            L 0,${r}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${o}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${g-1},0\n            L ${g-1},${r}\n            L ${p+1}, ${r}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${o}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${g+1},0\n                L ${c},0\n                L ${c},${r}\n                L ${g+1}, ${r}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${o}1)`}),i("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${o}2)`}),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${o}3)`})]:i("path",{class:"graph-path",d:v,fill:x}))}get el(){return s(this)}};R.style=I;const P={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const F=250;const O='@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:0.625rem;--calcite-slider-handle-extension-height:0.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:0.875rem;--calcite-slider-handle-extension-height:0.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:0.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-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action: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:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.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) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;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.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;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:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-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-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-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:-0.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:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.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-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-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:0.125rem;background-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) * 0.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:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.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-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.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) * 0.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)}::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}';const W=O;function N(t){return Array.isArray(t)}const U=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.handleKeyDown=t=>{const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:o}=t;if(v(o)){t.preventDefault();return}let r;if(o==="ArrowUp"||o==="ArrowRight"){const t=e&&o==="ArrowRight"?-1:1;r=h+l*t}else if(o==="ArrowDown"||o==="ArrowLeft"){const t=e&&o==="ArrowLeft"?-1:1;r=h-l*t}else if(o==="PageUp"){if(n){r=h+n}}else if(o==="PageDown"){if(n){r=h-n}}else if(o==="Home"){r=a}else if(o==="End"){r=s}if(isNaN(r)){return}t.preventDefault();const c=Number(r.toFixed(L(l)));this.setValue({[i]:this.clamp(c,i)})};this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.translate(t.clientX||t.pageX);if(N(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!o(t)){return}this.dragEnd(t)};this.dragEnd=t=>{if(this.disabled){return}this.removeDragListeners();this.focusActiveHandle(t.clientX);if(this.lastDragPropValue!=this[this.dragProp]){this.emitChange()}this.dragProp=null;this.lastDragPropValue=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.minMaxValueRange=null};this.storeTrackRef=t=>{this.trackEl=t};this.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{M.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return M.localize(t.toString())};this.disabled=false;this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);z(this);this.setMinMaxFromValue();this.setValueFromMinMax();x(this);c(this)}disconnectedCallback(){f(this);k(this);d(this);V(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!N(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){y(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(N(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();p(this)}render(){const t=this.el.id||this.guid;const e=N(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(e)*100;const o=this.shouldMirror();const r=N(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:o});const u=this.buildThumbType("min");const b=r&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:o});return i(n,{key:"b6cd9c5759a2c4b270c5cd7ed2b93f5e5ba659aa",id:t,onKeyDown:this.handleKeyDown,onTouchStart:this.handleTouchStart},i(g,{key:"cfc450cd1f2ad1fa48d064c49205e620793f7b30",disabled:this.disabled},i("div",{key:"605a6722ff7ed5f1b1c79ad72a55a877fca00439","aria-label":_(this),class:{[P.container]:true,[P.containerRange]:r,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{key:"0c583557d73d9b68b822c64ee34e0158fd31622d",class:P.track,ref:this.storeTrackRef},i("div",{key:"afd446ecf292aa0ba19ae6f5c11c558c16d659c8",class:P.trackRange,onPointerDown:this.onTrackPointerDown,style:{left:`${o?100-h:l}%`,right:`${o?l:100-h}%`}}),i("div",{key:"3bf6dd20767d32a1d004be050f81ced4c2b26662",class:P.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=t>=s&&t<=e;if(a){l=t>=this.minValue&&t<=this.maxValue}return i("span",{class:{[P.tick]:true,[P.tickActive]:l},style:{left:o?"":n,right:o?n:""}},this.renderTickLabel(t))})))),i("div",{key:"6a12447745cc41ed94028741191247e8fe7ebaad",class:P.thumbContainer},b,d,i(m,{key:"26f79fcde5ce93627ef43cc9b97bd48cb9f1557d",component:this})))))}renderThumb({type:t,mirror:e,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const o=t.includes("min");const r=N(this.value);const c=o?this.minValue:r?this.maxValue:this.value;const d=o?"minValue":r?"maxValue":"value";const u=o?this.minLabel:r?this.maxLabel:this.minLabel;const m=o?this.minValue:c;const b=o?this.formatValue(this.minValue):this.formatValue(c);const f=o?{left:`${e?100-a:a}%`}:{right:`${e?n:100-n}%`};const p=`${P.handleLabel} ${o?P.handleLabelMinValue:P.handleLabelValue}`;const g=l?[i("span",{"aria-hidden":"true",class:p},b),i("span",{"aria-hidden":"true",class:`${p} ${P.static}`},b),i("span",{"aria-hidden":"true",class:`${p} ${P.transformed}`},b)]:[];const v=[...g,i("div",{class:P.handle}),h&&i("div",{class:P.handleExtension})];if(s==="below"){v.reverse()}return i("div",{"aria-disabled":this.disabled,"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[P.thumb]:true,[P.thumbValue]:!o,[P.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[P.thumbPrecise]:h,[P.thumbMinValue]:o},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,role:"slider",style:f,tabIndex:0,ref:this.storeThumbRef},v)}renderGraph(){return this.histogram?i("calcite-graph",{class:P.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:N(this.value)?this.maxValue:this.value,highlightMin:N(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:e,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:o}=this;const r=N(o);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!e&&(u||!h||!r)||e&&(u||!h&&!s));return m?i("span",{class:{[P.tickLabel]:true,[P.tickMin]:c,[P.tickMax]:d}},this.formatValue(t)):null}pointerDownHandler(t){if(this.disabled||!o(t)){return}const e=t.clientX||t.pageX;const i=this.translate(e);let s="value";if(N(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>=this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${P.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(N(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!N(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/F;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!o(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){if(this.dragProp==="minValue"){this.minHandle.focus()}else if(this.dragProp==="maxValue"||this.dragProp==="value"){this.maxHandle.focus()}else if(this.dragProp==="minMaxValue"){this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=H(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));const h=Number(l.toFixed(L(this.step)));return!(this.snap&&this.step)?h:this.getClosestStep(h)}getClosestStep(t){const{max:e,min:i,step:s}=this;let a=Math.floor((t-i)/s)*s+i;a=Math.min(Math.max(a,i),e);if(a>e){a-=s}return a}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const o=t.querySelector(`.handle__label--${s}`);const r=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(r.getBoundingClientRect().left,r.getBoundingClientRect().right);const u=this.getFontSizeForElement(a);const m=this.getRangeLabelOverlap(l,c);const b=a;const f=u/2;if(m>0){b.classList.add(P.hyphen,P.hyphenWrap);if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;o.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;o.style.transform=`translateX(${m+d}px)`;c.style.transform=`translateX(${m+d}px)`}else if(h<0||d<0){let t=Math.abs(h)+m-f;t=Math.sign(t)===-1?Math.abs(t):-t;a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`}}else{b.classList.remove(P.hyphen,P.hyphenWrap);a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;o.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=N(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${P.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${P.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${P.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${P.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return r(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return r(i,s)}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};U.style=W;export{R as calcite_graph,U as calcite_slider};
-//# sourceMappingURL=p-f7ce582e.entry.js.map

package/dist/calcite/p-f7ce582e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["slope","p0","p1","p2","dx","dx1","dy","dy1","m","m1","p","Math","sign","min","abs","slopeSingle","bezier","m0","t","x0","y0","x1","y1","h1","join","h2","translate","width","height","max","rangeX","rangeY","point","x","y","range","data","startX","startY","reduce","area","length","minX","minY","maxX","commands","acc","i","undefined","command","last","end","graphCss","CalciteGraphStyle0","Graph","this","graphId","guid","resizeObserver","createObserver","forceUpdate","connectedCallback","observe","el","disconnectedCallback","disconnect","render","colorStops","highlightMax","highlightMin","id","clientHeight","clientWidth","h","class","preserveAspectRatio","viewBox","rangeMin","rangeMax","currentMin","currentMax","hMinX","hMaxX","areaPath","fill","x2","y2","map","offset","color","opacity","d","mask","CSS","container","containerRange","graph","handle","handleExtension","handleLabel","handleLabelMinValue","handleLabelValue","hyphen","hyphenWrap","static","thumb","thumbActive","thumbContainer","thumbMinValue","thumbPrecise","thumbValue","tick","tickActive","tickLabel","tickMax","tickMin","ticks","track","trackRange","transformed","maxTickElementThreshold","sliderCss","CalciteSliderStyle0","isRange","value","Array","isArray","Slider","handleKeyDown","event","mirror","shouldMirror","activeProp","pageStep","step","key","isActivationKey","preventDefault","adjustment","directionFactor","isNaN","fixedDecimalAdjustment","Number","toFixed","decimalPlaces","setValue","clamp","onThumbBlur","onThumbFocus","currentTarget","getAttribute","onThumbPointerDown","pointerDownDragStart","onTrackPointerDown","dragUpdate","disabled","dragProp","clientX","pageX","minValueDragRange","maxValueDragRange","minMaxValueRange","newMinValue","newMaxValue","minValue","maxValue","pointerUpDragEnd","isPrimaryPointerButton","dragEnd","removeDragListeners","focusActiveHandle","lastDragPropValue","emitChange","storeTrackRef","node","trackEl","storeThumbRef","valueProp","minHandle","maxHandle","formatValue","numberStringFormatter","numberFormatOptions","locale","effectiveLocale","numberingSystem","useGrouping","groupSeparator","localize","toString","histogramWatcher","newHistogram","hasHistogram","ticksWatcher","tickValues","generateTickValues","valueHandler","setMinMaxFromValue","minMaxValueHandler","setValueFromMinMax","connectInteractive","connectLocalized","connectLabel","connectForm","disconnectInteractive","disconnectLabel","disconnectForm","disconnectLocalized","componentWillLoad","setUpLoadableComponent","snap","getClosestStep","histogram","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","labelHandles","adjustHostObscuredHandleLabel","precise","hyphenateCollidingRangeHandleLabels","hideObscuredBoundingTickLabels","updateHostInteraction","useMinValue","shouldUseMinValue","minInterval","getUnitInterval","maxInterval","valueIsRange","thumbTypes","buildThumbType","renderThumb","type","thumbPlacement","includes","minThumbTypes","minThumb","Host","onKeyDown","onTouchStart","handleTouchStart","InteractiveContainer","getLabelText","scale","renderGraph","ref","onPointerDown","style","left","right","tickOffset","activeTicks","renderTickLabel","HiddenFormInputSlot","component","isLabeled","isPrecise","isMinThumb","ariaLabel","minLabel","maxLabel","ariaValuenow","displayedValue","thumbStyle","thumbLabelClasses","labels","thumbContent","reverse","lastDragProp","onBlur","onFocus","role","tabIndex","histogramStops","labelTicks","isMinTickLabel","isMaxTickLabel","isAtEdge","shouldDisplayLabel","pointerDownHandler","position","prop","inRange","closerToMax","dragStart","isThumbActive","shadowRoot","querySelector","setFocus","componentFocusable","focus","thumbTypeParts","push","onLabelClick","mirrored","getTickDensity","density","tickInterval","current","window","addEventListener","valueX","getClosestHandle","emitInput","calciteSliderInput","emit","calciteSliderChange","removeEventListener","values","valueChanged","Object","keys","forEach","propName","newValue","oldValue","dragging","getBoundingClientRect","percent","clampedValue","snappedValue","floor","getDistanceX","getFontSizeForElement","element","getComputedStyle","getPropertyValue","match","num","name","label","labelStatic","labelTransformed","labelStaticBounds","labelStaticOffset","getHostOffset","transform","leftModifier","rightModifier","leftValueLabel","leftValueLabelStatic","leftValueLabelTransformed","leftValueLabelStaticHostOffset","rightValueLabel","rightValueLabelStatic","rightValueLabelTransformed","rightValueLabelStaticHostOffset","labelFontSize","labelTransformedOverlap","getRangeLabelOverlap","hyphenLabel","labelOffset","classList","add","leftValueLabelTranslate","leftValueLabelTransformedHostOffset","rightValueLabelTranslate","rightValueLabelTransformedHostOffset","remove","minTickLabel","maxTickLabel","isMinTickLabelObscured","isMaxTickLabelObscured","leftBounds","rightBounds","hostBounds","buffer","leftLabel","rightLabel","leftLabelBounds","rightLabelBounds","leftLabelFontSize","rangeLabelOverlap","minLabelBounds","handleBounds","intersects","maxLabelBounds"],"sources":["src/components/graph/util.ts","src/components/graph/graph.scss?tag=calcite-graph&encapsulation=shadow","src/components/graph/graph.tsx","src/components/slider/resources.ts","src/components/slider/slider.scss?tag=calcite-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["import { DataSeries, Extent, Graph, Point, TranslateOptions, Translator } from \"../graph/interfaces\";\n\n/**\n * Calculate slope of the tangents\n * uses Steffen interpolation as it's monotonic\n * http://jrwalsh1.github.io/posts/interpolations/\n *\n * @param p0\n * @param p1\n * @param p2\n */\nfunction slope(p0: Point, p1: Point, p2: Point): number {\n  const dx = p1[0] - p0[0];\n  const dx1 = p2[0] - p1[0];\n  const dy = p1[1] - p0[1];\n  const dy1 = p2[1] - p1[1];\n  const m = dy / (dx || (dx1 < 0 && 0));\n  const m1 = dy1 / (dx1 || (dx < 0 && 0));\n  const p = (m * dx1 + m1 * dx) / (dx + dx1);\n  return (Math.sign(m) + Math.sign(m1)) * Math.min(Math.abs(m), Math.abs(m1), 0.5 * Math.abs(p)) || 0;\n}\n\n/**\n * Calculate slope for just one tangent (single-sided)\n *\n * @param p0\n * @param p1\n * @param m\n */\nfunction slopeSingle(p0: Point, p1: Point, m: number): number {\n  const dx = p1[0] - p0[0];\n  const dy = p1[1] - p0[1];\n  return dx ? ((3 * dy) / dx - m) / 2 : m;\n}\n\n/**\n * Given two points and their tangent slopes,\n * calculate the bezier handle coordinates and return draw command.\n *\n * Translates Hermite Spline to Bézier curve:\n * https://stackoverflow.com/questions/42574940/\n *\n * @param p0\n * @param p1\n * @param m0\n * @param m1\n * @param t\n */\nfunction bezier(p0: Point, p1: Point, m0: number, m1: number, t: Translator): string {\n  const [x0, y0] = p0;\n  const [x1, y1] = p1;\n  const dx = (x1 - x0) / 3;\n  const h1 = t([x0 + dx, y0 + dx * m0]).join(\",\");\n  const h2 = t([x1 - dx, y1 - dx * m1]).join(\",\");\n  const p = t([x1, y1]).join(\",\");\n  return `C ${h1} ${h2} ${p}`;\n}\n\n/**\n * Generate a function which will translate a point\n * from the data coordinate space to svg viewbox oriented pixels\n *\n * @param root0\n * @param root0.width\n * @param root0.height\n * @param root0.min\n * @param root0.max\n */\nexport function translate({ width, height, min, max }: TranslateOptions): Translator {\n  const rangeX = max[0] - min[0];\n  const rangeY = max[1] - min[1];\n  return (point) => {\n    const x = ((point[0] - min[0]) / rangeX) * width;\n    const y = height - (point[1] / rangeY) * height;\n    return [x, y];\n  };\n}\n\n/**\n * Get the min and max values from the dataset\n *\n * @param data\n */\nexport function range(data: DataSeries): Extent {\n  const [startX, startY] = data[0];\n  const min: Point = [startX, startY];\n  const max: Point = [startX, startY];\n  return data.reduce(\n    ({ min, max }, [x, y]) => ({\n      min: [Math.min(min[0], x), Math.min(min[1], y)],\n      max: [Math.max(max[0], x), Math.max(max[1], y)],\n    }),\n    { min, max },\n  );\n}\n\n/**\n * Generate drawing commands for an area graph\n * returns a string can can be passed directly to a path element's `d` attribute\n *\n * @param root0\n * @param root0.data\n * @param root0.min\n * @param root0.max\n * @param root0.t\n */\nexport function area({ data, min, max, t }: Graph): string {\n  if (data.length === 0) {\n    return \"\";\n  }\n\n  // important points for beginning and ending the path\n  const [startX, startY] = t(data[0]);\n  const [minX, minY] = t(min);\n  const [maxX] = t(max);\n\n  // keep track of previous slope/points\n  let m: number;\n  let p0: Point;\n  let p1: Point;\n\n  // iterate over data points, calculating command for each\n  const commands = data.reduce((acc, point, i) => {\n    p0 = data[i - 2];\n    p1 = data[i - 1];\n    if (i > 1) {\n      const m1 = slope(p0, p1, point);\n      const m0 = m === undefined ? slopeSingle(p0, p1, m1) : m;\n      const command = bezier(p0, p1, m0, m1, t);\n      m = m1;\n      return `${acc} ${command}`;\n    }\n    return acc;\n  }, `M ${minX},${minY} L ${minX},${startY} L ${startX},${startY}`);\n\n  // close the path\n  const last = data[data.length - 1];\n  const end = bezier(p1, last, m, slopeSingle(p1, last, m), t);\n  return `${commands} ${end} L ${maxX},${minY} Z`;\n}\n",":host {\n  @apply block;\n  block-size: 100%;\n}\n\n.svg {\n  fill: currentColor;\n  stroke: transparent;\n  @apply m-0 block h-full w-full p-0;\n\n  .graph-path--highlight {\n    fill: var(--calcite-color-brand);\n    @apply opacity-50;\n  }\n}\n\n@include base-component();\n","import { Component, Element, forceUpdate, h, Prop, VNode } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { createObserver } from \"../../utils/observers\";\nimport { ColorStop, DataSeries, Point } from \"./interfaces\";\nimport { area, range, translate } from \"./util\";\n\n@Component({\n  tag: \"calcite-graph\",\n  styleUrl: \"graph.scss\",\n  shadow: true,\n})\nexport class Graph {\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Array of tuples describing a single data point ([x, y])\n   * These data points should be sorted by x-axis value.\n   */\n  @Prop() data: DataSeries = [];\n\n  /**\n   * Array of values describing a single color stop ([offset, color, opacity])\n   * These color stops should be sorted by offset value.\n   */\n  @Prop() colorStops: ColorStop[];\n\n  /** Start of highlight color if highlighting range. */\n  @Prop() highlightMin: number;\n\n  /** End of highlight color if highlighting range. */\n  @Prop() highlightMax: number;\n\n  /** Lowest point of the range. */\n  @Prop({ reflect: true }) min!: number;\n\n  /** Highest point of the range. */\n  @Prop({ reflect: true }) max!: number;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.resizeObserver?.observe(this.el);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;\n    const id = this.graphId;\n    const { clientHeight: height, clientWidth: width } = el;\n\n    // if we have no data, return empty svg\n    if (!data || data.length === 0) {\n      return (\n        <svg\n          aria-hidden=\"true\"\n          class=\"svg\"\n          height={height}\n          preserveAspectRatio=\"none\"\n          viewBox={`0 0 ${width} ${height}`}\n          width={width}\n        />\n      );\n    }\n\n    const { min: rangeMin, max: rangeMax } = range(data);\n\n    let currentMin: Point = rangeMin;\n    let currentMax: Point = rangeMax;\n\n    if (min < rangeMin[0] || min > rangeMin[0]) {\n      currentMin = [min, 0];\n    }\n\n    if (max > rangeMax[0] || max < rangeMax[0]) {\n      currentMax = [max, rangeMax[1]];\n    }\n\n    const t = translate({ min: currentMin, max: currentMax, width, height });\n    const [hMinX] = t([highlightMin, currentMax[1]]);\n    const [hMaxX] = t([highlightMax, currentMax[1]]);\n    const areaPath = area({ data, min: rangeMin, max: rangeMax, t });\n    const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;\n    return (\n      <svg\n        aria-hidden=\"true\"\n        class=\"svg\"\n        height={height}\n        preserveAspectRatio=\"none\"\n        viewBox={`0 0 ${width} ${height}`}\n        width={width}\n      >\n        {colorStops ? (\n          <defs>\n            <linearGradient id={`linear-gradient-${id}`} x1=\"0\" x2=\"1\" y1=\"0\" y2=\"0\">\n              {colorStops.map(({ offset, color, opacity }) => (\n                <stop offset={`${offset * 100}%`} stop-color={color} stop-opacity={opacity} />\n              ))}\n            </linearGradient>\n          </defs>\n        ) : null}\n\n        {highlightMin !== undefined ? (\n          [\n            <mask height=\"100%\" id={`${id}1`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n            M 0,0\n            L ${hMinX - 1},0\n            L ${hMinX - 1},${height}\n            L 0,${height}\n            Z\n          `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <mask height=\"100%\" id={`${id}2`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n            M ${hMinX + 1},0\n            L ${hMaxX - 1},0\n            L ${hMaxX - 1},${height}\n            L ${hMinX + 1}, ${height}\n            Z\n          `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <mask height=\"100%\" id={`${id}3`} width=\"100%\" x=\"0%\" y=\"0%\">\n              <path\n                d={`\n                M ${hMaxX + 1},0\n                L ${width},0\n                L ${width},${height}\n                L ${hMaxX + 1}, ${height}\n                Z\n              `}\n                fill=\"white\"\n              />\n            </mask>,\n\n            <path class=\"graph-path\" d={areaPath} fill={fill} mask={`url(#${id}1)`} />,\n            <path class=\"graph-path--highlight\" d={areaPath} fill={fill} mask={`url(#${id}2)`} />,\n            <path class=\"graph-path\" d={areaPath} fill={fill} mask={`url(#${id}3)`} />,\n          ]\n        ) : (\n          <path class=\"graph-path\" d={areaPath} fill={fill} />\n        )}\n      </svg>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteGraphElement;\n\n  private graphId = `calcite-graph-${guid()}`;\n\n  private resizeObserver = createObserver(\"resize\", () => forceUpdate(this));\n}\n","export const CSS = {\n  container: \"container\",\n  containerRange: \"container--range\",\n  graph: \"graph\",\n  handle: \"handle\",\n  handleExtension: \"handle-extension\",\n  handleLabel: \"handle__label\",\n  handleLabelMinValue: \"handle__label--minValue\",\n  handleLabelValue: \"handle__label--value\",\n  hyphen: \"hyphen\",\n  hyphenWrap: \"hyphen--wrap\",\n  static: \"static\",\n  thumb: \"thumb\",\n  thumbActive: \"thumb--active\",\n  thumbContainer: \"thumb-container\",\n  thumbMinValue: \"thumb--minValue\",\n  thumbPrecise: \"thumb--precise\",\n  thumbValue: \"thumb--value\",\n  tick: \"tick\",\n  tickActive: \"tick--active\",\n  tickLabel: \"tick__label\",\n  tickMax: \"tick__label--max\",\n  tickMin: \"tick__label--min\",\n  ticks: \"ticks\",\n  track: \"track\",\n  trackRange: \"track__range\",\n  transformed: \"transformed\",\n};\n\nexport const maxTickElementThreshold = 250;\n",".scale--s {\n  --calcite-slider-handle-size: theme(\"spacing[2.5]\");\n  --calcite-slider-handle-extension-height: 0.4rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--3);\n  .handle__label,\n  .tick__label {\n    @apply leading-3;\n  }\n}\n\n.scale--m {\n  --calcite-slider-handle-size: theme(\"spacing[3.5]\");\n  --calcite-slider-handle-extension-height: 0.5rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--2);\n  .handle__label,\n  .tick__label {\n    @apply leading-4;\n  }\n}\n\n.scale--l {\n  --calcite-slider-handle-size: 1rem;\n  --calcite-slider-handle-extension-height: 0.65rem;\n  --calcite-slider-container-font-size: var(--calcite-font-size--1);\n  .handle__label,\n  .tick__label {\n    @apply leading-4;\n  }\n}\n\n.handle__label,\n.tick__label {\n  @apply text-color-2 font-medium;\n  font-size: var(--calcite-slider-container-font-size);\n}\n\n:host {\n  @apply block;\n}\n\n.container {\n  @apply relative block break-normal;\n  padding-inline: calc(var(--calcite-slider-handle-size) * 0.5);\n  padding-block: calc(var(--calcite-slider-handle-size) * 0.5);\n  margin-block: calc(var(--calcite-slider-handle-size) * 0.5);\n  margin-inline: 0;\n  --calcite-slider-full-handle-height: calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );\n  touch-action: none;\n  // disable browser swipe navigation to prevent interference with the slide thumb following a touch gesture\n}\n\n@include disabled() {\n  .track__range,\n  .tick--active {\n    background-color: var(--calcite-color-text-3);\n  }\n}\n\n.scale--s {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.375rem;\n  }\n}\n.scale--m {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.5rem;\n  }\n}\n.scale--l {\n  .thumb:not(.thumb--precise) {\n    --calcite-slider-thumb-y-offset: -0.55rem;\n  }\n}\n\n:host([precise]:not([has-histogram])) {\n  .container .thumb--value {\n    --calcite-slider-thumb-y-offset: calc(var(--calcite-slider-full-handle-height) * -1);\n  }\n}\n\n.thumb-container {\n  @apply relative max-w-full;\n}\n\n.thumb {\n  --calcite-slider-thumb-x-offset: calc(var(--calcite-slider-handle-size) * 0.5);\n  @apply font-inherit\n    absolute\n    m-0\n    flex\n    cursor-pointer\n    flex-col\n    items-center\n    border-none\n    bg-transparent\n    p-0\n    outline-none;\n  transform: translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));\n\n  .handle__label {\n    &.static,\n    &.transformed {\n      @apply absolute\n        top-0\n        bottom-0\n        opacity-0;\n    }\n    &.hyphen::after {\n      content: \"\\2014\";\n      display: inline-block;\n      inline-size: 1em;\n    }\n    &.hyphen--wrap {\n      display: flex;\n    }\n  }\n\n  .handle {\n    @apply focus-base\n      bg-foreground-1\n      box-border\n      rounded-full;\n    block-size: var(--calcite-slider-handle-size);\n    inline-size: var(--calcite-slider-handle-size);\n    box-shadow: 0 0 0 2px var(--calcite-color-text-3) inset;\n    transition:\n      border var(--calcite-internal-animation-timing-medium) ease,\n      background-color var(--calcite-internal-animation-timing-medium) ease,\n      box-shadow var(--calcite-animation-timing) ease;\n  }\n\n  .handle-extension {\n    @apply w-0.5;\n    block-size: var(--calcite-slider-handle-extension-height);\n    background-color: var(--calcite-color-text-3);\n  }\n\n  &:hover {\n    .handle {\n      box-shadow: 0 0 0 3px var(--calcite-color-brand) inset;\n    }\n    .handle-extension {\n      @apply bg-brand;\n    }\n  }\n\n  &:focus {\n    .handle {\n      @apply focus-outset;\n    }\n    .handle-extension {\n      @apply bg-brand;\n    }\n  }\n\n  &.thumb--minValue {\n    transform: translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));\n  }\n\n  &.thumb--precise {\n    --calcite-slider-thumb-y-offset: -0.125rem;\n  }\n}\n\n:host([label-handles]) {\n  .thumb {\n    --calcite-slider-thumb-x-offset: 50%;\n  }\n  &:host(:not([has-histogram])) {\n    .scale--s {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -1.4375rem;\n      }\n    }\n    .scale--m {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -1.875rem;\n      }\n    }\n    .scale--l {\n      .thumb:not(.thumb--precise) {\n        --calcite-slider-thumb-y-offset: -2rem;\n      }\n    }\n  }\n}\n\n:host([has-histogram][label-handles]),\n:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise {\n  .handle__label {\n    margin-block-start: 0.5em;\n  }\n}\n:host(:not([has-histogram]):not([precise])),\n:host([label-handles]:not([has-histogram])) .thumb--value {\n  .handle__label {\n    margin-block-end: 0.5em;\n  }\n}\n\n:host([label-handles][precise]) {\n  &:host(:not([has-histogram])) .scale--s .thumb--value {\n    --calcite-slider-thumb-y-offset: -2.075rem;\n  }\n  &:host(:not([has-histogram])) .scale--m .thumb--value {\n    --calcite-slider-thumb-y-offset: -2.75rem;\n  }\n  &:host(:not([has-histogram])) .scale--l .thumb--value {\n    --calcite-slider-thumb-y-offset: -3.0625rem;\n  }\n}\n\n.thumb:focus,\n.thumb--active {\n  .handle {\n    @apply bg-brand;\n    box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%); // shadow 1 press\n  }\n}\n\n.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after {\n  @apply bg-brand;\n}\n\n.track {\n  @apply relative h-0.5 rounded-none;\n  background-color: var(--calcite-color-border-2);\n  transition: all var(--calcite-internal-animation-timing-medium) ease-in;\n}\n\n.track__range {\n  @apply bg-brand\n  absolute\n  top-0\n  h-0.5;\n}\n.container--range {\n  .track__range {\n    &:hover {\n      cursor: ew-resize;\n    }\n    &:after {\n      @apply absolute w-full;\n      content: \"\";\n      inset-block-start: calc(calc(var(--calcite-slider-full-handle-height) * 0.5) * -1);\n      block-size: calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height));\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  .thumb {\n    outline-width: 0;\n    outline-offset: 0;\n  }\n  .handle {\n    @apply outline-none;\n  }\n  .thumb:focus .handle,\n  .thumb .handle-extension,\n  .thumb:hover .handle-extension,\n  .thumb:focus .handle-extension,\n  .thumb:active .handle-extension {\n    background-color: canvasText;\n  }\n  .track {\n    background-color: canvasText;\n  }\n  .track__range {\n    background-color: highlight;\n  }\n}\n\n.tick {\n  @apply absolute\n    h-1\n    w-0.5\n    border\n    border-solid;\n  background-color: var(--calcite-color-border-input);\n  border-color: var(--calcite-color-foreground-1);\n  inset-block-start: -2px;\n  pointer-events: none;\n  margin-inline-start: calc(-1 * theme(\"margin[0.5]\"));\n}\n\n.tick--active {\n  @apply bg-brand;\n}\n\n.tick__label {\n  @apply pointer-events-none\n    mt-3.5\n    flex\n    justify-center;\n}\n\n.tick__label--min {\n  transition: opacity var(--calcite-animation-timing);\n}\n\n.tick__label--max {\n  transition: opacity var(--calcite-internal-animation-timing-fast);\n}\n\n:host([has-histogram][label-handles]),\n:host([has-histogram][precise]) {\n  .tick__label--min,\n  .tick__label--max {\n    @apply text-color-3 font-normal;\n  }\n}\n\n.graph {\n  color: var(--calcite-color-foreground-3);\n  block-size: 48px;\n}\n\n// Ensure we have enough space on variants with text elements to prevent overlap\n:host([label-ticks][ticks]) {\n  .container {\n    // match tick__label top margin + font-size\n    padding-block-end: calc(theme(\"margin[3.5]\") + var(--calcite-slider-container-font-size));\n  }\n}\n:host([has-histogram]) {\n  &:host([precise][label-handles]) {\n    .container {\n      padding-block-end: calc(var(--calcite-slider-full-handle-height) + 1em);\n    }\n  }\n  &:host([label-handles]:not([precise])) {\n    .container {\n      padding-block-end: calc(calc(var(--calcite-slider-handle-size) * 0.5) + 1em);\n    }\n  }\n  &:host([precise]:not([label-handles])) {\n    .container {\n      padding-block-end: var(--calcite-slider-full-handle-height);\n    }\n  }\n}\n:host(:not([has-histogram])) {\n  &:host([precise]:not([label-handles])) {\n    .container {\n      padding-block-start: var(--calcite-slider-full-handle-height);\n    }\n    .container--range {\n      padding-block-end: var(--calcite-slider-full-handle-height);\n    }\n  }\n  &:host([label-handles]:not([precise])) {\n    .container {\n      padding-block-start: calc(var(--calcite-slider-full-handle-height) + 4px);\n    }\n  }\n  &:host([label-handles][precise]) {\n    .container {\n      padding-block-start: calc(\n        var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px\n      );\n    }\n    .container--range {\n      padding-block-end: calc(\n        var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px\n      );\n    }\n  }\n}\n\n@include hidden-form-input();\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { intersects, isPrimaryPointerButton } from \"../../utils/dom\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  NumberingSystem,\n  numberStringFormatter,\n} from \"../../utils/locale\";\nimport { clamp, decimalPlaces } from \"../../utils/math\";\nimport { ColorStop, DataSeries } from \"../graph/interfaces\";\nimport { Scale } from \"../interfaces\";\nimport { CSS, maxTickElementThreshold } from \"./resources\";\nimport { ActiveSliderProperty, SetValueProperty, SideOffset, ThumbType } from \"./interfaces\";\n\nfunction isRange(value: number | number[]): value is number[] {\n  return Array.isArray(value);\n}\n\n@Component({\n  tag: \"calcite-slider\",\n  styleUrl: \"slider.scss\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Slider\n  implements\n    LabelableComponent,\n    FormComponent,\n    InteractiveComponent,\n    LocalizedComponent,\n    LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /**\n   * When `true`, number values are displayed with a group separator corresponding to the language and country format.\n   */\n  @Prop({ reflect: true }) groupSeparator = false;\n\n  /** When `true`, indicates a histogram is present. */\n  @Prop({ reflect: true, mutable: true }) hasHistogram = false;\n\n  /**\n   * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.\n   *\n   * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)\n   */\n  @Prop() histogram: DataSeries;\n\n  @Watch(\"histogram\")\n  histogramWatcher(newHistogram: DataSeries): void {\n    this.hasHistogram = !!newHistogram;\n  }\n\n  /**\n   * A set of single color stops for a histogram, sorted by offset ascending.\n   */\n  @Prop() histogramStops: ColorStop[];\n\n  /** When `true`, displays label handles with their numeric value. */\n  @Prop({ reflect: true }) labelHandles = false;\n\n  /** When `true` and `ticks` is specified, displays label tick marks with their numeric value. */\n  @Prop({ reflect: true }) labelTicks = false;\n\n  /** The component's maximum selectable value. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** For multiple selections, the accessible name for the second handle, such as `\"Temperature, upper bound\"`. */\n  @Prop() maxLabel: string;\n\n  /** For multiple selections, the component's upper value. */\n  @Prop({ mutable: true }) maxValue: number;\n\n  /** The component's minimum selectable value. */\n  @Prop({ reflect: true }) min = 0;\n\n  /** Accessible name for first (or only) handle, such as `\"Temperature, lower bound\"`. */\n  @Prop() minLabel: string;\n\n  /** For multiple selections, the component's lower value. */\n  @Prop({ mutable: true }) minValue: number;\n\n  /**\n   * When `true`, the slider will display values from high to low.\n   *\n   * Note that this value will be ignored if the slider has an associated histogram.\n   */\n  @Prop({ reflect: true }) mirrored = false;\n\n  /**\n   * Specifies the name of the component.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  /**\n   * Specifies the Unicode numeral system used by the component for localization.\n   */\n  @Prop() numberingSystem: NumberingSystem;\n\n  /** Specifies the interval to move with the page up, or page down keys. */\n  @Prop({ reflect: true }) pageStep: number;\n\n  /** When `true`, sets a finer point for handles. */\n  @Prop({ reflect: true }) precise = false;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** When `true`, enables snap selection in coordination with `step` via a mouse. */\n  @Prop({ reflect: true }) snap = false;\n\n  /** Specifies the interval to move with the up, or down keys. */\n  @Prop({ reflect: true }) step = 1;\n\n  /** Displays tick marks on the number line at a specified interval. */\n  @Prop({ reflect: true }) ticks: number;\n\n  @Watch(\"ticks\")\n  ticksWatcher(): void {\n    this.tickValues = this.generateTickValues();\n  }\n\n  /** The component's value. */\n  @Prop({ reflect: true, mutable: true }) value: null | number | number[] = 0;\n\n  @Watch(\"value\")\n  valueHandler(): void {\n    this.setMinMaxFromValue();\n  }\n\n  @Watch(\"minValue\")\n  @Watch(\"maxValue\")\n  minMaxValueHandler(): void {\n    this.setValueFromMinMax();\n  }\n\n  /**\n   *  Specifies the size of the component.\n   */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n    connectLocalized(this);\n    this.setMinMaxFromValue();\n    this.setValueFromMinMax();\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    disconnectLocalized(this);\n    this.removeDragListeners();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n    if (!isRange(this.value)) {\n      this.value = this.snap ? this.getClosestStep(this.value) : this.clamp(this.value);\n    }\n    this.ticksWatcher();\n    this.histogramWatcher(this.histogram);\n    afterConnectDefaultValueSet(this, this.value);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    if (this.labelHandles) {\n      this.adjustHostObscuredHandleLabel(\"value\");\n      if (isRange(this.value)) {\n        this.adjustHostObscuredHandleLabel(\"minValue\");\n        if (!(this.precise && !this.hasHistogram)) {\n          this.hyphenateCollidingRangeHandleLabels();\n        }\n      }\n    }\n    this.hideObscuredBoundingTickLabels();\n    updateHostInteraction(this);\n  }\n\n  render(): VNode {\n    const id = this.el.id || this.guid;\n    const value = isRange(this.value) ? this.maxValue : this.value;\n    const min = this.minValue || this.min;\n    const useMinValue = this.shouldUseMinValue();\n    const minInterval = this.getUnitInterval(useMinValue ? this.minValue : min) * 100;\n    const maxInterval = this.getUnitInterval(value) * 100;\n    const mirror = this.shouldMirror();\n    const valueIsRange = isRange(this.value);\n\n    const thumbTypes = this.buildThumbType(\"max\");\n    const thumb = this.renderThumb({\n      type: thumbTypes,\n      thumbPlacement: thumbTypes.includes(\"histogram\") ? \"below\" : \"above\",\n      maxInterval,\n      minInterval,\n      mirror,\n    });\n\n    const minThumbTypes = this.buildThumbType(\"min\");\n    const minThumb =\n      valueIsRange &&\n      this.renderThumb({\n        type: minThumbTypes,\n        thumbPlacement:\n          minThumbTypes.includes(\"histogram\") || minThumbTypes.includes(\"precise\")\n            ? \"below\"\n            : \"above\",\n        maxInterval,\n        minInterval,\n        mirror,\n      });\n\n    return (\n      <Host id={id} onKeyDown={this.handleKeyDown} onTouchStart={this.handleTouchStart}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-label={getLabelText(this)}\n            class={{\n              [CSS.container]: true,\n              [CSS.containerRange]: valueIsRange,\n              [`scale--${this.scale}`]: true,\n            }}\n          >\n            {this.renderGraph()}\n            <div\n              class={CSS.track}\n              // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n              ref={this.storeTrackRef}\n            >\n              <div\n                class={CSS.trackRange}\n                onPointerDown={this.onTrackPointerDown}\n                style={{\n                  left: `${mirror ? 100 - maxInterval : minInterval}%`,\n                  right: `${mirror ? minInterval : 100 - maxInterval}%`,\n                }}\n              />\n              <div class={CSS.ticks}>\n                {this.tickValues.map((tick) => {\n                  const tickOffset = `${this.getUnitInterval(tick) * 100}%`;\n                  let activeTicks = tick >= min && tick <= value;\n                  if (useMinValue) {\n                    activeTicks = tick >= this.minValue && tick <= this.maxValue;\n                  }\n\n                  return (\n                    <span\n                      class={{\n                        [CSS.tick]: true,\n                        [CSS.tickActive]: activeTicks,\n                      }}\n                      style={{\n                        left: mirror ? \"\" : tickOffset,\n                        right: mirror ? tickOffset : \"\",\n                      }}\n                    >\n                      {this.renderTickLabel(tick)}\n                    </span>\n                  );\n                })}\n              </div>\n            </div>\n            <div class={CSS.thumbContainer}>\n              {minThumb}\n              {thumb}\n              <HiddenFormInputSlot component={this} />\n            </div>\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderThumb({\n    type,\n    mirror,\n    thumbPlacement,\n    minInterval,\n    maxInterval,\n  }: {\n    maxInterval: number;\n    minInterval: number;\n    mirror: boolean;\n    thumbPlacement: \"above\" | \"below\";\n    type: string;\n  }) {\n    const isLabeled = type.includes(\"labeled\");\n    const isPrecise = type.includes(\"precise\");\n    const isMinThumb = type.includes(\"min\");\n\n    const valueIsRange = isRange(this.value);\n    const value = isMinThumb\n      ? this.minValue\n      : valueIsRange\n        ? this.maxValue\n        : (this.value as number);\n    const valueProp = isMinThumb ? \"minValue\" : valueIsRange ? \"maxValue\" : \"value\";\n    const ariaLabel = isMinThumb ? this.minLabel : valueIsRange ? this.maxLabel : this.minLabel;\n    const ariaValuenow = isMinThumb ? this.minValue : value;\n    const displayedValue = isMinThumb ? this.formatValue(this.minValue) : this.formatValue(value);\n    const thumbStyle: SideOffset = isMinThumb\n      ? { left: `${mirror ? 100 - minInterval : minInterval}%` }\n      : { right: `${mirror ? maxInterval : 100 - maxInterval}%` };\n    const thumbLabelClasses = `${CSS.handleLabel} ${\n      isMinThumb ? CSS.handleLabelMinValue : CSS.handleLabelValue\n    }`;\n\n    const labels = isLabeled\n      ? [\n          <span aria-hidden=\"true\" class={thumbLabelClasses}>\n            {displayedValue}\n          </span>,\n          <span aria-hidden=\"true\" class={`${thumbLabelClasses} ${CSS.static}`}>\n            {displayedValue}\n          </span>,\n          <span aria-hidden=\"true\" class={`${thumbLabelClasses} ${CSS.transformed}`}>\n            {displayedValue}\n          </span>,\n        ]\n      : [];\n\n    const thumbContent: VNode[] = [\n      ...labels,\n      <div class={CSS.handle} />,\n      isPrecise && <div class={CSS.handleExtension} />,\n    ];\n\n    if (thumbPlacement === \"below\") {\n      thumbContent.reverse();\n    }\n\n    return (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={ariaLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={ariaValuenow}\n        class={{\n          [CSS.thumb]: true,\n          [CSS.thumbValue]: !isMinThumb,\n          [CSS.thumbActive]: this.lastDragProp !== \"minMaxValue\" && this.dragProp === valueProp,\n          [CSS.thumbPrecise]: isPrecise,\n          [CSS.thumbMinValue]: isMinThumb,\n        }}\n        data-value-prop={valueProp}\n        key={type}\n        onBlur={this.onThumbBlur}\n        onFocus={this.onThumbFocus}\n        onPointerDown={this.onThumbPointerDown}\n        role=\"slider\"\n        style={thumbStyle}\n        tabIndex={0}\n        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n        ref={this.storeThumbRef}\n      >\n        {thumbContent}\n      </div>\n    );\n  }\n\n  private renderGraph(): VNode {\n    return this.histogram ? (\n      <calcite-graph\n        class={CSS.graph}\n        colorStops={this.histogramStops}\n        data={this.histogram}\n        highlightMax={isRange(this.value) ? this.maxValue : this.value}\n        highlightMin={isRange(this.value) ? this.minValue : this.min}\n        max={this.max}\n        min={this.min}\n      />\n    ) : null;\n  }\n\n  private renderTickLabel(tick: number): VNode {\n    const { hasHistogram, labelHandles, labelTicks, max, min, precise, value } = this;\n    const valueIsRange = isRange(value);\n    const isMinTickLabel = tick === min;\n    const isMaxTickLabel = tick === max;\n    const isAtEdge = isMinTickLabel || isMaxTickLabel;\n\n    const shouldDisplayLabel =\n      labelTicks &&\n      ((!hasHistogram && (isAtEdge || !precise || !valueIsRange)) ||\n        (hasHistogram && (isAtEdge || (!precise && !labelHandles))));\n\n    return shouldDisplayLabel ? (\n      <span\n        class={{\n          [CSS.tickLabel]: true,\n          [CSS.tickMin]: isMinTickLabel,\n          [CSS.tickMax]: isMaxTickLabel,\n        }}\n      >\n        {this.formatValue(tick)}\n      </span>\n    ) : null;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const mirror = this.shouldMirror();\n    const { activeProp, max, min, pageStep, step } = this;\n    const value = this[activeProp];\n    const { key } = event;\n\n    if (isActivationKey(key)) {\n      event.preventDefault();\n      return;\n    }\n\n    let adjustment: number;\n\n    if (key === \"ArrowUp\" || key === \"ArrowRight\") {\n      const directionFactor = mirror && key === \"ArrowRight\" ? -1 : 1;\n      adjustment = value + step * directionFactor;\n    } else if (key === \"ArrowDown\" || key === \"ArrowLeft\") {\n      const directionFactor = mirror && key === \"ArrowLeft\" ? -1 : 1;\n      adjustment = value - step * directionFactor;\n    } else if (key === \"PageUp\") {\n      if (pageStep) {\n        adjustment = value + pageStep;\n      }\n    } else if (key === \"PageDown\") {\n      if (pageStep) {\n        adjustment = value - pageStep;\n      }\n    } else if (key === \"Home\") {\n      adjustment = min;\n    } else if (key === \"End\") {\n      adjustment = max;\n    }\n\n    if (isNaN(adjustment)) {\n      return;\n    }\n\n    event.preventDefault();\n    const fixedDecimalAdjustment = Number(adjustment.toFixed(decimalPlaces(step)));\n    this.setValue({\n      [activeProp as SetValueProperty]: this.clamp(fixedDecimalAdjustment, activeProp),\n    });\n  };\n\n  @Listen(\"pointerdown\")\n  pointerDownHandler(event: PointerEvent): void {\n    if (this.disabled || !isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    const x = event.clientX || event.pageX;\n    const position = this.translate(x);\n    let prop: ActiveSliderProperty = \"value\";\n    if (isRange(this.value)) {\n      const inRange = position >= this.minValue && position <= this.maxValue;\n      if (inRange && this.lastDragProp === \"minMaxValue\") {\n        prop = \"minMaxValue\";\n      } else {\n        const closerToMax = Math.abs(this.maxValue - position) < Math.abs(this.minValue - position);\n        prop = closerToMax || position >= this.maxValue ? \"maxValue\" : \"minValue\";\n      }\n    }\n    this.lastDragPropValue = this[prop];\n    this.dragStart(prop);\n    const isThumbActive = this.el.shadowRoot.querySelector(`.${CSS.thumb}:active`);\n    if (!isThumbActive) {\n      this.setValue({ [prop as SetValueProperty]: this.clamp(position, prop) });\n    }\n    this.focusActiveHandle(x);\n  }\n\n  handleTouchStart(event: TouchEvent): void {\n    // needed to prevent extra click at the end of a handle drag\n    event.preventDefault();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Fires on all updates to the component.\n   *\n   * Note: Fires frequently during drag. To perform\n   * expensive operations consider using a debounce or throttle to avoid\n   * locking up the main thread.\n   */\n  @Event({ cancelable: false }) calciteSliderInput: EventEmitter<void>;\n\n  /**\n   * Fires when the thumb is released on the component.\n   *\n   * Note: To constantly listen to the drag event,\n   * use `calciteSliderInput` instead.\n   */\n  @Event({ cancelable: false }) calciteSliderChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    const handle = this.minHandle ? this.minHandle : this.maxHandle;\n    handle?.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSliderElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Slider[\"value\"];\n\n  private activeProp: ActiveSliderProperty = \"value\";\n\n  private guid = `calcite-slider-${guid()}`;\n\n  private dragProp: ActiveSliderProperty;\n\n  private lastDragProp: ActiveSliderProperty;\n\n  private lastDragPropValue: number;\n\n  private minHandle: HTMLDivElement;\n\n  private maxHandle: HTMLDivElement;\n\n  private trackEl: HTMLDivElement;\n\n  @State() effectiveLocale = \"\";\n\n  @State() private minMaxValueRange: number = null;\n\n  @State() private minValueDragRange: number = null;\n\n  @State() private maxValueDragRange: number = null;\n\n  @State() private tickValues: number[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private buildThumbType(type: \"min\" | \"max\"): ThumbType {\n    const thumbTypeParts: string[] = [type];\n\n    if (this.labelHandles) {\n      thumbTypeParts.push(\"labeled\");\n    }\n\n    if (this.precise) {\n      thumbTypeParts.push(\"precise\");\n    }\n\n    if (this.hasHistogram) {\n      thumbTypeParts.push(\"histogram\");\n    }\n\n    return thumbTypeParts.join(\"-\") as ThumbType;\n  }\n\n  setValueFromMinMax(): void {\n    const { minValue, maxValue } = this;\n\n    if (typeof minValue === \"number\" && typeof maxValue === \"number\") {\n      this.value = [minValue, maxValue];\n    }\n  }\n\n  setMinMaxFromValue(): void {\n    const { value } = this;\n\n    if (isRange(value)) {\n      this.minValue = value[0];\n      this.maxValue = value[1];\n    }\n  }\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private shouldMirror(): boolean {\n    return this.mirrored && !this.hasHistogram;\n  }\n\n  private shouldUseMinValue(): boolean {\n    if (!isRange(this.value)) {\n      return false;\n    }\n    return (\n      (this.hasHistogram && this.maxValue === 0) || (!this.hasHistogram && this.minValue === 0)\n    );\n  }\n\n  private getTickDensity(): number {\n    const density = (this.max - this.min) / this.ticks / maxTickElementThreshold;\n\n    return density < 1 ? 1 : density;\n  }\n\n  private generateTickValues(): number[] {\n    const tickInterval = this.ticks ?? 0;\n\n    if (tickInterval <= 0) {\n      return [];\n    }\n\n    const ticks: number[] = [this.min];\n    const density = this.getTickDensity();\n    const tickOffset = tickInterval * density;\n    let current = this.min;\n\n    while (current < this.max) {\n      current += tickOffset;\n      ticks.push(Math.min(current, this.max));\n    }\n\n    if (!ticks.includes(this.max)) {\n      ticks.push(this.max);\n    }\n\n    return ticks;\n  }\n\n  private onThumbBlur = () => {\n    this.activeProp = null;\n  };\n\n  private onThumbFocus = (event: FocusEvent) => {\n    const thumb = event.currentTarget as HTMLElement;\n    this.activeProp = thumb.getAttribute(\"data-value-prop\") as ActiveSliderProperty;\n  };\n\n  private onThumbPointerDown = (event: PointerEvent) => {\n    const thumb = event.currentTarget as HTMLElement;\n    this.pointerDownDragStart(event, thumb.getAttribute(\"data-value-prop\") as ActiveSliderProperty);\n  };\n\n  private onTrackPointerDown = (event: PointerEvent) => {\n    this.pointerDownDragStart(event, \"minMaxValue\");\n  };\n\n  private pointerDownDragStart(event: PointerEvent, prop: ActiveSliderProperty): void {\n    if (!isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.dragStart(prop);\n  }\n\n  private dragStart(prop: ActiveSliderProperty): void {\n    this.dragProp = prop;\n    this.lastDragProp = this.dragProp;\n    this.activeProp = prop;\n    window.addEventListener(\"pointermove\", this.dragUpdate);\n    window.addEventListener(\"pointerup\", this.pointerUpDragEnd);\n    window.addEventListener(\"pointercancel\", this.dragEnd);\n  }\n\n  private focusActiveHandle(valueX: number): void {\n    if (this.dragProp === \"minValue\") {\n      this.minHandle.focus();\n    } else if (this.dragProp === \"maxValue\" || this.dragProp === \"value\") {\n      this.maxHandle.focus();\n    } else if (this.dragProp === \"minMaxValue\") {\n      this.getClosestHandle(valueX).focus();\n    }\n  }\n\n  private dragUpdate = (event: PointerEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    event.preventDefault();\n    if (this.dragProp) {\n      const value = this.translate(event.clientX || event.pageX);\n      if (isRange(this.value) && this.dragProp === \"minMaxValue\") {\n        if (this.minValueDragRange && this.maxValueDragRange && this.minMaxValueRange) {\n          const newMinValue = value - this.minValueDragRange;\n          const newMaxValue = value + this.maxValueDragRange;\n          if (\n            newMaxValue <= this.max &&\n            newMinValue >= this.min &&\n            newMaxValue - newMinValue === this.minMaxValueRange\n          ) {\n            this.setValue({\n              minValue: this.clamp(newMinValue, \"minValue\"),\n              maxValue: this.clamp(newMaxValue, \"maxValue\"),\n            });\n          }\n        } else {\n          this.minValueDragRange = value - this.minValue;\n          this.maxValueDragRange = this.maxValue - value;\n          this.minMaxValueRange = this.maxValue - this.minValue;\n        }\n      } else {\n        this.setValue({ [this.dragProp as SetValueProperty]: this.clamp(value, this.dragProp) });\n      }\n    }\n  };\n\n  private emitInput(): void {\n    this.calciteSliderInput.emit();\n  }\n\n  private emitChange(): void {\n    this.calciteSliderChange.emit();\n  }\n\n  private pointerUpDragEnd = (event: PointerEvent): void => {\n    if (this.disabled || !isPrimaryPointerButton(event)) {\n      return;\n    }\n\n    this.dragEnd(event);\n  };\n\n  private dragEnd = (event: PointerEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.removeDragListeners();\n    this.focusActiveHandle(event.clientX);\n    if (this.lastDragPropValue != this[this.dragProp]) {\n      this.emitChange();\n    }\n    this.dragProp = null;\n    this.lastDragPropValue = null;\n    this.minValueDragRange = null;\n    this.maxValueDragRange = null;\n    this.minMaxValueRange = null;\n  };\n\n  private removeDragListeners() {\n    window.removeEventListener(\"pointermove\", this.dragUpdate);\n    window.removeEventListener(\"pointerup\", this.pointerUpDragEnd);\n    window.removeEventListener(\"pointercancel\", this.dragEnd);\n  }\n\n  /**\n   * Set prop value(s) if changed at the component level\n   *\n   * @param {object} values - a set of key/value pairs delineating what properties in the component to update\n   */\n  private setValue(\n    values: Partial<{\n      [Property in keyof Pick<Slider, \"maxValue\" | \"minValue\" | \"value\">]: number;\n    }>,\n  ): void {\n    let valueChanged: boolean;\n\n    Object.keys(values).forEach((propName) => {\n      const newValue = values[propName];\n\n      if (!valueChanged) {\n        const oldValue = this[propName];\n        valueChanged = oldValue !== newValue;\n      }\n\n      this[propName] = newValue;\n    });\n\n    if (!valueChanged) {\n      return;\n    }\n\n    const dragging = this.dragProp;\n    if (!dragging) {\n      this.emitChange();\n    }\n    this.emitInput();\n  }\n\n  private storeTrackRef = (node: HTMLDivElement): void => {\n    this.trackEl = node;\n  };\n\n  private storeThumbRef = (el: HTMLDivElement): void => {\n    if (!el) {\n      return;\n    }\n\n    const valueProp = el.getAttribute(\"data-value-prop\") as ActiveSliderProperty;\n    valueProp === \"minValue\" ? (this.minHandle = el) : (this.maxHandle = el);\n  };\n\n  /**\n   * If number is outside range, constrain to min or max\n   *\n   * @param value\n   * @param prop\n   * @internal\n   */\n  private clamp(value: number, prop?: ActiveSliderProperty): number {\n    value = clamp(value, this.min, this.max);\n\n    // ensure that maxValue and minValue don't swap positions\n    if (prop === \"maxValue\") {\n      value = Math.max(value, this.minValue);\n    }\n    if (prop === \"minValue\") {\n      value = Math.min(value, this.maxValue);\n    }\n\n    return value;\n  }\n\n  /**\n   * Translate a pixel position to value along the range\n   *\n   * @param x\n   * @internal\n   */\n  private translate(x: number): number {\n    const range = this.max - this.min;\n    const { left, width } = this.trackEl.getBoundingClientRect();\n    const percent = (x - left) / width;\n    const mirror = this.shouldMirror();\n    const clampedValue = this.clamp(this.min + range * (mirror ? 1 - percent : percent));\n    const value = Number(clampedValue.toFixed(decimalPlaces(this.step)));\n\n    return !(this.snap && this.step) ? value : this.getClosestStep(value);\n  }\n\n  /**\n   * Get closest allowed value along stepped values\n   *\n   * @param value\n   * @internal\n   */\n  private getClosestStep(value: number): number {\n    const { max, min, step } = this;\n    let snappedValue = Math.floor((value - min) / step) * step + min;\n    snappedValue = Math.min(Math.max(snappedValue, min), max);\n\n    if (snappedValue > max) {\n      snappedValue -= step;\n    }\n\n    return snappedValue;\n  }\n\n  private getClosestHandle(valueX: number): HTMLDivElement {\n    return this.getDistanceX(this.maxHandle, valueX) > this.getDistanceX(this.minHandle, valueX)\n      ? this.minHandle\n      : this.maxHandle;\n  }\n\n  private getDistanceX(el: HTMLDivElement, valueX: number): number {\n    return Math.abs(el.getBoundingClientRect().left - valueX);\n  }\n\n  private getFontSizeForElement(element: HTMLElement): number {\n    return Number(window.getComputedStyle(element).getPropertyValue(\"font-size\").match(/\\d+/)[0]);\n  }\n\n  /**\n   * Get position of value along range as fractional value\n   *\n   * @param num\n   * @return {number} number in the unit interval [0,1]\n   * @internal\n   */\n  private getUnitInterval(num: number): number {\n    num = this.clamp(num);\n    const range = this.max - this.min;\n    return (num - this.min) / range;\n  }\n\n  private adjustHostObscuredHandleLabel(name: \"value\" | \"minValue\"): void {\n    const label: HTMLSpanElement = this.el.shadowRoot.querySelector(`.handle__label--${name}`);\n    const labelStatic: HTMLSpanElement = this.el.shadowRoot.querySelector(\n      `.handle__label--${name}.static`,\n    );\n    const labelTransformed: HTMLSpanElement = this.el.shadowRoot.querySelector(\n      `.handle__label--${name}.transformed`,\n    );\n    const labelStaticBounds = labelStatic.getBoundingClientRect();\n    const labelStaticOffset = this.getHostOffset(labelStaticBounds.left, labelStaticBounds.right);\n    label.style.transform = `translateX(${labelStaticOffset}px)`;\n    labelTransformed.style.transform = `translateX(${labelStaticOffset}px)`;\n  }\n\n  private hyphenateCollidingRangeHandleLabels(): void {\n    const { shadowRoot } = this.el;\n\n    const mirror = this.shouldMirror();\n    const leftModifier = mirror ? \"value\" : \"minValue\";\n    const rightModifier = mirror ? \"minValue\" : \"value\";\n\n    const leftValueLabel: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}`,\n    );\n    const leftValueLabelStatic: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}.static`,\n    );\n    const leftValueLabelTransformed: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${leftModifier}.transformed`,\n    );\n    const leftValueLabelStaticHostOffset = this.getHostOffset(\n      leftValueLabelStatic.getBoundingClientRect().left,\n      leftValueLabelStatic.getBoundingClientRect().right,\n    );\n\n    const rightValueLabel: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}`,\n    );\n    const rightValueLabelStatic: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}.static`,\n    );\n    const rightValueLabelTransformed: HTMLSpanElement = shadowRoot.querySelector(\n      `.handle__label--${rightModifier}.transformed`,\n    );\n    const rightValueLabelStaticHostOffset = this.getHostOffset(\n      rightValueLabelStatic.getBoundingClientRect().left,\n      rightValueLabelStatic.getBoundingClientRect().right,\n    );\n\n    const labelFontSize = this.getFontSizeForElement(leftValueLabel);\n    const labelTransformedOverlap = this.getRangeLabelOverlap(\n      leftValueLabelTransformed,\n      rightValueLabelTransformed,\n    );\n\n    const hyphenLabel = leftValueLabel;\n    const labelOffset = labelFontSize / 2;\n\n    if (labelTransformedOverlap > 0) {\n      hyphenLabel.classList.add(CSS.hyphen, CSS.hyphenWrap);\n      if (rightValueLabelStaticHostOffset === 0 && leftValueLabelStaticHostOffset === 0) {\n        // Neither handle overlaps the host boundary\n        let leftValueLabelTranslate = labelTransformedOverlap / 2 - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n\n        const leftValueLabelTransformedHostOffset = this.getHostOffset(\n          leftValueLabelTransformed.getBoundingClientRect().left +\n            leftValueLabelTranslate -\n            labelOffset,\n          leftValueLabelTransformed.getBoundingClientRect().right +\n            leftValueLabelTranslate -\n            labelOffset,\n        );\n\n        let rightValueLabelTranslate = labelTransformedOverlap / 2;\n        const rightValueLabelTransformedHostOffset = this.getHostOffset(\n          rightValueLabelTransformed.getBoundingClientRect().left + rightValueLabelTranslate,\n          rightValueLabelTransformed.getBoundingClientRect().right + rightValueLabelTranslate,\n        );\n\n        if (leftValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += leftValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += leftValueLabelTransformedHostOffset;\n        }\n\n        if (rightValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += rightValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += rightValueLabelTransformedHostOffset;\n        }\n\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${\n          leftValueLabelTranslate - labelOffset\n        }px)`;\n        rightValueLabel.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n      } else if (leftValueLabelStaticHostOffset > 0 || rightValueLabelStaticHostOffset > 0) {\n        // labels overlap host boundary on the left side\n        leftValueLabel.style.transform = `translateX(${\n          leftValueLabelStaticHostOffset + labelOffset\n        }px)`;\n        rightValueLabel.style.transform = `translateX(${\n          labelTransformedOverlap + rightValueLabelStaticHostOffset\n        }px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${\n          labelTransformedOverlap + rightValueLabelStaticHostOffset\n        }px)`;\n      } else if (leftValueLabelStaticHostOffset < 0 || rightValueLabelStaticHostOffset < 0) {\n        // labels overlap host boundary on the right side\n        let leftValueLabelTranslate =\n          Math.abs(leftValueLabelStaticHostOffset) + labelTransformedOverlap - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${\n          leftValueLabelTranslate - labelOffset\n        }px)`;\n      }\n    } else {\n      hyphenLabel.classList.remove(CSS.hyphen, CSS.hyphenWrap);\n      leftValueLabel.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      leftValueLabelTransformed.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      rightValueLabel.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n      rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n    }\n  }\n\n  /**\n   * Hides bounding tick labels that are obscured by either handle.\n   */\n  private hideObscuredBoundingTickLabels(): void {\n    const valueIsRange = isRange(this.value);\n    if (!this.hasHistogram && !valueIsRange && !this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && !this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !valueIsRange && this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && valueIsRange && !this.precise) {\n      return;\n    }\n    if (this.hasHistogram && !this.precise && !this.labelHandles) {\n      return;\n    }\n\n    const minHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(\n      `.${CSS.thumbMinValue}`,\n    );\n    const maxHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(`.${CSS.thumbValue}`);\n\n    const minTickLabel: HTMLSpanElement | null = this.el.shadowRoot.querySelector(\n      `.${CSS.tickMin}`,\n    );\n    const maxTickLabel: HTMLSpanElement | null = this.el.shadowRoot.querySelector(\n      `.${CSS.tickMax}`,\n    );\n\n    if (!minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity = this.isMinTickLabelObscured(minTickLabel, maxHandle) ? \"0\" : \"1\";\n      maxTickLabel.style.opacity = this.isMaxTickLabelObscured(maxTickLabel, maxHandle) ? \"0\" : \"1\";\n    }\n\n    if (minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity =\n        this.isMinTickLabelObscured(minTickLabel, minHandle) ||\n        this.isMinTickLabelObscured(minTickLabel, maxHandle)\n          ? \"0\"\n          : \"1\";\n      maxTickLabel.style.opacity =\n        this.isMaxTickLabelObscured(maxTickLabel, minHandle) ||\n        (this.isMaxTickLabelObscured(maxTickLabel, maxHandle) && this.hasHistogram)\n          ? \"0\"\n          : \"1\";\n    }\n  }\n\n  /**\n   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.\n   *\n   * @param leftBounds\n   * @param rightBounds\n   * @internal\n   */\n  private getHostOffset(leftBounds: number, rightBounds: number): number {\n    const hostBounds = this.el.getBoundingClientRect();\n    const buffer = 7;\n\n    if (leftBounds + buffer < hostBounds.left) {\n      return hostBounds.left - leftBounds - buffer;\n    }\n\n    if (rightBounds - buffer > hostBounds.right) {\n      return -(rightBounds - hostBounds.right) + buffer;\n    }\n\n    return 0;\n  }\n\n  /**\n   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account\n   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.\n   *\n   * @param leftLabel\n   * @param rightLabel\n   */\n  private getRangeLabelOverlap(leftLabel: HTMLSpanElement, rightLabel: HTMLSpanElement): number {\n    const leftLabelBounds = leftLabel.getBoundingClientRect();\n    const rightLabelBounds = rightLabel.getBoundingClientRect();\n    const leftLabelFontSize = this.getFontSizeForElement(leftLabel);\n    const rangeLabelOverlap = leftLabelBounds.right + leftLabelFontSize - rightLabelBounds.left;\n\n    return Math.max(rangeLabelOverlap, 0);\n  }\n\n  /**\n   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.\n   *\n   * @param minLabel\n   * @param handle\n   */\n  private isMinTickLabelObscured(minLabel: HTMLSpanElement, handle: HTMLDivElement): boolean {\n    const minLabelBounds = minLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(minLabelBounds, handleBounds);\n  }\n\n  /**\n   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.\n   *\n   * @param maxLabel\n   * @param handle\n   */\n  private isMaxTickLabelObscured(maxLabel: HTMLSpanElement, handle: HTMLDivElement): boolean {\n    const maxLabelBounds = maxLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(maxLabelBounds, handleBounds);\n  }\n\n  /**\n   * Returns a string representing the localized label value based if the groupSeparator prop is parsed.\n   *\n   * @param value\n   */\n  private formatValue = (value: number): string => {\n    numberStringFormatter.numberFormatOptions = {\n      locale: this.effectiveLocale,\n      numberingSystem: this.numberingSystem,\n      useGrouping: this.groupSeparator,\n    };\n\n    return numberStringFormatter.localize(value.toString());\n  };\n}\n"],"mappings":"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"}

package/dist/calcite/p-f8a0ca92.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{d as i,i as r}from"./p-d66143b4.js";var t="Expected a function";function n(n,a,e){var o=true,f=true;if(typeof n!="function"){throw new TypeError(t)}if(r(e)){o="leading"in e?!!e.leading:o;f="trailing"in e?!!e.trailing:f}return i(n,a,{leading:o,maxWait:a,trailing:f})}export{n as t};
-//# sourceMappingURL=p-f8a0ca92.js.map

package/dist/calcite/p-f8e10e2b.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{h as t}from"./p-85931c71.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const e=(r,e)=>{const n=r.level?`h${r.level}`:"div";delete r.level;return t(n,{...r},e)};export{e as H,r as c};
-//# sourceMappingURL=p-f8e10e2b.js.map

package/dist/calcite/p-fafa7c4f.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{r as e,c as t,h as a,H as i,g as n}from"./p-85931c71.js";import{a as s,l as o,b as l}from"./p-1e6dcf63.js";import"./p-fb848c65.js";import"./p-be664342.js";import"./p-b5773566.js";import"./p-c56cce40.js";const c={container:"container"};const r=":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([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const d=r;const b=class{constructor(a){e(this,a);this.calciteInternalLabelClick=t(this,"calciteInternalLabelClick",2);this.labelClickHandler=e=>{this.calciteInternalLabelClick.emit({sourceEvent:e})};this.alignment="start";this.for=undefined;this.scale="m";this.layout="default"}handleForChange(){s(this.el)}connectedCallback(){document.dispatchEvent(new CustomEvent(o))}disconnectedCallback(){document.dispatchEvent(new CustomEvent(l))}render(){return a(i,{key:"597b3bd64b3ae8f663937895a4e80a013b99332d",onClick:this.labelClickHandler},a("div",{key:"effb146f2bb9a7f6d5b25c7848b595401f6f398f",class:c.container},a("slot",{key:"59facab849337e37bb3be7ffb4bc122d7f99f22a"})))}get el(){return n(this)}static get watchers(){return{for:["handleForChange"]}}};b.style=d;export{b as calcite_label};
-//# sourceMappingURL=p-fafa7c4f.entry.js.map

package/dist/calcite/p-fb848c65.js

@@ -1,12 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{g as n}from"./p-be664342.js";import{C as r}from"./p-b5773566.js";
-/*!
-* tabbable 6.2.0
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var t=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"];var e=t.join(",");var u=typeof Element==="undefined";var i=u?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var o=!u&&Element.prototype.getRootNode?function(n){var r;return n===null||n===void 0?void 0:(r=n.getRootNode)===null||r===void 0?void 0:r.call(n)}:function(n){return n===null||n===void 0?void 0:n.ownerDocument};var a=function n(r,t){var e;if(t===void 0){t=true}var u=r===null||r===void 0?void 0:(e=r.getAttribute)===null||e===void 0?void 0:e.call(r,"inert");var i=u===""||u==="true";var o=i||t&&r&&n(r.parentNode);return o};var f=function n(r){var t;var e=r===null||r===void 0?void 0:(t=r.getAttribute)===null||t===void 0?void 0:t.call(r,"contenteditable");return e===""||e==="true"};var l=function n(r,t,u){if(a(r)){return[]}var o=Array.prototype.slice.apply(r.querySelectorAll(e));if(t&&i.call(r,e)){o.unshift(r)}o=o.filter(u);return o};var s=function n(r,t,u){var o=[];var f=Array.from(r);while(f.length){var l=f.shift();if(a(l,false)){continue}if(l.tagName==="SLOT"){var s=l.assignedElements();var c=s.length?s:l.children;var v=n(c,true,u);if(u.flatten){o.push.apply(o,v)}else{o.push({scopeParent:l,candidates:v})}}else{var d=i.call(l,e);if(d&&u.filter(l)&&(t||!r.includes(l))){o.push(l)}var p=l.shadowRoot||typeof u.getShadowRoot==="function"&&u.getShadowRoot(l);var y=!a(p,false)&&(!u.shadowRootFilter||u.shadowRootFilter(l));if(p&&y){var w=n(p===true?l.children:p.children,true,u);if(u.flatten){o.push.apply(o,w)}else{o.push({scopeParent:l,candidates:w})}}else{f.unshift.apply(f,l.children)}}}return o};var c=function n(r){return!isNaN(parseInt(r.getAttribute("tabindex"),10))};var v=function n(r){if(!r){throw new Error("No node provided")}if(r.tabIndex<0){if((/^(AUDIO|VIDEO|DETAILS)$/.test(r.tagName)||f(r))&&!c(r)){return 0}}return r.tabIndex};var d=function n(r,t){var e=v(r);if(e<0&&t&&!c(r)){return 0}return e};var p=function n(r,t){return r.tabIndex===t.tabIndex?r.documentOrder-t.documentOrder:r.tabIndex-t.tabIndex};var y=function n(r){return r.tagName==="INPUT"};var w=function n(r){return y(r)&&r.type==="hidden"};var m=function n(r){var t=r.tagName==="DETAILS"&&Array.prototype.slice.apply(r.children).some((function(n){return n.tagName==="SUMMARY"}));return t};var h=function n(r,t){for(var e=0;e<r.length;e++){if(r[e].checked&&r[e].form===t){return r[e]}}};var E=function n(r){if(!r.name){return true}var t=r.form||o(r);var e=function n(r){return t.querySelectorAll('input[type="radio"][name="'+r+'"]')};var u;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){u=e(window.CSS.escape(r.name))}else{try{u=e(r.name)}catch(n){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message);return false}}var i=h(u,r.form);return!i||i===r};var A=function n(r){return y(r)&&r.type==="radio"};var S=function n(r){return A(r)&&!E(r)};var b=function n(r){var t;var e=r&&o(r);var u=(t=e)===null||t===void 0?void 0:t.host;var i=false;if(e&&e!==r){var a,f,l;i=!!((a=u)!==null&&a!==void 0&&(f=a.ownerDocument)!==null&&f!==void 0&&f.contains(u)||r!==null&&r!==void 0&&(l=r.ownerDocument)!==null&&l!==void 0&&l.contains(r));while(!i&&u){var s,c,v;e=o(u);u=(s=e)===null||s===void 0?void 0:s.host;i=!!((c=u)!==null&&c!==void 0&&(v=c.ownerDocument)!==null&&v!==void 0&&v.contains(u))}}return i};var g=function n(r){var t=r.getBoundingClientRect(),e=t.width,u=t.height;return e===0&&u===0};var N=function n(r,t){var e=t.displayCheck,u=t.getShadowRoot;if(getComputedStyle(r).visibility==="hidden"){return true}var a=i.call(r,"details>summary:first-of-type");var f=a?r.parentElement:r;if(i.call(f,"details:not([open]) *")){return true}if(!e||e==="full"||e==="legacy-full"){if(typeof u==="function"){var l=r;while(r){var s=r.parentElement;var c=o(r);if(s&&!s.shadowRoot&&u(s)===true){return g(r)}else if(r.assignedSlot){r=r.assignedSlot}else if(!s&&c!==r.ownerDocument){r=c.host}else{r=s}}r=l}if(b(r)){return!r.getClientRects().length}if(e!=="legacy-full"){return true}}else if(e==="non-zero-area"){return g(r)}return false};var I=function n(r){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(r.tagName)){var t=r.parentElement;while(t){if(t.tagName==="FIELDSET"&&t.disabled){for(var e=0;e<t.children.length;e++){var u=t.children.item(e);if(u.tagName==="LEGEND"){return i.call(t,"fieldset[disabled] *")?true:!u.contains(r)}}return true}t=t.parentElement}}return false};var T=function n(r,t){if(t.disabled||a(t)||w(t)||N(t,r)||m(t)||I(t)){return false}return true};var x=function n(r,t){if(S(t)||v(t)<0||!T(r,t)){return false}return true};var $=function n(r){var t=parseInt(r.getAttribute("tabindex"),10);if(isNaN(t)||t>=0){return true}return false};var C=function n(r){var t=[];var e=[];r.forEach((function(r,u){var i=!!r.scopeParent;var o=i?r.scopeParent:r;var a=d(o,i);var f=i?n(r.candidates):o;if(a===0){i?t.push.apply(t,f):t.push(o)}else{e.push({documentOrder:u,tabIndex:a,item:r,isScope:i,content:f})}}));return e.sort(p).reduce((function(n,r){r.isScope?n.push.apply(n,r.content):n.push(r.content);return n}),[]).concat(t)};var D=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:x.bind(null,t),flatten:false,getShadowRoot:t.getShadowRoot,shadowRootFilter:$})}else{e=l(r,t.includeContainer,x.bind(null,t))}return C(e)};var L=function n(r,t){t=t||{};var e;if(t.getShadowRoot){e=s([r],t.includeContainer,{filter:T.bind(null,t),flatten:true,getShadowRoot:t.getShadowRoot})}else{e=l(r,t.includeContainer,T.bind(null,t))}return e};var R=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,e)===false){return false}return x(t,r)};var k=t.concat("iframe").join(",");var O=function n(r,t){t=t||{};if(!r){throw new Error("No node provided")}if(i.call(r,k)===false){return false}return T(t,r)};const U={getShadowRoot:true};function B(r){if(!r){return""}return r.id=r.id||`${r.tagName.toLowerCase()}-${n()}`}function P(n){return Array.isArray(n)?n:Array.from(n)}function j(n){const t=Y(n,`.${r.darkMode}, .${r.lightMode}`);return t?.classList.contains("calcite-mode-dark")?"dark":"light"}function F(n){const r="dir";const t=`[${r}]`;const e=Y(n,t);return e?e.getAttribute(r):"ltr"}function z(n){if(!n){return 0}return parseFloat(getComputedStyle(n).inlineSize)}function M(n){return n.getRootNode()}function q(n){const r=M(n);return"host"in r?r:null}function G(n,r){if(!n){return 0}const t=document.createElement("canvas");const e=t.getContext("2d");e.font=r;return e.measureText(n).width}function V(n){return n.host||null}function X(n,{selector:r,id:t}){function e(n){if(!n){return null}if(n.assignedSlot){n=n.assignedSlot}const u=M(n);const i=t?"getElementById"in u?u.getElementById(t):null:r?u.querySelector(r):null;const o=V(u);return i?i:o?e(o):null}return e(n)}function Y(n,r){function t(n){return n?n.closest(r)||t(V(M(n))):null}return t(n)}function H(n,r){return J(n,r)}function J(n,r){if(!n){return}const t=r(n);if(t!==undefined){return t}const{parentNode:e}=n;return J(e instanceof ShadowRoot?e.host:e,r)}function K(n,r){return!!H(r,(r=>r===n?true:undefined))}function Q(n){return typeof n?.setFocus==="function"}async function W(n){if(!n){return}return Q(n)?n.setFocus():n.focus()}function Z(n){if(!n){return}return D(n,U)[0]??n}function _(n){Z(n)?.focus()}const nn=":not([slot])";function rn(n,r,t){if(r&&!Array.isArray(r)&&typeof r!=="string"){t=r;r=null}const e=r?Array.isArray(r)?r.map((n=>`[slot="${n}"]`)).join(","):`[slot="${r}"]`:nn;if(t?.all){return en(n,e,t)}return un(n,e,t)}function tn(n,r){return n?Array.from(n.children||[]).filter((n=>n?.matches(r))):[]}function en(n,r,t){let e=r===nn?tn(n,nn):Array.from(n.querySelectorAll(r));e=t&&t.direct===false?e:e.filter((r=>r.parentElement===n));e=t?.matches?e.filter((n=>n?.matches(t.matches))):e;const u=t?.selector;return u?e.map((n=>Array.from(n.querySelectorAll(u)))).reduce(((n,r)=>[...n,...r]),[]).filter((n=>!!n)):e}function un(n,r,t){let e=r===nn?tn(n,nn)[0]||null:n.querySelector(r);e=t&&t.direct===false?e:e?.parentElement===n?e:null;e=t?.matches?e?.matches(t.matches)?e:null:e;const u=t?.selector;return u?e?.querySelector(u):e}function on(n,r){return Array.from(n.children).filter((n=>n.matches(r)))}function an(n,r,t){if(typeof r==="string"&&r!==""){return r}else if(r===""){return n[t]}}function fn(n,r){return!(r.left>n.right||r.right<n.left||r.top>n.bottom||r.bottom<n.top)}function ln(n){return Boolean(n).toString()}function sn(n){return pn(n)||vn(n)}function cn(n){return dn(n).filter((n=>n.nodeType===Node.TEXT_NODE)).map((n=>n.textContent)).join("").trim()}function vn(n){return!!cn(n)}function dn(n){return n.target.assignedNodes({flatten:true})}function pn(n){return!!yn(n).length}function yn(n){return n.target.assignedElements({flatten:true})}function wn(n){return!!(n.isPrimary&&n.button===0)}function mn(n){return n.detail===0}const hn=(n,r,t,e=true)=>{const u=n.indexOf(r);const i=u===0;const o=u===n.length-1;if(e){t=t==="previous"&&i?"last":t==="next"&&o?"first":t}let a;if(t==="previous"){a=n[u-1]||n[e?n.length-1:u]}else if(t==="next"){a=n[u+1]||n[e?0:u]}else if(t==="last"){a=n[n.length-1]}else{a=n[0]}W(a);return a};function En(n,r){if(n.parentNode!==r.parentNode){return false}const t=Array.from(n.parentNode.children);return t.indexOf(n)<t.indexOf(r)}export{P as A,on as B,z as C,G as D,Z as E,Y as a,pn as b,K as c,W as d,rn as e,_ as f,F as g,an as h,j as i,En as j,hn as k,wn as l,O as m,D as n,L as o,R as p,X as q,v as r,yn as s,ln as t,U as u,fn as v,B as w,mn as x,sn as y,q as z};
-//# sourceMappingURL=p-fb848c65.js.map

package/dist/calcite/p-fe40c84a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{d as e,a as t}from"./p-b5773566.js";function o(){const{classList:o}=document.body;const n=window.matchMedia("(prefers-color-scheme: dark)").matches;const c=()=>o.contains(e)||o.contains(t)&&n?"dark":"light";const d=e=>document.body.dispatchEvent(new CustomEvent("calciteModeChange",{bubbles:true,detail:{mode:e}}));const i=e=>{s!==e&&d(e);s=e};let s=c();d(s);window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",(e=>i(e.matches?"dark":"light")));new MutationObserver((()=>i(c()))).observe(document.body,{attributes:true,attributeFilter:["class"]})}function n(){const e=typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;if(e){if(document.readyState==="interactive"){o()}else{document.addEventListener("DOMContentLoaded",(()=>o()),{once:true})}}}const c=n;export{c as g};
-//# sourceMappingURL=p-fe40c84a.js.map

package/dist/calcite/p-fe6a12f8.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{a as t,r as i,h as s,H as n,g as c}from"./p-85931c71.js";import{g as e,t as o}from"./p-fb848c65.js";import{c as a}from"./p-60c275fd.js";import"./p-be664342.js";import"./p-b5773566.js";const l={icon:"icon",flipRtl:"flip-rtl"};const r={};const h={};const p={s:16,m:24,l:32};async function f({icon:i,scale:s}){const n=p[s];const c=d(i);const e=c.charAt(c.length-1)==="F";const o=e?c.substring(0,c.length-1):c;const a=`${o}${n}${e?"F":""}`;if(r[a]){return r[a]}if(!h[a]){h[a]=fetch(t(`./assets/icon/${a}.json`)).then((t=>t.json())).catch((()=>{console.error(`"${a}" is not a valid calcite-ui-icon name`);return""}))}const l=await h[a];r[a]=l;return l}function d(t){const i=!isNaN(Number(t.charAt(0)));const s=t.split("-");const n=s.length>0;if(n){const i=/[a-z]/i;t=s.map(((t,s)=>t.replace(i,(function t(i,n){const c=s===0&&n===0;if(c){return i}return i.toUpperCase()})))).join("")}return i?`i${t}`:t}const u=":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){inline-size:16px;block-size:16px;min-inline-size:16px;min-block-size:16px}:host([scale=m]){inline-size:24px;block-size:24px;min-inline-size:24px;min-block-size:24px}:host([scale=l]){inline-size:32px;block-size:32px;min-inline-size:32px;min-block-size:32px}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";const m=u;const b=class{constructor(t){i(this,t);this.icon=null;this.flipRtl=false;this.scale="m";this.textLabel=undefined;this.pathData=undefined;this.visible=false}connectedCallback(){this.waitUntilVisible((()=>{this.visible=true;this.loadIconPathData()}))}disconnectedCallback(){this.intersectionObserver?.disconnect();this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:t,flipRtl:i,pathData:c,scale:a,textLabel:r}=this;const h=e(t);const f=p[a];const d=!!r;const u=[].concat(c||"");return s(n,{key:"b5acec456b2c061bea0a19f8ac7413fa49ae6f99","aria-hidden":o(!d),"aria-label":d?r:null,role:d?"img":null},s("svg",{key:"efddb5aca6fdc4605d03f7307a07333191cd91cf","aria-hidden":"true",class:{[l.flipRtl]:h==="rtl"&&i,svg:true},fill:"currentColor",height:"100%",viewBox:`0 0 ${f} ${f}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},u.map((t=>typeof t==="string"?s("path",{d:t}):s("path",{d:t.d,opacity:"opacity"in t?t.opacity:1})))))}async loadIconPathData(){const{icon:t,scale:i,visible:s}=this;if(!t||!s){return}const n=await f({icon:t,scale:i});if(t!==this.icon){return}this.pathData=n}waitUntilVisible(t){this.intersectionObserver=a("intersection",(i=>{i.forEach((i=>{if(i.isIntersecting){this.intersectionObserver.disconnect();this.intersectionObserver=null;t()}}))}),{rootMargin:"50px"});if(!this.intersectionObserver){t();return}this.intersectionObserver.observe(this.el)}static get assetsDirs(){return["assets"]}get el(){return c(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};b.style=m;export{b as calcite_icon};
-//# sourceMappingURL=p-fe6a12f8.entry.js.map

package/dist/calcite/p-ff641a28.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-import{d as e}from"./p-a43292ae.js";import"./p-85931c71.js";import"./p-ae3fae00.js";import"./p-fb848c65.js";import"./p-be664342.js";import"./p-b5773566.js";import"./p-1b03b527.js";import"./p-3d0a8ad2.js";import"./p-0e53a49b.js";import"./p-1e6dcf63.js";import"./p-c56cce40.js";import"./p-b5a073f3.js";import"./p-af8b3876.js";import"./p-60c275fd.js";import"./p-d09011d8.js";import"./p-5dcf1d59.js";import"./p-4781876f.js";import"./p-2f5471be.js";import"./p-519084ce.js";var o={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function e(o){return o+"º"}};e.locale(o,null,true);export{o as default};
-//# sourceMappingURL=p-ff641a28.js.map

package/dist/cjs/ExpandToggle-47a7fa73.js

@@ -1,110 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.8.0-next.1
- */
-'use strict';
-
-const index = require('./index-d68c79f5.js');
-const dom = require('./dom-8ccaafa9.js');
-const resources$1 = require('./resources-e76da966.js');
-const resources = require('./resources-6988241c.js');
-
-const overflowActionsDebounceInMs = 150;
-const groupBufferPx = 2;
-const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
-const geActionDimensions = (actions) => {
-    const actionsNotSlotted = actions.filter((action) => action.slot !== resources$1.SLOTS.menuActions);
-    const actionLen = actionsNotSlotted?.length;
-    return {
-        actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,
-        actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,
-    };
-};
-const getMaxActionCount = ({ width, actionWidth, layout, height, actionHeight, groupCount, }) => {
-    const maxContainerPx = layout === "horizontal" ? width : height;
-    const avgItemPx = layout === "horizontal" ? actionWidth : actionHeight;
-    return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);
-};
-const getOverflowCount = ({ layout, actionCount, actionWidth, width, actionHeight, height, groupCount, }) => {
-    return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);
-};
-const queryActions = (el) => {
-    return Array.from(el.querySelectorAll("calcite-action")).filter((action) => action.closest("calcite-action-menu") ? action.slot === resources.SLOTS.trigger : true);
-};
-const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
-    let needToSlotCount = overflowCount;
-    actionGroups.reverse().forEach((group) => {
-        let slottedWithinGroupCount = 0;
-        const groupActions = queryActions(group).reverse();
-        groupActions.forEach((groupAction) => {
-            if (groupAction.slot === resources$1.SLOTS.menuActions) {
-                groupAction.removeAttribute("slot");
-                groupAction.textEnabled = expanded;
-            }
-        });
-        if (needToSlotCount > 0) {
-            groupActions.some((groupAction) => {
-                const unslottedActions = groupActions.filter((action) => !action.slot);
-                if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest("calcite-action-menu")) {
-                    groupAction.textEnabled = true;
-                    groupAction.setAttribute("slot", resources$1.SLOTS.menuActions);
-                    slottedWithinGroupCount++;
-                    if (slottedWithinGroupCount > 1) {
-                        needToSlotCount--;
-                    }
-                }
-                return needToSlotCount < 1;
-            });
-        }
-        index.forceUpdate(group);
-    });
-};
-
-const ICONS = {
-    chevronsLeft: "chevrons-left",
-    chevronsRight: "chevrons-right",
-};
-function getCalcitePosition(position, el) {
-    return position || el.closest("calcite-shell-panel")?.position || "start";
-}
-function toggleChildActionText({ el, expanded, }) {
-    queryActions(el)
-        .filter((el) => el.slot !== resources$1.SLOTS.menuActions)
-        .forEach((action) => (action.textEnabled = expanded));
-    el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
-}
-const setTooltipReference = ({ tooltip, referenceElement, expanded, ref, }) => {
-    if (tooltip) {
-        tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;
-    }
-    if (ref) {
-        ref(referenceElement);
-    }
-    return referenceElement;
-};
-const ExpandToggle = ({ expanded, expandText, collapseText, toggle, el, position, tooltip, ref, scale, }) => {
-    const rtl = dom.getElementDir(el) === "rtl";
-    const text = expanded ? collapseText : expandText;
-    const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];
-    if (rtl) {
-        icons.reverse();
-    }
-    const end = getCalcitePosition(position, el) === "end";
-    const expandIcon = end ? icons[1] : icons[0];
-    const collapseIcon = end ? icons[0] : icons[1];
-    const actionNode = (index.h("calcite-action", { icon: expanded ? expandIcon : collapseIcon, onClick: toggle, scale: scale, text: text, textEnabled: expanded, title: !expanded && !tooltip ? text : null, 
-        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
-        ref: (referenceElement) => setTooltipReference({ tooltip, referenceElement, expanded, ref }) }));
-    return actionNode;
-};
-
-exports.ExpandToggle = ExpandToggle;
-exports.geActionDimensions = geActionDimensions;
-exports.getOverflowCount = getOverflowCount;
-exports.overflowActions = overflowActions;
-exports.overflowActionsDebounceInMs = overflowActionsDebounceInMs;
-exports.queryActions = queryActions;
-exports.toggleChildActionText = toggleChildActionText;
-
-//# sourceMappingURL=ExpandToggle-47a7fa73.js.map

package/dist/cjs/ExpandToggle-47a7fa73.js.map

@@ -1 +0,0 @@
-{"file":"ExpandToggle-47a7fa73.js","mappings":"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","names":["ACTION_GROUP_SLOTS","ACTION_MENU_SLOTS","forceUpdate","getElementDir","h"],"sources":["src/components/action-bar/utils.ts","src/components/functional/ExpandToggle.tsx"],"sourcesContent":["import { forceUpdate } from \"@stencil/core\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { SLOTS as ACTION_MENU_SLOTS } from \"../action-menu/resources\";\nimport { Layout } from \"../interfaces\";\n\nexport const overflowActionsDebounceInMs = 150;\nconst groupBufferPx = 2;\n\nconst getAverage = (arr: number[]) => arr.reduce((p, c) => p + c, 0) / arr.length;\n\nexport const geActionDimensions = (\n  actions: HTMLCalciteActionElement[],\n): { actionWidth: number; actionHeight: number } => {\n  const actionsNotSlotted = actions.filter((action) => action.slot !== ACTION_GROUP_SLOTS.menuActions);\n  const actionLen = actionsNotSlotted?.length;\n  return {\n    actionWidth: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientWidth || 0)) : 0,\n    actionHeight: actionLen ? getAverage(actionsNotSlotted.map((action) => action.clientHeight || 0)) : 0,\n  };\n};\n\nconst getMaxActionCount = ({\n  width,\n  actionWidth,\n  layout,\n  height,\n  actionHeight,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  height: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  groupCount: number;\n}): number => {\n  const maxContainerPx = layout === \"horizontal\" ? width : height;\n  const avgItemPx = layout === \"horizontal\" ? actionWidth : actionHeight;\n  return Math.floor((maxContainerPx - groupCount * groupBufferPx) / avgItemPx);\n};\n\nexport const getOverflowCount = ({\n  layout,\n  actionCount,\n  actionWidth,\n  width,\n  actionHeight,\n  height,\n  groupCount,\n}: {\n  layout: Extract<\"horizontal\" | \"vertical\", Layout>;\n  actionCount: number;\n  actionWidth: number;\n  width: number;\n  actionHeight: number;\n  height: number;\n  groupCount: number;\n}): number => {\n  return Math.max(actionCount - getMaxActionCount({ width, actionWidth, layout, height, actionHeight, groupCount }), 0);\n};\n\nexport const queryActions = (el: HTMLElement): HTMLCalciteActionElement[] => {\n  return Array.from(el.querySelectorAll(\"calcite-action\")).filter((action) =>\n    action.closest(\"calcite-action-menu\") ? action.slot === ACTION_MENU_SLOTS.trigger : true,\n  );\n};\n\nexport const overflowActions = ({\n  actionGroups,\n  expanded,\n  overflowCount,\n}: {\n  actionGroups: HTMLCalciteActionGroupElement[];\n  expanded: boolean;\n  overflowCount: number;\n}): void => {\n  let needToSlotCount = overflowCount;\n  actionGroups.reverse().forEach((group) => {\n    let slottedWithinGroupCount = 0;\n\n    const groupActions = queryActions(group).reverse();\n\n    groupActions.forEach((groupAction) => {\n      if (groupAction.slot === ACTION_GROUP_SLOTS.menuActions) {\n        groupAction.removeAttribute(\"slot\");\n        groupAction.textEnabled = expanded;\n      }\n    });\n\n    if (needToSlotCount > 0) {\n      groupActions.some((groupAction) => {\n        const unslottedActions = groupActions.filter((action) => !action.slot);\n\n        if (unslottedActions.length > 1 && groupActions.length > 2 && !groupAction.closest(\"calcite-action-menu\")) {\n          groupAction.textEnabled = true;\n          groupAction.setAttribute(\"slot\", ACTION_GROUP_SLOTS.menuActions);\n          slottedWithinGroupCount++;\n\n          if (slottedWithinGroupCount > 1) {\n            needToSlotCount--;\n          }\n        }\n\n        return needToSlotCount < 1;\n      });\n    }\n\n    forceUpdate(group);\n  });\n};\n","import { FunctionalComponent, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { queryActions } from \"../action-bar/utils\";\nimport { SLOTS as ACTION_GROUP_SLOTS } from \"../action-group/resources\";\nimport { Position, Scale } from \"../interfaces\";\n\ninterface ExpandToggleProps {\n  expanded: boolean;\n  expandText: string;\n  collapseText: string;\n  el: HTMLElement;\n  position: Position;\n  tooltip?: HTMLCalciteTooltipElement;\n  toggle: () => void;\n  ref?: (el: HTMLElement) => void;\n  scale?: Scale;\n}\n\nconst ICONS = {\n  chevronsLeft: \"chevrons-left\",\n  chevronsRight: \"chevrons-right\",\n};\n\nfunction getCalcitePosition(position: Position, el: HTMLElement): Position {\n  return position || el.closest(\"calcite-shell-panel\")?.position || \"start\";\n}\n\nexport function toggleChildActionText({\n  el,\n  expanded,\n}: {\n  el: HTMLElement;\n  expanded: boolean;\n}): void {\n  queryActions(el)\n    .filter((el) => el.slot !== ACTION_GROUP_SLOTS.menuActions)\n    .forEach((action) => (action.textEnabled = expanded));\n  el.querySelectorAll(\"calcite-action-group, calcite-action-menu\").forEach(\n    (el: HTMLCalciteActionMenuElement | HTMLCalciteActionGroupElement) => (el.expanded = expanded),\n  );\n}\n\nconst setTooltipReference = ({\n  tooltip,\n  referenceElement,\n  expanded,\n  ref,\n}: {\n  tooltip: HTMLCalciteTooltipElement;\n  referenceElement: HTMLCalciteActionElement;\n  expanded: boolean;\n  ref?: (el: HTMLElement) => void;\n}): HTMLCalciteActionElement => {\n  if (tooltip) {\n    tooltip.referenceElement = !expanded && referenceElement ? referenceElement : null;\n  }\n\n  if (ref) {\n    ref(referenceElement);\n  }\n\n  return referenceElement;\n};\n\nexport const ExpandToggle: FunctionalComponent<ExpandToggleProps> = ({\n  expanded,\n  expandText,\n  collapseText,\n  toggle,\n  el,\n  position,\n  tooltip,\n  ref,\n  scale,\n}) => {\n  const rtl = getElementDir(el) === \"rtl\";\n\n  const text = expanded ? collapseText : expandText;\n  const icons = [ICONS.chevronsLeft, ICONS.chevronsRight];\n\n  if (rtl) {\n    icons.reverse();\n  }\n\n  const end = getCalcitePosition(position, el) === \"end\";\n  const expandIcon = end ? icons[1] : icons[0];\n  const collapseIcon = end ? icons[0] : icons[1];\n\n  const actionNode = (\n    <calcite-action\n      icon={expanded ? expandIcon : collapseIcon}\n      onClick={toggle}\n      scale={scale}\n      text={text}\n      textEnabled={expanded}\n      title={!expanded && !tooltip ? text : null}\n      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n      ref={(referenceElement): HTMLCalciteActionElement =>\n        setTooltipReference({ tooltip, referenceElement, expanded, ref })\n      }\n    />\n  );\n\n  return actionNode;\n};\n"],"version":3}