@esri/calcite-components 1.0.0-next.435 → 1.0.0-next.436

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
+ * v1.0.0-next.436
  */
 'use strict';
 
@@ -12750,14 +12750,10 @@ class ColorPicker {
     this.drawColorFieldAndSlider();
     this.updateChannelsFromColor(color);
     this.previousColor = oldColor;
-    if (this.internalColorUpdateContext) {
-      return;
-    }
-    this.value = this.toValue(color);
   }
   handleFormatChange(format) {
     this.setMode(format);
-    this.value = this.toValue(this.color);
+    this.internalColorSet(this.color, false);
   }
   handleScaleChange(scale = "m") {
     this.updateDimensions(scale);
@@ -12777,10 +12773,10 @@ class ColorPicker {
       this.setMode(nextMode);
     }
     const dragging = this.sliderThumbState === "drag" || this.hueThumbState === "drag";
-    if (this.internalColorUpdateContext) {
-      if (this.internalColorUpdateContext === "initial") {
-        return;
-      }
+    if (this.internalColorUpdateContext === "initial") {
+      return;
+    }
+    if (this.internalColorUpdateContext === "internal") {
       this.calciteColorPickerInput.emit();
       if (!dragging) {
         this.calciteColorPickerChange.emit();
@@ -12790,11 +12786,7 @@ class ColorPicker {
     const color$1 = allowEmpty && !value ? null : color(value);
     const colorChanged = !colorEqual(color$1, this.color);
     if (modeChanged || colorChanged) {
-      this.color = color$1;
-      this.calciteColorPickerInput.emit();
-      if (!dragging) {
-        this.calciteColorPickerChange.emit();
-      }
+      this.internalColorSet(color$1);
     }
   }
   //--------------------------------------------------------------------------
@@ -13179,32 +13171,13 @@ class ColorPickerHexInput {
           : this.formatForInternalInput(rgbToHex(this.internalColor.object()));
     };
     this.onInputChange = () => {
-      const inputValue = this.inputNode.value;
-      let value;
-      if (inputValue) {
-        const hex = inputValue;
-        const color = hexToRGB(`#${hex}`);
-        if (!color) {
-          return;
-        }
-        value = normalizeHex(hex);
-      }
-      else if (this.allowEmpty) {
-        value = null;
-      }
-      this.value = value;
-      this.calciteColorPickerHexInputChange.emit();
+      this.internalSetValue(this.inputNode.value, this.value);
     };
     /**
      * The last valid/selected color. Used as a fallback if an invalid hex code is entered.
      */
     this.internalColor = DEFAULT_COLOR;
     this.previousNonNullValue = this.value;
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.storeInputRef = (node) => {
       this.inputNode = node;
     };
@@ -13219,38 +13192,16 @@ class ColorPickerHexInput {
     if (value) {
       const normalized = normalizeHex(value);
       if (isValidHex(normalized)) {
-        this.internalColor = color(normalized);
-        this.value = normalized;
+        this.internalSetValue(normalized, normalized, false);
       }
       return;
     }
     if (allowEmpty) {
-      this.internalColor = null;
-      this.value = null;
+      this.internalSetValue(null, null, false);
     }
   }
   handleValueChange(value, oldValue) {
-    if (value) {
-      const normalized = normalizeHex(value);
-      if (isValidHex(normalized)) {
-        const { internalColor } = this;
-        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());
-        this.internalColor = color(normalized);
-        this.previousNonNullValue = normalized;
-        this.value = normalized;
-        if (changed) {
-          this.calciteColorPickerHexInputChange.emit();
-        }
-        return;
-      }
-    }
-    else if (this.allowEmpty) {
-      this.internalColor = null;
-      this.value = null;
-      this.calciteColorPickerHexInputChange.emit();
-      return;
-    }
-    this.value = oldValue;
+    this.internalSetValue(value, oldValue, false);
   }
   // using @Listen as a workaround for VDOM listener not firing
   onInputKeyDown(event) {
@@ -13262,15 +13213,16 @@ class ColorPickerHexInput {
       return;
     }
     const isNudgeKey = key === "ArrowDown" || key === "ArrowUp";
+    const oldValue = this.value;
     if (isNudgeKey) {
       if (!value) {
-        this.value = this.previousNonNullValue;
+        this.internalSetValue(this.previousNonNullValue, oldValue);
         event.preventDefault();
         return;
       }
       const direction = key === "ArrowUp" ? 1 : -1;
       const bump = shiftKey ? 10 : 1;
-      this.value = normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex());
+      this.internalSetValue(normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);
       event.preventDefault();
       return;
     }
@@ -13300,6 +13252,36 @@ class ColorPickerHexInput {
   async setFocus() {
     focusElement(this.inputNode);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  internalSetValue(value, oldValue, emit = true) {
+    if (value) {
+      const normalized = normalizeHex(value);
+      if (isValidHex(normalized)) {
+        const { internalColor } = this;
+        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());
+        this.internalColor = color(normalized);
+        this.previousNonNullValue = normalized;
+        this.value = normalized;
+        if (changed && emit) {
+          this.calciteColorPickerHexInputChange.emit();
+        }
+        return;
+      }
+    }
+    else if (this.allowEmpty) {
+      this.internalColor = null;
+      this.value = null;
+      if (emit) {
+        this.calciteColorPickerHexInputChange.emit();
+      }
+      return;
+    }
+    this.value = oldValue;
+  }
   formatForInternalInput(hex) {
     return hex ? hex.replace("#", "") : "";
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.435",
+  "version": "1.0.0-next.436",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/calcite/p-14e14d92.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-import{c as n}from"./p-ed386ce4.js";import{h as t}from"./p-953fb9e4.js";function e(n){return"checked"in n}const o=new WeakMap,i=new WeakSet;function r(t){const{el:o,value:r}=t,c=n(o,"form");if(!c||function(n,t){const e="calciteInternalFormComponentRegister";let o=!1;return n.addEventListener(e,(n=>{o=n.composedPath().some((n=>i.has(n))),n.stopPropagation()}),{once:!0}),t.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0})),o}(c,o))return;t.formEl=c,t.defaultValue=r,e(t)&&(t.defaultChecked=t.checked);const u=(t.onFormReset||s).bind(t);c.addEventListener("reset",u),i.add(o)}function s(){e(this)?this.checked=this.defaultChecked:this.value=this.defaultValue}function c(n){const{el:t,formEl:e}=n;if(!e)return;const r=o.get(t);e.removeEventListener("reset",r),o.delete(t),n.formEl=null,i.delete(t)}function u(n,t){n.defaultValue=t}function l(n,t,o){var i;const{defaultValue:r,disabled:s,name:c,required:u}=n;t.defaultValue=r,t.disabled=s,t.name=c,t.required=u,t.tabIndex=-1,e(n)?(t.defaultChecked=n.defaultChecked,t.value=n.checked?o||"on":"",s||n.checked||(t.disabled=!0)):t.value=o||"",null===(i=n.syncHiddenFormInput)||void 0===i||i.call(n,t)}const f=({component:n})=>(function(n){const{el:t,formEl:e,name:o,value:i}=n,{ownerDocument:r}=t,s=t.querySelectorAll('input[slot="hidden-form-input"]');if(!e||!o)return void s.forEach((n=>n.remove()));const c=Array.isArray(i)?i:[i],u=[],f=new Set;let a;s.forEach((t=>{const e=c.find((n=>n==t.value));null!=e?(f.add(e),l(n,t,e)):u.push(t)})),c.forEach((t=>{if(f.has(t))return;let e=u.pop();e||(e=r.createElement("input"),e.slot="hidden-form-input"),a||(a=r.createDocumentFragment()),a.append(e),l(n,e,t)})),a&&t.append(a),u.forEach((n=>n.remove()))}(n),t("slot",{name:"hidden-form-input"}));export{f as H,u as a,r as c,c as d}

package/dist/calcite/p-457c92f7.js

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

package/dist/calcite/p-51b36548.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-System.register(["./p-f80c738f.system.js"],(function(r){"use strict";var t,n;return{setters:[function(r){t=r.a;n=r.b}],execute:function(){r({d:a,g:f,l:c});var e=r("a",["ar","bg","bs","ca","cs","da","de","de-CH","el","en","en-AU","en-CA","en-GB","es","es-MX","et","fi","fr","fr-CH","he","hi","hr","hu","id","it","it-CH","ja","ko","lt","lv","mk","nb","nl","pl","pt","pt-PT","ro","ru","sk","sl","sr","sv","th","tr","uk","vi","zh-CN","zh-HK","zh-TW"]);function u(r){return new Intl.NumberFormat(r,{minimumFractionDigits:0,maximumFractionDigits:20})}function a(r,n){return t(r,(function(r){if(r){var t=i(n);var e=f(n);var u=r.split("");var a=u.lastIndexOf(e);var c=u.map((function(r,n){if(r===t||r===e&&n!==a){return""}return r})).reduce((function(r,t){return r+t})).replace(e,".");return isNaN(Number(c))?r:c}return r}))}function i(r){var t=u(r);var n=t.formatToParts(1234567.8);var e=n.find((function(r){return r.type==="group"})).value;return e.trim().length===0?" ":e}function f(r){var t=u(r);var n=t.formatToParts(1234567.8);var e=n.find((function(r){return r.type==="decimal"})).value;return e.trim().length===0?" ":e}function c(r,e,a){if(a===void 0){a=false}return t(r,(function(r){if(r){var t=Number(n(r));if(!isNaN(t)){var c=u(e);var o=c.formatToParts(t);var s=o.map((function(r){var t=r.type,n=r.value;switch(t){case"group":return a?i(e):"";case"decimal":return f(e);default:return n}})).reduce((function(r,t){return r+t}));return s}return r}}))}}}}));

package/dist/calcite/p-5a8ab8fc.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-import{f as t}from"./p-953fb9e4.js";import{c as o}from"./p-48bd2b43.js";const n=new Set;let s;const c={childList:!0};function f(t){s||(s=o("mutation",r)),s.observe(t.el,c)}function i(t){n.delete(t.el),r(s.takeRecords()),s.disconnect();for(const[t]of n.entries())s.observe(t,c)}function r(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}

package/dist/calcite/p-80312273.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-import{r as t,c as e,h as i,H as a,g as n}from"./p-953fb9e4.js";import{f as o,n as r,g as c,a as s,C as l,k as m}from"./p-ed386ce4.js";import{c as d,d as h}from"./p-5a8ab8fc.js";import"./p-c69b4da9.js";import"./p-48bd2b43.js";var f;!function(t){t.Single="single",t.Multi="multi",t.Children="children",t.MultiChildren="multi-children",t.Ancestors="ancestors"}(f||(f={}));const p=class{constructor(i){t(this,i),this.calciteTreeSelect=e(this,"calciteTreeSelect",7),this.lines=!1,this.inputEnabled=!1,this.scale="m",this.selectionMode=f.Single}componentWillRender(){const t=this.el.parentElement.closest("calcite-tree");this.lines=t?t.lines:this.lines,this.scale=t?t.scale:this.scale,this.selectionMode=t?t.selectionMode:this.selectionMode,this.child=!!t}render(){return i(a,{"aria-multiselectable":this.child?void 0:(this.selectionMode===f.Multi||this.selectionMode===f.MultiChildren).toString(),role:this.child?void 0:"tree",tabIndex:this.getRootTabIndex()},i("slot",null))}onFocus(){if(!this.child){const t=this.el.querySelector("calcite-tree-item[selected]")||this.el.querySelector("calcite-tree-item");o(t)}}onFocusIn(t){(t.relatedTarget===this.el||!this.el.contains(t.relatedTarget))&&this.el.removeAttribute("tabindex")}onFocusOut(t){!this.el.contains(t.relatedTarget)&&(this.el.tabIndex=this.getRootTabIndex())}onClick(t){const e=t.target,i=r(e.querySelectorAll("calcite-tree-item"));if(this.child)return;if(this.child||(t.preventDefault(),t.stopPropagation()),this.selectionMode===f.Ancestors&&!this.child)return void this.updateAncestorTree(t);const a=t.detail.modifyCurrentSelection&&(this.selectionMode===f.Multi||this.selectionMode===f.MultiChildren),n=this.selectionMode===f.MultiChildren||this.selectionMode===f.Children,o=!a&&((this.selectionMode===f.Single||this.selectionMode===f.Multi)&&i.length<=0||this.selectionMode===f.Children||this.selectionMode===f.MultiChildren),c=this.selectionMode===f.Children||this.selectionMode===f.MultiChildren;if(!this.child){const s=[];null!==this.selectionMode&&(!e.hasChildren||e.hasChildren&&(this.selectionMode===f.Children||this.selectionMode===f.MultiChildren))&&s.push(e),n&&i.forEach((t=>{s.push(t)})),o&&r(this.el.querySelectorAll("calcite-tree-item[selected]")).forEach((t=>{s.includes(t)||(t.selected=!1)})),c&&!t.detail.forceToggle&&(e.expanded=!0),a&&window.getSelection().removeAllRanges(),s.forEach(a&&e.selected||n&&t.detail.forceToggle?t=>{t.selected=!1}:t=>{t.selected=!0})}this.calciteTreeSelect.emit({selected:r(this.el.querySelectorAll("calcite-tree-item")).filter((t=>t.selected))})}keyDownHandler(t){var e;const i=this.el.closest("calcite-tree:not([child])"),a=t.target;if(i===this.el&&"CALCITE-TREE-ITEM"===a.tagName&&this.el.contains(a))switch(t.key){case"ArrowDown":const i=a.nextElementSibling;i&&i.matches("calcite-tree-item")&&(i.focus(),t.preventDefault());break;case"ArrowLeft":if(a.hasChildren&&a.expanded){a.expanded=!1,t.preventDefault();break}const n=a.parentElement.closest("calcite-tree-item");if(n&&(!a.hasChildren||!1===a.expanded)){n.focus(),t.preventDefault();break}break;case"ArrowRight":if(!a.hasChildren)break;a.expanded&&document.activeElement===a?(null===(e=a.querySelector("calcite-tree-item"))||void 0===e||e.focus(),t.preventDefault()):(a.expanded=!0,t.preventDefault());break;case"ArrowUp":const o=a.previousElementSibling;o&&o.matches("calcite-tree-item")&&(o.focus(),t.preventDefault())}}updateAncestorTree(t){const e=t.target,i=e.querySelectorAll("calcite-tree-item"),a=[];let n=e.parentElement.closest("calcite-tree-item");for(;n;)a.push(n),n=n.parentElement.closest("calcite-tree-item");e.selected=!e.selected,e.indeterminate=!1,(null==i?void 0:i.length)&&i.forEach((t=>{t.selected=e.selected,t.indeterminate=!1})),a&&a.forEach((t=>{const e=r(t.querySelectorAll("calcite-tree-item")),i=e.filter((t=>t.selected));if(0===i.length)return t.selected=!1,void(t.indeterminate=!1);const a=i.length<e.length;t.indeterminate=a,t.selected=!a})),this.calciteTreeSelect.emit({selected:r(this.el.querySelectorAll("calcite-tree-item")).filter((t=>t.selected))})}getRootTabIndex(){return this.child?-1:0}get el(){return n(this)}};p.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;outline:2px solid transparent;outline-offset:2px}";const b=class{constructor(i){t(this,i),this.calciteTreeItemSelect=e(this,"calciteTreeItemSelect",7),this.selected=!1,this.expanded=!1,this.parentExpanded=!1,this.depth=-1,this.hasChildren=null,this.iconClickHandler=t=>{t.stopPropagation(),this.expanded=!this.expanded},this.childrenClickHandler=t=>t.stopPropagation(),this.updateParentIsExpanded=(t,e)=>{c(t,"children",{all:!0,selector:"calcite-tree-item"}).forEach((t=>t.parentExpanded=e))},this.updateAncestorTree=()=>{if(this.selected&&this.selectionMode===f.Ancestors){const t=[];let e=this.parentTreeItem;for(;e;)t.push(e),e=e.parentElement.closest("calcite-tree-item");t.forEach((t=>t.indeterminate=!0))}}}expandedHandler(t){this.updateParentIsExpanded(this.el,t)}getselectionMode(){this.isSelectionMultiLike=this.selectionMode===f.Multi||this.selectionMode===f.MultiChildren}connectedCallback(){if(this.parentTreeItem=this.el.parentElement.closest("calcite-tree-item"),this.parentTreeItem){const{expanded:t}=this.parentTreeItem;this.updateParentIsExpanded(this.parentTreeItem,t)}d(this)}disconnectedCallback(){h(this)}componentWillRender(){this.hasChildren=!!this.el.querySelector("calcite-tree"),this.depth=0;let t,e=this.el.closest("calcite-tree");if(e)for(this.selectionMode=e.selectionMode,this.scale=e.scale||"m",this.lines=e.lines;e&&(t=e.parentElement.closest("calcite-tree"),t!==e);)e=t,this.depth=this.depth+1}componentDidLoad(){this.updateAncestorTree()}render(){const t="rtl"===s(this.el),e=this.selectionMode===f.Single||this.selectionMode===f.Children,n=this.selectionMode===f.Multi||this.selectionMode===f.MultiChildren,o=this.hasChildren?i("calcite-icon",{class:{chevron:!0,[l.rtl]:t},"data-test-id":"icon",icon:"chevron-right",onClick:this.iconClickHandler,scale:"s"}):null,r=i("slot",{key:"default-slot"}),c=this.selectionMode===f.Ancestors?i("label",{class:"checkbox-label",key:"checkbox-label"},i("calcite-checkbox",{checked:this.selected,class:"checkbox","data-test-id":"checkbox",indeterminate:this.hasChildren&&this.indeterminate,scale:this.scale,tabIndex:-1}),r):null,m=e?"bullet-point":n?"check":null,d=m?i("calcite-icon",{class:{"bullet-point":"bullet-point"===m,checkmark:"check"===m,[l.rtl]:t},icon:m,scale:"s"}):null,h=!(this.parentExpanded||1===this.depth);return i(a,{"aria-expanded":this.hasChildren?this.expanded.toString():void 0,"aria-hidden":h.toString(),"aria-selected":this.selected?"true":n?"false":void 0,"calcite-hydrated-hidden":h,role:"treeitem",tabindex:this.parentExpanded||1===this.depth?"0":"-1"},i("div",{class:{"node-container":!0,[l.rtl]:t},"data-selection-mode":this.selectionMode,ref:t=>this.defaultSlotWrapper=t},o,d,c||r),i("div",{class:{"children-container":!0,[l.rtl]:t},"data-test-id":"calcite-tree-children",onClick:this.childrenClickHandler,ref:t=>this.childrenSlotWrapper=t,role:this.hasChildren?"group":void 0},i("slot",{name:"children"})))}onClick(t){const[e]=m(this.el,"a");e&&"a"!==t.composedPath()[0].tagName.toLowerCase()&&window.open(e.href,""===e.target?"_self":e.target),this.calciteTreeItemSelect.emit({modifyCurrentSelection:this.selectionMode===f.Ancestors||this.isSelectionMultiLike,forceToggle:!1})}keyDownHandler(t){let e;switch(t.key){case" ":this.calciteTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,forceToggle:!1}),t.preventDefault();break;case"Enter":const i=r(this.el.children).find((t=>t.matches("a")));i?(i.click(),this.selected=!0):this.calciteTreeItemSelect.emit({modifyCurrentSelection:this.isSelectionMultiLike,forceToggle:!1}),t.preventDefault();break;case"Home":e=this.el.closest("calcite-tree:not([child])"),e.querySelector("calcite-tree-item").focus();break;case"End":e=this.el.closest("calcite-tree:not([child])");let a=e.children[e.children.length-1],n=r(a.children).find((t=>t.matches("calcite-tree")));for(;n;)a=n.children[e.children.length-1],n=r(a.children).find((t=>t.matches("calcite-tree")));a.focus()}}get el(){return n(this)}static get watchers(){return{expanded:["expandedHandler"],selectionMode:["getselectionMode"]}}};b.style='@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-width:100%;cursor:pointer;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-container{--calcite-tree-padding-y:0.25rem}:host([scale=s]) .node-container .checkbox,:host([scale=s]) .node-container .chevron,:host([scale=s]) .node-container .checkmark,:host([scale=s]) .node-container .bullet-point{margin-inline:0.25rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-container{--calcite-tree-padding-y:0.5rem}:host([scale=m]) .node-container .checkbox,:host([scale=m]) .node-container .chevron,:host([scale=m]) .node-container .checkmark,:host([scale=m]) .node-container .bullet-point{margin-inline:0.5rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-container{--calcite-tree-padding-y:0.75rem}:host([scale=l]) .node-container .checkbox,:host([scale=l]) .node-container .chevron,:host([scale=l]) .node-container .checkmark,:host([scale=l]) .node-container .bullet-point{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;top:0px;width:1px;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;height:96%;content:"";background-color:var(--calcite-ui-border-2);z-index:-1}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-width:0px;max-width:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){width:100%;-webkit-text-decoration-line:none;text-decoration-line:none}:host{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.checkbox{outline:2px solid transparent;outline-offset:2px;line-height:0}.checkbox-label{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.children-container{position:relative;height:0px;overflow:hidden;-webkit-margin-start:1.25rem;margin-inline-start:1.25rem;-webkit-transform:scaleY(0);transform:scaleY(0);opacity:0;-webkit-transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out;-webkit-transform-origin:top;transform-origin:top}:host([expanded])>.children-container{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;height:auto}.node-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--calcite-tree-padding-y) 0}.node-container .checkmark,.node-container .bullet-point{opacity:0;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus) .node-container .checkmark,:host(:focus) .node-container .bullet-point{opacity:1}:host([selected])>.node-container,:host([selected])>.node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected])>.node-container .bullet-point,:host([selected])>.node-container .checkmark,:host([selected])>.node-container:hover .bullet-point,:host([selected])>.node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host(:not([has-children])):host([scale=s])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem}:host([has-children])>.node-container[data-selection-mode=ancestors] .checkbox{-webkit-margin-start:0;margin-inline-start:0}:host([has-children])>.node-container .bullet-point,:host([has-children])>.node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]))>.node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected])>.node-container[data-selection-mode=children],:host([has-children][selected])>.node-container[data-selection-mode=multi-children]{color:var(--calcite-ui-brand)}.chevron{position:relative;-ms-flex-item-align:center;align-self:center;color:var(--calcite-ui-text-3);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.calcite--rtl .chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host([expanded])>.node-container>.chevron{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}';export{p as calcite_tree,b as calcite_tree_item}

package/dist/calcite/p-88d7ad65.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-System.register(["./p-f9ff8aba.system.js"],(function(e){"use strict";var t,n;return{setters:[function(e){t=e.q;n=e.c}],execute:function(){e({c:s,d:d,g:f});var r="calciteInternalLabelClick";var a=e("l","calciteInternalLabelConnected");var i=e("a","calciteInternaLabelDisconnected");var l="calcite-label";var c=new WeakMap;var o=new Set;var v=function(e){var r=e.id;var a=r&&t(e,{selector:"".concat(l,'[for="').concat(r,'"]')});if(a){return a}var i=n(e,l);if(!i||u(i,e)){return null}return i};function u(e,t){var n;var r="custom-element-ancestor-check";var a=function(r){r.stopImmediatePropagation();var a=r.composedPath();n=a.slice(a.indexOf(t),a.indexOf(e))};e.addEventListener(r,a,{once:true});t.dispatchEvent(new CustomEvent(r,{composed:true,bubbles:true}));e.removeEventListener(r,a);var i=n.filter((function(n){return n!==t&&n!==e})).filter((function(e){var t;return(t=e.tagName)===null||t===void 0?void 0:t.includes("-")}));return i.length>0}function s(e){var t=v(e.el);if(c.has(t)){return}var n=m.bind(e);var l=E.bind(e);if(t){var u=function(){e.labelEl=t;var n=b.bind(e);c.set(e.labelEl,n);e.labelEl.addEventListener(r,n)};u();o.delete(e);document.removeEventListener(a,n);document.addEventListener(i,l)}else if(!t&&!o.has(e)){l();document.removeEventListener(i,l)}}function d(e){var t=m.bind(e);var n=E.bind(e);o.delete(e);document.removeEventListener(a,t);document.removeEventListener(i,n);if(!e.labelEl){return}var l=c.get(e.labelEl);e.labelEl.removeEventListener(r,l);c.delete(e.labelEl)}function f(e){var t,n;return e.label||((n=(t=e.labelEl)===null||t===void 0?void 0:t.textContent)===null||n===void 0?void 0:n.trim())||""}function b(e){if(this.disabled){return}var t=this.el.contains(e.detail.sourceEvent.target);if(t){return}this.onLabelClick(e)}function m(){if(o.has(this)){s(this)}}function E(){o.add(this);var e=m.bind(this);document.addEventListener(a,e)}}}}));

package/dist/calcite/p-92f34e86.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-import{a as t,r as a,h as i,H as n,g as e}from"./p-953fb9e4.js";import{a as r}from"./p-ed386ce4.js";import{c as s}from"./p-48bd2b43.js";import"./p-c69b4da9.js";const o={},c={},l={s:16,m:24,l:32};const m=class{constructor(t){a(this,t),this.icon=null,this.flipRtl=!1,this.scale="m",this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){var t;null===(t=this.intersectionObserver)||void 0===t||t.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:t,flipRtl:a,pathData:e,scale:s,textLabel:o}=this,c=r(t),m=l[s],h=!!o,f=[].concat(e||"");return i(n,{"aria-hidden":(!h).toString(),"aria-label":h?o:null,role:h?"img":null},i("svg",{class:{"flip-rtl":"rtl"===c&&a,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${m} ${m}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},f.map((t=>i("path","string"==typeof t?{d:t}:{d:t.d,opacity:"opacity"in t?t.opacity:1})))))}async loadIconPathData(){const{icon:a,scale:i,visible:n}=this;a&&n&&(this.pathData=await async function({icon:a,scale:i}){const n=l[i],e=function(t){const a=!isNaN(Number(t.charAt(0))),i=t.split("-");return 1===i.length?a?`i${t}`:t:i.map(((t,i)=>0===i?a?`i${t.toUpperCase()}`:t:t.charAt(0).toUpperCase()+t.slice(1))).join("")}(a),r="F"===e.charAt(e.length-1),s=`${r?e.substring(0,e.length-1):e}${n}${r?"F":""}`;if(o[s])return o[s];c[s]||(c[s]=fetch(t(`./assets/icon/${s}.json`)).then((t=>t.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const m=await c[s];return o[s]=m,m}({icon:a,scale:i}))}waitUntilVisible(t){this.intersectionObserver=s("intersection",(a=>{a.forEach((a=>{a.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,t())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):t()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};m.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host([scale=m]){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host([scale=l]){height:2rem;width:2rem;min-width:2rem;min-height:2rem}.flip-rtl{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg{display:block}";export{m as calcite_icon}

package/dist/calcite/p-95f9902c.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */
-import{q as n,c as e}from"./p-ed386ce4.js";const t="calciteInternalLabelConnected",c="calciteInternaLabelDisconnected",o=new WeakMap,a=new Set;function l(t){const c=(t=>{const{id:c}=t,o=c&&n(t,{selector:`calcite-label[for="${c}"]`});if(o)return o;const a=e(t,"calcite-label");return!a||function(n,e){let t;const c="custom-element-ancestor-check",o=c=>{c.stopImmediatePropagation();const o=c.composedPath();t=o.slice(o.indexOf(e),o.indexOf(n))};return n.addEventListener(c,o,{once:!0}),e.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0})),n.removeEventListener(c,o),t.filter((t=>t!==e&&t!==n)).filter((n=>{var e;return null===(e=n.tagName)||void 0===e?void 0:e.includes("-")})).length>0}(a,t)?null:a})(t.el);if(o.has(c))return;const l=u.bind(t),i=d.bind(t);c?((()=>{t.labelEl=c;const n=r.bind(t);o.set(t.labelEl,n),t.labelEl.addEventListener("calciteInternalLabelClick",n)})(),a.delete(t),document.removeEventListener("calciteInternalLabelConnected",l),document.addEventListener("calciteInternaLabelDisconnected",i)):c||a.has(t)||(i(),document.removeEventListener("calciteInternaLabelDisconnected",i))}function i(n){const e=u.bind(n),t=d.bind(n);if(a.delete(n),document.removeEventListener("calciteInternalLabelConnected",e),document.removeEventListener("calciteInternaLabelDisconnected",t),!n.labelEl)return;const c=o.get(n.labelEl);n.labelEl.removeEventListener("calciteInternalLabelClick",c),o.delete(n.labelEl)}function s(n){var e,t;return n.label||(null===(t=null===(e=n.labelEl)||void 0===e?void 0:e.textContent)||void 0===t?void 0:t.trim())||""}function r(n){this.disabled||this.el.contains(n.detail.sourceEvent.target)||this.onLabelClick(n)}function u(){a.has(this)&&l(this)}function d(){a.add(this);const n=u.bind(this);document.addEventListener("calciteInternalLabelConnected",n)}export{c as a,l as c,i as d,s as g,t as l}

package/dist/calcite/p-9b92b990.system.entry.js

@@ -1,6 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{s(a.next(e))}catch(e){i(e)}}function l(e){try{s(a["throw"](e))}catch(e){i(e)}}function s(e){e.done?r(e.value):n(e.value).then(o,l)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return s([e,t])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(i=o[0]&2?n["return"]:o[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;if(n=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;n=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(e){o=[6,e];n=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var a=0,n=t.length,i;a<n;a++){if(i||!(a in t)){if(!i)i=Array.prototype.slice.call(t,0,a);i[a]=t[a]}}return e.concat(i||Array.prototype.slice.call(t))};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.435
- */System.register(["./p-233bcc9c.system.js","./p-f9ff8aba.system.js","./p-36afb7db.system.js","./p-07e5cd9f.system.js","./p-7e3226f9.system.js","./p-1eebd037.system.js","./p-2e3ba750.system.js"],(function(e){"use strict";var t,r,a,n,i,o,l,s,c,h,u,d,v,f,p,m,g,b,y;return{setters:[function(e){t=e.r;r=e.c;a=e.h;n=e.g},function(e){i=e.f;o=e.b},function(e){l=e.n;s=e.C;c=e.p;h=e.c;u=e.i;d=e.a;v=e.r;f=e.h;p=e.b},function(e){m=e.c},function(e){g=e.u},function(e){b=e.d;y=e.i},function(){}],execute:function(){var w="Expected a function";function C(e,t,r){var a=true,n=true;if(typeof e!="function"){throw new TypeError(w)}if(y(r)){a="leading"in r?!!r.leading:a;n="trailing"in r?!!r.trailing:n}return b(e,t,{leading:a,maxWait:t,trailing:n})}function k(e,t,r){return r={path:t,exports:{},require:function(e,t){return x()}},e(r,r.exports),r.exports}function x(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var S={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var M=function e(t){if(!t||typeof t==="string"){return false}return t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&t.constructor.name!=="String")};var D=k((function(e){var t=Array.prototype.concat;var r=Array.prototype.slice;var a=e.exports=function e(a){var n=[];for(var i=0,o=a.length;i<o;i++){var l=a[i];if(M(l)){n=t.call(n,r.call(l))}else{n.push(l)}}return n};a.wrap=function(e){return function(){return e(a(arguments))}}}));var F=k((function(e){var t=Object.hasOwnProperty;var r={};for(var a in S){if(t.call(S,a)){r[S[a]]=a}}var n=e.exports={to:{},get:{}};n.get=function(e){var t=e.substring(0,3).toLowerCase();var r;var a;switch(t){case"hsl":r=n.get.hsl(e);a="hsl";break;case"hwb":r=n.get.hwb(e);a="hwb";break;default:r=n.get.rgb(e);a="rgb";break}if(!r){return null}return{model:a,value:r}};n.get.rgb=function(e){if(!e){return null}var r=/^#([a-f0-9]{3,4})$/i;var a=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var n=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var l=/^(\w+)$/;var s=[0,0,0,1];var c;var h;var u;if(c=e.match(a)){u=c[2];c=c[1];for(h=0;h<3;h++){var d=h*2;s[h]=parseInt(c.slice(d,d+2),16)}if(u){s[3]=parseInt(u,16)/255}}else if(c=e.match(r)){c=c[1];u=c[3];for(h=0;h<3;h++){s[h]=parseInt(c[h]+c[h],16)}if(u){s[3]=parseInt(u+u,16)/255}}else if(c=e.match(n)){for(h=0;h<3;h++){s[h]=parseInt(c[h+1],0)}if(c[4]){if(c[5]){s[3]=parseFloat(c[4])*.01}else{s[3]=parseFloat(c[4])}}}else if(c=e.match(o)){for(h=0;h<3;h++){s[h]=Math.round(parseFloat(c[h+1])*2.55)}if(c[4]){if(c[5]){s[3]=parseFloat(c[4])*.01}else{s[3]=parseFloat(c[4])}}}else if(c=e.match(l)){if(c[1]==="transparent"){return[0,0,0,0]}if(!t.call(S,c[1])){return null}s=S[c[1]];s[3]=1;return s}else{return null}for(h=0;h<3;h++){s[h]=i(s[h],0,255)}s[3]=i(s[3],0,1);return s};n.get.hsl=function(e){if(!e){return null}var t=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var r=e.match(t);if(r){var a=parseFloat(r[4]);var n=(parseFloat(r[1])%360+360)%360;var o=i(parseFloat(r[2]),0,100);var l=i(parseFloat(r[3]),0,100);var s=i(isNaN(a)?1:a,0,1);return[n,o,l,s]}return null};n.get.hwb=function(e){if(!e){return null}var t=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;var r=e.match(t);if(r){var a=parseFloat(r[4]);var n=(parseFloat(r[1])%360+360)%360;var o=i(parseFloat(r[2]),0,100);var l=i(parseFloat(r[3]),0,100);var s=i(isNaN(a)?1:a,0,1);return[n,o,l,s]}return null};n.to.hex=function(){var e=D(arguments);return"#"+o(e[0])+o(e[1])+o(e[2])+(e[3]<1?o(Math.round(e[3]*255)):"")};n.to.rgb=function(){var e=D(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"};n.to.rgb.percent=function(){var e=D(arguments);var t=Math.round(e[0]/255*100);var r=Math.round(e[1]/255*100);var a=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+t+"%, "+r+"%, "+a+"%)":"rgba("+t+"%, "+r+"%, "+a+"%, "+e[3]+")"};n.to.hsl=function(){var e=D(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"};n.to.hwb=function(){var e=D(arguments);var t="";if(e.length>=4&&e[3]!==1){t=", "+e[3]}return"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+t+")"};n.to.keyword=function(e){return r[e.slice(0,3)]};function i(e,t,r){return Math.min(Math.max(t,e),r)}function o(e){var t=Math.round(e).toString(16).toUpperCase();return t.length<2?"0"+t:t}}));var A={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var I={};for(var _=0,j=Object.keys(A);_<j.length;_++){var T=j[_];I[A[T]]=T}var H={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var O=H;for(var E=0,P=Object.keys(H);E<P.length;E++){var R=P[E];if(!("channels"in H[R])){throw new Error("missing channels property: "+R)}if(!("labels"in H[R])){throw new Error("missing channel labels property: "+R)}if(H[R].labels.length!==H[R].channels){throw new Error("channel and label counts mismatch: "+R)}var N=H[R],z=N.channels,L=N.labels;delete H[R].channels;delete H[R].labels;Object.defineProperty(H[R],"channels",{value:z});Object.defineProperty(H[R],"labels",{value:L})}H.rgb.hsl=function(e){var t=e[0]/255;var r=e[1]/255;var a=e[2]/255;var n=Math.min(t,r,a);var i=Math.max(t,r,a);var o=i-n;var l;var s;if(i===n){l=0}else if(t===i){l=(r-a)/o}else if(r===i){l=2+(a-t)/o}else if(a===i){l=4+(t-r)/o}l=Math.min(l*60,360);if(l<0){l+=360}var c=(n+i)/2;if(i===n){s=0}else if(c<=.5){s=o/(i+n)}else{s=o/(2-i-n)}return[l,s*100,c*100]};H.rgb.hsv=function(e){var t;var r;var a;var n;var i;var o=e[0]/255;var l=e[1]/255;var s=e[2]/255;var c=Math.max(o,l,s);var h=c-Math.min(o,l,s);var u=function(e){return(c-e)/6/h+1/2};if(h===0){n=0;i=0}else{i=h/c;t=u(o);r=u(l);a=u(s);if(o===c){n=a-r}else if(l===c){n=1/3+t-a}else if(s===c){n=2/3+r-t}if(n<0){n+=1}else if(n>1){n-=1}}return[n*360,i*100,c*100]};H.rgb.hwb=function(e){var t=e[0];var r=e[1];var a=e[2];var n=H.rgb.hsl(e)[0];var i=1/255*Math.min(t,Math.min(r,a));a=1-1/255*Math.max(t,Math.max(r,a));return[n,i*100,a*100]};H.rgb.cmyk=function(e){var t=e[0]/255;var r=e[1]/255;var a=e[2]/255;var n=Math.min(1-t,1-r,1-a);var i=(1-t-n)/(1-n)||0;var o=(1-r-n)/(1-n)||0;var l=(1-a-n)/(1-n)||0;return[i*100,o*100,l*100,n*100]};function q(e,t){return Math.pow(e[0]-t[0],2)+Math.pow(e[1]-t[1],2)+Math.pow(e[2]-t[2],2)}H.rgb.keyword=function(e){var t=I[e];if(t){return t}var r=Infinity;var a;for(var n=0,i=Object.keys(A);n<i.length;n++){var o=i[n];var l=A[o];var s=q(e,l);if(s<r){r=s;a=o}}return a};H.keyword.rgb=function(e){return A[e]};H.rgb.xyz=function(e){var t=e[0]/255;var r=e[1]/255;var a=e[2]/255;t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92;r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92;a=a>.04045?Math.pow((a+.055)/1.055,2.4):a/12.92;var n=t*.4124+r*.3576+a*.1805;var i=t*.2126+r*.7152+a*.0722;var o=t*.0193+r*.1192+a*.9505;return[n*100,i*100,o*100]};H.rgb.lab=function(e){var t=H.rgb.xyz(e);var r=t[0];var a=t[1];var n=t[2];r/=95.047;a/=100;n/=108.883;r=r>.008856?Math.pow(r,1/3):7.787*r+16/116;a=a>.008856?Math.pow(a,1/3):7.787*a+16/116;n=n>.008856?Math.pow(n,1/3):7.787*n+16/116;var i=116*a-16;var o=500*(r-a);var l=200*(a-n);return[i,o,l]};H.hsl.rgb=function(e){var t=e[0]/360;var r=e[1]/100;var a=e[2]/100;var n;var i;var o;if(r===0){o=a*255;return[o,o,o]}if(a<.5){n=a*(1+r)}else{n=a+r-a*r}var l=2*a-n;var s=[0,0,0];for(var c=0;c<3;c++){i=t+1/3*-(c-1);if(i<0){i++}if(i>1){i--}if(6*i<1){o=l+(n-l)*6*i}else if(2*i<1){o=n}else if(3*i<2){o=l+(n-l)*(2/3-i)*6}else{o=l}s[c]=o*255}return s};H.hsl.hsv=function(e){var t=e[0];var r=e[1]/100;var a=e[2]/100;var n=r;var i=Math.max(a,.01);a*=2;r*=a<=1?a:2-a;n*=i<=1?i:2-i;var o=(a+r)/2;var l=a===0?2*n/(i+n):2*r/(a+r);return[t,l*100,o*100]};H.hsv.rgb=function(e){var t=e[0]/60;var r=e[1]/100;var a=e[2]/100;var n=Math.floor(t)%6;var i=t-Math.floor(t);var o=255*a*(1-r);var l=255*a*(1-r*i);var s=255*a*(1-r*(1-i));a*=255;switch(n){case 0:return[a,s,o];case 1:return[l,a,o];case 2:return[o,a,s];case 3:return[o,l,a];case 4:return[s,o,a];case 5:return[a,o,l]}};H.hsv.hsl=function(e){var t=e[0];var r=e[1]/100;var a=e[2]/100;var n=Math.max(a,.01);var i;var o;o=(2-r)*a;var l=(2-r)*n;i=r*n;i/=l<=1?l:2-l;i=i||0;o/=2;return[t,i*100,o*100]};H.hwb.rgb=function(e){var t=e[0]/360;var r=e[1]/100;var a=e[2]/100;var n=r+a;var i;if(n>1){r/=n;a/=n}var o=Math.floor(6*t);var l=1-a;i=6*t-o;if((o&1)!==0){i=1-i}var s=r+i*(l-r);var c;var h;var u;switch(o){default:case 6:case 0:c=l;h=s;u=r;break;case 1:c=s;h=l;u=r;break;case 2:c=r;h=l;u=s;break;case 3:c=r;h=s;u=l;break;case 4:c=s;h=r;u=l;break;case 5:c=l;h=r;u=s;break}return[c*255,h*255,u*255]};H.cmyk.rgb=function(e){var t=e[0]/100;var r=e[1]/100;var a=e[2]/100;var n=e[3]/100;var i=1-Math.min(1,t*(1-n)+n);var o=1-Math.min(1,r*(1-n)+n);var l=1-Math.min(1,a*(1-n)+n);return[i*255,o*255,l*255]};H.xyz.rgb=function(e){var t=e[0]/100;var r=e[1]/100;var a=e[2]/100;var n;var i;var o;n=t*3.2406+r*-1.5372+a*-.4986;i=t*-.9689+r*1.8758+a*.0415;o=t*.0557+r*-.204+a*1.057;n=n>.0031308?1.055*Math.pow(n,1/2.4)-.055:n*12.92;i=i>.0031308?1.055*Math.pow(i,1/2.4)-.055:i*12.92;o=o>.0031308?1.055*Math.pow(o,1/2.4)-.055:o*12.92;n=Math.min(Math.max(0,n),1);i=Math.min(Math.max(0,i),1);o=Math.min(Math.max(0,o),1);return[n*255,i*255,o*255]};H.xyz.lab=function(e){var t=e[0];var r=e[1];var a=e[2];t/=95.047;r/=100;a/=108.883;t=t>.008856?Math.pow(t,1/3):7.787*t+16/116;r=r>.008856?Math.pow(r,1/3):7.787*r+16/116;a=a>.008856?Math.pow(a,1/3):7.787*a+16/116;var n=116*r-16;var i=500*(t-r);var o=200*(r-a);return[n,i,o]};H.lab.xyz=function(e){var t=e[0];var r=e[1];var a=e[2];var n;var i;var o;i=(t+16)/116;n=r/500+i;o=i-a/200;var l=Math.pow(i,3);var s=Math.pow(n,3);var c=Math.pow(o,3);i=l>.008856?l:(i-16/116)/7.787;n=s>.008856?s:(n-16/116)/7.787;o=c>.008856?c:(o-16/116)/7.787;n*=95.047;i*=100;o*=108.883;return[n,i,o]};H.lab.lch=function(e){var t=e[0];var r=e[1];var a=e[2];var n;var i=Math.atan2(a,r);n=i*360/2/Math.PI;if(n<0){n+=360}var o=Math.sqrt(r*r+a*a);return[t,o,n]};H.lch.lab=function(e){var t=e[0];var r=e[1];var a=e[2];var n=a/360*2*Math.PI;var i=r*Math.cos(n);var o=r*Math.sin(n);return[t,i,o]};H.rgb.ansi16=function(e,t){if(t===void 0){t=null}var r=e[0],a=e[1],n=e[2];var i=t===null?H.rgb.hsv(e)[2]:t;i=Math.round(i/50);if(i===0){return 30}var o=30+(Math.round(n/255)<<2|Math.round(a/255)<<1|Math.round(r/255));if(i===2){o+=60}return o};H.hsv.ansi16=function(e){return H.rgb.ansi16(H.hsv.rgb(e),e[2])};H.rgb.ansi256=function(e){var t=e[0];var r=e[1];var a=e[2];if(t===r&&r===a){if(t<8){return 16}if(t>248){return 231}return Math.round((t-8)/247*24)+232}var n=16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5);return n};H.ansi16.rgb=function(e){var t=e%10;if(t===0||t===7){if(e>50){t+=3.5}t=t/10.5*255;return[t,t,t]}var r=(~~(e>50)+1)*.5;var a=(t&1)*r*255;var n=(t>>1&1)*r*255;var i=(t>>2&1)*r*255;return[a,n,i]};H.ansi256.rgb=function(e){if(e>=232){var t=(e-232)*10+8;return[t,t,t]}e-=16;var r;var a=Math.floor(e/36)/5*255;var n=Math.floor((r=e%36)/6)/5*255;var i=r%6/5*255;return[a,n,i]};H.rgb.hex=function(e){var t=((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255);var r=t.toString(16).toUpperCase();return"000000".substring(r.length)+r};H.hex.rgb=function(e){var t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t){return[0,0,0]}var r=t[0];if(t[0].length===3){r=r.split("").map((function(e){return e+e})).join("")}var a=parseInt(r,16);var n=a>>16&255;var i=a>>8&255;var o=a&255;return[n,i,o]};H.rgb.hcg=function(e){var t=e[0]/255;var r=e[1]/255;var a=e[2]/255;var n=Math.max(Math.max(t,r),a);var i=Math.min(Math.min(t,r),a);var o=n-i;var l;var s;if(o<1){l=i/(1-o)}else{l=0}if(o<=0){s=0}else if(n===t){s=(r-a)/o%6}else if(n===r){s=2+(a-t)/o}else{s=4+(t-r)/o}s/=6;s%=1;return[s*360,o*100,l*100]};H.hsl.hcg=function(e){var t=e[1]/100;var r=e[2]/100;var a=r<.5?2*t*r:2*t*(1-r);var n=0;if(a<1){n=(r-.5*a)/(1-a)}return[e[0],a*100,n*100]};H.hsv.hcg=function(e){var t=e[1]/100;var r=e[2]/100;var a=t*r;var n=0;if(a<1){n=(r-a)/(1-a)}return[e[0],a*100,n*100]};H.hcg.rgb=function(e){var t=e[0]/360;var r=e[1]/100;var a=e[2]/100;if(r===0){return[a*255,a*255,a*255]}var n=[0,0,0];var i=t%1*6;var o=i%1;var l=1-o;var s=0;switch(Math.floor(i)){case 0:n[0]=1;n[1]=o;n[2]=0;break;case 1:n[0]=l;n[1]=1;n[2]=0;break;case 2:n[0]=0;n[1]=1;n[2]=o;break;case 3:n[0]=0;n[1]=l;n[2]=1;break;case 4:n[0]=o;n[1]=0;n[2]=1;break;default:n[0]=1;n[1]=0;n[2]=l}s=(1-r)*a;return[(r*n[0]+s)*255,(r*n[1]+s)*255,(r*n[2]+s)*255]};H.hcg.hsv=function(e){var t=e[1]/100;var r=e[2]/100;var a=t+r*(1-t);var n=0;if(a>0){n=t/a}return[e[0],n*100,a*100]};H.hcg.hsl=function(e){var t=e[1]/100;var r=e[2]/100;var a=r*(1-t)+.5*t;var n=0;if(a>0&&a<.5){n=t/(2*a)}else if(a>=.5&&a<1){n=t/(2*(1-a))}return[e[0],n*100,a*100]};H.hcg.hwb=function(e){var t=e[1]/100;var r=e[2]/100;var a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]};H.hwb.hcg=function(e){var t=e[1]/100;var r=e[2]/100;var a=1-r;var n=a-t;var i=0;if(n<1){i=(a-n)/(1-n)}return[e[0],n*100,i*100]};H.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};H.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};H.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};H.gray.hsl=function(e){return[0,0,e[0]]};H.gray.hsv=H.gray.hsl;H.gray.hwb=function(e){return[0,100,e[0]]};H.gray.cmyk=function(e){return[0,0,0,e[0]]};H.gray.lab=function(e){return[e[0],0,0]};H.gray.hex=function(e){var t=Math.round(e[0]/100*255)&255;var r=(t<<16)+(t<<8)+t;var a=r.toString(16).toUpperCase();return"000000".substring(a.length)+a};H.rgb.gray=function(e){var t=(e[0]+e[1]+e[2])/3;return[t/255*100]};function U(){var e={};var t=Object.keys(O);for(var r=t.length,a=0;a<r;a++){e[t[a]]={distance:-1,parent:null}}return e}function K(e){var t=U();var r=[e];t[e].distance=0;while(r.length){var a=r.pop();var n=Object.keys(O[a]);for(var i=n.length,o=0;o<i;o++){var l=n[o];var s=t[l];if(s.distance===-1){s.distance=t[a].distance+1;s.parent=a;r.unshift(l)}}}return t}function V(e,t){return function(r){return t(e(r))}}function B(e,t){var r=[t[e].parent,e];var a=O[t[e].parent][e];var n=t[e].parent;while(t[n].parent){r.unshift(t[n].parent);a=V(O[t[n].parent][n],a);n=t[n].parent}a.conversion=r;return a}var G=function(e){var t=K(e);var r={};var a=Object.keys(t);for(var n=a.length,i=0;i<n;i++){var o=a[i];var l=t[o];if(l.parent===null){continue}r[o]=B(o,t)}return r};var W={};var $=Object.keys(O);function J(e){var t=function(){var t=[];for(var r=0;r<arguments.length;r++){t[r]=arguments[r]}var a=t[0];if(a===undefined||a===null){return a}if(a.length>1){t=a}return e(t)};if("conversion"in e){t.conversion=e.conversion}return t}function X(e){var t=function(){var t=[];for(var r=0;r<arguments.length;r++){t[r]=arguments[r]}var a=t[0];if(a===undefined||a===null){return a}if(a.length>1){t=a}var n=e(t);if(typeof n==="object"){for(var i=n.length,o=0;o<i;o++){n[o]=Math.round(n[o])}}return n};if("conversion"in e){t.conversion=e.conversion}return t}$.forEach((function(e){W[e]={};Object.defineProperty(W[e],"channels",{value:O[e].channels});Object.defineProperty(W[e],"labels",{value:O[e].labels});var t=G(e);var r=Object.keys(t);r.forEach((function(r){var a=t[r];W[e][r]=X(a);W[e][r].raw=J(a)}))}));var Y=W;var Q=[].slice;var Z=["keyword","gray","hex"];var ee={};for(var te=0,re=Object.keys(Y);te<re.length;te++){var R=re[te];ee[Q.call(Y[R].labels).sort().join("")]=R}var ae={};function ne(e,t){if(!(this instanceof ne)){return new ne(e,t)}if(t&&t in Z){t=null}if(t&&!(t in Y)){throw new Error("Unknown model: "+t)}var r;var a;if(e==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(e instanceof ne){this.model=e.model;this.color=e.color.slice();this.valpha=e.valpha}else if(typeof e==="string"){var n=F.get(e);if(n===null){throw new Error("Unable to parse color from string: "+e)}this.model=n.model;a=Y[this.model].channels;this.color=n.value.slice(0,a);this.valpha=typeof n.value[a]==="number"?n.value[a]:1}else if(e.length>0){this.model=t||"rgb";a=Y[this.model].channels;var i=Q.call(e,0,a);this.color=ve(i,a);this.valpha=typeof e[a]==="number"?e[a]:1}else if(typeof e==="number"){this.model="rgb";this.color=[e>>16&255,e>>8&255,e&255];this.valpha=1}else{this.valpha=1;var o=Object.keys(e);if("alpha"in e){o.splice(o.indexOf("alpha"),1);this.valpha=typeof e.alpha==="number"?e.alpha:0}var l=o.sort().join("");if(!(l in ee)){throw new Error("Unable to parse color from object: "+JSON.stringify(e))}this.model=ee[l];var s=Y[this.model].labels;var c=[];for(r=0;r<s.length;r++){c.push(e[s[r]])}this.color=ve(c)}if(ae[this.model]){a=Y[this.model].channels;for(r=0;r<a;r++){var h=ae[this.model][r];if(h){this.color[r]=h(this.color[r])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ne.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(e){var t=this.model in F.to?this:this.rgb();t=t.round(typeof e==="number"?e:1);var r=t.valpha===1?t.color:t.color.concat(this.valpha);return F.to[t.model](r)},percentString:function(e){var t=this.rgb().round(typeof e==="number"?e:1);var r=t.valpha===1?t.color:t.color.concat(this.valpha);return F.to.rgb.percent(r)},array:function(){return this.valpha===1?this.color.slice():this.color.concat(this.valpha)},object:function(){var e={};var t=Y[this.model].channels;var r=Y[this.model].labels;for(var a=0;a<t;a++){e[r[a]]=this.color[a]}if(this.valpha!==1){e.alpha=this.valpha}return e},unitArray:function(){var e=this.rgb().color;e[0]/=255;e[1]/=255;e[2]/=255;if(this.valpha!==1){e.push(this.valpha)}return e},unitObject:function(){var e=this.rgb().object();e.r/=255;e.g/=255;e.b/=255;if(this.valpha!==1){e.alpha=this.valpha}return e},round:function(e){e=Math.max(e||0,0);return new ne(this.color.map(ce(e)).concat(this.valpha),this.model)},alpha:function(e){if(arguments.length>0){return new ne(this.color.concat(Math.max(0,Math.min(1,e))),this.model)}return this.valpha},red:he("rgb",0,ue(255)),green:he("rgb",1,ue(255)),blue:he("rgb",2,ue(255)),hue:he(["hsl","hsv","hsl","hwb","hcg"],0,(function(e){return(e%360+360)%360})),saturationl:he("hsl",1,ue(100)),lightness:he("hsl",2,ue(100)),saturationv:he("hsv",1,ue(100)),value:he("hsv",2,ue(100)),chroma:he("hcg",1,ue(100)),gray:he("hcg",2,ue(100)),white:he("hwb",1,ue(100)),wblack:he("hwb",2,ue(100)),cyan:he("cmyk",0,ue(100)),magenta:he("cmyk",1,ue(100)),yellow:he("cmyk",2,ue(100)),black:he("cmyk",3,ue(100)),x:he("xyz",0,ue(100)),y:he("xyz",1,ue(100)),z:he("xyz",2,ue(100)),l:he("lab",0,ue(100)),a:he("lab",1),b:he("lab",2),keyword:function(e){if(arguments.length>0){return new ne(e)}return Y[this.model].keyword(this.color)},hex:function(e){if(arguments.length>0){return new ne(e)}return F.to.hex(this.rgb().round().color)},hexa:function(e){if(arguments.length>0){return new ne(e)}var t=this.rgb().round().color;var r=Math.round(this.valpha*255).toString(16).toUpperCase();if(r.length===1){r="0"+r}return F.to.hex(t)+r},rgbNumber:function(){var e=this.rgb().color;return(e[0]&255)<<16|(e[1]&255)<<8|e[2]&255},luminosity:function(){var e=this.rgb().color;var t=[];for(var r=0,a=e.entries();r<a.length;r++){var n=a[r],i=n[0],o=n[1];var l=o/255;t[i]=l<=.03928?l/12.92:Math.pow((l+.055)/1.055,2.4)}return.2126*t[0]+.7152*t[1]+.0722*t[2]},contrast:function(e){var t=this.luminosity();var r=e.luminosity();if(t>r){return(t+.05)/(r+.05)}return(r+.05)/(t+.05)},level:function(e){var t=this.contrast(e);if(t>=7.1){return"AAA"}return t>=4.5?"AA":""},isDark:function(){var e=this.rgb().color;var t=(e[0]*299+e[1]*587+e[2]*114)/1e3;return t<128},isLight:function(){return!this.isDark()},negate:function(){var e=this.rgb();for(var t=0;t<3;t++){e.color[t]=255-e.color[t]}return e},lighten:function(e){var t=this.hsl();t.color[2]+=t.color[2]*e;return t},darken:function(e){var t=this.hsl();t.color[2]-=t.color[2]*e;return t},saturate:function(e){var t=this.hsl();t.color[1]+=t.color[1]*e;return t},desaturate:function(e){var t=this.hsl();t.color[1]-=t.color[1]*e;return t},whiten:function(e){var t=this.hwb();t.color[1]+=t.color[1]*e;return t},blacken:function(e){var t=this.hwb();t.color[2]+=t.color[2]*e;return t},grayscale:function(){var e=this.rgb().color;var t=e[0]*.3+e[1]*.59+e[2]*.11;return ne.rgb(t,t,t)},fade:function(e){return this.alpha(this.valpha-this.valpha*e)},opaquer:function(e){return this.alpha(this.valpha+this.valpha*e)},rotate:function(e){var t=this.hsl();var r=t.color[0];r=(r+e)%360;r=r<0?360+r:r;t.color[0]=r;return t},mix:function(e,t){if(!e||!e.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e)}var r=e.rgb();var a=this.rgb();var n=t===undefined?.5:t;var i=2*n-1;var o=r.alpha()-a.alpha();var l=((i*o===-1?i:(i+o)/(1+i*o))+1)/2;var s=1-l;return ne.rgb(l*r.red()+s*a.red(),l*r.green()+s*a.green(),l*r.blue()+s*a.blue(),r.alpha()*n+a.alpha()*(1-n))}};var ie=function(e){if(Z.includes(e)){return"continue"}var t=Y[e].channels;ne.prototype[e]=function(){if(this.model===e){return new ne(this)}if(arguments.length>0){return new ne(arguments,e)}var r=typeof arguments[t]==="number"?t:this.valpha;return new ne(de(Y[this.model][e].raw(this.color)).concat(r),e)};ne[e]=function(r){if(typeof r==="number"){r=ve(Q.call(arguments),t)}return new ne(r,e)}};for(var oe=0,le=Object.keys(Y);oe<le.length;oe++){var R=le[oe];ie(R)}function se(e,t){return Number(e.toFixed(t))}function ce(e){return function(t){return se(t,e)}}function he(e,t,r){e=Array.isArray(e)?e:[e];for(var a=0,n=e;a<n.length;a++){var i=n[a];(ae[i]||(ae[i]=[]))[t]=r}e=e[0];return function(a){var n;if(arguments.length>0){if(r){a=r(a)}n=this[e]();n.color[t]=a;return n}n=this[e]().color[t];if(r){n=r(n)}return n}}function ue(e){return function(t){return Math.max(0,Math.min(e,t))}}function de(e){return Array.isArray(e)?e:[e]}function ve(e,t){for(var r=0;r<t;r++){if(typeof e[r]!=="number"){e[r]=0}}return e}var fe=ne;var pe={container:"container",controlSection:"control-section",hexOptions:"color-hex-options",section:"section",header:"header",control:"control",splitSection:"section--split",colorModeContainer:"color-mode-container",colorMode:"color-mode",channels:"channels",channel:"channel",savedColors:"saved-colors",savedColorsSection:"saved-colors-section",saveColor:"save-color",deleteColor:"delete-color",savedColorsButtons:"saved-colors-buttons",headerHex:"header--hex",colorFieldAndSlider:"color-field-and-slider",colorFieldAndSliderInteractive:"color-field-and-slider--interactive",colorFieldAndSliderWrap:"color-field-and-slider-wrap",scope:"scope",hueScope:"scope--hue",colorFieldScope:"scope--color-field",savedColor:"saved-color"};var me=fe("#007AC2");var ge="calcite-color-";var be={r:255,g:255,b:255};var ye={h:360,s:100,v:100};var we={b:"B",blue:"Blue",deleteColor:"Delete color",g:"G",green:"Green",h:"H",hsv:"HSV",hex:"Hex",hue:"Hue",noColor:"No color",r:"R",red:"Red",rgb:"RGB",s:"S",saturation:"Saturation",saveColor:"Save color",saved:"Saved",v:"V",value:"Value"};var Ce={s:{slider:{height:10,width:160},colorField:{height:80,width:160},thumb:{radius:8}},m:{slider:{height:14,width:272},colorField:{height:150,width:272},thumb:{radius:10}},l:{slider:{height:16,width:464},colorField:{height:200,width:464},thumb:{radius:12}}};var ke="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-ms-flex-direction:column;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]) .header{padding-bottom:0px}: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{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}:host([scale=l]) .color-hex-options{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-height:98px;width:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;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{pointer-events:none;position:absolute;margin-bottom:0px;margin-right:0px;height:0.5rem;width:0.5rem;padding:0px;font-size:var(--calcite-font-size--1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.section{padding:0 12px 12px}.section:first-of-type{padding-top:12px}.color-hex-options,.section--split{-ms-flex-positive:1;flex-grow:1}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.25rem;color:var(--calcite-ui-text-1)}.header--hex,.color-mode-container{padding-top:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;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:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;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{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";var xe=16;var Se=l(me.hex());var Me="auto";var De=e("calcite_color_picker",function(){function e(e){var n=this;t(this,e);this.calciteColorPickerChange=r(this,"calciteColorPickerChange",7);this.calciteColorPickerInput=r(this,"calciteColorPickerInput",7);this.allowEmpty=false;this.appearance="default";this.color=me;this.disabled=false;this.format=Me;this.hideHex=false;this.hideChannels=false;this.hideSaved=false;this.intlB=we.b;this.intlBlue=we.blue;this.intlDeleteColor=we.deleteColor;this.intlG=we.g;this.intlGreen=we.green;this.intlH=we.h;this.intlHsv=we.hsv;this.intlHex=we.hex;this.intlHue=we.hue;this.intlNoColor=we.noColor;this.intlR=we.r;this.intlRed=we.red;this.intlRgb=we.rgb;this.intlS=we.s;this.intlSaturation=we.saturation;this.intlSaveColor=we.saveColor;this.intlSaved=we.saved;this.intlV=we.v;this.intlValue=we.value;this.scale="m";this.value=Se;this.colorFieldAndSliderHovered=false;this.hueThumbState="idle";this.internalColorUpdateContext=null;this.mode=s.HEX;this.shiftKeyChannelAdjustment=0;this.sliderThumbState="idle";this.colorFieldAndSliderInteractive=false;this.channelMode="rgb";this.channels=this.toChannels(me);this.dimensions=Ce.m;this.savedColors=[];this.handleTabActivate=function(e){n.channelMode=e.currentTarget.getAttribute("data-color-mode");n.updateChannelsFromColor(n.color)};this.handleColorFieldScopeKeyDown=function(e){var t=e.key;var r={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(r[t]){e.preventDefault();n.scopeOrientation=t==="ArrowDown"||t==="ArrowUp"?"vertical":"horizontal";n.captureColorFieldColor(n.colorFieldScopeLeft+r[t].x||0,n.colorFieldScopeTop+r[t].y||0,false)}};this.handleHueScopeKeyDown=function(e){var t=e.shiftKey?10:1;var r=e.key;var a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[r]){e.preventDefault();var i=a[r]*t;var o=n.baseColorFieldColor.hue();var l=n.baseColorFieldColor.hue(o+i);n.internalColorSet(l,false)}};this.handleHexInputChange=function(e){e.stopPropagation();var t=n,r=t.allowEmpty,a=t.color;var i=e.target;var o=i.value;if(r&&!o){n.internalColorSet(null);return}var s=a&&l(a.hex());if(o!==s){n.internalColorSet(fe(o))}};this.handleSavedColorSelect=function(e){var t=e.currentTarget;n.internalColorSet(fe(t.color))};this.handleChannelInput=function(e){var t=e.currentTarget;var r=e.detail.nativeEvent.target;var a=Number(t.getAttribute("data-channel-index"));var i=n.channelMode==="rgb"?be[Object.keys(be)[a]]:ye[Object.keys(ye)[a]];var o;if(n.allowEmpty&&!t.value){o=""}else{var l=Number(t.value)+n.shiftKeyChannelAdjustment;var s=m(l,0,i);o=s.toString()}t.value=o;r.value=o};this.handleChannelChange=function(e){var t=e.currentTarget;var r=Number(t.getAttribute("data-channel-index"));var a=__spreadArray([],n.channels,true);var i=n.allowEmpty&&!t.value;if(i){n.channels=[null,null,null];n.internalColorSet(null);return}a[r]=Number(t.value);n.updateColorFromChannels(a)};this.handleSavedColorKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();e.stopPropagation();n.handleSavedColorSelect(e)}};this.handleColorFieldAndSliderMouseLeave=function(){n.colorFieldAndSliderInteractive=false;n.colorFieldAndSliderHovered=false;if(n.sliderThumbState!=="drag"&&n.hueThumbState!=="drag"){n.hueThumbState="idle";n.sliderThumbState="idle";n.drawColorFieldAndSlider()}};this.handleColorFieldAndSliderMouseDown=function(e){var t=e.offsetX,r=e.offsetY;var a=n.getCanvasRegion(r);if(a==="color-field"){n.hueThumbState="drag";n.captureColorFieldColor(t,r);n.colorFieldScopeNode.focus()}else if(a==="slider"){n.sliderThumbState="drag";n.captureHueSliderColor(t);n.hueScopeNode.focus()}e.preventDefault();document.addEventListener("mousemove",n.globalMouseMoveHandler);document.addEventListener("mouseup",n.globalMouseUpHandler,{once:true});n.activeColorFieldAndSliderRect=n.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()};this.globalMouseUpHandler=function(){var e=n.sliderThumbState==="drag"||n.hueThumbState==="drag";n.hueThumbState="idle";n.sliderThumbState="idle";n.activeColorFieldAndSliderRect=null;n.drawColorFieldAndSlider();if(e){n.calciteColorPickerChange.emit()}};this.globalMouseMoveHandler=function(e){var t=n,r=t.el,a=t.dimensions;var i=n.sliderThumbState==="drag";var o=n.hueThumbState==="drag";if(!r.isConnected||!i&&!o){return}var l;var s;var c=n.activeColorFieldAndSliderRect;var h=e.clientX,u=e.clientY;if(n.colorFieldAndSliderHovered){l=h-c.x;s=u-c.y}else{var d=a.colorField.width;var v=a.colorField.height;var f=a.slider.height;if(h<c.x+d&&h>c.x){l=h-c.x}else if(h<c.x){l=0}else{l=d}if(u<c.y+v+f&&u>c.y){s=u-c.y}else if(u<c.y){s=0}else{s=v+f}}if(o){n.captureColorFieldColor(l,s,false)}else{n.captureHueSliderColor(l)}};this.handleColorFieldAndSliderMouseEnterOrMove=function(e){var t=e.offsetX,r=e.offsetY;var a=n.dimensions,i=a.colorField,o=a.slider,l=a.thumb;n.colorFieldAndSliderInteractive=r<=i.height+o.height;n.colorFieldAndSliderHovered=true;var s=n.getCanvasRegion(r);if(s==="color-field"){var c=n.hueThumbState;var h=n.baseColorFieldColor.hsv();var u=Math.round(h.saturationv()/(ye.s/i.width));var d=Math.round(i.height-h.value()/(ye.v/i.height));var v=n.containsPoint(t,r,u,d,l.radius);var f=false;if(c==="idle"&&v){n.hueThumbState="hover";f=true}else if(c==="hover"&&!v){n.hueThumbState="idle";f=true}if(n.hueThumbState!=="drag"){if(f){n.drawColorFieldAndSlider()}}}else if(s==="slider"){var p=n.baseColorFieldColor.hsv().saturationv(100).value(100);var m=n.sliderThumbState;var g=Math.round(p.hue()/(360/o.width));var b=Math.round((o.height+n.getSliderCapSpacing())/2)+i.height;var y=n.containsPoint(t,r,g,b,l.radius);var w=false;if(m==="idle"&&y){n.sliderThumbState="hover";w=true}else if(m==="hover"&&!y){n.sliderThumbState="idle";w=true}if(n.sliderThumbState!=="drag"){if(w){n.drawColorFieldAndSlider()}}}};this.storeColorFieldScope=function(e){n.colorFieldScopeNode=e};this.storeHueScope=function(e){n.hueScopeNode=e};this.renderChannelsTabTitle=function(e){var t=n,r=t.channelMode,i=t.intlRgb,o=t.intlHsv;var l=e===r;var s=e==="rgb"?i:o;return a("calcite-tab-title",{active:l,class:pe.colorMode,"data-color-mode":e,key:e,onCalciteTabsActivate:n.handleTabActivate},s)};this.renderChannelsTab=function(e){var t=n,r=t.channelMode,i=t.channels,o=t.intlB,l=t.intlBlue,s=t.intlG,c=t.intlGreen,h=t.intlH,u=t.intlHue,d=t.intlR,v=t.intlRed,f=t.intlS,p=t.intlSaturation,m=t.intlV,g=t.intlValue;var b=e===r;var y=e==="rgb";var w=y?[d,s,o]:[h,f,m];var C=y?[v,c,l]:[u,p,g];return a("calcite-tab",{active:b,class:pe.control,key:e},a("div",{class:pe.channels},i.map((function(e,t){return n.renderChannel(e,t,w[t],C[t])}))))};this.renderChannel=function(e,t,r,i){return a("calcite-input",{class:pe.channel,"data-channel-index":t,label:i,numberButtonType:"none",onCalciteInputChange:n.handleChannelChange,onCalciteInputInput:n.handleChannelInput,prefixText:r,scale:n.scale==="l"?"m":"s",type:"number",value:e===null||e===void 0?void 0:e.toString()})};this.deleteColor=function(){var e=n.color.hex();var t=n.savedColors.indexOf(e)>-1;if(!t){return}var r=n.savedColors.filter((function(t){return t!==e}));n.savedColors=r;var a="".concat(ge).concat(n.storageId);if(n.storageId){localStorage.setItem(a,JSON.stringify(r))}};this.saveColor=function(){var e=n.color.hex();var t=n.savedColors.indexOf(e)>-1;if(t){return}var r=__spreadArray(__spreadArray([],n.savedColors,true),[e],false);n.savedColors=r;var a="".concat(ge).concat(n.storageId);if(n.storageId){localStorage.setItem(a,JSON.stringify(r))}};this.drawColorFieldAndSlider=C((function(){if(!n.fieldAndSliderRenderingContext){return}n.drawColorField();n.drawHueSlider()}),xe);this.captureColorFieldColor=function(e,t,r){if(r===void 0){r=true}var a=n.dimensions.colorField,i=a.height,o=a.width;var l=Math.round(ye.s/o*e);var s=Math.round(ye.v/i*(i-t));n.internalColorSet(n.baseColorFieldColor.hsv().saturationv(l).value(s),r)};this.initColorFieldAndSlider=function(e){n.fieldAndSliderRenderingContext=e.getContext("2d");n.setCanvasContextSize(e,{width:n.dimensions.colorField.width,height:n.dimensions.colorField.height+n.dimensions.slider.height+n.getSliderCapSpacing()*2});n.drawColorFieldAndSlider()}}e.prototype.handleColorChange=function(e,t){this.drawColorFieldAndSlider();this.updateChannelsFromColor(e);this.previousColor=t;if(this.internalColorUpdateContext){return}this.value=this.toValue(e)};e.prototype.handleFormatChange=function(e){this.setMode(e);this.value=this.toValue(this.color)};e.prototype.handleScaleChange=function(e){if(e===void 0){e="m"}this.updateDimensions(e)};e.prototype.handleValueChange=function(e,t){var r=this,a=r.allowEmpty,n=r.format;var i=!a||e;var o=false;if(i){var l=c(e);if(!l||n!=="auto"&&l!==n){this.showIncompatibleColorWarning(e,n);this.value=t;return}o=this.mode!==l;this.setMode(l)}var s=this.sliderThumbState==="drag"||this.hueThumbState==="drag";if(this.internalColorUpdateContext){if(this.internalColorUpdateContext==="initial"){return}this.calciteColorPickerInput.emit();if(!s){this.calciteColorPickerChange.emit()}return}var u=a&&!e?null:fe(e);var d=!h(u,this.color);if(o||d){this.color=u;this.calciteColorPickerInput.emit();if(!s){this.calciteColorPickerChange.emit()}}};Object.defineProperty(e.prototype,"baseColorFieldColor",{get:function(){return this.color||this.previousColor||me},enumerable:false,configurable:true});e.prototype.handleChannelKeyUpOrDown=function(e){this.shiftKeyChannelAdjustment=0;var t=e.key;if(t!=="ArrowUp"&&t!=="ArrowDown"||!e.composedPath().some((function(e){var t;return(t=e.classList)===null||t===void 0?void 0:t.contains(pe.channel)}))){return}var r=e.shiftKey;e.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);e.stopPropagation();return}var a=9;this.shiftKeyChannelAdjustment=t==="ArrowUp"&&r?a:t==="ArrowDown"&&r?-a:0};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,i(this.colorFieldScopeNode)]}))}))};e.prototype.componentWillLoad=function(){var e=this,t=e.allowEmpty,r=e.color,a=e.format,n=e.value;var i=t&&!n;var o=c(n);var l=i||a==="auto"&&o||a===o;var s=i?null:l?fe(n):r;if(!l){this.showIncompatibleColorWarning(n,a)}this.setMode(a);this.internalColorSet(s,false,"initial");this.updateDimensions(this.scale);var h="".concat(ge).concat(this.storageId);if(this.storageId&&localStorage.getItem(h)){this.savedColors=JSON.parse(localStorage.getItem(h))}};e.prototype.disconnectedCallback=function(){document.removeEventListener("mousemove",this.globalMouseMoveHandler);document.removeEventListener("mouseup",this.globalMouseUpHandler)};e.prototype.componentDidRender=function(){g(this)};e.prototype.render=function(){var e,t,r,n,i,o,l;var s=this;var c=this,h=c.allowEmpty,u=c.color,d=c.intlDeleteColor,v=c.hideHex,f=c.hideChannels,p=c.hideSaved,m=c.intlHex,g=c.intlSaved,b=c.intlSaveColor,y=c.savedColors,w=c.scale;var C=u?u.hex():null;var k=w==="l"?"m":"s";var x=this,S=x.colorFieldAndSliderInteractive,M=x.colorFieldScopeTop,D=x.colorFieldScopeLeft,F=x.hueScopeLeft,A=x.hueScopeTop,I=x.scopeOrientation,_=x.dimensions,j=_.colorField,T=j.height,H=j.width,O=_.slider.height;var E=A!==null&&A!==void 0?A:O/2+T;var P=F!==null&&F!==void 0?F:H*me.hue()/ye.h;var R=u===null;var N=I==="vertical";return a("div",{class:pe.container},a("div",{class:pe.colorFieldAndSliderWrap},a("canvas",{class:(e={},e[pe.colorFieldAndSlider]=true,e[pe.colorFieldAndSliderInteractive]=S,e),onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),a("div",{"aria-label":N?this.intlValue:this.intlSaturation,"aria-valuemax":N?ye.v:ye.s,"aria-valuemin":"0","aria-valuenow":(N?u===null||u===void 0?void 0:u.saturationv():u===null||u===void 0?void 0:u.value())||"0",class:(t={},t[pe.scope]=true,t[pe.colorFieldScope]=true,t),onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:"".concat(M||0,"px"),left:"".concat(D||0,"px")},tabindex:"0"}),a("div",{"aria-label":this.intlHue,"aria-valuemax":ye.h,"aria-valuemin":"0","aria-valuenow":(u===null||u===void 0?void 0:u.round().hue())||me.round().hue(),class:(r={},r[pe.scope]=true,r[pe.hueScope]=true,r),onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:"".concat(E,"px"),left:"".concat(P,"px")},tabindex:"0"})),v&&f?null:a("div",{class:(n={},n[pe.controlSection]=true,n[pe.section]=true,n)},v?null:a("div",{class:pe.hexOptions},a("span",{class:(i={},i[pe.header]=true,i[pe.headerHex]=true,i)},m),a("calcite-color-picker-hex-input",{allowEmpty:h,class:pe.control,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:k,value:C})),f?null:a("calcite-tabs",{class:(o={},o[pe.colorModeContainer]=true,o[pe.splitSection]=true,o),scale:k},a("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),p?null:a("div",{class:(l={},l[pe.savedColorsSection]=true,l[pe.section]=true,l)},a("div",{class:pe.header},a("label",null,g),a("div",{class:pe.savedColorsButtons},a("calcite-button",{appearance:"transparent",class:pe.deleteColor,color:"neutral",disabled:R,iconStart:"minus",label:d,onClick:this.deleteColor,scale:k,type:"button"}),a("calcite-button",{appearance:"transparent",class:pe.saveColor,color:"neutral",disabled:R,iconStart:"plus",label:b,onClick:this.saveColor,scale:k,type:"button"}))),y.length>0?a("div",{class:pe.savedColors},__spreadArray([],y.map((function(e){return a("calcite-color-picker-swatch",{active:C===e,class:pe.savedColor,color:e,key:e,onClick:s.handleSavedColorSelect,onKeyDown:s.handleSavedColorKeyDown,scale:w,tabIndex:0})})),true)):null))};e.prototype.showIncompatibleColorWarning=function(e,t){console.warn("ignoring color value (".concat(e,") as it is not compatible with the current format (").concat(t,")"))};e.prototype.setMode=function(e){this.mode=e==="auto"?this.mode:e};e.prototype.captureHueSliderColor=function(e){var t=this.dimensions.slider.width;var r=360/t*e;this.internalColorSet(this.baseColorFieldColor.hue(r),false)};e.prototype.getCanvasRegion=function(e){var t=this.dimensions,r=t.colorField.height,a=t.slider.height;if(e<=r){return"color-field"}if(e<=r+a){return"slider"}return"none"};e.prototype.internalColorSet=function(e,t,r){if(t===void 0){t=true}if(r===void 0){r="internal"}if(t&&h(e,this.color)){return}this.internalColorUpdateContext=r;this.color=e;this.value=this.toValue(e);this.internalColorUpdateContext=null};e.prototype.toValue=function(e,t){if(t===void 0){t=this.mode}if(!e){return null}var r="hex";if(t.includes(r)){return l(e.round()[r]())}if(t.includes("-css")){return e[t.replace("-css","").replace("a","")]().round().string()}var a=e[t]().round().object();if(t.endsWith("a")){a.a=a.alpha;delete a.alpha}return a};e.prototype.getSliderCapSpacing=function(){var e=this.dimensions,t=e.slider.height,r=e.thumb.radius;return r*2-t};e.prototype.updateDimensions=function(e){if(e===void 0){e="m"}this.dimensions=Ce[e]};e.prototype.drawColorField=function(){var e=this.fieldAndSliderRenderingContext;var t=this.dimensions.colorField,r=t.height,a=t.width;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string();e.fillRect(0,0,a,r);var n=e.createLinearGradient(0,0,a,0);n.addColorStop(0,"rgba(255,255,255,1)");n.addColorStop(1,"rgba(255,255,255,0)");e.fillStyle=n;e.fillRect(0,0,a,r);var i=e.createLinearGradient(0,0,0,r);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");e.fillStyle=i;e.fillRect(0,0,a,r);this.drawActiveColorFieldColor()};e.prototype.setCanvasContextSize=function(e,t){var r=t.height,a=t.width;var n=window.devicePixelRatio||1;e.width=a*n;e.height=r*n;e.style.height="".concat(r,"px");e.style.width="".concat(a,"px");var i=e.getContext("2d");i.scale(n,n)};e.prototype.containsPoint=function(e,t,r,a,n){return Math.pow(e-r,2)+Math.pow(t-a,2)<=Math.pow(n,2)};e.prototype.drawActiveColorFieldColor=function(){var e=this;var t=this.color;if(!t){return}var r=t.hsv();var a=this.dimensions,n=a.colorField,i=n.height,o=n.width,l=a.thumb.radius;var s=r.saturationv()/(ye.s/o);var c=i-r.value()/(ye.v/i);requestAnimationFrame((function(){e.colorFieldScopeLeft=s;e.colorFieldScopeTop=c}));this.drawThumb(this.fieldAndSliderRenderingContext,l,s,c,r,this.hueThumbState)};e.prototype.drawThumb=function(e,t,r,a,n,i){var o=0;var l=2*Math.PI;e.beginPath();e.arc(r,a,t,o,l);e.shadowBlur=i==="hover"?32:16;e.shadowColor="rgba(0, 0, 0, ".concat(i==="drag"?.32:.16,")");e.fillStyle="#fff";e.fill();e.beginPath();e.arc(r,a,t-3,o,l);e.shadowBlur=0;e.shadowColor="transparent";e.fillStyle=n.rgb().string();e.fill()};e.prototype.drawActiveHueSliderColor=function(){var e=this;var t=this.color;if(!t){return}var r=t.hsv().saturationv(100).value(100);var a=this.dimensions,n=a.colorField.height,i=a.slider,o=i.height,l=i.width,s=a.thumb.radius;var c=r.hue()/(360/l);var h=o/2+n;requestAnimationFrame((function(){e.hueScopeLeft=c;e.hueScopeTop=h}));this.drawThumb(this.fieldAndSliderRenderingContext,s,c,h,r,this.sliderThumbState)};e.prototype.drawHueSlider=function(){var e=this.fieldAndSliderRenderingContext;var t=this.dimensions,r=t.colorField.height,a=t.slider,n=a.height,i=a.width;var o=e.createLinearGradient(0,0,i,0);var l=["red","yellow","lime","cyan","blue","magenta","red"];var s=1/(l.length-1);var c=0;l.forEach((function(e){o.addColorStop(c,fe(e).string());c+=s}));e.fillStyle=o;e.clearRect(0,r,i,n+this.getSliderCapSpacing()*2);e.fillRect(0,r,i,n);this.drawActiveHueSliderColor()};e.prototype.updateColorFromChannels=function(e){this.internalColorSet(fe(e,this.channelMode))};e.prototype.updateChannelsFromColor=function(e){this.channels=e?this.toChannels(e):[null,null,null]};e.prototype.toChannels=function(e){var t=this.channelMode;return e[t]().array().map((function(e){return Math.floor(e)}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}},enumerable:false,configurable:true});return e}());De.style=ke;var Fe={container:"container",preview:"preview",input:"input"};var Ae="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{display:inline-grid;width:100%;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;pointer-events:none;margin-top:0px;margin-bottom:0px;margin-left:0.25rem;margin-right:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:1}.preview,.input{grid-row:1}.input{grid-column:1/3;width:100%;text-transform:uppercase}";var Ie=fe();var _e=e("calcite_color_picker_hex_input",function(){function e(e){var a=this;t(this,e);this.calciteColorPickerHexInputChange=r(this,"calciteColorPickerHexInputChange",7);this.allowEmpty=false;this.intlHex=we.hex;this.intlNoColor=we.noColor;this.scale="m";this.value=l(Ie.hex());this.onCalciteInputBlur=function(){var e=a.inputNode;var t=e.value;var r="#".concat(t);var n=a.allowEmpty&&!t;if(n||u(r)&&d(r)){return}e.value=a.allowEmpty&&!a.internalColor?"":a.formatForInternalInput(v(a.internalColor.object()))};this.onInputChange=function(){var e=a.inputNode.value;var t;if(e){var r=e;var n=f("#".concat(r));if(!n){return}t=l(r)}else if(a.allowEmpty){t=null}a.value=t;a.calciteColorPickerHexInputChange.emit()};this.internalColor=Ie;this.previousNonNullValue=this.value;this.storeInputRef=function(e){a.inputNode=e}}e.prototype.connectedCallback=function(){var e=this,t=e.allowEmpty,r=e.value;if(r){var a=l(r);if(u(a)){this.internalColor=fe(a);this.value=a}return}if(t){this.internalColor=null;this.value=null}};e.prototype.handleValueChange=function(e,t){if(e){var r=l(e);if(u(r)){var a=this.internalColor;var n=!a||r!==l(a.hex());this.internalColor=fe(r);this.previousNonNullValue=r;this.value=r;if(n){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;this.calciteColorPickerHexInputChange.emit();return}this.value=t};e.prototype.onInputKeyDown=function(e){var t=e.altKey,r=e.ctrlKey,a=e.metaKey,n=e.shiftKey;var i=this,o=i.internalColor,s=i.value;var c=e.key;if(c==="Tab"||c==="Enter"){this.onInputChange();return}var h=c==="ArrowDown"||c==="ArrowUp";if(h){if(!s){this.value=this.previousNonNullValue;e.preventDefault();return}var u=c==="ArrowUp"?1:-1;var d=n?10:1;this.value=l(this.nudgeRGBChannels(o,d*u).hex());e.preventDefault();return}var v=t||r||a;var f=c.length===1;var m=p.test(c);if(f&&!v&&!m){e.preventDefault()}};e.prototype.render=function(){var e=this,t=e.intlHex,r=e.value;var n=this.formatForInternalInput(r);return a("div",{class:Fe.container},a("calcite-input",{class:Fe.input,label:t,maxLength:6,onCalciteInputBlur:this.onCalciteInputBlur,onCalciteInputChange:this.onInputChange,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:n}),n?a("calcite-color-picker-swatch",{active:true,class:Fe.preview,color:"#".concat(n),scale:this.scale}):null)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){i(this.inputNode);return[2]}))}))};e.prototype.formatForInternalInput=function(e){return e?e.replace("#",""):""};e.prototype.nudgeRGBChannels=function(e,t){return fe.rgb(e.array().map((function(e){return e+t})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["handleValueChange"]}},enumerable:false,configurable:true});return e}());_e.style=Ae;var je={swatch:"swatch",noColorIcon:"no-color-icon"};var Te={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};var He="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex}:host([scale=s]){height:1.25rem;width:1.25rem}:host([scale=m]){height:1.5rem;width:1.5rem}:host([scale=l]){height:2rem;width:2rem}.swatch{overflow:visible;height:inherit;width:inherit}.swatch rect{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.no-color-icon{position:absolute;top:0px;right:0px;bottom:0px;left:0px;height:100%;width:100%}";var Oe=e("calcite_color_picker_swatch",function(){function e(e){t(this,e);this.active=false;this.scale="m"}e.prototype.handleColorChange=function(e){this.internalColor=fe(e)};e.prototype.componentWillLoad=function(){this.handleColorChange(this.color)};e.prototype.render=function(){var e=this,t=e.active,r=e.el,n=e.internalColor;var i=t?"100%":"0";var l=n.hex();var s=o(r);var c=s==="light"?Te.borderLight:Te.borderDark;return a("svg",{class:je.swatch,xmlns:"http://www.w3.org/2000/svg"},a("title",null,l),a("rect",{fill:l,height:"100%",id:"swatch",rx:i,stroke:c,"stroke-width":"2",style:{"clip-path":"inset(0 round ".concat(i,")")},width:"100%"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:["handleColorChange"]}},enumerable:false,configurable:true});return e}());Oe.style=He}}}));