@esri/calcite-components 2.13.0 → 2.13.2

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

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as o,h as i,H as t,g as a}from"./p-67e556ed.js";import{d as s,t as r}from"./p-0fb1c54a.js";import{c as n,d as c,H as l}from"./p-ba8765a4.js";import{u as d,I as h}from"./p-49632699.js";import{i as b}from"./p-cfc4daa3.js";import{c as p,d as m,g as f}from"./p-7d12dfb4.js";import{c as u,s as k,a as v}from"./p-1f5a7c5e.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-d2b212f4.js";import"./p-4dd99f61.js";const y={container:"container",track:"track",handle:"handle"};const x=":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}.container:focus .track{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}.container:hover .handle,.container:focus .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]) .container:hover .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";const g=x;const z=class{constructor(i){e(this,i);this.calciteSwitchChange=o(this,"calciteSwitchChange",6);this.keyDownHandler=e=>{if(!this.disabled&&b(e.key)){this.toggle();e.preventDefault()}};this.clickHandler=()=>{if(this.disabled){return}this.toggle()};this.setSwitchEl=e=>{this.switchEl=e};this.disabled=false;this.form=undefined;this.label=undefined;this.name=undefined;this.scale="m";this.checked=false;this.value=undefined}async setFocus(){await u(this);s(this.switchEl)}syncHiddenFormInput(e){e.type="checkbox"}onLabelClick(){if(!this.disabled){this.toggle();this.setFocus()}}toggle(){this.checked=!this.checked;this.calciteSwitchChange.emit()}connectedCallback(){p(this);n(this)}componentWillLoad(){k(this)}componentDidLoad(){v(this)}disconnectedCallback(){m(this);c(this)}componentDidRender(){d(this)}render(){return i(t,{key:"7731df888262acc136e2099fe599c6290967fea7",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},i(h,{key:"6bc3781eb46221cbe022c6e6b3e7bad267e4d2c6",disabled:this.disabled},i("div",{key:"1670db00b1cdb4ad8f013ff0dae914683db2004c","aria-checked":r(this.checked),"aria-label":f(this),class:y.container,ref:this.setSwitchEl,role:"switch",tabIndex:0},i("div",{key:"3c6e6d5abc6df9d745e361a65d06f4e7c1a3da16",class:y.track},i("div",{key:"0973b399396b9bd44ac9d2c17b374e2fbfe77b5e",class:y.handle})),i(l,{key:"7776a1881b7b6d43c543e4f388ae6cb4301b4181",component:this}))))}get el(){return a(this)}};z.style=g;export{z as calcite_switch};
+//# sourceMappingURL=p-1cf16326.entry.js.map

package/dist/calcite/p-1cf16326.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","container","track","handle","switchCss","CalciteSwitchStyle0","Switch","this","keyDownHandler","event","disabled","isActivationKey","key","toggle","preventDefault","clickHandler","setSwitchEl","el","switchEl","setFocus","componentFocusable","focusElement","syncHiddenFormInput","input","type","onLabelClick","checked","calciteSwitchChange","emit","connectedCallback","connectLabel","connectForm","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectedCallback","disconnectLabel","disconnectForm","componentDidRender","updateHostInteraction","render","h","Host","onClick","onKeyDown","InteractiveContainer","toAriaBoolean","getLabelText","class","ref","role","tabIndex","HiddenFormInputSlot","component"],"sources":["src/components/switch/resources.ts","src/components/switch/switch.scss?tag=calcite-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["export const CSS = {\n  container: \"container\",\n  track: \"track\",\n  handle: \"handle\",\n};\n","// sizes\n:host([scale=\"s\"]) {\n  .container {\n    @apply h-3;\n  }\n  .track {\n    @apply h-3 w-6;\n  }\n  .handle {\n    @apply h-2 w-2;\n  }\n}\n\n:host([scale=\"m\"]) {\n  .container {\n    @apply h-4;\n  }\n  .track {\n    @apply h-4 w-8;\n  }\n  .handle {\n    @apply h-3 w-3;\n  }\n}\n\n:host([scale=\"l\"]) {\n  .container {\n    @apply h-6;\n  }\n  .track {\n    @apply h-6 w-12;\n  }\n  .handle {\n    @apply h-5 w-5;\n  }\n}\n\n:host {\n  @apply relative\n    inline-block\n    w-auto\n    cursor-pointer\n    select-none\n    align-middle;\n  tap-highlight-color: transparent;\n}\n\n@include disabled();\n\n.container {\n  @apply outline-0;\n}\n\n.track {\n  @apply bg-foreground-2\n    border-color-2\n    pointer-events-none\n    relative\n    box-border\n    inline-block\n    rounded-full\n    border\n    border-solid\n    align-top\n    focus-base;\n}\n\n.container:focus .track {\n  @apply focus-outset;\n}\n\n.handle {\n  @apply bg-foreground-1\n    border-color-input\n    pointer-events-none\n    absolute\n    block\n    rounded-full\n    border-2\n    border-solid\n    transition-all\n    duration-150\n    ease-in-out;\n  inset-block-start: -1px;\n  inset-inline: -1px theme(\"inset.auto\");\n}\n\n.container:hover,\n.container:focus {\n  .handle {\n    @apply border-color-brand;\n    box-shadow: inset 0 0 0 1px var(--calcite-color-brand);\n  }\n}\n\n:host([checked]) {\n  .track {\n    @apply bg-brand border-color-brand-hover;\n  }\n  .handle {\n    @apply border-color-brand;\n    inset-inline: theme(\"inset.auto\") -1px;\n  }\n\n  .container:hover {\n    .handle {\n      @apply border-color-brand-hover;\n      box-shadow: inset 0 0 0 1px var(--calcite-color-brand-hover);\n    }\n  }\n}\n\n@media (forced-colors: active) {\n  :host([checked]) {\n    .track {\n      background-color: canvasText;\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  Method,\n  Prop,\n  VNode,\n} from \"@stencil/core\";\nimport { focusElement, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport {\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { isActivationKey } from \"../../utils/key\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-switch\",\n  styleUrl: \"switch.scss\",\n  shadow: true,\n})\nexport class Switch\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, 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  /** Accessible name for the component. */\n  @Prop() label: string;\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  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** When `true`, the component is checked. */\n  @Prop({ reflect: true, mutable: true }) checked = false;\n\n  /** The component's value. */\n  @Prop() value: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteSwitchElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  switchEl: HTMLDivElement;\n\n  formEl: HTMLFormElement;\n\n  defaultValue: Switch[\"checked\"];\n\n  defaultChecked: boolean;\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.switchEl);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"checkbox\";\n  }\n\n  keyDownHandler = (event: KeyboardEvent): void => {\n    if (!this.disabled && isActivationKey(event.key)) {\n      this.toggle();\n      event.preventDefault();\n    }\n  };\n\n  onLabelClick(): void {\n    if (!this.disabled) {\n      this.toggle();\n      this.setFocus();\n    }\n  }\n\n  private toggle(): void {\n    this.checked = !this.checked;\n    this.calciteSwitchChange.emit();\n  }\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.toggle();\n  };\n\n  private setSwitchEl = (el: HTMLDivElement): void => {\n    this.switchEl = el;\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the `checked` value has changed.\n   */\n  @Event({ cancelable: false }) calciteSwitchChange: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectLabel(this);\n    connectForm(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.keyDownHandler}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            ref={this.setSwitchEl}\n            role=\"switch\"\n            tabIndex={0}\n          >\n            <div class={CSS.track}>\n              <div class={CSS.handle} />\n            </div>\n            <HiddenFormInputSlot component={this} />\n          </div>\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;gbAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,MAAO,QACPC,OAAQ,UCHV,MAAMC,EAAY,k3FAClB,MAAAC,EAAeD,E,MCsCFE,EAAM,M,kFAiFjBC,KAAAC,eAAkBC,IAChB,IAAKF,KAAKG,UAAYC,EAAgBF,EAAMG,KAAM,CAChDL,KAAKM,SACLJ,EAAMK,gB,GAgBFP,KAAAQ,aAAe,KACrB,GAAIR,KAAKG,SAAU,CACjB,M,CAGFH,KAAKM,QAAQ,EAGPN,KAAAS,YAAeC,IACrBV,KAAKW,SAAWD,CAAE,E,cAnGgB,M,wEAqBI,I,aAGU,M,qBA+BlD,cAAME,SACEC,EAAmBb,MAEzBc,EAAad,KAAKW,S,CASpB,mBAAAI,CAAoBC,GAClBA,EAAMC,KAAO,U,CAUf,YAAAC,GACE,IAAKlB,KAAKG,SAAU,CAClBH,KAAKM,SACLN,KAAKY,U,EAID,MAAAN,GACNN,KAAKmB,SAAWnB,KAAKmB,QACrBnB,KAAKoB,oBAAoBC,M,CAgC3B,iBAAAC,GACEC,EAAavB,MACbwB,EAAYxB,K,CAGd,iBAAAyB,GACEC,EAAuB1B,K,CAGzB,gBAAA2B,GACEC,EAAmB5B,K,CAGrB,oBAAA6B,GACEC,EAAgB9B,MAChB+B,EAAe/B,K,CAGjB,kBAAAgC,GACEC,EAAsBjC,K,CASxB,MAAAkC,GACE,OACEC,EAACC,EAAI,CAAA/B,IAAA,2CAACgC,QAASrC,KAAKQ,aAAc8B,UAAWtC,KAAKC,gBAChDkC,EAACI,EAAoB,CAAAlC,IAAA,2CAACF,SAAUH,KAAKG,UACnCgC,EAAA,OAAA9B,IAAA,0DACgBmC,EAAcxC,KAAKmB,SAAQ,aAC7BsB,EAAazC,MACzB0C,MAAOjD,EAAIC,UACXiD,IAAK3C,KAAKS,YACVmC,KAAK,SACLC,SAAU,GAEVV,EAAA,OAAA9B,IAAA,2CAAKqC,MAAOjD,EAAIE,OACdwC,EAAA,OAAA9B,IAAA,2CAAKqC,MAAOjD,EAAIG,UAElBuC,EAACW,EAAmB,CAAAzC,IAAA,2CAAC0C,UAAW/C,S","ignoreList":[]}

package/dist/calcite/p-1f5a7c5e.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{f as n}from"./p-67e556ed.js";import{i as e}from"./p-4dd99f61.js";const a=new WeakMap;const r=new WeakMap;function s(n){r.set(n,new Promise((e=>a.set(n,e))))}function t(n){a.get(n)()}function o(n){return r.get(n)}async function i(a){await o(a);if(!e()){return}n(a);return new Promise((n=>requestAnimationFrame((()=>n()))))}export{t as a,o as b,i as c,s};
+//# sourceMappingURL=p-1f5a7c5e.js.map

package/dist/calcite/p-26cb4c0d.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{h as t}from"./p-67e556ed.js";const o={arrow:"calcite-floating-ui-arrow",arrowStroke:"calcite-floating-ui-arrow__stroke"};const e={width:12,height:6,strokeWidth:1};const r=({floatingLayout:r,key:i,ref:s})=>{const{width:a,height:n,strokeWidth:h}=e;const c=a/2;const d=r==="vertical";const l="M0,0"+` H${a}`+` L${a-c},${n}`+` Q${c},${n} ${c},${n}`+" Z";return t("svg",{"aria-hidden":"true",class:o.arrow,height:a,key:i,ref:s,viewBox:`0 0 ${a} ${a+(!d?h:0)}`,width:a+(d?h:0)},h>0&&t("path",{class:o.arrowStroke,d:l,fill:"none","stroke-width":h+1}),t("path",{d:l,stroke:"none"}))};export{r as F};
+//# sourceMappingURL=p-26cb4c0d.js.map

package/dist/calcite/p-2700f483.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{d as i}from"./p-f52872b3.js";import"./p-67e556ed.js";import"./p-ba8765a4.js";import"./p-0fb1c54a.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-49632699.js";import"./p-cfc4daa3.js";import"./p-7d12dfb4.js";import"./p-d2b212f4.js";import"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-bf4dc8d8.js";import"./p-06c0de26.js";import"./p-b531ae23.js";import"./p-c02c27fd.js";import"./p-92e35356.js";import"./p-3a1a720c.js";import"./p-010e9989.js";import"./p-5307b853.js";function r(i){return i%10<5&&i%10>1&&~~(i/10)%10!==1}function e(i,e,t){var a=i+" ";switch(t){case"m":return e?"minuta":"minutę";case"mm":return a+(r(i)?"minuty":"minut");case"h":return e?"godzina":"godzinę";case"hh":return a+(r(i)?"godziny":"godzin");case"MM":return a+(r(i)?"miesiące":"miesięcy");case"yy":return a+(r(i)?"lata":"lat")}}var t="stycznia_lutego_marca_kwietnia_maja_czerwca_lipca_sierpnia_września_października_listopada_grudnia".split("_");var a="styczeń_luty_marzec_kwiecień_maj_czerwiec_lipiec_sierpień_wrzesień_październik_listopad_grudzień".split("_");var p=/D MMMM/;var s=function i(r,e){if(p.test(e)){return t[r.month()]}return a[r.month()]};s.s=a;s.f=t;var _={name:"pl",weekdays:"niedziela_poniedziałek_wtorek_środa_czwartek_piątek_sobota".split("_"),weekdaysShort:"ndz_pon_wt_śr_czw_pt_sob".split("_"),weekdaysMin:"Nd_Pn_Wt_Śr_Cz_Pt_So".split("_"),months:s,monthsShort:"sty_lut_mar_kwi_maj_cze_lip_sie_wrz_paź_lis_gru".split("_"),ordinal:function i(r){return r+"."},weekStart:1,yearStart:4,relativeTime:{future:"za %s",past:"%s temu",s:"kilka sekund",m:e,mm:e,h:e,hh:e,d:"1 dzień",dd:"%d dni",M:"miesiąc",MM:e,y:"rok",yy:e},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"}};i.locale(_,null,true);export{_ as default};
+//# sourceMappingURL=p-2700f483.js.map

package/dist/calcite/p-272b7031.entry.js

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

package/dist/calcite/p-2793eeec.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+const n={menuActions:"menu-actions",menuTooltip:"menu-tooltip"};const o={menu:"ellipsis"};const t={container:"container"};export{t as C,o as I,n as S};
+//# sourceMappingURL=p-2793eeec.js.map

package/dist/calcite/p-27fb947c.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{d as a}from"./p-f52872b3.js";import"./p-67e556ed.js";import"./p-ba8765a4.js";import"./p-0fb1c54a.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-49632699.js";import"./p-cfc4daa3.js";import"./p-7d12dfb4.js";import"./p-d2b212f4.js";import"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-bf4dc8d8.js";import"./p-06c0de26.js";import"./p-b531ae23.js";import"./p-c02c27fd.js";import"./p-92e35356.js";import"./p-3a1a720c.js";import"./p-010e9989.js";import"./p-5307b853.js";var s="siječnja_veljače_ožujka_travnja_svibnja_lipnja_srpnja_kolovoza_rujna_listopada_studenoga_prosinca".split("_");var p="siječanj_veljača_ožujak_travanj_svibanj_lipanj_srpanj_kolovoz_rujan_listopad_studeni_prosinac".split("_");var r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;var t=function a(t,e){if(r.test(e)){return s[t.month()]}return p[t.month()]};t.s=p;t.f=s;var e={name:"hr",weekdays:"nedjelja_ponedjeljak_utorak_srijeda_četvrtak_petak_subota".split("_"),weekdaysShort:"ned._pon._uto._sri._čet._pet._sub.".split("_"),weekdaysMin:"ne_po_ut_sr_če_pe_su".split("_"),months:t,monthsShort:"sij._velj._ožu._tra._svi._lip._srp._kol._ruj._lis._stu._pro.".split("_"),weekStart:1,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:"za %s",past:"prije %s",s:"sekunda",m:"minuta",mm:"%d minuta",h:"sat",hh:"%d sati",d:"dan",dd:"%d dana",M:"mjesec",MM:"%d mjeseci",y:"godina",yy:"%d godine"},ordinal:function a(s){return s+"."}};a.locale(e,null,true);export{e as default};
+//# sourceMappingURL=p-27fb947c.js.map

package/dist/calcite/p-292a11ac.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{d as e}from"./p-f52872b3.js";import"./p-67e556ed.js";import"./p-ba8765a4.js";import"./p-0fb1c54a.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-49632699.js";import"./p-cfc4daa3.js";import"./p-7d12dfb4.js";import"./p-d2b212f4.js";import"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-bf4dc8d8.js";import"./p-06c0de26.js";import"./p-b531ae23.js";import"./p-c02c27fd.js";import"./p-92e35356.js";import"./p-3a1a720c.js";import"./p-010e9989.js";import"./p-5307b853.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{a as default};
+//# sourceMappingURL=p-292a11ac.js.map

package/dist/calcite/p-2b65d62f.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+const t={container:"container",actionsStart:"actions-start",contentStart:"content-start",content:"content",contentEnd:"content-end",actionsEnd:"actions-end"};const n={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};export{t as C,n as S};
+//# sourceMappingURL=p-2b65d62f.js.map

package/dist/calcite/p-2b6a8bee.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c as t,h as n,F as i,H as o,g as a}from"./p-67e556ed.js";import{b as s}from"./p-0fb1c54a.js";import{c,s as r,a as l}from"./p-1f5a7c5e.js";import{H as d}from"./p-f17ca6b7.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";const h={container:"container",containerContent:"container-content",hasProgress:"progress-bar",hide:"hide",primary:"primary",secondary:"secondary",tertiary:"tertiary"};const f={logo:"logo",user:"user",progress:"progress",navigationAction:"navigation-action",contentStart:"content-start",contentEnd:"content-end",contentCenter:"content-center",navSecondary:"navigation-secondary",navTertiary:"navigation-tertiary"};const u={hamburger:"hamburger"};const m=":host([hidden]){display:none}[hidden]{display:none}.container{margin-inline:auto;display:flex;inline-size:100%;flex-direction:column;margin-block:0;margin-inline:auto;background-color:var(--calcite-navigation-background, var(--calcite-color-foreground-1))}.container.primary,.container.secondary,.container.tertiary{border-block-end:1px solid;border-block-end-color:var(--calcite-navigation-border-color, var(--calcite-color-border-3))}.user,.logo{display:flex}.hide{display:none}.primary{block-size:4rem}.secondary{block-size:3rem}.tertiary{block-size:3rem}.container-content{margin-inline:auto;display:flex;block-size:100%;inline-size:100%;margin-block:0;inline-size:var(--calcite-navigation-width, 100%);max-inline-size:100%}.container-content.progress-bar{margin-block-start:0.125rem}slot[name]{display:flex;flex-direction:row}slot[name=navigation-secondary]::slotted(calcite-navigation),slot[name=navigation-tertiary]::slotted(calcite-navigation){inline-size:100%}slot[name=content-start]::slotted(*),slot[name=content-center]::slotted(*),slot[name=content-end]::slotted(*){display:flex;flex-direction:row;align-items:center}slot[name=progress],slot[name=progress] calcite-progress{inset-block-start:0;inset-inline:0}slot[name=content-end]{margin-inline-start:auto}slot[name=content-start]{margin-inline-end:auto}slot[name=content-end],slot[name=logo]~slot[name=user],slot[name=user]:only-child{margin-inline-start:auto}slot[name=content-center]{margin-inline-start:auto;margin-inline-end:auto}slot[name=content-start]~slot[name=content-center]{margin-inline-start:0px}slot[name=content-start]~slot[name=content-end],slot[name=content-center]~slot[name=content-end],slot[name=content-center]~slot[name=user],slot[name=content-end]~slot[name=user]{margin:0px}";const b=m;const g=class{constructor(n){e(this,n);this.calciteNavigationActionSelect=t(this,"calciteNavigationActionSelect",6);this.actionClickHandler=()=>{this.calciteNavigationActionSelect.emit()};this.handleUserSlotChange=e=>{if(this.isPrimaryLevel()){this.userSlotHasElements=s(e)}};this.handleLogoSlotChange=e=>{if(this.isPrimaryLevel()){this.logoSlotHasElements=s(e)}};this.handleContentStartSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentStartSlotHasElements=s(e)}};this.handleContentEndSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentEndSlotHasElements=s(e)}};this.handleContentCenterSlotChange=e=>{if(this.isPrimaryLevel()){this.primaryContentCenterSlotHasElements=s(e)}};this.handleSecondarySlotChange=e=>{this.secondarySlotHasElements=s(e)};this.handleTertiarySlotChange=e=>{this.tertiarySlotHasElements=s(e)};this.handleMenuActionSlotChange=e=>{if(this.isPrimaryLevel()){this.navigationActionSlotHasElements=s(e);if(this.navigationActionSlotHasElements){this.navigationAction=false}}};this.handleProgressSlotChange=e=>{if(this.isPrimaryLevel()){this.progressSlotHasElement=s(e)}};this.label=undefined;this.navigationAction=false;this.logoSlotHasElements=undefined;this.navigationActionSlotHasElements=undefined;this.primaryContentCenterSlotHasElements=undefined;this.primaryContentEndSlotHasElements=undefined;this.primaryContentStartSlotHasElements=undefined;this.progressSlotHasElement=undefined;this.secondarySlotHasElements=undefined;this.tertiarySlotHasElements=undefined;this.userSlotHasElements=undefined}async setFocus(){await c(this);return this.navigationActionEl?.setFocus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}isPrimaryLevel(){return this.el.slot!==f.navSecondary&&this.el.slot!==f.navTertiary}renderMenuAction(){return n("slot",{name:f.navigationAction,onSlotchange:this.handleMenuActionSlotChange},this.navigationAction&&n("calcite-action",{icon:u.hamburger,onClick:this.actionClickHandler,ref:e=>this.navigationActionEl=e,text:this.label}))}render(){const e=this.logoSlotHasElements||this.userSlotHasElements||this.navigationActionSlotHasElements||this.primaryContentCenterSlotHasElements||this.primaryContentEndSlotHasElements||this.primaryContentStartSlotHasElements||this.navigationAction;const t=this.el.slot;return n(o,{key:"bf64aa6c6c41bfad6413b58f7897527bb62e1d96"},n("div",{key:"8c30501a94d5c41e60291c1f0d1cb2856afa5d62",class:{[h.container]:true,[h.secondary]:t===f.navSecondary,[h.tertiary]:t===f.navTertiary,[h.primary]:e}},n("div",{key:"ef4c088fc24566ca24da9abe6a30903fedcad4d9",class:{[h.hide]:!this.progressSlotHasElement,[f.progress]:true}},n("slot",{key:"0abc91e366b542e11ee76f13f099ee8b64a55ee0",name:f.progress,onSlotchange:this.handleProgressSlotChange})),n("div",{key:"689dc16c2ab71944a78f3bfc16c1c16c9159f073",class:{[h.containerContent]:true,[h.hasProgress]:this.progressSlotHasElement}},this.renderMenuAction(),n("div",{key:"122f9d2d278a0a87dc1774f4933a4bb120410e48",class:{[h.hide]:!this.logoSlotHasElements,[f.logo]:true}},n("slot",{key:"38f2a0106cb2b3a844b60406c629c0cff4c1b64e",name:f.logo,onSlotchange:this.handleLogoSlotChange})),n("slot",{key:"af8aa2c6ed65c95c51ebe31314cd1e684beef657",name:f.contentStart,onSlotchange:this.handleContentStartSlotChange}),n("slot",{key:"989ba0f344ce973ea32b07ee02b04d62068cefb8",name:f.contentCenter,onSlotchange:this.handleContentCenterSlotChange}),n("slot",{key:"e0fd2d40efb52e8735ca426c1374a3da4882a77d",name:f.contentEnd,onSlotchange:this.handleContentEndSlotChange}),n("div",{key:"56e905fef7a76fd14be7085f367d6abf8b44a80b",class:{[h.hide]:!this.userSlotHasElements,[f.user]:true}},n("slot",{key:"e038f1510da60abbb05c1fd8541563334f86f6d5",name:f.user,onSlotchange:this.handleUserSlotChange})))),n(i,{key:"3a65439c3774cfb42fa6bc5f12c234a66f8bb314"},n("slot",{key:"52e0b810e42911da6dc1ea448026f5756df0206f",name:f.navSecondary,onSlotchange:this.handleSecondarySlotChange}),n("slot",{key:"97c2666bcd896fa763cb84d6b53285e2e26b51d1",name:f.navTertiary,onSlotchange:this.handleTertiarySlotChange})))}get el(){return a(this)}};g.style=b;const p={container:"container",heading:"heading",description:"description",anchor:"anchor",image:"image",standalone:"standalone",icon:"icon"};const v=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}.anchor{margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:var(--calcite-font-size-0);line-height:1.25rem;text-decoration-line:none;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:inherit;border-block-end:2px solid transparent}.anchor:hover,.anchor:focus{background-color:var(--calcite-color-foreground-2)}.anchor:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.anchor:active{background-color:var(--calcite-color-foreground-3)}.image,.icon{margin:0px;display:flex;block-size:1.75rem;padding-inline:1rem}.image~.icon{padding-inline-start:0px}.image~.container,.icon~.container{padding-inline-start:0px}:host(:active) .anchor{color:var(--calcite-color-text-1)}:host([active]) .anchor{color:var(--calcite-color-text-1);border-color:var(--calcite-color-brand);--calcite-icon-color:var(--calcite-color-brand)}.container{margin-block-start:0.125rem;display:flex;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:1rem;text-align:start}.heading{margin-inline-start:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.standalone{font-size:var(--calcite-font-size-1)}.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const y=v;const x=class{constructor(t){e(this,t);this.active=undefined;this.href=undefined;this.icon=undefined;this.iconFlipRtl=false;this.label=undefined;this.rel=undefined;this.description=undefined;this.target=undefined;this.heading=undefined;this.thumbnail=undefined;this.headingLevel=undefined}async setFocus(){await c(this);if(this.href){this.el.focus()}}componentWillLoad(){r(this)}componentDidLoad(){l(this)}renderIcon(){return n("calcite-icon",{class:p.icon,flipRtl:this.iconFlipRtl,icon:this.icon,scale:"l"})}renderHeaderContent(){const{heading:e,headingLevel:t,description:i}=this;const o=e?n(d,{class:{[p.heading]:true,[p.standalone]:!this.description},key:p.heading,level:t},e):null;const a=i?n("span",{class:p.description,key:p.description},i):null;return o||a?n("div",{class:p.container,key:p.container},o,a):null}render(){const{thumbnail:e}=this;return n(o,{key:"40dcb76c1c7919fd1a8b6929616d1d507c1e3301"},n("a",{key:"7b457d99add3c3d4edbd4478711f9b9c9fb12caf",class:p.anchor,href:this.href,rel:this.rel,target:this.target},e&&n("img",{key:"592aa3cfc2dfa47f9aa603f7edce4521dbaa27ae",alt:this.label||"",class:p.image,src:e}),this.icon&&this.renderIcon(),this.renderHeaderContent()))}static get delegatesFocus(){return true}get el(){return a(this)}};x.style=y;const k={textContainer:"text-container",fullName:"full-name",username:"username",button:"button"};const z=":host{display:inline-flex;outline:2px solid transparent;outline-offset:2px}:host .button{background-color:transparent;border:none;margin:0px;display:flex;cursor:pointer;align-items:center;justify-content:center;font-family:var(--calcite-font-family);font-size:var(--calcite-font-size-0);line-height:1.25rem;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-block-end:2px solid transparent}:host(:hover) .button,:host(:focus) .button{background-color:var(--calcite-color-foreground-2)}:host(:focus) .button{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:active) .button{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([active]) .button{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1);--calcite-icon-color:var(--calcite-color-brand)}.text-container{margin-block-start:0.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}calcite-avatar{padding-inline:1rem}calcite-avatar~.text-container{padding-inline-start:0px}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.username{color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host([hidden]){display:none}[hidden]{display:none}";const w=z;const S=class{constructor(t){e(this,t);this.active=undefined;this.fullName=undefined;this.label=undefined;this.textDisabled=false;this.thumbnail=undefined;this.userId=undefined;this.username=undefined}async setFocus(){await c(this);this.el.focus()}componentWillLoad(){r(this)}componentDidLoad(){l(this)}render(){return n(o,{key:"d848f4b0ee430fdbf74ce63be874afc055b1a48a"},n("button",{key:"d8187d1795407a9d12e4f2c6c3d75dba47cdf028","aria-label":this.label,class:k.button},n("calcite-avatar",{key:"3a8526feb870ed33d7eae888c71f9489d90df26f","full-name":this.fullName,label:this.label,thumbnail:this.thumbnail,"user-id":this.userId,username:this.username}),(this.fullName||this.username)&&!this.textDisabled&&n("div",{key:"111bc54b8e187a95849ed325aca22880c00d1191",class:k.textContainer},this.fullName&&n("span",{class:k.fullName,key:k.fullName},this.fullName),this.username&&n("span",{class:k.username,key:k.username},this.username))))}static get delegatesFocus(){return true}get el(){return a(this)}};S.style=w;export{g as calcite_navigation,x as calcite_navigation_logo,S as calcite_navigation_user};
+//# sourceMappingURL=p-2b6a8bee.entry.js.map

package/dist/calcite/p-2dc4e76d.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as s,h as e,g as i,F as n}from"./p-67e556ed.js";import{C as o,n as a,a as l,b as c,o as r,c as h,d,D as u,e as p,f,g as m,p as b,j as g,k as w,R as x,H as y,O as C,t as v,l as k,m as A,S,q as I,r as z,s as D,u as $,i as F,v as j,w as O}from"./p-56e21f3a.js";import{u as L,g as N,f as P,d as K,i as T}from"./p-0fb1c54a.js";import{u as U,I as E}from"./p-49632699.js";import{i as M}from"./p-cfc4daa3.js";import{c as H,s as _,a as B}from"./p-1f5a7c5e.js";import{c as R,d as V}from"./p-bf4dc8d8.js";import{r as q,c as W,a as J}from"./p-92e35356.js";import{u as X,s as G,c as Y,d as Q}from"./p-3a1a720c.js";import{t as Z}from"./p-64942c72.js";import"./p-57e1e048.js";import"./p-7f97e86a.js";import"./p-4dd99f61.js";import"./p-06c0de26.js";import"./p-6e30bcc2.js";const tt=':host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:6px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing);gap:var(--calcite-spacing-xxs)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-color-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';const st=tt;const et=16;const it=class{constructor(i){t(this,i);this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6);this.internalColorUpdateContext=null;this.isActiveChannelInputEmpty=false;this.mode=o.HEX;this.shiftKeyChannelAdjustment=0;this.upOrDownArrowKeyTracker=null;this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t;const e={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(e[s]){t.preventDefault();this.scopeOrientation=s==="ArrowDown"||s==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+e[s].x||0,this.colorFieldScopeTop+e[s].y||0,false)}};this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.hue();const a=this.baseColorFieldColor.hue(o+n);this.internalColorSet(a,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:s,color:e}=this;const i=t.target;const n=i.value;if(s&&!n){this.internalColorSet(null);return}const o=e&&a(l(e,f(this.mode)));if(n!==o){this.internalColorSet(c(n))}};this.handleSavedColorSelect=t=>{const s=t.currentTarget;this.internalColorSet(c(s.color))};this.handleChannelInput=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=e===3;const n=i?C.max:this.channelMode==="rgb"?x[Object.keys(x)[e]]:y[Object.keys(y)[e]];let o;if(!s.value){o="";this.isActiveChannelInputEmpty=true;this.upOrDownArrowKeyTracker=null}else{const t=Number(s.value);const e=t+this.shiftKeyChannelAdjustment;const i=W(e,0,n);o=i.toString()}s.value=o;if(o!==""&&this.shiftKeyChannelAdjustment!==0){this.handleChannelChange(t)}else if(o!==""){this.handleChannelChange(t)}};this.handleChannelBlur=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=[...this.channels];const n=!s.value&&!this.isClearable;if(n){s.value=i[e]?.toString()}};this.handleChannelFocus=t=>{const s=t.currentTarget;s.selectText()};this.handleChannelChange=t=>{const s=t.currentTarget;const e=Number(s.getAttribute("data-channel-index"));const i=[...this.channels];const n=this.isClearable&&!s.value;if(n){this.channels=[null,null,null,null];this.internalColorSet(null);return}const o=e===3;if(this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker){s.value=this.upOrDownArrowKeyTracker==="up"?(i[e]+1<=this.getChannelInputLimit(e)?i[e]+1:this.getChannelInputLimit(e)).toString():(i[e]-1>=0?i[e]-1:0).toString();this.isActiveChannelInputEmpty=false;this.upOrDownArrowKeyTracker=null}const a=s.value?Number(s.value):i[e];i[e]=o?r(a):a;this.updateColorFromChannels(i)};this.handleSavedColorKeyDown=t=>{if(M(t.key)){t.preventDefault();this.handleSavedColorSelect(t)}};this.handleColorFieldPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)};this.handleHueSliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)};this.handleOpacitySliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)};this.globalPointerUpHandler=t=>{if(!L(t)){return}const s=this.activeCanvasInfo;this.activeCanvasInfo=null;this.drawColorControls();if(s){this.calciteColorPickerChange.emit()}};this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:e}=this;if(!e.isConnected||!s){return}const{context:i,bounds:n}=s;let o;let a;const{clientX:l,clientY:c}=t;if(i.canvas.matches(":hover")){o=l-n.x;a=c-n.y}else{if(l<n.x+n.width&&l>n.x){o=l-n.x}else if(l<n.x){o=0}else{o=n.width}if(c<n.y+n.height&&c>n.y){a=c-n.y}else if(c<n.y){a=0}else{a=n.height}}if(i===this.colorFieldRenderingContext){this.captureColorFieldColor(o,a,false)}else if(i===this.hueSliderRenderingContext){this.captureHueSliderColor(o)}else if(i===this.opacitySliderRenderingContext){this.captureOpacitySliderValue(o)}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.storeHueScope=t=>{this.hueScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:i}=this;const n=t===s;const o=t==="rgb"?i.rgb:i.hsv;return e("calcite-tab-title",{class:h.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:n},o)};this.renderChannelsTab=t=>{const{isClearable:s,channelMode:i,channels:n,messages:o,alphaChannel:a}=this;const l=t===i;const c=t==="rgb";const r=c?[o.red,o.green,o.blue]:[o.hue,o.saturation,o.value];const u=N(this.el);const p=a?n:n.slice(0,3);return e("calcite-tab",{class:h.control,key:t,selected:l},e("div",{class:h.channels,dir:"ltr"},p.map(((t,e)=>{const i=e===3;if(i){t=s&&!t?t:d(t)}return this.renderChannel(t,e,r[e],u,i?"%":"")}))))};this.renderChannel=(t,s,i,n,o)=>e("calcite-input-number",{class:h.channel,"data-channel-index":s,dir:n,key:s,label:i,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onCalciteInternalInputNumberBlur:this.handleChannelBlur,onCalciteInternalInputNumberFocus:this.handleChannelFocus,onKeyDown:this.handleKeyDown,scale:this.scale==="l"?"m":"s",style:{marginLeft:s>0&&!(this.scale==="s"&&this.alphaChannel&&s===3)?"-1px":""},suffixText:o,value:t?.toString()});this.deleteColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(!s){return}const e=this.savedColors.filter((s=>s!==t));this.savedColors=e;const i=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.saveColor=()=>{const t=l(this.color,this.alphaChannel);const s=this.savedColors.indexOf(t)>-1;if(s){return}const e=[...this.savedColors,t];this.savedColors=e;const i=`${I}${this.storageId}`;if(this.storageId){localStorage.setItem(i,JSON.stringify(e))}};this.drawColorControls=Z(((t="all")=>{if((t==="all"||t==="color-field")&&this.colorFieldRenderingContext){this.drawColorField()}if((t==="all"||t==="hue-slider")&&this.hueSliderRenderingContext){this.drawHueSlider()}if(this.alphaChannel&&(t==="all"||t==="opacity-slider")&&this.opacitySliderRenderingContext){this.drawOpacitySlider()}}),et);this.captureColorFieldColor=(t,s,e=true)=>{const{dimensions:{colorField:{height:i,width:n}}}=this;const o=Math.round(y.s/n*t);const a=Math.round(y.v/i*(i-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(o).value(a),e)};this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d");this.updateCanvasSize("color-field");this.drawColorControls()};this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d");this.updateCanvasSize("hue-slider");this.drawHueSlider()};this.initOpacitySlider=t=>{if(!t){return}this.opacitySliderRenderingContext=t.getContext("2d");this.updateCanvasSize("opacity-slider");this.drawOpacitySlider()};this.storeOpacityScope=t=>{this.opacityScopeNode=t};this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1;const{key:e}=t;const i={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(i[e]){t.preventDefault();const n=i[e]*s;const o=this.baseColorFieldColor.alpha();const a=this.baseColorFieldColor.alpha(o+n);this.internalColorSet(a,false)}};this.allowEmpty=false;this.alphaChannel=false;this.channelsDisabled=false;this.clearable=false;this.color=u;this.disabled=false;this.format="auto";this.hideChannels=false;this.hexDisabled=false;this.hideHex=false;this.hideSaved=false;this.savedDisabled=false;this.scale="m";this.storageId=undefined;this.messageOverrides=undefined;this.numberingSystem=undefined;this.value=a(l(u,this.alphaChannel));this.channelMode="rgb";this.channels=this.toChannels(u);this.defaultMessages=undefined;this.dimensions=p.m;this.effectiveLocale="";this.messages=undefined;this.savedColors=[];this.colorFieldScopeTop=undefined;this.colorFieldScopeLeft=undefined;this.hueScopeLeft=undefined;this.opacityScopeLeft=undefined;this.scopeOrientation=undefined}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:s}=this;if(t&&s!=="auto"&&!f(s)){console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`);this.alphaChannel=false}}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=m(this.dimensions,this.alphaChannel);this.drawColorControls()}handleColorChange(t,s){this.drawColorControls();this.updateChannelsFromColor(t);this.previousColor=s}handleFormatOrAlphaChannelChange(){this.setMode(this.format);this.internalColorSet(this.color,false,"internal")}handleScaleChange(t="m"){this.updateDimensions(t);this.updateCanvasSize("all");this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{isClearable:e,format:i}=this;const n=!e||t;let o=false;if(n){const e=b(t);if(!e||i!=="auto"&&e!==i){this.showIncompatibleColorWarning(t,i);this.value=s;return}o=this.mode!==e;this.setMode(e,this.internalColorUpdateContext===null)}const a=this.activeCanvasInfo;if(this.internalColorUpdateContext==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!a){this.calciteColorPickerChange.emit()}return}const l=e&&!t?null:c(t!=null&&typeof t==="object"&&f(this.mode)?g(t):t);const r=!w(l,this.color);if(o||r){this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}}get baseColorFieldColor(){return this.color||this.previousColor||u}effectiveLocaleChange(){X(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if(s!=="ArrowUp"&&s!=="ArrowDown"||!t.composedPath().some((t=>t.classList?.contains(h.channel)))){return}const{shiftKey:e}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const i=9;this.shiftKeyChannelAdjustment=s==="ArrowUp"&&e?i:s==="ArrowDown"&&e?-i:0;if(s==="ArrowUp"){this.upOrDownArrowKeyTracker="up"}if(s==="ArrowDown"){this.upOrDownArrowKeyTracker="down"}}getChannelInputLimit(t){return this.channelMode==="rgb"?x[Object.keys(x)[t]]:y[Object.keys(y)[t]]}focusScope(t){requestAnimationFrame((()=>{t.focus()}))}handleCanvasControlPointerDown(t,s,e,i){if(!L(t)){return}window.addEventListener("pointermove",this.globalPointerMoveHandler);window.addEventListener("pointerup",this.globalPointerUpHandler,{once:true});this.activeCanvasInfo={context:s,bounds:s.canvas.getBoundingClientRect()};e.call(this,t.offsetX,t.offsetY);this.focusScope(i)}async setFocus(){await H(this);P(this.el)}async componentWillLoad(){_(this);this.handleAllowEmptyOrClearableChange();this.handleAlphaChannelDimensionsChange();const{isClearable:t,color:s,format:e,value:i}=this;const n=t&&!i;const o=b(i);const a=n||e==="auto"&&o||e===o;const l=n?null:a?c(i):s;if(!a){this.showIncompatibleColorWarning(i,e)}this.setMode(e,false);this.internalColorSet(l,false,"initial");this.updateDimensions(this.scale);const r=`${I}${this.storageId}`;if(this.storageId&&localStorage.getItem(r)){this.savedColors=JSON.parse(localStorage.getItem(r))}await G(this)}connectedCallback(){R(this);Y(this)}componentDidLoad(){B(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler);window.removeEventListener("pointerup",this.globalPointerUpHandler);V(this);Q(this)}componentDidRender(){U(this)}render(){const{channelsDisabled:t,color:s,colorFieldScopeLeft:i,colorFieldScopeTop:n,dimensions:{thumb:{radius:o}},hexDisabled:a,hideChannels:c,hideHex:r,hideSaved:p,hueScopeLeft:f,messages:m,alphaChannel:b,opacityScopeLeft:g,savedColors:w,savedDisabled:x,scale:v,scopeOrientation:k}=this;const A=this.effectiveSliderWidth;const S=s?l(s,b):null;const I=o;const z=f??A*u.hue()/y.h;const D=o;const $=g??A*d(u.alpha())/C.max;const F=s===null;const j=k==="vertical";const O=a||r;const L=t||c;const N=x||p;const[P,K]=this.getAdjustedScopePosition(i,n);const[T,U]=this.getAdjustedScopePosition(z,I);const[M,H]=this.getAdjustedScopePosition($,D);return e(E,{key:"c4837ef7cbe25b5fc3f0c72fe82d0090c6e0cdb5",disabled:this.disabled},e("div",{key:"28230570482ee9d33df9518e3cca534e3fac44ac",class:h.container},e("div",{key:"83172bc55f13955f5b69b59300e68642d59999af",class:h.controlAndScope},e("canvas",{key:"c20db7054ab5ebdb1e13ba295ac463609c44de47",class:h.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),e("div",{key:"1e44beb121ed5a2247a6d69bf42c49a7f1ce5829","aria-label":j?m.value:m.saturation,"aria-valuemax":j?y.v:y.s,"aria-valuemin":"0","aria-valuenow":(j?s?.saturationv():s?.value())||"0",class:{[h.scope]:true,[h.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${K||0}px`,left:`${P||0}px`},tabindex:"0"})),e("div",{key:"5b873f4e7266cc654086f59c8483d3b4a65c8e8f",class:h.previewAndSliders},e("calcite-color-picker-swatch",{key:"db7c903a933ed061cc2edcd766fde70a8b670f00",class:h.preview,color:S,scale:this.alphaChannel?"l":this.scale}),e("div",{key:"33ea2354cbcfaa6677e82713bd8f02d1b83a9c26",class:h.sliders},e("div",{key:"28493b4bd177b8c97583cabeb5716a7cb7202e76",class:h.controlAndScope},e("canvas",{key:"d0a9ce7fb098b7434cd62f68b6b6092efcef3dc4",class:{[h.slider]:true,[h.hueSlider]:true},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),e("div",{key:"2356120385aabf09384f0077dffb7881c55c5ea9","aria-label":m.hue,"aria-valuemax":y.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||u.round().hue(),class:{[h.scope]:true,[h.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${U}px`,left:`${T}px`},tabindex:"0"})),b?e("div",{class:h.controlAndScope},e("canvas",{class:{[h.slider]:true,[h.opacitySlider]:true},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),e("div",{"aria-label":m.opacity,"aria-valuemax":C.max,"aria-valuemin":C.min,"aria-valuenow":(s||u).round().alpha(),class:{[h.scope]:true,[h.opacityScope]:true},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${H}px`,left:`${M}px`},tabindex:"0"})):null)),O&&L?null:e("div",{class:{[h.controlSection]:true,[h.section]:true}},e("div",{class:h.hexAndChannelsGroup},O?null:e("div",{class:h.hexOptions},e("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:b,class:h.control,messages:m,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:v,value:S})),L?null:e("calcite-tabs",{class:{[h.colorModeContainer]:true,[h.splitSection]:true},scale:v==="l"?"m":"s"},e("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),N?null:e("div",{class:{[h.savedColorsSection]:true,[h.section]:true}},e("div",{class:h.header},e("label",null,m.saved),e("div",{class:h.savedColorsButtons},e("calcite-button",{appearance:"transparent",class:h.deleteColor,disabled:F,iconStart:"minus",kind:"neutral",label:m.deleteColor,onClick:this.deleteColor,scale:v,type:"button"}),e("calcite-button",{appearance:"transparent",class:h.saveColor,disabled:F,iconStart:"plus",kind:"neutral",label:m.saveColor,onClick:this.saveColor,scale:v,type:"button"}))),w.length>0?e("div",{class:h.savedColors},[...w.map((t=>e("calcite-color-picker-swatch",{class:h.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null)))}handleKeyDown(t){if(t.key==="Enter"){t.preventDefault()}}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=true){const e=t==="auto"?this.mode:t;this.mode=this.ensureCompatibleMode(e,s)}ensureCompatibleMode(t,s){const{alphaChannel:e}=this;const i=f(t);if(e&&!i){const e=z(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}if(!e&&i){const e=v(t);if(s){console.warn(`setting format to (${e}) as the provided one (${t}) does not support alpha`)}return e}return t}captureHueSliderColor(t){const s=A/this.effectiveSliderWidth*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}captureOpacitySliderValue(t){const s=r(C.max/this.effectiveSliderWidth*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),false)}internalColorSet(t,s=true,e="user-interaction"){if(s&&w(t,this.color)){return}this.internalColorUpdateContext=e;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,s=this.mode){if(!t){return null}const e="hex";if(s.includes(e)){const e=s===o.HEXA;return a(l(t.round(),e),e)}if(s.includes("-css")){const e=t[s.replace("-css","").replace("a","")]().round().string();const i=(s.endsWith("a")||s.endsWith("a-css"))&&t.alpha()===1;if(i){const s=e.slice(0,3);const i=e.slice(4,-1);return`${s}a(${i}, ${t.alpha()})`}return e}const i=t[v(s)]().round().object();if(s.endsWith("a")){return k(i)}return i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return s*2-t}updateDimensions(t="m"){this.dimensions=p[t]}drawColorField(){const t=this.colorFieldRenderingContext;const{dimensions:{colorField:{height:s,width:e}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string();t.fillRect(0,0,e,s);const i=t.createLinearGradient(0,0,e,0);i.addColorStop(0,"rgba(255,255,255,1)");i.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=i;t.fillRect(0,0,e,s);const n=t.createLinearGradient(0,0,0,s);n.addColorStop(0,"rgba(0,0,0,0)");n.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=n;t.fillRect(0,0,e,s);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:e}){if(!t){return}const i=window.devicePixelRatio||1;t.width=e*i;t.height=s*i;t.style.height=`${s}px`;t.style.width=`${e}px`;const n=t.getContext("2d");n.scale(i,i)}updateCanvasSize(t="all"){const{dimensions:s}=this;if(t==="all"||t==="color-field"){this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,s.colorField)}const e={width:this.effectiveSliderWidth,height:s.slider.height+(s.thumb.radius-s.slider.height/2)*2};if(t==="all"||t==="hue-slider"){this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,e)}if(t==="all"||t==="opacity-slider"){this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,e)}}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const s=t.hsv();const{dimensions:{colorField:{height:e,width:i},thumb:{radius:n}}}=this;const o=s.saturationv()/(y.s/i);const a=e-s.value()/(y.v/e);requestAnimationFrame((()=>{this.colorFieldScopeLeft=o;this.colorFieldScopeTop=a}));this.drawThumb(this.colorFieldRenderingContext,n,o,a,s,false)}drawThumb(t,s,e,i,n,o){const a=0;const l=2*Math.PI;const c=1;t.beginPath();t.arc(e,i,s,a,l);t.fillStyle="#fff";t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=c;t.stroke();if(o&&n.alpha()<1){const n=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath();t.arc(e,i,s-3,a,l);t.fillStyle=n;t.fill()}t.globalCompositeOperation="source-atop";t.beginPath();t.arc(e,i,s-3,a,l);const r=o?n.alpha():1;t.fillStyle=n.rgb().alpha(r).string();t.fill();t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const s=t.hsv().saturationv(100).value(100);const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=s.hue()/(A/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.hueScopeLeft=a}));this.drawThumb(this.hueSliderRenderingContext,e,a,o,s,false)}drawHueSlider(){const t=this.hueSliderRenderingContext;const{dimensions:{slider:{height:s},thumb:{radius:e}}}=this;const i=0;const n=e-s/2;const o=this.effectiveSliderWidth;const a=t.createLinearGradient(0,0,o,0);const l=["red","yellow","lime","cyan","blue","magenta","#ff0004"];const r=1/(l.length-1);let h=0;l.forEach((t=>{a.addColorStop(h,c(t).string());h+=r}));t.clearRect(0,0,o,s+this.getSliderCapSpacing()*2);this.drawSliderPath(t,s,o,i,n);t.fillStyle=a;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext;const{baseColorFieldColor:s,dimensions:{slider:{height:e},thumb:{radius:i}}}=this;const n=0;const o=i-e/2;const a=this.effectiveSliderWidth;t.clearRect(0,0,a,e+this.getSliderCapSpacing()*2);const l=t.createLinearGradient(0,o,a,0);const c=s.rgb().alpha(0);const r=s.rgb().alpha(.5);const h=s.rgb().alpha(1);l.addColorStop(0,c.string());l.addColorStop(.5,r.string());l.addColorStop(1,h.string());this.drawSliderPath(t,e,a,n,o);const d=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=d;t.fill();t.fillStyle=l;t.fill();t.strokeStyle="rgba(0,0,0,0.3)";t.lineWidth=1;t.stroke();this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,e,i,n){const o=s/2+1;t.beginPath();t.moveTo(i+o,n);t.lineTo(i+e-o,n);t.quadraticCurveTo(i+e,n,i+e,n+o);t.lineTo(i+e,n+s-o);t.quadraticCurveTo(i+e,n+s,i+e-o,n+s);t.lineTo(i+o,n+s);t.quadraticCurveTo(i,n+s,i,n+s-o);t.lineTo(i,n+o);t.quadraticCurveTo(i,n,i+o,n);t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern){return this.checkerPattern}const t=document.createElement("canvas");t.width=10;t.height=10;const s=t.getContext("2d");s.fillStyle="#ccc";s.fillRect(0,0,10,10);s.fillStyle="#fff";s.fillRect(0,0,5,5);s.fillRect(5,5,5,5);this.checkerPattern=t;return t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t){return}const s=t;const{dimensions:{thumb:{radius:e}}}=this;const i=this.effectiveSliderWidth;const n=d(s.alpha())/(C.max/i);const o=e;const a=this.getSliderBoundX(n,i,e);requestAnimationFrame((()=>{this.opacityScopeLeft=a}));this.drawThumb(this.opacitySliderRenderingContext,e,a,o,s,true)}getSliderBoundX(t,s,e){const i=J(t,s,e);return i===0?t:i===-1?q(t,0,s,e,e*2):q(t,0,s,s-e*2,s-e)}updateColorFromChannels(t){this.internalColorSet(c(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this;const e=t[s]().array().map(((t,s)=>{const e=s===3;return e?t:Math.floor(t)}));if(e.length===3){e.push(1)}return e}getAdjustedScopePosition(t,s){return[t-S/2,s-S/2]}static get assetsDirs(){return["assets"]}get el(){return i(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleAlphaChannelDimensionsChange","handleFormatOrAlphaChannelChange"],dimensions:["handleAlphaChannelDimensionsChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};it.style=st;const nt={container:"container",hexInput:"hex-input",opacityInput:"opacity-input"};const ot=":host{display:block}.container{display:flex;inline-size:100%;flex-wrap:nowrap;align-items:center}.hex-input{flex-grow:1;text-transform:uppercase}.opacity-input{inline-size:68px;margin-inline-start:-1px}:host([scale=s]) .container{flex-wrap:wrap;row-gap:0.125rem}:host([scale=s]) .opacity-input{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .opacity-input{inline-size:88px}:host([hidden]){display:none}[hidden]{display:none}";const at=ot;const lt=c();const ct=class{constructor(e){t(this,e);this.calciteColorPickerHexInputChange=s(this,"calciteColorPickerHexInputChange",6);this.onHexInputBlur=()=>{const t=this.hexInputNode;const s=t.value;const e=`#${s}`;const{allowEmpty:i,internalColor:n}=this;const o=i&&!s;const a=D(e);if($(e,this.alphaChannel)){this.onHexInputChange()}if(o||F(e)&&a){return}t.value=i&&!n?"":this.formatHexForInternalInput(j(n.object()))};this.onOpacityInputBlur=()=>{const t=this.opacityInputNode;const s=t.value;const{allowEmpty:e,internalColor:i}=this;const n=e&&!s;if(n){return}t.value=e&&!i?"":this.formatOpacityForInternalInput(i)};this.onOpacityInputInput=()=>{this.onOpacityInputChange()};this.onHexInputChange=()=>{const t=this.hexInputNode.value;let s=t;if(s){const t=a(s,false);const e=F(t)&&this.alphaChannel;if(e&&this.internalColor){const e=a(this.internalColor.hexa(),true).slice(-2);s=`${t+e}`}}this.internalSetValue(s,this.value)};this.onOpacityInputChange=()=>{const t=this.opacityInputNode;let s;if(!t.value){s=t.value}else{const e=r(Number(t.value));s=this.internalColor?.alpha(e).hexa()}this.internalSetValue(s,this.value)};this.onInputFocus=t=>{t.type==="calciteInternalInputTextFocus"?this.hexInputNode.selectText():this.opacityInputNode.selectText()};this.onHexInputInput=()=>{const t=`#${this.hexInputNode.value}`;const s=this.value;if(F(t,this.alphaChannel)&&D(t,this.alphaChannel)){this.internalSetValue(t,s)}};this.onInputKeyDown=t=>{const{altKey:s,ctrlKey:e,metaKey:i,shiftKey:n}=t;const{alphaChannel:o,hexInputNode:a,internalColor:c,value:r}=this;const{key:h}=t;const d=t.composedPath();if(h==="Tab"&&$(r,this.alphaChannel)||h==="Enter"){if(d.includes(a)){this.onHexInputChange()}else{this.onOpacityInputChange()}if(h==="Enter"){t.preventDefault()}return}const u=h==="ArrowDown"||h==="ArrowUp";const p=this.value;if(u){if(!r){this.internalSetValue(this.previousNonNullValue,p);t.preventDefault();return}const s=h==="ArrowUp"?1:-1;const e=n?10:1;this.internalSetValue(l(this.nudgeRGBChannels(c,e*s,d.includes(a)?"rgb":"a"),o),p);t.preventDefault();return}const f=s||e||i;const m=h.length===1;const b=O.test(h);if(m&&!f&&!b){t.preventDefault()}};this.onHexInputPaste=t=>{const s=t.clipboardData.getData("text");if(F(s,this.alphaChannel)&&D(s,this.alphaChannel)){t.preventDefault();this.hexInputNode.value=s.slice(1);this.internalSetValue(s,this.value)}};this.previousNonNullValue=this.value;this.storeHexInputRef=t=>{this.hexInputNode=t};this.storeOpacityInputRef=t=>{this.opacityInputNode=t};this.allowEmpty=false;this.alphaChannel=false;this.hexLabel="Hex";this.messages=undefined;this.numberingSystem=undefined;this.scale="m";this.value=a(l(lt,this.alphaChannel),this.alphaChannel,true);this.internalColor=lt}connectedCallback(){const{allowEmpty:t,alphaChannel:s,value:e}=this;if(e){const t=a(e,s);if(F(t,s)){this.internalSetValue(t,t,false)}return}if(t){this.internalSetValue(null,null,false)}}componentWillLoad(){_(this)}componentDidLoad(){B(this)}handleValueChange(t,s){this.internalSetValue(t,s,false)}render(){const{alphaChannel:t,hexLabel:s,internalColor:i,messages:n,scale:o,value:a}=this;const l=this.formatHexForInternalInput(a);const c=this.formatOpacityForInternalInput(i);const r=o==="l"?"m":"s";return e("div",{key:"70f804fdbc3c29fdf49616f56c39593fdc3717da",class:nt.container},e("calcite-input-text",{key:"777d1f8ffa673a0d74f049d4a6bdacbf3510006a",class:nt.hexInput,label:n?.hex||s,maxLength:this.alphaChannel?8:6,onCalciteInputTextChange:this.onHexInputChange,onCalciteInputTextInput:this.onHexInputInput,onCalciteInternalInputTextBlur:this.onHexInputBlur,onCalciteInternalInputTextFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,onPaste:this.onHexInputPaste,prefixText:"#",ref:this.storeHexInputRef,scale:r,value:l}),t?e("calcite-input-number",{class:nt.opacityInput,key:"opacity-input",label:n?.opacity,max:C.max,maxLength:3,min:C.min,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberInput:this.onOpacityInputInput,onCalciteInternalInputNumberBlur:this.onOpacityInputBlur,onCalciteInternalInputNumberFocus:this.onInputFocus,onKeyDown:this.onInputKeyDown,ref:this.storeOpacityInputRef,scale:r,suffixText:"%",value:c}):null)}async setFocus(){await H(this);return K(this.hexInputNode)}internalSetValue(t,s,e=true){if(t){const{alphaChannel:s}=this;const i=a(t,s,s);if(F(i,s)){const{internalColor:t}=this;const n=c(i);const o=a(l(n,s),s);const r=!t||o!==a(l(t,s),s);this.internalColor=n;this.previousNonNullValue=o;this.value=o;if(r&&e){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(e){this.calciteColorPickerHexInputChange.emit()}return}this.value=s}formatHexForInternalInput(t){return t?t.replace("#","").slice(0,6):""}formatOpacityForInternalInput(t){return t?`${d(t.alpha())}`:""}nudgeRGBChannels(t,s,e){let i;const n=t.array();const o=n.slice(0,3);if(e==="rgb"){const t=o.map((t=>t+s));i=[...t,this.alphaChannel?n[3]:undefined]}else{const e=r(d(t.alpha())+s);i=[...o,e]}return c(i)}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"]}}};ct.style=at;const rt={swatch:"swatch",noColorSwatch:"swatch--no-color",checker:"checker"};const ht={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};const dt=4;const ut={squareSize:dt,size:dt*2};const pt=":host{position:relative;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:hidden;block-size:inherit;inline-size:inherit}.swatch rect{transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.swatch--no-color rect{fill:var(--calcite-color-foreground-1)}.swatch--no-color line{stroke:var(--calcite-color-status-danger)}.checker{fill:#cacaca}:host([hidden]){display:none}[hidden]{display:none}";const ft=pt;const mt=class{constructor(s){t(this,s);this.active=false;this.color=undefined;this.scale="m"}handleColorChange(t){this.internalColor=t?c(t):null}componentWillLoad(){this.handleColorChange(this.color)}render(){const t=!this.internalColor;const s={[rt.swatch]:true,[rt.noColorSwatch]:t};return e("svg",{key:"d808ca40b9f81aad24291cabcfaf95d74d89f7cd",class:s,xmlns:"http://www.w3.org/2000/svg"},this.renderSwatch())}renderSwatch(){const{active:t,el:s,internalColor:i}=this;const o=t?"100%":"0";const a=T(s);const c=a==="light"?ht.borderLight:ht.borderDark;const r=!i;const h={height:"100%",rx:o,stroke:c,strokeWidth:"2",width:"100%"};if(r){return e(n,null,e("clipPath",{id:"shape"},e("rect",{height:"100%",rx:o,width:"100%"})),this.renderSwatchRect({clipPath:`inset(0 round ${o})`,...h}),e("line",{"clip-path":"url(#shape)","stroke-width":"3",x1:"100%",x2:"0",y1:"0",y2:"100%"}))}const d=i.alpha();const u=l(i);const p=l(i,d<1);return e(n,null,e("title",null,p),e("defs",null,e("pattern",{height:ut.size,id:"checker",patternUnits:"userSpaceOnUse",width:ut.size,x:"0",y:"0"},e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:"0",y:"0"}),e("rect",{class:rt.checker,height:ut.squareSize,width:ut.squareSize,x:ut.squareSize,y:ut.squareSize}))),this.renderSwatchRect({fill:"url(#checker)",rx:h.rx,height:h.height,width:h.width}),this.renderSwatchRect({clipPath:d<1?"polygon(100% 0, 0 0, 0 100%)":`inset(0 round ${o})`,fill:u,...h}),d<1?this.renderSwatchRect({clipPath:"polygon(100% 0, 100% 100%, 0 100%)",fill:p,key:"opacity-fill",...h}):null)}renderSwatchRect({clipPath:t,fill:s,height:i,key:n,rx:o,stroke:a,strokeWidth:l,width:c}){return e("rect",{"clip-path":t,fill:s,height:i,key:n,rx:o,stroke:a,"stroke-width":l,width:c})}get el(){return i(this)}static get watchers(){return{color:["handleColorChange"]}}};mt.style=ft;export{it as calcite_color_picker,ct as calcite_color_picker_hex_input,mt as calcite_color_picker_swatch};
+//# sourceMappingURL=p-2dc4e76d.entry.js.map

package/dist/calcite/p-2e79e086.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as t,c as e,h as i,H as a,g as n}from"./p-67e556ed.js";import{s as o,k as s,t as r,g as c,B as l}from"./p-0fb1c54a.js";import{c as h,d}from"./p-bf4dc8d8.js";import{g as u}from"./p-57e1e048.js";import{u as p,I as f}from"./p-49632699.js";import{a as m,s as g,c as v}from"./p-1f5a7c5e.js";import{c as b,d as k,s as y,u as x}from"./p-3a1a720c.js";import{c as w}from"./p-06c0de26.js";import{b as I}from"./p-a9b127f5.js";import{g as z}from"./p-18cf26c8.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";import"./p-4dd99f61.js";const C=6e3;const j={container:"container",containerOverlaid:"container--overlaid",containerEdged:"container--edged",itemContainer:"item-container",itemContainerForward:"item-container--forward",itemContainerBackward:"item-container--backward",pagination:"pagination",paginationItems:"pagination-items",paginationItem:"pagination-item",paginationItemIndividual:"pagination-item--individual",paginationItemVisible:"pagination-item--visible",paginationItemOutOfRange:"pagination-item--out-of-range",paginationItemSelected:"pagination-item--selected",paginationItemRangeEdge:"pagination-item--range-edge",pageNext:"page-next",pagePrevious:"page-previous",autoplayControl:"autoplay-control",autoplayProgress:"autoplay-progress"};const W={chevronLeft:"chevron-left",chevronRight:"chevron-right",inactive:"bullet-point",active:"bullet-point-large",pause:"pause-f",play:"play-f"};const L={medium:7,small:5,xsmall:3,xxsmall:1};const R=":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;inline-size:100%;--calcite-internal-internal-carousel-item-space:1.5rem;--calcite-internal-internal-carousel-item-space-wide:3.5rem;--calcite-internal-internal-carousel-item-background-color:var(\n    --calcite-internal-carousel-item-background-color,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-background-color-hover:var(\n    --calcite-internal-carousel-item-background-color-hover,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-active:var(\n    --calcite-internal-carousel-item-background-color-active,\n    var(--calcite-color-foreground-2)\n  );--calcite-internal-internal-carousel-item-background-color-selected:var(\n    --calcite-internal-carousel-item-background-color-selected,\n    var(--calcite-color-foreground-1)\n  );--calcite-internal-internal-carousel-item-icon-color-hover:var(\n    --calcite-internal-carousel-item-icon-color-hover,\n    var(--calcite-action-color-transparent-hover)\n  );--calcite-internal-internal-carousel-item-icon-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-item-icon-color-selected:var(\n    --calcite-internal-carousel-item-icon-color-selected,\n    var(--calcite-color-brand)\n  );--calcite-internal-internal-carousel-control-color-hover:var(\n    --calcite-internal-carousel-control-color-hover,\n    var(--calcite-internal-carousel-item-icon-color-hover)\n  );--calcite-internal-internal-carousel-control-color:var(\n    --calcite-internal-carousel-item-icon-color,\n    var(--calcite-color-border-input)\n  );--calcite-internal-internal-carousel-autoplay-progress-background-color:var(\n    --calcite-internal-carousel-autoplay-progress-background-color,\n    var(--calcite-color-border-3)\n  );--calcite-internal-internal-carousel-autoplay-progress-fill-color:var(\n    --calcite-internal-carousel-autoplay-progress-fill-color,\n    var(--calcite-color-brand)\n  )}.container{position:relative;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);outline-color:transparent}.container:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.container--edged:not(.container--overlaid){padding-inline:var(--calcite-internal-internal-carousel-item-space-wide);inline-size:calc(100% - var(--calcite-internal-internal-carousel-item-space-wide) * 2)}.item-container{display:flex;flex:1 1 auto;align-items:flex-start;justify-content:center;overflow:auto;padding:0.25rem;animation-name:none;animation-duration:var(--calcite-animation-timing)}.container--overlaid .item-container{padding:0px}.item-container--forward{animation-name:item-forward}.item-container--backward{animation-name:item-backward}calcite-carousel-item:not([selected]){opacity:0}.pagination{margin:0.75rem;display:flex;flex-direction:row;align-items:center;justify-content:center;inline-size:auto}.pagination-items{display:flex;flex-direction:row;align-items:center}.container--overlaid .pagination{position:absolute}.pagination-item.page-next,.pagination-item.page-previous{color:var(--calcite-internal-internal-carousel-control-color)}.pagination-item.page-next:hover,.pagination-item.page-previous:hover{color:var(--calcite-internal-internal-carousel-control-color-hover)}.container--edged .page-next,.container--edged .page-previous{block-size:3rem;inline-size:3rem;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.container--edged .page-next{inset-inline-end:0}.container--edged .page-previous{inset-inline-start:0}.container--overlaid .pagination{inset-block-start:unset;inset-block-end:0;inset-inline:0}.pagination-item.autoplay-control{position:relative;color:var(--calcite-internal-internal-carousel-control-color);--calcite-color-brand:var(--calcite-internal-internal-carousel-autoplay-progress-fill-color);--calcite-color-border-3:var(--calcite-internal-internal-carousel-autoplay-progress-background-color)}.autoplay-control:focus .autoplay-progress{inset-block-end:4px;inset-inline:2px;inline-size:calc(100% - 4px)}.autoplay-progress{position:absolute;inset-block-end:2px;inset-inline:0;inline-size:100%}.pagination-item{margin:0px;block-size:2rem;inline-size:2rem;cursor:pointer;align-items:center;border-style:none;background-color:transparent;outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;display:flex;align-content:center;justify-content:center;--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color);color:var(--calcite-internal-internal-carousel-item-icon-color)}.pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active);color:var(--calcite-internal-internal-carousel-item-icon-color-hover)}.pagination-item calcite-icon{color:inherit;pointer-events:none}.pagination-item.pagination-item--selected{--calcite-color-foreground-1:var(--calcite-internal-internal-carousel-item-background-color-selected);--calcite-color-foreground-3:var(--calcite-internal-internal-carousel-item-background-color-selected);color:var(--calcite-internal-internal-carousel-item-icon-color-selected)}.pagination-item--individual{pointer-events:none;inline-size:0px;padding:0px;opacity:0;visibility:hidden;transition:var(--calcite-animation-timing) ease-in-out inline-size, var(--calcite-animation-timing) ease-in-out padding, var(--calcite-animation-timing) ease-in-out opacity}.pagination-item--individual.pagination-item--visible{pointer-events:auto;inline-size:2rem;opacity:1;visibility:visible}.pagination-item--range-edge calcite-icon{scale:0.75;transition:var(--calcite-animation-timing) ease-in-out scale}.container--overlaid .pagination-item{background-color:var(--calcite-internal-internal-carousel-item-background-color)}.container--overlaid .pagination-item:hover{background-color:var(--calcite-internal-internal-carousel-item-background-color-hover)}.container--overlaid .pagination-item:focus{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}.container--overlaid .pagination-item:active{background-color:var(--calcite-internal-internal-carousel-item-background-color-active)}@keyframes item-forward{0%{transform:translate3d(100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes item-backward{0%{transform:translate3d(-100px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";const D=R;const E=class{constructor(a){t(this,a);this.calciteCarouselChange=e(this,"calciteCarouselChange",6);this.calciteCarouselPlay=e(this,"calciteCarouselPlay",6);this.calciteCarouselStop=e(this,"calciteCarouselStop",6);this.calciteCarouselPause=e(this,"calciteCarouselPause",6);this.calciteCarouselResume=e(this,"calciteCarouselResume",6);this.containerId=`calcite-carousel-container-${u()}`;this.slideDurationInterval=null;this.slideInterval=null;this.resizeObserver=w("resize",(t=>t.forEach(this.resizeHandler)));this.resizeHandler=({contentRect:{width:t}})=>{this.setMaxItemsToBreakpoint(t)};this.autoplayHandler=()=>{this.clearIntervals();this.slideDurationInterval=setInterval(this.timer,this.autoplayDuration/100)};this.timer=()=>{let t=this.slideDurationRemaining;const e=!this.suspendedDueToFocus&&!this.suspendedDueToHover||this.userPreventsSuspend;if(e){if(t<=.01){t=1;this.nextItem(false)}else{t=t-.01}}if(t>0){this.slideDurationRemaining=t}};this.handleSlotChange=t=>{const e=o(t);if(e.length<1){return}const i=e.findIndex((t=>t.selected));const a=i>-1?i:0;this.items=e;this.setSelectedItem(a,false)};this.setSelectedItem=(t,e)=>{const i=this.selectedIndex;this.items.forEach(((e,i)=>{const a=t===i;e.selected=a;if(a){this.selectedItem=e;this.selectedIndex=i}}));if(e){this.playing=false;if(i!==this.selectedIndex){this.calciteCarouselChange.emit()}}};this.handleArrowClick=t=>{const e=t.target.dataset.direction;if(e==="next"){this.direction="forward";this.nextItem(true)}else if(e==="previous"){this.direction="backward";this.previousItem()}};this.handleItemSelection=t=>{const e=t.target;const i=parseInt(e.dataset.index);if(i===this.selectedIndex){return}if(this.playing){this.handlePause(true)}this.direction=i>this.selectedIndex?"forward":"backward";this.setSelectedItem(i,true)};this.toggleRotation=()=>{this.userPreventsSuspend=true;if(this.playing){this.handlePause(true)}else{this.handlePlay(true)}};this.handleFocusIn=()=>{const t=this.playing;if(t){this.suspendedDueToFocus=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseIn=()=>{const t=this.playing;if(t){this.suspendedDueToHover=true}if((!this.suspendedDueToFocus||!this.suspendedDueToHover)&&t){this.calciteCarouselPause.emit()}};this.handleMouseOut=t=>{const e=!this.el.contains(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToHover=false}if(e&&i&&!this.suspendedDueToFocus){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.handleFocusOut=t=>{const e=!t.composedPath().includes(t.relatedTarget);const i=this.playing;if(e&&i){this.suspendedDueToFocus=false}if(e&&i&&!this.suspendedDueToHover){this.userPreventsSuspend=false;this.calciteCarouselResume.emit()}};this.containerKeyDownHandler=t=>{if(t.target!==this.container){return}const e=this.items.length-1;switch(t.key){case" ":case"Enter":t.preventDefault();if(this.autoplay===""||this.autoplay||this.autoplay==="paused"){this.toggleRotation()}break;case"ArrowRight":t.preventDefault();this.direction="forward";this.nextItem(true);break;case"ArrowLeft":t.preventDefault();this.direction="backward";this.previousItem();break;case"Home":t.preventDefault();if(this.selectedIndex===0){return}this.direction="backward";this.setSelectedItem(0,true);break;case"End":t.preventDefault();if(this.selectedIndex===e){return}this.direction="forward";this.setSelectedItem(e,true);break}};this.tabListKeyDownHandler=t=>{const e=Array(...this.tabList.querySelectorAll(`button:not(.${j.paginationItemOutOfRange})`));const i=t.target;switch(t.key){case"ArrowRight":s(e,i,"next");break;case"ArrowLeft":s(e,i,"previous");break;case"Home":t.preventDefault();s(e,i,"first");break;case"End":t.preventDefault();s(e,i,"last");break}};this.storeTabListRef=t=>{this.tabList=t};this.storeContainerRef=t=>{this.container=t};this.storeItemContainerRef=t=>{this.itemContainer=t};this.renderRotationControl=()=>{const t=this.playing?this.messages.pause:this.messages.play;return i("button",{"aria-label":t,class:{[j.paginationItem]:true,[j.autoplayControl]:true},onClick:this.toggleRotation,title:t},i("calcite-icon",{icon:this.playing?W.pause:W.play,scale:"s"}),this.playing&&i("calcite-progress",{class:j.autoplayProgress,label:this.messages.carouselItemProgress,value:this.slideDurationRemaining}))};this.renderPaginationArea=()=>i("div",{class:{[j.pagination]:true,[j.containerOverlaid]:this.controlOverlay},onKeyDown:this.tabListKeyDownHandler,ref:this.storeTabListRef},(this.playing||this.autoplay===""||this.autoplay||this.autoplay==="paused")&&this.renderRotationControl(),this.arrowType==="inline"&&this.renderArrow("previous"),this.renderPaginationItems(),this.arrowType==="inline"&&this.renderArrow("next"));this.renderPaginationItems=()=>{const{selectedIndex:t,maxItems:e,items:a,label:n,handleItemSelection:o}=this;return i("div",{"aria-label":n,class:j.paginationItems,role:"tablist"},a.map(((n,s)=>{const c=a.length;const l=s===t;const h=s===0;const d=s===c-1;const u=c-e-1;const p=t<e;const f=t>=u;const m=p?0:t-Math.floor(e/2);const g=f?c:m+e;const v=p?0:f?u:m;const b=p?e+1:g;const k=!h&&!d&&!l&&(s===v-1||s===b);const y=l||s<=b&&s>=v-1;const x=c-1<=e;const w=l?W.active:W.inactive;return i("button",{"aria-controls":!l?n.id:undefined,"aria-selected":r(l),class:{[j.paginationItem]:true,[j.paginationItemIndividual]:true,[j.paginationItemSelected]:l,[j.paginationItemRangeEdge]:c-1>e&&k,[j.paginationItemOutOfRange]:!(x||y),[j.paginationItemVisible]:x||y},"data-index":s,key:n.id,onClick:o,role:"tab",title:n.label},i("calcite-icon",{icon:w,scale:"l"}))})))};this.renderArrow=t=>{const e=t==="previous";const a=c(this.el);const n=this.arrowType==="edge"?"m":"s";const o=e?j.pagePrevious:j.pageNext;const s=e?this.messages.previous:this.messages.next;const r=e?W.chevronLeft:W.chevronRight;return i("button",{"aria-controls":this.containerId,class:{[j.paginationItem]:true,[o]:true},"data-direction":t,onClick:this.handleArrowClick,title:s},i("calcite-icon",{flipRtl:a==="rtl",icon:r,scale:n}))};this.autoplay=false;this.arrowType="inline";this.autoplayDuration=C;this.controlOverlay=false;this.disabled=false;this.label=undefined;this.messages=undefined;this.messageOverrides=undefined;this.paused=undefined;this.selectedItem=undefined;this.selectedIndex=undefined;this.items=[];this.direction="standby";this.defaultMessages=undefined;this.playing=false;this.suspendedDueToFocus=false;this.suspendedDueToHover=false;this.userPreventsSuspend=false;this.effectiveLocale="";this.suspendedSlideDurationRemaining=1;this.slideDurationRemaining=1;this.maxItems=L.xxsmall}autoplayWatcher(t){if(!t){this.handlePause(false)}}onMessagesChange(){}connectedCallback(){h(this);b(this);this.resizeObserver?.observe(this.el)}componentDidLoad(){m(this)}componentDidRender(){p(this)}disconnectedCallback(){d(this);k(this);this.clearIntervals();this.resizeObserver?.disconnect()}async componentWillLoad(){if((this.autoplay===""||this.autoplay)&&this.autoplay!=="paused"){this.handlePlay(false)}else if(this.autoplay==="paused"){this.paused=true}g(this);await y(this)}async setFocus(){await v(this);this.container?.focus()}async play(){if(this.playing||this.autoplay!==""&&!this.autoplay&&this.autoplay!=="paused"){return}this.handlePlay(true)}async stop(){if(!this.playing){return}this.handlePause(true)}async directionWatcher(t){if(t==="standby"){return}await l(this.itemContainer,t==="forward"?"item-forward":"item-backward");this.direction="standby"}playingWatcher(){this.paused=!this.playing}suspendWatcher(){if(!this.suspendedDueToFocus&&!this.suspendedDueToHover){this.suspendEnd()}else{this.suspendStart()}}async effectiveLocaleChange(){await x(this,this.effectiveLocale)}setMaxItemsToBreakpoint(t){if(!t){return}if(t>=I.width.small){this.maxItems=L.medium;return}if(t>=I.width.xsmall){this.maxItems=L.small;return}if(t>=I.width.xxsmall){this.maxItems=L.xsmall;return}this.maxItems=L.xxsmall}clearIntervals(){clearInterval(this.slideDurationInterval);clearInterval(this.slideInterval)}nextItem(t){if(this.playing&&t){this.playing=false}const e=z(this.selectedIndex+1,this.items.length);this.setSelectedItem(e,t)}previousItem(){this.playing=false;const t=z(Math.max(this.selectedIndex-1,-1),this.items.length);this.setSelectedItem(t,true)}handlePlay(t){this.playing=true;this.autoplayHandler();this.slideInterval=setInterval(this.autoplayHandler,this.autoplayDuration);if(t){this.calciteCarouselPlay.emit()}}handlePause(t){this.playing=false;this.clearIntervals();this.slideDurationRemaining=1;this.suspendedSlideDurationRemaining=1;if(t){this.calciteCarouselStop.emit()}}suspendStart(){this.suspendedSlideDurationRemaining=this.slideDurationRemaining}suspendEnd(){this.slideDurationRemaining=this.suspendedSlideDurationRemaining}render(){const{direction:t}=this;return i(a,{key:"c41171a3b16c6aad1b37f4631a2d123acaca752d"},i(f,{key:"03c90c14f2b3f948c0e349bede237d29ed292c7f",disabled:this.disabled},i("div",{key:"df9af99e67d3b9c61dd6ccac74e82237e8eb17c4","aria-label":this.label,"aria-live":this.playing?"off":"polite","aria-roledescription":this.messages.carousel,class:{[j.container]:true,[j.containerOverlaid]:this.controlOverlay,[j.containerEdged]:this.arrowType==="edge"},onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut,onKeyDown:this.containerKeyDownHandler,onMouseEnter:this.handleMouseIn,onMouseLeave:this.handleMouseOut,ref:this.storeContainerRef,role:"group",tabIndex:0},i("section",{key:"7c274a35b9186ba9bb04fd8124be6893eee46e5f",class:{[j.itemContainer]:true,[j.itemContainerForward]:t==="forward",[j.itemContainerBackward]:t==="backward"},id:this.containerId,ref:this.storeItemContainerRef},i("slot",{key:"0f2497545f4cf4a311ab871bcaf5ff16fe677c77",onSlotchange:this.handleSlotChange})),this.items.length>1&&this.renderPaginationArea(),this.arrowType==="edge"&&this.renderArrow("previous"),this.arrowType==="edge"&&this.renderArrow("next"))))}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{autoplay:["autoplayWatcher"],messageOverrides:["onMessagesChange"],direction:["directionWatcher"],playing:["playingWatcher"],suspendedDueToFocus:["suspendWatcher"],suspendedDueToHover:["suspendWatcher"],effectiveLocale:["effectiveLocaleChange"]}}};E.style=D;const M={container:"container",selected:"selected"};const P=":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";const A=P;const F=class{constructor(e){t(this,e);this.guid=`calcite-carousel-item-${u()}`;this.label=undefined;this.selected=false}render(){const t=this.el.id||this.guid;return i(a,{key:"5606df99edd6007701f391f095c88270eed4ccf1",id:t},i("div",{key:"7147a10dbb3fa9292da09207709bfa5e7e857bf9","aria-label":this.label,class:{[M.container]:true,[M.selected]:this.selected},role:"tabpanel"},i("slot",{key:"8b6876c8fc55afd1cac458b97063f66dff2cd9e2"})))}get el(){return n(this)}};F.style=A;export{E as calcite_carousel,F as calcite_carousel_item};
+//# sourceMappingURL=p-2e79e086.entry.js.map

package/dist/calcite/p-2f9bbfbc.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,c,h as i,g as t,H as n}from"./p-67e556ed.js";import{c as o}from"./p-06c0de26.js";import{c as a,d as r}from"./p-b54932d7.js";import{e as l,g as d,t as s,a as h}from"./p-0fb1c54a.js";import{C as m}from"./p-7f97e86a.js";import{g as p}from"./p-d2b212f4.js";import{s as v,a as g,c as f}from"./p-1f5a7c5e.js";import"./p-4dd99f61.js";import"./p-57e1e048.js";const b={accordion:"accordion",transparent:"accordion--transparent"};const u=":host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-accordion-border-color, var(--calcite-color-border-2));background-color:var(--calcite-accordion-background-color, var(--calcite-color-foreground-1))}.accordion--transparent{--calcite-accordion-border-color:transparent;border-color:var(--calcite-color-transparent);background-color:var(--calcite-color-transparent)}:host([scale=s]){--calcite-internal-accordion-item-spacing-unit:0.25rem;--calcite-internal-accordion-icon-margin:0.5rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-internal-accordion-item-spacing-unit:0.5rem;--calcite-internal-accordion-icon-margin:0.75rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-internal-accordion-item-spacing-unit:0.75rem;--calcite-internal-accordion-icon-margin:1rem;--calcite-internal-accordion-item-padding:var(--calcite-internal-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([hidden]){display:none}[hidden]{display:none}";const x=u;const k=class{constructor(i){e(this,i);this.calciteInternalAccordionChange=c(this,"calciteInternalAccordionChange",6);this.mutationObserver=o("mutation",(()=>this.updateAccordionItems()));this.appearance="solid";this.iconPosition="end";this.iconType="chevron";this.scale="m";this.selectionMode="multiple"}handlePropsChange(){this.updateAccordionItems()}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:true});this.updateAccordionItems()}disconnectedCallback(){this.mutationObserver?.disconnect()}render(){const e=this.appearance==="transparent";return i("div",{key:"049a706314a7d7bc6336ce3586dc2d48384134fc",class:{[b.transparent]:e,[b.accordion]:!e}},i("slot",{key:"831dee904c4ff5258ac0194effe21ad5fa5d27ad"}))}updateActiveItemOnChange(e){this.calciteInternalAccordionChange.emit({requestedAccordionItem:e.detail.requestedAccordionItem});e.stopPropagation()}updateAccordionItems(){this.el.querySelectorAll("calcite-accordion-item").forEach((e=>{e.iconPosition=this.iconPosition;e.iconType=this.iconType;e.scale=this.scale}));document.dispatchEvent(new CustomEvent("calciteInternalAccordionItemsSync"))}get el(){return t(this)}static get watchers(){return{iconPosition:["handlePropsChange"],iconType:["handlePropsChange"],scale:["handlePropsChange"],selectionMode:["handlePropsChange"]}}};k.style=x;const y={actionsStart:"actions-start",actionsEnd:"actions-end"};const w={actionsEnd:"actions-end",actionsStart:"actions-start",content:"content",description:"description",expandIcon:"expand-icon",header:"header",headerContainer:"header-container",headerContent:"header-content",headerText:"header-text",heading:"heading",icon:"icon",iconEnd:"icon--end",iconStart:"icon--start"};const C={section:"section",sectionToggle:"section-toggle"};const I=".icon-position--end,.icon-position--start{--calcite-internal-accordion-item-icon-rotation:calc(90deg * -1);--calcite-internal-accordion-item-active-icon-rotation:0deg;--calcite-internal-accordion-item-icon-rotation-rtl:90deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:0deg}:host{position:relative;display:flex;flex-direction:column;text-decoration-line:none;color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));background-color:var(--calcite-accordion-item-background-color);border-width:0}:host .header{background-color:var(--calcite-accordion-item-header-background-color)}.icon-position--start{--calcite-internal-accordion-item-flex-direction:row-reverse;--calcite-internal-accordion-item-icon-spacing-start:0;--calcite-internal-accordion-item-icon-spacing-end:var(--calcite-internal-accordion-icon-margin)}.icon-position--end{--calcite-internal-accordion-item-flex-direction:row;--calcite-internal-accordion-item-icon-spacing-start:var(--calcite-internal-accordion-icon-margin);--calcite-internal-accordion-item-icon-spacing-end:0}.icon-position--end:not(.icon-type--plus-minus){--calcite-internal-accordion-item-icon-rotation:0deg;--calcite-internal-accordion-item-active-icon-rotation:180deg;--calcite-internal-accordion-item-icon-rotation-rtl:0deg;--calcite-internal-accordion-item-active-icon-rotation-rtl:calc(180deg * -1)}.content,.header{border-block-end-width:var(--calcite-border-width-sm);border-block-end-style:solid;border-color:var(--calcite-accordion-item-border-color, var(--calcite-accordion-border-color, var(--calcite-color-border-2)))}.header-content,.content{padding:var(--calcite-accordion-item-content-space, var(--calcite-internal-accordion-item-padding, var(--calcite-internal-accordion-item-spacing-unit, 0.5rem 0.75rem)))}.header{display:flex;align-items:stretch}.header *{display:inline-flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.header-content{flex-grow:1;cursor:pointer;outline-color:transparent;flex-direction:var(--calcite-internal-accordion-item-flex-direction);color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit))}.header-content:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.header-content:focus,.header-content:hover,.header-content:active{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2)))}.header-content:focus .heading,.header-content:hover .heading,.header-content:active .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))}.header-container{inline-size:100%}.header-text{margin-block:0px;flex-grow:1;flex-direction:column;padding-block:0px;text-align:initial;margin-inline-end:auto}.heading,.description{display:flex;inline-size:100%}.heading{font-weight:var(--calcite-font-weight-medium)}.actions-start,.actions-end{display:flex;align-items:center}.icon{display:flex;align-items:center;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-end)}.icon--start{color:var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin)}.icon--end{color:var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));margin-inline-end:var(--calcite-internal-accordion-icon-margin);margin-inline-start:var(--calcite-internal-accordion-icon-margin)}.expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3))));margin-inline-start:var(--calcite-internal-accordion-item-icon-spacing-start);margin-inline-end:var(--calcite-internal-accordion-item-icon-spacing-end);transform:rotate(var(--calcite-internal-accordion-item-icon-rotation))}.calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl))}.description{margin-block-start:0.25rem}.content{display:none;padding-block-start:0px;text-align:initial}:host(:not(:focus):not(:hover):not([expanded])) .heading{color:var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))}:host([expanded]){color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))))}:host([expanded]) .header{border-block-end-color:transparent}:host([expanded]) .expand-icon{color:var(--calcite-accordion-item-expand-icon-color, var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))));transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation))}:host([expanded]) .calcite--rtl .expand-icon{transform:rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl))}:host([expanded]) .description{color:var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))))}:host([expanded]) .content{display:block}@media (forced-colors: active){:host([expanded]) .header{border-block-end:none}:host([expanded]) .heading{font-weight:bolder}.header-content:hover .heading,.header-content:focus .heading{text-decoration:underline}}:host([hidden]){display:none}[hidden]{display:none}";const A=I;const z=class{constructor(i){e(this,i);this.calciteInternalAccordionItemSelect=c(this,"calciteInternalAccordionItemSelect",6);this.calciteInternalAccordionItemClose=c(this,"calciteInternalAccordionItemClose",6);this.storeHeaderEl=e=>{this.headerEl=e};this.itemHeaderClickHandler=()=>this.emitRequestedItem();this.expanded=false;this.heading=undefined;this.description=undefined;this.iconStart=undefined;this.iconEnd=undefined;this.iconFlipRtl=undefined;this.iconPosition=undefined;this.iconType=undefined;this.accordionParent=undefined;this.scale=undefined}connectedCallback(){a(this)}componentWillLoad(){v(this)}componentDidLoad(){g(this)}disconnectedCallback(){r(this)}renderActionsStart(){const{el:e}=this;return l(e,y.actionsStart)?i("div",{class:w.actionsStart},i("slot",{name:y.actionsStart})):null}renderActionsEnd(){const{el:e}=this;return l(e,y.actionsEnd)?i("div",{class:w.actionsEnd},i("slot",{name:y.actionsEnd})):null}render(){const{iconFlipRtl:e}=this;const c=d(this.el);const t=this.iconStart?i("calcite-icon",{class:{[w.icon]:true,[w.iconStart]:true},flipRtl:e==="both"||e==="start",icon:this.iconStart,key:"icon-start",scale:p(this.scale)}):null;const o=this.iconEnd?i("calcite-icon",{class:{[w.iconEnd]:true,[w.icon]:true},flipRtl:e==="both"||e==="end",icon:this.iconEnd,key:"icon-end",scale:p(this.scale)}):null;const{description:a}=this;return i(n,{key:"73a74d61e41199c57868bd5375ba1b08f8e19dbc"},i("div",{key:"ce9e0a74ea1eb93b7e2f00e95e6a092dcf99726b",class:{[`icon-position--${this.iconPosition}`]:true,[`icon-type--${this.iconType}`]:true}},i("div",{key:"18af6a636b01a816363edf73bd05a486ac0cc2b2",class:{[w.header]:true,[m.rtl]:c==="rtl"}},this.renderActionsStart(),i("div",{key:"8a82a3acec9576d7e936714d1bee0bd2a1cc4ab1","aria-controls":C.section,"aria-expanded":s(this.expanded),class:w.headerContent,id:C.sectionToggle,onClick:this.itemHeaderClickHandler,ref:this.storeHeaderEl,role:"button",tabindex:"0"},i("div",{key:"b9b223e8e0b0f60d9f6f9c5a9bda1458def7ae01",class:w.headerContainer},t,i("div",{key:"ccdba89b98942b7163d09a0f78175c374aba5875",class:w.headerText},i("span",{key:"c91bcaf36ba60ac2a8ef06e3356a15d1f3a7e78f",class:w.heading},this.heading),a?i("span",{class:w.description},a):null),o),i("calcite-icon",{key:"aebf05069b1ceae376fb67074aad773c4f403c16",class:w.expandIcon,icon:this.iconType==="chevron"?"chevronDown":this.iconType==="caret"?"caretDown":this.expanded?"minus":"plus",scale:p(this.scale)})),this.renderActionsEnd()),i("section",{key:"7371b06f1ec99aab9351113663eda976540ae7b0","aria-labelledby":C.sectionToggle,class:w.content,id:C.section},i("slot",{key:"69b851d2989876bece534e499a039e55eaabb1ec"}))))}keyDownHandler(e){if(e.target===this.el){switch(e.key){case" ":case"Enter":this.emitRequestedItem();e.preventDefault();break}}}updateActiveItemOnChange(e){const[c]=e.composedPath();const i=h(this.el,"calcite-accordion");if(c!==i){return}this.determineActiveItem(i.selectionMode,e.detail.requestedAccordionItem);e.stopPropagation()}accordionItemSyncHandler(e){const[c]=e.composedPath();const i=this.el;const t=i.parentElement===c;if(t){return}const n=h(i,"calcite-accordion");if(c!==n){return}this.iconPosition=n.iconPosition;this.iconType=n.iconType;this.scale=n.scale;e.stopPropagation()}async setFocus(){await f(this);this.headerEl.focus()}determineActiveItem(e,c){switch(e){case"multiple":if(this.el===c){this.expanded=!this.expanded}break;case"single":this.expanded=this.el===c?!this.expanded:false;break;case"single-persist":this.expanded=this.el===c;break}}emitRequestedItem(){this.calciteInternalAccordionItemSelect.emit({requestedAccordionItem:this.el})}get el(){return t(this)}};z.style=A;export{k as calcite_accordion,z as calcite_accordion_item};
+//# sourceMappingURL=p-2f9bbfbc.entry.js.map

package/dist/calcite/p-2f9bbfbc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CSS","accordion","transparent","accordionCss","CalciteAccordionStyle0","Accordion","this","mutationObserver","createObserver","updateAccordionItems","handlePropsChange","connectedCallback","observe","el","childList","disconnectedCallback","disconnect","render","appearance","h","key","class","updateActiveItemOnChange","event","calciteInternalAccordionChange","emit","requestedAccordionItem","detail","stopPropagation","querySelectorAll","forEach","item","iconPosition","iconType","scale","document","dispatchEvent","CustomEvent","SLOTS","actionsStart","actionsEnd","content","description","expandIcon","header","headerContainer","headerContent","headerText","heading","icon","iconEnd","iconStart","IDS","section","sectionToggle","accordionItemCss","CalciteAccordionItemStyle0","AccordionItem","storeHeaderEl","headerEl","itemHeaderClickHandler","emitRequestedItem","connectConditionalSlotComponent","componentWillLoad","setUpLoadableComponent","componentDidLoad","setComponentLoaded","disconnectConditionalSlotComponent","renderActionsStart","getSlotted","name","renderActionsEnd","iconFlipRtl","dir","getElementDir","iconStartEl","flipRtl","getIconScale","iconEndEl","Host","CSS_UTILITY","rtl","toAriaBoolean","expanded","id","onClick","ref","role","tabindex","keyDownHandler","target","preventDefault","composedPath","parent","closestElementCrossShadowBoundary","determineActiveItem","selectionMode","accordionItemSyncHandler","accordionItem","willBeSyncedByDirectParent","parentElement","closestAccordionParent","setFocus","componentFocusable","focus","requestedItem","calciteInternalAccordionItemSelect"],"sources":["src/components/accordion/resources.ts","src/components/accordion/accordion.scss?tag=calcite-accordion&encapsulation=shadow","src/components/accordion/accordion.tsx","src/components/accordion-item/resources.ts","src/components/accordion-item/accordion-item.scss?tag=calcite-accordion-item&encapsulation=shadow","src/components/accordion-item/accordion-item.tsx"],"sourcesContent":["export const CSS = {\n  accordion: \"accordion\",\n  transparent: \"accordion--transparent\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-background-color:  Specifies the component's background color.\n*/\n\n:host {\n  @apply relative\n    block\n    max-w-full\n    leading-6;\n}\n\n.accordion {\n  @apply border border-solid border-b-0;\n  border-color: var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"));\n  background-color: var(--calcite-accordion-background-color, theme(\"backgroundColor.foreground.1\"));\n}\n\n.accordion--transparent {\n  --calcite-accordion-border-color: transparent;\n  border-color: var(--calcite-color-transparent);\n  background-color: var(--calcite-color-transparent);\n}\n\n// scale variants for child\n:host([scale=\"s\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.1\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.2\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.2\");\n  @apply text-n2h;\n}\n\n:host([scale=\"m\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.2\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.3\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.3\");\n  @apply text-n1h;\n}\n\n:host([scale=\"l\"]) {\n  --calcite-internal-accordion-item-spacing-unit: theme(\"spacing.3\");\n  --calcite-internal-accordion-icon-margin: theme(\"spacing.4\");\n  --calcite-internal-accordion-item-padding: var(--calcite-internal-accordion-item-spacing-unit) theme(\"spacing.4\");\n  @apply text-0h;\n}\n\n@include base-component();\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { Appearance, Position, IconType, Scale, SelectionMode } from \"../interfaces\";\nimport { createObserver } from \"../../utils/observers\";\nimport { RequestedItem } from \"./interfaces\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.\n */\n@Component({\n  tag: \"calcite-accordion\",\n  styleUrl: \"accordion.scss\",\n  shadow: true,\n})\nexport class Accordion {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** Specifies the appearance of the component. */\n  @Prop({ reflect: true }) appearance: Extract<\"solid\" | \"transparent\", Appearance> = \"solid\";\n\n  /** Specifies the placement of the icon in the header. */\n  @Prop({ reflect: true }) iconPosition: Extract<\"start\" | \"end\", Position> = \"end\";\n\n  /** Specifies the type of the icon in the header. */\n  @Prop({ reflect: true }) iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType> =\n    \"chevron\";\n\n  /** Specifies the size of the component. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /**\n   * Specifies the selection mode of the component, where:\n   *\n   * `\"multiple\"` allows any number of selections,\n   *\n   * `\"single\"` allows only one selection, and\n   *\n   * `\"single-persist\"` allows one selection and prevents de-selection.\n   */\n  @Prop({ reflect: true }) selectionMode: Extract<\n    \"single\" | \"single-persist\" | \"multiple\",\n    SelectionMode\n  > = \"multiple\";\n\n  @Watch(\"iconPosition\")\n  @Watch(\"iconType\")\n  @Watch(\"scale\")\n  @Watch(\"selectionMode\")\n  handlePropsChange(): void {\n    this.updateAccordionItems();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) private calciteInternalAccordionChange: EventEmitter<RequestedItem>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.mutationObserver?.observe(this.el, { childList: true });\n    this.updateAccordionItems();\n  }\n\n  disconnectedCallback(): void {\n    this.mutationObserver?.disconnect();\n  }\n\n  render(): VNode {\n    const transparent = this.appearance === \"transparent\";\n    return (\n      <div\n        class={{\n          [CSS.transparent]: transparent,\n          [CSS.accordion]: !transparent,\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"calciteInternalAccordionItemSelect\")\n  updateActiveItemOnChange(event: CustomEvent): void {\n    this.calciteInternalAccordionChange.emit({\n      requestedAccordionItem: event.detail.requestedAccordionItem,\n    });\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionElement;\n\n  mutationObserver = createObserver(\"mutation\", () => this.updateAccordionItems());\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private updateAccordionItems(): void {\n    this.el.querySelectorAll(\"calcite-accordion-item\").forEach((item) => {\n      item.iconPosition = this.iconPosition;\n      item.iconType = this.iconType;\n      item.scale = this.scale;\n    });\n\n    // sync props on items across shadow DOM\n    document.dispatchEvent(new CustomEvent(\"calciteInternalAccordionItemsSync\"));\n  }\n}\n","export const SLOTS = {\n  actionsStart: \"actions-start\",\n  actionsEnd: \"actions-end\",\n};\n\nexport const CSS = {\n  actionsEnd: \"actions-end\",\n  actionsStart: \"actions-start\",\n  content: \"content\",\n  description: \"description\",\n  expandIcon: \"expand-icon\",\n  header: \"header\",\n  headerContainer: \"header-container\",\n  headerContent: \"header-content\",\n  headerText: \"header-text\",\n  heading: \"heading\",\n  icon: \"icon\",\n  iconEnd: \"icon--end\",\n  iconStart: \"icon--start\",\n};\n\nexport const IDS = {\n  section: \"section\",\n  sectionToggle: \"section-toggle\",\n};\n","/**\n * CSS Custom Properties\n *\n * These properties can be overridden using the component's tag as selector.\n *\n * @prop --calcite-accordion-border-color: [Deprecated] Use `--calcite-accordion-item-border-color`. Specifies the component's border color.\n * @prop --calcite-accordion-item-background-color: Specifies the component's background color.\n * @prop --calcite-accordion-item-border-color: Specifies the component's border color.\n * @prop --calcite-accordion-item-content-space: Specifies the component's padding.\n * @prop --calcite-accordion-item-end-icon-color: Specifies the component's `iconEnd` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-expand-icon-color: Specifies the component's expand icon color.\n * @prop --calcite-accordion-item-header-background-color: Specifies the component's `heading` background color.\n * @prop --calcite-accordion-item-heading-text-color: Specifies the component's `heading` text color.\n * @prop --calcite-accordion-item-icon-color: Specifies the component's default icon color.\n * @prop --calcite-accordion-item-start-icon-color: Specifies the component's `iconStart` color. Fallback to `--calcite-accordion-item-icon-color` or current color.\n * @prop --calcite-accordion-item-text-color: Specifies the component's text color.\n * @prop --calcite-accordion-text-color-hover: [Deprecated] Use `--calcite-accordion-item-text-color-hover`. Specifies the component's main text color on hover.\n * @prop --calcite-accordion-text-color-pressed: [Deprecated] Use `--calcite-accordion-item-text-color-press`. Specifies the component's main text color when pressed.\n * @prop --calcite-accordion-text-color: [Deprecated] Use `--calcite-accordion-item-text-color`. Specifies the component's text color.\n */\n\n%icon-position {\n  /* icon rotation variables */\n  --calcite-internal-accordion-item-icon-rotation: calc(theme(\"rotate.90\") * -1);\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.90\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: theme(\"rotate.0\");\n}\n\n:host {\n  @apply relative\n    flex\n    flex-col\n    no-underline;\n\n  color: var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)));\n  background-color: var(--calcite-accordion-item-background-color);\n  border-width: 0;\n\n  .header {\n    background-color: var(--calcite-accordion-item-header-background-color);\n  }\n}\n\n// icon position variants for child\n.icon-position--start {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row-reverse;\n  --calcite-internal-accordion-item-icon-spacing-start: 0;\n  --calcite-internal-accordion-item-icon-spacing-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon-position--end {\n  @extend %icon-position;\n  --calcite-internal-accordion-item-flex-direction: row;\n  --calcite-internal-accordion-item-icon-spacing-start: var(--calcite-internal-accordion-icon-margin);\n  --calcite-internal-accordion-item-icon-spacing-end: 0;\n}\n\n.icon-position--end:not(.icon-type--plus-minus) {\n  --calcite-internal-accordion-item-icon-rotation: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation: theme(\"rotate.180\");\n  --calcite-internal-accordion-item-icon-rotation-rtl: theme(\"rotate.0\");\n  --calcite-internal-accordion-item-active-icon-rotation-rtl: calc(theme(\"rotate.180\") * -1);\n}\n\n// .header / content\n.content,\n.header {\n  border-block-end-width: var(--calcite-border-width-sm);\n  border-block-end-style: solid;\n  border-color: var(\n    --calcite-accordion-item-border-color,\n    var(--calcite-accordion-border-color, theme(\"borderColor.color.2\"))\n  );\n}\n\n.header-content,\n.content {\n  padding: var(\n    --calcite-accordion-item-content-space,\n    var(\n      --calcite-internal-accordion-item-padding,\n      var(--calcite-internal-accordion-item-spacing-unit, theme(\"spacing.2\") 0.75rem)\n    )\n  );\n}\n\n.header {\n  @apply flex items-stretch;\n\n  * {\n    @apply inline-flex\n      items-center\n      duration-150\n      ease-in-out;\n    @include word-break();\n  }\n}\n\n.header-content {\n  @apply focus-base flex-grow cursor-pointer;\n  flex-direction: var(--calcite-internal-accordion-item-flex-direction);\n  color: var(--calcite-accordion-item-heading-text-color, var(--calcite-accordion-text-color, inherit));\n\n  &:focus {\n    @apply focus-inset;\n  }\n\n  // Deprecated\n  &:focus,\n  &:hover,\n  &:active {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-text-color-hover, var(--calcite-color-text-2))\n    );\n\n    .heading {\n      color: var(\n        --calcite-accordion-item-heading-text-color,\n        var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1))\n      );\n    }\n  }\n}\n\n.header-container {\n  inline-size: 100%;\n}\n\n// accordion item title\n.header-text {\n  @apply my-0 flex-grow flex-col py-0;\n  text-align: initial;\n  margin-inline-end: theme(\"margin.auto\");\n}\n\n.heading,\n.description {\n  @apply flex w-full;\n}\n\n.heading {\n  @apply font-medium;\n}\n\n.actions-start,\n.actions-end {\n  @apply flex items-center;\n}\n\n.icon {\n  @apply duration-150\n    ease-in-out\n    flex\n    items-center;\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-end);\n}\n\n.icon--start {\n  color: var(--calcite-accordion-item-start-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n}\n\n.icon--end {\n  color: var(--calcite-accordion-item-end-icon-color, var(--calcite-accordion-item-icon-color, currentColor));\n  margin-inline-end: var(--calcite-internal-accordion-icon-margin);\n  margin-inline-start: var(--calcite-internal-accordion-icon-margin);\n}\n\n// accordion item icon\n.expand-icon {\n  color: var(\n    --calcite-accordion-item-expand-icon-color,\n    var(--calcite-accordion-item-text-color, var(--calcite-accordion-text-color, var(--calcite-color-text-3)))\n  );\n  margin-inline-start: var(--calcite-internal-accordion-item-icon-spacing-start);\n  margin-inline-end: var(--calcite-internal-accordion-item-icon-spacing-end);\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation));\n}\n\n.calcite--rtl .expand-icon {\n  transform: rotate(var(--calcite-internal-accordion-item-icon-rotation-rtl));\n}\n\n.description {\n  @apply mt-1;\n}\n\n.content {\n  @apply hidden pt-0;\n  text-align: initial;\n}\n\n:host(:not(:focus):not(:hover):not([expanded])) {\n  .heading {\n    color: var(\n      --calcite-accordion-item-heading-text-color,\n      var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2))\n    );\n  }\n}\n\n:host([expanded]) {\n  color: var(\n    --calcite-accordion-item-text-color,\n    var(--calcite-accordion-text-color, var(--calcite-accordion-text-color-pressed, var(--calcite-color-text-1)))\n  );\n\n  .header {\n    border-block-end-color: transparent;\n  }\n\n  .expand-icon {\n    color: var(\n      --calcite-accordion-item-expand-icon-color,\n      var(\n        --calcite-accordion-item-text-color,\n        var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n      )\n    );\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation));\n  }\n  .calcite--rtl .expand-icon {\n    transform: rotate(var(--calcite-internal-accordion-item-active-icon-rotation-rtl));\n  }\n\n  .description {\n    color: var(\n      --calcite-accordion-item-text-color,\n      var(--calcite-accordion-text-color, var(--calcite-accordion-item-text-color-hover, var(--calcite-color-text-2)))\n    );\n  }\n\n  .content {\n    @apply block;\n  }\n}\n\n@media (forced-colors: active) {\n  :host([expanded]) {\n    & .header {\n      border-block-end: none;\n    }\n    & .heading {\n      /** give visual indicator of expanded state since subtle color changes can't be done **/\n      font-weight: bolder;\n    }\n  }\n  .header-content:hover,\n  .header-content:focus {\n    & .heading {\n      /** give visual indicator of expandability/click-ability since subtle color changes can't be done **/\n      text-decoration: underline;\n    }\n  }\n}\n\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  VNode,\n} from \"@stencil/core\";\nimport {\n  ConditionalSlotComponent,\n  connectConditionalSlotComponent,\n  disconnectConditionalSlotComponent,\n} from \"../../utils/conditionalSlot\";\nimport {\n  closestElementCrossShadowBoundary,\n  getElementDir,\n  getSlotted,\n  toAriaBoolean,\n} from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { getIconScale } from \"../../utils/component\";\nimport { FlipContext, Position, Scale, SelectionMode, IconType } from \"../interfaces\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { IconNameOrString } from \"../icon/interfaces\";\nimport { SLOTS, CSS, IDS } from \"./resources\";\nimport { RequestedItem } from \"./interfaces\";\n\n/**\n * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.\n * @slot actions-end - A slot for adding `calcite-action`s or content to the end side of the component's header.\n * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.\n */\n@Component({\n  tag: \"calcite-accordion-item\",\n  styleUrl: \"accordion-item.scss\",\n  shadow: true,\n})\nexport class AccordionItem implements ConditionalSlotComponent, LoadableComponent {\n  //--------------------------------------------------------------------------\n  //\n  //  Public Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is expanded. */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Specifies heading text for the component. */\n  @Prop() heading: string;\n\n  /** Specifies a description for the component. */\n  @Prop() description: string;\n\n  /** Specifies an icon to display at the start of the component. */\n  @Prop({ reflect: true }) iconStart: IconNameOrString;\n\n  /** Specifies an icon to display at the end of the component. */\n  @Prop({ reflect: true }) iconEnd: IconNameOrString;\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  /**\n   * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconPosition: Extract<\"start\" | \"end\", Position>;\n\n  /** Specifies the type of the icon in the header inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() iconType: Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>;\n\n  /**\n   * The containing `accordion` element.\n   *\n   * @internal\n   */\n  @Prop() accordionParent: HTMLCalciteAccordionElement;\n\n  /**\n   * Specifies the size of the component inherited from the `calcite-accordion`.\n   *\n   * @internal\n   */\n  @Prop() scale: Scale;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemSelect: EventEmitter<RequestedItem>;\n\n  /**\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalAccordionItemClose: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    connectConditionalSlotComponent(this);\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n  }\n\n  disconnectedCallback(): void {\n    disconnectConditionalSlotComponent(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  renderActionsStart(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsStart) ? (\n      <div class={CSS.actionsStart}>\n        <slot name={SLOTS.actionsStart} />\n      </div>\n    ) : null;\n  }\n\n  renderActionsEnd(): VNode {\n    const { el } = this;\n    return getSlotted(el, SLOTS.actionsEnd) ? (\n      <div class={CSS.actionsEnd}>\n        <slot name={SLOTS.actionsEnd} />\n      </div>\n    ) : null;\n  }\n\n  render(): VNode {\n    const { iconFlipRtl } = this;\n    const dir = getElementDir(this.el);\n    const iconStartEl = this.iconStart ? (\n      <calcite-icon\n        class={{ [CSS.icon]: true, [CSS.iconStart]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"start\"}\n        icon={this.iconStart}\n        key=\"icon-start\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const iconEndEl = this.iconEnd ? (\n      <calcite-icon\n        class={{ [CSS.iconEnd]: true, [CSS.icon]: true }}\n        flipRtl={iconFlipRtl === \"both\" || iconFlipRtl === \"end\"}\n        icon={this.iconEnd}\n        key=\"icon-end\"\n        scale={getIconScale(this.scale)}\n      />\n    ) : null;\n    const { description } = this;\n    return (\n      <Host>\n        <div\n          class={{\n            [`icon-position--${this.iconPosition}`]: true,\n            [`icon-type--${this.iconType}`]: true,\n          }}\n        >\n          <div class={{ [CSS.header]: true, [CSS_UTILITY.rtl]: dir === \"rtl\" }}>\n            {this.renderActionsStart()}\n            <div\n              aria-controls={IDS.section}\n              aria-expanded={toAriaBoolean(this.expanded)}\n              class={CSS.headerContent}\n              id={IDS.sectionToggle}\n              onClick={this.itemHeaderClickHandler}\n              ref={this.storeHeaderEl}\n              role=\"button\"\n              tabindex=\"0\"\n            >\n              <div class={CSS.headerContainer}>\n                {iconStartEl}\n                <div class={CSS.headerText}>\n                  <span class={CSS.heading}>{this.heading}</span>\n                  {description ? <span class={CSS.description}>{description}</span> : null}\n                </div>\n                {iconEndEl}\n              </div>\n              <calcite-icon\n                class={CSS.expandIcon}\n                icon={\n                  this.iconType === \"chevron\"\n                    ? \"chevronDown\"\n                    : this.iconType === \"caret\"\n                      ? \"caretDown\"\n                      : this.expanded\n                        ? \"minus\"\n                        : \"plus\"\n                }\n                scale={getIconScale(this.scale)}\n              />\n            </div>\n            {this.renderActionsEnd()}\n          </div>\n          <section aria-labelledby={IDS.sectionToggle} class={CSS.content} id={IDS.section}>\n            <slot />\n          </section>\n        </div>\n      </Host>\n    );\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"keydown\")\n  keyDownHandler(event: KeyboardEvent): void {\n    if (event.target === this.el) {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.emitRequestedItem();\n          event.preventDefault();\n          break;\n      }\n    }\n  }\n\n  @Listen(\"calciteInternalAccordionChange\", { target: \"body\" })\n  updateActiveItemOnChange(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const parent = closestElementCrossShadowBoundary(this.el, \"calcite-accordion\");\n\n    if (accordion !== parent) {\n      return;\n    }\n\n    this.determineActiveItem(parent.selectionMode, event.detail.requestedAccordionItem);\n    event.stopPropagation();\n  }\n\n  @Listen(\"calciteInternalAccordionItemsSync\", { target: \"document\" })\n  accordionItemSyncHandler(event: CustomEvent): void {\n    const [accordion] = event.composedPath();\n    const accordionItem = this.el;\n\n    // we sync with our accordion parent via event only if the item is wrapped within another component's shadow DOM,\n    // otherwise, the accordion parent will sync the item directly\n\n    const willBeSyncedByDirectParent = accordionItem.parentElement === accordion;\n    if (willBeSyncedByDirectParent) {\n      return;\n    }\n\n    const closestAccordionParent = closestElementCrossShadowBoundary(\n      accordionItem,\n      \"calcite-accordion\",\n    );\n\n    if (accordion !== closestAccordionParent) {\n      return;\n    }\n\n    this.iconPosition = closestAccordionParent.iconPosition;\n    this.iconType = closestAccordionParent.iconType;\n    this.scale = closestAccordionParent.scale;\n    event.stopPropagation();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private State/Props\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteAccordionItemElement;\n\n  private headerEl: HTMLDivElement;\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    this.headerEl.focus();\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private storeHeaderEl = (el: HTMLDivElement): void => {\n    this.headerEl = el;\n  };\n\n  /** handle clicks on item header */\n  private itemHeaderClickHandler = (): void => this.emitRequestedItem();\n\n  private determineActiveItem(\n    selectionMode: SelectionMode,\n    requestedItem: HTMLCalciteAccordionItemElement,\n  ): void {\n    switch (selectionMode) {\n      case \"multiple\":\n        if (this.el === requestedItem) {\n          this.expanded = !this.expanded;\n        }\n        break;\n\n      case \"single\":\n        this.expanded = this.el === requestedItem ? !this.expanded : false;\n        break;\n\n      case \"single-persist\":\n        this.expanded = this.el === requestedItem;\n        break;\n    }\n  }\n\n  private emitRequestedItem(): void {\n    this.calciteInternalAccordionItemSelect.emit({\n      requestedAccordionItem: this.el,\n    });\n  }\n}\n"],"mappings":";;;;;6WAAO,MAAMA,EAAM,CACjBC,UAAW,YACXC,YAAa,0BCFf,MAAMC,EAAe,81CACrB,MAAAC,EAAeD,E,MCsBFE,EAAS,M,wGAwGpBC,KAAAC,iBAAmBC,EAAe,YAAY,IAAMF,KAAKG,yB,gBAhG2B,Q,kBAGR,M,cAI1E,U,WAGsC,I,mBAcpC,U,CAMJ,iBAAAC,GACEJ,KAAKG,sB,CAoBP,iBAAAE,GACEL,KAAKC,kBAAkBK,QAAQN,KAAKO,GAAI,CAAEC,UAAW,OACrDR,KAAKG,sB,CAGP,oBAAAM,GACET,KAAKC,kBAAkBS,Y,CAGzB,MAAAC,GACE,MAAMf,EAAcI,KAAKY,aAAe,cACxC,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAACrB,EAAIE,aAAcA,EACnB,CAACF,EAAIC,YAAaC,IAGpBiB,EAAA,QAAAC,IAAA,6C,CAYN,wBAAAE,CAAyBC,GACvBjB,KAAKkB,+BAA+BC,KAAK,CACvCC,uBAAwBH,EAAMI,OAAOD,yBAEvCH,EAAMK,iB,CAmBA,oBAAAnB,GACNH,KAAKO,GAAGgB,iBAAiB,0BAA0BC,SAASC,IAC1DA,EAAKC,aAAe1B,KAAK0B,aACzBD,EAAKE,SAAW3B,KAAK2B,SACrBF,EAAKG,MAAQ5B,KAAK4B,KAAK,IAIzBC,SAASC,cAAc,IAAIC,YAAY,qC,qMC/IpC,MAAMC,EAAQ,CACnBC,aAAc,gBACdC,WAAY,eAGP,MAAMxC,EAAM,CACjBwC,WAAY,cACZD,aAAc,gBACdE,QAAS,UACTC,YAAa,cACbC,WAAY,cACZC,OAAQ,SACRC,gBAAiB,mBACjBC,cAAe,iBACfC,WAAY,cACZC,QAAS,UACTC,KAAM,OACNC,QAAS,YACTC,UAAW,eAGN,MAAMC,EAAM,CACjBC,QAAS,UACTC,cAAe,kBCvBjB,MAAMC,EAAmB,i6LACzB,MAAAC,EAAeD,E,MC6CFE,EAAa,M,qMAqRhBnD,KAAAoD,cAAiB7C,IACvBP,KAAKqD,SAAW9C,CAAE,EAIZP,KAAAsD,uBAAyB,IAAYtD,KAAKuD,oB,cAlRC,M,qOAkEnD,iBAAAlD,GACEmD,EAAgCxD,K,CAGlC,iBAAAyD,GACEC,EAAuB1D,K,CAGzB,gBAAA2D,GACEC,EAAmB5D,K,CAGrB,oBAAAS,GACEoD,EAAmC7D,K,CASrC,kBAAA8D,GACE,MAAMvD,GAAEA,GAAOP,KACf,OAAO+D,EAAWxD,EAAIyB,EAAMC,cAC1BpB,EAAA,OAAKE,MAAOrB,EAAIuC,cACdpB,EAAA,QAAMmD,KAAMhC,EAAMC,gBAElB,I,CAGN,gBAAAgC,GACE,MAAM1D,GAAEA,GAAOP,KACf,OAAO+D,EAAWxD,EAAIyB,EAAME,YAC1BrB,EAAA,OAAKE,MAAOrB,EAAIwC,YACdrB,EAAA,QAAMmD,KAAMhC,EAAME,cAElB,I,CAGN,MAAAvB,GACE,MAAMuD,YAAEA,GAAgBlE,KACxB,MAAMmE,EAAMC,EAAcpE,KAAKO,IAC/B,MAAM8D,EAAcrE,KAAK6C,UACvBhC,EAAA,gBACEE,MAAO,CAAE,CAACrB,EAAIiD,MAAO,KAAM,CAACjD,EAAImD,WAAY,MAC5CyB,QAASJ,IAAgB,QAAUA,IAAgB,QACnDvB,KAAM3C,KAAK6C,UACX/B,IAAI,aACJc,MAAO2C,EAAavE,KAAK4B,SAEzB,KACJ,MAAM4C,EAAYxE,KAAK4C,QACrB/B,EAAA,gBACEE,MAAO,CAAE,CAACrB,EAAIkD,SAAU,KAAM,CAAClD,EAAIiD,MAAO,MAC1C2B,QAASJ,IAAgB,QAAUA,IAAgB,MACnDvB,KAAM3C,KAAK4C,QACX9B,IAAI,WACJc,MAAO2C,EAAavE,KAAK4B,SAEzB,KACJ,MAAMQ,YAAEA,GAAgBpC,KACxB,OACEa,EAAC4D,EAAI,CAAA3D,IAAA,4CACHD,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,kBAAkBf,KAAK0B,gBAAiB,KACzC,CAAC,cAAc1B,KAAK2B,YAAa,OAGnCd,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,CAACrB,EAAI4C,QAAS,KAAM,CAACoC,EAAYC,KAAMR,IAAQ,QAC1DnE,KAAK8D,qBACNjD,EAAA,OAAAC,IAAA,2DACiBgC,EAAIC,QAAO,gBACX6B,EAAc5E,KAAK6E,UAClC9D,MAAOrB,EAAI8C,cACXsC,GAAIhC,EAAIE,cACR+B,QAAS/E,KAAKsD,uBACd0B,IAAKhF,KAAKoD,cACV6B,KAAK,SACLC,SAAS,KAETrE,EAAA,OAAAC,IAAA,2CAAKC,MAAOrB,EAAI6C,iBACb8B,EACDxD,EAAA,OAAAC,IAAA,2CAAKC,MAAOrB,EAAI+C,YACd5B,EAAA,QAAAC,IAAA,2CAAMC,MAAOrB,EAAIgD,SAAU1C,KAAK0C,SAC/BN,EAAcvB,EAAA,QAAME,MAAOrB,EAAI0C,aAAcA,GAAsB,MAErEoC,GAEH3D,EAAA,gBAAAC,IAAA,2CACEC,MAAOrB,EAAI2C,WACXM,KACE3C,KAAK2B,WAAa,UACd,cACA3B,KAAK2B,WAAa,QAChB,YACA3B,KAAK6E,SACH,QACA,OAEVjD,MAAO2C,EAAavE,KAAK4B,UAG5B5B,KAAKiE,oBAERpD,EAAA,WAAAC,IAAA,6DAA0BgC,EAAIE,cAAejC,MAAOrB,EAAIyC,QAAS2C,GAAIhC,EAAIC,SACvElC,EAAA,QAAAC,IAAA,+C,CAcV,cAAAqE,CAAelE,GACb,GAAIA,EAAMmE,SAAWpF,KAAKO,GAAI,CAC5B,OAAQU,EAAMH,KACZ,IAAK,IACL,IAAK,QACHd,KAAKuD,oBACLtC,EAAMoE,iBACN,M,EAMR,wBAAArE,CAAyBC,GACvB,MAAOtB,GAAasB,EAAMqE,eAC1B,MAAMC,EAASC,EAAkCxF,KAAKO,GAAI,qBAE1D,GAAIZ,IAAc4F,EAAQ,CACxB,M,CAGFvF,KAAKyF,oBAAoBF,EAAOG,cAAezE,EAAMI,OAAOD,wBAC5DH,EAAMK,iB,CAIR,wBAAAqE,CAAyB1E,GACvB,MAAOtB,GAAasB,EAAMqE,eAC1B,MAAMM,EAAgB5F,KAAKO,GAK3B,MAAMsF,EAA6BD,EAAcE,gBAAkBnG,EACnE,GAAIkG,EAA4B,CAC9B,M,CAGF,MAAME,EAAyBP,EAC7BI,EACA,qBAGF,GAAIjG,IAAcoG,EAAwB,CACxC,M,CAGF/F,KAAK0B,aAAeqE,EAAuBrE,aAC3C1B,KAAK2B,SAAWoE,EAAuBpE,SACvC3B,KAAK4B,MAAQmE,EAAuBnE,MACpCX,EAAMK,iB,CAqBR,cAAM0E,SACEC,EAAmBjG,MACzBA,KAAKqD,SAAS6C,O,CAgBR,mBAAAT,CACNC,EACAS,GAEA,OAAQT,GACN,IAAK,WACH,GAAI1F,KAAKO,KAAO4F,EAAe,CAC7BnG,KAAK6E,UAAY7E,KAAK6E,Q,CAExB,MAEF,IAAK,SACH7E,KAAK6E,SAAW7E,KAAKO,KAAO4F,GAAiBnG,KAAK6E,SAAW,MAC7D,MAEF,IAAK,iBACH7E,KAAK6E,SAAW7E,KAAKO,KAAO4F,EAC5B,M,CAIE,iBAAA5C,GACNvD,KAAKoG,mCAAmCjF,KAAK,CAC3CC,uBAAwBpB,KAAKO,I","ignoreList":[]}

package/dist/calcite/p-31275dd2.entry.js

@@ -0,0 +1,7 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+import{r as e,h as a,H as t,g as i}from"./p-67e556ed.js";import{g as r}from"./p-57e1e048.js";import{c as n,d as o}from"./p-bf4dc8d8.js";import"./p-0fb1c54a.js";import"./p-7f97e86a.js";import"./p-cfc4daa3.js";import"./p-06c0de26.js";import"./p-4dd99f61.js";const l={loader:"loader",loaderParts:"loader__svgs",loaderPart:"loader__svg",loaderPartId:e=>`${l.loaderPart}--${e}`,loaderText:"loader__text",loaderPercentage:"loader__percentage"};const s='@charset "UTF-8";@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0}}:host{position:relative;margin-inline:auto;display:none;align-items:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-color-brand);stroke-width:3;fill:none;transform:scale(1, 1);animation:loader-color-shift calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 2 / var(--calcite-internal-duration-factor)) alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem);will-change:contents}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--3);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem;--calcite-internal-loader-value-line-height:0.625rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem;--calcite-internal-loader-value-line-height:1.375rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem;--calcite-internal-loader-value-line-height:1.71875rem}:host([no-padding]){padding-block:0px}:host{display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-color-text-1);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{display:block;text-align:center;color:var(--calcite-color-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);line-height:var(--calcite-internal-loader-value-line-height);align-self:center}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.66 / var(--calcite-internal-duration-factor));animation-name:loader-clockwise;display:flex}.loader__svg{position:absolute;inset-block-start:0px;transform-origin:center;overflow:visible;inset-inline-start:0;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);animation-iteration-count:infinite;animation-timing-function:linear}.loader__svg--1{animation-name:loader-offset-1}.loader__svg--2{animation-name:loader-offset-2}.loader__svg--3{animation-name:loader-offset-3}:host([type=determinate]),:host([type=determinate-value]){animation:none;stroke:var(--calcite-color-border-3)}:host([type=determinate]) .loader__svgs,:host([type=determinate-value]) .loader__svgs{animation:none}:host([type=determinate]) .loader__svg--3,:host([type=determinate-value]) .loader__svg--3{animation:none;stroke:var(--calcite-color-brand);stroke-dasharray:150.79632;transform:rotate(-90deg);transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([inline]) .loader__svgs{inset-block-start:0px;margin:0px;inset-inline-start:0;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;transform:scale(0.75, 0.75);transform-origin:center;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-color-brand);transform:scale(1.05, 1.05);transform-origin:center;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 4.8 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-83.7757333333}100%{stroke-dasharray:27.9252444444 251.3272;stroke-dashoffset:-279.2524444444}}.loader__svg--2{stroke-dasharray:55.8504888889 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 6.4 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-97.7383555556}100%{stroke-dasharray:55.8504888889 223.4019555556;stroke-dashoffset:-279.2524444444}}.loader__svg--3{stroke-dasharray:13.9626222222 139.6262222222;animation-duration:calc(var(--calcite-internal-animation-timing-slow) / var(--calcite-internal-duration-factor) * 7.734 / var(--calcite-internal-duration-factor))}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222 139.6262222222;stroke-dashoffset:-76.7944222222}100%{stroke-dasharray:13.9626222222 265.2898222222;stroke-dashoffset:-279.2524444444}}@keyframes loader-color-shift{0%{stroke:var(--calcite-color-brand)}33%{stroke:var(--calcite-color-brand-press)}66%{stroke:var(--calcite-color-brand-hover)}100%{stroke:var(--calcite-color-brand)}}@keyframes loader-clockwise{100%{transform:rotate(360deg)}}:host([hidden]){display:none}[hidden]{display:none}';const c=s;const d=class{constructor(a){e(this,a);this.formatValue=()=>{if(this.type!=="determinate-value"){return`${this.value}`}return this.formatter.format(this.value/100)};this.complete=false;this.inline=false;this.label=undefined;this.scale="m";this.type="indeterminate";this.value=0;this.text="";this.effectiveLocale=""}valueChangeHandler(){this.complete=this.type.startsWith("determinate")&&this.value===100}connectedCallback(){n(this);this.updateFormatter()}disconnectedCallback(){o(this)}componentWillLoad(){requestAnimationFrame((()=>this.valueChangeHandler()))}render(){const{el:e,inline:i,label:n,scale:o,text:s,type:c,value:d}=this;const m=e.id||r();const f=.45;const v=i?this.getInlineSize(o):this.getSize(o);const h=v*f;const g=`0 0 ${v} ${v}`;const p=c.startsWith("determinate");const u=2*h*Math.PI;const k=d/100*u;const b=u-k;const z=Math.floor(d);const y={"stroke-dasharray":`${k} ${b}`};return a(t,{key:"8272bdfae9fff51b19ed8fa66197eb93b53feb4c","aria-label":n,"aria-valuemax":p?"100":undefined,"aria-valuemin":p?"0":undefined,"aria-valuenow":p?z.toString():undefined,id:m,role:"progressbar"},a("div",{key:"3d410c178af39bb57cc478bdd06c0392f6ba71a3",class:l.loaderParts},[1,2,3].map((e=>a("svg",{"aria-hidden":"true",class:{[l.loaderPart]:true,[l.loaderPartId(e)]:true},key:e,style:p&&e===3?y:undefined,viewBox:g},a("circle",{cx:v/2,cy:v/2,r:h})))),p&&a("div",{key:"4ccc633930dee031bf769908d712df39e0677bbb",class:l.loaderPercentage},this.formatValue())),s&&a("div",{key:"6d0d51988bdfafee2a19faed9e14d3bda06d79b5",class:l.loaderText},s))}formatterPropsChange(){this.updateFormatter()}getSize(e){return{s:32,m:56,l:80}[e]}getInlineSize(e){return{s:12,m:16,l:20}[e]}updateFormatter(){if(this.type!=="determinate-value"||this.formatter?.resolvedOptions().locale===this.effectiveLocale){return}this.formatter=new Intl.NumberFormat(this.effectiveLocale,{style:"percent"})}get el(){return i(this)}static get watchers(){return{value:["valueChangeHandler"],effectiveLocale:["formatterPropsChange"],type:["formatterPropsChange"]}}};d.style=c;export{d as calcite_loader};
+//# sourceMappingURL=p-31275dd2.entry.js.map