@esri/calcite-components 2.13.0 → 2.14.0-next.1

package/dist/calcite/p-df6c8bd7.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import"./p-0a2f91d4.js";const n=()=>typeof navigator!=="undefined"&&typeof window!=="undefined"&&typeof location!=="undefined"&&typeof document!=="undefined"&&window.location===location&&window.document===document;function o(){return navigator.userAgentData}function t(){if(!n()){return""}const t=o();return t?.brands?t.brands.map((({brand:n,version:o})=>`${n}/${o}`)).join(" "):navigator.userAgent}export{t as g,n as i};
-//# sourceMappingURL=p-df6c8bd7.js.map

package/dist/calcite/p-e088bc24.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as e}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";function i(e){return e%10<5&&e%10>1&&~~(e/10)%10!==1}function r(e,r,t){var a=e+" ";switch(t){case"m":return r?"minuta":"minutę";case"mm":return a+(i(e)?"minuty":"minut");case"h":return r?"godzina":"godzinę";case"hh":return a+(i(e)?"godziny":"godzin");case"MM":return a+(i(e)?"miesiące":"miesięcy");case"yy":return a+(i(e)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var p=/D MMMM/;var s=function e(i,r){if(p.test(r)){return t[i.month()]}return a[i.month()]};s.s=a;s.f=t;var _={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:s,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function e(i){return i+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:r,mm:r,h:r,hh:r,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:r,y:"rok",yy:r},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"}};e.locale(_,null,true);export{_ as default};
-//# sourceMappingURL=p-e088bc24.js.map

package/dist/calcite/p-e0c816cf.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/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,c as e,h as s,H as i,g as n}from"./p-0a2f91d4.js";import{c as a,d as o}from"./p-7f9ce223.js";import{u as r,I as c}from"./p-a805c9c4.js";import{f as h,c as l,d}from"./p-2abe8907.js";import{u,c as f,d as m,s as p}from"./p-f0661425.js";import{c as b,s as g,a as y}from"./p-65e04a6e.js";import{c as C,d as w,a as I,H as v}from"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-fe34acf8.js";import"./p-103c1961.js";import"./p-966e4808.js";import"./p-df6c8bd7.js";const j={offset:"offset"};const T=60;function Z(t){const e="−";const s="-";return t.replace(":15",".25").replace(":30",".5").replace(":45",".75").replace(e,s)}function x(t,e){const s=R(t,"en-US",e).replace("GMT","");if(s===""){return 0}return Number(Z(s))*T}function D(){const t=new Date;return t.getTimezoneOffset()*-1}function k(){const t=new Intl.DateTimeFormat;return t.resolvedOptions().timeZone}async function L(t){if(t==="offset"){return t=>t}const{normalize:e}=await import("./p-e0df7148.js");return e}async function B(t,e,s,i,n){if(s==="name"){const{groupByName:t}=await import("./p-2d291919.js");const e=await t();return e.map((({label:t})=>{const e=E(t);const s=t;return{label:e,value:s,metadata:{filterValue:t}}})).filter((t=>!!t)).sort()}const a=n==="user"?t:n==="utc"?"fr":"en-GB";const o=i.getTime();if(s==="region"){const[{groupByRegion:t},{getCountry:s,global:i}]=await Promise.all([import("./p-13b5b199.js"),import("./p-7203665d.js")]);const n=await t();return n.map((({label:t,tzs:n})=>{n.sort(((t,s)=>{const i=M(t,e);const n=M(s,e);const a="Etc/GMT";if(t.startsWith(a)&&s.startsWith(a)){const e=t.substring(a.length);const i=s.substring(a.length);const n=e===""?0:parseInt(e);const o=i===""?0:parseInt(i);return o-n}return i.localeCompare(n)}));return{label:P(e,t),items:n.map((n=>{const r=Z(R(n,a,o));const c=M(n,e);const h=t===i?`${M(i,e)} Etc`:E(n);const l=s(n);const d=P(e,l);return{label:c,value:n,metadata:{country:d===c?undefined:d,filterValue:h,offset:r}}}))}})).sort(((t,e)=>t.label===i?-1:e.label===i?1:t.label.localeCompare(e.label)))}const[{groupByOffset:r},{DateEngine:c}]=await Promise.all([import("./p-20e3f6fd.js"),import("./p-d8ef8920.js")]);const h=await r({dateEngine:new c,groupDateRange:1,startDate:new Date(o).toISOString()});const l=new Intl.ListFormat(t,{style:"long",type:"conjunction"});const d=["Factory","Etc/UTC"];h.forEach((t=>{const e=[];let s=0;t.tzs.forEach(((t,i)=>{if(d.includes(t)){s++}e[i]=s}));t.tzs=t.tzs.filter((t=>!d.includes(t)));t.labelTzIdx=t.labelTzIdx.map((t=>t-e[t])).filter((e=>e>=0&&e<t.tzs.length))}));return h.map((({labelTzIdx:t,tzs:s})=>{const i=s[0];const n=Z(R(i,a,o));const r=x(i,o);const c=t.map((t=>M(s[t],e)));const h=V(e,n,l.format(c));return{label:h,value:r,metadata:{filterValue:s.map((t=>E(t)))}}})).filter((t=>!!t)).sort(((t,e)=>t.value-e.value))}function M(t,e){return e[t]||z(t)}function O(t,e,s){const i=s.timeZoneRegionLabel;return i.replace("{city}",t).replace("{country}",P(s,e))}function P(t,e){return t[e]||e}function z(t){return t.split("/").pop()}function E(t){return t.replace(/_/g," ")}function V(t,e,s){return t.timeZoneLabel.replace("{offset}",e).replace("{cities}",s)}function R(t,e,s=Date.now()){const i=h(e,{timeZone:t,timeZoneName:"shortOffset"});const n=i.formatToParts(s);return n.find((({type:t})=>t==="timeZoneName")).value}function F(t){return t.items!==undefined}function N(t){return F(t[0])?t.flatMap((t=>t.items)):t}function S(t,e,s){return s==null?null:N(t).find((t=>t[e]==s))}const _=":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:block}.offset{white-space:nowrap}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}::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}";const G=_;const U=class{constructor(s){t(this,s);this.calciteInputTimeZoneBeforeClose=e(this,"calciteInputTimeZoneBeforeClose",6);this.calciteInputTimeZoneBeforeOpen=e(this,"calciteInputTimeZoneBeforeOpen",6);this.calciteInputTimeZoneChange=e(this,"calciteInputTimeZoneChange",6);this.calciteInputTimeZoneClose=e(this,"calciteInputTimeZoneClose",6);this.calciteInputTimeZoneOpen=e(this,"calciteInputTimeZoneOpen",6);this.setComboboxRef=t=>{this.comboboxEl=t};this.onComboboxBeforeClose=t=>{t.stopPropagation();this.overrideSelectedLabelForRegion(false);this.calciteInputTimeZoneBeforeClose.emit()};this.onComboboxBeforeOpen=t=>{t.stopPropagation();this.overrideSelectedLabelForRegion(true);this.calciteInputTimeZoneBeforeOpen.emit()};this.onComboboxChange=t=>{t.stopPropagation();const e=t.target;const s=e.selectedItems[0];if(!s){this.value=null;this.selectedTimeZoneItem=null;this.calciteInputTimeZoneChange.emit();return}const i=this.findTimeZoneItemByLabel(s.getAttribute("data-label"));const n=`${i.value}`;if(this.value===n&&i.label===this.selectedTimeZoneItem.label){return}this.value=n;this.selectedTimeZoneItem=i;this.calciteInputTimeZoneChange.emit()};this.onComboboxClose=t=>{t.stopPropagation();this.open=false;this.calciteInputTimeZoneClose.emit()};this.onComboboxOpen=t=>{this.open=true;t.stopPropagation();this.calciteInputTimeZoneOpen.emit()};this.clearable=false;this.disabled=false;this.form=undefined;this.maxItems=0;this.messages=undefined;this.messageOverrides=undefined;this.mode="offset";this.offsetStyle="user";this.validationMessage=undefined;this.validationIcon=undefined;this.validity={valid:false,badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:false};this.name=undefined;this.open=false;this.overlayPositioning="absolute";this.referenceDate=undefined;this.required=false;this.scale="m";this.status="idle";this.value=undefined;this.readOnly=false;this.defaultMessages=undefined;this.effectiveLocale=""}onMessagesChange(){}handleTimeZoneItemPropsChange(){if(!this.timeZoneItems){return}this.updateTimeZoneItems();this.updateTimeZoneSelection()}openChanged(){this.comboboxEl.open=this.open}handleValueChange(t,e){t=this.normalizeValue(t);if(!t){if(this.clearable){this.value=t;this.selectedTimeZoneItem=null;return}this.value=e;this.selectedTimeZoneItem=this.findTimeZoneItem(e);return}const s=this.findTimeZoneItem(t);if(!s){this.value=e;return}this.selectedTimeZoneItem=s}async setFocus(){await b(this);await this.comboboxEl.setFocus()}effectiveLocaleWatcher(){u(this,this.effectiveLocale)}onLabelClick(){this.setFocus()}overrideSelectedLabelForRegion(t){if(this.mode!=="region"||!this.selectedTimeZoneItem){return}const{label:e,metadata:s}=this.selectedTimeZoneItem;this.comboboxEl.selectedItems[0].textLabel=!s.country||t?e:O(e,s.country,this.messages)}findTimeZoneItem(t){return S(this.timeZoneItems,"value",t)}findTimeZoneItemByLabel(t){return S(this.timeZoneItems,"label",t)}async updateTimeZoneItems(){this.timeZoneItems=await this.createTimeZoneItems()}async updateTimeZoneSelection(){if(this.value===""&&this.clearable){this.selectedTimeZoneItem=null;return}const t=this.mode==="offset"?D():k();const e=this.value??t;this.selectedTimeZoneItem=this.findTimeZoneItem(e)||this.findTimeZoneItem(t)}async createTimeZoneItems(){if(!this.effectiveLocale||!this.messages){return[]}return B(this.effectiveLocale,this.messages,this.mode,this.referenceDate instanceof Date?this.referenceDate:new Date(this.referenceDate??Date.now()),this.offsetStyle)}connectedCallback(){C(this);a(this);l(this);f(this)}disconnectedCallback(){w(this);o(this);d(this);m(this)}normalizeValue(t){t=t===null?"":t;return t?this.normalizer(t):t}async componentWillLoad(){g(this);const[,t]=await Promise.all([p(this),L(this.mode)]);this.normalizer=t;await this.updateTimeZoneItems();this.value=this.normalizeValue(this.value);await this.updateTimeZoneSelection();const e=this.selectedTimeZoneItem?`${this.selectedTimeZoneItem.value}`:null;I(this,e);this.value=e}componentDidLoad(){y(this);this.openChanged()}componentDidRender(){r(this);this.overrideSelectedLabelForRegion(this.open)}render(){return s(i,{key:"b94fb2d93cdcaf0c44bbd2a0c7deaf59701078bf"},s(c,{key:"45246bbab441e9daf0e372832e74d7660039c770",disabled:this.disabled},s("calcite-combobox",{key:"294e44d8ab01079651c417f7808348e584f135b7",clearDisabled:!this.clearable,disabled:this.disabled,label:this.messages.chooseTimeZone,lang:this.effectiveLocale,maxItems:this.maxItems,onCalciteComboboxBeforeClose:this.onComboboxBeforeClose,onCalciteComboboxBeforeOpen:this.onComboboxBeforeOpen,onCalciteComboboxChange:this.onComboboxChange,onCalciteComboboxClose:this.onComboboxClose,onCalciteComboboxOpen:this.onComboboxOpen,overlayPositioning:this.overlayPositioning,placeholder:this.mode==="name"?this.messages.namePlaceholder:this.mode==="offset"?this.messages.offsetPlaceholder:this.messages.regionPlaceholder,placeholderIcon:"search",readOnly:this.readOnly,ref:this.setComboboxRef,scale:this.scale,selectionMode:this.clearable?"single":"single-persist",status:this.status,"validation-icon":this.validationIcon,"validation-message":this.validationMessage},this.renderItems()),s(v,{key:"0b7a0694166f1d5b36b780d3436dad15d466bc3c",component:this})))}renderItems(){if(this.mode==="region"){return this.renderRegionItems()}return this.timeZoneItems.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,metadata:n,value:a}=t;return s("calcite-combobox-item",{"data-label":i,key:i,metadata:n,selected:e,textLabel:i,value:a})}))}renderRegionItems(){return this.timeZoneItems.flatMap((({label:t,items:e})=>s("calcite-combobox-item-group",{key:t,label:t},e.map((t=>{const e=this.selectedTimeZoneItem===t;const{label:i,metadata:n,value:a}=t;return s("calcite-combobox-item",{"data-label":i,description:n.country,key:i,metadata:n,selected:e,textLabel:i,value:a},s("span",{class:j.offset,slot:"content-end"},n.offset))})))))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],messages:["handleTimeZoneItemPropsChange"],mode:["handleTimeZoneItemPropsChange"],referenceDate:["handleTimeZoneItemPropsChange"],open:["openChanged"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleWatcher"]}}};U.style=G;export{U as calcite_input_time_zone};
-//# sourceMappingURL=p-e0c816cf.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["CSS","offset","hourToMinutes","timeZoneOffsetToDecimal","shortOffsetTimeZoneName","minusSign","hyphen","replace","toOffsetValue","timeZoneName","referenceDateInMs","getTimeZoneShortOffset","Number","getUserTimeZoneOffset","localDate","Date","getTimezoneOffset","getUserTimeZoneName","dateFormatter","Intl","DateTimeFormat","resolvedOptions","timeZone","async","getNormalizer","mode","normalize","import","createTimeZoneItems","locale","messages","referenceDate","standardTime","groupByName","groups","map","label","toUserFriendlyName","value","metadata","filterValue","filter","group","sort","effectiveLocale","getTime","groupByRegion","getCountry","global","globalLabel","Promise","all","region","tzs","timeZoneA","timeZoneB","labeledTimeZoneA","getTimeZoneLabel","labeledTimeZoneB","gmtTimeZoneString","startsWith","offsetStringA","substring","length","offsetStringB","offsetA","parseInt","offsetB","localeCompare","getMessageOrKeyFallback","items","decimalOffset","countryCode","country","undefined","groupA","groupB","groupByOffset","DateEngine","dateEngine","groupDateRange","startDate","toISOString","listFormatter","ListFormat","style","type","offsetTimeZoneNameBlockList","forEach","indexOffsets","removedSoFar","tz","index","includes","labelTzIdx","groupRepTz","tzLabels","createTimeZoneOffsetLabel","format","getCity","getSelectedRegionTimeZoneLabel","city","template","timeZoneRegionLabel","key","split","pop","offsetLabel","groupLabel","timeZoneLabel","now","dateTimeFormat","getDateTimeFormat","parts","formatToParts","find","isGroup","item","flattenTimeZoneItems","timeZoneItems","flatMap","findTimeZoneItemByProp","prop","valueToMatch","inputTimeZoneCss","CalciteInputTimeZoneStyle0","InputTimeZone","this","setComboboxRef","el","comboboxEl","onComboboxBeforeClose","event","stopPropagation","overrideSelectedLabelForRegion","calciteInputTimeZoneBeforeClose","emit","onComboboxBeforeOpen","calciteInputTimeZoneBeforeOpen","onComboboxChange","combobox","target","selectedItem","selectedItems","selectedTimeZoneItem","calciteInputTimeZoneChange","selected","findTimeZoneItemByLabel","getAttribute","selectedValue","onComboboxClose","open","calciteInputTimeZoneClose","onComboboxOpen","calciteInputTimeZoneOpen","valid","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","onMessagesChange","handleTimeZoneItemPropsChange","updateTimeZoneItems","updateTimeZoneSelection","openChanged","handleValueChange","oldValue","normalizeValue","clearable","findTimeZoneItem","timeZoneItem","setFocus","componentFocusable","effectiveLocaleWatcher","updateMessages","onLabelClick","textLabel","fallbackValue","offsetStyle","connectedCallback","connectForm","connectLabel","connectLocalized","connectMessages","disconnectedCallback","disconnectForm","disconnectLabel","disconnectLocalized","disconnectMessages","normalizer","componentWillLoad","setUpLoadableComponent","setUpMessages","afterConnectDefaultValueSet","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","render","h","Host","InteractiveContainer","disabled","clearDisabled","chooseTimeZone","lang","maxItems","onCalciteComboboxBeforeClose","onCalciteComboboxBeforeOpen","onCalciteComboboxChange","onCalciteComboboxClose","onCalciteComboboxOpen","overlayPositioning","placeholder","namePlaceholder","offsetPlaceholder","regionPlaceholder","placeholderIcon","readOnly","ref","scale","selectionMode","status","validationIcon","validationMessage","renderItems","HiddenFormInputSlot","component","renderRegionItems","description","class","slot"],"sources":["src/components/input-time-zone/resources.ts","src/components/input-time-zone/utils.ts","src/components/input-time-zone/input-time-zone.scss?tag=calcite-input-time-zone&encapsulation=shadow","src/components/input-time-zone/input-time-zone.tsx"],"sourcesContent":["export const CSS = {\n  offset: \"offset\",\n};\n","import { getDateTimeFormat, SupportedLocale } from \"../../utils/locale\";\nimport { OffsetStyle, TimeZone, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\n\nconst hourToMinutes = 60;\n\nfunction timeZoneOffsetToDecimal(shortOffsetTimeZoneName: string): string {\n  const minusSign = \"−\";\n  const hyphen = \"-\";\n\n  return (\n    shortOffsetTimeZoneName\n      .replace(\":15\", \".25\")\n      .replace(\":30\", \".5\")\n      .replace(\":45\", \".75\")\n\n      // ensures decimal string representation is parseable\n      .replace(minusSign, hyphen)\n  );\n}\n\nfunction toOffsetValue(timeZoneName: TimeZone, referenceDateInMs: number): number {\n  // we use \"en-US\" to allow us to reliably remove the standard time token\n  const offset = getTimeZoneShortOffset(timeZoneName, \"en-US\", referenceDateInMs).replace(\"GMT\", \"\");\n\n  if (offset === \"\") {\n    return 0;\n  }\n\n  return Number(timeZoneOffsetToDecimal(offset)) * hourToMinutes;\n}\n\nexport function getUserTimeZoneOffset(): number {\n  const localDate = new Date();\n  return localDate.getTimezoneOffset() * -1;\n}\n\nexport function getUserTimeZoneName(): string {\n  const dateFormatter = new Intl.DateTimeFormat();\n  return dateFormatter.resolvedOptions().timeZone;\n}\n\nexport async function getNormalizer(mode: TimeZoneMode): Promise<(timeZone: TimeZone) => TimeZone> {\n  if (mode === \"offset\") {\n    return (timeZone: TimeZone) => timeZone;\n  }\n\n  const { normalize } = await import(\"timezone-groups/dist/utils/time-zones.mjs\");\n  return normalize;\n}\n\nexport async function createTimeZoneItems(\n  locale: SupportedLocale,\n  messages: InputTimeZoneMessages,\n  mode: TimeZoneMode,\n  referenceDate: Date,\n  standardTime: OffsetStyle,\n): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n  if (mode === \"name\") {\n    const { groupByName } = await import(\"timezone-groups/dist/groupByName/index.mjs\");\n    const groups = await groupByName();\n\n    return groups\n      .map<TimeZoneItem<string>>(({ label: timeZone }) => {\n        const label = toUserFriendlyName(timeZone);\n        const value = timeZone;\n\n        return {\n          label,\n          value,\n          metadata: {\n            filterValue: timeZone,\n          },\n        };\n      })\n      .filter((group) => !!group)\n      .sort();\n  }\n\n  const effectiveLocale =\n    standardTime === \"user\"\n      ? locale\n      : // we use locales that will always yield a short offset that matches `standardTime`\n        standardTime === \"utc\"\n        ? \"fr\"\n        : \"en-GB\";\n  const referenceDateInMs: number = referenceDate.getTime();\n\n  if (mode === \"region\") {\n    const [{ groupByRegion }, { getCountry, global: globalLabel }] = await Promise.all([\n      import(\"timezone-groups/dist/groupByRegion/index.mjs\"),\n      import(\"timezone-groups/dist/utils/region.mjs\"),\n    ]);\n    const groups = await groupByRegion();\n\n    return groups\n      .map<TimeZoneItemGroup>(({ label: region, tzs }) => {\n        tzs.sort((timeZoneA, timeZoneB) => {\n          const labeledTimeZoneA = getTimeZoneLabel(timeZoneA, messages);\n          const labeledTimeZoneB = getTimeZoneLabel(timeZoneB, messages);\n          const gmtTimeZoneString = \"Etc/GMT\";\n\n          if (timeZoneA.startsWith(gmtTimeZoneString) && timeZoneB.startsWith(gmtTimeZoneString)) {\n            // we use the IANA timezone for simpler and consistent sorting across locales\n            const offsetStringA = timeZoneA.substring(gmtTimeZoneString.length);\n            const offsetStringB = timeZoneB.substring(gmtTimeZoneString.length);\n\n            const offsetA = offsetStringA === \"\" ? 0 : parseInt(offsetStringA);\n            const offsetB = offsetStringB === \"\" ? 0 : parseInt(offsetStringB);\n\n            return offsetB - offsetA;\n          }\n\n          return labeledTimeZoneA.localeCompare(labeledTimeZoneB);\n        });\n\n        return {\n          label: getMessageOrKeyFallback(messages, region),\n          items: tzs.map((timeZone) => {\n            const decimalOffset = timeZoneOffsetToDecimal(\n              getTimeZoneShortOffset(timeZone, effectiveLocale, referenceDateInMs),\n            );\n            const label = getTimeZoneLabel(timeZone, messages);\n            const filterValue =\n              region === globalLabel\n                ? // we rely on the label for search since GMT items have their signs inverted (see https://en.wikipedia.org/wiki/Tz_database#Area)\n                  // in addition to the label we also add \"Global\" and \"Etc\" to allow searching for these items\n                  `${getTimeZoneLabel(globalLabel, messages)} Etc`\n                : toUserFriendlyName(timeZone);\n\n            const countryCode = getCountry(timeZone);\n            const country = getMessageOrKeyFallback(messages, countryCode);\n\n            return {\n              label,\n              value: timeZone,\n              metadata: {\n                country: country === label ? undefined : country,\n                filterValue,\n                offset: decimalOffset,\n              },\n            };\n          }),\n        };\n      })\n      .sort((groupA, groupB) =>\n        groupA.label === globalLabel ? -1 : groupB.label === globalLabel ? 1 : groupA.label.localeCompare(groupB.label),\n      );\n  }\n\n  const [{ groupByOffset }, { DateEngine }] = await Promise.all([\n    import(\"timezone-groups/dist/groupByOffset/index.mjs\"),\n    import(\"timezone-groups/dist/groupByOffset/strategy/native/index.mjs\"),\n  ]);\n\n  const groups = await groupByOffset({\n    dateEngine: new DateEngine(),\n    groupDateRange: 1,\n    startDate: new Date(referenceDateInMs).toISOString(),\n  });\n\n  const listFormatter = new Intl.ListFormat(locale, { style: \"long\", type: \"conjunction\" });\n  const offsetTimeZoneNameBlockList = [\"Factory\", \"Etc/UTC\"];\n\n  // we remove blocked entries from tzs and adjust label indices accordingly\n  groups.forEach((group) => {\n    const indexOffsets: number[] = [];\n    let removedSoFar = 0;\n\n    group.tzs.forEach((tz, index) => {\n      if (offsetTimeZoneNameBlockList.includes(tz)) {\n        removedSoFar++;\n      }\n      indexOffsets[index] = removedSoFar;\n    });\n\n    group.tzs = group.tzs.filter((tz) => !offsetTimeZoneNameBlockList.includes(tz));\n\n    group.labelTzIdx = group.labelTzIdx\n      .map((index) => index - indexOffsets[index])\n      .filter((index) => index >= 0 && index < group.tzs.length);\n  });\n\n  return groups\n    .map<TimeZoneItem<number>>(({ labelTzIdx, tzs }) => {\n      const groupRepTz = tzs[0];\n      const decimalOffset = timeZoneOffsetToDecimal(\n        getTimeZoneShortOffset(groupRepTz, effectiveLocale, referenceDateInMs),\n      );\n      const value = toOffsetValue(groupRepTz, referenceDateInMs);\n      const tzLabels = labelTzIdx.map((index: number) => getTimeZoneLabel(tzs[index], messages));\n      const label = createTimeZoneOffsetLabel(messages, decimalOffset, listFormatter.format(tzLabels));\n\n      return {\n        label,\n        value,\n        metadata: {\n          filterValue: tzs.map((tz) => toUserFriendlyName(tz)),\n        },\n      };\n    })\n    .filter((group) => !!group)\n    .sort((groupA, groupB) => groupA.value - groupB.value);\n}\n\nfunction getTimeZoneLabel(timeZone: string, messages: InputTimeZoneMessages): string {\n  return messages[timeZone] || getCity(timeZone);\n}\n\nexport function getSelectedRegionTimeZoneLabel(city: string, country: string, messages: InputTimeZoneMessages): string {\n  const template = messages.timeZoneRegionLabel;\n  return template.replace(\"{city}\", city).replace(\"{country}\", getMessageOrKeyFallback(messages, country));\n}\n\nexport function getMessageOrKeyFallback(messages: InputTimeZoneMessages, key: string): string {\n  return messages[key] || key;\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function getCity(timeZone: string): string {\n  return timeZone.split(\"/\").pop();\n}\n\n/**\n * Exported for testing purposes only\n *\n * @internal\n */\nexport function toUserFriendlyName(timeZoneName: string): string {\n  return timeZoneName.replace(/_/g, \" \");\n}\n\nfunction createTimeZoneOffsetLabel(messages: InputTimeZoneMessages, offsetLabel: string, groupLabel: string): string {\n  return messages.timeZoneLabel.replace(\"{offset}\", offsetLabel).replace(\"{cities}\", groupLabel);\n}\n\nfunction getTimeZoneShortOffset(\n  timeZone: TimeZone,\n  locale: SupportedLocale,\n  referenceDateInMs: number = Date.now(),\n): string {\n  const dateTimeFormat = getDateTimeFormat(locale, { timeZone, timeZoneName: \"shortOffset\" });\n  const parts = dateTimeFormat.formatToParts(referenceDateInMs);\n  return parts.find(({ type }) => type === \"timeZoneName\").value;\n}\n\nfunction isGroup(item: TimeZoneItem | TimeZoneItemGroup): item is TimeZoneItemGroup {\n  return (item as TimeZoneItemGroup).items !== undefined;\n}\n\nfunction flattenTimeZoneItems(timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[]): TimeZoneItem[] {\n  return isGroup(timeZoneItems[0]) ? timeZoneItems.flatMap((item) => item.items) : timeZoneItems;\n}\n\nexport function findTimeZoneItemByProp(\n  timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[],\n  prop: string,\n  valueToMatch: string | number | null,\n): TimeZoneItem | null {\n  return valueToMatch == null\n    ? null\n    : flattenTimeZoneItems(timeZoneItems).find(\n        (item) =>\n          // intentional == to match string to number\n          item[prop] == valueToMatch,\n      );\n}\n",":host {\n  display: block;\n}\n\n.offset {\n  white-space: nowrap;\n}\n\n@include base-component();\n@include disabled();\n@include hidden-form-input();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { connectLabel, disconnectLabel, LabelableComponent } from \"../../utils/label\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  connectLocalized,\n  disconnectLocalized,\n  LocalizedComponent,\n  SupportedLocale,\n} from \"../../utils/locale\";\nimport { Scale, Status } from \"../interfaces\";\nimport {\n  connectMessages,\n  disconnectMessages,\n  setUpMessages,\n  T9nComponent,\n  updateMessages,\n} from \"../../utils/t9n\";\nimport { OverlayPositioning } from \"../../utils/floating-ui\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport {\n  afterConnectDefaultValueSet,\n  connectForm,\n  disconnectForm,\n  FormComponent,\n  HiddenFormInputSlot,\n  MutableValidityState,\n} from \"../../utils/form\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { CSS } from \"./resources\";\nimport {\n  createTimeZoneItems,\n  findTimeZoneItemByProp,\n  getNormalizer,\n  getSelectedRegionTimeZoneLabel,\n  getUserTimeZoneName,\n  getUserTimeZoneOffset,\n} from \"./utils\";\nimport { InputTimeZoneMessages } from \"./assets/input-time-zone/t9n\";\nimport { OffsetStyle, TimeZone, TimeZoneItem, TimeZoneItemGroup, TimeZoneMode } from \"./interfaces\";\n\n@Component({\n  tag: \"calcite-input-time-zone\",\n  styleUrl: \"input-time-zone.scss\",\n  assetsDirs: [\"assets\"],\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class InputTimeZone\n  implements\n    FormComponent,\n    InteractiveComponent,\n    LabelableComponent,\n    LoadableComponent,\n    LocalizedComponent,\n    T9nComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * When `true`, an empty value (`null`) will be allowed as a `value`.\n   *\n   * When `false`, an offset or name value is enforced, and clearing the input or blurring will restore the last valid `value`.\n   */\n  @Prop({ reflect: true }) clearable = false;\n\n  /**\n   * When `true`, interaction is prevented and the component is displayed with lower opacity.\n   */\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 }) form: string;\n\n  /** Specifies the component's maximum number of options to display before displaying a scrollbar. */\n  @Prop({ reflect: true }) maxItems = 0;\n\n  /**\n   * Made into a prop for testing purposes only\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messages: InputTimeZoneMessages;\n\n  /**\n   * Use this property to override individual strings used by the component.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by t9n module\n  @Prop({ mutable: true }) messageOverrides: Partial<InputTimeZoneMessages>;\n\n  @Watch(\"messageOverrides\")\n  onMessagesChange(): void {\n    /* wired up by t9n util */\n  }\n\n  /**\n   * This specifies the type of `value` and the associated options presented to the user:\n   *\n   * Using `\"offset\"` will provide options that show timezone offsets.\n   *\n   * Using `\"name\"` will provide options that show the IANA time zone names.\n   *\n   * @default \"offset\"\n   */\n  @Prop({ reflect: true }) mode: TimeZoneMode = \"offset\";\n\n  @Watch(\"messages\")\n  @Watch(\"mode\")\n  @Watch(\"referenceDate\")\n  handleTimeZoneItemPropsChange(): void {\n    if (!this.timeZoneItems) {\n      return;\n    }\n\n    this.updateTimeZoneItems();\n    this.updateTimeZoneSelection();\n  }\n\n  /**\n   * Specifies how the offset will be displayed, where\n   *\n   * `\"user\"` uses `UTC` or `GMT` depending on the user's locale,\n   * `\"gmt\"` always uses `GMT`, and\n   * `\"utc\"` always uses `UTC`.\n   *\n   * This only applies to the `offset` mode.\n   *\n   * @default \"user\"\n   */\n  @Prop({ reflect: true }) offsetStyle: OffsetStyle = \"user\";\n\n  /** Specifies the validation message to display under the component. */\n  @Prop() validationMessage: string;\n\n  /** Specifies the validation icon to display under the component. */\n  @Prop({ reflect: true }) validationIcon: IconNameOrString | boolean;\n\n  /**\n   * The current validation state of the component.\n   *\n   * @readonly\n   * @mdn [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated in form util when syncing hidden input\n  @Prop({ mutable: true }) validity: MutableValidityState = {\n    valid: false,\n    badInput: false,\n    customError: false,\n    patternMismatch: false,\n    rangeOverflow: false,\n    rangeUnderflow: false,\n    stepMismatch: false,\n    tooLong: false,\n    tooShort: false,\n    typeMismatch: false,\n    valueMissing: false,\n  };\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  /** When `true`, displays and positions the component. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch(\"open\")\n  openChanged(): void {\n    // we set the property instead of the attribute to ensure open/close events are emitted properly\n    this.comboboxEl.open = this.open;\n  }\n\n  /**\n   * Determines the type of positioning to use for the overlaid content.\n   *\n   * Using `\"absolute\"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.\n   *\n   * `\"fixed\"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.\n   *\n   */\n  @Prop({ reflect: true }) overlayPositioning: OverlayPositioning = \"absolute\";\n\n  /**\n   * This `date` will be used as a reference to Daylight Savings Time when creating time zone item groups.\n   *\n   * It can be either a Date instance or a string in ISO format (`\"YYYY-MM-DD\"`, `\"YYYY-MM-DDTHH:MM:SS.SSSZ\"`).\n   *\n   * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)\n   */\n  @Prop() referenceDate: Date | string;\n\n  /**\n   * When `true`, the component must have a value in order for the form to submit.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** Specifies the status of the input field, which determines message and icons. */\n  @Prop({ reflect: true }) status: Status = \"idle\";\n\n  /**\n   * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.\n   *\n   * If no value is provided, the user's time zone offset will be selected by default.\n   *\n   * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.\n   */\n  @Prop({ mutable: true }) value: string;\n\n  @Watch(\"value\")\n  handleValueChange(value: string, oldValue: string): void {\n    value = this.normalizeValue(value);\n\n    if (!value) {\n      if (this.clearable) {\n        this.value = value;\n        this.selectedTimeZoneItem = null;\n        return;\n      }\n\n      this.value = oldValue;\n      this.selectedTimeZoneItem = this.findTimeZoneItem(oldValue);\n      return;\n    }\n\n    const timeZoneItem = this.findTimeZoneItem(value);\n\n    if (!timeZoneItem) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.selectedTimeZoneItem = timeZoneItem;\n  }\n\n  /**\n   * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.\n   */\n  @Prop({ reflect: true }) readOnly = false;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n    await this.comboboxEl.setFocus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the component is requested to be closed and before the closing transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeClose: EventEmitter<void>;\n\n  /**\n   * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneBeforeOpen: EventEmitter<void>;\n\n  /**\n   * Fires when the component's `value` changes.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneChange: EventEmitter<void>;\n\n  /**\n   * Fires after the component is closed and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneClose: EventEmitter<void>;\n\n  /**\n   * Fires after the component is opened and animation is complete.\n   */\n  @Event({ cancelable: false }) calciteInputTimeZoneOpen: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteInputTimeZoneElement;\n\n  private comboboxEl: HTMLCalciteComboboxElement;\n\n  @State() defaultMessages: InputTimeZoneMessages;\n\n  defaultValue: InputTimeZone[\"value\"];\n\n  @State() effectiveLocale: SupportedLocale = \"\";\n\n  @Watch(\"effectiveLocale\")\n  effectiveLocaleWatcher(): void {\n    updateMessages(this, this.effectiveLocale);\n  }\n\n  formEl: HTMLFormElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  private selectedTimeZoneItem: TimeZoneItem;\n\n  private timeZoneItems: TimeZoneItem[] | TimeZoneItemGroup[];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  onLabelClick(): void {\n    this.setFocus();\n  }\n\n  private setComboboxRef = (el: HTMLCalciteComboboxElement): void => {\n    this.comboboxEl = el;\n  };\n\n  /**\n   * Helps override the selected item's label for region mode outside of item rendering logic to avoid flickering text change\n   *\n   * @param open\n   * @private\n   */\n  private overrideSelectedLabelForRegion(open: boolean): void {\n    if (this.mode !== \"region\" || !this.selectedTimeZoneItem) {\n      return;\n    }\n\n    const { label, metadata } = this.selectedTimeZoneItem;\n\n    this.comboboxEl.selectedItems[0].textLabel =\n      !metadata.country || open\n        ? label\n        : getSelectedRegionTimeZoneLabel(label, metadata.country, this.messages);\n  }\n\n  private onComboboxBeforeClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.overrideSelectedLabelForRegion(false);\n    this.calciteInputTimeZoneBeforeClose.emit();\n  };\n\n  private onComboboxBeforeOpen = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.overrideSelectedLabelForRegion(true);\n    this.calciteInputTimeZoneBeforeOpen.emit();\n  };\n\n  private onComboboxChange = (event: CustomEvent): void => {\n    event.stopPropagation();\n    const combobox = event.target as HTMLCalciteComboboxElement;\n    const selectedItem = combobox.selectedItems[0];\n\n    if (!selectedItem) {\n      this.value = null;\n      this.selectedTimeZoneItem = null;\n      this.calciteInputTimeZoneChange.emit();\n      return;\n    }\n\n    const selected = this.findTimeZoneItemByLabel(selectedItem.getAttribute(\"data-label\"));\n    const selectedValue = `${selected.value}`;\n\n    if (this.value === selectedValue && selected.label === this.selectedTimeZoneItem.label) {\n      return;\n    }\n\n    this.value = selectedValue;\n    this.selectedTimeZoneItem = selected;\n    this.calciteInputTimeZoneChange.emit();\n  };\n\n  private onComboboxClose = (event: CustomEvent): void => {\n    event.stopPropagation();\n    this.open = false;\n    this.calciteInputTimeZoneClose.emit();\n  };\n\n  private onComboboxOpen = (event: CustomEvent): void => {\n    this.open = true;\n    event.stopPropagation();\n    this.calciteInputTimeZoneOpen.emit();\n  };\n\n  private findTimeZoneItem(value: number | string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"value\", value);\n  }\n\n  private findTimeZoneItemByLabel(label: string | null): TimeZoneItem | null {\n    return findTimeZoneItemByProp(this.timeZoneItems, \"label\", label);\n  }\n\n  private async updateTimeZoneItems(): Promise<void> {\n    this.timeZoneItems = await this.createTimeZoneItems();\n  }\n\n  private async updateTimeZoneSelection(): Promise<void> {\n    if (this.value === \"\" && this.clearable) {\n      this.selectedTimeZoneItem = null;\n      return;\n    }\n\n    const fallbackValue = this.mode === \"offset\" ? getUserTimeZoneOffset() : getUserTimeZoneName();\n    const valueToMatch = this.value ?? fallbackValue;\n\n    this.selectedTimeZoneItem =\n      this.findTimeZoneItem(valueToMatch) || this.findTimeZoneItem(fallbackValue);\n  }\n\n  private async createTimeZoneItems(): Promise<TimeZoneItem[] | TimeZoneItemGroup[]> {\n    if (!this.effectiveLocale || !this.messages) {\n      return [];\n    }\n\n    return createTimeZoneItems(\n      this.effectiveLocale,\n      this.messages,\n      this.mode,\n      this.referenceDate instanceof Date\n        ? this.referenceDate\n        : new Date(this.referenceDate ?? Date.now()),\n      this.offsetStyle,\n    );\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectForm(this);\n    connectLabel(this);\n    connectLocalized(this);\n    connectMessages(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectForm(this);\n    disconnectLabel(this);\n    disconnectLocalized(this);\n    disconnectMessages(this);\n  }\n\n  private normalizeValue(value: string | null): string {\n    value = value === null ? \"\" : value;\n\n    return value ? this.normalizer(value) : value;\n  }\n\n  private normalizer: (timeZone: TimeZone) => TimeZone;\n\n  async componentWillLoad(): Promise<void> {\n    setUpLoadableComponent(this);\n    const [, normalizer] = await Promise.all([setUpMessages(this), getNormalizer(this.mode)]);\n\n    this.normalizer = normalizer;\n    await this.updateTimeZoneItems();\n    this.value = this.normalizeValue(this.value);\n\n    await this.updateTimeZoneSelection();\n\n    const selectedValue = this.selectedTimeZoneItem ? `${this.selectedTimeZoneItem.value}` : null;\n    afterConnectDefaultValueSet(this, selectedValue);\n    this.value = selectedValue;\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n    this.openChanged();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n    this.overrideSelectedLabelForRegion(this.open);\n  }\n\n  render(): VNode {\n    return (\n      <Host>\n        <InteractiveContainer disabled={this.disabled}>\n          <calcite-combobox\n            clearDisabled={!this.clearable}\n            disabled={this.disabled}\n            label={this.messages.chooseTimeZone}\n            lang={this.effectiveLocale}\n            maxItems={this.maxItems}\n            onCalciteComboboxBeforeClose={this.onComboboxBeforeClose}\n            onCalciteComboboxBeforeOpen={this.onComboboxBeforeOpen}\n            onCalciteComboboxChange={this.onComboboxChange}\n            onCalciteComboboxClose={this.onComboboxClose}\n            onCalciteComboboxOpen={this.onComboboxOpen}\n            overlayPositioning={this.overlayPositioning}\n            placeholder={\n              this.mode === \"name\"\n                ? this.messages.namePlaceholder\n                : this.mode === \"offset\"\n                  ? this.messages.offsetPlaceholder\n                  : this.messages.regionPlaceholder\n            }\n            placeholderIcon=\"search\"\n            readOnly={this.readOnly}\n            ref={this.setComboboxRef}\n            scale={this.scale}\n            selectionMode={this.clearable ? \"single\" : \"single-persist\"}\n            status={this.status}\n            validation-icon={this.validationIcon}\n            validation-message={this.validationMessage}\n          >\n            {this.renderItems()}\n          </calcite-combobox>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  private renderItems(): VNode[] {\n    if (this.mode === \"region\") {\n      return this.renderRegionItems();\n    }\n\n    return this.timeZoneItems.map((group) => {\n      const selected = this.selectedTimeZoneItem === group;\n      const { label, metadata, value } = group;\n\n      return (\n        <calcite-combobox-item\n          data-label={label}\n          key={label}\n          metadata={metadata}\n          selected={selected}\n          textLabel={label}\n          value={value}\n        />\n      );\n    });\n  }\n\n  private renderRegionItems(): VNode[] {\n    return (this.timeZoneItems as TimeZoneItemGroup[]).flatMap(({ label, items }) => (\n      <calcite-combobox-item-group key={label} label={label}>\n        {items.map((item) => {\n          const selected = this.selectedTimeZoneItem === item;\n          const { label, metadata, value } = item;\n\n          return (\n            <calcite-combobox-item\n              data-label={label}\n              description={metadata.country}\n              key={label}\n              metadata={metadata}\n              selected={selected}\n              textLabel={label}\n              value={value}\n            >\n              <span class={CSS.offset} slot=\"content-end\">\n                {metadata.offset}\n              </span>\n            </calcite-combobox-item>\n          );\n        })}\n      </calcite-combobox-item-group>\n    ));\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/calcite/p-e0df7148.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{g as e,a as r}from"./p-953343b1.js";const o={CET:"Europe/Brussels",CST6CDT:"America/Chicago",EET:"Europe/Athens",EST:"America/Panama",EST5EDT:"America/New_York",HST:"Pacific/Honolulu",MET:"Europe/Brussels",MST:"America/Phoenix",MST7MDT:"America/Denver",PST8PDT:"America/Los_Angeles",WET:"Europe/Lisbon"};const s=(()=>{const r=Object.keys(o);return Object.keys(e()).filter((e=>!r.includes(e)))})();function c(e){const s=o[e];if(s){return s}const c=r(e);return c?.aliasOf??e}export{c as normalize,s as timeZones};
-//# sourceMappingURL=p-e0df7148.js.map

package/dist/calcite/p-e113fc3f.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as r}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var e={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function r(e){var a=["th","st","nd","rd"];var t=e%100;return"["+e+(a[(t-20)%10]||a[t]||a[0])+"]"}};r.locale(e,null,true);export{e as default};
-//# sourceMappingURL=p-e113fc3f.js.map

package/dist/calcite/p-e2152231.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-function n(n,r){return(n+r)%r}export{n as g};
-//# sourceMappingURL=p-e2152231.js.map

package/dist/calcite/p-e21e45c7.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{d as t}from"./p-5e711787.js";import"./p-0a2f91d4.js";import"./p-39204c81.js";import"./p-806dc8f8.js";import"./p-39b20f1d.js";import"./p-cedaddf4.js";import"./p-a805c9c4.js";import"./p-103c1961.js";import"./p-7f9ce223.js";import"./p-fe34acf8.js";import"./p-65e04a6e.js";import"./p-df6c8bd7.js";import"./p-2abe8907.js";import"./p-966e4808.js";import"./p-b5c9b47d.js";import"./p-3d516d20.js";import"./p-9e9191b2.js";import"./p-f0661425.js";import"./p-130617eb.js";import"./p-6add61e9.js";var m={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function t(m){return m},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};t.locale(m,null,true);export{m as default};
-//# sourceMappingURL=p-e21e45c7.js.map

package/dist/calcite/p-e22f28c2.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/dev/LICENSE.md for details.
- * v2.13.0
- */
-import{r as t,f as e,h as i,g as s,c as a,H as n}from"./p-0a2f91d4.js";import{g as l}from"./p-39b20f1d.js";import{c as h}from"./p-966e4808.js";import{u as r,v as o}from"./p-806dc8f8.js";import{c,d,a as u,H as m}from"./p-39204c81.js";import{u as b,I as f}from"./p-a805c9c4.js";import{i as p}from"./p-103c1961.js";import{c as g,d as v,g as x}from"./p-7f9ce223.js";import{s as k,a as $,c as _}from"./p-65e04a6e.js";import{n as y,c as w,d as M,B as z}from"./p-2abe8907.js";import{d as V,c as L}from"./p-9e9191b2.js";import"./p-df6c8bd7.js";import"./p-cedaddf4.js";import"./p-fe34acf8.js";function H(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const 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 j(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,r]=e;const o=(h-n)/3;const c=a([n+o,l+o*i]).join(",");const d=a([h-o,r-o*s]).join(",");const u=a([h,r]).join(",");return`C ${c} ${d} ${u}`}function X({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function C(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function D({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[r]=s(i);let o;let c;let d;const u=t.reduce(((e,i,a)=>{c=t[a-2];d=t[a-1];if(a>1){const t=H(c,d,i);const a=o===undefined?j(c,d,t):o;const n=T(c,d,a,t,s);o=t;return`${e} ${n}`}return e}),`M ${l},${h} L ${l},${n} L ${a},${n}`);const m=t[t.length-1];const b=T(d,m,o,j(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const A=":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 S=A;const I=class{constructor(i){t(this,i);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>e(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:e,el:s,highlightMax:a,highlightMin:n,min:l,max:h}=this;const 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}=C(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=X({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=D({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 ${g-1},0\n            L ${g-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 ${g+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${g+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),i("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),i("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:i("path",{class:"graph-path",d:v,fill:x}))}get el(){return s(this)}};I.style=S;const R={container:"container",containerRange:"container--range",graph:"graph",handle:"handle",handleExtension:"handle-extension",handleLabel:"handle__label",handleLabelMinValue:"handle__label--minValue",handleLabelValue:"handle__label--value",hyphen:"hyphen",hyphenWrap:"hyphen--wrap",static:"static",thumb:"thumb",thumbActive:"thumb--active",thumbContainer:"thumb-container",thumbMinValue:"thumb--minValue",thumbPrecise:"thumb--precise",thumbValue:"thumb--value",tick:"tick",tickActive:"tick--active",tickLabel:"tick__label",tickMax:"tick__label--max",tickMin:"tick__label--min",ticks:"ticks",track:"track",trackRange:"track__range",transformed:"transformed"};const F=250;const P='@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;-webkit-user-select:none;user-select:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise::after,.thumb:focus.thumb--precise::after,.thumb--active.thumb--precise::after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range::after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';const O=P;function W(t){return Array.isArray(t)}const N=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.handleKeyDown=t=>{const e=this.shouldMirror();const{activeProp:i,max:s,min:a,pageStep:n,step:l}=this;const h=this[i];const{key:r}=t;if(p(r)){t.preventDefault();return}let o;if(r==="ArrowUp"||r==="ArrowRight"){const t=e&&r==="ArrowRight"?-1:1;o=h+l*t}else if(r==="ArrowDown"||r==="ArrowLeft"){const t=e&&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(V(l)));this.setValue({[i]:this.clamp(c,i)})};this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.mapToRange(t.clientX||t.pageX);if(W(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!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.storeThumbRef=t=>{if(!t){return}const e=t.getAttribute("data-value-prop");e==="minValue"?this.minHandle=t:this.maxHandle=t};this.formatValue=t=>{y.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return y.localize(t.toString())};this.disabled=false;this.fillPlacement="start";this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelFormatter=undefined;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(){w(this);this.setMinMaxFromValue();this.setValueFromMinMax();g(this);c(this)}disconnectedCallback(){v(this);d(this);M(this);this.removeDragListeners()}componentWillLoad(){k(this);if(!W(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(W(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();b(this)}render(){const t=this.el.id||this.guid;const e=W(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(e)*100;const r=this.shouldMirror();const o=W(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const u=this.buildThumbType("min");const b=o&&this.renderThumb({type:u,thumbPlacement:u.includes("histogram")||u.includes("precise")?"below":"above",maxInterval:h,minInterval:l,mirror:r});const p=o?"start":this.fillPlacement;const g=p==="none"?{left:`unset`,right:`unset`}:p==="end"?{left:`${r?l:h}%`,right:`${r?h:l}%`}:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`};return i(n,{key:"dee9376120224b51dfa12f3e87fbdce4a481a1ed",id:t,onKeyDown:this.handleKeyDown,onTouchStart:this.handleTouchStart},i(f,{key:"65bca4d477d57ced846ef97b466917b6d7fc2f21",disabled:this.disabled},i("div",{key:"99dd57b50ded2302ca1d255708d9e4bd90de3ecb","aria-label":x(this),class:{[R.container]:true,[R.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),i("div",{key:"47647c0d347232a0ddb384333b15860a0264aefa",class:R.track,ref:this.storeTrackRef},i("div",{key:"3dc176871f6245f2dde77a016ddc747ad9571d3d",class:R.trackRange,onPointerDown:this.onTrackPointerDown,style:g}),i("div",{key:"0c08b977678d6ac7e8b9944157e51948969a5dc5",class:R.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=false;if(p==="start"||p==="end"){if(a){l=t>=this.minValue&&t<=this.maxValue}else{const i=p==="start"?s:e;const a=p==="start"?e:this.max;l=t>=i&&t<=a}}return i("span",{class:{[R.tick]:true,[R.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),i("div",{key:"51996cb05142dbeec20093ca12b017adee23f293",class:R.thumbContainer},b,d,i(m,{key:"6fd5c00374205d47e226a417674264417323a5c3",component:this})))))}renderThumb({type:t,mirror:e,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=W(this.value);const c=r?this.minValue:o?this.maxValue:this.value;const d=r?"minValue":o?"maxValue":"value";const u=r?this.minLabel:o?this.maxLabel:this.minLabel;const m=r?this.minValue:c;const b=d==="minValue"?this.internalLabelFormatter(this.minValue,"min"):d==="maxValue"?this.internalLabelFormatter(this.maxValue,"max"):this.internalLabelFormatter(c,"value");const f=r?{left:`${e?100-a:a}%`}:{right:`${e?n:100-n}%`};const p=`${R.handleLabel} ${r?R.handleLabelMinValue:R.handleLabelValue}`;const g=l?[i("span",{"aria-hidden":"true",class:p},b),i("span",{"aria-hidden":"true",class:`${p} ${R.static}`},b),i("span",{"aria-hidden":"true",class:`${p} ${R.transformed}`},b)]:[];const v=[...g,i("div",{class:R.handle}),h&&i("div",{class:R.handleExtension})];if(s==="below"){v.reverse()}return i("div",{"aria-label":u,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":m,class:{[R.thumb]:true,[R.thumbValue]:!r,[R.thumbActive]:this.lastDragProp!=="minMaxValue"&&this.dragProp===d,[R.thumbPrecise]:h,[R.thumbMinValue]:r},"data-value-prop":d,key:t,onBlur:this.onThumbBlur,onFocus:this.onThumbFocus,onPointerDown:this.onThumbPointerDown,ref:this.storeThumbRef,role:"slider",style:f,tabIndex:0},v)}renderGraph(){return this.histogram?i("calcite-graph",{class:R.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:W(this.value)?this.maxValue:this.value,highlightMin:W(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:e,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=W(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!e&&(u||!h||!o)||e&&(u||!h&&!s));return m?i("span",{class:{[R.tickLabel]:true,[R.tickMin]:c,[R.tickMax]:d}},this.internalLabelFormatter(t,"tick")):null}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.mapToRange(e);let s="value";if(W(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>=this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${R.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await _(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(W(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!W(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/F;return t<1?1:t}generateTickValues(){const t=this.ticks??0;if(t<=0){return[]}const e=[this.min];const i=this.getTickDensity();const s=t*i;let a=this.min;while(a<this.max){a+=s;e.push(Math.min(a,this.max))}if(!e.includes(this.max)){e.push(this.max)}return e}pointerDownDragStart(t,e){if(!r(t)){return}this.dragStart(e)}dragStart(t){this.dragProp=t;this.lastDragProp=this.dragProp;this.activeProp=t;window.addEventListener("pointermove",this.dragUpdate);window.addEventListener("pointerup",this.pointerUpDragEnd);window.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){if(this.dragProp==="minValue"){this.minHandle.focus()}else if(this.dragProp==="maxValue"||this.dragProp==="value"){this.maxHandle.focus()}else if(this.dragProp==="minMaxValue"){this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=L(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}mapToRange(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));const h=Number(l.toFixed(V(this.step)));return!(this.snap&&this.step)?h:this.getClosestStep(h)}getClosestStep(t){const{max:e,min:i,step:s}=this;const a=new z(`${Math.floor((t-i)/s)}`).multiply(`${s}`).add(`${i}`).toString();let n=this.clamp(Number(a));if(n>e){n-=s}return n}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,e){return Math.abs(t.getBoundingClientRect().left-e)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const e=this.max-this.min;return(t-this.min)/e}adjustHostObscuredHandleLabel(t){const e=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const a=i.getBoundingClientRect();const n=this.getHostOffset(a.left,a.right);e.style.transform=`translateX(${n}px)`;s.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const e=this.shouldMirror();const i=e?"value":"minValue";const s=e?"minValue":"value";const a=t.querySelector(`.handle__label--${i}`);const n=t.querySelector(`.handle__label--${i}.static`);const l=t.querySelector(`.handle__label--${i}.transformed`);const h=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const 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(R.hyphen,R.hyphenWrap);if(d===0&&h===0){let t=m/2-f;t=Math.sign(t)===-1?Math.abs(t):-t;const e=this.getHostOffset(l.getBoundingClientRect().left+t-f,l.getBoundingClientRect().right+t-f);let i=m/2;const s=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);if(e!==0){t+=e;i+=e}if(s!==0){t+=s;i+=s}a.style.transform=`translateX(${t}px)`;l.style.transform=`translateX(${t-f}px)`;r.style.transform=`translateX(${i}px)`;c.style.transform=`translateX(${i}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(R.hyphen,R.hyphenWrap);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=W(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${R.thumbMinValue}`);const i=this.el.shadowRoot.querySelector(`.${R.thumbValue}`);const s=this.el.shadowRoot.querySelector(`.${R.tickMin}`);const a=this.el.shadowRoot.querySelector(`.${R.tickMax}`);if(!e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(e&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,e)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,e)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,e){const i=this.el.getBoundingClientRect();const s=7;if(t+s<i.left){return i.left-t-s}if(e-s>i.right){return-(e-i.right)+s}return 0}getRangeLabelOverlap(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();const a=this.getFontSizeForElement(t);const n=i.right+a-s.left;return Math.max(n,0)}isMinTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}isMaxTickLabelObscured(t,e){const i=t.getBoundingClientRect();const s=e.getBoundingClientRect();return o(i,s)}internalLabelFormatter(t,e){const i=this.labelFormatter;if(!i){return this.formatValue(t)}const s=i(t,e,this.formatValue);if(s==null){return this.formatValue(t)}return s}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};N.style=O;export{I as calcite_graph,N as calcite_slider};
-//# sourceMappingURL=p-e22f28c2.entry.js.map

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

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