@esri/solutions-components 0.0.2 → 0.0.4

package/dist/solutions/p-f6e8ee98.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-loader/calcite-loader.css?tag=calcite-loader&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-loader/calcite-loader.js"],"names":["calciteLoaderCss","CalciteLoader","[object Object]","hostRef","this","active","inline","scale","value","text","noPadding","el","label","type","id","guid","radiusRatio","size","getInlineSize","getSize","radius","viewbox","isDeterminate","circumference","Math","PI","progress","remaining","valueNow","floor","hostAttributes","aria-valuenow","aria-valuemin","aria-valuemax","complete","svgAttributes","r","cx","cy","determinateStyle","stroke-dasharray","h","Host","Object","assign","aria-label","role","class","viewBox","style","s","m","l"],"mappings":";;;;;6FAAA,MAAMA,EAAmB,m+KCMZC,EAAa,MACxBC,YAAAC,aAOEC,KAAKC,OAAS,MAEdD,KAAKE,OAAS,MAEdF,KAAKG,MAAQ,IAEbH,KAAKI,MAAQ,EAEbJ,KAAKK,KAAO,GAEZL,KAAKM,UAAY,MAOnBR,SACE,MAAMS,GAAEA,EAAEL,OAAEA,EAAMM,MAAEA,EAAKL,MAAEA,EAAKE,KAAEA,EAAII,KAAEA,EAAIL,MAAEA,GAAUJ,KACxD,MAAMU,EAAKH,EAAGG,IAAMC,IACpB,MAAMC,EAAc,IACpB,MAAMC,EAAOX,EAASF,KAAKc,cAAcX,GAASH,KAAKe,QAAQZ,GAC/D,MAAMa,EAASH,EAAOD,EACtB,MAAMK,EAAU,OAAOJ,KAAQA,IAC/B,MAAMK,EAAgBT,IAAS,cAC/B,MAAMU,EAAgB,EAAIH,EAASI,KAAKC,GACxC,MAAMC,EAAYlB,EAAQ,IAAOe,EACjC,MAAMI,EAAYJ,EAAgBG,EAClC,MAAME,EAAWJ,KAAKK,MAAMrB,GAC5B,MAAMsB,EAAiB,CACrBC,gBAAiBH,EACjBI,gBAAiB,EACjBC,gBAAiB,IACjBC,SAAUN,IAAa,KAEzB,MAAMO,EAAgB,CAAEC,EAAGhB,EAAQiB,GAAIpB,EAAO,EAAGqB,GAAIrB,EAAO,GAC5D,MAAMsB,EAAmB,CAAEC,mBAAoB,GAAGd,KAAYC,KAC9D,OAAQc,EAAEC,EAAMC,OAAOC,OAAO,CAAEC,aAAcjC,EAAOE,GAAIA,EAAIgC,KAAM,eAAkBxB,EAAgBQ,EAAiB,IACpHW,EAAE,MAAO,CAAEM,MAAO,gBAChBN,EAAE,MAAO,CAAEM,MAAO,6BAA8BC,QAAS3B,GACvDoB,EAAE,SAAUE,OAAOC,OAAO,GAAIT,KAChCM,EAAE,MAAO,CAAEM,MAAO,6BAA8BC,QAAS3B,GACvDoB,EAAE,SAAUE,OAAOC,OAAO,GAAIT,KAChCM,EAAE,MAAOE,OAAOC,OAAO,CAAEG,MAAO,6BAA8BC,QAAS3B,GAAYC,EAAgB,CAAE2B,MAAOV,GAAqB,IAC/HE,EAAE,SAAUE,OAAOC,OAAO,GAAIT,MAClC1B,GAAQgC,EAAE,MAAO,CAAEM,MAAO,gBAAkBtC,GAC5Ca,GAAiBmB,EAAE,MAAO,CAAEM,MAAO,sBAAwBvC,IAU/DN,QAAQK,GACN,MAAO,CACL2C,EAAG,GACHC,EAAG,GACHC,EAAG,IACH7C,GAEJL,cAAcK,GACZ,MAAO,CACL2C,EAAG,GACHC,EAAG,GACHC,EAAG,IACH7C","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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-loader-font-size: when type is determinate, the font-size of the loader percentage\n* @prop --calcite-loader-size: the width and height of a non-inline loader\n* @prop --calcite-loader-size-inline: the width and height of an inline loader\n*/\n\n:host {\n  align-items: center;\n  position: relative;\n  justify-content: center;\n  display: none;\n  margin-left: auto;\n  margin-right: auto;\n  opacity: 1;\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n  min-height: var(--calcite-loader-size);\n  font-size: var(--calcite-loader-font-size);\n  stroke: var(--calcite-ui-brand);\n  stroke-width: 3;\n  fill: none;\n  transform: scale(1, 1);\n  animation: loader-color-shift 6s alternate-reverse infinite linear;\n}\n\n:host([scale=s]) {\n  --calcite-loader-font-size: var(--calcite-font-size--2);\n  --calcite-loader-size: 2rem;\n  --calcite-loader-size-inline: 0.75rem;\n}\n\n:host([scale=m]) {\n  --calcite-loader-font-size: var(--calcite-font-size-0);\n  --calcite-loader-size: 4rem;\n  --calcite-loader-size-inline: 1rem;\n}\n\n:host([scale=l]) {\n  --calcite-loader-font-size: var(--calcite-font-size-2);\n  --calcite-loader-size: 6rem;\n  --calcite-loader-size-inline: 1.25rem;\n}\n\n:host([no-padding]) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n:host([active]) {\n  display: flex;\n}\n\n.loader__text {\n  display: block;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  text-align: center;\n  color: var(--calcite-ui-text-1);\n  margin-top: calc(var(--calcite-loader-size) + 1.5rem);\n}\n\n.loader__percentage {\n  display: block;\n  position: absolute;\n  color: var(--calcite-ui-text-1);\n  text-align: center;\n  font-size: var(--calcite-loader-font-size);\n  width: var(--calcite-loader-size);\n  left: 50%;\n  margin-left: calc(var(--calcite-loader-size) / 2 * -1);\n  line-height: 0.25;\n  transform: scale(1, 1);\n}\n\n.loader__svgs {\n  position: absolute;\n  overflow: visible;\n  opacity: 1;\n  width: var(--calcite-loader-size);\n  height: var(--calcite-loader-size);\n  left: 50%;\n  margin-left: calc(var(--calcite-loader-size) / 2 * -1);\n  transform: scale(1, 1);\n}\n\n.loader__svg {\n  position: absolute;\n  overflow: visible;\n  top: 0;\n  left: 0;\n  transform-origin: center;\n  width: var(--calcite-loader-size);\n  height: var(--calcite-loader-size);\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  animation-name: loader-clockwise;\n}\n\n@supports (display: grid) {\n  .loader__svg--1 {\n    animation-name: loader-offset-1;\n  }\n\n  .loader__svg--2 {\n    animation-name: loader-offset-2;\n  }\n\n  .loader__svg--3 {\n    animation-name: loader-offset-3;\n  }\n}\n\n:host([type=determinate]) {\n  animation: none;\n  stroke: var(--calcite-ui-border-3);\n}\n\n:host([type=determinate]) .loader__svg--3 {\n  animation: none;\n  stroke: var(--calcite-ui-brand);\n  stroke-dasharray: 150.79632;\n  transform: rotate(-90deg);\n  transition: all 100ms linear;\n}\n\n:host([inline]) {\n  position: relative;\n  margin: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  animation: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  height: var(--calcite-loader-size-inline);\n  min-height: var(--calcite-loader-size-inline);\n  width: var(--calcite-loader-size-inline);\n  margin-right: calc(var(--calcite-loader-size-inline) * 0.5);\n  vertical-align: calc(var(--calcite-loader-size-inline) * -1 * 0.2);\n}\n\n:host([inline][dir=rtl]) {\n  margin-right: 0;\n  margin-left: calc(var(--calcite-loader-size-inline) * 0.5);\n}\n\n:host([active][inline]) {\n  display: inline-block;\n}\n\n:host([inline]) .loader__svgs {\n  top: 0;\n  left: 0;\n  margin: 0;\n  width: var(--calcite-loader-size-inline);\n  height: var(--calcite-loader-size-inline);\n}\n\n:host([inline]) .loader__svg {\n  width: var(--calcite-loader-size-inline);\n  height: var(--calcite-loader-size-inline);\n}\n\n:host([complete]) {\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity 200ms linear 1000ms, transform 200ms linear 1000ms;\n}\n\n:host([complete]) .loader__svgs {\n  opacity: 0;\n  transform: scale(0.75, 0.75);\n  transform-origin: center;\n  transition: opacity 180ms linear 800ms, transform 180ms linear 800ms;\n}\n\n:host([complete]) .loader__percentage {\n  color: var(--calcite-ui-brand);\n  transform: scale(1.05, 1.05);\n  transform-origin: center;\n  transition: color 200ms linear, transform 200ms linear;\n}\n\n/**\n  Segment variables\n  - i         index (1-3)\n  - size      length of the segment (0 - 100)\n  - growth    how much the segment grows during the animation\n              (size + growth should not exceed 100)\n  - duration  how long the segment takes to rotate 360° (seconds)\n*/\n\n.loader__svg--1 {\n  stroke-dasharray: 27.9252444444% 139.6262222222%;\n  animation-duration: 0.72s;\n}\n\n@keyframes loader-offset-1 {\n  0% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -83.7757333333%;\n  }\n\n  100% {\n    stroke-dasharray: 27.9252444444% 251.3272%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n\n.loader__svg--2 {\n  stroke-dasharray: 55.8504888889% 139.6262222222%;\n  animation-duration: 0.96s;\n}\n\n@keyframes loader-offset-2 {\n  0% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -97.7383555556%;\n  }\n\n  100% {\n    stroke-dasharray: 55.8504888889% 223.4019555556%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n\n.loader__svg--3 {\n  stroke-dasharray: 13.9626222222% 139.6262222222%;\n  animation-duration: 1.16s;\n}\n\n@keyframes loader-offset-3 {\n  0% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: 0;\n  }\n\n  50% {\n    stroke-dasharray: 139.6262222222% 139.6262222222%;\n    stroke-dashoffset: -76.7944222222%;\n  }\n\n  100% {\n    stroke-dasharray: 13.9626222222% 265.2898222222%;\n    stroke-dashoffset: -279.2524444444%;\n  }\n}\n\n@keyframes loader-color-shift {\n  0% {\n    stroke: var(--calcite-ui-brand);\n  }\n\n  33% {\n    stroke: var(--calcite-ui-brand-press);\n  }\n\n  66% {\n    stroke: var(--calcite-ui-brand-hover);\n  }\n\n  100% {\n    stroke: var(--calcite-ui-brand);\n  }\n}\n\n@keyframes loader-clockwise {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\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, h, Host, Prop } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nexport class CalciteLoader {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Show the loader */\n    this.active = false;\n    /** Inline loaders are smaller and will appear to the left of the text */\n    this.inline = false;\n    /** Speficy the scale of the loader. Defaults to \"m\" */\n    this.scale = \"m\";\n    /** Percent complete of 100, only valid for determinate indicators */\n    this.value = 0;\n    /** Text which should appear under the loading indicator (optional) */\n    this.text = \"\";\n    /** Turn off spacing around the loader */\n    this.noPadding = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { el, inline, label, scale, text, type, value } = this;\n    const id = el.id || guid();\n    const radiusRatio = 0.45;\n    const size = inline ? this.getInlineSize(scale) : this.getSize(scale);\n    const radius = size * radiusRatio;\n    const viewbox = `0 0 ${size} ${size}`;\n    const isDeterminate = type === \"determinate\";\n    const circumference = 2 * radius * Math.PI;\n    const progress = (value / 100) * circumference;\n    const remaining = circumference - progress;\n    const valueNow = Math.floor(value);\n    const hostAttributes = {\n      \"aria-valuenow\": valueNow,\n      \"aria-valuemin\": 0,\n      \"aria-valuemax\": 100,\n      complete: valueNow === 100\n    };\n    const svgAttributes = { r: radius, cx: size / 2, cy: size / 2 };\n    const determinateStyle = { \"stroke-dasharray\": `${progress} ${remaining}` };\n    return (h(Host, Object.assign({ \"aria-label\": label, id: id, role: \"progressbar\" }, (isDeterminate ? hostAttributes : {})),\n      h(\"div\", { class: \"loader__svgs\" },\n        h(\"svg\", { class: \"loader__svg loader__svg--1\", viewBox: viewbox },\n          h(\"circle\", Object.assign({}, svgAttributes))),\n        h(\"svg\", { class: \"loader__svg loader__svg--2\", viewBox: viewbox },\n          h(\"circle\", Object.assign({}, svgAttributes))),\n        h(\"svg\", Object.assign({ class: \"loader__svg loader__svg--3\", viewBox: viewbox }, (isDeterminate ? { style: determinateStyle } : {})),\n          h(\"circle\", Object.assign({}, svgAttributes)))),\n      text && h(\"div\", { class: \"loader__text\" }, text),\n      isDeterminate && h(\"div\", { class: \"loader__percentage\" }, value)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /**\n   * Return the proper sizes based on the scale property\n   */\n  getSize(scale) {\n    return {\n      s: 32,\n      m: 56,\n      l: 80\n    }[scale];\n  }\n  getInlineSize(scale) {\n    return {\n      s: 12,\n      m: 16,\n      l: 20\n    }[scale];\n  }\n  static get is() { return \"calcite-loader\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-loader.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-loader.css\"]\n  }; }\n  static get properties() { return {\n    \"active\": {\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\": \"Show the loader\"\n      },\n      \"attribute\": \"active\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"inline\": {\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\": \"Inline loaders are smaller and will appear to the left of the text\"\n      },\n      \"attribute\": \"inline\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\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\": \"Speficy the scale of the loader. Defaults to \\\"m\\\"\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"type\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"\\\"indeterminate\\\" | \\\"determinate\\\"\",\n        \"resolved\": \"\\\"determinate\\\" | \\\"indeterminate\\\"\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Use indeterminate if finding actual progress value is impossible\"\n      },\n      \"attribute\": \"type\",\n      \"reflect\": true\n    },\n    \"value\": {\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\": \"Percent complete of 100, only valid for determinate indicators\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": false,\n      \"defaultValue\": \"0\"\n    },\n    \"text\": {\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\": \"Text which should appear under the loading indicator (optional)\"\n      },\n      \"attribute\": \"text\",\n      \"reflect\": false,\n      \"defaultValue\": \"\\\"\\\"\"\n    },\n    \"noPadding\": {\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\": \"Turn off spacing around the loader\"\n      },\n      \"attribute\": \"no-padding\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    }\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"]}

package/dist/solutions/p-f780039d.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-action-menu/resources.js"],"names":["CSS","menu","defaultTrigger","SLOTS","tooltip","trigger","ICONS"],"mappings":";;;;;;;;;AAIY,MAACA,EAAM,CACjBC,KAAM,OACNC,eAAgB,mBAEN,MAACC,EAAQ,CACnBC,QAAS,UACTC,QAAS,WAEC,MAACC,EAAQ,CACnBL,KAAM","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  menu: \"menu\",\n  defaultTrigger: \"default-trigger\"\n};\nexport const SLOTS = {\n  tooltip: \"tooltip\",\n  trigger: \"trigger\"\n};\nexport const ICONS = {\n  menu: \"ellipsis\"\n};\n"]}

package/dist/solutions/p-fa40e7e7.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 a,g as e}from"./p-2e1cd889.js";import{I as s}from"./p-291cbb4f.js";import{m as n,d as o,s as r,h as c,g as l,k as h,i as m,a as p,c as d,r as f,b as u,e as g,f as b,j as y,l as x,L as k}from"./p-7096464e.js";import{c as j}from"./p-a10dc180.js";import"./p-e762b2d1.js";import"./p-ec178ea9.js";import"./p-3e67ed97.js";import"./p-eb2efc0f.js";const _="@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{align-items:stretch;box-sizing:border-box;background-color:transparent;display:flex;flex-direction:column;position:relative;flex-grow:1;flex-shrink:0;color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}:host *{box-sizing:border-box}:host([filter-enabled]) header{background-color:var(--calcite-ui-foreground-1);display:flex;justify-content:flex-end;align-items:stretch;margin-bottom:0.25rem;box-shadow:0 1px 0 var(--calcite-ui-border-3)}:host([filter-enabled]) header.sticky{position:sticky;top:0;z-index:1}calcite-filter{margin-bottom:0}:host([loading][disabled]){min-height:2rem}";let I=class{constructor(a){t(this,a);this.calciteListChange=i(this,"calciteListChange",7);this.disabled=false;this.filterEnabled=false;this.loading=false;this.multiple=false;this.selectionFollowsFocus=false;this.selectedValues=new Map;this.dataForFilter=[];this.lastSelectedItem=null;this.mutationObserver=j("mutation",n.bind(this));this.setFilterEl=t=>{this.filterEl=t};this.deselectSiblingItems=o.bind(this);this.selectSiblings=r.bind(this);this.handleFilter=c.bind(this);this.getItemData=l.bind(this);this.keyDownHandler=h.bind(this)}connectedCallback(){m.call(this);p.call(this)}disconnectedCallback(){d.call(this)}calciteListItemRemoveHandler(t){f.call(this,t)}calciteListItemChangeHandler(t){u.call(this,t)}calciteListItemPropsChangeHandler(t){t.stopPropagation();this.setUpFilter()}calciteListItemValueChangeHandler(t){g.call(this,t)}calciteListFocusOutHandler(t){b.call(this,t)}setUpItems(){y.call(this,"calcite-pick-list-item")}setUpFilter(){if(this.filterEnabled){this.dataForFilter=this.getItemData()}}async getSelectedItems(){return this.selectedValues}async setFocus(t){return x.call(this,t)}getIconType(){return this.multiple?s.square:s.circle}render(){return a(k,{onKeyDown:this.keyDownHandler,props:this})}get el(){return e(this)}};I.style=_;export{I as calcite_pick_list};
-//# sourceMappingURL=p-fa40e7e7.entry.js.map

package/dist/solutions/p-fa40e7e7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-pick-list/calcite-pick-list.css?tag=calcite-pick-list&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-pick-list/calcite-pick-list.js"],"names":["calcitePickListCss","CalcitePickList","[object Object]","hostRef","this","disabled","filterEnabled","loading","multiple","selectionFollowsFocus","selectedValues","Map","dataForFilter","lastSelectedItem","mutationObserver","createObserver","mutationObserverCallback","bind","setFilterEl","el","filterEl","deselectSiblingItems","selectSiblings","handleFilter","getItemData","keyDownHandler","initialize","call","initializeObserver","cleanUpObserver","event","removeItem","calciteListItemChangeHandler","stopPropagation","setUpFilter","calciteListItemValueChangeHandler","calciteListFocusOutHandler","setUpItems","focusId","setFocus","ICON_TYPES","square","circle","h","List","onKeyDown","props"],"mappings":";;;;;8WAAA,MAAMA,EAAqB,k4CCadC,EAAe,MAC1BC,YAAAC,kEASEC,KAAKC,SAAW,MAIhBD,KAAKE,cAAgB,MAIrBF,KAAKG,QAAU,MAOfH,KAAKI,SAAW,MAIhBJ,KAAKK,sBAAwB,MAM7BL,KAAKM,eAAiB,IAAIC,IAC1BP,KAAKQ,cAAgB,GACrBR,KAAKS,iBAAmB,KACxBT,KAAKU,iBAAmBC,EAAe,WAAYC,EAAyBC,KAAKb,OACjFA,KAAKc,YAAeC,IAClBf,KAAKgB,SAAWD,GAElBf,KAAKiB,qBAAuBA,EAAqBJ,KAAKb,MACtDA,KAAKkB,eAAiBA,EAAeL,KAAKb,MAC1CA,KAAKmB,aAAeA,EAAaN,KAAKb,MACtCA,KAAKoB,YAAcA,EAAYP,KAAKb,MACpCA,KAAKqB,eAAiBA,EAAeR,KAAKb,MAO5CF,oBACEwB,EAAWC,KAAKvB,MAChBwB,EAAmBD,KAAKvB,MAE1BF,uBACE2B,EAAgBF,KAAKvB,MAEvBF,6BAA6B4B,GAC3BC,EAAWJ,KAAKvB,KAAM0B,GAExB5B,6BAA6B4B,GAC3BE,EAA6BL,KAAKvB,KAAM0B,GAE1C5B,kCAAkC4B,GAChCA,EAAMG,kBACN7B,KAAK8B,cAEPhC,kCAAkC4B,GAChCK,EAAkCR,KAAKvB,KAAM0B,GAE/C5B,2BAA2B4B,GACzBM,EAA2BT,KAAKvB,KAAM0B,GAOxC5B,aACEmC,EAAWV,KAAKvB,KAAM,0BAExBF,cACE,GAAIE,KAAKE,cAAe,CACtBF,KAAKQ,cAAgBR,KAAKoB,eAS9BtB,yBACE,OAAOE,KAAKM,eAGdR,eAAeoC,GACb,OAAOC,EAASZ,KAAKvB,KAAMkC,GAO7BpC,cACE,OAAOE,KAAKI,SAAWgC,EAAWC,OAASD,EAAWE,OAExDxC,SACE,OAAOyC,EAAEC,EAAM,CAAEC,UAAWzC,KAAKqB,eAAgBqB,MAAO1C","sourcesContent":["/* 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  align-items: stretch;\n  box-sizing: border-box;\n  background-color: transparent;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  flex-grow: 1;\n  flex-shrink: 0;\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\n:host([filter-enabled]) header {\n  background-color: var(--calcite-ui-foreground-1);\n  display: flex;\n  justify-content: flex-end;\n  align-items: stretch;\n  margin-bottom: 0.25rem;\n  box-shadow: 0 1px 0 var(--calcite-ui-border-3);\n}\n\n:host([filter-enabled]) header.sticky {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\ncalcite-filter {\n  margin-bottom: 0;\n}\n\n:host([loading][disabled]) {\n  min-height: 2rem;\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, Listen, Method, Prop, State, h } from \"@stencil/core\";\nimport { ICON_TYPES } from \"./resources\";\nimport { calciteListItemChangeHandler, calciteListItemValueChangeHandler, cleanUpObserver, deselectSiblingItems, getItemData, handleFilter, calciteListFocusOutHandler, initialize, initializeObserver, mutationObserverCallback, selectSiblings, setUpItems, keyDownHandler, setFocus, removeItem } from \"./shared-list-logic\";\nimport List from \"./shared-list-render\";\nimport { createObserver } from \"../../utils/observers\";\n/**\n * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.\n * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.\n */\nexport class CalcitePickList {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * When true, an input appears at the top of the list that can be used by end users to filter items in the list.\n     */\n    this.filterEnabled = false;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    /**\n     * Multiple works similar to standard radio buttons and checkboxes.\n     * When true, a user can select multiple items at a time.\n     * When false, only a single item can be selected at a time\n     * and selecting a new item will deselect any other selected items.\n     */\n    this.multiple = false;\n    /**\n     * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.\n     */\n    this.selectionFollowsFocus = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Properties\n    //\n    // --------------------------------------------------------------------------\n    this.selectedValues = new Map();\n    this.dataForFilter = [];\n    this.lastSelectedItem = null;\n    this.mutationObserver = createObserver(\"mutation\", mutationObserverCallback.bind(this));\n    this.setFilterEl = (el) => {\n      this.filterEl = el;\n    };\n    this.deselectSiblingItems = deselectSiblingItems.bind(this);\n    this.selectSiblings = selectSiblings.bind(this);\n    this.handleFilter = handleFilter.bind(this);\n    this.getItemData = getItemData.bind(this);\n    this.keyDownHandler = keyDownHandler.bind(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    initialize.call(this);\n    initializeObserver.call(this);\n  }\n  disconnectedCallback() {\n    cleanUpObserver.call(this);\n  }\n  calciteListItemRemoveHandler(event) {\n    removeItem.call(this, event);\n  }\n  calciteListItemChangeHandler(event) {\n    calciteListItemChangeHandler.call(this, event);\n  }\n  calciteListItemPropsChangeHandler(event) {\n    event.stopPropagation();\n    this.setUpFilter();\n  }\n  calciteListItemValueChangeHandler(event) {\n    calciteListItemValueChangeHandler.call(this, event);\n  }\n  calciteListFocusOutHandler(event) {\n    calciteListFocusOutHandler.call(this, event);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  setUpItems() {\n    setUpItems.call(this, \"calcite-pick-list-item\");\n  }\n  setUpFilter() {\n    if (this.filterEnabled) {\n      this.dataForFilter = this.getItemData();\n    }\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Returns the currently selected items */\n  async getSelectedItems() {\n    return this.selectedValues;\n  }\n  /** Sets focus on the component. */\n  async setFocus(focusId) {\n    return setFocus.call(this, focusId);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  getIconType() {\n    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;\n  }\n  render() {\n    return h(List, { onKeyDown: this.keyDownHandler, props: this });\n  }\n  static get is() { return \"calcite-pick-list\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"./calcite-pick-list.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-pick-list.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\": \"When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"filterEnabled\": {\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, an input appears at the top of the list that can be used by end users to filter items in the list.\"\n      },\n      \"attribute\": \"filter-enabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"filterPlaceholder\": {\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\": \"Placeholder text for the filter input field.\"\n      },\n      \"attribute\": \"filter-placeholder\",\n      \"reflect\": true\n    },\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    \"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, content is waiting to be loaded. This state shows a busy indicator.\"\n      },\n      \"attribute\": \"loading\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"multiple\": {\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\": \"Multiple works similar to standard radio buttons and checkboxes.\\nWhen true, a user can select multiple items at a time.\\nWhen false, only a single item can be selected at a time\\nand selecting a new item will deselect any other selected items.\"\n      },\n      \"attribute\": \"multiple\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"selectionFollowsFocus\": {\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 and single-selection is enabled, the selection will change when navigating items via the keyboard.\"\n      },\n      \"attribute\": \"selection-follows-focus\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    }\n  }; }\n  static get states() { return {\n    \"selectedValues\": {},\n    \"dataForFilter\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteListChange\",\n      \"name\": \"calciteListChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Emitted when any of the item selections have changed.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { return {\n    \"getSelectedItems\": {\n      \"complexType\": {\n        \"signature\": \"() => Promise<Map<string, HTMLCalcitePickListItemElement>>\",\n        \"parameters\": [],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          },\n          \"Map\": {\n            \"location\": \"global\"\n          },\n          \"HTMLCalcitePickListItemElement\": {\n            \"location\": \"global\"\n          }\n        },\n        \"return\": \"Promise<Map<string, HTMLCalcitePickListItemElement>>\"\n      },\n      \"docs\": {\n        \"text\": \"Returns the currently selected items\",\n        \"tags\": []\n      }\n    },\n    \"setFocus\": {\n      \"complexType\": {\n        \"signature\": \"(focusId?: ListFocusId) => Promise<void>\",\n        \"parameters\": [{\n            \"tags\": [],\n            \"text\": \"\"\n          }],\n        \"references\": {\n          \"Promise\": {\n            \"location\": \"global\"\n          },\n          \"ListFocusId\": {\n            \"location\": \"import\",\n            \"path\": \"./shared-list-logic\"\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 listeners() { return [{\n      \"name\": \"calciteListItemRemove\",\n      \"method\": \"calciteListItemRemoveHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteListItemChange\",\n      \"method\": \"calciteListItemChangeHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteListItemPropsChange\",\n      \"method\": \"calciteListItemPropsChangeHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteListItemValueChange\",\n      \"method\": \"calciteListItemValueChangeHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"focusout\",\n      \"method\": \"calciteListFocusOutHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"]}

package/dist/solutions/p-fb25fc4a.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,g as e}from"./p-2e1cd889.js";import{c as o}from"./p-0c91e100.js";import{D as n,T as a,a as l,H as r,C as h,b as c,R as d}from"./p-4573d7c2.js";import{f as u,a as f,C as p}from"./p-e762b2d1.js";import{n as m,C as g,p as v,c as x}from"./p-a9df64c4.js";import{g as w}from"./p-7df393df.js";import{c as b}from"./p-f49bc4a8.js";import{d as y,i as C}from"./p-eb2efc0f.js";import"./p-ec178ea9.js";var S="Expected a function";function k(t,i,s){var e=true,o=true;if(typeof t!="function"){throw new TypeError(S)}if(C(s)){e="leading"in s?!!s.leading:e;o="trailing"in s?!!s.trailing:o}return y(t,i,{leading:e,maxWait:i,trailing:o})}const F="@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:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{flex-direction:column}:host([scale=s]) .channel{width:100%;margin-bottom:4px}:host([scale=s]) .channel:last-child{margin-bottom:0}:host([scale=m]) .container{width:272px}:host([scale=l]) .control-section.section.calcite--rtl>:nth-child(2){margin-left:0;margin-right:12px}:host([scale=l]) .header{padding-bottom:0}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{flex-shrink:1;display:flex;flex-direction:column;justify-content:space-around;min-height:98px;width:160px}:host([scale=l]) .color-mode-container{flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{font-size:var(--calcite-font-size--1);padding:0;margin-bottom:0;margin-right:0;outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;width:0.5rem;height:0.5rem;position:absolute;pointer-events:none;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-ui-text-1);padding-bottom:0.25rem}.header--hex,.color-mode-container{padding-top:12px}.channels{display:flex;justify-content:space-between}.channel{width:31%}.saved-colors{padding-top:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;width:100%}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";const A=16;const M=m(n.hex());const D="auto";let $=class{constructor(e){t(this,e);this.calciteColorPickerChange=i(this,"calciteColorPickerChange",7);this.calciteColorPickerInput=i(this,"calciteColorPickerInput",7);this.allowEmpty=false;this.appearance="default";this.color=n;this.format=D;this.hideHex=false;this.hideChannels=false;this.hideSaved=false;this.intlB=a.b;this.intlBlue=a.blue;this.intlDeleteColor=a.deleteColor;this.intlG=a.g;this.intlGreen=a.green;this.intlH=a.h;this.intlHsv=a.hsv;this.intlHex=a.hex;this.intlHue=a.hue;this.intlNoColor=a.noColor;this.intlR=a.r;this.intlRed=a.red;this.intlRgb=a.rgb;this.intlS=a.s;this.intlSaturation=a.saturation;this.intlSaveColor=a.saveColor;this.intlSaved=a.saved;this.intlV=a.v;this.intlValue=a.value;this.scale="m";this.value=M;this.colorFieldAndSliderHovered=false;this.hueThumbState="idle";this.internalColorUpdateContext=null;this.mode=g.HEX;this.shiftKeyChannelAdjustment=0;this.sliderThumbState="idle";this.colorFieldAndSliderInteractive=false;this.channelMode="rgb";this.channels=this.toChannels(n);this.dimensions=l.m;this.savedColors=[];this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode");this.updateChannelsFromColor(this.color)};this.handleColorFieldScopeKeyDown=t=>{const i=w(t.key);const s={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(s[i]){t.preventDefault();this.scopeOrientation=i==="ArrowDown"||i==="ArrowUp"?"vertical":"horizontal";this.captureColorFieldColor(this.colorFieldScopeLeft+s[i].x||0,this.colorFieldScopeTop+s[i].y||0,false)}};this.handleHueScopeKeyDown=t=>{const i=t.shiftKey?10:1;const s=w(t.key);const e={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(e[s]){t.preventDefault();const o=e[s]*i;const n=this.baseColorFieldColor.hue();const a=this.baseColorFieldColor.hue(n+o);this.internalColorSet(a,false)}};this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:i,color:s}=this;const e=t.target;const n=e.value;if(i&&!n){this.internalColorSet(null);return}const a=s&&m(s.hex());if(n!==a){this.internalColorSet(o(n))}};this.handleSavedColorSelect=t=>{const i=t.currentTarget;this.internalColorSet(o(i.color))};this.handleChannelInput=t=>{const i=t.currentTarget;const s=t.detail.nativeEvent.target;const e=Number(i.getAttribute("data-channel-index"));const o=this.channelMode==="rgb"?d[Object.keys(d)[e]]:r[Object.keys(r)[e]];let n;if(this.allowEmpty&&!i.value){n=""}else{const t=Number(i.value)+this.shiftKeyChannelAdjustment;const s=b(t,0,o);n=s.toString()}i.value=n;s.value=n};this.handleChannelChange=t=>{const i=t.currentTarget;const s=Number(i.getAttribute("data-channel-index"));const e=[...this.channels];const o=this.allowEmpty&&!i.value;if(o){this.channels=[null,null,null];this.internalColorSet(null);return}e[s]=Number(i.value);this.updateColorFromChannels(e)};this.handleSavedColorKeyDown=t=>{if(t.key===" "||t.key==="Enter"){t.preventDefault();t.stopPropagation();this.handleSavedColorSelect(t)}};this.handleColorFieldAndSliderMouseLeave=()=>{this.colorFieldAndSliderInteractive=false;this.colorFieldAndSliderHovered=false;if(this.sliderThumbState!=="drag"&&this.hueThumbState!=="drag"){this.hueThumbState="idle";this.sliderThumbState="idle";this.drawColorFieldAndSlider()}};this.handleColorFieldAndSliderMouseDown=t=>{const{offsetX:i,offsetY:s}=t;const e=this.getCanvasRegion(s);if(e==="color-field"){this.hueThumbState="drag";this.captureColorFieldColor(i,s)}else if(e==="slider"){this.sliderThumbState="drag";this.captureHueSliderColor(i)}t.preventDefault();document.addEventListener("mousemove",this.globalMouseMoveHandler);document.addEventListener("mouseup",this.globalMouseUpHandler,{once:true});this.activeColorFieldAndSliderRect=this.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()};this.globalMouseUpHandler=()=>{const t=this.sliderThumbState==="drag"||this.hueThumbState==="drag";this.hueThumbState="idle";this.sliderThumbState="idle";this.activeColorFieldAndSliderRect=null;this.drawColorFieldAndSlider();if(t){this.calciteColorPickerChange.emit()}};this.globalMouseMoveHandler=t=>{const{el:i,dimensions:s}=this;const e=this.sliderThumbState==="drag";const o=this.hueThumbState==="drag";if(!i.isConnected||!e&&!o){return}let n;let a;const l=this.activeColorFieldAndSliderRect;const{clientX:r,clientY:h}=t;if(this.colorFieldAndSliderHovered){n=r-l.x;a=h-l.y}else{const t=s.colorField.width;const i=s.colorField.height;const e=s.slider.height;if(r<l.x+t&&r>l.x){n=r-l.x}else if(r<l.x){n=0}else{n=t}if(h<l.y+i+e&&h>l.y){a=h-l.y}else if(h<l.y){a=0}else{a=i+e}}if(o){this.captureColorFieldColor(n,a,false)}else{this.captureHueSliderColor(n)}};this.handleColorFieldAndSliderMouseEnterOrMove=({offsetX:t,offsetY:i})=>{const{dimensions:{colorField:s,slider:e,thumb:o}}=this;this.colorFieldAndSliderInteractive=i<=s.height+e.height;this.colorFieldAndSliderHovered=true;const n=this.getCanvasRegion(i);if(n==="color-field"){const e=this.hueThumbState;const n=this.baseColorFieldColor.hsv();const a=Math.round(n.saturationv()/(r.s/s.width));const l=Math.round(s.height-n.value()/(r.v/s.height));const h=this.containsPoint(t,i,a,l,o.radius);let c=false;if(e==="idle"&&h){this.hueThumbState="hover";c=true}else if(e==="hover"&&!h){this.hueThumbState="idle";c=true}if(this.hueThumbState!=="drag"){if(c){this.drawColorFieldAndSlider()}}}else if(n==="slider"){const n=this.baseColorFieldColor.hsv().saturationv(100).value(100);const a=this.sliderThumbState;const l=Math.round(n.hue()/(360/e.width));const r=Math.round((e.height+this.getSliderCapSpacing())/2)+s.height;const h=this.containsPoint(t,i,l,r,o.radius);let c=false;if(a==="idle"&&h){this.sliderThumbState="hover";c=true}else if(a==="hover"&&!h){this.sliderThumbState="idle";c=true}if(this.sliderThumbState!=="drag"){if(c){this.drawColorFieldAndSlider()}}}};this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t};this.renderChannelsTabTitle=t=>{const{channelMode:i,intlRgb:e,intlHsv:o}=this;const n=t===i;const a=t==="rgb"?e:o;return s("calcite-tab-title",{active:n,class:h.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate},a)};this.renderChannelsTab=t=>{const{channelMode:i,channels:e,intlB:o,intlBlue:n,intlG:a,intlGreen:l,intlH:r,intlHue:c,intlR:d,intlRed:u,intlS:f,intlSaturation:p,intlV:m,intlValue:g}=this;const v=t===i;const x=t==="rgb";const w=x?[d,a,o]:[r,f,m];const b=x?[u,l,n]:[c,p,g];return s("calcite-tab",{active:v,class:h.control,key:t},s("div",{class:h.channels},e.map(((t,i)=>this.renderChannel(t,i,w[i],b[i])))))};this.renderChannel=(t,i,e,o)=>s("calcite-input",{class:h.channel,"data-channel-index":i,label:o,numberButtonType:"none",onCalciteInputChange:this.handleChannelChange,onCalciteInputInput:this.handleChannelInput,prefixText:e,scale:this.scale==="l"?"m":"s",type:"number",value:t===null||t===void 0?void 0:t.toString()});this.deleteColor=()=>{const t=this.color.hex();const i=this.savedColors.indexOf(t)>-1;if(!i){return}const s=this.savedColors.filter((i=>i!==t));this.savedColors=s;const e=`${c}${this.storageId}`;if(this.storageId){localStorage.setItem(e,JSON.stringify(s))}};this.saveColor=()=>{const t=this.color.hex();const i=this.savedColors.indexOf(t)>-1;if(i){return}const s=[...this.savedColors,t];this.savedColors=s;const e=`${c}${this.storageId}`;if(this.storageId){localStorage.setItem(e,JSON.stringify(s))}};this.drawColorFieldAndSlider=k((()=>{if(!this.fieldAndSliderRenderingContext){return}this.drawColorField();this.drawHueSlider()}),A);this.captureColorFieldColor=(t,i,s=true)=>{const{dimensions:{colorField:{height:e,width:o}}}=this;const n=Math.round(r.s/o*t);const a=Math.round(r.v/e*(e-i));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(n).value(a),s)};this.initColorFieldAndSlider=t=>{this.fieldAndSliderRenderingContext=t.getContext("2d");this.setCanvasContextSize(t,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+this.getSliderCapSpacing()*2});this.drawColorFieldAndSlider()}}handleColorChange(t,i){this.drawColorFieldAndSlider();this.updateChannelsFromColor(t);this.previousColor=i;if(this.internalColorUpdateContext){return}this.value=this.toValue(t)}handleFormatChange(t){this.setMode(t);this.value=this.toValue(this.color)}handleScaleChange(t="m"){this.updateDimensions(t)}handleValueChange(t,i){const{allowEmpty:s,format:e}=this;const n=!s||t;let a=false;if(n){const s=v(t);if(!s||e!=="auto"&&s!==e){this.showIncompatibleColorWarning(t,e);this.value=i;return}a=this.mode!==s;this.setMode(s)}const l=this.sliderThumbState==="drag"||this.hueThumbState==="drag";if(this.internalColorUpdateContext){if(this.internalColorUpdateContext==="initial"){return}this.calciteColorPickerInput.emit();if(!l){this.calciteColorPickerChange.emit()}return}const r=s&&!t?null:o(t);const h=!x(r,this.color);if(a||h){this.color=r;this.calciteColorPickerInput.emit();if(!l){this.calciteColorPickerChange.emit()}}}get baseColorFieldColor(){return this.color||this.previousColor||n}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const i=w(t.key);if(i!=="ArrowUp"&&i!=="ArrowDown"||!t.composedPath().some((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains(h.channel)}))){return}const{shiftKey:s}=t;t.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);t.stopPropagation();return}const e=9;this.shiftKeyChannelAdjustment=i==="ArrowUp"&&s?e:i==="ArrowDown"&&s?-e:0}async setFocus(){return u(this.colorFieldScopeNode)}componentWillLoad(){const{allowEmpty:t,color:i,format:s,value:e}=this;const n=t&&!e;const a=v(e);const l=n||s==="auto"&&a||s===a;const r=n?null:l?o(e):i;if(!l){this.showIncompatibleColorWarning(e,s)}this.setMode(s);this.internalColorSet(r,false,"initial");this.updateDimensions(this.scale);const h=`${c}${this.storageId}`;if(this.storageId&&localStorage.getItem(h)){this.savedColors=JSON.parse(localStorage.getItem(h))}}disconnectedCallback(){document.removeEventListener("mousemove",this.globalMouseMoveHandler);document.removeEventListener("mouseup",this.globalMouseUpHandler)}render(){const{allowEmpty:t,color:i,intlDeleteColor:e,el:o,hideHex:a,hideChannels:l,hideSaved:c,intlHex:d,intlSaved:u,intlSaveColor:m,savedColors:g,scale:v}=this;const x=i?i.hex():null;const w=v==="l"?"m":"s";const{colorFieldAndSliderInteractive:b,colorFieldScopeTop:y,colorFieldScopeLeft:C,hueScopeLeft:S,hueScopeTop:k,scopeOrientation:F,dimensions:{colorField:{height:A,width:M},slider:{height:D}}}=this;const $=k!==null&&k!==void 0?k:D/2+A;const j=S!==null&&S!==void 0?S:M*n.hue()/r.h;const H=f(o);const _=i===null;const E=F==="vertical";return s("div",{class:h.container},s("div",{class:h.colorFieldAndSliderWrap},s("canvas",{class:{[h.colorFieldAndSlider]:true,[h.colorFieldAndSliderInteractive]:b},onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),s("div",{"aria-label":E?this.intlValue:this.intlSaturation,"aria-valuemax":E?r.v:r.s,"aria-valuemin":"0","aria-valuenow":(E?i===null||i===void 0?void 0:i.saturationv():i===null||i===void 0?void 0:i.value())||"0",class:{[h.scope]:true,[h.colorFieldScope]:true},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${y||0}px`,left:`${C||0}px`},tabindex:"0"}),s("div",{"aria-label":this.intlHue,"aria-valuemax":r.h,"aria-valuemin":"0","aria-valuenow":(i===null||i===void 0?void 0:i.round().hue())||n.round().hue(),class:{[h.scope]:true,[h.hueScope]:true},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${$}px`,left:`${j}px`},tabindex:"0"})),a&&l?null:s("div",{class:{[h.controlSection]:true,[h.section]:true,[p.rtl]:H==="rtl"}},a?null:s("div",{class:h.hexOptions},s("span",{class:{[h.header]:true,[h.headerHex]:true}},d),s("calcite-color-picker-hex-input",{allowEmpty:t,class:h.control,dir:H,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:w,value:x})),l?null:s("calcite-tabs",{class:{[h.colorModeContainer]:true,[h.splitSection]:true},dir:H,scale:w},s("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),c?null:s("div",{class:{[h.savedColorsSection]:true,[h.section]:true}},s("div",{class:h.header},s("label",null,u),s("div",{class:h.savedColorsButtons},s("calcite-button",{appearance:"transparent",class:h.deleteColor,color:"neutral",disabled:_,iconStart:"minus",label:e,onClick:this.deleteColor,scale:w}),s("calcite-button",{appearance:"transparent",class:h.saveColor,color:"neutral",disabled:_,iconStart:"plus",label:m,onClick:this.saveColor,scale:w}))),g.length>0?s("div",{class:h.savedColors},[...g.map((t=>s("calcite-color-picker-swatch",{active:x===t,class:h.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:v,tabIndex:0})))]):null))}showIncompatibleColorWarning(t,i){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${i})`)}setMode(t){this.mode=t==="auto"?this.mode:t}captureHueSliderColor(t){const{dimensions:{slider:{width:i}}}=this;const s=360/i*t;this.internalColorSet(this.baseColorFieldColor.hue(s),false)}getCanvasRegion(t){const{dimensions:{colorField:{height:i},slider:{height:s}}}=this;if(t<=i){return"color-field"}if(t<=i+s){return"slider"}return"none"}internalColorSet(t,i=true,s="internal"){if(i&&x(t,this.color)){return}this.internalColorUpdateContext=s;this.color=t;this.value=this.toValue(t);this.internalColorUpdateContext=null}toValue(t,i=this.mode){if(!t){return null}const s="hex";if(i.includes(s)){return m(t.round()[s]())}if(i.includes("-css")){return t[i.replace("-css","").replace("a","")]().round().string()}const e=t[i]().round().object();if(i.endsWith("a")){e.a=e.alpha;delete e.alpha}return e}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:i}}}=this;return i*2-t}updateDimensions(t="m"){this.dimensions=l[t]}drawColorField(){const t=this.fieldAndSliderRenderingContext;const{dimensions:{colorField:{height:i,width:s}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string();t.fillRect(0,0,s,i);const e=t.createLinearGradient(0,0,s,0);e.addColorStop(0,"rgba(255,255,255,1)");e.addColorStop(1,"rgba(255,255,255,0)");t.fillStyle=e;t.fillRect(0,0,s,i);const o=t.createLinearGradient(0,0,0,i);o.addColorStop(0,"rgba(0,0,0,0)");o.addColorStop(1,"rgba(0,0,0,1)");t.fillStyle=o;t.fillRect(0,0,s,i);this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:i,width:s}){const e=window.devicePixelRatio||1;t.width=s*e;t.height=i*e;t.style.height=`${i}px`;t.style.width=`${s}px`;const o=t.getContext("2d");o.scale(e,e)}containsPoint(t,i,s,e,o){return Math.pow(t-s,2)+Math.pow(i-e,2)<=Math.pow(o,2)}drawActiveColorFieldColor(){const{color:t}=this;if(!t){return}const i=t.hsv();const{dimensions:{colorField:{height:s,width:e},thumb:{radius:o}}}=this;const n=i.saturationv()/(r.s/e);const a=s-i.value()/(r.v/s);requestAnimationFrame((()=>{this.colorFieldScopeLeft=n;this.colorFieldScopeTop=a}));this.drawThumb(this.fieldAndSliderRenderingContext,o,n,a,i,this.hueThumbState)}drawThumb(t,i,s,e,o,n){const a=0;const l=2*Math.PI;t.beginPath();t.arc(s,e,i,a,l);t.shadowBlur=n==="hover"?32:16;t.shadowColor=`rgba(0, 0, 0, ${n==="drag"?.32:.16})`;t.fillStyle="#fff";t.fill();t.beginPath();t.arc(s,e,i-3,a,l);t.shadowBlur=0;t.shadowColor="transparent";t.fillStyle=o.rgb().string();t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t){return}const i=t.hsv().saturationv(100).value(100);const{dimensions:{colorField:{height:s},slider:{height:e,width:o},thumb:{radius:n}}}=this;const a=i.hue()/(360/o);const l=e/2+s;requestAnimationFrame((()=>{this.hueScopeLeft=a;this.hueScopeTop=l}));this.drawThumb(this.fieldAndSliderRenderingContext,n,a,l,i,this.sliderThumbState)}drawHueSlider(){const t=this.fieldAndSliderRenderingContext;const{dimensions:{colorField:{height:i},slider:{height:s,width:e}}}=this;const n=t.createLinearGradient(0,0,e,0);const a=["red","yellow","lime","cyan","blue","magenta","red"];const l=1/(a.length-1);let r=0;a.forEach((t=>{n.addColorStop(r,o(t).string());r+=l}));t.fillStyle=n;t.clearRect(0,i,e,s+this.getSliderCapSpacing()*2);t.fillRect(0,i,e,s);this.drawActiveHueSliderColor()}updateColorFromChannels(t){this.internalColorSet(o(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null]}toChannels(t){const{channelMode:i}=this;return t[i]().array().map((t=>Math.floor(t)))}get el(){return e(this)}static get watchers(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}}};$.style=F;export{$ as calcite_color_picker};
-//# sourceMappingURL=p-fb25fc4a.entry.js.map

package/dist/solutions/p-fb25fc4a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/lodash-es/throttle.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-color-picker/calcite-color-picker.css?tag=calcite-color-picker&encapsulation=shadow","node_modules/@esri/calcite-components/dist/collection/components/calcite-color-picker/calcite-color-picker.js"],"names":["FUNC_ERROR_TEXT","throttle","func","wait","options","leading","trailing","TypeError","isObject","debounce","maxWait","calciteColorPickerCss","throttleFor60FpsInMs","defaultValue","normalizeHex","DEFAULT_COLOR","hex","defaultFormat","CalciteColorPicker","[object Object]","hostRef","this","allowEmpty","appearance","color","format","hideHex","hideChannels","hideSaved","intlB","TEXT","b","intlBlue","blue","intlDeleteColor","deleteColor","intlG","g","intlGreen","green","intlH","h","intlHsv","hsv","intlHex","intlHue","hue","intlNoColor","noColor","intlR","r","intlRed","red","intlRgb","rgb","intlS","s","intlSaturation","saturation","intlSaveColor","saveColor","intlSaved","saved","intlV","v","intlValue","value","scale","colorFieldAndSliderHovered","hueThumbState","internalColorUpdateContext","mode","CSSColorMode","HEX","shiftKeyChannelAdjustment","sliderThumbState","colorFieldAndSliderInteractive","channelMode","channels","toChannels","dimensions","DIMENSIONS","m","savedColors","handleTabActivate","event","currentTarget","getAttribute","updateChannelsFromColor","handleColorFieldScopeKeyDown","key","getKey","arrowKeyToXYOffset","ArrowUp","x","y","ArrowRight","ArrowDown","ArrowLeft","preventDefault","scopeOrientation","captureColorFieldColor","colorFieldScopeLeft","colorFieldScopeTop","handleHueScopeKeyDown","modifier","shiftKey","arrowKeyToXOffset","delta","baseColorFieldColor","internalColorSet","handleHexInputChange","stopPropagation","input","target","normalizedHex","Color","handleSavedColorSelect","swatch","handleChannelInput","internalInput","detail","nativeEvent","channelIndex","Number","limit","RGB_LIMITS","Object","keys","HSV_LIMITS","inputValue","clamped","clamp","toString","handleChannelChange","shouldClearChannels","updateColorFromChannels","handleSavedColorKeyDown","handleColorFieldAndSliderMouseLeave","drawColorFieldAndSlider","handleColorFieldAndSliderMouseDown","offsetX","offsetY","region","getCanvasRegion","captureHueSliderColor","document","addEventListener","globalMouseMoveHandler","globalMouseUpHandler","once","activeColorFieldAndSliderRect","fieldAndSliderRenderingContext","canvas","getBoundingClientRect","previouslyDragging","calciteColorPickerChange","emit","el","sliderThumbDragging","hueThumbDragging","isConnected","samplingX","samplingY","colorFieldAndSliderRect","clientX","clientY","colorFieldWidth","colorField","width","colorFieldHeight","height","hueSliderHeight","slider","handleColorFieldAndSliderMouseEnterOrMove","thumb","prevHueThumbState","centerX","Math","round","saturationv","centerY","hoveringThumb","containsPoint","radius","transitionedBetweenHoverAndIdle","sliderThumbColor","prevSliderThumbState","sliderThumbCenterX","sliderThumbCenterY","getSliderCapSpacing","hoveringSliderThumb","sliderThumbTransitionedBetweenHoverAndIdle","storeColorFieldScope","node","colorFieldScopeNode","renderChannelsTabTitle","activeChannelMode","active","label","class","CSS","colorMode","data-color-mode","onCalciteTabsActivate","renderChannelsTab","isRgb","channelLabels","channelAriaLabels","control","map","channel","index","renderChannel","ariaLabel","data-channel-index","numberButtonType","onCalciteInputChange","onCalciteInputInput","prefixText","type","colorToDelete","inStorage","indexOf","filter","storageKey","DEFAULT_STORAGE_KEY_PREFIX","storageId","localStorage","setItem","JSON","stringify","colorToSave","alreadySaved","drawColorField","drawHueSlider","skipEqual","initColorFieldAndSlider","getContext","setCanvasContextSize","oldColor","previousColor","toValue","setMode","updateDimensions","oldValue","checkMode","modeChanged","nextMode","parseMode","showIncompatibleColorWarning","dragging","calciteColorPickerInput","colorChanged","colorEqual","composedPath","some","_a","classList","contains","complementaryBump","focusElement","willSetNoColor","parsedMode","valueIsCompatible","initialColor","getItem","parse","removeEventListener","selectedColorInHex","hexInputScale","hueScopeLeft","hueScopeTop","sliderHeight","hueTop","hueLeft","elementDir","getElementDir","vertical","container","colorFieldAndSliderWrap","colorFieldAndSlider","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","ref","aria-label","aria-valuemax","aria-valuemin","aria-valuenow","scope","colorFieldScope","onKeyDown","role","style","top","left","tabindex","hueScope","controlSection","section","CSS_UTILITY","rtl","hexOptions","header","headerHex","dir","onCalciteColorPickerHexInputChange","colorModeContainer","splitSection","slot","savedColorsSection","savedColorsButtons","disabled","iconStart","onClick","length","savedColor","tabIndex","console","warn","context","hexMode","includes","replace","string","colorObject","object","endsWith","a","alpha","fillStyle","fillRect","whiteGradient","createLinearGradient","addColorStop","blackGradient","drawActiveColorFieldColor","devicePixelRatio","window","testPointX","testPointY","boundsX","boundsY","boundsRadius","pow","hsvColor","requestAnimationFrame","drawThumb","state","startAngle","endAngle","PI","beginPath","arc","shadowBlur","shadowColor","fill","gradient","hueSliderColorStopKeywords","offset","currentOffset","forEach","keyword","clearRect","drawActiveHueSliderColor","array","floor"],"mappings":"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","sourcesContent":["import debounce from './debounce.js';\nimport isObject from './isObject.js';\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n *  Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n *  Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n  var leading = true,\n      trailing = true;\n\n  if (typeof func != 'function') {\n    throw new TypeError(FUNC_ERROR_TEXT);\n  }\n  if (isObject(options)) {\n    leading = 'leading' in options ? !!options.leading : leading;\n    trailing = 'trailing' in options ? !!options.trailing : trailing;\n  }\n  return debounce(func, wait, {\n    'leading': leading,\n    'maxWait': wait,\n    'trailing': trailing\n  });\n}\n\nexport default throttle;\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: inline-block;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  font-weight: var(--calcite-font-weight-normal);\n}\n\n:host([scale=s]) .container {\n  width: 160px;\n}\n\n:host([scale=s]) .saved-colors {\n  grid-template-columns: repeat(auto-fill, minmax(20px, 1fr));\n}\n\n:host([scale=s]) .channels {\n  flex-direction: column;\n}\n\n:host([scale=s]) .channel {\n  width: 100%;\n  margin-bottom: 4px;\n}\n\n:host([scale=s]) .channel:last-child {\n  margin-bottom: 0;\n}\n\n:host([scale=m]) .container {\n  width: 272px;\n}\n\n:host([scale=l]) .control-section.section.calcite--rtl > :nth-child(2) {\n  margin-left: 0;\n  margin-right: 12px;\n}\n\n:host([scale=l]) .header {\n  padding-bottom: 0;\n}\n\n:host([scale=l]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=l]) .container {\n  width: 464px;\n}\n\n:host([scale=l]) .color-field-and-slider {\n  margin-bottom: -20px;\n}\n\n:host([scale=l]) .section {\n  padding: 0 16px 16px;\n}\n\n:host([scale=l]) .section:first-of-type {\n  padding-top: 16px;\n}\n\n:host([scale=l]) .saved-colors {\n  grid-template-columns: repeat(auto-fill, minmax(28px, 1fr));\n  grid-gap: 12px;\n  padding-top: 16px;\n}\n\n:host([scale=l]) .control-section {\n  flex-wrap: nowrap;\n  align-items: baseline;\n}\n\n:host([scale=l]) .control-section > :nth-child(2) {\n  margin-left: 12px;\n}\n\n:host([scale=l]) .color-hex-options {\n  flex-shrink: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  min-height: 98px;\n  width: 160px;\n}\n\n:host([scale=l]) .color-mode-container {\n  flex-shrink: 3;\n}\n\n:host([appearance=minimal]) .container {\n  border: none;\n}\n\n.container {\n  background-color: var(--calcite-ui-foreground-1);\n  display: inline-block;\n  border: 1px solid var(--calcite-ui-border-1);\n}\n\n.color-field-and-slider-wrap {\n  position: relative;\n}\n\n.scope {\n  font-size: var(--calcite-font-size--1);\n  padding: 0;\n  margin-bottom: 0;\n  margin-right: 0;\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  width: 0.5rem;\n  height: 0.5rem;\n  position: absolute;\n  pointer-events: none;\n  margin-top: -0.25rem;\n  margin-left: -0.25rem;\n  outline-offset: 10px;\n}\n\n.scope:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n  outline-offset: 12px;\n}\n\n.color-field-and-slider {\n  margin-bottom: -16px;\n}\n\n.color-field-and-slider--interactive {\n  cursor: pointer;\n}\n\n.control-section {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n\n.section {\n  padding: 0 12px 12px;\n}\n\n.section:first-of-type {\n  padding-top: 12px;\n}\n\n.color-hex-options,\n.section--split {\n  flex-grow: 1;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: var(--calcite-ui-text-1);\n  padding-bottom: 0.25rem;\n}\n\n.header--hex,\n.color-mode-container {\n  padding-top: 12px;\n}\n\n.channels {\n  display: flex;\n  justify-content: space-between;\n}\n\n.channel {\n  width: 31%;\n}\n\n.saved-colors {\n  padding-top: 12px;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(24px, 1fr));\n  grid-gap: 8px;\n  width: 100%;\n}\n\n.saved-colors-buttons {\n  display: flex;\n}\n\n.saved-color {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  cursor: pointer;\n}\n\n.saved-color:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n.saved-color:hover {\n  transition: outline-color 100ms ease-in-out;\n  outline: 2px solid var(--calcite-ui-border-2);\n  outline-offset: 2px;\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, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\nimport Color from \"color\";\nimport { CSS, DEFAULT_COLOR, DEFAULT_STORAGE_KEY_PREFIX, DIMENSIONS, HSV_LIMITS, RGB_LIMITS, TEXT } from \"./resources\";\nimport { focusElement, getElementDir } from \"../../utils/dom\";\nimport { colorEqual, CSSColorMode, normalizeHex, parseMode } from \"./utils\";\nimport { throttle } from \"lodash-es\";\nimport { getKey } from \"../../utils/key\";\nimport { clamp } from \"../../utils/math\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nconst throttleFor60FpsInMs = 16;\nconst defaultValue = normalizeHex(DEFAULT_COLOR.hex());\nconst defaultFormat = \"auto\";\nexport class CalciteColorPicker {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When false, empty color (null) will be allowed as a value. Otherwise, a color value is always enforced by the component.\n     *\n     * When true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.\n     */\n    this.allowEmpty = false;\n    /** specify the appearance - default (containing border), or minimal (no containing border) */\n    this.appearance = \"default\";\n    /**\n     * Internal prop for advanced use-cases.\n     *\n     * @internal\n     */\n    this.color = DEFAULT_COLOR;\n    /**\n     * The format of the value property.\n     *\n     * When \"auto\", the format will be inferred from `value` when set.\n     * @default \"auto\"\n     */\n    this.format = defaultFormat;\n    /** When true, hides the hex input */\n    this.hideHex = false;\n    /** When true, hides the RGB/HSV channel inputs */\n    this.hideChannels = false;\n    /** When true, hides the saved colors section */\n    this.hideSaved = false;\n    /** Label used for the blue channel\n     * @default \"B\"\n     */\n    this.intlB = TEXT.b;\n    /** Label used for the blue channel description\n     * @default \"Blue\"\n     */\n    this.intlBlue = TEXT.blue;\n    /** Label used for the delete color button.\n     * @default \"Delete color\"\n     */\n    this.intlDeleteColor = TEXT.deleteColor;\n    /** Label used for the green channel\n     * @default \"G\"\n     */\n    this.intlG = TEXT.g;\n    /** Label used for the green channel description\n     * @default \"Green\"\n     */\n    this.intlGreen = TEXT.green;\n    /** Label used for the hue channel\n     * @default \"H\"\n     */\n    this.intlH = TEXT.h;\n    /** Label used for the HSV mode\n     * @default \"HSV\"\n     */\n    this.intlHsv = TEXT.hsv;\n    /** Label used for the hex input\n     * @default \"Hex\"\n     */\n    this.intlHex = TEXT.hex;\n    /** Label used for the hue channel description\n     * @default \"Hue\"\n     */\n    this.intlHue = TEXT.hue;\n    /**\n     * Label used for the hex input when there is no color selected.\n     * @default \"No color\"\n     */\n    this.intlNoColor = TEXT.noColor;\n    /** Label used for the red channel\n     * @default \"R\"\n     */\n    this.intlR = TEXT.r;\n    /** Label used for the red channel description\n     * @default \"Red\"\n     */\n    this.intlRed = TEXT.red;\n    /** Label used for the RGB mode\n     * @default \"RGB\"\n     */\n    this.intlRgb = TEXT.rgb;\n    /** Label used for the saturation channel\n     * @default \"S\"\n     */\n    this.intlS = TEXT.s;\n    /** Label used for the saturation channel description\n     * @default \"Saturation\"\n     */\n    this.intlSaturation = TEXT.saturation;\n    /** Label used for the save color button.\n     * @default \"Save color\"\n     */\n    this.intlSaveColor = TEXT.saveColor;\n    /** Label used for the saved colors section\n     * @default \"Saved\"\n     */\n    this.intlSaved = TEXT.saved;\n    /** Label used for the value channel\n     * @default \"V\"\n     */\n    this.intlV = TEXT.v;\n    /** Label used for the\n     * @default \"Value\"\n     */\n    this.intlValue = TEXT.value;\n    /**\n     * The scale of the color picker.\n     */\n    this.scale = \"m\";\n    /**\n     * The color value.\n     *\n     * This value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\n     * a RGB, HSL or HSV object.\n     *\n     * The type will be preserved as the color is updated.\n     * @default \"#007ac2\"\n     * @see [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)\n     */\n    this.value = defaultValue;\n    this.colorFieldAndSliderHovered = false;\n    this.hueThumbState = \"idle\";\n    this.internalColorUpdateContext = null;\n    this.mode = CSSColorMode.HEX;\n    this.shiftKeyChannelAdjustment = 0;\n    this.sliderThumbState = \"idle\";\n    this.colorFieldAndSliderInteractive = false;\n    this.channelMode = \"rgb\";\n    this.channels = this.toChannels(DEFAULT_COLOR);\n    this.dimensions = DIMENSIONS.m;\n    this.savedColors = [];\n    this.handleTabActivate = (event) => {\n      this.channelMode = event.currentTarget.getAttribute(\"data-color-mode\");\n      this.updateChannelsFromColor(this.color);\n    };\n    this.handleColorFieldScopeKeyDown = (event) => {\n      const key = getKey(event.key);\n      const arrowKeyToXYOffset = {\n        ArrowUp: { x: 0, y: -10 },\n        ArrowRight: { x: 10, y: 0 },\n        ArrowDown: { x: 0, y: 10 },\n        ArrowLeft: { x: -10, y: 0 }\n      };\n      if (arrowKeyToXYOffset[key]) {\n        event.preventDefault();\n        this.scopeOrientation = key === \"ArrowDown\" || key === \"ArrowUp\" ? \"vertical\" : \"horizontal\";\n        this.captureColorFieldColor(this.colorFieldScopeLeft + arrowKeyToXYOffset[key].x || 0, this.colorFieldScopeTop + arrowKeyToXYOffset[key].y || 0, false);\n      }\n    };\n    this.handleHueScopeKeyDown = (event) => {\n      const modifier = event.shiftKey ? 10 : 1;\n      const key = getKey(event.key);\n      const arrowKeyToXOffset = {\n        ArrowUp: 1,\n        ArrowRight: 1,\n        ArrowDown: -1,\n        ArrowLeft: -1\n      };\n      if (arrowKeyToXOffset[key]) {\n        event.preventDefault();\n        const delta = arrowKeyToXOffset[key] * modifier;\n        const hue = this.baseColorFieldColor.hue();\n        const color = this.baseColorFieldColor.hue(hue + delta);\n        this.internalColorSet(color, false);\n      }\n    };\n    this.handleHexInputChange = (event) => {\n      event.stopPropagation();\n      const { allowEmpty, color } = this;\n      const input = event.target;\n      const hex = input.value;\n      if (allowEmpty && !hex) {\n        this.internalColorSet(null);\n        return;\n      }\n      const normalizedHex = color && normalizeHex(color.hex());\n      if (hex !== normalizedHex) {\n        this.internalColorSet(Color(hex));\n      }\n    };\n    this.handleSavedColorSelect = (event) => {\n      const swatch = event.currentTarget;\n      this.internalColorSet(Color(swatch.color));\n    };\n    this.handleChannelInput = (event) => {\n      const input = event.currentTarget;\n      const internalInput = event.detail.nativeEvent.target;\n      const channelIndex = Number(input.getAttribute(\"data-channel-index\"));\n      const limit = this.channelMode === \"rgb\"\n        ? RGB_LIMITS[Object.keys(RGB_LIMITS)[channelIndex]]\n        : HSV_LIMITS[Object.keys(HSV_LIMITS)[channelIndex]];\n      let inputValue;\n      if (this.allowEmpty && !input.value) {\n        inputValue = \"\";\n      }\n      else {\n        const value = Number(input.value) + this.shiftKeyChannelAdjustment;\n        const clamped = clamp(value, 0, limit);\n        inputValue = clamped.toString();\n      }\n      input.value = inputValue;\n      internalInput.value = inputValue;\n    };\n    this.handleChannelChange = (event) => {\n      const input = event.currentTarget;\n      const channelIndex = Number(input.getAttribute(\"data-channel-index\"));\n      const channels = [...this.channels];\n      const shouldClearChannels = this.allowEmpty && !input.value;\n      if (shouldClearChannels) {\n        this.channels = [null, null, null];\n        this.internalColorSet(null);\n        return;\n      }\n      channels[channelIndex] = Number(input.value);\n      this.updateColorFromChannels(channels);\n    };\n    this.handleSavedColorKeyDown = (event) => {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        event.preventDefault();\n        event.stopPropagation();\n        this.handleSavedColorSelect(event);\n      }\n    };\n    this.handleColorFieldAndSliderMouseLeave = () => {\n      this.colorFieldAndSliderInteractive = false;\n      this.colorFieldAndSliderHovered = false;\n      if (this.sliderThumbState !== \"drag\" && this.hueThumbState !== \"drag\") {\n        this.hueThumbState = \"idle\";\n        this.sliderThumbState = \"idle\";\n        this.drawColorFieldAndSlider();\n      }\n    };\n    this.handleColorFieldAndSliderMouseDown = (event) => {\n      const { offsetX, offsetY } = event;\n      const region = this.getCanvasRegion(offsetY);\n      if (region === \"color-field\") {\n        this.hueThumbState = \"drag\";\n        this.captureColorFieldColor(offsetX, offsetY);\n      }\n      else if (region === \"slider\") {\n        this.sliderThumbState = \"drag\";\n        this.captureHueSliderColor(offsetX);\n      }\n      // prevent text selection outside of color field & slider area\n      event.preventDefault();\n      document.addEventListener(\"mousemove\", this.globalMouseMoveHandler);\n      document.addEventListener(\"mouseup\", this.globalMouseUpHandler, { once: true });\n      this.activeColorFieldAndSliderRect =\n        this.fieldAndSliderRenderingContext.canvas.getBoundingClientRect();\n    };\n    this.globalMouseUpHandler = () => {\n      const previouslyDragging = this.sliderThumbState === \"drag\" || this.hueThumbState === \"drag\";\n      this.hueThumbState = \"idle\";\n      this.sliderThumbState = \"idle\";\n      this.activeColorFieldAndSliderRect = null;\n      this.drawColorFieldAndSlider();\n      if (previouslyDragging) {\n        this.calciteColorPickerChange.emit();\n      }\n    };\n    this.globalMouseMoveHandler = (event) => {\n      const { el, dimensions } = this;\n      const sliderThumbDragging = this.sliderThumbState === \"drag\";\n      const hueThumbDragging = this.hueThumbState === \"drag\";\n      if (!el.isConnected || (!sliderThumbDragging && !hueThumbDragging)) {\n        return;\n      }\n      let samplingX;\n      let samplingY;\n      const colorFieldAndSliderRect = this.activeColorFieldAndSliderRect;\n      const { clientX, clientY } = event;\n      if (this.colorFieldAndSliderHovered) {\n        samplingX = clientX - colorFieldAndSliderRect.x;\n        samplingY = clientY - colorFieldAndSliderRect.y;\n      }\n      else {\n        const colorFieldWidth = dimensions.colorField.width;\n        const colorFieldHeight = dimensions.colorField.height;\n        const hueSliderHeight = dimensions.slider.height;\n        if (clientX < colorFieldAndSliderRect.x + colorFieldWidth &&\n          clientX > colorFieldAndSliderRect.x) {\n          samplingX = clientX - colorFieldAndSliderRect.x;\n        }\n        else if (clientX < colorFieldAndSliderRect.x) {\n          samplingX = 0;\n        }\n        else {\n          samplingX = colorFieldWidth;\n        }\n        if (clientY < colorFieldAndSliderRect.y + colorFieldHeight + hueSliderHeight &&\n          clientY > colorFieldAndSliderRect.y) {\n          samplingY = clientY - colorFieldAndSliderRect.y;\n        }\n        else if (clientY < colorFieldAndSliderRect.y) {\n          samplingY = 0;\n        }\n        else {\n          samplingY = colorFieldHeight + hueSliderHeight;\n        }\n      }\n      if (hueThumbDragging) {\n        this.captureColorFieldColor(samplingX, samplingY, false);\n      }\n      else {\n        this.captureHueSliderColor(samplingX);\n      }\n    };\n    this.handleColorFieldAndSliderMouseEnterOrMove = ({ offsetX, offsetY }) => {\n      const { dimensions: { colorField, slider, thumb } } = this;\n      this.colorFieldAndSliderInteractive = offsetY <= colorField.height + slider.height;\n      this.colorFieldAndSliderHovered = true;\n      const region = this.getCanvasRegion(offsetY);\n      if (region === \"color-field\") {\n        const prevHueThumbState = this.hueThumbState;\n        const color = this.baseColorFieldColor.hsv();\n        const centerX = Math.round(color.saturationv() / (HSV_LIMITS.s / colorField.width));\n        const centerY = Math.round(colorField.height - color.value() / (HSV_LIMITS.v / colorField.height));\n        const hoveringThumb = this.containsPoint(offsetX, offsetY, centerX, centerY, thumb.radius);\n        let transitionedBetweenHoverAndIdle = false;\n        if (prevHueThumbState === \"idle\" && hoveringThumb) {\n          this.hueThumbState = \"hover\";\n          transitionedBetweenHoverAndIdle = true;\n        }\n        else if (prevHueThumbState === \"hover\" && !hoveringThumb) {\n          this.hueThumbState = \"idle\";\n          transitionedBetweenHoverAndIdle = true;\n        }\n        if (this.hueThumbState !== \"drag\") {\n          if (transitionedBetweenHoverAndIdle) {\n            // refresh since we won't update color and thus no redraw\n            this.drawColorFieldAndSlider();\n          }\n        }\n      }\n      else if (region === \"slider\") {\n        const sliderThumbColor = this.baseColorFieldColor.hsv().saturationv(100).value(100);\n        const prevSliderThumbState = this.sliderThumbState;\n        const sliderThumbCenterX = Math.round(sliderThumbColor.hue() / (360 / slider.width));\n        const sliderThumbCenterY = Math.round((slider.height + this.getSliderCapSpacing()) / 2) + colorField.height;\n        const hoveringSliderThumb = this.containsPoint(offsetX, offsetY, sliderThumbCenterX, sliderThumbCenterY, thumb.radius);\n        let sliderThumbTransitionedBetweenHoverAndIdle = false;\n        if (prevSliderThumbState === \"idle\" && hoveringSliderThumb) {\n          this.sliderThumbState = \"hover\";\n          sliderThumbTransitionedBetweenHoverAndIdle = true;\n        }\n        else if (prevSliderThumbState === \"hover\" && !hoveringSliderThumb) {\n          this.sliderThumbState = \"idle\";\n          sliderThumbTransitionedBetweenHoverAndIdle = true;\n        }\n        if (this.sliderThumbState !== \"drag\") {\n          if (sliderThumbTransitionedBetweenHoverAndIdle) {\n            // refresh since we won't update color and thus no redraw\n            this.drawColorFieldAndSlider();\n          }\n        }\n      }\n    };\n    this.storeColorFieldScope = (node) => {\n      this.colorFieldScopeNode = node;\n    };\n    this.renderChannelsTabTitle = (channelMode) => {\n      const { channelMode: activeChannelMode, intlRgb, intlHsv } = this;\n      const active = channelMode === activeChannelMode;\n      const label = channelMode === \"rgb\" ? intlRgb : intlHsv;\n      return (h(\"calcite-tab-title\", { active: active, class: CSS.colorMode, \"data-color-mode\": channelMode, key: channelMode, onCalciteTabsActivate: this.handleTabActivate }, label));\n    };\n    this.renderChannelsTab = (channelMode) => {\n      const { channelMode: activeChannelMode, channels, intlB, intlBlue, intlG, intlGreen, intlH, intlHue, intlR, intlRed, intlS, intlSaturation, intlV, intlValue } = this;\n      const active = channelMode === activeChannelMode;\n      const isRgb = channelMode === \"rgb\";\n      const channelLabels = isRgb ? [intlR, intlG, intlB] : [intlH, intlS, intlV];\n      const channelAriaLabels = isRgb\n        ? [intlRed, intlGreen, intlBlue]\n        : [intlHue, intlSaturation, intlValue];\n      return (h(\"calcite-tab\", { active: active, class: CSS.control, key: channelMode },\n        h(\"div\", { class: CSS.channels }, channels.map((channel, index) => this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index])))));\n    };\n    this.renderChannel = (value, index, label, ariaLabel) => (h(\"calcite-input\", { class: CSS.channel, \"data-channel-index\": index, label: ariaLabel, numberButtonType: \"none\", onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, prefixText: label, scale: this.scale === \"l\" ? \"m\" : \"s\", type: \"number\", value: value === null || value === void 0 ? void 0 : value.toString() }));\n    this.deleteColor = () => {\n      const colorToDelete = this.color.hex();\n      const inStorage = this.savedColors.indexOf(colorToDelete) > -1;\n      if (!inStorage) {\n        return;\n      }\n      const savedColors = this.savedColors.filter((color) => color !== colorToDelete);\n      this.savedColors = savedColors;\n      const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n      if (this.storageId) {\n        localStorage.setItem(storageKey, JSON.stringify(savedColors));\n      }\n    };\n    this.saveColor = () => {\n      const colorToSave = this.color.hex();\n      const alreadySaved = this.savedColors.indexOf(colorToSave) > -1;\n      if (alreadySaved) {\n        return;\n      }\n      const savedColors = [...this.savedColors, colorToSave];\n      this.savedColors = savedColors;\n      const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n      if (this.storageId) {\n        localStorage.setItem(storageKey, JSON.stringify(savedColors));\n      }\n    };\n    this.drawColorFieldAndSlider = throttle(() => {\n      if (!this.fieldAndSliderRenderingContext) {\n        return;\n      }\n      this.drawColorField();\n      this.drawHueSlider();\n    }, throttleFor60FpsInMs);\n    this.captureColorFieldColor = (x, y, skipEqual = true) => {\n      const { dimensions: { colorField: { height, width } } } = this;\n      const saturation = Math.round((HSV_LIMITS.s / width) * x);\n      const value = Math.round((HSV_LIMITS.v / height) * (height - y));\n      this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(saturation).value(value), skipEqual);\n    };\n    this.initColorFieldAndSlider = (canvas) => {\n      this.fieldAndSliderRenderingContext = canvas.getContext(\"2d\");\n      this.setCanvasContextSize(canvas, {\n        width: this.dimensions.colorField.width,\n        height: this.dimensions.colorField.height +\n          this.dimensions.slider.height +\n          this.getSliderCapSpacing() * 2\n      });\n      this.drawColorFieldAndSlider();\n    };\n  }\n  handleColorChange(color, oldColor) {\n    this.drawColorFieldAndSlider();\n    this.updateChannelsFromColor(color);\n    this.previousColor = oldColor;\n    if (this.internalColorUpdateContext) {\n      return;\n    }\n    this.value = this.toValue(color);\n  }\n  handleFormatChange(format) {\n    this.setMode(format);\n    this.value = this.toValue(this.color);\n  }\n  handleScaleChange(scale = \"m\") {\n    this.updateDimensions(scale);\n  }\n  handleValueChange(value, oldValue) {\n    const { allowEmpty, format } = this;\n    const checkMode = !allowEmpty || value;\n    let modeChanged = false;\n    if (checkMode) {\n      const nextMode = parseMode(value);\n      if (!nextMode || (format !== \"auto\" && nextMode !== format)) {\n        this.showIncompatibleColorWarning(value, format);\n        this.value = oldValue;\n        return;\n      }\n      modeChanged = this.mode !== nextMode;\n      this.setMode(nextMode);\n    }\n    const dragging = this.sliderThumbState === \"drag\" || this.hueThumbState === \"drag\";\n    if (this.internalColorUpdateContext) {\n      if (this.internalColorUpdateContext === \"initial\") {\n        return;\n      }\n      this.calciteColorPickerInput.emit();\n      if (!dragging) {\n        this.calciteColorPickerChange.emit();\n      }\n      return;\n    }\n    const color = allowEmpty && !value ? null : Color(value);\n    const colorChanged = !colorEqual(color, this.color);\n    if (modeChanged || colorChanged) {\n      this.color = color;\n      this.calciteColorPickerInput.emit();\n      if (!dragging) {\n        this.calciteColorPickerChange.emit();\n      }\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Internal State/Props\n  //\n  //--------------------------------------------------------------------------\n  get baseColorFieldColor() {\n    return this.color || this.previousColor || DEFAULT_COLOR;\n  }\n  // using @Listen as a workaround for VDOM listener not firing\n  handleChannelKeyUpOrDown(event) {\n    this.shiftKeyChannelAdjustment = 0;\n    const key = getKey(event.key);\n    if ((key !== \"ArrowUp\" && key !== \"ArrowDown\") ||\n      !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(CSS.channel); })) {\n      return;\n    }\n    const { shiftKey } = event;\n    event.preventDefault();\n    if (!this.color) {\n      this.internalColorSet(this.previousColor);\n      event.stopPropagation();\n      return;\n    }\n    // this gets applied to the input's up/down arrow increment/decrement\n    const complementaryBump = 9;\n    this.shiftKeyChannelAdjustment =\n      key === \"ArrowUp\" && shiftKey\n        ? complementaryBump\n        : key === \"ArrowDown\" && shiftKey\n          ? -complementaryBump\n          : 0;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    return focusElement(this.colorFieldScopeNode);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    const { allowEmpty, color, format, value } = this;\n    const willSetNoColor = allowEmpty && !value;\n    const parsedMode = parseMode(value);\n    const valueIsCompatible = willSetNoColor || (format === \"auto\" && parsedMode) || format === parsedMode;\n    const initialColor = willSetNoColor ? null : valueIsCompatible ? Color(value) : color;\n    if (!valueIsCompatible) {\n      this.showIncompatibleColorWarning(value, format);\n    }\n    this.setMode(format);\n    this.internalColorSet(initialColor, false, \"initial\");\n    this.updateDimensions(this.scale);\n    const storageKey = `${DEFAULT_STORAGE_KEY_PREFIX}${this.storageId}`;\n    if (this.storageId && localStorage.getItem(storageKey)) {\n      this.savedColors = JSON.parse(localStorage.getItem(storageKey));\n    }\n  }\n  disconnectedCallback() {\n    document.removeEventListener(\"mousemove\", this.globalMouseMoveHandler);\n    document.removeEventListener(\"mouseup\", this.globalMouseUpHandler);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { allowEmpty, color, intlDeleteColor, el, hideHex, hideChannels, hideSaved, intlHex, intlSaved, intlSaveColor, savedColors, scale } = this;\n    const selectedColorInHex = color ? color.hex() : null;\n    const hexInputScale = scale === \"l\" ? \"m\" : \"s\";\n    const { colorFieldAndSliderInteractive, colorFieldScopeTop, colorFieldScopeLeft, hueScopeLeft, hueScopeTop, scopeOrientation, dimensions: { colorField: { height: colorFieldHeight, width: colorFieldWidth }, slider: { height: sliderHeight } } } = this;\n    const hueTop = hueScopeTop !== null && hueScopeTop !== void 0 ? hueScopeTop : sliderHeight / 2 + colorFieldHeight;\n    const hueLeft = hueScopeLeft !== null && hueScopeLeft !== void 0 ? hueScopeLeft : (colorFieldWidth * DEFAULT_COLOR.hue()) / HSV_LIMITS.h;\n    const elementDir = getElementDir(el);\n    const noColor = color === null;\n    const vertical = scopeOrientation === \"vertical\";\n    return (h(\"div\", { class: CSS.container },\n      h(\"div\", { class: CSS.colorFieldAndSliderWrap },\n        h(\"canvas\", { class: {\n            [CSS.colorFieldAndSlider]: true,\n            [CSS.colorFieldAndSliderInteractive]: colorFieldAndSliderInteractive\n          }, onMouseDown: this.handleColorFieldAndSliderMouseDown, onMouseEnter: this.handleColorFieldAndSliderMouseEnterOrMove, onMouseLeave: this.handleColorFieldAndSliderMouseLeave, onMouseMove: this.handleColorFieldAndSliderMouseEnterOrMove, ref: this.initColorFieldAndSlider }),\n        h(\"div\", { \"aria-label\": vertical ? this.intlValue : this.intlSaturation, \"aria-valuemax\": vertical ? HSV_LIMITS.v : HSV_LIMITS.s, \"aria-valuemin\": \"0\", \"aria-valuenow\": (vertical ? color === null || color === void 0 ? void 0 : color.saturationv() : color === null || color === void 0 ? void 0 : color.value()) || \"0\", class: { [CSS.scope]: true, [CSS.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, ref: this.storeColorFieldScope, role: \"slider\", style: { top: `${colorFieldScopeTop || 0}px`, left: `${colorFieldScopeLeft || 0}px` }, tabindex: \"0\" }),\n        h(\"div\", { \"aria-label\": this.intlHue, \"aria-valuemax\": HSV_LIMITS.h, \"aria-valuemin\": \"0\", \"aria-valuenow\": (color === null || color === void 0 ? void 0 : color.round().hue()) || DEFAULT_COLOR.round().hue(), class: { [CSS.scope]: true, [CSS.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, role: \"slider\", style: { top: `${hueTop}px`, left: `${hueLeft}px` }, tabindex: \"0\" })),\n      hideHex && hideChannels ? null : (h(\"div\", { class: {\n          [CSS.controlSection]: true,\n          [CSS.section]: true,\n          [CSS_UTILITY.rtl]: elementDir === \"rtl\"\n        } },\n        hideHex ? null : (h(\"div\", { class: CSS.hexOptions },\n          h(\"span\", { class: {\n              [CSS.header]: true,\n              [CSS.headerHex]: true\n            } }, intlHex),\n          h(\"calcite-color-picker-hex-input\", { allowEmpty: allowEmpty, class: CSS.control, dir: elementDir, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))),\n        hideChannels ? null : (h(\"calcite-tabs\", { class: {\n            [CSS.colorModeContainer]: true,\n            [CSS.splitSection]: true\n          }, dir: elementDir, scale: hexInputScale },\n          h(\"calcite-tab-nav\", { slot: \"tab-nav\" },\n            this.renderChannelsTabTitle(\"rgb\"),\n            this.renderChannelsTabTitle(\"hsv\")),\n          this.renderChannelsTab(\"rgb\"),\n          this.renderChannelsTab(\"hsv\"))))),\n      hideSaved ? null : (h(\"div\", { class: { [CSS.savedColorsSection]: true, [CSS.section]: true } },\n        h(\"div\", { class: CSS.header },\n          h(\"label\", null, intlSaved),\n          h(\"div\", { class: CSS.savedColorsButtons },\n            h(\"calcite-button\", { appearance: \"transparent\", class: CSS.deleteColor, color: \"neutral\", disabled: noColor, iconStart: \"minus\", label: intlDeleteColor, onClick: this.deleteColor, scale: hexInputScale }),\n            h(\"calcite-button\", { appearance: \"transparent\", class: CSS.saveColor, color: \"neutral\", disabled: noColor, iconStart: \"plus\", label: intlSaveColor, onClick: this.saveColor, scale: hexInputScale }))),\n        savedColors.length > 0 ? (h(\"div\", { class: CSS.savedColors }, [\n          ...savedColors.map((color) => (h(\"calcite-color-picker-swatch\", { active: selectedColorInHex === color, class: CSS.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 })))\n        ])) : null))));\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  showIncompatibleColorWarning(value, format) {\n    console.warn(`ignoring color value (${value}) as it is not compatible with the current format (${format})`);\n  }\n  setMode(format) {\n    this.mode = format === \"auto\" ? this.mode : format;\n  }\n  captureHueSliderColor(x) {\n    const { dimensions: { slider: { width } } } = this;\n    const hue = (360 / width) * x;\n    this.internalColorSet(this.baseColorFieldColor.hue(hue), false);\n  }\n  getCanvasRegion(y) {\n    const { dimensions: { colorField: { height: colorFieldHeight }, slider: { height: sliderHeight } } } = this;\n    if (y <= colorFieldHeight) {\n      return \"color-field\";\n    }\n    if (y <= colorFieldHeight + sliderHeight) {\n      return \"slider\";\n    }\n    return \"none\";\n  }\n  internalColorSet(color, skipEqual = true, context = \"internal\") {\n    if (skipEqual && colorEqual(color, this.color)) {\n      return;\n    }\n    this.internalColorUpdateContext = context;\n    this.color = color;\n    this.value = this.toValue(color);\n    this.internalColorUpdateContext = null;\n  }\n  toValue(color, format = this.mode) {\n    if (!color) {\n      return null;\n    }\n    const hexMode = \"hex\";\n    if (format.includes(hexMode)) {\n      return normalizeHex(color.round()[hexMode]());\n    }\n    if (format.includes(\"-css\")) {\n      return color[format.replace(\"-css\", \"\").replace(\"a\", \"\")]().round().string();\n    }\n    const colorObject = color[format]().round().object();\n    if (format.endsWith(\"a\")) {\n      // normalize alpha prop\n      colorObject.a = colorObject.alpha;\n      delete colorObject.alpha;\n    }\n    return colorObject;\n  }\n  getSliderCapSpacing() {\n    const { dimensions: { slider: { height }, thumb: { radius } } } = this;\n    return radius * 2 - height;\n  }\n  updateDimensions(scale = \"m\") {\n    this.dimensions = DIMENSIONS[scale];\n  }\n  drawColorField() {\n    const context = this.fieldAndSliderRenderingContext;\n    const { dimensions: { colorField: { height, width } } } = this;\n    context.fillStyle = this.baseColorFieldColor.hsv().saturationv(100).value(100).string();\n    context.fillRect(0, 0, width, height);\n    const whiteGradient = context.createLinearGradient(0, 0, width, 0);\n    whiteGradient.addColorStop(0, \"rgba(255,255,255,1)\");\n    whiteGradient.addColorStop(1, \"rgba(255,255,255,0)\");\n    context.fillStyle = whiteGradient;\n    context.fillRect(0, 0, width, height);\n    const blackGradient = context.createLinearGradient(0, 0, 0, height);\n    blackGradient.addColorStop(0, \"rgba(0,0,0,0)\");\n    blackGradient.addColorStop(1, \"rgba(0,0,0,1)\");\n    context.fillStyle = blackGradient;\n    context.fillRect(0, 0, width, height);\n    this.drawActiveColorFieldColor();\n  }\n  setCanvasContextSize(canvas, { height, width }) {\n    const devicePixelRatio = window.devicePixelRatio || 1;\n    canvas.width = width * devicePixelRatio;\n    canvas.height = height * devicePixelRatio;\n    canvas.style.height = `${height}px`;\n    canvas.style.width = `${width}px`;\n    const context = canvas.getContext(\"2d\");\n    context.scale(devicePixelRatio, devicePixelRatio);\n  }\n  containsPoint(testPointX, testPointY, boundsX, boundsY, boundsRadius) {\n    return (Math.pow(testPointX - boundsX, 2) + Math.pow(testPointY - boundsY, 2) <=\n      Math.pow(boundsRadius, 2));\n  }\n  drawActiveColorFieldColor() {\n    const { color } = this;\n    if (!color) {\n      return;\n    }\n    const hsvColor = color.hsv();\n    const { dimensions: { colorField: { height, width }, thumb: { radius } } } = this;\n    const x = hsvColor.saturationv() / (HSV_LIMITS.s / width);\n    const y = height - hsvColor.value() / (HSV_LIMITS.v / height);\n    requestAnimationFrame(() => {\n      this.colorFieldScopeLeft = x;\n      this.colorFieldScopeTop = y;\n    });\n    this.drawThumb(this.fieldAndSliderRenderingContext, radius, x, y, hsvColor, this.hueThumbState);\n  }\n  drawThumb(context, radius, x, y, color, state) {\n    const startAngle = 0;\n    const endAngle = 2 * Math.PI;\n    context.beginPath();\n    context.arc(x, y, radius, startAngle, endAngle);\n    context.shadowBlur = state === \"hover\" ? 32 : 16;\n    context.shadowColor = `rgba(0, 0, 0, ${state === \"drag\" ? 0.32 : 0.16})`;\n    context.fillStyle = \"#fff\";\n    context.fill();\n    context.beginPath();\n    context.arc(x, y, radius - 3, startAngle, endAngle);\n    context.shadowBlur = 0;\n    context.shadowColor = \"transparent\";\n    context.fillStyle = color.rgb().string();\n    context.fill();\n  }\n  drawActiveHueSliderColor() {\n    const { color } = this;\n    if (!color) {\n      return;\n    }\n    const hsvColor = color.hsv().saturationv(100).value(100);\n    const { dimensions: { colorField: { height: colorFieldHeight }, slider: { height, width }, thumb: { radius } } } = this;\n    const x = hsvColor.hue() / (360 / width);\n    const y = height / 2 + colorFieldHeight;\n    requestAnimationFrame(() => {\n      this.hueScopeLeft = x;\n      this.hueScopeTop = y;\n    });\n    this.drawThumb(this.fieldAndSliderRenderingContext, radius, x, y, hsvColor, this.sliderThumbState);\n  }\n  drawHueSlider() {\n    const context = this.fieldAndSliderRenderingContext;\n    const { dimensions: { colorField: { height: colorFieldHeight }, slider: { height, width } } } = this;\n    const gradient = context.createLinearGradient(0, 0, width, 0);\n    const hueSliderColorStopKeywords = [\"red\", \"yellow\", \"lime\", \"cyan\", \"blue\", \"magenta\", \"red\"];\n    const offset = 1 / (hueSliderColorStopKeywords.length - 1);\n    let currentOffset = 0;\n    hueSliderColorStopKeywords.forEach((keyword) => {\n      gradient.addColorStop(currentOffset, Color(keyword).string());\n      currentOffset += offset;\n    });\n    context.fillStyle = gradient;\n    context.clearRect(0, colorFieldHeight, width, height + this.getSliderCapSpacing() * 2);\n    context.fillRect(0, colorFieldHeight, width, height);\n    this.drawActiveHueSliderColor();\n  }\n  updateColorFromChannels(channels) {\n    this.internalColorSet(Color(channels, this.channelMode));\n  }\n  updateChannelsFromColor(color) {\n    this.channels = color ? this.toChannels(color) : [null, null, null];\n  }\n  toChannels(color) {\n    const { channelMode } = this;\n    return color[channelMode]()\n      .array()\n      .map((value) => Math.floor(value));\n  }\n  static get is() { return \"calcite-color-picker\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-color-picker.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-color-picker.css\"]\n  }; }\n  static get properties() { return {\n    \"allowEmpty\": {\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 false, empty color (null) will be allowed as a value. Otherwise, a color value is always enforced by the component.\\n\\nWhen true, clearing the input and blurring will restore the last valid color set. When false, it will set it to empty.\"\n      },\n      \"attribute\": \"allow-empty\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"appearance\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"ColorAppearance\",\n        \"resolved\": \"\\\"default\\\" | \\\"minimal\\\"\",\n        \"references\": {\n          \"ColorAppearance\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"specify the appearance - default (containing border), or minimal (no containing border)\"\n      },\n      \"attribute\": \"appearance\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"default\\\"\"\n    },\n    \"color\": {\n      \"type\": \"unknown\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"InternalColor | null\",\n        \"resolved\": \"Color<ColorParam>\",\n        \"references\": {\n          \"InternalColor\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Internal prop for advanced use-cases.\"\n      },\n      \"defaultValue\": \"DEFAULT_COLOR\"\n    },\n    \"format\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Format\",\n        \"resolved\": \"\\\"auto\\\" | \\\"hex\\\" | \\\"hexa\\\" | \\\"hsl\\\" | \\\"hsl-css\\\" | \\\"hsla\\\" | \\\"hsla-css\\\" | \\\"hsv\\\" | \\\"hsva\\\" | \\\"rgb\\\" | \\\"rgb-css\\\" | \\\"rgba\\\" | \\\"rgba-css\\\"\",\n        \"references\": {\n          \"Format\": {\n            \"location\": \"import\",\n            \"path\": \"./utils\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"auto\\\"\"\n          }],\n        \"text\": \"The format of the value property.\\n\\nWhen \\\"auto\\\", the format will be inferred from `value` when set.\"\n      },\n      \"attribute\": \"format\",\n      \"reflect\": false,\n      \"defaultValue\": \"defaultFormat\"\n    },\n    \"hideHex\": {\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, hides the hex input\"\n      },\n      \"attribute\": \"hide-hex\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"hideChannels\": {\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, hides the RGB/HSV channel inputs\"\n      },\n      \"attribute\": \"hide-channels\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"hideSaved\": {\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, hides the saved colors section\"\n      },\n      \"attribute\": \"hide-saved\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"intlB\": {\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\": \"\\\"B\\\"\"\n          }],\n        \"text\": \"Label used for the blue channel\"\n      },\n      \"attribute\": \"intl-b\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.b\"\n    },\n    \"intlBlue\": {\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\": \"\\\"Blue\\\"\"\n          }],\n        \"text\": \"Label used for the blue channel description\"\n      },\n      \"attribute\": \"intl-blue\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.blue\"\n    },\n    \"intlDeleteColor\": {\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\": \"\\\"Delete color\\\"\"\n          }],\n        \"text\": \"Label used for the delete color button.\"\n      },\n      \"attribute\": \"intl-delete-color\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.deleteColor\"\n    },\n    \"intlG\": {\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\": \"\\\"G\\\"\"\n          }],\n        \"text\": \"Label used for the green channel\"\n      },\n      \"attribute\": \"intl-g\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.g\"\n    },\n    \"intlGreen\": {\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\": \"\\\"Green\\\"\"\n          }],\n        \"text\": \"Label used for the green channel description\"\n      },\n      \"attribute\": \"intl-green\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.green\"\n    },\n    \"intlH\": {\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\": \"\\\"H\\\"\"\n          }],\n        \"text\": \"Label used for the hue channel\"\n      },\n      \"attribute\": \"intl-h\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.h\"\n    },\n    \"intlHsv\": {\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\": \"\\\"HSV\\\"\"\n          }],\n        \"text\": \"Label used for the HSV mode\"\n      },\n      \"attribute\": \"intl-hsv\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.hsv\"\n    },\n    \"intlHex\": {\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\": \"\\\"Hex\\\"\"\n          }],\n        \"text\": \"Label used for the hex input\"\n      },\n      \"attribute\": \"intl-hex\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.hex\"\n    },\n    \"intlHue\": {\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\": \"\\\"Hue\\\"\"\n          }],\n        \"text\": \"Label used for the hue channel description\"\n      },\n      \"attribute\": \"intl-hue\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.hue\"\n    },\n    \"intlNoColor\": {\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\": \"\\\"No color\\\"\"\n          }],\n        \"text\": \"Label used for the hex input when there is no color selected.\"\n      },\n      \"attribute\": \"intl-no-color\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.noColor\"\n    },\n    \"intlR\": {\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\": \"\\\"R\\\"\"\n          }],\n        \"text\": \"Label used for the red channel\"\n      },\n      \"attribute\": \"intl-r\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.r\"\n    },\n    \"intlRed\": {\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\": \"\\\"Red\\\"\"\n          }],\n        \"text\": \"Label used for the red channel description\"\n      },\n      \"attribute\": \"intl-red\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.red\"\n    },\n    \"intlRgb\": {\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\": \"\\\"RGB\\\"\"\n          }],\n        \"text\": \"Label used for the RGB mode\"\n      },\n      \"attribute\": \"intl-rgb\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.rgb\"\n    },\n    \"intlS\": {\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\": \"\\\"S\\\"\"\n          }],\n        \"text\": \"Label used for the saturation channel\"\n      },\n      \"attribute\": \"intl-s\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.s\"\n    },\n    \"intlSaturation\": {\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\": \"\\\"Saturation\\\"\"\n          }],\n        \"text\": \"Label used for the saturation channel description\"\n      },\n      \"attribute\": \"intl-saturation\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.saturation\"\n    },\n    \"intlSaveColor\": {\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\": \"\\\"Save color\\\"\"\n          }],\n        \"text\": \"Label used for the save color button.\"\n      },\n      \"attribute\": \"intl-save-color\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.saveColor\"\n    },\n    \"intlSaved\": {\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\": \"\\\"Saved\\\"\"\n          }],\n        \"text\": \"Label used for the saved colors section\"\n      },\n      \"attribute\": \"intl-saved\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.saved\"\n    },\n    \"intlV\": {\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\": \"\\\"V\\\"\"\n          }],\n        \"text\": \"Label used for the value channel\"\n      },\n      \"attribute\": \"intl-v\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.v\"\n    },\n    \"intlValue\": {\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\": \"\\\"Value\\\"\"\n          }],\n        \"text\": \"Label used for the\"\n      },\n      \"attribute\": \"intl-value\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.value\"\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\": \"The scale of the color picker.\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"storageId\": {\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\": \"Storage ID for colors.\"\n      },\n      \"attribute\": \"storage-id\",\n      \"reflect\": false\n    },\n    \"value\": {\n      \"type\": \"string\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"ColorValue | null\",\n        \"resolved\": \"HSL | HSL & ObjectWithAlpha | HSV | HSV & ObjectWithAlpha | RGB | RGB & ObjectWithAlpha | string\",\n        \"references\": {\n          \"ColorValue\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"default\",\n            \"text\": \"\\\"#007ac2\\\"\"\n          }, {\n            \"name\": \"see\",\n            \"text\": \" [ColorValue](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-color-picker/interfaces.ts#L10)\"\n          }],\n        \"text\": \"The color value.\\n\\nThis value can be either a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/color|CSS string}\\na RGB, HSL or HSV object.\\n\\nThe type will be preserved as the color is updated.\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": false,\n      \"defaultValue\": \"defaultValue\"\n    }\n  }; }\n  static get states() { return {\n    \"colorFieldAndSliderInteractive\": {},\n    \"channelMode\": {},\n    \"channels\": {},\n    \"dimensions\": {},\n    \"savedColors\": {},\n    \"colorFieldScopeTop\": {},\n    \"colorFieldScopeLeft\": {},\n    \"scopeOrientation\": {},\n    \"hueScopeLeft\": {},\n    \"hueScopeTop\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteColorPickerChange\",\n      \"name\": \"calciteColorPickerChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fires when the color value has changed.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteColorPickerInput\",\n      \"name\": \"calciteColorPickerInput\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fires as the color value changes.\\n\\nThis is similar to the change event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.\"\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\": \"color\",\n      \"methodName\": \"handleColorChange\"\n    }, {\n      \"propName\": \"format\",\n      \"methodName\": \"handleFormatChange\"\n    }, {\n      \"propName\": \"scale\",\n      \"methodName\": \"handleScaleChange\"\n    }, {\n      \"propName\": \"value\",\n      \"methodName\": \"handleValueChange\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"keydown\",\n      \"method\": \"handleChannelKeyUpOrDown\",\n      \"target\": undefined,\n      \"capture\": true,\n      \"passive\": false\n    }, {\n      \"name\": \"keyup\",\n      \"method\": \"handleChannelKeyUpOrDown\",\n      \"target\": undefined,\n      \"capture\": true,\n      \"passive\": false\n    }]; }\n}\n"]}

package/dist/solutions/p-fbdf3e06.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/@esri/calcite-components/dist/collection/components/calcite-date-picker/utils.js","node_modules/@esri/calcite-components/dist/collection/components/calcite-date-picker/resources.js"],"names":["getSupportedLocale","lang","locales","indexOf","base","split","translationCache","requestCache","async","getLocaleData","locale","fetch","getAssetPath","then","resp","json","catch","console","error","data","HEADING_LEVEL","TEXT","nextMonth","prevMonth"],"mappings":";;;;;;;;;GAWA,SAASA,EAAmBC,EAAO,IACjC,GAAIC,EAAQC,QAAQF,IAAS,EAAG,CAC9B,OAAOA,MAEJ,CACH,MAAMG,EAAOH,EAAKI,MAAM,KAAK,GAC7B,OAAOH,EAAQC,QAAQC,IAAS,EAAIA,EAAO,MAQxC,MAAME,EAAmB,GAMzB,MAAMC,EAAe,GAKrBC,eAAeC,EAAcR,GAClC,MAAMS,EAASV,EAAmBC,GAClC,GAAIK,EAAiBI,GAAS,CAC5B,OAAOJ,EAAiBI,GAE1B,IAAKH,EAAaG,GAAS,CACzBH,EAAaG,GAAUC,MAAMC,EAAa,oCAAoCF,WAC3EG,MAAMC,GAASA,EAAKC,SACpBC,OAAM,KACPC,QAAQC,MAAM,qBAAqBR,oDACnC,OAAOD,EAAc,SAGzB,MAAMU,QAAaZ,EAAaG,GAChCJ,EAAiBI,GAAUS,EAC3B,OAAOA;;;;GC/CG,MAACC,EAAgB,EACjB,MAACC,EAAO,CAClBC,UAAW,aACXC,UAAW","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 */\nimport { getAssetPath } from \"@stencil/core\";\nimport { locales } from \"../../utils/locale\";\n/**\n * Get supported locale code from raw user input\n * Exported for testing purposes.\n * @private\n */\nfunction getSupportedLocale(lang = \"\") {\n  if (locales.indexOf(lang) > -1) {\n    return lang;\n  }\n  else {\n    const base = lang.split(\"-\")[0];\n    return locales.indexOf(base) > -1 ? base : \"en\";\n  }\n}\n/**\n * CLDR cache.\n * Exported for testing purposes.\n * @private\n */\nexport const translationCache = {};\n/**\n * CLDR request cache.\n * Exported for testing purposes.\n * @private\n */\nexport const requestCache = {};\n/**\n * Fetch calendar data for a given locale from list of supported languages\n * @public\n */\nexport async function getLocaleData(lang) {\n  const locale = getSupportedLocale(lang);\n  if (translationCache[locale]) {\n    return translationCache[locale];\n  }\n  if (!requestCache[locale]) {\n    requestCache[locale] = fetch(getAssetPath(`./assets/calcite-date-picker/nls/${locale}.json`))\n      .then((resp) => resp.json())\n      .catch(() => {\n      console.error(`Translations for \"${locale}\" not found or invalid, falling back to english`);\n      return getLocaleData(\"en\");\n    });\n  }\n  const data = await requestCache[locale];\n  translationCache[locale] = data;\n  return data;\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 */\nexport const HEADING_LEVEL = 2;\nexport const TEXT = {\n  nextMonth: \"Next month\",\n  prevMonth: \"Previous month\"\n};\n"]}