@esri/calcite-components 1.0.0-next.504 → 1.0.0-next.505

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
+ * v1.0.0-next.505
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/color-picker/color-picker.d.ts

@@ -163,6 +163,8 @@ export declare class ColorPicker implements InteractiveComponent {
    * Storage ID for colors.
    */
   storageId: string;
+  /** standard UniCode numeral system tag for localization */
+  numberingSystem?: string;
   /**
    * The color value.
    *

package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts

@@ -30,6 +30,8 @@ export declare class ColorPickerHexInput {
    * The hex value.
    */
   value: string;
+  /** standard UniCode numeral system tag for localization */
+  numberingSystem?: string;
   handleValueChange(value: string, oldValue: string): void;
   /**
    * Emitted when the hex value changes.

package/dist/types/components.d.ts

@@ -771,6 +771,10 @@ export namespace Components {
           * @default "Value"
          */
         "intlValue": string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * The scale of the color picker.
          */
@@ -805,6 +809,10 @@ export namespace Components {
           * @default "No color"
          */
         "intlNoColor": string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * The component's scale.
          */
@@ -5232,6 +5240,10 @@ declare namespace LocalJSX {
           * @default "Value"
          */
         "intlValue"?: string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * Fires when the color value has changed.
          */
@@ -5270,6 +5282,10 @@ declare namespace LocalJSX {
           * @default "No color"
          */
         "intlNoColor"?: string;
+        /**
+          * standard UniCode numeral system tag for localization
+         */
+        "numberingSystem"?: string;
         /**
           * Emitted when the hex value changes.
          */

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
+ * v1.0.0-next.505
  */
 'use strict';
 
@@ -13026,7 +13026,7 @@ class ColorPicker {
       /* the channel container is ltr, so we apply the host's direction */
       this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index], direction)))));
     };
-    this.renderChannel = (value, index, label, ariaLabel, direction) => (hAsync("calcite-input", { class: CSS$G.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
+    this.renderChannel = (value, index, label, ariaLabel, direction) => (hAsync("calcite-input", { class: CSS$G.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
     this.deleteColor = () => {
       const colorToDelete = this.color.hex();
       const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
@@ -13213,7 +13213,7 @@ class ColorPicker {
       } }, hideHex ? null : (hAsync("div", { class: CSS$G.hexOptions }, hAsync("span", { class: {
         [CSS$G.header]: true,
         [CSS$G.headerHex]: true
-      } }, intlHex), hAsync("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, class: CSS$G.control, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))), hideChannels ? null : (hAsync("calcite-tabs", { class: {
+      } }, intlHex), hAsync("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, class: CSS$G.control, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))), hideChannels ? null : (hAsync("calcite-tabs", { class: {
         [CSS$G.colorModeContainer]: true,
         [CSS$G.splitSection]: true
       }, scale: hexInputScale }, hAsync("calcite-tab-nav", { slot: "tab-nav" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv"))))), hideSaved ? null : (hAsync("div", { class: { [CSS$G.savedColorsSection]: true, [CSS$G.section]: true } }, hAsync("div", { class: CSS$G.header }, hAsync("label", null, intlSaved), hAsync("div", { class: CSS$G.savedColorsButtons }, hAsync("calcite-button", { appearance: "transparent", class: CSS$G.deleteColor, color: "neutral", disabled: noColor, iconStart: "minus", label: intlDeleteColor, onClick: this.deleteColor, scale: hexInputScale, type: "button" }), hAsync("calcite-button", { appearance: "transparent", class: CSS$G.saveColor, color: "neutral", disabled: noColor, iconStart: "plus", label: intlSaveColor, onClick: this.saveColor, scale: hexInputScale, type: "button" }))), savedColors.length > 0 ? (hAsync("div", { class: CSS$G.savedColors }, [
@@ -13431,6 +13431,7 @@ class ColorPicker {
       "intlValue": [1, "intl-value"],
       "scale": [513],
       "storageId": [1, "storage-id"],
+      "numberingSystem": [1, "numbering-system"],
       "value": [1025],
       "colorFieldAndSliderInteractive": [32],
       "channelMode": [32],
@@ -13579,7 +13580,7 @@ class ColorPickerHexInput {
   render() {
     const { intlHex, value } = this;
     const hexInputValue = this.formatForInternalInput(value);
-    return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
+    return (hAsync("div", { class: CSS$F.container }, hAsync("calcite-input", { class: CSS$F.input, label: intlHex, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, prefixText: "#", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (hAsync("calcite-color-picker-swatch", { active: true, class: CSS$F.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));
   }
   //--------------------------------------------------------------------------
   //
@@ -13645,6 +13646,7 @@ class ColorPickerHexInput {
       "intlNoColor": [1, "intl-no-color"],
       "scale": [513],
       "value": [1537],
+      "numberingSystem": [1, "numbering-system"],
       "internalColor": [32],
       "setFocus": [64]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.504",
+  "version": "1.0.0-next.505",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -70,7 +70,7 @@
     "sortablejs": "1.15.0"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.17.12",
+    "@babel/preset-react": "7.18.6",
     "@esri/calcite-base": "^1.2.0",
     "@esri/calcite-colors": "6.0.1",
     "@esri/calcite-ui-icons": "3.19.3",
@@ -96,7 +96,7 @@
     "@types/sortablejs": "1.13.0",
     "@types/standard-version": "7.0.1",
     "@types/yargs": "17.0.10",
-    "@typescript-eslint/eslint-plugin": "5.29.0",
+    "@typescript-eslint/eslint-plugin": "5.30.0",
     "@typescript-eslint/parser": "5.29.0",
     "@whitespace/storybook-addon-html": "5.0.0",
     "autoprefixer": "10.4.7",
@@ -113,7 +113,7 @@
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "26.5.3",
     "eslint-plugin-jsdoc": "39.3.3",
-    "eslint-plugin-prettier": "4.0.0",
+    "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.30.0",
     "eslint-plugin-unicorn": "42.0.0",
     "gh-release": "6.0.4",

package/dist/calcite/p-25fe87b8.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
- */
-System.register(["./p-8a9c21b2.system.js","./p-67fa6d03.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.f},function(e){n=e.c}],execute:function(){e({c:i,d:o});var r=new Set;var c;var s={childList:true};function i(e){if(!c){c=n("mutation",a)}c.observe(e.el,s)}function o(e){r.delete(e.el);a(c.takeRecords());c.disconnect();for(var t=0,n=r.entries();t<n.length;t++){var i=n[t][0];c.observe(i,s)}}function a(e){e.forEach((function(e){var n=e.target;t(n)}))}}}}));

package/dist/calcite/p-29ba994b.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
- */
-import{r as t,c as i,h as a,H as e,g as n}from"./p-c7ba922b.js";import{f as r,t as o}from"./p-7eb33e49.js";import{c as s,d as c,g as l}from"./p-118ec700.js";import{c as m,d,H as h}from"./p-ea9381e5.js";import{u as p}from"./p-7c0d3a89.js";import"./p-3beaa97b.js";const b=class{constructor(a){t(this,a),this.calciteSwitchChange=i(this,"calciteSwitchChange",7),this.disabled=!1,this.scale="m",this.switched=!1,this.checked=!1,this.keyDownHandler=t=>{const i=t.key;this.disabled||" "!==i&&"Enter"!==i||(this.toggle(),t.preventDefault())},this.clickHandler=()=>{this.toggle()},this.setSwitchEl=t=>{this.switchEl=t}}switchedWatcher(t){this.checked=t}async setFocus(){r(this.switchEl)}onLabelClick(){this.disabled||(this.toggle(),this.setFocus())}toggle(){this.checked=!this.checked,this.calciteSwitchChange.emit({switched:this.checked})}connectedCallback(){const t=this.checked||this.switched;t&&(this.switched=this.checked=t),s(this),m(this)}disconnectedCallback(){c(this),d(this)}componentDidRender(){p(this)}render(){return a(e,{onClick:this.clickHandler,onKeyDown:this.keyDownHandler},a("div",{"aria-checked":o(this.checked),"aria-label":l(this),class:"container",ref:this.setSwitchEl,role:"switch",tabIndex:0},a("div",{class:"track"},a("div",{class:"handle"})),a(h,{component:this})))}get el(){return n(this)}static get watchers(){return{switched:["switchedWatcher"]}}};b.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([scale=s]) .container{height:0.75rem}:host([scale=s]) .track{height:0.75rem;width:1.5rem}:host([scale=s]) .handle{height:0.5rem;width:0.5rem}:host([scale=m]) .container{height:1rem}:host([scale=m]) .track{height:1rem;width:2rem}:host([scale=m]) .handle{height:0.75rem;width:0.75rem}:host([scale=l]) .container{height:1.5rem}:host([scale=l]) .track{height:1.5rem;width:3rem}:host([scale=l]) .handle{height:1.25rem;width:1.25rem}:host{position:relative;display:inline-block;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{width:auto;outline-color:transparent}.track{pointer-events:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);top:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{b as calcite_switch}

package/dist/calcite/p-6d666a00.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
- */
-import{r as t,f as a,h as i,g as e,c as s,H as n}from"./p-c7ba922b.js";import{g as l}from"./p-3beaa97b.js";import{c as r}from"./p-e6094a7a.js";import{h}from"./p-7eb33e49.js";import{d as o,c}from"./p-fe9e5ee3.js";import{c as m,d}from"./p-118ec700.js";import{c as u,d as b,a as p,H as f}from"./p-ea9381e5.js";import{u as v}from"./p-7c0d3a89.js";function g(t,a,i){const e=a[0]-t[0];return e?(3*(a[1]-t[1])/e-i)/2:i}function x(t,a,i,e,s){const[n,l]=t,[r,h]=a,o=(r-n)/3;return`C ${s([n+o,l+o*i]).join(",")} ${s([r-o,h-o*e]).join(",")} ${s([r,h]).join(",")}`}const _=class{constructor(i){t(this,i),this.data=[],this.graphId=`calcite-graph-${l()}`,this.resizeObserver=r("resize",(()=>a(this)))}connectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.observe(this.el)}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){const{data:t,colorStops:a,el:e,highlightMax:s,highlightMin:n,min:l,max:r}=this,h=this.graphId,{clientHeight:o,clientWidth:c}=e;if(!t||0===t.length)return i("svg",{class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c});const{min:m,max:d}=function(t){const[a,i]=t[0];return t.reduce((({min:t,max:a},[i,e])=>({min:[Math.min(t[0],i),Math.min(t[1],e)],max:[Math.max(a[0],i),Math.max(a[1],e)]})),{min:[a,i],max:[a,i]})}(t);let u=m,b=d;(l<m[0]||l>m[0])&&(u=[l,0]),(r>d[0]||r<d[0])&&(b=[r,d[1]]);const p=function({width:t,height:a,min:i,max:e}){const s=e[0]-i[0],n=e[1]-i[1];return e=>[(e[0]-i[0])/s*t,a-e[1]/n*a]}({min:u,max:b,width:c,height:o}),[f]=p([n,b[1]]),[v]=p([s,b[1]]),_=function({data:t,min:a,max:i,t:e}){if(0===t.length)return"";const[s,n]=e(t[0]),[l,r]=e(a),[h]=e(i);let o,c,m;const d=t.reduce(((a,i,s)=>{if(c=t[s-2],m=t[s-1],s>1){const t=function(t,a,i){const e=a[0]-t[0],s=i[0]-a[0],n=(a[1]-t[1])/(e||s<0&&0),l=(i[1]-a[1])/(s||e<0&&0),r=(n*s+l*e)/(e+s);return(Math.sign(n)+Math.sign(l))*Math.min(Math.abs(n),Math.abs(l),.5*Math.abs(r))||0}(c,m,i),s=void 0===o?g(c,m,t):o,n=x(c,m,s,t,e);return o=t,`${a} ${n}`}return a}),`M ${l},${r} L ${l},${n} L ${s},${n}`),u=t[t.length-1];return`${d} ${x(m,u,o,g(m,u,o),e)} L ${h},${r} Z`}({data:t,min:m,max:d,t:p}),k=a?`url(#linear-gradient-${h})`:void 0;return i("svg",{class:"svg",height:o,preserveAspectRatio:"none",viewBox:`0 0 ${c} ${o}`,width:c},a?i("defs",null,i("linearGradient",{id:`linear-gradient-${h}`,x1:"0",x2:"1",y1:"0",y2:"0"},a.map((({offset:t,color:a,opacity:e})=>i("stop",{offset:100*t+"%","stop-color":a,"stop-opacity":e}))))):null,void 0!==n?[i("mask",{height:"100%",id:`${h}1`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M 0,0\n            L ${f-1},0\n            L ${f-1},${o}\n            L 0,${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${h}2`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n            M ${f+1},0\n            L ${v-1},0\n            L ${v-1},${o}\n            L ${f+1}, ${o}\n            Z\n          `,fill:"white"})),i("mask",{height:"100%",id:`${h}3`,width:"100%",x:"0%",y:"0%"},i("path",{d:`\n                M ${v+1},0\n                L ${c},0\n                L ${c},${o}\n                L ${v+1}, ${o}\n                Z\n              `,fill:"white"})),i("path",{class:"graph-path",d:_,fill:k,mask:`url(#${h}1)`}),i("path",{class:"graph-path--highlight",d:_,fill:k,mask:`url(#${h}2)`}),i("path",{class:"graph-path",d:_,fill:k,mask:`url(#${h}3)`})]:i("path",{class:"graph-path",d:_,fill:k}))}get el(){return e(this)}};function k(t){return Array.isArray(t)}_.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;height:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;height:100%;width:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}";const w=class{constructor(a){t(this,a),this.calciteSliderInput=s(this,"calciteSliderInput",7),this.calciteSliderChange=s(this,"calciteSliderChange",7),this.calciteSliderUpdate=s(this,"calciteSliderUpdate",7),this.disabled=!1,this.hasHistogram=!1,this.labelHandles=!1,this.labelTicks=!1,this.max=100,this.min=0,this.mirrored=!1,this.precise=!1,this.required=!1,this.snap=!1,this.step=1,this.value=0,this.scale="m",this.guid=`calcite-slider-${l()}`,this.activeProp="value",this.minMaxValueRange=null,this.minValueDragRange=null,this.maxValueDragRange=null,this.tickValues=[],this.dragUpdate=t=>{if(t.preventDefault(),this.dragProp){const a=this.translate(t.clientX||t.pageX);if(k(this.value)&&"minMaxValue"===this.dragProp)if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=a-this.minValueDragRange,i=a+this.maxValueDragRange;i<=this.max&&t>=this.min&&i-t===this.minMaxValueRange&&(this.minValue=this.clamp(t,"minValue"),this.maxValue=this.clamp(i,"maxValue"))}else this.minValueDragRange=a-this.minValue,this.maxValueDragRange=this.maxValue-a,this.minMaxValueRange=this.maxValue-this.minValue;else this.setValue(this.dragProp,this.clamp(a,this.dragProp))}},this.dragEnd=t=>{this.removeDragListeners(),this.focusActiveHandle(t.clientX),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}}histogramWatcher(t){this.hasHistogram=!!t}valueHandler(){this.setMinMaxFromValue()}minMaxValueHandler(){this.setValueFromMinMax()}connectedCallback(){this.setMinMaxFromValue(),this.setValueFromMinMax(),m(this),u(this)}disconnectedCallback(){d(this),b(this),this.removeDragListeners()}componentWillLoad(){this.tickValues=this.generateTickValues(),k(this.value)||(this.value=this.clamp(this.value)),p(this,this.value),this.snap&&!k(this.value)&&(this.value=this.getClosestStep(this.value)),this.histogram&&(this.hasHistogram=!0)}componentDidRender(){this.labelHandles&&(this.adjustHostObscuredHandleLabel("value"),k(this.value)&&(this.adjustHostObscuredHandleLabel("minValue"),this.precise&&!this.hasHistogram||this.hyphenateCollidingRangeHandleLabels())),this.hideObscuredBoundingTickLabels(),v(this)}render(){const t=this.el.id||this.guid,a=k(this.value)?"maxValue":"value",e=k(this.value)?this.maxValue:this.value,s=this.minValue||this.min,l=this.shouldUseMinValue(),r=100*this.getUnitInterval(l?this.minValue:s),h=100*this.getUnitInterval(e),o=this.shouldMirror(),c=`${o?100-r:r}%`,m=`${o?h:100-h}%`,d=k(this.value),u=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("div",{class:"handle"})),b=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},e?e.toLocaleString():e),i("div",{class:"handle"})),p=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},e?e.toLocaleString():e)),v=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("div",{class:"handle"}),i("div",{class:"handle-extension"})),g=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("div",{class:"handle-extension"}),i("div",{class:"handle"})),x=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},e?e.toLocaleString():e),i("div",{class:"handle"}),i("div",{class:"handle-extension"})),_=i("div",{"aria-disabled":this.disabled,"aria-label":d?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":e,class:{thumb:!0,"thumb--value":!0,"thumb--active":"minMaxValue"!==this.lastDragProp&&this.dragProp===a,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=a,onPointerDown:()=>this.dragStart(a),ref:t=>this.maxHandle=t,role:"slider",style:{right:m},tabIndex:0},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},e?e.toLocaleString():e),i("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},e?e.toLocaleString():e)),w=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:!0,"thumb--minValue":!0,"thumb--active":"minValue"===this.dragProp},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:c},tabIndex:0},i("div",{class:"handle"})),y=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:!0,"thumb--minValue":!0,"thumb--active":"minValue"===this.dragProp},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:c},tabIndex:0},i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),i("div",{class:"handle"})),$=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:!0,"thumb--minValue":!0,"thumb--active":"minValue"===this.dragProp},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:c},tabIndex:0},i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString())),D=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:!0,"thumb--minValue":!0,"thumb--active":"minValue"===this.dragProp,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:c},tabIndex:0},i("div",{class:"handle-extension"}),i("div",{class:"handle"})),V=i("div",{"aria-disabled":this.disabled,"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:!0,"thumb--minValue":!0,"thumb--active":"minValue"===this.dragProp,"thumb--precise":!0},onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:c},tabIndex:0},i("div",{class:"handle-extension"}),i("div",{class:"handle"}),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),i("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return i(n,{id:t,onTouchStart:this.handleTouchStart},i("div",{class:{container:!0,"container--range":d,[`scale--${this.scale}`]:!0}},this.renderGraph(),i("div",{class:"track",ref:this.storeTrackRef},i("div",{class:"track__range",onPointerDown:()=>this.dragStart("minMaxValue"),style:{left:`${o?100-h:r}%`,right:`${o?r:100-h}%`}}),i("div",{class:"ticks"},this.tickValues.map((t=>{const a=100*this.getUnitInterval(t)+"%";let n=t>=s&&t<=e;return l&&(n=t>=this.minValue&&t<=this.maxValue),i("span",{class:{tick:!0,"tick--active":n},style:{left:o?"":a,right:o?a:""}},this.renderTickLabel(t))})))),i("div",{class:"thumb-container"},!this.precise&&!this.labelHandles&&d&&w,!this.hasHistogram&&!this.precise&&this.labelHandles&&d&&y,this.precise&&!this.labelHandles&&d&&D,this.precise&&this.labelHandles&&d&&V,this.hasHistogram&&!this.precise&&this.labelHandles&&d&&$,!this.precise&&!this.labelHandles&&u,!this.hasHistogram&&!this.precise&&this.labelHandles&&b,!this.hasHistogram&&this.precise&&!this.labelHandles&&v,this.hasHistogram&&this.precise&&!this.labelHandles&&g,!this.hasHistogram&&this.precise&&this.labelHandles&&x,this.hasHistogram&&!this.precise&&this.labelHandles&&p,this.hasHistogram&&this.precise&&this.labelHandles&&_,i(f,{component:this}))))}renderGraph(){return this.histogram?i("calcite-graph",{class:"graph",colorStops:this.histogramStops,data:this.histogram,highlightMax:k(this.value)?this.maxValue:this.value,highlightMin:k(this.value)?this.minValue:this.min,max:this.max,min:this.min}):null}renderTickLabel(t){const a=k(this.value),e=t===this.min,s=t===this.max,n=i("span",{class:{tick__label:!0,"tick__label--min":e,"tick__label--max":s}},t.toLocaleString());return this.labelTicks&&!this.hasHistogram&&!a||this.labelTicks&&!this.hasHistogram&&a&&!this.precise&&!this.labelHandles||this.labelTicks&&!this.hasHistogram&&a&&!this.precise&&this.labelHandles||this.labelTicks&&!this.hasHistogram&&a&&this.precise&&(e||s)||this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles||this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(e||s)||this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(e||s)||this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(e||s)?n:null}keyDownHandler(t){const a=this.shouldMirror(),{activeProp:i,max:e,min:s,pageStep:n,step:l}=this,r=this[i],h=t.key;if("Enter"===h||" "===h)return void t.preventDefault();let c;if("ArrowUp"===h||"ArrowRight"===h?c=r+l*(a&&"ArrowRight"===h?-1:1):"ArrowDown"===h||"ArrowLeft"===h?c=r-l*(a&&"ArrowLeft"===h?-1:1):"PageUp"===h?n&&(c=r+n):"PageDown"===h?n&&(c=r-n):"Home"===h?c=s:"End"===h&&(c=e),isNaN(c))return;t.preventDefault();const m=Number(c.toFixed(o(l)));this.setValue(i,this.clamp(m,i))}clickHandler(t){this.focusActiveHandle(t.clientX)}pointerDownHandler(t){const a=this.translate(t.clientX||t.pageX);let i="value";k(this.value)&&(i=a>=this.minValue&&a<=this.maxValue&&"minMaxValue"===this.lastDragProp?"minMaxValue":Math.abs(this.maxValue-a)<Math.abs(this.minValue-a)||a>this.maxValue?"maxValue":"minValue"),this.lastDragPropValue=this[i],this.dragStart(i),this.el.shadowRoot.querySelector(".thumb:active")||this.setValue(i,this.clamp(a,i))}handleTouchStart(t){t.preventDefault()}async setFocus(){const t=this.minHandle?this.minHandle:this.maxHandle;null==t||t.focus()}setValueFromMinMax(){const{minValue:t,maxValue:a}=this;"number"==typeof t&&"number"==typeof a&&(this.value=[t,a])}setMinMaxFromValue(){const{value:t}=this;k(t)&&(this.minValue=t[0],this.maxValue=t[1])}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){return!!k(this.value)&&(this.hasHistogram&&0===this.maxValue||!this.hasHistogram&&0===this.minValue)}generateTickValues(){const t=[];let a=this.min;for(;this.ticks&&a<this.max+this.ticks;)t.push(Math.min(a,this.max)),a+=this.ticks;return t}dragStart(t){this.dragProp=t,this.lastDragProp=this.dragProp,this.activeProp=t,document.addEventListener("pointermove",this.dragUpdate),document.addEventListener("pointerup",this.dragEnd),document.addEventListener("pointercancel",this.dragEnd)}focusActiveHandle(t){switch(this.dragProp){case"minValue":this.minHandle.focus();break;case"maxValue":this.maxHandle.focus();break;case"minMaxValue":this.getClosestHandle(t).focus()}}emitInput(){this.calciteSliderInput.emit(),this.calciteSliderUpdate.emit()}emitChange(){this.calciteSliderChange.emit()}removeDragListeners(){document.removeEventListener("pointermove",this.dragUpdate),document.removeEventListener("pointerup",this.dragEnd),document.removeEventListener("pointercancel",this.dragEnd)}setValue(t,a){this[t]!==a&&(this[t]=a,this.dragProp||this.emitChange(),this.emitInput())}clamp(t,a){return t=c(t,this.min,this.max),"maxValue"===a&&(t=Math.max(t,this.minValue)),"minValue"===a&&(t=Math.min(t,this.maxValue)),t}translate(t){const a=this.max-this.min,{left:i,width:e}=this.trackEl.getBoundingClientRect(),s=(t-i)/e,n=this.shouldMirror(),l=this.clamp(this.min+a*(n?1-s:s));let r=Number(l.toFixed(o(this.step)));return this.snap&&this.step&&(r=this.getClosestStep(r)),r}getClosestStep(t){if(t=Number(this.clamp(t).toFixed(o(this.step))),this.step){const a=Math.round(t/this.step)*this.step;t=Number(this.clamp(a).toFixed(o(this.step)))}return t}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,a){return Math.abs(t.getBoundingClientRect().left-a)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){return((t=this.clamp(t))-this.min)/(this.max-this.min)}adjustHostObscuredHandleLabel(t){const a=this.el.shadowRoot.querySelector(`.handle__label--${t}`),i=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`),e=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`),s=i.getBoundingClientRect(),n=this.getHostOffset(s.left,s.right);a.style.transform=`translateX(${n}px)`,e.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el,a=this.shouldMirror(),i=a?"value":"minValue",e=a?"minValue":"value",s=t.querySelector(`.handle__label--${i}`),n=t.querySelector(`.handle__label--${i}.static`),l=t.querySelector(`.handle__label--${i}.transformed`),r=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right),h=t.querySelector(`.handle__label--${e}`),o=t.querySelector(`.handle__label--${e}.static`),c=t.querySelector(`.handle__label--${e}.transformed`),m=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right),d=this.getFontSizeForElement(s),u=this.getRangeLabelOverlap(l,c),b=s,p=d/2;if(u>0){if(b.classList.add("hyphen","hyphen--wrap"),0===m&&0===r){let t=u/2-p;t=-1===Math.sign(t)?Math.abs(t):-t;const a=this.getHostOffset(l.getBoundingClientRect().left+t-p,l.getBoundingClientRect().right+t-p);let i=u/2;const e=this.getHostOffset(c.getBoundingClientRect().left+i,c.getBoundingClientRect().right+i);0!==a&&(t+=a,i+=a),0!==e&&(t+=e,i+=e),s.style.transform=`translateX(${t}px)`,l.style.transform=`translateX(${t-p}px)`,h.style.transform=`translateX(${i}px)`,c.style.transform=`translateX(${i}px)`}else if(r>0||m>0)s.style.transform=`translateX(${r+p}px)`,h.style.transform=`translateX(${u+m}px)`,c.style.transform=`translateX(${u+m}px)`;else if(r<0||m<0){let t=Math.abs(r)+u-p;t=-1===Math.sign(t)?Math.abs(t):-t,s.style.transform=`translateX(${t}px)`,l.style.transform=`translateX(${t-p}px)`}}else b.classList.remove("hyphen","hyphen--wrap"),s.style.transform=`translateX(${r}px)`,l.style.transform=`translateX(${r}px)`,h.style.transform=`translateX(${m}px)`,c.style.transform=`translateX(${m}px)`}hideObscuredBoundingTickLabels(){const t=k(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 a=this.el.shadowRoot.querySelector(".thumb--minValue"),i=this.el.shadowRoot.querySelector(".thumb--value"),e=this.el.shadowRoot.querySelector(".tick__label--min"),s=this.el.shadowRoot.querySelector(".tick__label--max");!a&&i&&e&&s&&(e.style.opacity=this.isMinTickLabelObscured(e,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,i)?"0":"1"),a&&i&&e&&s&&(e.style.opacity=this.isMinTickLabelObscured(e,a)||this.isMinTickLabelObscured(e,i)?"0":"1",s.style.opacity=this.isMaxTickLabelObscured(s,a)||this.isMaxTickLabelObscured(s,i)&&this.hasHistogram?"0":"1")}getHostOffset(t,a){const i=this.el.getBoundingClientRect();return t+7<i.left?i.left-t-7:a-7>i.right?7-(a-i.right):0}getRangeLabelOverlap(t,a){const i=t.getBoundingClientRect(),e=a.getBoundingClientRect(),s=this.getFontSizeForElement(t);return Math.max(i.right+s-e.left,0)}isMinTickLabelObscured(t,a){const i=t.getBoundingClientRect(),e=a.getBoundingClientRect();return h(i,e)}isMaxTickLabelObscured(t,a){const i=t.getBoundingClientRect(),e=a.getBoundingClientRect();return h(i,e)}get el(){return e(this)}static get watchers(){return{histogram:["histogramWatcher"],value:["valueHandler"],minValue:["minMaxValueHandler"],maxValue:["minMaxValueHandler"]}}};w.style='@charset "UTF-8";@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.scale--s{--calcite-slider-handle-size:10px;--calcite-slider-handle-extension-height:6.5px;--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:14px;--calcite-slider-handle-extension-height:8px;--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:16px;--calcite-slider-handle-extension-height:10.5px;--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-ui-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:calc(var(--calcite-slider-handle-size) * 0.5);margin:calc(var(--calcite-slider-handle-size) * 0.5) 0;--calcite-slider-full-handle-height:calc(\n    var(--calcite-slider-handle-size) + var(--calcite-slider-handle-extension-height)\n  )}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.scale--s .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-6px}.scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-8px}.scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-9px}: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-width:100%}.thumb{--calcite-slider-thumb-x-offset:calc(var(--calcite-slider-handle-size) * 0.5);position:absolute;margin:0px;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border-style:none;background-color:transparent;padding:0px;font-family:inherit;outline:2px solid transparent;outline-offset:2px;-webkit-transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset));transform:translate(var(--calcite-slider-thumb-x-offset), var(--calcite-slider-thumb-y-offset))}.thumb .handle__label.static,.thumb .handle__label.transformed{position:absolute;top:0px;bottom:0px;opacity:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle__label.hyphen--wrap{display:-ms-flexbox;display:flex}.thumb .handle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:9999px;background-color:var(--calcite-ui-foreground-1);outline-color:transparent;height:var(--calcite-slider-handle-size);width:var(--calcite-slider-handle-size);-webkit-box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;-webkit-transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;transition:border var(--calcite-internal-animation-timing-medium) ease, background-color var(--calcite-internal-animation-timing-medium) ease, -webkit-box-shadow var(--calcite-animation-timing) ease;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;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, -webkit-box-shadow var(--calcite-animation-timing) ease}.thumb .handle-extension{width:0.125rem;height:var(--calcite-slider-handle-extension-height);background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{-webkit-box-shadow:0 0 0 3px var(--calcite-ui-brand) inset;box-shadow:0 0 0 3px var(--calcite-ui-brand) inset}.thumb:hover .handle-extension{background-color:var(--calcite-ui-brand)}.thumb:focus .handle{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb.thumb--minValue{-webkit-transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset));transform:translate(calc(var(--calcite-slider-thumb-x-offset) * -1), var(--calcite-slider-thumb-y-offset))}.thumb.thumb--precise{--calcite-slider-thumb-y-offset:-2px}: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:-23px}:host([label-handles]):host(:not([has-histogram])) .scale--m .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-30px}:host([label-handles]):host(:not([has-histogram])) .scale--l .thumb:not(.thumb--precise){--calcite-slider-thumb-y-offset:-32px}:host([has-histogram][label-handles]) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--minValue.thumb--precise .handle__label{margin-top:0.5em}:host(:not([has-histogram]):not([precise])) .handle__label,:host([label-handles]:not([has-histogram])) .thumb--value .handle__label{margin-bottom:0.5em}:host([label-handles][precise]):host(:not([has-histogram])) .scale--s .thumb--value{--calcite-slider-thumb-y-offset:-33px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--m .thumb--value{--calcite-slider-thumb-y-offset:-44px}:host([label-handles][precise]):host(:not([has-histogram])) .scale--l .thumb--value{--calcite-slider-thumb-y-offset:-49px}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-brand);-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.16);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-ui-brand)}.track{position:relative;height:0.125rem;border-radius:0px;background-color:var(--calcite-ui-border-2);-webkit-transition:all var(--calcite-internal-animation-timing-medium) ease-in;transition:all var(--calcite-internal-animation-timing-medium) ease-in}.track__range{position:absolute;top:0px;height:0.125rem;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{position:absolute;width:100%;content:"";top:calc(var(--calcite-slider-full-handle-height) * 0.5 * -1);height: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;height:0.25rem;width:0.125rem;border-width:1px;border-style:solid;background-color:var(--calcite-ui-border-input);border-color:var(--calcite-ui-foreground-1);top:-2px;pointer-events:none;-webkit-margin-start:calc(-1 * 0.125rem);margin-inline-start:calc(-1 * 0.125rem)}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{pointer-events:none;margin-top:0.875rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.tick__label--min{-webkit-transition:opacity var(--calcite-animation-timing);transition:opacity var(--calcite-animation-timing)}.tick__label--max{-webkit-transition:opacity var(--calcite-internal-animation-timing-fast);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-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3);height:48px}:host([label-ticks][ticks]) .container{padding-bottom:calc(0.875rem + var(--calcite-slider-container-font-size))}:host([has-histogram]):host([precise][label-handles]) .container{padding-bottom:calc(var(--calcite-slider-full-handle-height) + 1em)}:host([has-histogram]):host([label-handles]:not([precise])) .container{padding-bottom:calc(var(--calcite-slider-handle-size) * 0.5 + 1em)}:host([has-histogram]):host([precise]:not([label-handles])) .container{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container{padding-top:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([precise]:not([label-handles])) .container--range{padding-bottom:var(--calcite-slider-full-handle-height)}:host(:not([has-histogram])):host([label-handles]:not([precise])) .container{padding-top:calc(var(--calcite-slider-full-handle-height) + 4px)}:host(:not([has-histogram])):host([label-handles][precise]) .container{padding-top: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-bottom:calc(var(--calcite-slider-full-handle-height) + var(--calcite-slider-container-font-size) + 4px)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';export{_ as calcite_graph,w as calcite_slider}

package/dist/calcite/p-7da94bfa.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
- */
-import{h as t}from"./p-c7ba922b.js";function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const a=(r,a)=>{const e=`h${r.level}`;return delete r.level,t(e,{...r},a)};export{a as H,r as c}

package/dist/calcite/p-afa1a4c4.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.504
- */
-System.register(["./p-8a9c21b2.system.js","./p-2ac8942d.system.js","./p-5d5a2ae9.system.js","./p-69635d99.system.js"],(function(t){"use strict";var e,n,r,o,i;return{setters:[function(t){e=t.f;n=t.h},function(t){r=t.a},function(t){o=t.S},function(t){i=t.S}],execute:function(){t("t",p);var a=t("o",150);var c=2;var u=function(t){var e=t.height,n=t.actionHeight,r=t.groupCount;return Math.floor((e-r*c)/n)};var l=t("g",(function(t){var e=t.actionCount,n=t.actionHeight,r=t.height,o=t.groupCount;return Math.max(e-u({height:r,actionHeight:n,groupCount:o}),0)}));var s=t("q",(function(t){return Array.from(t.querySelectorAll("calcite-action")).filter((function(t){return t.closest("calcite-action-menu")?t.slot===o.trigger:true}))}));var f=t("a",(function(t){var n=t.actionGroups,r=t.expanded,o=t.overflowCount;var a=o;n.reverse().forEach((function(t){var n=0;var o=s(t).reverse();o.forEach((function(t){if(t.slot===i.menuActions){t.removeAttribute("slot");t.textEnabled=r}}));if(a>0){o.some((function(t){var e=o.filter((function(t){return!t.slot}));if(e.length>1&&o.length>2&&!t.closest("calcite-action-menu")){t.textEnabled=true;t.setAttribute("slot",i.menuActions);n++;if(n>1){a--}}return a<1}))}e(t)}))}));var v={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function h(t,e){var n;return t||((n=e.closest("calcite-shell-panel"))===null||n===void 0?void 0:n.position)||"start"}function p(t){var e=t.parent,n=t.expanded;s(e).filter((function(t){return t.slot!==i.menuActions})).forEach((function(t){return t.textEnabled=n}));e.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((function(t){return t.expanded=n}))}var d=function(t){var e=t.tooltip,n=t.referenceElement,r=t.expanded,o=t.ref;if(e){e.referenceElement=!r&&n?n:null}if(o){o(n)}return n};var g=t("E",(function(t){var e=t.expanded,o=t.intlExpand,i=t.intlCollapse,a=t.toggle,c=t.el,u=t.position,l=t.tooltip,s=t.ref,f=t.scale;var p=r(c)==="rtl";var g=e?i:o;var m=[v.chevronsLeft,v.chevronsRight];if(p){m.reverse()}var x=h(u,c)==="end";var E=x?m[1]:m[0];var y=x?m[0]:m[1];var A=n("calcite-action",{icon:e?E:y,onClick:a,ref:function(t){return d({tooltip:l,referenceElement:t,expanded:e,ref:s})},scale:f,text:g,textEnabled:e});return A}))}}}));