@esri/solutions-components 0.0.2 → 0.0.4

package/dist/solutions/p-4b0b2534.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-list/resources.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-list/calcite-list.css?tag=calcite-list&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-list/calcite-list.js"],"names":["CSS","container","calciteListCss","CalciteList","[object Object]","firstListItem","this","el","querySelector","setFocus","h","Host","role","class"],"mappings":";;;;;;;;;GAIO,MAAMA,EAAM,CACjBC,UAAW,aCLb,MAAMC,EAAiB,6kCCUVC,EAAW,+BAOtBC,iBACE,MAAMC,EAAgBC,KAAKC,GAAGC,cAAc,4CAC5CH,IAAkB,MAAQA,SAAuB,OAAS,EAAIA,EAAcI,WAO9EL,SACE,OAAQM,EAAEC,EAAM,CAAEC,KAAM,QACtBF,EAAE,MAAO,CAAEG,MAAOb,EAAIC,WACpBS,EAAE,OAAQ","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nexport const CSS = {\n  container: \"container\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: block;\n}\n\n.container {\n  background-color: transparent;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.container * {\n  box-sizing: border-box;\n}\n\n::slotted(calcite-list-item) {\n  margin-bottom: 1px;\n  box-shadow: 0 1px 0 var(--calcite-ui-border-3);\n}\n\n::slotted(calcite-list-item:last-child) {\n  box-shadow: none;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, h, Host, Prop, Method } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\n/**\n * A general purpose list that enables users to construct list items that conform to Calcite styling.\n * @slot - A slot for adding `calcite-list-item` elements.\n */\nexport class CalciteList {\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    const firstListItem = this.el.querySelector(`calcite-list-item:not([non-interactive])`);\n    firstListItem === null || firstListItem === void 0 ? void 0 : firstListItem.setFocus();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    return (h(Host, { role: \"list\" },\n      h(\"div\", { class: CSS.container },\n        h(\"slot\", null))));\n  }\n  static get is() { return \"calcite-list\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-list.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-list.css\"]\n  }; }\n  static get properties() { return {\n    \"headingLevel\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"HeadingLevel\",\n        \"resolved\": \"1 | 2 | 3 | 4 | 5 | 6\",\n        \"references\": {\n          \"HeadingLevel\": {\n            \"location\": \"import\",\n            \"path\": \"../functional/CalciteHeading\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Number at which section headings should start for this component.\"\n      },\n      \"attribute\": \"heading-level\",\n      \"reflect\": false\n    }\n  }; }\n  static get methods() { return {\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<void>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          },\n          \"HTMLCalciteListItemElement\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<void>\"\n      },\n      \"docs\": {\n        \"text\": \"Sets focus on the component.\",\n        \"tags\": []\n      }\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-51e4c002.entry.js

@@ -1,7 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as i,h as s,H as a,g as e}from"./p-2e1cd889.js";import{g as n}from"./p-ec178ea9.js";import{g as h}from"./p-7df393df.js";import{j as l}from"./p-e762b2d1.js";import{c as r}from"./p-f49bc4a8.js";import{c as o,d as c}from"./p-cb5cb9a8.js";import{c as u,d as m,a as d,H as b}from"./p-0b8525e2.js";const p='@charset "UTF-8";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{display:block;position:relative;padding:7px 0;margin:7px 0.5rem}:host([disabled]){opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}:host([disabled]) .track__range,:host([disabled]) .tick--active{background-color:var(--calcite-ui-text-3)}:host([disabled]) .graph .graph-path--highlight{fill:var(--calcite-ui-text-3)}:host([label-handles]) .container,:host([precise]:not([precise=false])) .container{margin-top:21px}:host([label-ticks]),:host([precise]:not([precise=false])) .container--range{margin-bottom:21px}:host([precise]:not([precise=false])[label-handles]) .container{margin-top:35px}:host([precise]:not([precise=false])[label-handles]) .container--range{margin-bottom:35px}.thumb{position:absolute;border-style:none;background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;font-family:inherit;z-index:2;transform:translate(7px, -8px)}.thumb .handle__label{font-size:var(--calcite-font-size--2);font-weight:500;line-height:1;color:var(--calcite-ui-text-2);margin-bottom:5px}.thumb .handle__label.static,.thumb .handle__label.transformed{opacity:0;position:absolute;top:0;bottom:0}.thumb .handle__label.hyphen::after{content:"—";display:inline-block;width:1em}.thumb .handle{outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;height:14px;width:14px;box-sizing:border-box;border-radius:100%;background-color:var(--calcite-ui-foreground-1);box-shadow:0 0 0 2px var(--calcite-ui-text-3) inset;transition:border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease}.thumb .handle-extension{width:2px;height:7px;background-color:var(--calcite-ui-text-3)}.thumb:hover .handle{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;outline-offset:2px}.thumb:focus .handle-extension{background-color:var(--calcite-ui-brand)}.thumb--minValue{transform:translate(-7px, -8px)}:host([label-handles]) .thumb{transform:translate(50%, -25px)}:host([label-handles]) .thumb--minValue{transform:translate(-50%, -25px)}:host([has-histogram][label-handles]) .thumb{transform:translate(50%, -8px)}:host([has-histogram][label-handles]) .thumb .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][label-handles]) .thumb--minValue{transform:translate(-50%, -8px)}:host([precise]:not([precise=false])) .thumb{transform:translate(7px, -21px)}:host([precise]:not([precise=false])) .thumb--minValue{transform:translate(-7px, -2px)}:host([precise]:not([precise=false])) .thumb--minValue .handle__label{margin-bottom:unset;margin-top:5px}:host([has-histogram][precise]:not([precise=false])) .thumb{transform:translate(7px, -2px)}:host([has-histogram][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -2px)}:host([ticks][precise]:not([precise=false])) .thumb{transform:translate(7px, -20px)}:host([ticks][precise]:not([precise=false])) .thumb--minValue{transform:translate(-7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb{transform:translate(7px, -3px)}:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -3px)}:host([label-handles][precise]:not([precise=false])) .thumb{transform:translate(50%, -38px)}:host([label-handles][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb{transform:translate(50%, -2px)}:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -2px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb{transform:translate(50%, -37px)}:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb{transform:translate(50%, -3px)}:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue{transform:translate(-50%, -3px)}.thumb:focus,.thumb--active{z-index:3}.thumb:focus .handle,.thumb--active .handle{background-color:var(--calcite-ui-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-ui-brand)}.track{height:2px;border-radius:0;z-index:1;background-color:var(--calcite-ui-border-2);transition:all 250ms ease-in;position:relative}.track__range{position:absolute;top:0;height:2px;background-color:var(--calcite-ui-brand)}.container--range .track__range:hover{cursor:ew-resize}.container--range .track__range:after{content:"";position:absolute;top:-5px;width:100%;height:14px}.tick{position:absolute;top:-2px;width:2px;height:4px;left:var(--calcite-ui-border-1-offset);margin-left:-2px;border:1px solid var(--calcite-ui-foreground-1);background-color:var(--calcite-ui-border-1);pointer-events:none}.tick--active{background-color:var(--calcite-ui-brand)}.tick__label{position:absolute;font-size:var(--calcite-font-size--2);font-weight:500;color:var(--calcite-ui-text-2);width:4em;margin:14px -2em;text-align:center;display:block;pointer-events:none}.tick__label--min{left:0;margin:14px -3px;text-align:left;transition:opacity 150ms}.tick__label--max{left:unset;right:0;margin:14px -3px;text-align:right;transition:opacity 50ms}:host([has-histogram][label-handles]) .tick__label--min,:host([has-histogram][label-handles]) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}:host([has-histogram][precise]:not([precise=false])) .tick__label--min,:host([has-histogram][precise]:not([precise=false])) .tick__label--max{margin:6px -3px;font-weight:300;color:var(--calcite-ui-text-3)}.graph{color:var(--calcite-ui-foreground-3)}:host([mirrored]:not([has-histogram])) .tick__label--min{right:0;left:unset;text-align:right}:host([mirrored]:not([has-histogram])) .tick__label--max{right:unset;left:0;text-align:left}::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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}';let f=class{constructor(s){t(this,s);this.calciteSliderInput=i(this,"calciteSliderInput",7);this.calciteSliderChange=i(this,"calciteSliderChange",7);this.calciteSliderUpdate=i(this,"calciteSliderUpdate",7);this.disabled=false;this.hasHistogram=false;this.labelHandles=false;this.labelTicks=false;this.max=100;this.min=0;this.mirrored=false;this.precise=false;this.required=false;this.snap=false;this.step=1;this.value=null;this.guid=`calcite-slider-${n()}`;this.isRange=false;this.activeProp="value";this.minMaxValueRange=null;this.minValueDragRange=null;this.maxValueDragRange=null;this.tickValues=[];this.dragUpdate=t=>{t.preventDefault();if(this.dragProp){const i=this.translate(t.clientX||t.pageX);if(this.isRange&&this.dragProp==="minMaxValue"){if(this.minValueDragRange&&this.maxValueDragRange&&this.minMaxValueRange){const t=i-this.minValueDragRange;const s=i+this.maxValueDragRange;if(s<=this.max&&t>=this.min&&s-t===this.minMaxValueRange){this.minValue=this.clamp(t,"minValue");this.maxValue=this.clamp(s,"maxValue")}}else{this.minValueDragRange=i-this.minValue;this.maxValueDragRange=this.maxValue-i;this.minMaxValueRange=this.maxValue-this.minValue}}else{this.setValue(this.dragProp,this.clamp(i,this.dragProp))}}};this.dragEnd=t=>{document.removeEventListener("pointermove",this.dragUpdate);document.removeEventListener("pointerup",this.dragEnd);document.removeEventListener("pointercancel",this.dragEnd);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}}histogramWatcher(t){this.hasHistogram=!!t}connectedCallback(){o(this);u(this)}disconnectedCallback(){c(this);m(this)}componentWillLoad(){this.isRange=!!(this.maxValue||this.maxValue===0);this.tickValues=this.generateTickValues();this.value=this.clamp(this.value);d(this,this.value);if(this.snap){this.value=this.getClosestStep(this.value)}if(this.histogram){this.hasHistogram=true}}componentDidRender(){if(this.labelHandles){this.adjustHostObscuredHandleLabel("value");if(this.isRange){this.adjustHostObscuredHandleLabel("minValue");if(!(this.precise&&this.isRange&&!this.hasHistogram)){this.hyphenateCollidingRangeHandleLabels()}}}this.hideObscuredBoundingTickLabels()}render(){const t=this.el.id||this.guid;const i=this.minValue||this.min;const e=this.maxValue||this.value;const n=this.isRange?"maxValue":"value";const h=this[n];const l=this.shouldUseMinValue();const r=this.getUnitInterval(l?this.minValue:i)*100;const o=this.getUnitInterval(e)*100;const c=this.shouldMirror();const u=`${c?100-r:r}%`;const m=`${c?o:100-o}%`;const d=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("div",{class:"handle"}));const p=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},h?h.toLocaleString():h),s("div",{class:"handle"}));const f=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("div",{class:"handle"}),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},h?h.toLocaleString():h));const _=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("div",{class:"handle"}),s("div",{class:"handle-extension"}));const x=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("div",{class:"handle-extension"}),s("div",{class:"handle"}));const v=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},h?h.toLocaleString():h),s("div",{class:"handle"}),s("div",{class:"handle-extension"}));const g=s("button",{"aria-label":this.isRange?this.maxLabel:this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":h,class:{thumb:true,"thumb--value":true,"thumb--active":this.lastDragProp!=="minMaxValue"&&this.dragProp===n,"thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp=n,onPointerDown:()=>this.dragStart(n),ref:t=>this.maxHandle=t,role:"slider",style:{right:m}},s("div",{class:"handle-extension"}),s("div",{class:"handle"}),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value static"},h?h.toLocaleString():h),s("span",{"aria-hidden":"true",class:"handle__label handle__label--value transformed"},h?h.toLocaleString():h));const k=s("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:u}},s("div",{class:"handle"}));const V=s("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:u}},s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()),s("div",{class:"handle"}));const w=s("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue"},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:u}},s("div",{class:"handle"}),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));const y=s("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:u}},s("div",{class:"handle-extension"}),s("div",{class:"handle"}));const M=s("button",{"aria-label":this.minLabel,"aria-orientation":"horizontal","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.minValue,class:{thumb:true,"thumb--minValue":true,"thumb--active":this.dragProp==="minValue","thumb--precise":true},disabled:this.disabled,onBlur:()=>this.activeProp=null,onFocus:()=>this.activeProp="minValue",onPointerDown:()=>this.dragStart("minValue"),ref:t=>this.minHandle=t,role:"slider",style:{left:u}},s("div",{class:"handle-extension"}),s("div",{class:"handle"}),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue static"},this.minValue&&this.minValue.toLocaleString()),s("span",{"aria-hidden":"true",class:"handle__label handle__label--minValue transformed"},this.minValue&&this.minValue.toLocaleString()));return s(a,{id:t,onTouchStart:this.handleTouchStart},s("div",{class:{container:true,"container--range":this.isRange}},this.renderGraph(),s("div",{class:"track",ref:this.storeTrackRef},s("div",{class:"track__range",onPointerDown:()=>this.dragStart("minMaxValue"),style:{left:`${c?100-o:r}%`,right:`${c?r:100-o}%`}}),s("div",{class:"ticks"},this.tickValues.map((t=>{const a=`${this.getUnitInterval(t)*100}%`;let n=t>=i&&t<=e;if(l){n=t>=this.minValue&&t<=this.maxValue}return s("span",{class:{tick:true,"tick--active":n},style:{left:c?"":a,right:c?a:""}},this.renderTickLabel(t))})))),!this.precise&&!this.labelHandles&&this.isRange&&k,!this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&V,this.precise&&!this.labelHandles&&this.isRange&&y,this.precise&&this.labelHandles&&this.isRange&&M,this.hasHistogram&&!this.precise&&this.labelHandles&&this.isRange&&w,!this.precise&&!this.labelHandles&&d,!this.hasHistogram&&!this.precise&&this.labelHandles&&p,!this.hasHistogram&&this.precise&&!this.labelHandles&&_,this.hasHistogram&&this.precise&&!this.labelHandles&&x,!this.hasHistogram&&this.precise&&this.labelHandles&&v,this.hasHistogram&&!this.precise&&this.labelHandles&&f,this.hasHistogram&&this.precise&&this.labelHandles&&g,s(b,{component:this})))}renderGraph(){return this.histogram?s("div",{class:"graph"},s("calcite-graph",{colorStops:this.histogramStops,data:this.histogram,"data-style":"slider-histogram",height:48,highlightMax:this.isRange?this.maxValue:this.value,highlightMin:this.isRange?this.minValue:this.min,max:this.max,min:this.min,width:300})):null}renderTickLabel(t){const i=t===this.min;const a=t===this.max;const e=s("span",{class:{tick__label:true,"tick__label--min":i,"tick__label--max":a}},t.toLocaleString());if(this.labelTicks&&!this.hasHistogram&&!this.isRange){return e}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&!this.labelHandles){return e}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&!this.precise&&this.labelHandles){return e}if(this.labelTicks&&!this.hasHistogram&&this.isRange&&this.precise&&(i||a)){return e}if(this.labelTicks&&this.hasHistogram&&!this.precise&&!this.labelHandles){return e}if(this.labelTicks&&this.hasHistogram&&this.precise&&!this.labelHandles&&(i||a)){return e}if(this.labelTicks&&this.hasHistogram&&!this.precise&&this.labelHandles&&(i||a)){return e}if(this.labelTicks&&this.hasHistogram&&this.precise&&this.labelHandles&&(i||a)){return e}return null}keyDownHandler(t){const i=this.shouldMirror();const{activeProp:s,max:a,min:e,pageStep:n,step:l}=this;const r=this[s];const o=h(t.key);if(o==="Enter"||o===" "){t.preventDefault();return}let c;if(o==="ArrowUp"||o==="ArrowRight"){const t=i&&o==="ArrowRight"?-1:1;c=r+l*t}else if(o==="ArrowDown"||o==="ArrowLeft"){const t=i&&o==="ArrowLeft"?-1:1;c=r-l*t}else if(o==="PageUp"){if(n){c=r+n}}else if(o==="PageDown"){if(n){c=r-n}}else if(o==="Home"){c=e}else if(o==="End"){c=a}if(isNaN(c)){return}t.preventDefault();this.setValue(s,this.clamp(c,s))}clickHandler(t){this.focusActiveHandle(t.clientX)}pointerDownHandler(t){const i=t.clientX||t.pageX;const s=this.translate(i);let a="value";if(this.isRange){const t=s>=this.minValue&&s<=this.maxValue;if(t&&this.lastDragProp==="minMaxValue"){a="minMaxValue"}else{const t=Math.abs(this.maxValue-s)<Math.abs(this.minValue-s);a=t||s>this.maxValue?"maxValue":"minValue"}}this.lastDragPropValue=this[a];this.dragStart(a);const e=this.el.shadowRoot.querySelector(".thumb:active");if(!e){this.setValue(a,this.clamp(s,a))}}handleTouchStart(t){t.preventDefault()}async setFocus(){const t=this.minHandle?this.minHandle:this.maxHandle;t.focus()}onLabelClick(){this.setFocus()}shouldMirror(){return this.mirrored&&!this.hasHistogram}shouldUseMinValue(){if(!this.isRange){return false}return this.hasHistogram&&this.maxValue===0||!this.hasHistogram&&this.minValue===0}generateTickValues(){const t=[];let i=this.min;while(this.ticks&&i<this.max+this.ticks){t.push(Math.min(i,this.max));i=i+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();break}}emitInput(){this.calciteSliderInput.emit();this.calciteSliderUpdate.emit()}emitChange(){this.calciteSliderChange.emit()}setValue(t,i){const s=this[t];const a=s!==i;if(!a){return}this[t]=i;const e=this.dragProp;if(!e){this.emitChange()}this.emitInput()}clamp(t,i){t=r(t,this.min,this.max);if(i==="maxValue"){t=Math.max(t,this.minValue)}if(i==="minValue"){t=Math.min(t,this.maxValue)}return t}translate(t){const i=this.max-this.min;const{left:s,width:a}=this.trackEl.getBoundingClientRect();const e=(t-s)/a;const n=this.shouldMirror();let h=this.clamp(this.min+i*(n?1-e:e));if(this.snap&&this.step){h=this.getClosestStep(h)}return h}getClosestStep(t){t=this.clamp(t);if(this.step){const i=Math.round(t/this.step)*this.step;t=this.clamp(i)}return t}getClosestHandle(t){return this.getDistanceX(this.maxHandle,t)>this.getDistanceX(this.minHandle,t)?this.minHandle:this.maxHandle}getDistanceX(t,i){return Math.abs(t.getBoundingClientRect().left-i)}getFontSizeForElement(t){return Number(window.getComputedStyle(t).getPropertyValue("font-size").match(/\d+/)[0])}getUnitInterval(t){t=this.clamp(t);const i=this.max-this.min;return(t-this.min)/i}adjustHostObscuredHandleLabel(t){const i=this.el.shadowRoot.querySelector(`.handle__label--${t}`);const s=this.el.shadowRoot.querySelector(`.handle__label--${t}.static`);const a=this.el.shadowRoot.querySelector(`.handle__label--${t}.transformed`);const e=s.getBoundingClientRect();const n=this.getHostOffset(e.left,e.right);i.style.transform=`translateX(${n}px)`;a.style.transform=`translateX(${n}px)`}hyphenateCollidingRangeHandleLabels(){const{shadowRoot:t}=this.el;const i=this.shouldMirror();const s=i?"value":"minValue";const a=i?"minValue":"value";const e=t.querySelector(`.handle__label--${s}`);const n=t.querySelector(`.handle__label--${s}.static`);const h=t.querySelector(`.handle__label--${s}.transformed`);const l=this.getHostOffset(n.getBoundingClientRect().left,n.getBoundingClientRect().right);const r=t.querySelector(`.handle__label--${a}`);const o=t.querySelector(`.handle__label--${a}.static`);const c=t.querySelector(`.handle__label--${a}.transformed`);const u=this.getHostOffset(o.getBoundingClientRect().left,o.getBoundingClientRect().right);const m=this.getFontSizeForElement(e);const d=this.getRangeLabelOverlap(h,c);const b=e;const p=m/2;if(d>0){b.classList.add("hyphen");if(u===0&&l===0){let t=d/2-p;t=Math.sign(t)===-1?Math.abs(t):-t;const i=this.getHostOffset(h.getBoundingClientRect().left+t-p,h.getBoundingClientRect().right+t-p);let s=d/2;const a=this.getHostOffset(c.getBoundingClientRect().left+s,c.getBoundingClientRect().right+s);if(i!==0){t+=i;s+=i}if(a!==0){t+=a;s+=a}e.style.transform=`translateX(${t}px)`;h.style.transform=`translateX(${t-p}px)`;r.style.transform=`translateX(${s}px)`;c.style.transform=`translateX(${s}px)`}else if(l>0||u>0){e.style.transform=`translateX(${l+p}px)`;r.style.transform=`translateX(${d+u}px)`;c.style.transform=`translateX(${d+u}px)`}else if(l<0||u<0){let t=Math.abs(l)+d-p;t=Math.sign(t)===-1?Math.abs(t):-t;e.style.transform=`translateX(${t}px)`;h.style.transform=`translateX(${t-p}px)`}}else{b.classList.remove("hyphen");e.style.transform=`translateX(${l}px)`;h.style.transform=`translateX(${l}px)`;r.style.transform=`translateX(${u}px)`;c.style.transform=`translateX(${u}px)`}}hideObscuredBoundingTickLabels(){if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&!this.precise){return}if(!this.hasHistogram&&!this.isRange&&!this.labelHandles&&this.precise){return}if(!this.hasHistogram&&!this.isRange&&this.labelHandles&&this.precise){return}if(!this.hasHistogram&&this.isRange&&!this.precise){return}if(this.hasHistogram&&!this.precise&&!this.labelHandles){return}const t=this.el.shadowRoot.querySelector(".thumb--minValue");const i=this.el.shadowRoot.querySelector(".thumb--value");const s=this.el.shadowRoot.querySelector(".tick__label--min");const a=this.el.shadowRoot.querySelector(".tick__label--max");if(!t&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,i)?"0":"1"}if(t&&i&&s&&a){s.style.opacity=this.isMinTickLabelObscured(s,t)||this.isMinTickLabelObscured(s,i)?"0":"1";a.style.opacity=this.isMaxTickLabelObscured(a,t)||this.isMaxTickLabelObscured(a,i)&&this.hasHistogram?"0":"1"}}getHostOffset(t,i){const s=this.el.getBoundingClientRect();const a=7;if(t+a<s.left){return s.left-t-a}if(i-a>s.right){return-(i-s.right)+a}return 0}getRangeLabelOverlap(t,i){const s=t.getBoundingClientRect();const a=i.getBoundingClientRect();const e=this.getFontSizeForElement(t);const n=s.right+e-a.left;return Math.max(n,0)}isMinTickLabelObscured(t,i){const s=t.getBoundingClientRect();const a=i.getBoundingClientRect();return l(s,a)}isMaxTickLabelObscured(t,i){const s=t.getBoundingClientRect();const a=i.getBoundingClientRect();return l(s,a)}get el(){return e(this)}static get watchers(){return{histogram:["histogramWatcher"]}}};f.style=p;export{f as calcite_slider};
-//# sourceMappingURL=p-51e4c002.entry.js.map

package/dist/solutions/p-51e4c002.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-slider/calcite-slider.css?tag=calcite-slider&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-slider/calcite-slider.js"],"names":["calciteSliderCss","CalciteSlider","[object Object]","hostRef","this","disabled","hasHistogram","labelHandles","labelTicks","max","min","mirrored","precise","required","snap","step","value","guid","isRange","activeProp","minMaxValueRange","minValueDragRange","maxValueDragRange","tickValues","dragUpdate","event","preventDefault","dragProp","translate","clientX","pageX","newMinValue","newMaxValue","minValue","clamp","maxValue","setValue","dragEnd","document","removeEventListener","focusActiveHandle","lastDragPropValue","emitChange","storeTrackRef","node","trackEl","newHistogram","connectLabel","connectForm","disconnectLabel","disconnectForm","generateTickValues","afterConnectDefaultValueSet","getClosestStep","histogram","adjustHostObscuredHandleLabel","hyphenateCollidingRangeHandleLabels","hideObscuredBoundingTickLabels","id","el","maxProp","useMinValue","shouldUseMinValue","minInterval","getUnitInterval","maxInterval","mirror","shouldMirror","leftThumbOffset","rightThumbOffset","handle","h","aria-label","maxLabel","minLabel","aria-orientation","aria-valuemax","aria-valuemin","aria-valuenow","class","thumb","thumb--value","thumb--active","lastDragProp","onBlur","onFocus","onPointerDown","dragStart","ref","maxHandle","role","style","right","labeledHandle","aria-hidden","toLocaleString","histogramLabeledHandle","preciseHandle","thumb--precise","histogramPreciseHandle","labeledPreciseHandle","histogramLabeledPreciseHandle","minHandle","thumb--minValue","left","minLabeledHandle","minHistogramLabeledHandle","minPreciseHandle","minLabeledPreciseHandle","Host","onTouchStart","handleTouchStart","container","container--range","renderGraph","map","tick","tickOffset","activeTicks","tick--active","renderTickLabel","HiddenFormInputSlot","component","colorStops","histogramStops","data","data-style","height","highlightMax","highlightMin","width","isMinTickLabel","isMaxTickLabel","tickLabel","tick__label","tick__label--min","tick__label--max","pageStep","key","getKey","adjustment","directionFactor","isNaN","x","position","prop","inRange","closerToMax","Math","abs","isThumbActive","shadowRoot","querySelector","focus","setFocus","ticks","current","push","addEventListener","valueX","getClosestHandle","calciteSliderInput","emit","calciteSliderUpdate","calciteSliderChange","valueProp","oldValue","valueChanged","dragging","emitInput","range","getBoundingClientRect","percent","num","round","getDistanceX","element","Number","window","getComputedStyle","getPropertyValue","match","name","label","labelStatic","labelTransformed","labelStaticBounds","labelStaticOffset","getHostOffset","transform","leftModifier","rightModifier","leftValueLabel","leftValueLabelStatic","leftValueLabelTransformed","leftValueLabelStaticHostOffset","rightValueLabel","rightValueLabelStatic","rightValueLabelTransformed","rightValueLabelStaticHostOffset","labelFontSize","getFontSizeForElement","labelTransformedOverlap","getRangeLabelOverlap","hyphenLabel","labelOffset","classList","add","leftValueLabelTranslate","sign","leftValueLabelTransformedHostOffset","rightValueLabelTranslate","rightValueLabelTransformedHostOffset","remove","minTickLabel","maxTickLabel","opacity","isMinTickLabelObscured","isMaxTickLabelObscured","leftBounds","rightBounds","hostBounds","buffer","leftLabel","rightLabel","leftLabelBounds","rightLabelBounds","leftLabelFontSize","rangeLabelOverlap","minLabelBounds","handleBounds","intersects","maxLabelBounds"],"mappings":"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","sourcesContent":["@charset \"UTF-8\";\n\n/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: block;\n}\n\n.container {\n  display: block;\n  position: relative;\n  padding: 7px 0;\n  margin: 7px 0.5rem;\n}\n\n:host([disabled]) {\n  opacity: var(--calcite-ui-opacity-disabled);\n  pointer-events: none;\n}\n\n:host([disabled]) .track__range,\n:host([disabled]) .tick--active {\n  background-color: var(--calcite-ui-text-3);\n}\n\n:host([disabled]) .graph .graph-path--highlight {\n  fill: var(--calcite-ui-text-3);\n}\n\n/*\n * Ensure we have enough space on variants\n * with text elements to prevent overlap\n */\n\n:host([label-handles]) .container,\n:host([precise]:not([precise=false])) .container {\n  margin-top: 21px;\n}\n\n:host([label-ticks]),\n:host([precise]:not([precise=false])) .container--range {\n  margin-bottom: 21px;\n}\n\n:host([precise]:not([precise=false])[label-handles]) .container {\n  margin-top: 35px;\n}\n\n:host([precise]:not([precise=false])[label-handles]) .container--range {\n  margin-bottom: 35px;\n}\n\n.thumb {\n  position: absolute;\n  border-style: none;\n  background-color: transparent;\n  cursor: pointer;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-family: inherit;\n  z-index: 2;\n  transform: translate(7px, -8px);\n}\n\n.thumb .handle__label {\n  font-size: var(--calcite-font-size--2);\n  font-weight: 500;\n  line-height: 1;\n  color: var(--calcite-ui-text-2);\n  margin-bottom: 5px;\n}\n\n.thumb .handle__label.static, .thumb .handle__label.transformed {\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n}\n\n.thumb .handle__label.hyphen::after {\n  content: \"—\";\n  display: inline-block;\n  width: 1em;\n}\n\n.thumb .handle {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  height: 14px;\n  width: 14px;\n  box-sizing: border-box;\n  border-radius: 100%;\n  background-color: var(--calcite-ui-foreground-1);\n  box-shadow: 0 0 0 2px var(--calcite-ui-text-3) inset;\n  transition: border 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;\n}\n\n.thumb .handle-extension {\n  width: 2px;\n  height: 7px;\n  background-color: var(--calcite-ui-text-3);\n}\n\n.thumb:hover .handle {\n  box-shadow: 0 0 0 3px var(--calcite-ui-brand) inset;\n}\n\n.thumb:hover .handle-extension {\n  background-color: var(--calcite-ui-brand);\n}\n\n.thumb:focus .handle {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n  outline-offset: 2px;\n}\n\n.thumb:focus .handle-extension {\n  background-color: var(--calcite-ui-brand);\n}\n\n.thumb--minValue {\n  transform: translate(-7px, -8px);\n}\n\n/* uncomment for helpful debugging UI */\n\n:host([label-handles]) .thumb {\n  transform: translate(50%, -25px);\n}\n\n:host([label-handles]) .thumb--minValue {\n  transform: translate(-50%, -25px);\n}\n\n:host([has-histogram][label-handles]) .thumb {\n  transform: translate(50%, -8px);\n}\n\n:host([has-histogram][label-handles]) .thumb .handle__label {\n  margin-bottom: unset;\n  margin-top: 5px;\n}\n\n:host([has-histogram][label-handles]) .thumb--minValue {\n  transform: translate(-50%, -8px);\n}\n\n:host([precise]:not([precise=false])) .thumb {\n  transform: translate(7px, -21px);\n}\n\n:host([precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-7px, -2px);\n}\n\n:host([precise]:not([precise=false])) .thumb--minValue .handle__label {\n  margin-bottom: unset;\n  margin-top: 5px;\n}\n\n:host([has-histogram][precise]:not([precise=false])) .thumb {\n  transform: translate(7px, -2px);\n}\n\n:host([has-histogram][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -2px);\n}\n\n:host([ticks][precise]:not([precise=false])) .thumb {\n  transform: translate(7px, -20px);\n}\n\n:host([ticks][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-7px, -3px);\n}\n\n:host([has-histogram][ticks][precise]:not([precise=false])) .thumb {\n  transform: translate(7px, -3px);\n}\n\n:host([has-histogram][ticks][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -3px);\n}\n\n:host([label-handles][precise]:not([precise=false])) .thumb {\n  transform: translate(50%, -38px);\n}\n\n:host([label-handles][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -2px);\n}\n\n:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb {\n  transform: translate(50%, -2px);\n}\n\n:host([has-histogram][label-handles][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -2px);\n}\n\n:host([ticks][label-handles][precise]:not([precise=false])) .thumb {\n  transform: translate(50%, -37px);\n}\n\n:host([ticks][label-handles][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -3px);\n}\n\n:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb {\n  transform: translate(50%, -3px);\n}\n\n:host([has-histogram][ticks][label-handles][precise]:not([precise=false])) .thumb--minValue {\n  transform: translate(-50%, -3px);\n}\n\n.thumb:focus,\n.thumb--active {\n  z-index: 3;\n}\n\n.thumb:focus .handle,\n.thumb--active .handle {\n  background-color: var(--calcite-ui-brand);\n  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);\n}\n\n.thumb:hover.thumb--precise:after,\n.thumb:focus.thumb--precise:after,\n.thumb--active.thumb--precise:after {\n  background-color: var(--calcite-ui-brand);\n}\n\n.track {\n  height: 2px;\n  border-radius: 0;\n  z-index: 1;\n  background-color: var(--calcite-ui-border-2);\n  transition: all 250ms ease-in;\n  position: relative;\n}\n\n.track__range {\n  position: absolute;\n  top: 0;\n  height: 2px;\n  background-color: var(--calcite-ui-brand);\n}\n\n.container--range .track__range:hover {\n  cursor: ew-resize;\n}\n\n.container--range .track__range:after {\n  content: \"\";\n  position: absolute;\n  top: -5px;\n  width: 100%;\n  height: 14px;\n}\n\n.tick {\n  position: absolute;\n  top: -2px;\n  width: 2px;\n  height: 4px;\n  left: var(--calcite-ui-border-1-offset);\n  margin-left: -2px;\n  border: 1px solid var(--calcite-ui-foreground-1);\n  background-color: var(--calcite-ui-border-1);\n  pointer-events: none;\n}\n\n.tick--active {\n  background-color: var(--calcite-ui-brand);\n}\n\n.tick__label {\n  position: absolute;\n  font-size: var(--calcite-font-size--2);\n  font-weight: 500;\n  color: var(--calcite-ui-text-2);\n  width: 4em;\n  margin: 14px -2em;\n  text-align: center;\n  display: block;\n  pointer-events: none;\n}\n\n.tick__label--min {\n  left: 0;\n  margin: 14px -3px;\n  text-align: left;\n  transition: opacity 150ms;\n}\n\n.tick__label--max {\n  left: unset;\n  right: 0;\n  margin: 14px -3px;\n  text-align: right;\n  transition: opacity 50ms;\n}\n\n:host([has-histogram][label-handles]) .tick__label--min,\n:host([has-histogram][label-handles]) .tick__label--max {\n  margin: 6px -3px;\n  font-weight: 300;\n  color: var(--calcite-ui-text-3);\n}\n\n:host([has-histogram][precise]:not([precise=false])) .tick__label--min,\n:host([has-histogram][precise]:not([precise=false])) .tick__label--max {\n  margin: 6px -3px;\n  font-weight: 300;\n  color: var(--calcite-ui-text-3);\n}\n\n.graph {\n  color: var(--calcite-ui-foreground-3);\n}\n\n:host([mirrored]:not([has-histogram])) .tick__label--min {\n  right: 0;\n  left: unset;\n  text-align: right;\n}\n\n:host([mirrored]:not([has-histogram])) .tick__label--max {\n  right: unset;\n  left: 0;\n  text-align: left;\n}\n\n::slotted(input[slot=hidden-form-input]) {\n  bottom: 0 !important;\n  left: 0 !important;\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  right: 0 !important;\n  top: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { getKey } from \"../../utils/key\";\nimport { intersects } from \"../../utils/dom\";\nimport { clamp } from \"../../utils/math\";\nimport { connectLabel, disconnectLabel } from \"../../utils/label\";\nimport { afterConnectDefaultValueSet, connectForm, disconnectForm, HiddenFormInputSlot } from \"../../utils/form\";\nexport class CalciteSlider {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Disable and gray out the slider */\n    this.disabled = false;\n    /** Indicates if a histogram is present */\n    this.hasHistogram = false;\n    /** Label handles with their numeric value */\n    this.labelHandles = false;\n    /** Label tick marks with their numeric value. */\n    this.labelTicks = false;\n    /** Maximum selectable value */\n    this.max = 100;\n    /** Minimum selectable value */\n    this.min = 0;\n    /**\n     * When true, the slider will display values from high to low.\n     *\n     * Note that this value will be ignored if the slider has an associated histogram.\n     */\n    this.mirrored = false;\n    /** Use finer point for handles */\n    this.precise = false;\n    /**\n     * When true, makes the component required for form-submission.\n     */\n    this.required = false;\n    /** When true, enables snap selection along the step interval */\n    this.snap = false;\n    /** Interval to move on up/down keys */\n    this.step = 1;\n    /** Currently selected number (if single select) */\n    this.value = null;\n    this.guid = `calcite-slider-${guid()}`;\n    this.isRange = false;\n    this.activeProp = \"value\";\n    this.minMaxValueRange = null;\n    this.minValueDragRange = null;\n    this.maxValueDragRange = null;\n    this.tickValues = [];\n    this.dragUpdate = (event) => {\n      event.preventDefault();\n      if (this.dragProp) {\n        const value = this.translate(event.clientX || event.pageX);\n        if (this.isRange && this.dragProp === \"minMaxValue\") {\n          if (this.minValueDragRange && this.maxValueDragRange && this.minMaxValueRange) {\n            const newMinValue = value - this.minValueDragRange;\n            const newMaxValue = value + this.maxValueDragRange;\n            if (newMaxValue <= this.max &&\n              newMinValue >= this.min &&\n              newMaxValue - newMinValue === this.minMaxValueRange) {\n              this.minValue = this.clamp(newMinValue, \"minValue\");\n              this.maxValue = this.clamp(newMaxValue, \"maxValue\");\n            }\n          }\n          else {\n            this.minValueDragRange = value - this.minValue;\n            this.maxValueDragRange = this.maxValue - value;\n            this.minMaxValueRange = this.maxValue - this.minValue;\n          }\n        }\n        else {\n          this.setValue(this.dragProp, this.clamp(value, this.dragProp));\n        }\n      }\n    };\n    this.dragEnd = (event) => {\n      document.removeEventListener(\"pointermove\", this.dragUpdate);\n      document.removeEventListener(\"pointerup\", this.dragEnd);\n      document.removeEventListener(\"pointercancel\", this.dragEnd);\n      this.focusActiveHandle(event.clientX);\n      if (this.lastDragPropValue != this[this.dragProp]) {\n        this.emitChange();\n      }\n      this.dragProp = null;\n      this.lastDragPropValue = null;\n      this.minValueDragRange = null;\n      this.maxValueDragRange = null;\n      this.minMaxValueRange = null;\n    };\n    /**\n     * Set the reference of the track Element\n     * @internal\n     * @param node\n     */\n    this.storeTrackRef = (node) => {\n      this.trackEl = node;\n    };\n  }\n  histogramWatcher(newHistogram) {\n    this.hasHistogram = !!newHistogram;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentWillLoad() {\n    this.isRange = !!(this.maxValue || this.maxValue === 0);\n    this.tickValues = this.generateTickValues();\n    this.value = this.clamp(this.value);\n    afterConnectDefaultValueSet(this, this.value);\n    if (this.snap) {\n      this.value = this.getClosestStep(this.value);\n    }\n    if (this.histogram) {\n      this.hasHistogram = true;\n    }\n  }\n  componentDidRender() {\n    if (this.labelHandles) {\n      this.adjustHostObscuredHandleLabel(\"value\");\n      if (this.isRange) {\n        this.adjustHostObscuredHandleLabel(\"minValue\");\n        if (!(this.precise && this.isRange && !this.hasHistogram)) {\n          this.hyphenateCollidingRangeHandleLabels();\n        }\n      }\n    }\n    this.hideObscuredBoundingTickLabels();\n  }\n  render() {\n    const id = this.el.id || this.guid;\n    const min = this.minValue || this.min;\n    const max = this.maxValue || this.value;\n    const maxProp = this.isRange ? \"maxValue\" : \"value\";\n    const value = this[maxProp];\n    const useMinValue = this.shouldUseMinValue();\n    const minInterval = this.getUnitInterval(useMinValue ? this.minValue : min) * 100;\n    const maxInterval = this.getUnitInterval(max) * 100;\n    const mirror = this.shouldMirror();\n    const leftThumbOffset = `${mirror ? 100 - minInterval : minInterval}%`;\n    const rightThumbOffset = `${mirror ? maxInterval : 100 - maxInterval}%`;\n    const handle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"div\", { class: \"handle\" })));\n    const labeledHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value static\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value transformed\" }, value ? value.toLocaleString() : value),\n      h(\"div\", { class: \"handle\" })));\n    const histogramLabeledHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"div\", { class: \"handle\" }),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value static\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value transformed\" }, value ? value.toLocaleString() : value)));\n    const preciseHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"div\", { class: \"handle\" }),\n      h(\"div\", { class: \"handle-extension\" })));\n    const histogramPreciseHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"div\", { class: \"handle-extension\" }),\n      h(\"div\", { class: \"handle\" })));\n    const labeledPreciseHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value static\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value transformed\" }, value ? value.toLocaleString() : value),\n      h(\"div\", { class: \"handle\" }),\n      h(\"div\", { class: \"handle-extension\" })));\n    const histogramLabeledPreciseHandle = (h(\"button\", { \"aria-label\": this.isRange ? this.maxLabel : this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": value, class: {\n        thumb: true,\n        \"thumb--value\": true,\n        \"thumb--active\": this.lastDragProp !== \"minMaxValue\" && this.dragProp === maxProp,\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = maxProp), onPointerDown: () => this.dragStart(maxProp), ref: (el) => (this.maxHandle = el), role: \"slider\", style: { right: rightThumbOffset } },\n      h(\"div\", { class: \"handle-extension\" }),\n      h(\"div\", { class: \"handle\" }),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value static\" }, value ? value.toLocaleString() : value),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--value transformed\" }, value ? value.toLocaleString() : value)));\n    const minHandle = (h(\"button\", { \"aria-label\": this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": this.minValue, class: {\n        thumb: true,\n        \"thumb--minValue\": true,\n        \"thumb--active\": this.dragProp === \"minValue\"\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = \"minValue\"), onPointerDown: () => this.dragStart(\"minValue\"), ref: (el) => (this.minHandle = el), role: \"slider\", style: { left: leftThumbOffset } },\n      h(\"div\", { class: \"handle\" })));\n    const minLabeledHandle = (h(\"button\", { \"aria-label\": this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": this.minValue, class: {\n        thumb: true,\n        \"thumb--minValue\": true,\n        \"thumb--active\": this.dragProp === \"minValue\"\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = \"minValue\"), onPointerDown: () => this.dragStart(\"minValue\"), ref: (el) => (this.minHandle = el), role: \"slider\", style: { left: leftThumbOffset } },\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue static\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue transformed\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"div\", { class: \"handle\" })));\n    const minHistogramLabeledHandle = (h(\"button\", { \"aria-label\": this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": this.minValue, class: {\n        thumb: true,\n        \"thumb--minValue\": true,\n        \"thumb--active\": this.dragProp === \"minValue\"\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = \"minValue\"), onPointerDown: () => this.dragStart(\"minValue\"), ref: (el) => (this.minHandle = el), role: \"slider\", style: { left: leftThumbOffset } },\n      h(\"div\", { class: \"handle\" }),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue static\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue transformed\" }, this.minValue && this.minValue.toLocaleString())));\n    const minPreciseHandle = (h(\"button\", { \"aria-label\": this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": this.minValue, class: {\n        thumb: true,\n        \"thumb--minValue\": true,\n        \"thumb--active\": this.dragProp === \"minValue\",\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = \"minValue\"), onPointerDown: () => this.dragStart(\"minValue\"), ref: (el) => (this.minHandle = el), role: \"slider\", style: { left: leftThumbOffset } },\n      h(\"div\", { class: \"handle-extension\" }),\n      h(\"div\", { class: \"handle\" })));\n    const minLabeledPreciseHandle = (h(\"button\", { \"aria-label\": this.minLabel, \"aria-orientation\": \"horizontal\", \"aria-valuemax\": this.max, \"aria-valuemin\": this.min, \"aria-valuenow\": this.minValue, class: {\n        thumb: true,\n        \"thumb--minValue\": true,\n        \"thumb--active\": this.dragProp === \"minValue\",\n        \"thumb--precise\": true\n      }, disabled: this.disabled, onBlur: () => (this.activeProp = null), onFocus: () => (this.activeProp = \"minValue\"), onPointerDown: () => this.dragStart(\"minValue\"), ref: (el) => (this.minHandle = el), role: \"slider\", style: { left: leftThumbOffset } },\n      h(\"div\", { class: \"handle-extension\" }),\n      h(\"div\", { class: \"handle\" }),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue static\" }, this.minValue && this.minValue.toLocaleString()),\n      h(\"span\", { \"aria-hidden\": \"true\", class: \"handle__label handle__label--minValue transformed\" }, this.minValue && this.minValue.toLocaleString())));\n    return (h(Host, { id: id, onTouchStart: this.handleTouchStart },\n      h(\"div\", { class: { container: true, \"container--range\": this.isRange } },\n        this.renderGraph(),\n        h(\"div\", { class: \"track\", ref: this.storeTrackRef },\n          h(\"div\", { class: \"track__range\", onPointerDown: () => this.dragStart(\"minMaxValue\"), style: {\n              left: `${mirror ? 100 - maxInterval : minInterval}%`,\n              right: `${mirror ? minInterval : 100 - maxInterval}%`\n            } }),\n          h(\"div\", { class: \"ticks\" }, this.tickValues.map((tick) => {\n            const tickOffset = `${this.getUnitInterval(tick) * 100}%`;\n            let activeTicks = tick >= min && tick <= max;\n            if (useMinValue) {\n              activeTicks = tick >= this.minValue && tick <= this.maxValue;\n            }\n            return (h(\"span\", { class: {\n                tick: true,\n                \"tick--active\": activeTicks\n              }, style: {\n                left: mirror ? \"\" : tickOffset,\n                right: mirror ? tickOffset : \"\"\n              } }, this.renderTickLabel(tick)));\n          }))),\n        !this.precise && !this.labelHandles && this.isRange && minHandle,\n        !this.hasHistogram &&\n          !this.precise &&\n          this.labelHandles &&\n          this.isRange &&\n          minLabeledHandle,\n        this.precise && !this.labelHandles && this.isRange && minPreciseHandle,\n        this.precise && this.labelHandles && this.isRange && minLabeledPreciseHandle,\n        this.hasHistogram &&\n          !this.precise &&\n          this.labelHandles &&\n          this.isRange &&\n          minHistogramLabeledHandle,\n        !this.precise && !this.labelHandles && handle,\n        !this.hasHistogram && !this.precise && this.labelHandles && labeledHandle,\n        !this.hasHistogram && this.precise && !this.labelHandles && preciseHandle,\n        this.hasHistogram && this.precise && !this.labelHandles && histogramPreciseHandle,\n        !this.hasHistogram && this.precise && this.labelHandles && labeledPreciseHandle,\n        this.hasHistogram && !this.precise && this.labelHandles && histogramLabeledHandle,\n        this.hasHistogram && this.precise && this.labelHandles && histogramLabeledPreciseHandle,\n        h(HiddenFormInputSlot, { component: this }))));\n  }\n  renderGraph() {\n    return this.histogram ? (h(\"div\", { class: \"graph\" },\n      h(\"calcite-graph\", { colorStops: this.histogramStops, data: this.histogram, \"data-style\": \"slider-histogram\", height: 48, highlightMax: this.isRange ? this.maxValue : this.value, highlightMin: this.isRange ? this.minValue : this.min, max: this.max, min: this.min, width: 300 }))) : null;\n  }\n  renderTickLabel(tick) {\n    const isMinTickLabel = tick === this.min;\n    const isMaxTickLabel = tick === this.max;\n    const tickLabel = (h(\"span\", { class: {\n        tick__label: true,\n        \"tick__label--min\": isMinTickLabel,\n        \"tick__label--max\": isMaxTickLabel\n      } }, tick.toLocaleString()));\n    if (this.labelTicks && !this.hasHistogram && !this.isRange) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      !this.hasHistogram &&\n      this.isRange &&\n      !this.precise &&\n      !this.labelHandles) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      !this.hasHistogram &&\n      this.isRange &&\n      !this.precise &&\n      this.labelHandles) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      !this.hasHistogram &&\n      this.isRange &&\n      this.precise &&\n      (isMinTickLabel || isMaxTickLabel)) {\n      return tickLabel;\n    }\n    if (this.labelTicks && this.hasHistogram && !this.precise && !this.labelHandles) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      !this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      this.hasHistogram &&\n      !this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)) {\n      return tickLabel;\n    }\n    if (this.labelTicks &&\n      this.hasHistogram &&\n      this.precise &&\n      this.labelHandles &&\n      (isMinTickLabel || isMaxTickLabel)) {\n      return tickLabel;\n    }\n    return null;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  keyDownHandler(event) {\n    const mirror = this.shouldMirror();\n    const { activeProp, max, min, pageStep, step } = this;\n    const value = this[activeProp];\n    const key = getKey(event.key);\n    if (key === \"Enter\" || key === \" \") {\n      event.preventDefault();\n      return;\n    }\n    let adjustment;\n    if (key === \"ArrowUp\" || key === \"ArrowRight\") {\n      const directionFactor = mirror && key === \"ArrowRight\" ? -1 : 1;\n      adjustment = value + step * directionFactor;\n    }\n    else if (key === \"ArrowDown\" || key === \"ArrowLeft\") {\n      const directionFactor = mirror && key === \"ArrowLeft\" ? -1 : 1;\n      adjustment = value - step * directionFactor;\n    }\n    else if (key === \"PageUp\") {\n      if (pageStep) {\n        adjustment = value + pageStep;\n      }\n    }\n    else if (key === \"PageDown\") {\n      if (pageStep) {\n        adjustment = value - pageStep;\n      }\n    }\n    else if (key === \"Home\") {\n      adjustment = min;\n    }\n    else if (key === \"End\") {\n      adjustment = max;\n    }\n    if (isNaN(adjustment)) {\n      return;\n    }\n    event.preventDefault();\n    this.setValue(activeProp, this.clamp(adjustment, activeProp));\n  }\n  clickHandler(event) {\n    this.focusActiveHandle(event.clientX);\n  }\n  pointerDownHandler(event) {\n    const x = event.clientX || event.pageX;\n    const position = this.translate(x);\n    let prop = \"value\";\n    if (this.isRange) {\n      const inRange = position >= this.minValue && position <= this.maxValue;\n      if (inRange && this.lastDragProp === \"minMaxValue\") {\n        prop = \"minMaxValue\";\n      }\n      else {\n        const closerToMax = Math.abs(this.maxValue - position) < Math.abs(this.minValue - position);\n        prop = closerToMax || position > this.maxValue ? \"maxValue\" : \"minValue\";\n      }\n    }\n    this.lastDragPropValue = this[prop];\n    this.dragStart(prop);\n    const isThumbActive = this.el.shadowRoot.querySelector(\".thumb:active\");\n    if (!isThumbActive) {\n      this.setValue(prop, this.clamp(position, prop));\n    }\n  }\n  handleTouchStart(event) {\n    // needed to prevent extra click at the end of a handle drag\n    event.preventDefault();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    const handle = this.minHandle ? this.minHandle : this.maxHandle;\n    handle.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  onLabelClick() {\n    this.setFocus();\n  }\n  shouldMirror() {\n    return this.mirrored && !this.hasHistogram;\n  }\n  shouldUseMinValue() {\n    if (!this.isRange) {\n      return false;\n    }\n    return ((this.hasHistogram && this.maxValue === 0) || (!this.hasHistogram && this.minValue === 0));\n  }\n  generateTickValues() {\n    const ticks = [];\n    let current = this.min;\n    while (this.ticks && current < this.max + this.ticks) {\n      ticks.push(Math.min(current, this.max));\n      current = current + this.ticks;\n    }\n    return ticks;\n  }\n  dragStart(prop) {\n    this.dragProp = prop;\n    this.lastDragProp = this.dragProp;\n    this.activeProp = prop;\n    document.addEventListener(\"pointermove\", this.dragUpdate);\n    document.addEventListener(\"pointerup\", this.dragEnd);\n    document.addEventListener(\"pointercancel\", this.dragEnd);\n  }\n  focusActiveHandle(valueX) {\n    switch (this.dragProp) {\n      case \"minValue\":\n        this.minHandle.focus();\n        break;\n      case \"maxValue\":\n        this.maxHandle.focus();\n        break;\n      case \"minMaxValue\":\n        this.getClosestHandle(valueX).focus();\n        break;\n      default:\n        break;\n    }\n  }\n  emitInput() {\n    this.calciteSliderInput.emit();\n    this.calciteSliderUpdate.emit();\n  }\n  emitChange() {\n    this.calciteSliderChange.emit();\n  }\n  /**\n   * Set the prop value if changed at the component level\n   * @param valueProp\n   * @param value\n   */\n  setValue(valueProp, value) {\n    const oldValue = this[valueProp];\n    const valueChanged = oldValue !== value;\n    if (!valueChanged) {\n      return;\n    }\n    this[valueProp] = value;\n    const dragging = this.dragProp;\n    if (!dragging) {\n      this.emitChange();\n    }\n    this.emitInput();\n  }\n  /**\n   * If number is outside range, constrain to min or max\n   * @internal\n   */\n  clamp(value, prop) {\n    value = clamp(value, this.min, this.max);\n    // ensure that maxValue and minValue don't swap positions\n    if (prop === \"maxValue\") {\n      value = Math.max(value, this.minValue);\n    }\n    if (prop === \"minValue\") {\n      value = Math.min(value, this.maxValue);\n    }\n    return value;\n  }\n  /**\n   * Translate a pixel position to value along the range\n   * @internal\n   */\n  translate(x) {\n    const range = this.max - this.min;\n    const { left, width } = this.trackEl.getBoundingClientRect();\n    const percent = (x - left) / width;\n    const mirror = this.shouldMirror();\n    let value = this.clamp(this.min + range * (mirror ? 1 - percent : percent));\n    if (this.snap && this.step) {\n      value = this.getClosestStep(value);\n    }\n    return value;\n  }\n  /**\n   * Get closest allowed value along stepped values\n   * @internal\n   */\n  getClosestStep(num) {\n    num = this.clamp(num);\n    if (this.step) {\n      const step = Math.round(num / this.step) * this.step;\n      num = this.clamp(step);\n    }\n    return num;\n  }\n  getClosestHandle(valueX) {\n    return this.getDistanceX(this.maxHandle, valueX) > this.getDistanceX(this.minHandle, valueX)\n      ? this.minHandle\n      : this.maxHandle;\n  }\n  getDistanceX(el, valueX) {\n    return Math.abs(el.getBoundingClientRect().left - valueX);\n  }\n  getFontSizeForElement(element) {\n    return Number(window.getComputedStyle(element).getPropertyValue(\"font-size\").match(/\\d+/)[0]);\n  }\n  /**\n   * Get position of value along range as fractional value\n   * @return {number} number in the unit interval [0,1]\n   * @internal\n   */\n  getUnitInterval(num) {\n    num = this.clamp(num);\n    const range = this.max - this.min;\n    return (num - this.min) / range;\n  }\n  adjustHostObscuredHandleLabel(name) {\n    const label = this.el.shadowRoot.querySelector(`.handle__label--${name}`);\n    const labelStatic = this.el.shadowRoot.querySelector(`.handle__label--${name}.static`);\n    const labelTransformed = this.el.shadowRoot.querySelector(`.handle__label--${name}.transformed`);\n    const labelStaticBounds = labelStatic.getBoundingClientRect();\n    const labelStaticOffset = this.getHostOffset(labelStaticBounds.left, labelStaticBounds.right);\n    label.style.transform = `translateX(${labelStaticOffset}px)`;\n    labelTransformed.style.transform = `translateX(${labelStaticOffset}px)`;\n  }\n  hyphenateCollidingRangeHandleLabels() {\n    const { shadowRoot } = this.el;\n    const mirror = this.shouldMirror();\n    const leftModifier = mirror ? \"value\" : \"minValue\";\n    const rightModifier = mirror ? \"minValue\" : \"value\";\n    const leftValueLabel = shadowRoot.querySelector(`.handle__label--${leftModifier}`);\n    const leftValueLabelStatic = shadowRoot.querySelector(`.handle__label--${leftModifier}.static`);\n    const leftValueLabelTransformed = shadowRoot.querySelector(`.handle__label--${leftModifier}.transformed`);\n    const leftValueLabelStaticHostOffset = this.getHostOffset(leftValueLabelStatic.getBoundingClientRect().left, leftValueLabelStatic.getBoundingClientRect().right);\n    const rightValueLabel = shadowRoot.querySelector(`.handle__label--${rightModifier}`);\n    const rightValueLabelStatic = shadowRoot.querySelector(`.handle__label--${rightModifier}.static`);\n    const rightValueLabelTransformed = shadowRoot.querySelector(`.handle__label--${rightModifier}.transformed`);\n    const rightValueLabelStaticHostOffset = this.getHostOffset(rightValueLabelStatic.getBoundingClientRect().left, rightValueLabelStatic.getBoundingClientRect().right);\n    const labelFontSize = this.getFontSizeForElement(leftValueLabel);\n    const labelTransformedOverlap = this.getRangeLabelOverlap(leftValueLabelTransformed, rightValueLabelTransformed);\n    const hyphenLabel = leftValueLabel;\n    const labelOffset = labelFontSize / 2;\n    if (labelTransformedOverlap > 0) {\n      hyphenLabel.classList.add(\"hyphen\");\n      if (rightValueLabelStaticHostOffset === 0 && leftValueLabelStaticHostOffset === 0) {\n        // Neither handle overlaps the host boundary\n        let leftValueLabelTranslate = labelTransformedOverlap / 2 - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n        const leftValueLabelTransformedHostOffset = this.getHostOffset(leftValueLabelTransformed.getBoundingClientRect().left +\n          leftValueLabelTranslate -\n          labelOffset, leftValueLabelTransformed.getBoundingClientRect().right +\n          leftValueLabelTranslate -\n          labelOffset);\n        let rightValueLabelTranslate = labelTransformedOverlap / 2;\n        const rightValueLabelTransformedHostOffset = this.getHostOffset(rightValueLabelTransformed.getBoundingClientRect().left + rightValueLabelTranslate, rightValueLabelTransformed.getBoundingClientRect().right + rightValueLabelTranslate);\n        if (leftValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += leftValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += leftValueLabelTransformedHostOffset;\n        }\n        if (rightValueLabelTransformedHostOffset !== 0) {\n          leftValueLabelTranslate += rightValueLabelTransformedHostOffset;\n          rightValueLabelTranslate += rightValueLabelTransformedHostOffset;\n        }\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${leftValueLabelTranslate - labelOffset}px)`;\n        rightValueLabel.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelTranslate}px)`;\n      }\n      else if (leftValueLabelStaticHostOffset > 0 || rightValueLabelStaticHostOffset > 0) {\n        // labels overlap host boundary on the left side\n        leftValueLabel.style.transform = `translateX(${leftValueLabelStaticHostOffset + labelOffset}px)`;\n        rightValueLabel.style.transform = `translateX(${labelTransformedOverlap + rightValueLabelStaticHostOffset}px)`;\n        rightValueLabelTransformed.style.transform = `translateX(${labelTransformedOverlap + rightValueLabelStaticHostOffset}px)`;\n      }\n      else if (leftValueLabelStaticHostOffset < 0 || rightValueLabelStaticHostOffset < 0) {\n        // labels overlap host boundary on the right side\n        let leftValueLabelTranslate = Math.abs(leftValueLabelStaticHostOffset) + labelTransformedOverlap - labelOffset;\n        leftValueLabelTranslate =\n          Math.sign(leftValueLabelTranslate) === -1\n            ? Math.abs(leftValueLabelTranslate)\n            : -leftValueLabelTranslate;\n        leftValueLabel.style.transform = `translateX(${leftValueLabelTranslate}px)`;\n        leftValueLabelTransformed.style.transform = `translateX(${leftValueLabelTranslate - labelOffset}px)`;\n      }\n    }\n    else {\n      hyphenLabel.classList.remove(\"hyphen\");\n      leftValueLabel.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      leftValueLabelTransformed.style.transform = `translateX(${leftValueLabelStaticHostOffset}px)`;\n      rightValueLabel.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n      rightValueLabelTransformed.style.transform = `translateX(${rightValueLabelStaticHostOffset}px)`;\n    }\n  }\n  /**\n   * Hides bounding tick labels that are obscured by either handle.\n   */\n  hideObscuredBoundingTickLabels() {\n    if (!this.hasHistogram && !this.isRange && !this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !this.isRange && this.labelHandles && !this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !this.isRange && !this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && !this.isRange && this.labelHandles && this.precise) {\n      return;\n    }\n    if (!this.hasHistogram && this.isRange && !this.precise) {\n      return;\n    }\n    if (this.hasHistogram && !this.precise && !this.labelHandles) {\n      return;\n    }\n    const minHandle = this.el.shadowRoot.querySelector(\".thumb--minValue\");\n    const maxHandle = this.el.shadowRoot.querySelector(\".thumb--value\");\n    const minTickLabel = this.el.shadowRoot.querySelector(\".tick__label--min\");\n    const maxTickLabel = this.el.shadowRoot.querySelector(\".tick__label--max\");\n    if (!minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity = this.isMinTickLabelObscured(minTickLabel, maxHandle) ? \"0\" : \"1\";\n      maxTickLabel.style.opacity = this.isMaxTickLabelObscured(maxTickLabel, maxHandle) ? \"0\" : \"1\";\n    }\n    if (minHandle && maxHandle && minTickLabel && maxTickLabel) {\n      minTickLabel.style.opacity =\n        this.isMinTickLabelObscured(minTickLabel, minHandle) ||\n          this.isMinTickLabelObscured(minTickLabel, maxHandle)\n          ? \"0\"\n          : \"1\";\n      maxTickLabel.style.opacity =\n        this.isMaxTickLabelObscured(maxTickLabel, minHandle) ||\n          (this.isMaxTickLabelObscured(maxTickLabel, maxHandle) && this.hasHistogram)\n          ? \"0\"\n          : \"1\";\n    }\n  }\n  /**\n   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.\n   * @internal\n   */\n  getHostOffset(leftBounds, rightBounds) {\n    const hostBounds = this.el.getBoundingClientRect();\n    const buffer = 7;\n    if (leftBounds + buffer < hostBounds.left) {\n      return hostBounds.left - leftBounds - buffer;\n    }\n    if (rightBounds - buffer > hostBounds.right) {\n      return -(rightBounds - hostBounds.right) + buffer;\n    }\n    return 0;\n  }\n  /**\n   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account\n   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.\n   * @param leftLabel\n   * @param rightLabel\n   */\n  getRangeLabelOverlap(leftLabel, rightLabel) {\n    const leftLabelBounds = leftLabel.getBoundingClientRect();\n    const rightLabelBounds = rightLabel.getBoundingClientRect();\n    const leftLabelFontSize = this.getFontSizeForElement(leftLabel);\n    const rangeLabelOverlap = leftLabelBounds.right + leftLabelFontSize - rightLabelBounds.left;\n    return Math.max(rangeLabelOverlap, 0);\n  }\n  /**\n   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle button element.\n   * @param minLabel\n   * @param handle\n   */\n  isMinTickLabelObscured(minLabel, handle) {\n    const minLabelBounds = minLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(minLabelBounds, handleBounds);\n  }\n  /**\n   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle button element.\n   * @param maxLabel\n   * @param handle\n   */\n  isMaxTickLabelObscured(maxLabel, handle) {\n    const maxLabelBounds = maxLabel.getBoundingClientRect();\n    const handleBounds = handle.getBoundingClientRect();\n    return intersects(maxLabelBounds, handleBounds);\n  }\n  static get is() { return \"calcite-slider\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-slider.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-slider.css\"]\n  }; }\n  static get properties() { return {\n    \"disabled\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Disable and gray out the slider\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"hasHistogram\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Indicates if a histogram is present\"\n      },\n      \"attribute\": \"has-histogram\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"histogram\": {\n      \"type\": \"unknown\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"DataSeries\",\n        \"resolved\": \"Point[]\",\n        \"references\": {\n          \"DataSeries\": {\n            \"location\": \"import\",\n            \"path\": \"../calcite-graph/interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"see\",\n            \"text\": \" [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-graph/interfaces.ts#L5)\"\n          }],\n        \"text\": \"List of x,y coordinates within the slider's min and max, displays above the slider track.\"\n      }\n    },\n    \"histogramStops\": {\n      \"type\": \"unknown\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"ColorStop[]\",\n        \"resolved\": \"ColorStop[]\",\n        \"references\": {\n          \"ColorStop\": {\n            \"location\": \"import\",\n            \"path\": \"../calcite-graph/interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Array of values describing a single color stop, sorted by offset ascending.\"\n      }\n    },\n    \"labelHandles\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Label handles with their numeric value\"\n      },\n      \"attribute\": \"label-handles\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"labelTicks\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Label tick marks with their numeric value.\"\n      },\n      \"attribute\": \"label-ticks\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"max\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Maximum selectable value\"\n      },\n      \"attribute\": \"max\",\n      \"reflect\": true,\n      \"defaultValue\": \"100\"\n    },\n    \"maxLabel\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Used as an accessible label (aria-label) for second handle if needed (ex. \\\"Temperature, upper bound\\\")\"\n      },\n      \"attribute\": \"max-label\",\n      \"reflect\": false\n    },\n    \"maxValue\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Currently selected upper number (if multi-select)\"\n      },\n      \"attribute\": \"max-value\",\n      \"reflect\": false\n    },\n    \"min\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Minimum selectable value\"\n      },\n      \"attribute\": \"min\",\n      \"reflect\": true,\n      \"defaultValue\": \"0\"\n    },\n    \"minLabel\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Used as an accessible label (aria-label) for first (or only) handle (ex. \\\"Temperature, lower bound\\\")\"\n      },\n      \"attribute\": \"min-label\",\n      \"reflect\": false\n    },\n    \"minValue\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Currently selected lower number (if multi-select)\"\n      },\n      \"attribute\": \"min-value\",\n      \"reflect\": false\n    },\n    \"mirrored\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When true, the slider will display values from high to low.\\n\\nNote that this value will be ignored if the slider has an associated histogram.\"\n      },\n      \"attribute\": \"mirrored\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"name\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The name of the slider\"\n      },\n      \"attribute\": \"name\",\n      \"reflect\": true\n    },\n    \"pageStep\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Interval to move on page up/page down keys\"\n      },\n      \"attribute\": \"page-step\",\n      \"reflect\": false\n    },\n    \"precise\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Use finer point for handles\"\n      },\n      \"attribute\": \"precise\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"required\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When true, makes the component required for form-submission.\"\n      },\n      \"attribute\": \"required\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"snap\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When true, enables snap selection along the step interval\"\n      },\n      \"attribute\": \"snap\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"step\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Interval to move on up/down keys\"\n      },\n      \"attribute\": \"step\",\n      \"reflect\": false,\n      \"defaultValue\": \"1\"\n    },\n    \"ticks\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Show tick marks on the number line at provided interval\"\n      },\n      \"attribute\": \"ticks\",\n      \"reflect\": false\n    },\n    \"value\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"null | number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Currently selected number (if single select)\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": true,\n      \"defaultValue\": \"null\"\n    }\n  }; }\n  static get states() { return {\n    \"activeProp\": {},\n    \"minMaxValueRange\": {},\n    \"minValueDragRange\": {},\n    \"maxValueDragRange\": {},\n    \"tickValues\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteSliderInput\",\n      \"name\": \"calciteSliderInput\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fires on all updates to the slider.\\n:warning: Will be fired frequently during drag. If you are performing any\\nexpensive operations consider using a debounce or throttle to avoid\\nlocking up the main thread.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteSliderChange\",\n      \"name\": \"calciteSliderChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fires on when the thumb is released on slider\\nIf you need to constantly listen to the drag event,\\nplease use calciteSliderInput instead\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteSliderUpdate\",\n      \"name\": \"calciteSliderUpdate\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"deprecated\",\n            \"text\": \"use calciteSliderInput instead\"\n          }],\n        \"text\": \"Fires on all updates to the slider.\\n:warning: Will be fired frequently during drag. If you are performing any\\nexpensive operations consider using a debounce or throttle to avoid\\nlocking up the main thread.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { return {\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<void>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<void>\"\n      },\n      \"docs\": {\n        \"text\": \"Sets focus on the component.\",\n        \"tags\": []\n      }\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"histogram\",\n      \"methodName\": \"histogramWatcher\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"keydown\",\n      \"method\": \"keyDownHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"click\",\n      \"method\": \"clickHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"pointerdown\",\n      \"method\": \"pointerDownHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": true\n    }]; }\n}\n"]}

package/dist/solutions/p-520d8443.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as e,h as i,H as a,g as s}from"./p-2e1cd889.js";import{s as o,a as l,C as r}from"./p-e762b2d1.js";import{S as c}from"./p-85cf288c.js";import"./p-ec178ea9.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */const n={intlClose:"Close"};const d={slow:14e3,medium:1e4,fast:6e3};const h={title:"title",message:"message",link:"link"};const m='@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]){--calcite-alert-width:40em;--calcite-alert-spacing-token-small:0.5rem;--calcite-alert-spacing-token-large:0.75rem}:host([scale=s]) slot[name=title]::slotted(*),:host([scale=s]) *::slotted([slot=title]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=s]) slot[name=message]::slotted(*),:host([scale=s]) *::slotted([slot=message]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) slot[name=link]::slotted(*),:host([scale=s]) *::slotted([slot=link]){font-size:var(--calcite-font-size--2);line-height:1.375}:host([scale=s]) .alert-queue-count{margin-left:0.5rem;margin-right:0.5rem}:host([scale=s]) .container{--calcite-alert-min-height:3.5rem}:host([scale=s]) .alert-close{padding:0.5rem}:host([scale=m]){--calcite-alert-width:50em;--calcite-alert-spacing-token-small:0.75rem;--calcite-alert-spacing-token-large:1rem}:host([scale=m]) slot[name=title]::slotted(*),:host([scale=m]) *::slotted([slot=title]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=m]) slot[name=message]::slotted(*),:host([scale=m]) *::slotted([slot=message]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) slot[name=link]::slotted(*),:host([scale=m]) *::slotted([slot=link]){font-size:var(--calcite-font-size--1);line-height:1.375}:host([scale=m]) .alert-queue-count{margin-left:0.75rem;margin-right:0.75rem}:host([scale=m]) .container{--calcite-alert-min-height:4.1875rem}:host([scale=l]){--calcite-alert-width:60em;--calcite-alert-spacing-token-small:1rem;--calcite-alert-spacing-token-large:1.25rem}:host([scale=l]) slot[name=title]::slotted(*),:host([scale=l]) *::slotted([slot=title]){font-size:var(--calcite-font-size-1);line-height:1.375;margin-bottom:0.25rem}:host([scale=l]) slot[name=message]::slotted(*),:host([scale=l]) *::slotted([slot=message]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) slot[name=link]::slotted(*),:host([scale=l]) *::slotted([slot=link]){font-size:var(--calcite-font-size-0);line-height:1.375}:host([scale=l]) .alert-queue-count{margin-left:1rem;margin-right:1rem}:host([scale=l]) .container{--calcite-alert-min-height:5.625rem}:host{display:block}:host .container{box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);display:flex;position:fixed;justify-content:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;background-color:var(--calcite-ui-foreground-1);opacity:0;left:0;right:0;bottom:0;border-radius:var(--calcite-border-radius);border-top:0px solid transparent;border-left:1px solid var(--calcite-ui-border-3);border-right:1px solid var(--calcite-ui-border-3);border-bottom:1px solid var(--calcite-ui-border-3);min-height:var(--calcite-alert-min-height);width:var(--calcite-alert-width);max-width:90%;max-height:0;z-index:101;transform:translate3d(0, 1.5rem, 0);transition:300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out}.container{display:flex;width:100%;justify-content:center;align-items:center}.alert-close{outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.alert-close:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([active]) .container:not(.queued){opacity:1;max-height:100%;border-top-width:2px;transform:translate3d(0, -1.5rem, 0);pointer-events:initial}slot[name=title]::slotted(*),*::slotted([slot=title]){font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0);line-height:1.375;color:var(--calcite-ui-text-1)}slot[name=message]::slotted(*),*::slotted([slot=message]){display:inline;margin:0;margin-right:0.5rem;font-weight:var(--calcite-font-weight-normal);font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-2)}slot[name=link]::slotted(*),*::slotted([slot=link]){color:var(--calcite-ui-text-link);display:inline-flex}.calcite--rtl slot[name=message]::slotted(*),.calcite--rtl *::slotted([slot=message]){margin-left:0.5rem;margin-right:unset}.alert-content{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);flex:0 0 auto;transition:all 0.15s ease-in-out;word-wrap:break-word;overflow-wrap:break-word;background-color:var(--calcite-ui-foreground-1);flex:1 1 auto;min-width:0;padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:var(--calcite-border-radius)}.alert-content:first-of-type:not(:only-child){padding-left:var(--calcite-alert-spacing-token-large)}.alert-content:only-child{padding:var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content{padding:var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small)}.calcite--rtl .alert-content:first-of-type:not(:only-child){padding-right:var(--calcite-alert-spacing-token-large)}.alert-icon{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);flex:0 0 auto;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;display:flex;align-self:stretch;align-items:center;background-color:var(--calcite-ui-foreground-1)}.alert-close{padding:var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);flex:0 0 auto;transition:all 0.15s ease-in-out;padding-top:0;padding-bottom:0;align-self:stretch;background-color:var(--calcite-ui-foreground-1);border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer;color:var(--calcite-ui-text-3);overflow:hidden;border-bottom-right-radius:var(--calcite-border-radius)}.alert-close:hover,.alert-close:focus{color:var(--calcite-ui-text-1);background-color:var(--calcite-ui-foreground-2)}.alert-close:active{background-color:var(--calcite-ui-foreground-3)}.calcite--rtl .alert-close{border-bottom-left-radius:var(--calcite-border-radius);border-bottom-right-radius:unset}.alert-queue-count{display:flex;align-items:center;justify-content:space-around;align-self:stretch;overflow:hidden;visibility:hidden;font-weight:var(--calcite-font-weight-medium);text-align:center;color:var(--calcite-ui-text-2);background-color:var(--calcite-ui-foreground-1);opacity:0;cursor:default;border-left:0px solid transparent;border-right:0px solid transparent;border-top-right-radius:0;transition:all 0.15s ease-in-out}.alert-queue-count.active{visibility:visible;opacity:1}:host([auto-dismiss])>.alert-queue-count{border-right:0px solid transparent}:host([auto-dismiss]) .calcite--rtl>.alert-queue-count{border-left:0px solid transparent}.alert-dismiss-progress{display:block;position:absolute;left:0;right:0;width:100%;overflow:hidden;top:-2px;height:2px;z-index:103;border-radius:var(--calcite-border-radius) var(--calcite-border-radius) 0 0}.alert-dismiss-progress:after{top:0;right:0;display:block;position:absolute;height:2px;content:"";background-color:var(--calcite-alert-dismiss-progress-background);z-index:104}.calcite--rtl .alert-dismiss-progress:after{left:0;right:initial}:host([color=blue]) .container{border-top-color:var(--calcite-ui-info)}:host([color=blue]) .container .alert-icon{color:var(--calcite-ui-info)}:host([color=red]) .container{border-top-color:var(--calcite-ui-danger)}:host([color=red]) .container .alert-icon{color:var(--calcite-ui-danger)}:host([color=yellow]) .container{border-top-color:var(--calcite-ui-warning)}:host([color=yellow]) .container .alert-icon{color:var(--calcite-ui-warning)}:host([color=green]) .container{border-top-color:var(--calcite-ui-success)}:host([color=green]) .container .alert-icon{color:var(--calcite-ui-success)}:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after{animation:dismissProgress 6000ms ease-out}:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after{animation:dismissProgress 10000ms ease-out}:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after{animation:dismissProgress 14000ms ease-out}@keyframes dismissProgress{0%{width:0;opacity:0.75}100%{width:100%;opacity:1}}';let u=class{constructor(i){t(this,i);this.calciteAlertClose=e(this,"calciteAlertClose",7);this.calciteAlertOpen=e(this,"calciteAlertOpen",7);this.calciteAlertSync=e(this,"calciteAlertSync",7);this.calciteAlertRegister=e(this,"calciteAlertRegister",7);this.active=false;this.autoDismiss=false;this.autoDismissDuration=this.autoDismiss?"medium":null;this.color="blue";this.intlClose=n.intlClose;this.scale="m";this.queue=[];this.queueLength=0;this.queued=false;this.closeAlert=()=>{this.queued=false;this.active=false;this.queue=this.queue.filter((t=>t!==this.el));this.determineActiveAlert();this.calciteAlertSync.emit({queue:this.queue});this.calciteAlertClose.emit({el:this.el,queue:this.queue})}}watchActive(){if(this.active&&!this.queued){this.calciteAlertRegister.emit()}if(!this.active){this.queue=this.queue.filter((t=>t!==this.el));this.calciteAlertSync.emit({queue:this.queue})}}updateRequestedIcon(){this.requestedIcon=o(c,this.icon,this.color)}connectedCallback(){if(this.active&&!this.queued){this.calciteAlertRegister.emit()}}componentWillLoad(){this.requestedIcon=o(c,this.icon,this.color)}componentDidLoad(){this.alertLinkEl=this.el.querySelectorAll("calcite-link")[0]}render(){const t=l(this.el);const e=i("button",{"aria-label":this.intlClose,class:"alert-close",onClick:this.closeAlert,ref:t=>this.closeButton=t,type:"button"},i("calcite-icon",{icon:"x",scale:this.scale==="l"?"m":"s"}));const s=`+${this.queueLength>2?this.queueLength-1:1}`;const o=i("div",{class:`${this.queueLength>1?"active ":""}alert-queue-count`},i("calcite-chip",{scale:this.scale,value:s},s));const{active:c,autoDismiss:n,label:d,queued:m,requestedIcon:u}=this;const g=i("div",{class:"alert-dismiss-progress"});const p=n?"alert":"alertdialog";const f=!c;return i(a,{"aria-hidden":f.toString(),"aria-label":d,"calcite-hydrated-hidden":f,role:p},i("div",{class:{container:true,queued:m,[r.rtl]:t==="rtl"}},u?i("div",{class:"alert-icon"},i("calcite-icon",{icon:u,scale:this.scale==="l"?"m":"s"})):null,i("div",{class:"alert-content"},i("slot",{name:h.title}),i("slot",{name:h.message}),i("slot",{name:h.link})),o,!n?e:null,c&&!m&&n?g:null))}alertSync(t){if(this.queue!==t.detail.queue){this.queue=t.detail.queue}this.queueLength=this.queue.length;this.determineActiveAlert()}alertRegister(){if(this.active&&!this.queue.includes(this.el)){this.queued=true;this.queue.push(this.el)}this.calciteAlertSync.emit({queue:this.queue});this.determineActiveAlert()}async setFocus(){if(!this.closeButton&&!this.alertLinkEl){return}else if(this.alertLinkEl){this.alertLinkEl.setFocus()}else if(this.closeButton){this.closeButton.focus()}}determineActiveAlert(){var t;if(((t=this.queue)===null||t===void 0?void 0:t[0])===this.el){this.openAlert();clearTimeout(this.autoDismissTimeout);if(this.autoDismiss){this.autoDismissTimeout=window.setTimeout((()=>this.closeAlert()),d[this.autoDismissDuration])}}else{return}}openAlert(){clearTimeout(this.queueTimeout);this.queueTimeout=window.setTimeout((()=>this.queued=false),300);this.calciteAlertOpen.emit({el:this.el,queue:this.queue})}get el(){return s(this)}static get watchers(){return{active:["watchActive"],icon:["updateRequestedIcon"],color:["updateRequestedIcon"]}}};u.style=m;export{u as calcite_alert};
-//# sourceMappingURL=p-520d8443.entry.js.map

package/dist/solutions/p-520d8443.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/resources.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/calcite-alert.css?tag=calcite-alert&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/calcite-alert.js"],"names":["TEXT","intlClose","DURATIONS","slow","medium","fast","SLOTS","title","message","link","calciteAlertCss","CalciteAlert","[object Object]","hostRef","this","active","autoDismiss","autoDismissDuration","color","scale","queue","queueLength","queued","closeAlert","filter","e","el","determineActiveAlert","calciteAlertSync","emit","calciteAlertClose","calciteAlertRegister","requestedIcon","setRequestedIcon","StatusIcons","icon","alertLinkEl","querySelectorAll","dir","getElementDir","closeButton","h","aria-label","class","onClick","ref","type","queueText","queueCount","value","label","progress","role","hidden","Host","aria-hidden","toString","calcite-hydrated-hidden","container","CSS_UTILITY","rtl","name","event","detail","length","includes","push","setFocus","focus","_a","openAlert","clearTimeout","autoDismissTimeout","window","setTimeout","queueTimeout","calciteAlertOpen"],"mappings":"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","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nexport const TEXT = {\n  intlClose: \"Close\"\n};\nexport const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000\n};\nexport const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-alert-width: the width of the alert\n*/\n\n:host([scale=s]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: 0.5rem;\n  --calcite-alert-spacing-token-large: 0.75rem;\n}\n\n:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([scale=s]) .alert-queue-count {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n:host([scale=s]) .container {\n  --calcite-alert-min-height: 3.5rem;\n}\n\n:host([scale=s]) .alert-close {\n  padding: 0.5rem;\n}\n\n:host([scale=m]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: 0.75rem;\n  --calcite-alert-spacing-token-large: 1rem;\n}\n\n:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=m]) .alert-queue-count {\n  margin-left: 0.75rem;\n  margin-right: 0.75rem;\n}\n\n:host([scale=m]) .container {\n  --calcite-alert-min-height: 4.1875rem;\n}\n\n:host([scale=l]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: 1rem;\n  --calcite-alert-spacing-token-large: 1.25rem;\n}\n\n:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.375;\n  margin-bottom: 0.25rem;\n}\n\n:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=l]) .alert-queue-count {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n:host([scale=l]) .container {\n  --calcite-alert-min-height: 5.625rem;\n}\n\n:host {\n  display: block;\n}\n\n:host .container {\n  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  display: flex;\n  position: fixed;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: var(--calcite-border-radius);\n  border-top: 0px solid transparent;\n  border-left: 1px solid var(--calcite-ui-border-3);\n  border-right: 1px solid var(--calcite-ui-border-3);\n  border-bottom: 1px solid var(--calcite-ui-border-3);\n  min-height: var(--calcite-alert-min-height);\n  width: var(--calcite-alert-width);\n  max-width: 90%;\n  max-height: 0;\n  z-index: 101;\n  transform: translate3d(0, 1.5rem, 0);\n  transition: 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;\n}\n\n.container {\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.alert-close {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n.alert-close:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host([active]) .container:not(.queued) {\n  opacity: 1;\n  max-height: 100%;\n  border-top-width: 2px;\n  transform: translate3d(0, -1.5rem, 0);\n  pointer-events: initial;\n}\n\nslot[name=title]::slotted(*),\n*::slotted([slot=title]) {\n  font-weight: var(--calcite-font-weight-medium);\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-1);\n}\n\nslot[name=message]::slotted(*),\n*::slotted([slot=message]) {\n  display: inline;\n  margin: 0;\n  margin-right: 0.5rem;\n  font-weight: var(--calcite-font-weight-normal);\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-2);\n}\n\nslot[name=link]::slotted(*),\n*::slotted([slot=link]) {\n  color: var(--calcite-ui-text-link);\n  display: inline-flex;\n}\n\n.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message]) {\n  margin-left: 0.5rem;\n  margin-right: unset;\n}\n\n.alert-content {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  background-color: var(--calcite-ui-foreground-1);\n  flex: 1 1 auto;\n  min-width: 0;\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;\n  border-bottom-left-radius: var(--calcite-border-radius);\n  border-bottom-right-radius: var(--calcite-border-radius);\n}\n\n.alert-content:first-of-type:not(:only-child) {\n  padding-left: var(--calcite-alert-spacing-token-large);\n}\n\n.alert-content:only-child {\n  padding: var(--calcite-alert-spacing-token-small);\n}\n\n.calcite--rtl .alert-content {\n  padding: var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small);\n}\n\n.calcite--rtl .alert-content:first-of-type:not(:only-child) {\n  padding-right: var(--calcite-alert-spacing-token-large);\n}\n\n.alert-icon {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n.alert-close {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  padding-top: 0;\n  padding-bottom: 0;\n  align-self: stretch;\n  background-color: var(--calcite-ui-foreground-1);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  color: var(--calcite-ui-text-3);\n  overflow: hidden;\n  border-bottom-right-radius: var(--calcite-border-radius);\n}\n\n.alert-close:hover, .alert-close:focus {\n  color: var(--calcite-ui-text-1);\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.alert-close:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.calcite--rtl .alert-close {\n  border-bottom-left-radius: var(--calcite-border-radius);\n  border-bottom-right-radius: unset;\n}\n\n.alert-queue-count {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  align-self: stretch;\n  overflow: hidden;\n  visibility: hidden;\n  font-weight: var(--calcite-font-weight-medium);\n  text-align: center;\n  color: var(--calcite-ui-text-2);\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  cursor: default;\n  border-left: 0px solid transparent;\n  border-right: 0px solid transparent;\n  border-top-right-radius: 0;\n  transition: all 0.15s ease-in-out;\n}\n\n.alert-queue-count.active {\n  visibility: visible;\n  opacity: 1;\n}\n\n:host([auto-dismiss]) > .alert-queue-count {\n  border-right: 0px solid transparent;\n}\n\n:host([auto-dismiss]) .calcite--rtl > .alert-queue-count {\n  border-left: 0px solid transparent;\n}\n\n.alert-dismiss-progress {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 100%;\n  overflow: hidden;\n  top: -2px;\n  height: 2px;\n  z-index: 103;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n}\n\n.alert-dismiss-progress:after {\n  top: 0;\n  right: 0;\n  display: block;\n  position: absolute;\n  height: 2px;\n  content: \"\";\n  background-color: var(--calcite-alert-dismiss-progress-background);\n  z-index: 104;\n}\n\n.calcite--rtl .alert-dismiss-progress:after {\n  left: 0;\n  right: initial;\n}\n\n:host([color=blue]) .container {\n  border-top-color: var(--calcite-ui-info);\n}\n\n:host([color=blue]) .container .alert-icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([color=red]) .container {\n  border-top-color: var(--calcite-ui-danger);\n}\n\n:host([color=red]) .container .alert-icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([color=yellow]) .container {\n  border-top-color: var(--calcite-ui-warning);\n}\n\n:host([color=yellow]) .container .alert-icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([color=green]) .container {\n  border-top-color: var(--calcite-ui-success);\n}\n\n:host([color=green]) .container .alert-icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after {\n  animation: dismissProgress 6000ms ease-out;\n}\n\n:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after {\n  animation: dismissProgress 10000ms ease-out;\n}\n\n:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after {\n  animation: dismissProgress 14000ms ease-out;\n}\n\n@keyframes dismissProgress {\n  0% {\n    width: 0;\n    opacity: 0.75;\n  }\n\n  100% {\n    width: 100%;\n    opacity: 1;\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\nimport { getElementDir, setRequestedIcon } from \"../../utils/dom\";\nimport { DURATIONS, SLOTS, TEXT } from \"./resources\";\nimport { StatusIcons } from \"./interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n/** Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n/**\n * @slot title - Title of the alert (optional)\n * @slot message - Main text of the alert\n * @slot link - Optional action to take from the alert (undo, try again, link to page, etc.)\n */\nexport class CalciteAlert {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //---------------------------------------------------------------------------\n    /** Is the alert currently active or not */\n    this.active = false;\n    /** Close the alert automatically (recommended for passive, non-blocking alerts) */\n    this.autoDismiss = false;\n    /** Duration of autoDismiss (only used with `autoDismiss`) */\n    this.autoDismissDuration = this.autoDismiss ? \"medium\" : null;\n    /** Color for the alert (will apply to top border and icon) */\n    this.color = \"blue\";\n    /** string to override English close text\n     * @default \"Close\"\n     */\n    this.intlClose = TEXT.intlClose;\n    /** specify the scale of the button, defaults to m */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** the list of queued alerts */\n    this.queue = [];\n    /** the count of queued alerts */\n    this.queueLength = 0;\n    /** is the alert queued */\n    this.queued = false;\n    /** close and emit the closed alert and the queue */\n    this.closeAlert = () => {\n      this.queued = false;\n      this.active = false;\n      this.queue = this.queue.filter((e) => e !== this.el);\n      this.determineActiveAlert();\n      this.calciteAlertSync.emit({ queue: this.queue });\n      this.calciteAlertClose.emit({\n        el: this.el,\n        queue: this.queue\n      });\n    };\n  }\n  watchActive() {\n    if (this.active && !this.queued) {\n      this.calciteAlertRegister.emit();\n    }\n    if (!this.active) {\n      this.queue = this.queue.filter((e) => e !== this.el);\n      this.calciteAlertSync.emit({ queue: this.queue });\n    }\n  }\n  updateRequestedIcon() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    if (this.active && !this.queued) {\n      this.calciteAlertRegister.emit();\n    }\n  }\n  componentWillLoad() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  componentDidLoad() {\n    this.alertLinkEl = this.el.querySelectorAll(\"calcite-link\")[0];\n  }\n  render() {\n    const dir = getElementDir(this.el);\n    const closeButton = (h(\"button\", { \"aria-label\": this.intlClose, class: \"alert-close\", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: \"button\" },\n      h(\"calcite-icon\", { icon: \"x\", scale: this.scale === \"l\" ? \"m\" : \"s\" })));\n    const queueText = `+${this.queueLength > 2 ? this.queueLength - 1 : 1}`;\n    const queueCount = (h(\"div\", { class: `${this.queueLength > 1 ? \"active \" : \"\"}alert-queue-count` },\n      h(\"calcite-chip\", { scale: this.scale, value: queueText }, queueText)));\n    const { active, autoDismiss, label, queued, requestedIcon } = this;\n    const progress = h(\"div\", { class: \"alert-dismiss-progress\" });\n    const role = autoDismiss ? \"alert\" : \"alertdialog\";\n    const hidden = !active;\n    return (h(Host, { \"aria-hidden\": hidden.toString(), \"aria-label\": label, \"calcite-hydrated-hidden\": hidden, role: role },\n      h(\"div\", { class: {\n          container: true,\n          queued,\n          [CSS_UTILITY.rtl]: dir === \"rtl\"\n        } },\n        requestedIcon ? (h(\"div\", { class: \"alert-icon\" },\n          h(\"calcite-icon\", { icon: requestedIcon, scale: this.scale === \"l\" ? \"m\" : \"s\" }))) : null,\n        h(\"div\", { class: \"alert-content\" },\n          h(\"slot\", { name: SLOTS.title }),\n          h(\"slot\", { name: SLOTS.message }),\n          h(\"slot\", { name: SLOTS.link })),\n        queueCount,\n        !autoDismiss ? closeButton : null,\n        active && !queued && autoDismiss ? progress : null)));\n  }\n  // when an alert is opened or closed, update queue and determine active alert\n  alertSync(event) {\n    if (this.queue !== event.detail.queue) {\n      this.queue = event.detail.queue;\n    }\n    this.queueLength = this.queue.length;\n    this.determineActiveAlert();\n  }\n  // when an alert is first registered, trigger a queue sync to get queue\n  alertRegister() {\n    if (this.active && !this.queue.includes(this.el)) {\n      this.queued = true;\n      this.queue.push(this.el);\n    }\n    this.calciteAlertSync.emit({ queue: this.queue });\n    this.determineActiveAlert();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    if (!this.closeButton && !this.alertLinkEl) {\n      return;\n    }\n    else if (this.alertLinkEl) {\n      this.alertLinkEl.setFocus();\n    }\n    else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /** determine which alert is active */\n  determineActiveAlert() {\n    var _a;\n    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {\n      this.openAlert();\n      clearTimeout(this.autoDismissTimeout);\n      if (this.autoDismiss) {\n        this.autoDismissTimeout = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration]);\n      }\n    }\n    else {\n      return;\n    }\n  }\n  /** emit the opened alert and the queue */\n  openAlert() {\n    clearTimeout(this.queueTimeout);\n    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);\n    this.calciteAlertOpen.emit({\n      el: this.el,\n      queue: this.queue\n    });\n  }\n  static get is() { return \"calcite-alert\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-alert.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-alert.css\"]\n  }; }\n  static get properties() { return {\n    \"active\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Is the alert currently active or not\"\n      },\n      \"attribute\": \"active\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"autoDismiss\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Close the alert automatically (recommended for passive, non-blocking alerts)\"\n      },\n      \"attribute\": \"auto-dismiss\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"autoDismissDuration\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"AlertDuration\",\n        \"resolved\": \"\\\"fast\\\" | \\\"medium\\\" | \\\"slow\\\"\",\n        \"references\": {\n          \"AlertDuration\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Duration of autoDismiss (only used with `autoDismiss`)\"\n      },\n      \"attribute\": \"auto-dismiss-duration\",\n      \"reflect\": true,\n      \"defaultValue\": \"this.autoDismiss ? \\\"medium\\\" : null\"\n    },\n    \"color\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"StatusColor\",\n        \"resolved\": \"\\\"blue\\\" | \\\"green\\\" | \\\"red\\\" | \\\"yellow\\\"\",\n        \"references\": {\n          \"StatusColor\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Color for the alert (will apply to top border and icon)\"\n      },\n      \"attribute\": \"color\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"blue\\\"\"\n    },\n    \"icon\": {\n      \"type\": \"any\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string | boolean\",\n        \"resolved\": \"boolean | string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"when used as a boolean set to true, show a default recommended icon. You can\\nalso pass a calcite-ui-icon name to this prop to display a requested icon\"\n      },\n      \"attribute\": \"icon\",\n      \"reflect\": true\n    },\n    \"intlClose\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Close\\\"\"\n          }],\n        \"text\": \"string to override English close text\"\n      },\n      \"attribute\": \"intl-close\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.intlClose\"\n    },\n    \"label\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": true,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Accessible name for the component\"\n      },\n      \"attribute\": \"label\",\n      \"reflect\": false\n    },\n    \"scale\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Scale\",\n        \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n        \"references\": {\n          \"Scale\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the scale of the button, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    }\n  }; }\n  static get states() { return {\n    \"queue\": {},\n    \"queueLength\": {},\n    \"queued\": {},\n    \"requestedIcon\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteAlertClose\",\n      \"name\": \"calciteAlertClose\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when an alert is closed\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertOpen\",\n      \"name\": \"calciteAlertOpen\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when an alert is opened\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertSync\",\n      \"name\": \"calciteAlertSync\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Fired to sync queue when opened or closed\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertRegister\",\n      \"name\": \"calciteAlertRegister\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Fired when an alert is added to dom - used to receive initial queue\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { return {\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<void>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<void>\"\n      },\n      \"docs\": {\n        \"text\": \"Sets focus on the component.\",\n        \"tags\": []\n      }\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"active\",\n      \"methodName\": \"watchActive\"\n    }, {\n      \"propName\": \"icon\",\n      \"methodName\": \"updateRequestedIcon\"\n    }, {\n      \"propName\": \"color\",\n      \"methodName\": \"updateRequestedIcon\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"calciteAlertSync\",\n      \"method\": \"alertSync\",\n      \"target\": \"window\",\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteAlertRegister\",\n      \"method\": \"alertRegister\",\n      \"target\": \"window\",\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"]}

package/dist/solutions/p-591d5666.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as e,h as i,g as a}from"./p-2e1cd889.js";import{a as o,C as n}from"./p-e762b2d1.js";import{g as r}from"./p-7df393df.js";import"./p-ec178ea9.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */const l={container:"container",header:"header",footer:"footer",title:"title",subtitle:"subtitle",thumbnailWrapper:"thumbnail-wrapper",checkboxWrapper:"checkbox-wrapper"};const c={thumbnail:"thumbnail",title:"title",subtitle:"subtitle",footerLeading:"footer-leading",footerTrailing:"footer-trailing"};const s={select:"Select",deselect:"Deselect",loading:"Loading"};const d="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{max-width:100%;display:block}:host .calcite-card-container{display:flex;height:100%;flex-direction:column;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);position:relative;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);color:var(--calcite-ui-text-3);box-shadow:none}:host .calcite-card-container:hover{box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);z-index:1}:host .calcite-card-container:active{box-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);transition-duration:75ms;z-index:1}.container{flex:1 1 auto;display:flex;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){opacity:0;pointer-events:none}:host([loading]) .calcite-card-loader-container{display:flex;align-items:center;position:absolute;top:0;right:0;bottom:0;left:0}.header,.footer{padding-top:0.75rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem;display:flex}.header{flex-direction:column}.footer{padding-top:0.25rem;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;flex-direction:row;align-content:space-between;justify-content:space-between;margin-top:auto}.card-content{padding:0.75rem;color:var(--calcite-ui-text-3);font-size:var(--calcite-font-size--2);line-height:1.375}:host([selectable]) .calcite-card-container:active{box-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);margin:0;font-size:var(--calcite-font-size--1);line-height:1.375}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2);margin:0;margin-top:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){max-width:100%;min-width:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.thumbnail-wrapper{font-size:var(--calcite-font-size-0);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0;padding:0;top:0.5rem;right:0.5rem}.calcite--rtl .checkbox-wrapper{right:auto;left:0.5rem}";let h=class{constructor(i){t(this,i);this.calciteCardSelect=e(this,"calciteCardSelect",7);this.loading=false;this.selected=false;this.selectable=false;this.intlLoading=s.loading;this.intlSelect=s.select;this.intlDeselect=s.deselect;this.cardSelectClick=()=>{this.selectCard()};this.cardSelectKeyDown=t=>{switch(r(t.key)){case" ":case"Enter":this.selectCard();t.preventDefault();break}}}render(){const t=o(this.el);return i("div",{class:{"calcite-card-container":true,[n.rtl]:t==="rtl"}},this.loading?i("div",{class:"calcite-card-loader-container"},i("calcite-loader",{active:true,label:this.intlLoading})):null,i("section",{"aria-busy":this.loading.toString(),class:{[l.container]:true}},this.selectable?this.renderCheckbox():null,this.renderThumbnail(),this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()))}selectCard(){this.selected=!this.selected;this.calciteCardSelect.emit()}renderThumbnail(){const t=this.el.querySelector(`[slot=${c.thumbnail}]`);return t?i("div",{class:l.thumbnailWrapper},i("slot",{name:c.thumbnail})):null}renderCheckbox(){const t=this.selected?this.intlDeselect:this.intlSelect;return i("calcite-label",{class:l.checkboxWrapper,onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:t}))}renderHeader(){const t=this.el.querySelector(`[slot=${c.title}]`);const e=this.el.querySelector(`[slot=${c.subtitle}]`);const a=t||e;return a?i("header",{class:l.header},i("slot",{name:c.title}),i("slot",{name:c.subtitle})):null}renderFooter(){const t=this.el.querySelector(`[slot=${c.footerLeading}]`);const e=this.el.querySelector(`[slot=${c.footerTrailing}]`);const a=t||e;return a?i("footer",{class:l.footer},i("slot",{name:c.footerLeading}),i("slot",{name:c.footerTrailing})):null}get el(){return a(this)}};h.style=d;export{h as calcite_card};
-//# sourceMappingURL=p-591d5666.entry.js.map

package/dist/solutions/p-591d5666.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-card/resources.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-card/calcite-card.css?tag=calcite-card&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-card/calcite-card.js"],"names":["CSS","container","header","footer","title","subtitle","thumbnailWrapper","checkboxWrapper","SLOTS","thumbnail","footerLeading","footerTrailing","TEXT","select","deselect","loading","calciteCardCss","CalciteCard","[object Object]","hostRef","this","selected","selectable","intlLoading","intlSelect","intlDeselect","cardSelectClick","selectCard","cardSelectKeyDown","e","getKey","key","preventDefault","dir","getElementDir","el","h","class","calcite-card-container","CSS_UTILITY","rtl","active","label","aria-busy","toString","renderCheckbox","renderThumbnail","renderHeader","renderFooter","calciteCardSelect","emit","hasThumbnail","querySelector","name","checkboxLabel","onClick","onKeyDown","checked","hasHeader","leadingFooter","trailingFooter","hasFooter"],"mappings":";;;;;;;;;GAIO,MAAMA,EAAM,CACjBC,UAAW,YACXC,OAAQ,SACRC,OAAQ,SACRC,MAAO,QACPC,SAAU,WACVC,iBAAkB,oBAClBC,gBAAiB,oBAEZ,MAAMC,EAAQ,CACnBC,UAAW,YACXL,MAAO,QACPC,SAAU,WACVK,cAAe,iBACfC,eAAgB,mBAEX,MAAMC,EAAO,CAClBC,OAAQ,SACRC,SAAU,WACVC,QAAS,WCvBX,MAAMC,EAAiB,s6GCoBVC,EAAW,MACtBC,YAAAC,kEAOEC,KAAKL,QAAU,MAEfK,KAAKC,SAAW,MAEhBD,KAAKE,WAAa,MAIlBF,KAAKG,YAAcX,EAAKG,QAIxBK,KAAKI,WAAaZ,EAAKC,OAIvBO,KAAKK,aAAeb,EAAKE,SAWzBM,KAAKM,gBAAkB,KACrBN,KAAKO,cAEPP,KAAKQ,kBAAqBC,IACxB,OAAQC,EAAOD,EAAEE,MACf,IAAK,IACL,IAAK,QACHX,KAAKO,aACLE,EAAEG,iBACF,QASRd,SACE,MAAMe,EAAMC,EAAcd,KAAKe,IAC/B,OAAQC,EAAE,MAAO,CAAEC,MAAO,CAAEC,yBAA0B,KAAMpB,CAACqB,EAAYC,KAAMP,IAAQ,QACrFb,KAAKL,QAAWqB,EAAE,MAAO,CAAEC,MAAO,iCAChCD,EAAE,iBAAkB,CAAEK,OAAQ,KAAMC,MAAOtB,KAAKG,eAAmB,KACrEa,EAAE,UAAW,CAAEO,YAAavB,KAAKL,QAAQ6B,WAAYP,MAAO,CAAEnB,CAAClB,EAAIC,WAAY,OAC7EmB,KAAKE,WAAaF,KAAKyB,iBAAmB,KAC1CzB,KAAK0B,kBACL1B,KAAK2B,eACLX,EAAE,MAAO,CAAEC,MAAO,gBAChBD,EAAE,OAAQ,OACZhB,KAAK4B,iBAEX9B,aACEE,KAAKC,UAAYD,KAAKC,SACtBD,KAAK6B,kBAAkBC,OAEzBhC,kBACE,MAAMiC,EAAe/B,KAAKe,GAAGiB,cAAc,SAAS5C,EAAMC,cAC1D,OAAO0C,EAAgBf,EAAE,MAAO,CAAEC,MAAOrC,EAAIM,kBAC3C8B,EAAE,OAAQ,CAAEiB,KAAM7C,EAAMC,aAAiB,KAE7CS,iBACE,MAAMoC,EAAgBlC,KAAKC,SAAWD,KAAKK,aAAeL,KAAKI,WAC/D,OAAQY,EAAE,gBAAiB,CAAEC,MAAOrC,EAAIO,gBAAiBgD,QAASnC,KAAKM,gBAAiB8B,UAAWpC,KAAKQ,mBACtGQ,EAAE,mBAAoB,CAAEqB,QAASrC,KAAKC,SAAUqB,MAAOY,KAE3DpC,eACE,MAAMd,EAAQgB,KAAKe,GAAGiB,cAAc,SAAS5C,EAAMJ,UACnD,MAAMC,EAAWe,KAAKe,GAAGiB,cAAc,SAAS5C,EAAMH,aACtD,MAAMqD,EAAYtD,GAASC,EAC3B,OAAOqD,EAAatB,EAAE,SAAU,CAAEC,MAAOrC,EAAIE,QAC3CkC,EAAE,OAAQ,CAAEiB,KAAM7C,EAAMJ,QACxBgC,EAAE,OAAQ,CAAEiB,KAAM7C,EAAMH,YAAgB,KAE5Ca,eACE,MAAMyC,EAAgBvC,KAAKe,GAAGiB,cAAc,SAAS5C,EAAME,kBAC3D,MAAMkD,EAAiBxC,KAAKe,GAAGiB,cAAc,SAAS5C,EAAMG,mBAC5D,MAAMkD,EAAYF,GAAiBC,EACnC,OAAOC,EAAazB,EAAE,SAAU,CAAEC,MAAOrC,EAAIG,QAC3CiC,EAAE,OAAQ,CAAEiB,KAAM7C,EAAME,gBACxB0B,EAAE,OAAQ,CAAEiB,KAAM7C,EAAMG,kBAAsB","sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nexport const CSS = {\n  container: \"container\",\n  header: \"header\",\n  footer: \"footer\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  thumbnailWrapper: \"thumbnail-wrapper\",\n  checkboxWrapper: \"checkbox-wrapper\"\n};\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  footerLeading: \"footer-leading\",\n  footerTrailing: \"footer-trailing\"\n};\nexport const TEXT = {\n  select: \"Select\",\n  deselect: \"Deselect\",\n  loading: \"Loading\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  max-width: 100%;\n  display: block;\n}\n\n:host .calcite-card-container {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: var(--calcite-ui-foreground-1);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-2);\n  color: var(--calcite-ui-text-3);\n  box-shadow: none;\n}\n\n:host .calcite-card-container:hover {\n  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);\n  z-index: 1;\n}\n\n:host .calcite-card-container:active {\n  box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);\n  transition-duration: 75ms;\n  z-index: 1;\n}\n\n.container {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n}\n\n:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.header,\n.footer {\n  padding-top: 0.75rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  display: flex;\n}\n\n.header {\n  flex-direction: column;\n}\n\n.footer {\n  padding-top: 0.25rem;\n  padding-bottom: 0.75rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  flex-direction: row;\n  align-content: space-between;\n  justify-content: space-between;\n  margin-top: auto;\n}\n\n.card-content {\n  padding: 0.75rem;\n  color: var(--calcite-ui-text-3);\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([selectable]) .calcite-card-container:active {\n  box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);\n}\n\n:host([selected]) .calcite-card-container {\n  border-color: var(--calcite-ui-brand);\n}\n\nslot[name=title]::slotted(*),\n*::slotted([slot=title]) {\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n  margin: 0;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\nslot[name=subtitle]::slotted(*),\n*::slotted([slot=subtitle]) {\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n  margin: 0;\n  margin-top: 0.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\nslot[name=thumbnail]::slotted(img),\nimg::slotted([slot=thumbnail]) {\n  max-width: 100%;\n  min-width: 100%;\n}\n\nslot[name=footer-leading]::slotted(*),\n*::slotted([slot=footer-leading]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  margin-inline-end: auto;\n}\n\nslot[name=footer-trailing]::slotted(*),\n*::slotted([slot=footer-trailing]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n.thumbnail-wrapper {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n.checkbox-wrapper {\n  position: absolute;\n  margin: 0;\n  padding: 0;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n\n.calcite--rtl .checkbox-wrapper {\n  right: auto;\n  left: 0.5rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n */\nimport { Component, Element, Event, h, Prop } from \"@stencil/core\";\nimport { CSS, SLOTS, TEXT } from \"./resources\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { getKey } from \"../../utils/key\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n/** Cards do not include a grid or bounding container\n * - cards will expand to fit the width of their container\n */\n/**\n * @slot - A slot for adding subheader/description content.\n * @slot thumbnail - A slot for adding a thumbnail to the card.\n * @slot title - A slot for adding a card title.\n * @slot subtitle - A slot for adding a card subtitle or short summary.\n * @slot footer-leading - A slot for adding a leading footer.\n * @slot footer-trailing - A slot for adding a trailing footer.\n */\nexport class CalciteCard {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**  When true, the cards content is waiting to be loaded. This state shows a busy indicator.*/\n    this.loading = false;\n    /** Indicates whether the card is selected. */\n    this.selected = false;\n    /** Indicates whether the card is selectable. */\n    this.selectable = false;\n    /** string to override English loading text\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /** string to override English select text for checkbox when selectable is true\n     * @default \"Select\"\n     */\n    this.intlSelect = TEXT.select;\n    /** string to override English deselect text for checkbox when selectable is true\n     * @default \"Deselect\"\n     */\n    this.intlDeselect = TEXT.deselect;\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.cardSelectClick = () => {\n      this.selectCard();\n    };\n    this.cardSelectKeyDown = (e) => {\n      switch (getKey(e.key)) {\n        case \" \":\n        case \"Enter\":\n          this.selectCard();\n          e.preventDefault();\n          break;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const dir = getElementDir(this.el);\n    return (h(\"div\", { class: { \"calcite-card-container\": true, [CSS_UTILITY.rtl]: dir === \"rtl\" } },\n      this.loading ? (h(\"div\", { class: \"calcite-card-loader-container\" },\n        h(\"calcite-loader\", { active: true, label: this.intlLoading }))) : null,\n      h(\"section\", { \"aria-busy\": this.loading.toString(), class: { [CSS.container]: true } },\n        this.selectable ? this.renderCheckbox() : null,\n        this.renderThumbnail(),\n        this.renderHeader(),\n        h(\"div\", { class: \"card-content\" },\n          h(\"slot\", null)),\n        this.renderFooter())));\n  }\n  selectCard() {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  }\n  renderThumbnail() {\n    const hasThumbnail = this.el.querySelector(`[slot=${SLOTS.thumbnail}]`);\n    return hasThumbnail ? (h(\"div\", { class: CSS.thumbnailWrapper },\n      h(\"slot\", { name: SLOTS.thumbnail }))) : null;\n  }\n  renderCheckbox() {\n    const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;\n    return (h(\"calcite-label\", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown },\n      h(\"calcite-checkbox\", { checked: this.selected, label: checkboxLabel })));\n  }\n  renderHeader() {\n    const title = this.el.querySelector(`[slot=${SLOTS.title}]`);\n    const subtitle = this.el.querySelector(`[slot=${SLOTS.subtitle}]`);\n    const hasHeader = title || subtitle;\n    return hasHeader ? (h(\"header\", { class: CSS.header },\n      h(\"slot\", { name: SLOTS.title }),\n      h(\"slot\", { name: SLOTS.subtitle }))) : null;\n  }\n  renderFooter() {\n    const leadingFooter = this.el.querySelector(`[slot=${SLOTS.footerLeading}]`);\n    const trailingFooter = this.el.querySelector(`[slot=${SLOTS.footerTrailing}]`);\n    const hasFooter = leadingFooter || trailingFooter;\n    return hasFooter ? (h(\"footer\", { class: CSS.footer },\n      h(\"slot\", { name: SLOTS.footerLeading }),\n      h(\"slot\", { name: SLOTS.footerTrailing }))) : null;\n  }\n  static get is() { return \"calcite-card\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-card.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-card.css\"]\n  }; }\n  static get properties() { return {\n    \"loading\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When true, the cards content is waiting to be loaded. This state shows a busy indicator.\"\n      },\n      \"attribute\": \"loading\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"selected\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Indicates whether the card is selected.\"\n      },\n      \"attribute\": \"selected\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"selectable\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Indicates whether the card is selectable.\"\n      },\n      \"attribute\": \"selectable\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"intlLoading\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Loading\\\"\"\n          }],\n        \"text\": \"string to override English loading text\"\n      },\n      \"attribute\": \"intl-loading\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.loading\"\n    },\n    \"intlSelect\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Select\\\"\"\n          }],\n        \"text\": \"string to override English select text for checkbox when selectable is true\"\n      },\n      \"attribute\": \"intl-select\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.select\"\n    },\n    \"intlDeselect\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"Deselect\\\"\"\n          }],\n        \"text\": \"string to override English deselect text for checkbox when selectable is true\"\n      },\n      \"attribute\": \"intl-deselect\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.deselect\"\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteCardSelect\",\n      \"name\": \"calciteCardSelect\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when a selectable card is selected\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-5aff6fc3.entry.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright 2021 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as i,h as a,F as e,g as n}from"./p-2e1cd889.js";import{a as s,C as o}from"./p-e762b2d1.js";import{g as r}from"./p-ec178ea9.js";import{c,d as l}from"./p-cb5cb9a8.js";import{c as h,d as p,H as m}from"./p-0b8525e2.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */const d={rating:"Rating",stars:"Stars: ${num}"};const u="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:flex;align-items:center;position:relative;width:-moz-fit-content;width:fit-content}:host([scale=s]){height:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){height:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){height:2.75rem;--calcite-rating-spacing-unit:0.75rem}:host([disabled]){pointer-events:none;opacity:0.5}:host([read-only]){pointer-events:none}.fieldset{padding:0;margin:0;border-width:0;display:flex}.wrapper{display:inline-block;margin-right:var(--calcite-rating-spacing-unit)}.calcite--rtl .wrapper{margin-right:0;margin-left:var(--calcite-rating-spacing-unit)}.star{position:relative;display:flex;cursor:pointer;outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;color:var(--calcite-ui-border-input);transition:150ms ease-in-out;transform:scale(1)}.star:active{transform:scale(1.1)}.focused{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.average,.fraction{color:var(--calcite-ui-warning)}.hovered,.selected,:host([read-only]) .average,:host([read-only]) .fraction{color:var(--calcite-ui-brand)}.hovered:not(.selected){transform:scale(0.9)}:host .fraction{position:absolute;overflow:hidden;pointer-events:none;top:0;left:0;transition:150ms ease-in-out}.calcite--rtl .fraction{right:0;left:auto}calcite-chip{cursor:default;pointer-events:none}.number--average{font-weight:var(--calcite-font-weight-bold)}.number--count{color:var(--calcite-ui-text-2);font-style:italic}.number--count:not(:first-child){margin-left:var(--calcite-rating-spacing-unit)}.calcite--rtl .number--count:not(:first-child){margin-left:0;margin-right:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";let f=class{constructor(a){t(this,a);this.calciteRatingChange=i(this,"calciteRatingChange",7);this.scale="m";this.value=0;this.readOnly=false;this.disabled=false;this.showChip=false;this.intlRating=d.rating;this.intlStars=d.stars;this.required=false;this.guid=`calcite-ratings-${r()}`}connectedCallback(){c(this);h(this)}disconnectedCallback(){l(this);p(this)}blurHandler(){this.hasFocus=false}renderStars(){return[1,2,3,4,5].map((t=>{const i=this.value>=t;const e=this.average&&!this.value&&t<=this.average;const n=t<=this.hoverValue;const s=this.average&&this.average+1-t;const o=!this.value&&!n&&s>0&&s<1;const r=this.hasFocus&&this.focusValue===t;return a("span",{class:{wrapper:true}},a("label",{class:{star:true,focused:r,selected:i,average:e,hovered:n,partial:o},htmlFor:`${this.guid}-${t}`,onMouseOver:()=>{this.hoverValue=t}},a("calcite-icon",{"aria-hidden":"true",class:"icon",icon:i||e||this.readOnly?"star-f":"star",scale:this.scale}),o&&a("div",{class:"fraction",style:{width:`${s*100}%`}},a("calcite-icon",{icon:"star-f",scale:this.scale})),a("span",{class:"visually-hidden"},this.intlStars.replace("${num}",`${t}`))),a("input",{checked:t===this.value,class:"visually-hidden",disabled:this.disabled||this.readOnly,id:`${this.guid}-${t}`,name:this.guid,onChange:()=>this.updateValue(t),onFocus:()=>{this.hasFocus=true;this.focusValue=t},ref:i=>(t===1||t===this.value)&&(this.inputFocusRef=i),type:"radio",value:t}))}))}render(){const{intlRating:t,showChip:i,scale:n,count:r,average:c}=this;const l=s(this.el);return a(e,null,a("fieldset",{class:{fieldset:true,[o.rtl]:l==="rtl"},onBlur:()=>this.hoverValue=null,onMouseLeave:()=>this.hoverValue=null,onTouchEnd:()=>this.hoverValue=null},a("legend",{class:"visually-hidden"},t),this.renderStars()),(r||c)&&i?a("calcite-chip",{class:{[o.rtl]:l==="rtl"},dir:l,scale:n,value:r===null||r===void 0?void 0:r.toString()},!!c&&a("span",{class:"number--average"},c.toString()),!!r&&a("span",{class:"number--count"},"(",r===null||r===void 0?void 0:r.toString(),")")):null,a(m,{component:this}))}onLabelClick(){this.setFocus()}updateValue(t){this.value=t;this.calciteRatingChange.emit({value:t})}async setFocus(){this.inputFocusRef.focus()}get el(){return n(this)}};f.style=u;export{f as calcite_rating};
-//# sourceMappingURL=p-5aff6fc3.entry.js.map