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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "2.4.1-next.0",
+  "version": "2.4.1-next.1",
   "homepage": "https://developers.arcgis.com/calcite-design-system/",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
@@ -88,5 +88,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "4a6dd342aca63fe0693c7ecd6986a45e91144523"
+  "gitHead": "71daf0f0191c314336b8d37ae3903360d5c57c9d"
 }

package/dist/calcite/p-00b33d27.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as _}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var r="января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря".split("_");var t="январь_февраль_март_апрель_май_июнь_июль_август_сентябрь_октябрь_ноябрь_декабрь".split("_");var e="янв._февр._мар._апр._мая_июня_июля_авг._сент._окт._нояб._дек.".split("_");var m="янв._февр._март_апр._май_июнь_июль_авг._сент._окт._нояб._дек.".split("_");var p=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function i(_,r){var t=_.split("_");return r%10===1&&r%100!==11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2]}function a(_,r,t){var e={mm:r?"минута_минуты_минут":"минуту_минуты_минут",hh:"час_часа_часов",dd:"день_дня_дней",MM:"месяц_месяца_месяцев",yy:"год_года_лет"};if(t==="m"){return r?"минута":"минуту"}return _+" "+i(e[t],+_)}var s=function _(e,m){if(p.test(m)){return r[e.month()]}return t[e.month()]};s.s=t;s.f=r;var o=function _(r,t){if(p.test(t)){return e[r.month()]}return m[r.month()]};o.s=m;o.f=e;var n={name:"ru",weekdays:"воскресенье_понедельник_вторник_среда_четверг_пятница_суббота".split("_"),weekdaysShort:"вск_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"вс_пн_вт_ср_чт_пт_сб".split("_"),months:s,monthsShort:o,weekStart:1,yearStart:4,formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY г.",LLL:"D MMMM YYYY г., H:mm",LLLL:"dddd, D MMMM YYYY г., H:mm"},relativeTime:{future:"через %s",past:"%s назад",s:"несколько секунд",m:a,mm:a,h:"час",hh:a,d:"день",dd:a,M:"месяц",MM:a,y:"год",yy:a},ordinal:function _(r){return r},meridiem:function _(r){if(r<4){return"ночи"}else if(r<12){return"утра"}else if(r<17){return"дня"}return"вечера"}};_.locale(n,null,true);export default n;
-//# sourceMappingURL=p-00b33d27.js.map

package/dist/calcite/p-01223da5.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,h as i,H as n,g as e}from"./p-cf6c103a.js";import{g as s,d as o}from"./p-d6e4ab3a.js";import{c as a,u as l,d as c,I as r}from"./p-0d04e387.js";import{s as d,a as h,c as p}from"./p-39613b4f.js";import{C as u}from"./p-10acb648.js";import"./p-aff88591.js";import"./p-c233af9a.js";const f=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const m=class{constructor(i){t(this,i);this.childElClickHandler=t=>{if(!t.isTrusted){t.stopPropagation()}};this.storeTagRef=t=>{this.childEl=t};this.disabled=false;this.download=false;this.href=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconStart=undefined;this.rel=undefined;this.target=undefined}connectedCallback(){a(this)}componentWillLoad(){d(this)}componentDidLoad(){h(this)}componentDidRender(){l(this)}disconnectedCallback(){c(this)}render(){const{download:t,el:e}=this;const o=s(e);const a=this.href?"a":"span";const l=i("calcite-icon",{class:"calcite-link--icon icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});const c=i("calcite-icon",{class:"calcite-link--icon icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});const d=a;const h=a==="span"?"link":null;const p=a==="span"?0:null;return i(n,{role:"presentation"},i(r,{disabled:this.disabled},i(d,{class:{[u.rtl]:o==="rtl"},download:d==="a"&&(t===""||t)?t:null,href:d==="a"&&this.href,onClick:this.childElClickHandler,rel:d==="a"&&this.rel,role:h,tabIndex:p,target:d==="a"&&this.target,ref:this.storeTagRef},this.iconStart?l:null,i("slot",null),this.iconEnd?c:null)))}clickHandler(t){if(this.disabled){return}if(!t.isTrusted){this.childEl.click()}}async setFocus(){await p(this);o(this.childEl)}get el(){return e(this)}};m.style=f;export{m as calcite_link};
-//# sourceMappingURL=p-01223da5.entry.js.map

package/dist/calcite/p-01223da5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["linkCss","Link","this","childElClickHandler","event","isTrusted","stopPropagation","storeTagRef","el","childEl","connectedCallback","connectInteractive","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","componentDidRender","updateHostInteraction","disconnectedCallback","disconnectInteractive","render","download","dir","getElementDir","childElType","href","iconStartEl","h","class","flipRtl","iconFlipRtl","icon","iconStart","scale","iconEndEl","iconEnd","Tag","role","tabIndex","Host","InteractiveContainer","disabled","CSS_UTILITY","rtl","onClick","rel","target","ref","clickHandler","click","setFocus","componentFocusable","focusElement"],"sources":["src/components/link/link.scss?tag=calcite-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":[":host {\n  display: inline;\n}\n\n// link base\n:host a,\n:host span {\n  @apply font-inherit\n    transition-default\n    relative\n    flex\n    cursor-pointer\n    items-center\n    justify-center\n    rounded-none\n    border-none;\n  text-decoration: none;\n  line-height: inherit;\n  font-size: inherit;\n  -webkit-appearance: none;\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n// focus styles\n:host a,\n:host span {\n  @apply focus-base;\n  &:focus {\n    @apply focus-outset;\n  }\n}\n\ncalcite-icon {\n  inline-size: 1em;\n  block-size: 1em;\n  min-inline-size: unset;\n  min-block-size: unset;\n}\n\n.calcite-link--icon {\n  @apply transition-default align-middle;\n  margin-block-start: -0.25em;\n}\n\n// icon positioning and styles\n:host .calcite-link--icon.icon-start {\n  margin-inline-end: theme(\"margin.2\");\n}\n\n:host .calcite-link--icon.icon-end {\n  margin-inline-start: theme(\"margin.2\");\n}\n\n:host {\n  span,\n  a {\n    @apply text-color-link\n      transition-default\n      relative\n      inline\n      border-none\n      bg-transparent\n      p-0;\n    line-height: inherit;\n    white-space: initial;\n    background-image: linear-gradient(currentColor, currentColor),\n      linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));\n    background-position-x: 0%, 100%;\n    background-position-y: min(1.5em, 100%);\n    background-repeat: no-repeat, no-repeat;\n    background-size:\n      0% 1px,\n      100% 1px;\n\n    &:hover,\n    &:focus {\n      background-size:\n        100% 1px,\n        100% 1px;\n    }\n    &:active {\n      background-size:\n        100% 2px,\n        100% 2px;\n    }\n    &.calcite--rtl {\n      background-position:\n        100% 100%,\n        100% 100%;\n    }\n  }\n}\n\n@include disabled();\n@include base-component();\n","import { Component, Element, h, Host, Listen, Method, Prop, VNode } from \"@stencil/core\";\nimport { focusElement, getElementDir } from \"../../utils/dom\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { FlipContext } from \"../interfaces\";\n\n/** Any attributes placed on <calcite-link> component will propagate to the rendered child */\n/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */\n\n/** @slot - A slot for adding text. */\n@Component({\n  tag: \"calcite-link\",\n  styleUrl: \"link.scss\",\n  shadow: true,\n})\nexport class Link implements InteractiveComponent, LoadableComponent {\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   * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\n   * Without a value, the browser will suggest a filename/extension\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\n   */\n  @Prop({ reflect: true }) download: string | boolean = false;\n\n  /** Specifies the URL of the linked resource, which can be set as an absolute or relative path. */\n  @Prop({ reflect: true }) href: string;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: string;\n\n  /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`). */\n  @Prop({ reflect: true }) iconFlipRtl: FlipContext;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: string;\n\n  /** Specifies the relationship to the linked document defined in `href`. */\n  @Prop() rel: string;\n\n  /** Specifies the frame or window to open the linked document. */\n  @Prop() target: string;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectInteractive(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n  }\n\n  render(): VNode {\n    const { download, el } = this;\n    const dir = getElementDir(el);\n    const childElType = this.href ? \"a\" : \"span\";\n    const iconStartEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-start\"\n        flipRtl={this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconStart}\n        scale=\"s\"\n      />\n    );\n\n    const iconEndEl = (\n      <calcite-icon\n        class=\"calcite-link--icon icon-end\"\n        flipRtl={this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\"}\n        icon={this.iconEnd}\n        scale=\"s\"\n      />\n    );\n\n    const Tag = childElType;\n    const role = childElType === \"span\" ? \"link\" : null;\n    const tabIndex = childElType === \"span\" ? 0 : null;\n\n    return (\n      <Host role=\"presentation\">\n        <InteractiveContainer disabled={this.disabled}>\n          <Tag\n            class={{ [CSS_UTILITY.rtl]: dir === \"rtl\" }}\n            /*\n          When the 'download' property of type 'boolean | string' is set to true, the value is \"\".\n          This works around that issue for now.\n          */\n            download={Tag === \"a\" && (download === \"\" || download) ? download : null}\n            href={Tag === \"a\" && this.href}\n            onClick={this.childElClickHandler}\n            rel={Tag === \"a\" && this.rel}\n            role={role}\n            tabIndex={tabIndex}\n            target={Tag === \"a\" && this.target}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.storeTagRef}\n          >\n            {this.iconStart ? iconStartEl : null}\n            <slot />\n            {this.iconEnd ? iconEndEl : null}\n          </Tag>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"click\")\n  clickHandler(event: PointerEvent): void {\n    if (this.disabled) {\n      return;\n    }\n\n    // forwards the click() to the internal link for non user-initiated events\n    if (!event.isTrusted) {\n      this.childEl.click();\n    }\n  }\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    focusElement(this.childEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteLinkElement;\n\n  /** the rendered child element */\n  private childEl: HTMLAnchorElement | HTMLSpanElement;\n\n  private childElClickHandler = (event: PointerEvent): void => {\n    if (!event.isTrusted) {\n      // click was invoked internally, we stop it here\n      event.stopPropagation();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeTagRef = (el: Link[\"childEl\"]): void => {\n    this.childEl = el;\n  };\n}\n"],"mappings":";;;;;mSAAA,MAAMA,EAAU,k0E,MC4BHC,EAAI,M,yBA8JPC,KAAAC,oBAAuBC,IAC7B,IAAKA,EAAMC,UAAW,CAEpBD,EAAME,iB,GAUFJ,KAAAK,YAAeC,IACrBN,KAAKO,QAAUD,CAAE,E,cApKiB,M,cAOkB,M,wIA0BtD,iBAAAE,GACEC,EAAmBT,K,CAGrB,iBAAAU,GACEC,EAAuBX,K,CAGzB,gBAAAY,GACEC,EAAmBb,K,CAGrB,kBAAAc,GACEC,EAAsBf,K,CAGxB,oBAAAgB,GACEC,EAAsBjB,K,CAGxB,MAAAkB,GACE,MAAMC,SAAEA,EAAQb,GAAEA,GAAON,KACzB,MAAMoB,EAAMC,EAAcf,GAC1B,MAAMgB,EAActB,KAAKuB,KAAO,IAAM,OACtC,MAAMC,EACJC,EAAA,gBACEC,MAAM,gCACNC,QAAS3B,KAAK4B,cAAgB,SAAW5B,KAAK4B,cAAgB,OAC9DC,KAAM7B,KAAK8B,UACXC,MAAM,MAIV,MAAMC,EACJP,EAAA,gBACEC,MAAM,8BACNC,QAAS3B,KAAK4B,cAAgB,OAAS5B,KAAK4B,cAAgB,OAC5DC,KAAM7B,KAAKiC,QACXF,MAAM,MAIV,MAAMG,EAAMZ,EACZ,MAAMa,EAAOb,IAAgB,OAAS,OAAS,KAC/C,MAAMc,EAAWd,IAAgB,OAAS,EAAI,KAE9C,OACEG,EAACY,EAAI,CAACF,KAAK,gBACTV,EAACa,EAAoB,CAACC,SAAUvC,KAAKuC,UACnCd,EAACS,EAAG,CACFR,MAAO,CAAE,CAACc,EAAYC,KAAMrB,IAAQ,OAKpCD,SAAUe,IAAQ,MAAQf,IAAa,IAAMA,GAAYA,EAAW,KACpEI,KAAMW,IAAQ,KAAOlC,KAAKuB,KAC1BmB,QAAS1C,KAAKC,oBACd0C,IAAKT,IAAQ,KAAOlC,KAAK2C,IACzBR,KAAMA,EACNC,SAAUA,EACVQ,OAAQV,IAAQ,KAAOlC,KAAK4C,OAE5BC,IAAK7C,KAAKK,aAETL,KAAK8B,UAAYN,EAAc,KAChCC,EAAA,aACCzB,KAAKiC,QAAUD,EAAY,O,CActC,YAAAc,CAAa5C,GACX,GAAIF,KAAKuC,SAAU,CACjB,M,CAIF,IAAKrC,EAAMC,UAAW,CACpBH,KAAKO,QAAQwC,O,EAYjB,cAAMC,SACEC,EAAmBjD,MAEzBkD,EAAalD,KAAKO,Q"}

package/dist/calcite/p-01ce6c82.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,h as i,H as e,g as s}from"./p-cf6c103a.js";import{h as a}from"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";var n;(function(t){t["valid"]="check-circle";t["invalid"]="exclamation-mark-triangle";t["idle"]="information"})(n||(n={}));const c=":host{box-sizing:border-box;display:flex;block-size:auto;inline-size:100%;align-items:center;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);opacity:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;--calcite-input-message-spacing-value:0.25rem;margin-block-start:var(--calcite-input-message-spacing-value)}.calcite-input-message-icon{pointer-events:none;display:inline-flex;flex-shrink:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-inline-end:0.5rem}:host([status=invalid]) .calcite-input-message-icon{color:var(--calcite-color-status-danger)}:host([status=warning]) .calcite-input-message-icon{color:var(--calcite-color-status-warning)}:host([status=valid]) .calcite-input-message-icon{color:var(--calcite-color-status-success)}:host([status=idle]) .calcite-input-message-icon{color:var(--calcite-color-brand)}:host([scale=s]){font-size:var(--calcite-font-size--3);line-height:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([hidden]){display:none}[hidden]{display:none}";const o=class{constructor(i){t(this,i);this.icon=undefined;this.iconFlipRtl=false;this.scale="m";this.status="idle"}handleIconEl(){this.requestedIcon=a(n,this.icon,this.status)}connectedCallback(){this.requestedIcon=a(n,this.icon,this.status)}render(){const t=this.el.hidden;return i(e,{"calcite-hydrated-hidden":t},this.renderIcon(this.requestedIcon),i("slot",null))}renderIcon(t){if(t){return i("calcite-icon",{class:"calcite-input-message-icon",flipRtl:this.iconFlipRtl,icon:t,scale:"s"})}}get el(){return s(this)}static get watchers(){return{status:["handleIconEl"],icon:["handleIconEl"]}}};o.style=c;export{o as calcite_input_message};
-//# sourceMappingURL=p-01ce6c82.entry.js.map

package/dist/calcite/p-0294cb32.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,h as e,g as i,f as s,c as a,H as n}from"./p-cf6c103a.js";import{g as l}from"./p-aff88591.js";import{c as h}from"./p-8dcbfce8.js";import{i as r,v as o}from"./p-d6e4ab3a.js";import{c,d,a as u,H as m}from"./p-aa0e172f.js";import{c as b,d as f,u as p,I as g}from"./p-0d04e387.js";import{i as v}from"./p-a0ca104b.js";import{c as x,d as k,g as _}from"./p-ba4c20f7.js";import{s as $,a as y,c as w}from"./p-39613b4f.js";import{n as M,c as z,d as V}from"./p-4e27599d.js";import{d as L,c as H}from"./p-3328f5ba.js";import"./p-10acb648.js";import"./p-c233af9a.js";import"./p-6b48fd8f.js";function j(t,e,i){const s=e[0]-t[0];const a=i[0]-e[0];const n=e[1]-t[1];const l=i[1]-e[1];const h=n/(s||a<0&&0);const 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 X(t,e,i){const s=e[0]-t[0];const a=e[1]-t[1];return s?(3*a/s-i)/2:i}function T(t,e,i,s,a){const[n,l]=t;const[h,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 C({width:t,height:e,min:i,max:s}){const a=s[0]-i[0];const n=s[1]-i[1];return s=>{const l=(s[0]-i[0])/a*t;const h=e-s[1]/n*e;return[l,h]}}function D(t){const[e,i]=t[0];const s=[e,i];const a=[e,i];return t.reduce((({min:t,max:e},[i,s])=>({min:[Math.min(t[0],i),Math.min(t[1],s)],max:[Math.max(e[0],i),Math.max(e[1],s)]})),{min:s,max:a})}function A({data:t,min:e,max:i,t:s}){if(t.length===0){return""}const[a,n]=s(t[0]);const[l,h]=s(e);const[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=j(c,d,i);const a=o===undefined?X(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,X(d,m,o),s);return`${u} ${b} L ${r},${h} Z`}const S=":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-color-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";const I=class{constructor(e){t(this,e);this.graphId=`calcite-graph-${l()}`;this.resizeObserver=h("resize",(()=>s(this)));this.data=[];this.colorStops=undefined;this.highlightMin=undefined;this.highlightMax=undefined;this.min=undefined;this.max=undefined}connectedCallback(){this.resizeObserver?.observe(this.el)}disconnectedCallback(){this.resizeObserver?.disconnect()}render(){const{data:t,colorStops:i,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 e("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c})}const{min:d,max:u}=D(t);let m=d;let b=u;if(l<d[0]||l>d[0]){m=[l,0]}if(h>u[0]||h<u[0]){b=[h,u[1]]}const f=C({min:m,max:b,width:c,height:o});const[p]=f([n,b[1]]);const[g]=f([a,b[1]]);const v=A({data:t,min:d,max:u,t:f});const x=i?`url(#linear-gradient-${r})`:undefined;return e("svg",{"aria-hidden":"true",class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},i?e("defs",null,e("linearGradient",{id:`linear-gradient-${r}`,x1:"0",x2:"1",y1:"0",y2:"0"},i.map((({offset:t,color:i,opacity:s})=>e("stop",{offset:`${t*100}%`,"stop-color":i,"stop-opacity":s}))))):null,n!==undefined?[e("mask",{height:"100%",id:`${r}1`,width:"100%",x:"0%",y:"0%"},e("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"})),e("mask",{height:"100%",id:`${r}2`,width:"100%",x:"0%",y:"0%"},e("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"})),e("mask",{height:"100%",id:`${r}3`,width:"100%",x:"0%",y:"0%"},e("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"})),e("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}1)`}),e("path",{class:"graph-path--highlight",d:v,fill:x,mask:`url(#${r}2)`}),e("path",{class:"graph-path",d:v,fill:x,mask:`url(#${r}3)`})]:e("path",{class:"graph-path",d:v,fill:x}))}get el(){return i(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 P=250;const F='@charset "UTF-8";:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}.scale--s{--calcite-slider-handle-size:0.625rem;--calcite-slider-handle-extension-height:0.4rem;--calcite-slider-container-font-size:var(--calcite-font-size--3)}.scale--s .handle__label,.scale--s .tick__label{line-height:.75rem}.scale--m{--calcite-slider-handle-size:0.875rem;--calcite-slider-handle-extension-height:0.5rem;--calcite-slider-container-font-size:var(--calcite-font-size--2)}.scale--m .handle__label,.scale--m .tick__label{line-height:1rem}.scale--l{--calcite-slider-handle-size:1rem;--calcite-slider-handle-extension-height:0.65rem;--calcite-slider-container-font-size:var(--calcite-font-size--1)}.scale--l .handle__label,.scale--l .tick__label{line-height:1rem}.handle__label,.tick__label{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2);font-size:var(--calcite-slider-container-font-size)}:host{display:block}.container{position:relative;display:block;overflow-wrap:normal;word-break:normal;padding-inline:calc(var(--calcite-slider-handle-size) * 0.5);padding-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-block:calc(var(--calcite-slider-handle-size) * 0.5);margin-inline:0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  );touch-action:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-color-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.375rem}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.5rem}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-0.55rem}:host([precise]:not([has-histogram])) .container .thumb--value{--calcite-slider-thumb-y-offset:calc(var(--calcite-slider-full-handle-height) * -1)}.thumb-container{position:relative;max-inline-size:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:flex;cursor:pointer;flex-direction:column;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;inset-block:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;inline-size:1em}.thumb .handle__label.hyphen--wrap{display:flex}.thumb .handle{box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-color-foreground-1);outline-color:transparent;block-size:var(--calcite-slider-handle-size);inline-size:var(--calcite-slider-handle-size);box-shadow:0 0 0 2px var(--calcite-color-text-3) inset;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{inline-size:0.125rem;block-size:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-color-text-3)}.thumb:hover .handle{box-shadow:0 0 0 3px var(--calcite-color-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-color-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.thumb:focus .handle-extension{background-color:var(--calcite-color-brand)}.thumb.thumb--minValue{transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-0.125rem}:host([label-handles]) .thumb{--calcite-slider-thumb-x-offset:50%}:host([label-handles]):host(:not([has-histogram])) .scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.4375rem}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-1.875rem}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-2rem}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-block-start:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-block-end:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-2.075rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-2.75rem}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-3.0625rem}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-color-brand);box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16)}.thumb:hover.thumb--precise:after,.thumb:focus.thumb--precise:after,.thumb--active.thumb--precise:after{background-color:var(--calcite-color-brand)}.track{position:relative;block-size:0.125rem;border-radius:0px;background-color:var(--calcite-color-border-2);transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;inset-block-start:0px;block-size:0.125rem;background-color:var(--calcite-color-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;inline-size:100%;content:"";inset-block-start:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);block-size:calc(var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height))}@media (forced-colors: active){.thumb{outline-width:0;outline-offset:0}.handle{outline:2px solid transparent;outline-offset:2px}.thumb:focus .handle,.thumb .handle-extension,.thumb:hover .handle-extension,.thumb:focus .handle-extension,.thumb:active .handle-extension{background-color:canvasText}.track{background-color:canvasText}.track__range{background-color:highlight}}.tick{position:absolute;block-size:0.25rem;inline-size:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-color-border-input);border-color:var(--calcite-color-foreground-1);inset-block-start:-2px;pointer-events:none;margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-color-brand)}.tick__label{pointer-events:none;margin-block-start:0.875rem;display:flex;justify-content:center}.tick__label--min{transition:opacity var(--calcite-animation-timing)}.tick__label--max{transition:opacity var(--calcite-internal-animation-timing-fast)}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max,:host([has-histogram][precise]) .tick__label--min,:host([has-histogram][precise]) .tick__label--max{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.graph{color:var(--calcite-color-foreground-3);block-size:48px}:host([label-ticks][ticks]) .container{padding-block-end:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-block-end:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-block-end:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-block-start:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-block-end:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-block-start:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container--range{padding-block-end:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}';function N(t){return Array.isArray(t)}const O=class{constructor(e){t(this,e);this.calciteSliderInput=a(this,"calciteSliderInput",6);this.calciteSliderChange=a(this,"calciteSliderChange",6);this.activeProp="value";this.guid=`calcite-slider-${l()}`;this.onThumbBlur=()=>{this.activeProp=null};this.onThumbFocus=t=>{const e=t.currentTarget;this.activeProp=e.getAttribute("data-value-prop")};this.onThumbPointerDown=t=>{const e=t.currentTarget;this.pointerDownDragStart(t,e.getAttribute("data-value-prop"))};this.onTrackPointerDown=t=>{this.pointerDownDragStart(t,"minMaxValue")};this.dragUpdate=t=>{if(this.disabled){return}t.preventDefault();if(this.dragProp){const e=this.translate(t.clientX||t.pageX);if(N(this.value)&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=e-this.minValueDragRange;const i=e+this.maxValueDragRange;if(i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange){this.setValue({minValue:this.clamp(t,"minValue"),maxValue:this.clamp(i,"maxValue")})}}else{this.minValueDragRange=e-this.minValue;this.maxValueDragRange=this.maxValue-e;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue({[this.dragProp]:this.clamp(e,this.dragProp)})}}};this.pointerUpDragEnd=t=>{if(this.disabled||!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=>{M.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};return M.localize(t.toString())};this.disabled=false;this.form=undefined;this.groupSeparator=false;this.hasHistogram=false;this.histogram=undefined;this.histogramStops=undefined;this.labelHandles=false;this.labelTicks=false;this.max=100;this.maxLabel=undefined;this.maxValue=undefined;this.min=0;this.minLabel=undefined;this.minValue=undefined;this.mirrored=false;this.name=undefined;this.numberingSystem=undefined;this.pageStep=undefined;this.precise=false;this.required=false;this.snap=false;this.step=1;this.ticks=undefined;this.value=0;this.scale="m";this.effectiveLocale="";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[]}histogramWatcher(t){this.hasHistogram=!!t}ticksWatcher(){this.tickValues=this.generateTickValues()}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){b(this);z(this);this.setMinMaxFromValue();this.setValueFromMinMax();x(this);c(this)}disconnectedCallback(){f(this);k(this);d(this);V(this);this.removeDragListeners()}componentWillLoad(){$(this);if(!N(this.value)){this.value=this.snap?this.getClosestStep(this.value):this.clamp(this.value)}this.ticksWatcher();this.histogramWatcher(this.histogram);u(this,this.value)}componentDidLoad(){y(this)}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(N(this.value)){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels();p(this)}render(){const t=this.el.id||this.guid;const i=N(this.value)?this.maxValue:this.value;const s=this.minValue||this.min;const a=this.shouldUseMinValue();const l=this.getUnitInterval(a?this.minValue:s)*100;const h=this.getUnitInterval(i)*100;const r=this.shouldMirror();const o=N(this.value);const c=this.buildThumbType("max");const d=this.renderThumb({type:c,thumbPlacement:c.includes("histogram")?"below":"above",maxInterval:h,minInterval:l,mirror: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});return e(n,{id:t,onTouchStart:this.handleTouchStart},e(g,{disabled:this.disabled},e("div",{"aria-label":_(this),class:{[R.container]:true,[R.containerRange]:o,[`scale--${this.scale}`]:true}},this.renderGraph(),e("div",{class:R.track,ref:this.storeTrackRef},e("div",{class:R.trackRange,onPointerDown:this.onTrackPointerDown,style:{left:`${r?100-h:l}%`,right:`${r?l:100-h}%`}}),e("div",{class:R.ticks},this.tickValues.map((t=>{const n=`${this.getUnitInterval(t)*100}%`;let l=t>=s&&t<=i;if(a){l=t>=this.minValue&&t<=this.maxValue}return e("span",{class:{[R.tick]:true,[R.tickActive]:l},style:{left:r?"":n,right:r?n:""}},this.renderTickLabel(t))})))),e("div",{class:R.thumbContainer},b,d,e(m,{component:this})))))}renderThumb({type:t,mirror:i,thumbPlacement:s,minInterval:a,maxInterval:n}){const l=t.includes("labeled");const h=t.includes("precise");const r=t.includes("min");const o=N(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=r?this.formatValue(this.minValue):this.formatValue(c);const f=r?{left:`${i?100-a:a}%`}:{right:`${i?n:100-n}%`};const p=`${R.handleLabel} ${r?R.handleLabelMinValue:R.handleLabelValue}`;const g=l?[e("span",{"aria-hidden":"true",class:p},b),e("span",{"aria-hidden":"true",class:`${p} ${R.static}`},b),e("span",{"aria-hidden":"true",class:`${p} ${R.transformed}`},b)]:[];const v=[...g,e("div",{class:R.handle}),h&&e("div",{class:R.handleExtension})];if(s==="below"){v.reverse()}return e("div",{"aria-disabled":this.disabled,"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,role:"slider",style:f,tabIndex:0,ref:this.storeThumbRef},v)}renderGraph(){return this.histogram?e("calcite-graph",{class:R.graph,colorStops:this.histogramStops,data:this.histogram,highlightMax:N(this.value)?this.maxValue:this.value,highlightMin:N(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const{hasHistogram:i,labelHandles:s,labelTicks:a,max:n,min:l,precise:h,value:r}=this;const o=N(r);const c=t===l;const d=t===n;const u=c||d;const m=a&&(!i&&(u||!h||!o)||i&&(u||!h&&!s));return m?e("span",{class:{[R.tickLabel]:true,[R.tickMin]:c,[R.tickMax]:d}},this.formatValue(t)):null}keyDownHandler(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(v(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(L(l)));this.setValue({[i]:this.clamp(c,i)})}pointerDownHandler(t){if(this.disabled||!r(t)){return}const e=t.clientX||t.pageX;const i=this.translate(e);let s="value";if(N(this.value)){const t=i>=this.minValue&&i<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){s="minMaxValue"}else{const t=Math.abs(this.maxValue-i)<Math.abs(this.minValue-i);s=t||i>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[s];this.dragStart(s);const a=this.el.shadowRoot.querySelector(`.${R.thumb}:active`);if(!a){this.setValue({[s]:this.clamp(i,s)})}this.focusActiveHandle(e)}handleTouchStart(t){t.preventDefault()}async setFocus(){await w(this);const t=this.minHandle?this.minHandle:this.maxHandle;t?.focus()}buildThumbType(t){const e=[t];if(this.labelHandles){e.push("labeled")}if(this.precise){e.push("precise")}if(this.hasHistogram){e.push("histogram")}return e.join("-")}setValueFromMinMax(){const{minValue:t,maxValue:e}=this;if(typeof t==="number"&&typeof e==="number"){this.value=[t,e]}}setMinMaxFromValue(){const{value:t}=this;if(N(t)){this.minValue=t[0];this.maxValue=t[1]}}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!N(this.value)){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}getTickDensity(){const t=(this.max-this.min)/this.ticks/P;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){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":case"value":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(t).focus();break}}emitInput(){this.calciteSliderInput.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){window.removeEventListener("pointermove",this.dragUpdate);window.removeEventListener("pointerup",this.pointerUpDragEnd);window.removeEventListener("pointercancel",this.dragEnd)}setValue(t){let e;Object.keys(t).forEach((i=>{const s=t[i];if(!e){const t=this[i];e=t!==s}this[i]=s}));if(!e){return}const i=this.dragProp;if(!i){this.emitChange()}this.emitInput()}clamp(t,e){t=H(t,this.min,this.max);if(e==="maxValue"){t=Math.max(t,this.minValue)}if(e==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const e=this.max-this.min;const{left:i,width:s}=this.trackEl.getBoundingClientRect();const a=(t-i)/s;const n=this.shouldMirror();const l=this.clamp(this.min+e*(n?1-a:a));let h=Number(l.toFixed(L(this.step)));if(this.snap&&this.step){h=this.getClosestStep(h)}return h}getClosestStep(t){t=Number(this.clamp(t).toFixed(L(this.step)));if(this.step){const e=Math.round(t/this.step)*this.step;t=Number(this.clamp(e).toFixed(L(this.step)))}return t}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=N(this.value);if(!this.hasHistogram&&!t&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!t&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!t&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&t&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const e=this.el.shadowRoot.querySelector(`.${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)}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{histogram:["histogramWatcher"],ticks:["ticksWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};O.style=F;export{I as calcite_graph,O as calcite_slider};
-//# sourceMappingURL=p-0294cb32.entry.js.map

package/dist/calcite/p-0294cb32.entry.js.map

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

package/dist/calcite/p-041acb71.js

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

package/dist/calcite/p-082040be.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as e}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,yearStart:4,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export default a;
-//# sourceMappingURL=p-082040be.js.map

package/dist/calcite/p-086954cf.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,c as e,h as i,g as s}from"./p-cf6c103a.js";import{c as a,d as n,u as r,I as o}from"./p-0d04e387.js";import{c as l}from"./p-8dcbfce8.js";import{d as c,a as d,c as h}from"./p-fe4db0fa.js";import{d as f}from"./p-d6e4ab3a.js";import"./p-c233af9a.js";import"./p-aff88591.js";import"./p-10acb648.js";const u={sortItem:"sort-item",container:"container",containerHorizontal:"container--horizontal",containerVertical:"container--vertical"};const p=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{display:flex;flex:1 1 auto}.container--vertical{flex-direction:column}.container--horizontal{flex-direction:row}:host([hidden]){display:none}[hidden]{display:none}";const b=class{constructor(i){t(this,i);this.calciteListOrderChange=e(this,"calciteListOrderChange",6);this.items=[];this.mutationObserver=l("mutation",(()=>{this.setUpSorting()}));this.dragEnabled=true;this.canPull=undefined;this.canPut=undefined;this.dragSelector=undefined;this.group=undefined;this.handleSelector="calcite-handle";this.layout="vertical";this.disabled=false;this.loading=false}connectedCallback(){if(c(this)){return}this.setUpSorting();this.beginObserving();a(this)}disconnectedCallback(){if(c(this)){return}n(this);d(this);this.endObserving()}componentDidRender(){r(this)}calciteHandleNudgeNextHandler(t){this.handleNudgeEvent(t)}onGlobalDragStart(){this.endObserving()}onGlobalDragEnd(){this.beginObserving()}onDragEnd(){}onDragStart(){}onDragSort(){this.items=Array.from(this.el.children);this.calciteListOrderChange.emit()}handleNudgeEvent(t){const{direction:e}=t.detail;const i=t.composedPath().find((t=>t.matches(this.handleSelector)));const s=this.items.find((e=>e.contains(i)||t.composedPath().includes(e)));const a=this.items.length-1;const n=this.items.indexOf(s);let r=false;let o;if(e==="up"){if(n===0){r=true}else{o=n-1}}else{if(n===a){o=0}else if(n===a-1){r=true}else{o=n+2}}this.endObserving();if(r){s.parentElement.appendChild(s)}else{s.parentElement.insertBefore(s,this.items[o])}this.items=Array.from(this.el.children);this.beginObserving();requestAnimationFrame((()=>f(i)));if("selected"in i){i.selected=true}}setUpSorting(){this.items=Array.from(this.el.children);h(this)}beginObserving(){this.mutationObserver?.observe(this.el,{childList:true,subtree:true})}endObserving(){this.mutationObserver?.disconnect()}render(){const{disabled:t,layout:e}=this;const s=e==="horizontal"||false;return i(o,{disabled:t},i("div",{class:{[u.container]:true,[u.containerVertical]:!s,[u.containerHorizontal]:s}},i("slot",null)))}get el(){return s(this)}};b.style=p;export{b as calcite_sortable_list};
-//# sourceMappingURL=p-086954cf.entry.js.map

package/dist/calcite/p-086954cf.entry.js.map

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

package/dist/calcite/p-0944eb43.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as t,c as o,h as e,H as a,g as i}from"./p-cf6c103a.js";import{c as s,d as n}from"./p-541ed8e8.js";import{s as r}from"./p-d6e4ab3a.js";import{s as c,a as d,c as l}from"./p-39613b4f.js";import{c as p,d as h}from"./p-4e27599d.js";import{u,c as x,d as g,s as f}from"./p-c1905124.js";import{t as b,E as m}from"./p-b1c541ce.js";import{c as w}from"./p-8dcbfce8.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-a0ca104b.js";import"./p-72484322.js";import"./p-88b0202c.js";const y={actionGroupEnd:"action-group--end",container:"container"};const v={expandTooltip:"expand-tooltip"};const j=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:block}@keyframes in{0%{opacity:0}100%{opacity:1}}:host{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.125rem;--calcite-action-pad-expanded-max-width:auto;background:transparent}:host([expanded][layout=vertical]) .container{max-inline-size:var(--calcite-action-pad-expanded-max-width)}::slotted(calcite-action-group){border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px}.container{display:inline-flex;flex-direction:column;overflow-y:auto;border-radius:0.25rem;background-color:var(--calcite-color-background);--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.action-group--bottom{flex-grow:1;justify-content:flex-end;padding-block-end:0px}:host([layout=horizontal]) .container{flex-direction:row}:host([layout=horizontal]) .container .action-group--bottom{padding:0px}:host([layout=horizontal]) .container ::slotted(calcite-action-group){border-width:0px;padding:0px;border-inline-end-width:1px}::slotted(calcite-action-group:last-child){border-block-end-width:0px}:host([hidden]){display:none}[hidden]{display:none}";const k=class{constructor(e){t(this,e);this.calciteActionPadToggle=o(this,"calciteActionPadToggle",6);this.mutationObserver=w("mutation",(()=>this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))));this.actionMenuOpenHandler=t=>{if(t.target.menuOpen){const o=t.composedPath();Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((t=>{if(!o.includes(t)){t.menuOpen=false}}))}};this.toggleExpand=()=>{this.expanded=!this.expanded;this.calciteActionPadToggle.emit()};this.setExpandToggleRef=t=>{this.expandToggleEl=t};this.handleDefaultSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-action-group")));this.setGroupLayout(o)};this.handleTooltipSlotChange=t=>{const o=r(t).filter((t=>t?.matches("calcite-tooltip")));this.expandTooltip=o[0]};this.actionsEndGroupLabel=undefined;this.expandDisabled=false;this.expanded=false;this.layout="vertical";this.position=undefined;this.scale=undefined;this.messages=undefined;this.messageOverrides=undefined;this.overlayPositioning="absolute";this.expandTooltip=undefined;this.effectiveLocale="";this.defaultMessages=undefined}expandedHandler(t){b({el:this.el,expanded:t})}layoutHandler(){this.updateGroups()}onMessagesChange(){}effectiveLocaleChange(){u(this,this.effectiveLocale)}connectedCallback(){s(this);p(this);x(this)}disconnectedCallback(){h(this);g(this);n(this)}async componentWillLoad(){c(this);const{el:t,expanded:o}=this;b({el:t,expanded:o});await f(this)}componentDidLoad(){d(this)}async setFocus(){await l(this);this.el?.focus()}updateGroups(){this.setGroupLayout(Array.from(this.el.querySelectorAll("calcite-action-group")))}setGroupLayout(t){t.forEach((t=>t.layout=this.layout))}renderBottomActionGroup(){const{expanded:t,expandDisabled:o,messages:a,el:i,position:s,toggleExpand:n,scale:r,layout:c,actionsEndGroupLabel:d,overlayPositioning:l}=this;const p=!o?e(m,{collapseText:a.collapse,el:i,expandText:a.expand,expanded:t,position:s,scale:r,toggle:n,tooltip:this.expandTooltip,ref:this.setExpandToggleRef}):null;return p?e("calcite-action-group",{class:y.actionGroupEnd,label:d,layout:c,overlayPositioning:l,scale:r},e("slot",{name:v.expandTooltip,onSlotchange:this.handleTooltipSlotChange}),p):null}render(){return e(a,{onCalciteActionMenuOpen:this.actionMenuOpenHandler},e("div",{class:y.container},e("slot",{onSlotchange:this.handleDefaultSlotChange}),this.renderBottomActionGroup()))}static get delegatesFocus(){return true}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{expanded:["expandedHandler"],layout:["layoutHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};k.style=j;export{k as calcite_action_pad};
-//# sourceMappingURL=p-0944eb43.entry.js.map

package/dist/calcite/p-0d04e387.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{g as n}from"./p-c233af9a.js";import{h as t}from"./p-cf6c103a.js";const i=/firefox/i.test(n());const o=i?new WeakMap:null;function e(){const{disabled:n}=this;if(!n){HTMLElement.prototype.click.call(this)}}function c(n){const t=n.target;if(i&&!o.get(t)){return}const{disabled:e}=t;if(e){n.preventDefault()}}const r=["mousedown","mouseup","click"];function u(n){if(i&&!o.get(n.target)){return}const{disabled:t}=n.target;if(t){n.stopImmediatePropagation();n.preventDefault()}}const f={capture:true};function s(n){if(n.disabled){n.el.setAttribute("aria-disabled","true");if(n.el.contains(document.activeElement)){document.activeElement.blur()}a(n);return}p(n);n.el.removeAttribute("aria-disabled")}function a(n){n.el.click=e;d(i?l(n):n.el)}function d(n){if(!n){return}n.addEventListener("pointerdown",c,f);r.forEach((t=>n.addEventListener(t,u,f)))}function l(n){return o.get(n.el)}function p(n){delete n.el.click;m(i?l(n):n.el)}function m(n){if(!n){return}n.removeEventListener("pointerdown",c,f);r.forEach((t=>n.removeEventListener(t,u,f)))}function b(n){if(!n.disabled||!i){return}const t=n.el.parentElement||n.el;o.set(n.el,t);a(n)}function w(n){if(!i){return}o.delete(n.el);p(n)}const h={container:"interaction-container"};function j({disabled:n},i){return t("div",{class:h.container,inert:n},...i)}export{j as I,b as c,w as d,s as u};
-//# sourceMappingURL=p-0d04e387.js.map

package/dist/calcite/p-0f7d03d1.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as e}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var a={name:"nl",weekdays:"zondag_maandag_dinsdag_woensdag_donderdag_vrijdag_zaterdag".split("_"),weekdaysShort:"zo._ma._di._wo._do._vr._za.".split("_"),weekdaysMin:"zo_ma_di_wo_do_vr_za".split("_"),months:"januari_februari_maart_april_mei_juni_juli_augustus_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mrt_apr_mei_jun_jul_aug_sep_okt_nov_dec".split("_"),ordinal:function e(a){return"["+a+(a===1||a===8||a>=20?"ste":"de")+"]"},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD-MM-YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"over %s",past:"%s geleden",s:"een paar seconden",m:"een minuut",mm:"%d minuten",h:"een uur",hh:"%d uur",d:"een dag",dd:"%d dagen",M:"een maand",MM:"%d maanden",y:"een jaar",yy:"%d jaar"}};e.locale(a,null,true);export default a;
-//# sourceMappingURL=p-0f7d03d1.js.map

package/dist/calcite/p-10acb648.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-const a="calcite-mode-auto";const t="calcite-mode-dark";const e="calcite-mode-light";const c={autoMode:a,darkMode:t,lightMode:e,rtl:"calcite--rtl",calciteAnimate:"calcite-animate",calciteAnimateIn:"calcite-animate__in",calciteAnimateInUp:"calcite-animate__in-up",calciteAnimateInDown:"calcite-animate__in-down",calciteAnimateInRight:"calcite-animate__in-right",calciteAnimateInLeft:"calcite-animate__in-left",calciteAnimateInScale:"calcite-animate__in-scale"};export{c as C,a,t as d};
-//# sourceMappingURL=p-10acb648.js.map

package/dist/calcite/p-11d4c82a.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as o}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var e={name:"it",weekdays:"domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"),weekdaysShort:"dom_lun_mar_mer_gio_ven_sab".split("_"),weekdaysMin:"do_lu_ma_me_gi_ve_sa".split("_"),months:"gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"),weekStart:1,monthsShort:"gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"),formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"tra %s",past:"%s fa",s:"qualche secondo",m:"un minuto",mm:"%d minuti",h:"un' ora",hh:"%d ore",d:"un giorno",dd:"%d giorni",M:"un mese",MM:"%d mesi",y:"un anno",yy:"%d anni"},ordinal:function o(e){return e+"º"}};o.locale(e,null,true);export default e;
-//# sourceMappingURL=p-11d4c82a.js.map

package/dist/calcite/p-128a6263.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as r}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var _={name:"zh-tw",weekdays:"星期日_星期一_星期二_星期三_星期四_星期五_星期六".split("_"),weekdaysShort:"週日_週一_週二_週三_週四_週五_週六".split("_"),weekdaysMin:"日_一_二_三_四_五_六".split("_"),months:"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月".split("_"),monthsShort:"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月".split("_"),ordinal:function r(_,t){switch(t){case"W":return _+"週";default:return _+"日"}},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY/MM/DD",LL:"YYYY年M月D日",LLL:"YYYY年M月D日 HH:mm",LLLL:"YYYY年M月D日dddd HH:mm",l:"YYYY/M/D",ll:"YYYY年M月D日",lll:"YYYY年M月D日 HH:mm",llll:"YYYY年M月D日dddd HH:mm"},relativeTime:{future:"%s內",past:"%s前",s:"幾秒",m:"1 分鐘",mm:"%d 分鐘",h:"1 小時",hh:"%d 小時",d:"1 天",dd:"%d 天",M:"1 個月",MM:"%d 個月",y:"1 年",yy:"%d 年"},meridiem:function r(_,t){var e=_*100+t;if(e<600){return"凌晨"}else if(e<900){return"早上"}else if(e<1100){return"上午"}else if(e<1300){return"中午"}else if(e<1800){return"下午"}return"晚上"}};r.locale(_,null,true);export default _;
-//# sourceMappingURL=p-128a6263.js.map

package/dist/calcite/p-15ec4f27.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{d as e}from"./p-39e3cd7c.js";import"./p-cf6c103a.js";import"./p-aa0e172f.js";import"./p-d6e4ab3a.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-0d04e387.js";import"./p-c233af9a.js";import"./p-a0ca104b.js";import"./p-ba4c20f7.js";import"./p-6b48fd8f.js";import"./p-39613b4f.js";import"./p-4e27599d.js";import"./p-8dcbfce8.js";import"./p-9395c02e.js";import"./p-3328f5ba.js";import"./p-c1905124.js";import"./p-5b0d5824.js";import"./p-e6f9f5c1.js";var r={s:"ein paar Sekunden",m:["eine Minute","einer Minute"],mm:"%d Minuten",h:["eine Stunde","einer Stunde"],hh:"%d Stunden",d:["ein Tag","einem Tag"],dd:["%d Tage","%d Tagen"],M:["ein Monat","einem Monat"],MM:["%d Monate","%d Monaten"],y:["ein Jahr","einem Jahr"],yy:["%d Jahre","%d Jahren"]};function t(e,t,a){var i=r[a];if(Array.isArray(i)){i=i[t?0:1]}return i.replace("%d",e)}var a={name:"de-at",weekdays:"Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"),weekdaysShort:"So._Mo._Di._Mi._Do._Fr._Sa.".split("_"),weekdaysMin:"So_Mo_Di_Mi_Do_Fr_Sa".split("_"),months:"Jänner_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"),monthsShort:"Jän._Feb._März_Apr._Mai_Juni_Juli_Aug._Sep._Okt._Nov._Dez.".split("_"),ordinal:function e(r){return r+"."},weekStart:1,formats:{LTS:"HH:mm:ss",LT:"HH:mm",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd, D. MMMM YYYY HH:mm"},relativeTime:{future:"in %s",past:"vor %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};e.locale(a,null,true);export default a;
-//# sourceMappingURL=p-15ec4f27.js.map

package/dist/calcite/p-15fd0b18.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{a as n}from"./p-cf6c103a.js";import{n as t,g as r}from"./p-4e27599d.js";function e(n,t,r){if(!n){return}const e=n.getTime();const o=!(t instanceof Date)||e>=t.getTime();const s=!(r instanceof Date)||e<=r.getTime();return o&&s}function o(n,t,r){if(!(n instanceof Date)){return null}const e=n.getTime();const o=t instanceof Date&&e<t.getTime();const s=r instanceof Date&&e>r.getTime();if(o){return t}if(s){return r}return n}function s(n,t=false){if(n instanceof Date){return n}if(!n||typeof n!=="string"){return null}const r=n.split(/[: T-]/).map(parseFloat);const e=new Date(r[0],(r[1]||1)-1,r[2]||1);e.setFullYear(r[0]);if(isNaN(e.getTime())){throw new Error(`Invalid ISO 8601 date: "${n}"`)}if(t){return g(e)}return e}function a(n,t){if(!t){return null}const{separator:r}=t;const e=m(n,t);const{day:o,month:s}=e;const a=c(e.year,t);const i=new Date(a,s,o);i.setFullYear(a);const u=o>0;const f=s>-1;const d=!isNaN(i.getTime());const l=n.split(r).filter((n=>n)).length>2;const D=a.toString().length>0;if(u&&f&&d&&l&&D){return i}return null}function c(n,t){return u(n,t,"read")}function i(n,t){return u(n,t,"write")}function u(n,t,r){if(t["default-calendar"]!=="buddhist"){return n}const e=543;const o=e*(r==="read"?-1:1);return n+o}function f(n,r){const{separator:e,unitOrder:o}=r;const s=w(o);const a=n.split(e).map((n=>t.delocalize(n)));const c=a[s.indexOf("d")];const i=a[s.indexOf("m")];const u=a[s.indexOf("y")];return{day:c,month:i,year:u}}function d(n){if(n instanceof Date){return new Date(n.getTime()-n.getTimezoneOffset()*6e4).toISOString().split("T")[0]}return""}function l(n){const t=n.split("-");return{day:t[2],month:t[1],year:t[0]}}function D(n,t){return n instanceof Date&&t instanceof Date&&n.getDate()===t.getDate()&&n.getMonth()===t.getMonth()&&n.getFullYear()===t.getFullYear()}function p(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t-1);if(t===r.getMonth()){return new Date(n.getFullYear(),t,0)}return r}function y(n){const t=n.getMonth();const r=new Date(n);r.setMonth(t+1);if((t+2)%7===r.getMonth()%7){return new Date(n.getFullYear(),t+2,0)}return r}function m(n,t){const{day:r,month:e,year:o}=f(n,t);return{day:parseInt(r),month:parseInt(e)-1,year:parseInt(o)}}function w(n){const t=["d","m","y"];const r=n.toLowerCase();return t.sort(((n,t)=>r.indexOf(n)-r.indexOf(t)))}function h(n,t){const r=n.getTime();const e=t.getTime();return(r-e)/(1e3*3600*24)}function g(n){n.setHours(23,59,59,999);return n}const I={};const j={};async function N(t){const e=r(t);if(I[e]){return I[e]}if(!j[e]){j[e]=fetch(n(`./assets/date-picker/nls/${e}.json`)).then((n=>n.json())).catch((()=>{console.error(`Translations for "${e}" not found or invalid, falling back to english`);return N("en")}))}const o=await j[e];I[e]=o;return o}function b(n){return n.map(((n,t)=>s(n,t===1)))}export{f as a,a as b,d as c,l as d,s as e,N as f,b as g,o as h,e as i,h as j,D as k,w as l,i as m,y as n,c as o,p,g as s};
-//# sourceMappingURL=p-15fd0b18.js.map

package/dist/calcite/p-1e1fed0c.entry.js

@@ -1,7 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.4.1-next.0
- */
-import{r as e,h as t,g as i}from"./p-cf6c103a.js";import{c as n,d as o}from"./p-541ed8e8.js";import{e as s}from"./p-d6e4ab3a.js";import{c,d as a,u as l,I as r}from"./p-0d04e387.js";import"./p-8dcbfce8.js";import"./p-aff88591.js";import"./p-10acb648.js";import"./p-c233af9a.js";const d={contentStart:"content-start",contentEnd:"content-end"};const h=":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{box-sizing:border-box;display:inline-block;-webkit-user-select:none;user-select:none;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}:host .container{pointer-events:none;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:var(--calcite-spacing-md)}:host .content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;inline-size:10%}:host .content-container{display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;padding:0px;color:var(--calcite-color-text-2);outline-color:transparent}:host .content-slot-container{display:flex;align-items:center}:host .content-slot-container:first-child{padding-inline:0 0.75rem}:host .content-slot-container:last-child{padding-inline:0.75rem 0}:host .heading{pointer-events:none;overflow-wrap:break-word;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1);font-weight:500;line-height:1.20313rem}:host .large-visual{align-items:center;text-align:center;min-block-size:12rem}:host .large-visual calcite-icon{align-self:self-end;block-size:64px;inline-size:64px;justify-self:center}:host .large-visual .content-container{align-self:center}:host .description{pointer-events:none;overflow-wrap:break-word;color:var(--calcite-color-text-3);font-size:var(--calcite-font-size--2);font-weight:400;line-height:1.03125rem}:host([scale=s]) .container{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=l]) .container{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host(:not([href])) calcite-icon{color:var(--calcite-color-text-3)}:host([href]) .heading,:host([href]:hover) .heading{text-decoration-line:underline;color:var(--calcite-color-text-link)}:host(:not([embed])){box-shadow:0 0 0 1px var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}:host(:not([embed])[scale=s]){padding:var(--calcite-spacing-sm)}:host(:not([embed])[scale=l]){padding:var(--calcite-spacing-xl)}:host(:not([embed])[href]:hover){cursor:pointer;box-shadow:0 0 0 2px var(--calcite-color-brand)}:host(:not([embed])[href]:active){box-shadow:0 0 0 3px var(--calcite-color-brand)}:host([icon][heading]:not([description]):not([embed])){padding:0px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover) .heading,:host([active]) .heading{color:var(--calcite-color-text-1)}:host(:hover) .description,:host([active]) .description{color:var(--calcite-color-text-2)}:host([hidden]){display:none}[hidden]{display:none}";const p=class{constructor(t){e(this,t);this.active=false;this.description=undefined;this.disabled=false;this.embed=false;this.focused=false;this.heading=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.scale="m"}connectedCallback(){n(this);c(this)}disconnectedCallback(){o(this);a(this)}componentDidRender(){l(this)}renderTile(){const{icon:e,el:i,heading:n,description:o,iconFlipRtl:c}=this;const a=n&&e&&!o;return t("div",{class:{container:true,"large-visual":a}},e&&t("calcite-icon",{flipRtl:c,icon:e,scale:"l"}),t("div",{class:"content-container"},s(i,d.contentStart)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentStart})):null,t("div",{class:"content"},n&&t("div",{class:"heading"},n),o&&t("div",{class:"description"},o)),s(i,d.contentEnd)?t("div",{class:"content-slot-container"},t("slot",{name:d.contentEnd})):null))}render(){const{disabled:e}=this;return t(r,{disabled:e},this.href?t("calcite-link",{disabled:e,href:this.href},this.renderTile()):this.renderTile())}get el(){return i(this)}};p.style=h;export{p as calcite_tile};
-//# sourceMappingURL=p-1e1fed0c.entry.js.map