@esri/calcite-components 2.2.0-next.0 → 2.2.0-next.1

package/dist/calcite/p-18691380.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.2.0-next.0
- */
-import{r as t,c as e,h as i,g as s}from"./p-dc8f6790.js";import{c as a,d as n,u as r}from"./p-0db1222f.js";import{c as o}from"./p-ce27299c.js";import{d as l,a as c,c as d}from"./p-e13cae9a.js";import{d as h}from"./p-12a478b3.js";import"./p-448db42f.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";const f={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const u=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=o("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(l(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(l(this)){return}n(this);c(this);this.endObserving()}componentDidRender(){r(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let r=false;let o;if(e==="up"){if(n===0){r=true}else{o=n-1}}else{if(n===a){o=0}else if(n===a-1){r=true}else{o=n+2}}this.endObserving();if(r){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[o])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>h(i)));if("activated"in i){i.activated=true}}setUpSorting(){this.items=Array.from(this.el.children);d(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{layout:t}=this;const e=t==="horizontal"||false;return i("div",{class:{[f.container]:true,[f.containerVertical]:!e,[f.containerHorizontal]:e}},i("slot",null))}get el(){return s(this)}};p.style=u;export{p as calcite_sortable_list};
-//# sourceMappingURL=p-18691380.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","sortItem","container","containerHorizontal","containerVertical","sortableListCss","SortableList","this","items","mutationObserver","createObserver","setUpSorting","dragEnabled","connectedCallback","dragActive","beginObserving","connectInteractive","disconnectedCallback","disconnectInteractive","disconnectSortableComponent","endObserving","componentDidRender","updateHostInteraction","calciteHandleNudgeNextHandler","event","handleNudgeEvent","onGlobalDragStart","onGlobalDragEnd","onDragEnd","onDragStart","onDragSort","Array","from","el","children","calciteListOrderChange","emit","direction","detail","handle","composedPath","find","matches","handleSelector","item","contains","includes","lastIndex","length","startingIndex","indexOf","appendInstead","buddyIndex","parentElement","appendChild","insertBefore","requestAnimationFrame","focusElement","activated","connectSortableComponent","observe","childList","subtree","disconnect","render","layout","horizontal","h","class"],"sources":["src/components/sortable-list/resources.ts","src/components/sortable-list/sortable-list.scss?tag=calcite-sortable-list&encapsulation=shadow","src/components/sortable-list/sortable-list.tsx"],"sourcesContent":["export const CSS = {\n  sortItem: \"sort-item\",\n  container: \"container\",\n  containerHorizontal: \"container--horizontal\",\n  containerVertical: \"container--vertical\",\n};\n",":host {\n  @apply flex;\n}\n\n@include disabled();\n\n.container {\n  @apply flex flex-auto;\n}\n\n.container--vertical {\n  @apply flex-col;\n}\n\n.container--horizontal {\n  @apply flex-row;\n}\n\n@include base-component();\n","import { Component, Element, Event, EventEmitter, h, Listen, Prop, VNode } from \"@stencil/core\";\nimport Sortable from \"sortablejs\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { createObserver } from \"../../utils/observers\";\nimport { HandleNudge } from \"../handle/interfaces\";\nimport { Layout } from \"../interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  DragDetail,\n  connectSortableComponent,\n  disconnectSortableComponent,\n  SortableComponent,\n  dragActive,\n} from \"../../utils/sortableComponent\";\nimport { focusElement } from \"../../utils/dom\";\n\n/**\n * @slot - A slot for adding sortable items.\n */\n@Component({\n  tag: \"calcite-sortable-list\",\n  styleUrl: \"sortable-list.scss\",\n  shadow: true,\n})\nexport class SortableList implements InteractiveComponent, SortableComponent {\n  // --------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * When provided, the method will be called to determine whether the element can  move from the list.\n   */\n  @Prop() canPull: (detail: DragDetail) => boolean;\n\n  /**\n   * When provided, the method will be called to determine whether the element can be added from another list.\n   */\n  @Prop() canPut: (detail: DragDetail) => boolean;\n\n  /**\n   * Specifies which items inside the element should be draggable.\n   */\n  @Prop({ reflect: true }) dragSelector?: string;\n\n  /**\n   * The list's group identifier.\n   *\n   * To drag elements from one list into another, both lists must have the same group value.\n   */\n  @Prop({ reflect: true }) group?: string;\n\n  /**\n   * The selector for the handle elements.\n   */\n  @Prop({ reflect: true }) handleSelector = \"calcite-handle\";\n\n  /**\n   * Indicates the horizontal or vertical orientation of the component.\n   */\n  @Prop({ reflect: true }) layout: Layout = \"vertical\";\n\n  /**\n   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When true, content is waiting to be loaded. This state shows a busy indicator.\n   */\n  @Prop({ reflect: true }) loading = false;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  // --------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSortableListElement;\n\n  items: Element[] = [];\n\n  mutationObserver = createObserver(\"mutation\", () => {\n    this.setUpSorting();\n  });\n\n  sortable: Sortable;\n\n  dragEnabled = true;\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    this.setUpSorting();\n    this.beginObserving();\n    connectInteractive(this);\n  }\n\n  disconnectedCallback(): void {\n    if (dragActive(this)) {\n      return;\n    }\n\n    disconnectInteractive(this);\n    disconnectSortableComponent(this);\n    this.endObserving();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  // --------------------------------------------------------------------------\n\n  /**\n   * Emitted when the order of the list has changed.\n   */\n  @Event({ cancelable: false }) calciteListOrderChange: EventEmitter<void>;\n\n  @Listen(\"calciteHandleNudge\")\n  calciteHandleNudgeNextHandler(event: CustomEvent<HandleNudge>): void {\n    this.handleNudgeEvent(event);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n\n  onGlobalDragStart(): void {\n    this.endObserving();\n  }\n\n  onGlobalDragEnd(): void {\n    this.beginObserving();\n  }\n\n  onDragEnd(): void {}\n\n  onDragStart(): void {}\n\n  onDragSort(): void {\n    this.items = Array.from(this.el.children);\n    this.calciteListOrderChange.emit();\n  }\n\n  handleNudgeEvent(event: CustomEvent<HandleNudge>): void {\n    const { direction } = event.detail;\n\n    const handle = event\n      .composedPath()\n      .find((el: HTMLElement) => el.matches(this.handleSelector)) as HTMLElement;\n\n    const sortItem = this.items.find((item) => {\n      return item.contains(handle) || event.composedPath().includes(item);\n    });\n\n    const lastIndex = this.items.length - 1;\n    const startingIndex = this.items.indexOf(sortItem);\n    let appendInstead = false;\n    let buddyIndex: number;\n\n    if (direction === \"up\") {\n      if (startingIndex === 0) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex - 1;\n      }\n    } else {\n      if (startingIndex === lastIndex) {\n        buddyIndex = 0;\n      } else if (startingIndex === lastIndex - 1) {\n        appendInstead = true;\n      } else {\n        buddyIndex = startingIndex + 2;\n      }\n    }\n\n    this.endObserving();\n\n    if (appendInstead) {\n      sortItem.parentElement.appendChild(sortItem);\n    } else {\n      sortItem.parentElement.insertBefore(sortItem, this.items[buddyIndex]);\n    }\n\n    this.items = Array.from(this.el.children);\n\n    this.beginObserving();\n    requestAnimationFrame(() => focusElement(handle));\n\n    if (\"activated\" in handle) {\n      handle.activated = true;\n    }\n  }\n\n  setUpSorting(): void {\n    this.items = Array.from(this.el.children);\n    connectSortableComponent(this);\n  }\n\n  beginObserving(): void {\n    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n  }\n\n  endObserving(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const { layout } = this;\n    const horizontal = layout === \"horizontal\" || false;\n\n    return (\n      <div\n        class={{\n          [CSS.container]: true,\n          [CSS.containerVertical]: !horizontal,\n          [CSS.containerHorizontal]: horizontal,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;6SAAO,MAAMA,EAAM,CACjBC,SAAU,YACVC,UAAW,YACXC,oBAAqB,wBACrBC,kBAAmB,uBCJrB,MAAMC,EAAkB,if,MC6BXC,EAAY,M,wFAyDvBC,KAAAC,MAAmB,GAEnBD,KAAAE,iBAAmBC,EAAe,YAAY,KAC5CH,KAAKI,cAAc,IAKrBJ,KAAAK,YAAc,K,kHAjC4B,iB,YAKA,W,cAKN,M,aAKD,K,CA0BnC,iBAAAC,GACE,GAAIC,EAAWP,MAAO,CACpB,M,CAGFA,KAAKI,eACLJ,KAAKQ,iBACLC,EAAmBT,K,CAGrB,oBAAAU,GACE,GAAIH,EAAWP,MAAO,CACpB,M,CAGFW,EAAsBX,MACtBY,EAA4BZ,MAC5BA,KAAKa,c,CAGP,kBAAAC,GACEC,EAAsBf,K,CAexB,6BAAAgB,CAA8BC,GAC5BjB,KAAKkB,iBAAiBD,E,CASxB,iBAAAE,GACEnB,KAAKa,c,CAGP,eAAAO,GACEpB,KAAKQ,gB,CAGP,SAAAa,GAAS,CAET,WAAAC,GAAW,CAEX,UAAAC,GACEvB,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChC3B,KAAK4B,uBAAuBC,M,CAG9B,gBAAAX,CAAiBD,GACf,MAAMa,UAAEA,GAAcb,EAAMc,OAE5B,MAAMC,EAASf,EACZgB,eACAC,MAAMR,GAAoBA,EAAGS,QAAQnC,KAAKoC,kBAE7C,MAAM1C,EAAWM,KAAKC,MAAMiC,MAAMG,GACzBA,EAAKC,SAASN,IAAWf,EAAMgB,eAAeM,SAASF,KAGhE,MAAMG,EAAYxC,KAAKC,MAAMwC,OAAS,EACtC,MAAMC,EAAgB1C,KAAKC,MAAM0C,QAAQjD,GACzC,IAAIkD,EAAgB,MACpB,IAAIC,EAEJ,GAAIf,IAAc,KAAM,CACtB,GAAIY,IAAkB,EAAG,CACvBE,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,MAE1B,CACL,GAAIA,IAAkBF,EAAW,CAC/BK,EAAa,C,MACR,GAAIH,IAAkBF,EAAY,EAAG,CAC1CI,EAAgB,I,KACX,CACLC,EAAaH,EAAgB,C,EAIjC1C,KAAKa,eAEL,GAAI+B,EAAe,CACjBlD,EAASoD,cAAcC,YAAYrD,E,KAC9B,CACLA,EAASoD,cAAcE,aAAatD,EAAUM,KAAKC,MAAM4C,G,CAG3D7C,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAEhC3B,KAAKQ,iBACLyC,uBAAsB,IAAMC,EAAalB,KAEzC,GAAI,cAAeA,EAAQ,CACzBA,EAAOmB,UAAY,I,EAIvB,YAAA/C,GACEJ,KAAKC,MAAQuB,MAAMC,KAAKzB,KAAK0B,GAAGC,UAChCyB,EAAyBpD,K,CAG3B,cAAAQ,GACER,KAAKE,kBAAkBmD,QAAQrD,KAAK0B,GAAI,CAAE4B,UAAW,KAAMC,QAAS,M,CAGtE,YAAA1C,GACEb,KAAKE,kBAAkBsD,Y,CASzB,MAAAC,GACE,MAAMC,OAAEA,GAAW1D,KACnB,MAAM2D,EAAaD,IAAW,cAAgB,MAE9C,OACEE,EAAA,OACEC,MAAO,CACL,CAACpE,EAAIE,WAAY,KACjB,CAACF,EAAII,oBAAqB8D,EAC1B,CAAClE,EAAIG,qBAAsB+D,IAG7BC,EAAA,a"}

package/dist/calcite/p-19113674.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.2.0-next.0
- */
-import{r as e,h as t,g as s}from"./p-dc8f6790.js";import{c as i,d as a}from"./p-456bf4d5.js";import{u as n,c,s as r,d as o}from"./p-a825c716.js";import{c as l}from"./p-ce27299c.js";import{x as h}from"./p-12a478b3.js";import"./p-f9cac1ec.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";const d={scrim:"scrim",content:"content"};const m={s:72,l:480};const f=":host{--calcite-scrim-background:var(--calcite-color-transparent-scrim);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;block-size:100%;inline-size:100%;flex-direction:column;align-items:stretch}@keyframes calcite-scrim-fade-in{0%{--tw-bg-opacity:0}100%{--tw-text-opacity:1}}.scrim{position:absolute;inset:0px;display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background, var(--calcite-color-transparent-scrim))}.content{padding:1rem}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.resizeObserver=l("resize",(()=>this.handleResize()));this.handleDefaultSlotChange=e=>{this.hasContent=h(e)};this.storeLoaderEl=e=>{this.loaderEl=e;this.handleResize()};this.loading=false;this.messages=undefined;this.messageOverrides=undefined;this.loaderScale=undefined;this.defaultMessages=undefined;this.effectiveLocale="";this.hasContent=false}onMessagesChange(){}effectiveLocaleChange(){n(this,this.effectiveLocale)}connectedCallback(){i(this);c(this);this.resizeObserver?.observe(this.el)}async componentWillLoad(){await r(this)}disconnectedCallback(){a(this);o(this);this.resizeObserver?.disconnect()}render(){const{hasContent:e,loading:s,messages:i}=this;return t("div",{class:d.scrim},s?t("calcite-loader",{label:i.loading,scale:this.loaderScale,ref:this.storeLoaderEl}):null,t("div",{class:d.content,hidden:!e},t("slot",{onSlotchange:this.handleDefaultSlotChange})))}getScale(e){if(e<m.s){return"s"}else if(e>=m.l){return"l"}else{return"m"}}handleResize(){const{loaderEl:e,el:t}=this;if(!e){return}this.loaderScale=this.getScale(Math.min(t.clientHeight,t.clientWidth)??0)}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};p.style=f;export{p as calcite_scrim};
-//# sourceMappingURL=p-19113674.entry.js.map

package/dist/calcite/p-19a3dd82.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.2.0-next.0
- */
-import{r as t,h as i,g as e,f as s,c as a,H as n}from"./p-dc8f6790.js";import{g as l}from"./p-323e64e5.js";import{c as h}from"./p-ce27299c.js";import{i as r,v as o}from"./p-12a478b3.js";import{c,d,a as u,H as m}from"./p-406ee8b3.js";import{c as b,d as f,u as p}from"./p-0db1222f.js";import{i as v}from"./p-f9cac1ec.js";import{c as g,d as x,g as k}from"./p-975df908.js";import{s as $,a as _,c as w}from"./p-c4036842.js";import{n as y,c as V,d as z}from"./p-456bf4d5.js";import{d as M,c as L}from"./p-296fa714.js";import"./p-5ac783f8.js";import"./p-448db42f.js";import"./p-d7695581.js";function D(t,i,e){const s=i[0]-t[0];const a=e[0]-i[0];const n=i[1]-t[1];const l=e[1]-i[1];const h=n/(s||a<0&&0);const r=l/(a||s<0&&0);const o=(h*a+r*s)/(s+a);return(Math.sign(h)+Math.sign(r))*Math.min(Math.abs(h),Math.abs(r),.5*Math.abs(o))||0}function F(t,i,e){const s=i[0]-t[0];const a=i[1]-t[1];return s?(3*a/s-e)/2:e}function j(t,i,e,s,a){const[n,l]=t;const[h,r]=i;const o=(h-n)/3;const c=a([n+o,l+o*e]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function H({width:t,height:i,min:e,max:s}){const a=s[0]-e[0];const n=s[1]-e[1];return s=>{const l=(s[0]-e[0])/a*t;const h=i-s[1]/n*i;return[l,h]}}function P(t){const[i,e]=t[0];const s=[i,e];const a=[i,e];return t.reduce((({min:t,max:i},[e,s])=>({min:[Math.min(t[0],e),Math.min(t[1],s)],max:[Math.max(i[0],e),Math.max(i[1],s)]})),{min:s,max:a})}function X({data:t,min:i,max:e,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(i);const[r]=s(e);let o;let c;let d;const u=t.reduce(((i,e,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=D(c,d,e);const a=o===undefined?F(c,d,t):o;const n=j(c,d,a,t,s);o=t;return`${i} ${n}`}return i}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=j(d,m,o,F(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const B=":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=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>s(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 r=this.graphId;const{clientHeight:o,clientWidth:c}=s;if(!t||t.length===0){return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=P(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=H({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[v]=f([a,b[1]]);const g=X({data:t,min:d,max:u,t:f});const x=e?`url(#linear-gradient-${r})`:undefined;return i("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},e?i("defs",null,i("linearGradient",{id:`linear-gradient-${r}`,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:`${r}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${p-1},0\n            L ${p-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${p+1},0\n            L ${v-1},0\n            L ${v-1},${o}\n            L ${p+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${v+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${v+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:g,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:g,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:g,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:g,fill:x}))}get el(){return e(this)}};I.style=B;const C={handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",tickMin:"tick__label--min",tickMax:"tick__label--max"};const S=250;const T='@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}.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-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}';function A(t){return Array.isArray(t)}const R=class{constructor(i){t(this,i);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const i=this.translate(t.clientX||t.pageX);if(A(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=i-this.minValueDragRange;const e=i+this.maxValueDragRange;if(e<=this.max&&t>=this.min&&e-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(e,"maxValue")})}}else{this.minValueDragRange=i-this.minValue;this.maxValueDragRange=this.maxValue-i;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(i,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!r(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.determineGroupSeparator=t=>{if(typeof t==="number"){y.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return y.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);V(this);this.setMinMaxFromValue();this.setValueFromMinMax();g(this);c(this)}disconnectedCallback(){f(this);x(this);d(this);z(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!A(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(){_(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(A(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=A(this.value)?"maxValue":"value";const s=A(this.value)?this.maxValue:this.value;const a=this.determineGroupSeparator(s);const l=this.determineGroupSeparator(this.minValue);const h=this.minValue||this.min;const r=this.shouldUseMinValue();const o=this.getUnitInterval(r?this.minValue:h)*100;const c=this.getUnitInterval(s)*100;const d=this.shouldMirror();const u=`${d?100-o:o}%`;const b=`${d?c:100-c}%`;const f=A(this.value);const p=`${C.handleLabel} ${C.handleLabelMinValue}`;const v=`${C.handleLabel} ${C.handleLabelValue}`;const g=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}));const x=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a),i("div",{class:"handle"}));const $=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a));const _=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle"}),i("div",{class:"handle-extension"}));const w=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));const y=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a),i("div",{class:"handle"}),i("div",{class:"handle-extension"}));const V=i("div",{"aria-disabled":this.disabled,"aria-label":f?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":s,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===e,"thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=e,onPointerDown:t=>this.pointerDownDragStart(t,e),role:"slider",style:{right:b},tabIndex:0,ref:t=>this.maxHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:v},a),i("span",{"aria-hidden":"true",class:`${v} static`},a),i("span",{"aria-hidden":"true",class:`${v} transformed`},a));const z=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle"}));const M=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l),i("div",{class:"handle"}));const L=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l));const D=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}));const F=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:t=>this.pointerDownDragStart(t,"minValue"),role:"slider",style:{left:u},tabIndex:0,ref:t=>this.minHandle=t},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:p},l),i("span",{"aria-hidden":"true",class:`${p} static`},l),i("span",{"aria-hidden":"true",class:`${p} transformed`},l));return i(n,{id:t,onTouchStart:this.handleTouchStart},i("div",{"aria-label":k(this),class:{["container"]:true,["container--range"]:f,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{class:"track",ref:this.storeTrackRef},i("div",{class:"track__range",onPointerDown:t=>this.pointerDownDragStart(t,"minMaxValue"),style:{left:`${d?100-c:o}%`,right:`${d?o:100-c}%`}}),i("div",{class:"ticks"},this.tickValues.map((t=>{const e=`${this.getUnitInterval(t)*100}%`;let a=t>=h&&t<=s;if(r){a=t>=this.minValue&&t<=this.maxValue}return i("span",{class:{tick:true,"tick--active":a},style:{left:d?"":e,right:d?e:""}},this.renderTickLabel(t))})))),i("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&f&&z,!this.hasHistogram&&!this.precise&&this.labelHandles&&f&&M,this.precise&&!this.labelHandles&&f&&D,this.precise&&this.labelHandles&&f&&F,this.hasHistogram&&!this.precise&&this.labelHandles&&f&&L,!this.precise&&!this.labelHandles&&g,!this.hasHistogram&&!this.precise&&this.labelHandles&&x,!this.hasHistogram&&this.precise&&!this.labelHandles&&_,this.hasHistogram&&this.precise&&!this.labelHandles&&w,!this.hasHistogram&&this.precise&&this.labelHandles&&y,this.hasHistogram&&!this.precise&&this.labelHandles&&$,this.hasHistogram&&this.precise&&this.labelHandles&&V,i(m,{component:this}))))}renderGraph(){return this.histogram?i("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:A(this.value)?this.maxValue:this.value,highlightMin:A(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const e=A(this.value);const s=t===this.min;const a=t===this.max;const n=this.determineGroupSeparator(t);const l=i("span",{class:{tick__label:true,[C.tickMin]:s,[C.tickMax]:a}},n);if(this.labelTicks&&!this.hasHistogram&&!e){return l}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&!this.labelHandles){return l}if(this.labelTicks&&!this.hasHistogram&&e&&!this.precise&&this.labelHandles){return l}if(this.labelTicks&&!this.hasHistogram&&e&&this.precise&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return l}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(s||a)){return l}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(s||a)){return l}return null}keyDownHandler(t){const i=this.shouldMirror();const{activeProp:e,max:s,min:a,pageStep:n,step:l}=this;const h=this[e];const{key:r}=t;if(v(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=i&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=i&&r==="ArrowLeft"?-1:1;o=h-l*t}else if(r==="PageUp"){if(n){o=h+n}}else if(r==="PageDown"){if(n){o=h-n}}else if(r==="Home"){o=a}else if(r==="End"){o=s}if(isNaN(o)){return}t.preventDefault();const c=Number(o.toFixed(M(l)));this.setValue({[e]:this.clamp(c,e)})}pointerDownHandler(t){if(this.disabled||!r(t)){return}const i=t.clientX||t.pageX;const e=this.translate(i);let s="value";if(A(this.value)){const t=e>=this.minValue&&e<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-e)<Math.abs(this.minValue-e);s=t||e>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(".thumb:active");if(!a){this.setValue({[s]:this.clamp(e,s)})}this.focusActiveHandle(i)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}setValueFromMinMax(){const{minValue:t,maxValue:i}=this;if(typeof t==="number"&&typeof i==="number"){this.value=[t,i]}}setMinMaxFromValue(){const{value:t}=this;if(A(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!A(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/S;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const i=[this.min];const e=this.getTickDensity();const s=t*e;let a=this.min;while(a<this.max){a+=s;i.push(Math.min(a,this.max))}if(!i.includes(this.max)){i.push(this.max)}return i}pointerDownDragStart(t,i){if(!r(t)){return}this.dragStart(i)}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){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":case"value":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(t).focus();break}}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 i;Object.keys(t).forEach((e=>{const s=t[e];if(!i){const t=this[e];i=t!==s}this[e]=s}));if(!i){return}const e=this.dragProp;if(!e){this.emitChange()}this.emitInput()}clamp(t,i){t=L(t,this.min,this.max);if(i==="maxValue"){t=Math.max(t,this.minValue)}if(i==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const i=this.max-this.min;const{left:e,width:s}=this.trackEl.getBoundingClientRect();const a=(t-e)/s;const n=this.shouldMirror();const l=this.clamp(this.min+i*(n?1-a:a));let h=Number(l.toFixed(M(this.step)));if(this.snap&&this.step){h=this.getClosestStep(h)}return h}getClosestStep(t){t=Number(this.clamp(t).toFixed(M(this.step)));if(this.step){const i=Math.round(t/this.step)*this.step;t=Number(this.clamp(i).toFixed(M(this.step)))}return t}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,i){return Math.abs(t.getBoundingClientRect().left-i)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const i=this.max-this.min;return(t-this.min)/i}adjustHostObscuredHandleLabel(t){const i=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const e=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=e.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);i.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const i=this.shouldMirror();const e=i?"value":"minValue";const s=i?"minValue":"value";const a=t.querySelector(`.handle__label--${e}`);const n=t.querySelector(`.handle__label--${e}.static`);const l=t.querySelector(`.handle__label--${e}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${s}`);const o=t.querySelector(`.handle__label--${s}.static`);const c=t.querySelector(`.handle__label--${s}.transformed`);const d=this.getHostOffset(o.getBoundingClientRect().left,o.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("hyphen","hyphen--wrap");if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const i=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let e=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+e,c.getBoundingClientRect().right+e);if(i!==0){t+=i;e+=i}if(s!==0){t+=s;e+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${e}px)`;c.style.transform=`translateX(${e}px)`}else if(h>0||d>0){a.style.transform=`translateX(${h+f}px)`;r.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("hyphen","hyphen--wrap");a.style.transform=`translateX(${h}px)`;l.style.transform=`translateX(${h}px)`;r.style.transform=`translateX(${d}px)`;c.style.transform=`translateX(${d}px)`}}hideObscuredBoundingTickLabels(){const t=A(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 i=this.el.shadowRoot.querySelector(".thumb--minValue");const e=this.el.shadowRoot.querySelector(".thumb--value");const s=this.el.shadowRoot.querySelector(".tick__label--min");const a=this.el.shadowRoot.querySelector(".tick__label--max");if(!i&&e&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)?"0":"1"}if(i&&e&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)||this.isMinTickLabelObscured(s,e)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)||this.isMaxTickLabelObscured(a,e)&&this.hasHistogram?"0":"1"}}getHostOffset(t,i){const e=this.el.getBoundingClientRect();const s=7;if(t+s<e.left){return e.left-t-s}if(i-s>e.right){return-(i-e.right)+s}return 0}getRangeLabelOverlap(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=e.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();return o(e,s)}isMaxTickLabelObscured(t,i){const e=t.getBoundingClientRect();const s=i.getBoundingClientRect();return o(e,s)}static get delegatesFocus(){return true}get el(){return e(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};R.style=T;export{I as calcite_graph,R as calcite_slider};
-//# sourceMappingURL=p-19a3dd82.entry.js.map

package/dist/calcite/p-19a3dd82.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","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","handleLabel","handleLabelMinValue","handleLabelValue","tickMin","tickMax","maxTickElementThreshold","sliderCss","isRange","value","Array","isArray","Slider","activeProp","dragUpdate","event","disabled","preventDefault","dragProp","clientX","pageX","minValueDragRange","maxValueDragRange","minMaxValueRange","newMinValue","newMaxValue","setValue","minValue","clamp","maxValue","pointerUpDragEnd","isPrimaryPointerButton","dragEnd","removeDragListeners","focusActiveHandle","lastDragPropValue","emitChange","storeTrackRef","node","trackEl","determineGroupSeparator","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","maxProp","displayedValue","displayedMinValue","useMinValue","shouldUseMinValue","minInterval","getUnitInterval","maxInterval","mirror","shouldMirror","leftThumbOffset","rightThumbOffset","valueIsRange","handleLabelMinValueClasses","handleLabelValueClasses","handle","maxLabel","minLabel","thumb","lastDragProp","onBlur","onFocus","onPointerDown","pointerDownDragStart","role","style","right","tabIndex","ref","maxHandle","labeledHandle","histogramLabeledHandle","preciseHandle","histogramPreciseHandle","labeledPreciseHandle","histogramLabeledPreciseHandle","minHandle","left","minLabeledHandle","minHistogramLabeledHandle","minPreciseHandle","minLabeledPreciseHandle","Host","onTouchStart","handleTouchStart","getLabelText","scale","renderGraph","tick","tickOffset","activeTicks","renderTickLabel","HiddenFormInputSlot","component","histogramStops","isMinTickLabel","isMaxTickLabel","displayedTickValue","tickLabel","tick__label","labelTicks","keyDownHandler","pageStep","step","key","isActivationKey","adjustment","directionFactor","isNaN","fixedDecimalAdjustment","Number","toFixed","decimalPlaces","pointerDownHandler","position","prop","inRange","closerToMax","dragStart","isThumbActive","shadowRoot","querySelector","setFocus","componentFocusable","focus","onLabelClick","mirrored","getTickDensity","density","ticks","tickInterval","current","push","includes","window","addEventListener","valueX","getClosestHandle","emitInput","calciteSliderInput","emit","calciteSliderChange","removeEventListener","values","valueChanged","Object","keys","forEach","propName","newValue","oldValue","dragging","getBoundingClientRect","percent","clampedValue","num","round","getDistanceX","getFontSizeForElement","element","getComputedStyle","getPropertyValue","match","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  handleLabel: \"handle__label\",\n  handleLabelMinValue: \"handle__label--minValue\",\n  handleLabelValue: \"handle__label--value\",\n  tickMin: \"tick__label--min\",\n  tickMax: \"tick__label--max\",\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: 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\";\n\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  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\";\n\ntype ActiveSliderProperty = \"minValue\" | \"maxValue\" | \"value\" | \"minMaxValue\";\ntype SetValueProperty = Exclude<ActiveSliderProperty, \"minMaxValue\">;\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 maxProp = isRange(this.value) ? \"maxValue\" : \"value\";\n    const value = isRange(this.value) ? this.maxValue : this.value;\n    const displayedValue = this.determineGroupSeparator(value);\n    const displayedMinValue = this.determineGroupSeparator(this.minValue);\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 leftThumbOffset = `${mirror ? 100 - minInterval : minInterval}%`;\n    const rightThumbOffset = `${mirror ? maxInterval : 100 - maxInterval}%`;\n    const valueIsRange = isRange(this.value);\n    const handleLabelMinValueClasses = `${CSS.handleLabel} ${CSS.handleLabelMinValue}`;\n    const handleLabelValueClasses = `${CSS.handleLabel} ${CSS.handleLabelValue}`;\n\n    const handle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const labeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const histogramLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n      </div>\n    );\n\n    const preciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <div class=\"handle-extension\" />\n      </div>\n    );\n\n    const histogramPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const labeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n        <div class=\"handle\" />\n        <div class=\"handle-extension\" />\n      </div>\n    );\n\n    const histogramLabeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={valueIsRange ? this.maxLabel : this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={value}\n        class={{\n          thumb: true,\n          \"thumb--value\": true,\n          \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = maxProp)}\n        onPointerDown={(event) => this.pointerDownDragStart(event, maxProp)}\n        role=\"slider\"\n        style={{ right: rightThumbOffset }}\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={(el) => (this.maxHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelValueClasses}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} static`}>\n          {displayedValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelValueClasses} transformed`}>\n          {displayedValue}\n        </span>\n      </div>\n    );\n\n    const minHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\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={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\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={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minHistogramLabeledHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\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={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n      </div>\n    );\n\n    const minPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\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={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n      </div>\n    );\n\n    const minLabeledPreciseHandle = (\n      <div\n        aria-disabled={this.disabled}\n        aria-label={this.minLabel}\n        aria-orientation=\"horizontal\"\n        aria-valuemax={this.max}\n        aria-valuemin={this.min}\n        aria-valuenow={this.minValue}\n        class={{\n          thumb: true,\n          \"thumb--minValue\": true,\n          \"thumb--active\": this.dragProp === \"minValue\",\n          \"thumb--precise\": true,\n        }}\n        onBlur={() => (this.activeProp = null)}\n        onFocus={() => (this.activeProp = \"minValue\")}\n        onPointerDown={(event) => this.pointerDownDragStart(event, \"minValue\")}\n        role=\"slider\"\n        style={{ left: leftThumbOffset }}\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={(el) => (this.minHandle = el as HTMLDivElement)}\n      >\n        <div class=\"handle-extension\" />\n        <div class=\"handle\" />\n        <span aria-hidden=\"true\" class={handleLabelMinValueClasses}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} static`}>\n          {displayedMinValue}\n        </span>\n        <span aria-hidden=\"true\" class={`${handleLabelMinValueClasses} transformed`}>\n          {displayedMinValue}\n        </span>\n      </div>\n    );\n\n    return (\n      <Host id={id} onTouchStart={this.handleTouchStart}>\n        <div\n          aria-label={getLabelText(this)}\n          class={{\n            [\"container\"]: true,\n            [\"container--range\"]: valueIsRange,\n            [`scale--${this.scale}`]: true,\n          }}\n        >\n          {this.renderGraph()}\n          <div\n            class=\"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=\"track__range\"\n              onPointerDown={(event) => this.pointerDownDragStart(event, \"minMaxValue\")}\n              style={{\n                left: `${mirror ? 100 - maxInterval : minInterval}%`,\n                right: `${mirror ? minInterval : 100 - maxInterval}%`,\n              }}\n            />\n            <div class=\"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                      tick: true,\n                      \"tick--active\": 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=\"thumb-container\">\n            {!this.precise && !this.labelHandles && valueIsRange && minHandle}\n            {!this.hasHistogram &&\n              !this.precise &&\n              this.labelHandles &&\n              valueIsRange &&\n              minLabeledHandle}\n            {this.precise && !this.labelHandles && valueIsRange && minPreciseHandle}\n            {this.precise && this.labelHandles && valueIsRange && minLabeledPreciseHandle}\n            {this.hasHistogram &&\n              !this.precise &&\n              this.labelHandles &&\n              valueIsRange &&\n              minHistogramLabeledHandle}\n\n            {!this.precise && !this.labelHandles && handle}\n            {!this.hasHistogram && !this.precise && this.labelHandles && labeledHandle}\n            {!this.hasHistogram && this.precise && !this.labelHandles && preciseHandle}\n            {this.hasHistogram && this.precise && !this.labelHandles && histogramPreciseHandle}\n            {!this.hasHistogram && this.precise && this.labelHandles && labeledPreciseHandle}\n            {this.hasHistogram && !this.precise && this.labelHandles && histogramLabeledHandle}\n            {this.hasHistogram &&\n              this.precise &&\n              this.labelHandles &&\n              histogramLabeledPreciseHandle}\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private renderGraph(): VNode {\n    return this.histogram ? (\n      <calcite-graph\n        class=\"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 valueIsRange = isRange(this.value);\n    const isMinTickLabel = tick === this.min;\n    const isMaxTickLabel = tick === this.max;\n    const displayedTickValue = this.determineGroupSeparator(tick);\n    const tickLabel = (\n      <span\n        class={{\n          tick__label: true,\n          [CSS.tickMin]: isMinTickLabel,\n          [CSS.tickMax]: isMaxTickLabel,\n        }}\n      >\n        {displayedTickValue}\n      </span>\n    );\n    if (this.labelTicks && !this.hasHistogram && !valueIsRange) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      !this.precise &&\n      !this.labelHandles\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      !this.precise &&\n      this.labelHandles\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      !this.hasHistogram &&\n      valueIsRange &&\n      this.precise &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (this.labelTicks && this.hasHistogram && !this.precise && !this.labelHandles) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      !this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      !this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    if (\n      this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)\n    ) {\n      return tickLabel;\n    }\n    return null;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(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    if (isNaN(adjustment)) {\n      return;\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(\".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:** Will be fired frequently during drag. If you are performing any\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:** If you need 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  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 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    switch (this.dragProp) {\n      case \"minValue\":\n        this.minHandle.focus();\n        break;\n      case \"maxValue\":\n      case \"value\":\n        this.maxHandle.focus();\n        break;\n      case \"minMaxValue\":\n        this.getClosestHandle(valueX).focus();\n        break;\n      default:\n        break;\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  /**\n   * Set the reference of the track Element\n   *\n   * @internal\n   * @param node\n   */\n  private storeTrackRef = (node: HTMLDivElement): void => {\n    this.trackEl = node;\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    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    let value = Number(clampedValue.toFixed(decimalPlaces(this.step)));\n    if (this.snap && this.step) {\n      value = this.getClosestStep(value);\n    }\n    return value;\n  }\n\n  /**\n   * Get closest allowed value along stepped values\n   *\n   * @param num\n   * @internal\n   */\n  private getClosestStep(num: number): number {\n    num = Number(this.clamp(num).toFixed(decimalPlaces(this.step)));\n    if (this.step) {\n      const step = Math.round(num / this.step) * this.step;\n      num = Number(this.clamp(step).toFixed(decimalPlaces(this.step)));\n    }\n    return num;\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(\"hyphen\", \"hyphen--wrap\");\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(\"hyphen\", \"hyphen--wrap\");\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(\".thumb--minValue\");\n    const maxHandle: HTMLDivElement | null = this.el.shadowRoot.querySelector(\".thumb--value\");\n\n    const minTickLabel: HTMLSpanElement | null =\n      this.el.shadowRoot.querySelector(\".tick__label--min\");\n    const maxTickLabel: HTMLSpanElement | null =\n      this.el.shadowRoot.querySelector(\".tick__label--max\");\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 determineGroupSeparator = (value: number): string => {\n    if (typeof value === \"number\") {\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}\n"],"mappings":"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"}

package/dist/calcite/p-1bace9e2.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.2.0-next.0
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-1bace9e2.js.map

package/dist/calcite/p-1bcc2962.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.2.0-next.0
- */
-import{g as t}from"./p-1bace9e2.js";import{d as s,e as i,t as e}from"./p-12a478b3.js";import{d as n}from"./p-ed4845b4.js";import{h as o,H as a}from"./p-dc8f6790.js";const c={heading:"heading",container:"container",indented:"container--indented"};const r={parentItem:"parent-item"};function l(){this.setUpItems();this.setUpFilter();this.deselectRemovedItems()}const h=["ArrowUp","ArrowDown"];function f(){this.setUpItems();this.setUpFilter();this.emitCalciteListChange=n(k.bind(this),0);this.emitCalciteListFilter=n(F.bind(this),0)}function u(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}function d(){this.mutationObserver?.disconnect()}function m(t){const{selectedValues:i}=this;const{item:e,value:n,selected:o,shiftPressed:a}=t.detail;if(o){if(this.multiple&&a){this.selectSiblings(e)}if(!this.multiple){this.deselectSiblingItems(e)}i.set(n,e)}else{i.delete(n);if(this.multiple&&a){this.selectSiblings(e,true)}}if(!this.multiple){E(e,o);if(o){s(e)}}this.lastSelectedItem=e;this.emitCalciteListChange()}function p(t){const s=t.detail.oldValue;const i=this.selectedValues;if(i.has(s)){const e=i.get(s);i.delete(s);i.set(t.detail.newValue,e)}t.stopPropagation()}function b(t){return!!h.find((s=>s===t))}function g(t){const{el:s,items:i,multiple:e,selectedValues:n}=this;if(e){return}const o=s.contains(t.relatedTarget);if(o){return}x(i).forEach((s=>{E(s,n.size===0?s.contains(t.target)||t.target===s:s.selected)}))}function v(t){const{key:i,target:e}=t;if(!b(i)){return}const{items:n,multiple:o,selectionFollowsFocus:a}=this;const{length:c}=n;const r=n.indexOf(e);if(!c||r===-1){return}t.preventDefault();const l=w(this,e,i==="ArrowUp"?"up":"down");const h=n[l];n.forEach((t=>E(t,t===h)));if(!o&&a){h.selected=true}s(h)}function w(s,i,e){const{items:n}=s;const{length:o}=n;const a=n.indexOf(i);const c=e==="up"?-1:1;let r=1;let l=t(a+c*r++,o);const h=l;while(n[l].disabled){l=t(a+c*r++,o);if(l===h){break}}return l}function A(t,s){const{items:i}=t;return i.indexOf(s)}function x(t){return t.filter((t=>!t.disabled))}function F(){this.calciteListFilter.emit()}function k(){this.calciteListChange.emit(this.selectedValues)}function y(t){if(t.defaultPrevented){return}const s=t.target;const i=this.selectedValues;if(s.parentElement.tagName==="CALCITE-PICK-LIST-GROUP"&&s.slot===r.parentItem){s.parentElement.remove();Array.from(s.parentElement.children).forEach((t=>i.delete(t.value)))}else{s.remove();i.delete(s.value)}this.emitCalciteListChange()}function E(t,s){if(t.disabled){return}if(s){t.removeAttribute("tabindex")}else{t.setAttribute("tabindex","-1")}}async function C(t){if(this.filterEnabled&&t==="filter"){await s(this.filterEl);return}const{items:i,multiple:e,selectionFollowsFocus:n}=this;if(i.length===0){return}if(e){return x(i)[0]?.setFocus()}const o=x(i);const a=o.find((t=>t.selected))||o[0];if(n&&a){a.selected=true}return a.setFocus()}function I(t){this.items=Array.from(this.el.querySelectorAll(t));let s=false;const{items:i}=this;i.forEach((t=>{t.icon=this.getIconType();if(!this.multiple){t.deselectDisabled=true;E(t,false)}if(t.selected){s=true;E(t,true);this.selectedValues.set(t.value,t)}}));const[e]=i;if(!s&&e&&!e.disabled){E(e,true)}}function j(){const t=this.selectedValues;const s=this.items.map((({value:t})=>t));t.forEach((t=>{if(!s.includes(t.value)){this.selectedValues.delete(t.value)}}))}function S(t){this.items.forEach((s=>{if(s.value!==t.value){s.toggleSelected(false);if(this.selectedValues.has(s.value)){this.selectedValues.delete(s.value)}}}))}function L(t,s=false){if(!this.lastSelectedItem){return}const{items:i}=this;const e=i.findIndex((t=>t.value===this.lastSelectedItem.value));const n=i.findIndex((s=>s.value===t.value));i.slice(Math.min(e,n),Math.max(e,n)).forEach((t=>{t.toggleSelected(!s);if(!s){this.selectedValues.set(t.value,t)}else{this.selectedValues.delete(t.value)}}))}let P;function T(t=false){const{filteredData:s,filterText:e}=this;const n=s.map((t=>t.value));let o=false;if(!P){P=new Set}const a=this.items?.filter((t=>{const s=t.parentElement;const i=s.matches("calcite-pick-list-group");if(i){P.add(s)}const a=e?n.includes(t.value):true;t.hidden=!a;if(!o){o=a&&t.selected}return a}))||[];P.forEach((t=>{const s=a.some((s=>t.contains(s)));t.hidden=!s;if(!s){return}const e=i(t,"parent-item");if(e){e.hidden=false;if(a.includes(e)){Array.from(t.children).forEach((t=>t.hidden=false))}}}));P.clear();if(a.length>0&&!o&&!this.multiple){E(a[0],true)}this.setFilteredItems(a);if(t){this.emitCalciteListFilter()}}function D(){const t=this.filterEl?.filteredItems;if(t){this.filteredData=t}this.handleFilter()}function U(t){t.stopPropagation();const{filteredItems:s,value:i}=t.currentTarget;this.filterText=i;this.filteredData=s;this.handleFilter(true)}function q(){return this.items.map((t=>({label:t.label,description:t.description,metadata:t.metadata,value:t.value})))}const M={sticky:"sticky-pos"};var V;(function(t){t["circle"]="circle";t["square"]="square";t["grip"]="grip"})(V||(V={}));const G={menuActions:"menu-actions"};const H=({props:{disabled:t,loading:s,filterEnabled:i,dataForFilter:n,handleFilterEvent:c,filterPlaceholder:r,filterText:l,setFilterEl:h,dragEnabled:f,storeAssistiveEl:u},...d})=>{const m=o("slot",null);return o(a,{"aria-busy":e(s),role:"menu",...d},o("section",null,f?o("span",{"aria-live":"assertive",class:"assistive-text",ref:u}):null,o("header",{class:{[M.sticky]:true}},i?o("calcite-filter",{"aria-label":r,disabled:t,items:n,onCalciteFilterChange:c,placeholder:r,value:l,ref:h}):null,o("slot",{name:G.menuActions})),s?o("calcite-scrim",{loading:s}):null,m))};const K={actions:"actions",actionsEnd:"actions--end",actionsStart:"actions--start",description:"description",handle:"handle",handleActivated:"handle--activated",highlight:"highlight",icon:"icon",iconDot:"icon-dot",label:"label",remove:"remove",title:"title",textContainer:"text-container"};const O={checked:"check",remove:"x"};const R={actionsEnd:"actions-end",actionsStart:"actions-start"};export{K as C,V as I,H as L,R as S,S as a,U as b,q as c,j as d,w as e,u as f,A as g,T as h,f as i,D as j,v as k,d as l,l as m,g as n,m as o,p,I as q,y as r,L as s,C as t,r as u,c as v,O as w};
-//# sourceMappingURL=p-1bcc2962.js.map

package/dist/calcite/p-1bcc2962.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","heading","container","indented","SLOTS","parentItem","mutationObserverCallback","this","setUpItems","setUpFilter","deselectRemovedItems","SUPPORTED_ARROW_KEYS","initialize","emitCalciteListChange","debounce","internalCalciteListChangeEvent","bind","emitCalciteListFilter","internalCalciteListFilterEvent","initializeObserver","mutationObserver","observe","el","childList","subtree","cleanUpObserver","disconnect","calciteListItemChangeHandler","event","selectedValues","item","value","selected","shiftPressed","detail","multiple","selectSiblings","deselectSiblingItems","set","delete","toggleSingleSelectItemTabbing","focusElement","lastSelectedItem","calciteInternalListItemValueChangeHandler","oldValue","has","get","newValue","stopPropagation","isValidNavigationKey","key","find","k","calciteListFocusOutHandler","items","focusedInside","contains","relatedTarget","filterOutDisabled","forEach","size","target","keyDownHandler","selectionFollowsFocus","length","totalItems","currentIndex","indexOf","preventDefault","index","moveItemIndex","i","list","direction","directionFactor","moveOffset","getRoundRobinIndex","firstMovedIndex","disabled","getItemIndex","filter","calciteListFilter","emit","calciteListChange","removeItem","defaultPrevented","parentElement","tagName","slot","remove","Array","from","children","selectable","removeAttribute","setAttribute","async","setFocus","focusId","filterEnabled","filterEl","filtered","focusTarget","querySelectorAll","hasSelected","icon","getIconType","deselectDisabled","first","itemValues","map","selectedItem","includes","currentItem","toggleSelected","deselect","start","findIndex","end","slice","Math","min","max","groups","handleFilter","filteredData","filterText","values","hasSelectedMatch","Set","matchedItems","parent","grouped","matches","add","hidden","group","hasAtLeastOneMatch","some","getSlotted","child","clear","setFilteredItems","handleInitialFilter","filteredItems","handleFilterEvent","currentTarget","getItemData","label","description","metadata","sticky","ICON_TYPES","menuActions","List","props","loading","dataForFilter","filterPlaceholder","setFilterEl","dragEnabled","storeAssistiveEl","rest","defaultSlot","h","Host","toAriaBoolean","role","class","ref","onCalciteFilterChange","placeholder","name","actions","actionsEnd","actionsStart","handle","handleActivated","highlight","iconDot","title","textContainer","ICONS","checked"],"sources":["src/components/pick-list-group/resources.ts","src/components/pick-list/shared-list-logic.ts","src/components/pick-list/resources.ts","src/components/pick-list/shared-list-render.tsx","src/components/pick-list-item/resources.ts"],"sourcesContent":["export const CSS = {\n  heading: \"heading\",\n  container: \"container\",\n  indented: \"container--indented\",\n};\n\nexport const SLOTS = {\n  parentItem: \"parent-item\",\n};\n","import { debounce } from \"lodash-es\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getSlotted } from \"../../utils/dom\";\nimport { SLOTS } from \"../pick-list-group/resources\";\nimport { ValueList } from \"../value-list/value-list\";\nimport { PickList } from \"./pick-list\";\n\ntype Lists = PickList | ValueList;\ntype ListItemElement<T> = T extends PickList ? HTMLCalcitePickListItemElement : HTMLCalciteValueListItemElement;\ntype List<T> = T extends PickList ? PickList : ValueList;\n\nexport type ListFocusId = \"filter\";\n\nexport function mutationObserverCallback<T extends Lists>(this: List<T>): void {\n  this.setUpItems();\n  this.setUpFilter();\n  this.deselectRemovedItems();\n}\n\nconst SUPPORTED_ARROW_KEYS = [\"ArrowUp\", \"ArrowDown\"];\n\n// --------------------------------------------------------------------------\n//\n//  Lifecycle\n//\n// --------------------------------------------------------------------------\n\nexport function initialize<T extends Lists>(this: List<T>): void {\n  this.setUpItems();\n  this.setUpFilter();\n  this.emitCalciteListChange = debounce(internalCalciteListChangeEvent.bind(this), 0);\n  this.emitCalciteListFilter = debounce(internalCalciteListFilterEvent.bind(this), 0);\n}\n\nexport function initializeObserver<T extends Lists>(this: List<T>): void {\n  this.mutationObserver?.observe(this.el, { childList: true, subtree: true });\n}\n\nexport function cleanUpObserver<T extends Lists>(this: List<T>): void {\n  this.mutationObserver?.disconnect();\n}\n\n// --------------------------------------------------------------------------\n//\n//  Listeners\n//\n// --------------------------------------------------------------------------\n\nexport function calciteListItemChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  const { selectedValues } = this;\n  const { item, value, selected, shiftPressed } = event.detail;\n\n  if (selected) {\n    if (this.multiple && shiftPressed) {\n      this.selectSiblings(item);\n    }\n\n    if (!this.multiple) {\n      this.deselectSiblingItems(item);\n    }\n\n    selectedValues.set(value, item);\n  } else {\n    selectedValues.delete(value);\n\n    if (this.multiple && shiftPressed) {\n      this.selectSiblings(item, true);\n    }\n  }\n\n  if (!this.multiple) {\n    toggleSingleSelectItemTabbing(item, selected);\n\n    if (selected) {\n      focusElement(item);\n    }\n  }\n\n  this.lastSelectedItem = item;\n  this.emitCalciteListChange();\n}\n\nexport function calciteInternalListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  const oldValue = event.detail.oldValue;\n  const selectedValues = this.selectedValues as Map<string, ListItemElement<T>>;\n\n  if (selectedValues.has(oldValue)) {\n    const item = selectedValues.get(oldValue);\n    selectedValues.delete(oldValue);\n    selectedValues.set(event.detail.newValue, item);\n  }\n  event.stopPropagation();\n}\n\n// --------------------------------------------------------------------------\n//\n//  Private Methods\n//\n// --------------------------------------------------------------------------\n\nfunction isValidNavigationKey(key: string): boolean {\n  return !!SUPPORTED_ARROW_KEYS.find((k) => k === key);\n}\n\nexport function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void {\n  const { el, items, multiple, selectedValues } = this;\n\n  if (multiple) {\n    return;\n  }\n\n  const focusedInside = el.contains(event.relatedTarget as Node | null);\n  if (focusedInside) {\n    return;\n  }\n\n  filterOutDisabled(items).forEach((item) => {\n    toggleSingleSelectItemTabbing(\n      item,\n      selectedValues.size === 0 ? item.contains(event.target as HTMLElement) || event.target === item : item.selected\n    );\n  });\n}\n\nexport function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void {\n  const { key, target } = event;\n\n  if (!isValidNavigationKey(key)) {\n    return;\n  }\n\n  const { items, multiple, selectionFollowsFocus } = this;\n  const { length: totalItems } = items;\n  const currentIndex = (items as ListItemElement<T>[]).indexOf(target as ListItemElement<T>);\n\n  if (!totalItems || currentIndex === -1) {\n    return;\n  }\n\n  event.preventDefault();\n\n  const index = moveItemIndex(this, target as ListItemElement<T>, key === \"ArrowUp\" ? \"up\" : \"down\");\n  const item = items[index];\n\n  items.forEach((i: HTMLCalcitePickListItemElement | HTMLCalciteValueListItemElement) =>\n    toggleSingleSelectItemTabbing(i, i === item)\n  );\n\n  if (!multiple && selectionFollowsFocus) {\n    item.selected = true;\n  }\n\n  focusElement(item);\n}\n\nexport function moveItemIndex<T extends Lists>(\n  list: List<T>,\n  item: ListItemElement<T>,\n  direction: \"up\" | \"down\"\n): number {\n  const { items } = list;\n  const { length: totalItems } = items;\n  const currentIndex = (items as ListItemElement<T>[]).indexOf(item);\n  const directionFactor = direction === \"up\" ? -1 : 1;\n  let moveOffset = 1;\n  let index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);\n  const firstMovedIndex = index;\n\n  while (items[index].disabled) {\n    index = getRoundRobinIndex(currentIndex + directionFactor * moveOffset++, totalItems);\n\n    if (index === firstMovedIndex) {\n      break;\n    }\n  }\n\n  return index;\n}\n\nexport function getItemIndex<T extends Lists>(list: List<T>, item: ListItemElement<T>): number {\n  const { items } = list;\n  return (items as ListItemElement<T>[]).indexOf(item);\n}\n\nfunction filterOutDisabled<T extends Lists>(items: ListItemElement<T>[]): ListItemElement<T>[] {\n  return items.filter((item) => !item.disabled);\n}\n\nexport function internalCalciteListFilterEvent<T extends Lists>(this: List<T>): void {\n  this.calciteListFilter.emit();\n}\n\nexport function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void {\n  this.calciteListChange.emit(this.selectedValues as any);\n}\n\nexport function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void {\n  if (event.defaultPrevented) {\n    return;\n  }\n\n  const item = event.target as U;\n  const selectedValues = this.selectedValues as Map<string, U>;\n\n  if (item.parentElement.tagName === \"CALCITE-PICK-LIST-GROUP\" && item.slot === SLOTS.parentItem) {\n    item.parentElement.remove();\n    Array.from(item.parentElement.children).forEach((item: U) => selectedValues.delete(item.value));\n  } else {\n    item.remove();\n    selectedValues.delete(item.value);\n  }\n\n  this.emitCalciteListChange();\n}\n\nfunction toggleSingleSelectItemTabbing<T extends Lists>(item: ListItemElement<T>, selectable: boolean): void {\n  if (item.disabled) {\n    return;\n  }\n\n  // using attribute intentionally\n  if (selectable) {\n    item.removeAttribute(\"tabindex\");\n  } else {\n    item.setAttribute(\"tabindex\", \"-1\");\n  }\n}\n\nexport async function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void> {\n  if (this.filterEnabled && focusId === \"filter\") {\n    await focusElement(this.filterEl);\n    return;\n  }\n\n  const { items, multiple, selectionFollowsFocus } = this;\n\n  if (items.length === 0) {\n    return;\n  }\n\n  if (multiple) {\n    return filterOutDisabled(items)[0]?.setFocus();\n  }\n\n  const filtered = filterOutDisabled(items);\n  const focusTarget = filtered.find((item) => item.selected) || filtered[0];\n\n  if (selectionFollowsFocus && focusTarget) {\n    focusTarget.selected = true;\n  }\n\n  return focusTarget.setFocus();\n}\n\nexport function setUpItems<T extends Lists>(\n  this: List<T>,\n  tagName: T extends PickList ? \"calcite-pick-list-item\" : \"calcite-value-list-item\"\n): void {\n  (this.items as ListItemElement<T>[]) = Array.from(this.el.querySelectorAll<ListItemElement<T>>(tagName));\n  let hasSelected = false;\n\n  const { items } = this;\n\n  items.forEach((item) => {\n    item.icon = this.getIconType();\n    if (!this.multiple) {\n      item.deselectDisabled = true;\n      toggleSingleSelectItemTabbing(item, false);\n    }\n    if (item.selected) {\n      hasSelected = true;\n      toggleSingleSelectItemTabbing(item, true);\n      this.selectedValues.set(item.value, item);\n    }\n  });\n\n  const [first] = items;\n\n  if (!hasSelected && first && !first.disabled) {\n    toggleSingleSelectItemTabbing(first, true);\n  }\n}\n\nexport function setUpFilter<T extends Lists>(this: List<T>): void {\n  if (this.filterEnabled) {\n    this.dataForFilter = this.getItemData();\n  }\n}\n\nexport function deselectRemovedItems<T extends Lists>(this: List<T>): void {\n  const selectedValues = this.selectedValues as Map<string, ListItemElement<T>>;\n  const itemValues = this.items.map(({ value }) => value);\n\n  selectedValues.forEach((selectedItem) => {\n    if (!itemValues.includes(selectedItem.value)) {\n      this.selectedValues.delete(selectedItem.value);\n    }\n  });\n}\n\nexport function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void {\n  this.items.forEach((currentItem) => {\n    if (currentItem.value !== item.value) {\n      currentItem.toggleSelected(false);\n      if (this.selectedValues.has(currentItem.value)) {\n        this.selectedValues.delete(currentItem.value);\n      }\n    }\n  });\n}\n\nexport function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect = false): void {\n  if (!this.lastSelectedItem) {\n    return;\n  }\n  const { items } = this;\n  const start = items.findIndex((currentItem) => {\n    return currentItem.value === this.lastSelectedItem.value;\n  });\n  const end = items.findIndex((currentItem) => {\n    return currentItem.value === item.value;\n  });\n  items.slice(Math.min(start, end), Math.max(start, end)).forEach((currentItem) => {\n    currentItem.toggleSelected(!deselect);\n    if (!deselect) {\n      this.selectedValues.set(currentItem.value, currentItem);\n    } else {\n      this.selectedValues.delete(currentItem.value);\n    }\n  });\n}\n\nlet groups: Set<HTMLCalcitePickListGroupElement>;\n\nexport function handleFilter<T extends Lists>(this: List<T>, emit = false): void {\n  const { filteredData, filterText } = this;\n\n  const values = filteredData.map((item: ItemData[number]) => item.value);\n  let hasSelectedMatch = false;\n\n  if (!groups) {\n    groups = new Set<HTMLCalcitePickListGroupElement>();\n  }\n\n  const matchedItems =\n    (this.items as ListItemElement<T>[])?.filter((item) => {\n      const parent = item.parentElement;\n      const grouped = parent.matches(\"calcite-pick-list-group\");\n\n      if (grouped) {\n        groups.add(parent as HTMLCalcitePickListGroupElement);\n      }\n\n      const matches = filterText ? values.includes(item.value) : true;\n\n      item.hidden = !matches;\n\n      if (!hasSelectedMatch) {\n        hasSelectedMatch = matches && item.selected;\n      }\n\n      return matches;\n    }) || [];\n\n  groups.forEach((group) => {\n    const hasAtLeastOneMatch = matchedItems.some((item) => group.contains(item));\n    group.hidden = !hasAtLeastOneMatch;\n\n    if (!hasAtLeastOneMatch) {\n      return;\n    }\n\n    const parentItem = getSlotted<ListItemElement<T>>(group, \"parent-item\");\n\n    if (parentItem) {\n      parentItem.hidden = false;\n\n      if (matchedItems.includes(parentItem)) {\n        Array.from(group.children as HTMLCollectionOf<HTMLCalcitePickListElement>).forEach(\n          (child) => (child.hidden = false)\n        );\n      }\n    }\n  });\n\n  groups.clear();\n\n  if (matchedItems.length > 0 && !hasSelectedMatch && !this.multiple) {\n    toggleSingleSelectItemTabbing(matchedItems[0], true);\n  }\n\n  this.setFilteredItems(matchedItems as any[]);\n\n  if (emit) {\n    this.emitCalciteListFilter();\n  }\n}\n\nexport function handleInitialFilter<T extends Lists>(this: List<T>): void {\n  const filteredItems = this.filterEl?.filteredItems as ItemData;\n\n  if (filteredItems) {\n    this.filteredData = filteredItems;\n  }\n\n  this.handleFilter();\n}\n\nexport function handleFilterEvent<T extends Lists>(this: List<T>, event: CustomEvent): void {\n  event.stopPropagation();\n  const { filteredItems, value } = event.currentTarget as HTMLCalciteFilterElement;\n\n  this.filterText = value;\n  this.filteredData = filteredItems as ItemData;\n\n  this.handleFilter(true);\n}\n\nexport type ItemData = {\n  label: string;\n  description: string;\n  metadata: Record<string, unknown>;\n  value: string;\n}[];\n\nexport function getItemData<T extends Lists>(this: List<T>): ItemData {\n  return (this.items as ListItemElement<T>[]).map((item) => ({\n    label: item.label,\n    description: item.description,\n    metadata: item.metadata,\n    value: item.value,\n  }));\n}\n","export const CSS = {\n  sticky: \"sticky-pos\",\n};\n\nexport enum ICON_TYPES {\n  circle = \"circle\",\n  square = \"square\",\n  grip = \"grip\",\n}\nexport const TEXT = {\n  filterResults: \"Filter results\",\n};\n\nexport const SLOTS = {\n  menuActions: \"menu-actions\",\n};\n","import { FunctionalComponent, h, Host, VNode } from \"@stencil/core\";\nimport { JSXBase } from \"@stencil/core/internal\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS } from \"./resources\";\nimport { handleFilter, handleFilterEvent } from \"./shared-list-logic\";\nimport DOMAttributes = JSXBase.DOMAttributes;\n\ninterface ListProps extends DOMAttributes<any> {\n  disabled: boolean;\n  loading: boolean;\n  filterEnabled: boolean;\n  filterText: string;\n  dataForFilter: any;\n  handleFilter: typeof handleFilter;\n  handleFilterEvent: typeof handleFilterEvent;\n  filterPlaceholder: string;\n  el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;\n  setFilterEl: (el: HTMLCalciteFilterElement) => void;\n  setFilteredItems: (\n    filteredItems: HTMLCalcitePickListItemElement | HTMLCalciteValueListItemElement[]\n  ) => void;\n  dragEnabled?: boolean;\n  storeAssistiveEl?: (el: HTMLSpanElement) => void;\n}\n\nexport const List: FunctionalComponent<{ props: ListProps } & DOMAttributes<any>> = ({\n  props: {\n    disabled,\n    loading,\n    filterEnabled,\n    dataForFilter,\n    handleFilterEvent,\n    filterPlaceholder,\n    filterText,\n    setFilterEl,\n    dragEnabled,\n    storeAssistiveEl,\n  },\n  ...rest\n}): VNode => {\n  const defaultSlot = <slot />;\n  return (\n    <Host aria-busy={toAriaBoolean(loading)} role=\"menu\" {...rest}>\n      <section>\n        {dragEnabled ? (\n          <span\n            aria-live=\"assertive\"\n            class=\"assistive-text\"\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={storeAssistiveEl}\n          />\n        ) : null}\n        <header class={{ [CSS.sticky]: true }}>\n          {filterEnabled ? (\n            <calcite-filter\n              aria-label={filterPlaceholder}\n              disabled={disabled}\n              items={dataForFilter}\n              onCalciteFilterChange={handleFilterEvent}\n              placeholder={filterPlaceholder}\n              value={filterText}\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={setFilterEl}\n            />\n          ) : null}\n          <slot name={SLOTS.menuActions} />\n        </header>\n        {loading ? <calcite-scrim loading={loading} /> : null}\n        {defaultSlot}\n      </section>\n    </Host>\n  );\n};\n\nexport default List;\n","export const CSS = {\n  actions: \"actions\",\n  actionsEnd: \"actions--end\",\n  actionsStart: \"actions--start\",\n  description: \"description\",\n  handle: \"handle\",\n  handleActivated: \"handle--activated\",\n  highlight: \"highlight\",\n  icon: \"icon\",\n  iconDot: \"icon-dot\",\n  label: \"label\",\n  remove: \"remove\",\n  title: \"title\",\n  textContainer: \"text-container\",\n};\n\nexport const ICONS = {\n  checked: \"check\",\n  remove: \"x\",\n};\n\nexport const SLOTS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n};\n"],"mappings":"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"}

package/dist/calcite/p-1bd0d224.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.2.0-next.0
- */
-import{d as e}from"./p-a917e40a.js";import"./p-dc8f6790.js";import"./p-406ee8b3.js";import"./p-12a478b3.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-0db1222f.js";import"./p-448db42f.js";import"./p-f9cac1ec.js";import"./p-975df908.js";import"./p-d7695581.js";import"./p-c4036842.js";import"./p-456bf4d5.js";import"./p-ce27299c.js";import"./p-461cfca7.js";import"./p-296fa714.js";import"./p-a825c716.js";import"./p-a698cb09.js";import"./p-3235386f.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,i){var n=r[i];if(Array.isArray(n)){n=n[t?0:1]}return n.replace("%d",e)}var i={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(i,null,true);export default i;
-//# sourceMappingURL=p-1bd0d224.js.map

package/dist/calcite/p-1c9e71c8.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.2.0-next.0
- */
-import{r as t,c as e,h as i,g as o}from"./p-dc8f6790.js";import{c as n,d as s}from"./p-028e43a6.js";import{h as a,e as c}from"./p-12a478b3.js";import{s as l,a as r,c as d}from"./p-c4036842.js";import{c as h,d as g}from"./p-456bf4d5.js";import{c as p,d as m,s as f,u}from"./p-a825c716.js";import{K as v}from"./p-5118bed5.js";import{o as b}from"./p-a698cb09.js";import{g as k}from"./p-d7695581.js";import"./p-ce27299c.js";import"./p-323e64e5.js";import"./p-5ac783f8.js";import"./p-f9cac1ec.js";const x={title:"title",message:"message",link:"link",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",close:"notice-close",container:"container",content:"notice-content",icon:"notice-icon"};const z=":host([scale=s]){--calcite-notice-spacing-token-small:0.5rem;--calcite-notice-spacing-token-large:0.75rem}:host([scale=s]) .container slot[name=title]::slotted(*),:host([scale=s]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) .container slot[name=message]::slotted(*),:host([scale=s]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .notice-close{padding:0.5rem}:host([scale=m]){--calcite-notice-spacing-token-small:0.75rem;--calcite-notice-spacing-token-large:1rem}:host([scale=m]) .container slot[name=title]::slotted(*),:host([scale=m]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) .container slot[name=message]::slotted(*),:host([scale=m]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=l]){--calcite-notice-spacing-token-small:1rem;--calcite-notice-spacing-token-large:1.25rem}:host([scale=l]) .container slot[name=title]::slotted(*),:host([scale=l]) .container *::slotted([slot=title]){margin-block:0.125rem;font-size:var(--calcite-font-size-1);line-height:1.375}:host([scale=l]) .container slot[name=message]::slotted(*),:host([scale=l]) .container *::slotted([slot=message]){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) ::slotted(calcite-link){margin-block:0.125rem;font-size:var(--calcite-font-size-0);line-height:1.375}:host([width=auto]){--calcite-notice-width:auto}:host([width=half]){--calcite-notice-width:50%}:host([width=full]){--calcite-notice-width:100%}:host{margin-inline:auto;display:none;max-inline-size:100%;align-items:center;inline-size:var(--calcite-notice-width)}.container{pointer-events:none;margin-block:0px;box-sizing:border-box;display:none;inline-size:100%;background-color:var(--calcite-color-foreground-1);opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;max-block-size:0;text-align:start;border-inline-start:0px solid;box-shadow:0 0 0 0 transparent}.notice-close{outline-color:transparent}.notice-close:focus{outline:2px solid 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          )}:host{display:flex}:host([open]) .container{pointer-events:auto;display:flex;max-block-size:100%;align-items:center;border-width:2px;opacity:1;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.container slot[name=title]::slotted(*),.container *::slotted([slot=title]){margin:0px;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.container slot[name=message]::slotted(*),.container *::slotted([slot=message]){margin:0px;display:inline;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);margin-inline-end:var(--calcite-notice-spacing-token-small)}.notice-content{box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;display:flex;min-inline-size:0px;flex-direction:column;overflow-wrap:break-word;flex:1 1 0;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:0 var(--calcite-notice-spacing-token-small)}.notice-content:first-of-type:not(:only-child){padding-inline-start:var(--calcite-notice-spacing-token-large)}.notice-content:only-of-type{padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large)}.notice-icon{display:flex;align-items:center;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto}.notice-close{display:flex;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline:2px solid transparent;outline-offset:2px;box-sizing:border-box;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-notice-spacing-token-small);padding-inline:var(--calcite-notice-spacing-token-large);flex:0 0 auto;-webkit-appearance:none}.notice-close:hover,.notice-close:focus{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.notice-close:active{background-color:var(--calcite-color-foreground-3)}.actions-end{display:flex;align-self:stretch}:host([kind=brand]) .container{border-color:var(--calcite-color-brand)}:host([kind=brand]) .container .notice-icon{color:var(--calcite-color-brand)}:host([kind=info]) .container{border-color:var(--calcite-color-status-info)}:host([kind=info]) .container .notice-icon{color:var(--calcite-color-status-info)}:host([kind=danger]) .container{border-color:var(--calcite-color-status-danger)}:host([kind=danger]) .container .notice-icon{color:var(--calcite-color-status-danger)}:host([kind=success]) .container{border-color:var(--calcite-color-status-success)}:host([kind=success]) .container .notice-icon{color:var(--calcite-color-status-success)}:host([kind=warning]) .container{border-color:var(--calcite-color-status-warning)}:host([kind=warning]) .container .notice-icon{color:var(--calcite-color-status-warning)}:host([hidden]){display:none}[hidden]{display:none}";const y=class{constructor(i){t(this,i);this.calciteNoticeBeforeClose=e(this,"calciteNoticeBeforeClose",6);this.calciteNoticeBeforeOpen=e(this,"calciteNoticeBeforeOpen",6);this.calciteNoticeClose=e(this,"calciteNoticeClose",6);this.calciteNoticeOpen=e(this,"calciteNoticeOpen",6);this.setTransitionEl=t=>{this.transitionEl=t};this.close=()=>{this.open=false};this.openTransitionProp="opacity";this.open=false;this.kind="brand";this.closable=false;this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.width="auto";this.messages=undefined;this.messageOverrides=undefined;this.effectiveLocale=undefined;this.defaultMessages=undefined}openHandler(){b(this)}onMessagesChange(){}updateRequestedIcon(){this.requestedIcon=a(v,this.icon,this.kind)}connectedCallback(){n(this);h(this);p(this)}disconnectedCallback(){s(this);g(this);m(this)}async componentWillLoad(){l(this);this.requestedIcon=a(v,this.icon,this.kind);await f(this);if(this.open){b(this)}}componentDidLoad(){r(this)}render(){const{el:t}=this;const e=i("button",{"aria-label":this.messages.close,class:w.close,onClick:this.close,ref:t=>this.closeButton=t},i("calcite-icon",{icon:"x",scale:k(this.scale)}));const o=c(t,x.actionsEnd);return i("div",{class:w.container,ref:this.setTransitionEl},this.requestedIcon?i("div",{class:w.icon},i("calcite-icon",{flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:k(this.scale)})):null,i("div",{class:w.content},i("slot",{name:x.title}),i("slot",{name:x.message}),i("slot",{name:x.link})),o?i("div",{class:w.actionsEnd},i("slot",{name:x.actionsEnd})):null,this.closable?e:null)}async setFocus(){await d(this);const t=this.el.querySelector("calcite-link");if(!this.closeButton&&!t){return}if(t){return t.setFocus()}else if(this.closeButton){this.closeButton.focus()}}onBeforeClose(){this.calciteNoticeBeforeClose.emit()}onBeforeOpen(){this.calciteNoticeBeforeOpen.emit()}onClose(){this.calciteNoticeClose.emit()}onOpen(){this.calciteNoticeOpen.emit()}effectiveLocaleChange(){u(this,this.effectiveLocale)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],icon:["updateRequestedIcon"],kind:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}};y.style=z;export{y as calcite_notice};
-//# sourceMappingURL=p-1c9e71c8.entry.js.map