@esri/calcite-components 1.0.0-next.317 → 1.0.0-next.320

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.317",
+  "version": "1.0.0-next.320",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -62,7 +62,7 @@
     "@popperjs/core": "2.11.0",
     "@stencil/core": "2.11.0",
     "@types/color": "3.0.2",
-    "color": "4.0.2",
+    "color": "4.1.0",
     "lodash-es": "4.17.21",
     "sortablejs": "1.14.0"
   },
@@ -71,18 +71,18 @@
     "@babel/preset-react": "7.16.0",
     "@esri/calcite-base": "^1.2.0",
     "@esri/calcite-colors": "6.0.1",
-    "@esri/calcite-ui-icons": "3.17.6",
+    "@esri/calcite-ui-icons": "3.17.8",
     "@esri/eslint-plugin-calcite-components": "0.1.1",
     "@rollup/plugin-babel": "5.3.0",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/postcss": "2.1.0",
     "@stencil/sass": "1.5.2",
     "@stencil/state-tunnel": "^1.0.1",
-    "@storybook/addon-a11y": "6.4.1",
-    "@storybook/addon-docs": "6.4.1",
+    "@storybook/addon-a11y": "6.4.8",
+    "@storybook/addon-docs": "6.4.8",
     "@storybook/addon-knobs": "6.4.0",
-    "@storybook/cli": "6.4.1",
-    "@storybook/html": "6.4.1",
+    "@storybook/cli": "6.4.8",
+    "@storybook/html": "6.4.8",
     "@storybook/storybook-deployer": "2.8.10",
     "@types/dedent": "0.7.0",
     "@types/git-semver-tags": "4.1.1",
@@ -97,7 +97,7 @@
     "@types/standard-version": "7.0.1",
     "@types/yargs": "17.0.7",
     "@typescript-eslint/eslint-plugin": "5.6.0",
-    "@typescript-eslint/parser": "5.5.0",
+    "@typescript-eslint/parser": "5.6.0",
     "@whitespace/storybook-addon-html": "5.0.0",
     "autoprefixer": "10.3.7",
     "axe-core": "4.3.5",
@@ -109,7 +109,7 @@
     "conventional-changelog-cli": "2.1.1",
     "cpy-cli": "^3.1.1",
     "dedent": "0.7.0",
-    "eslint": "8.3.0",
+    "eslint": "8.4.1",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-jest": "25.3.0",
     "eslint-plugin-prettier": "4.0.0",
@@ -126,7 +126,7 @@
     "pify": "5.0.0",
     "postcss": "8.4.4",
     "posthtml": "0.16.5",
-    "prettier": "2.5.0",
+    "prettier": "2.5.1",
     "puppeteer": "10.0.0",
     "rimraf": "3.0.2",
     "screener-storybook": "0.22.0",
@@ -140,7 +140,7 @@
     "stylelint": "14.1.0",
     "stylelint-config-recommended-scss": "5.0.2",
     "tailwindcss": "1.9.6",
-    "ts-jest": "27.0.7",
+    "ts-jest": "27.1.0",
     "ts-node": "10.4.0",
     "typescript": "4.2.4",
     "updtr": "4.0.0",

package/readme.md

@@ -17,12 +17,12 @@ The simplest way to set up the components in your project is to add the followin
 ```html
 <script
   type="module"
-  src="https://unpkg.com/@esri/calcite-components@1.0.0-next.317/dist/calcite/calcite.esm.js"
+  src="https://unpkg.com/@esri/calcite-components@1.0.0-next.320/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://unpkg.com/@esri/calcite-components@1.0.0-next.317/dist/calcite/calcite.css"
+  href="https://unpkg.com/@esri/calcite-components@1.0.0-next.320/dist/calcite/calcite.css"
 />
 ```
 

package/dist/calcite/p-12a9599d.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{c(n.next(e))}catch(e){r(e)}}function s(e){try{c(n["throw"](e))}catch(e){r(e)}}function c(e){e.done?i(e.value):a(e.value).then(o,s)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return c([e,t])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */System.register(["./p-288bc438.system.js","./p-e020662f.system.js","./p-4bd82e40.system.js","./p-47f55191.system.js","./p-71cdeee3.system.js","./p-f87ba8eb.system.js"],(function(e){"use strict";var t,i,n,a,r,o,s,c,u,l,m,p,h,d,f;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.H;r=e.g},function(e){o=e.g},function(e){s=e.i;c=e.n;u=e.b},function(e){l=e.c;m=e.d;p=e.g},function(e){h=e.c;d=e.d;f=e.H},function(){}],execute:function(){var b=5;function w(e){if(!s(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function v(e){if(!s(e)){return null}var t=parseInt(e);if(t===0){return"12"}return t>12?D(t-12):e}function y(e){var t=k(e);var i=t?t.split(":"):[null,null,null],n=i[0],a=i[1],r=i[2];return{hour:n,minute:a,second:r||(n&&a?"00":null)}}function k(e){if(!e||e.endsWith(":")||e.startsWith(":")){return null}var t=e.split(":");if(t.length>1){var i=t[0],n=t[1],a=t[2];var r=parseInt(t[0]);var o=parseInt(t[1]);var c=parseInt(t[2]);var u=s(i)&&r>=0&&r<24;var l=s(n)&&o>=0&&o<60;var m=s(a)&&c>=0&&c<60;if(u&&l&&!a||u&&l&&m){var p=D(r)+":"+D(o);if(m){p=p+":"+D(c)}return p}}return null}function D(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}var g="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var x=e("calcite_input_time_picker",function(){function e(e){var n=this;t(this,e);this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.hourDisplayFormat="12";this.required=false;this.scale="m";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-"+o();this.calciteInputBlurHandler=function(){n.active=false;var e=k(n.calciteInputEl.value)||k(n.value);if(e!==n.calciteInputEl.value){n.setInputValue(e)}};this.calciteInputFocusHandler=function(){n.active=true};this.calciteInputInputHandler=function(e){n.setValue({value:e.detail.value})};this.setCalciteInputEl=function(e){n.calciteInputEl=e};this.setInputValue=function(e){if(!n.calciteInputEl){return}if(n.hourDisplayFormat==="12"){var t=y(e),i=t.hour,a=t.minute,r=t.second;n.calciteInputEl.value=e?v(i)+":"+a+(n.step!==60?":"+r:"")+" "+w(i):null}else{n.calciteInputEl.value=e}};this.setValue=function(e){var t=e.value,i=e.origin,a=i===void 0?"input":i;var r=n.value;var o=k(t);n.internalValueChange=a!=="external"&&a!=="loading";var s=a!=="loading"&&a!=="external"&&(t!==n.previousValidValue&&!t||!!(!n.previousValidValue&&o)||o!==n.previousValidValue&&o);if(t){if(s){n.previousValidValue=o}if(o&&o!==n.value){n.value=o}}else{n.value=t}if(a==="time-picker"||a==="external"){n.setInputValue(o)}if(s){var c=n.calciteInputTimePickerChange.emit();if(c.defaultPrevented){n.internalValueChange=false;n.value=r;n.setInputValue(r);n.previousValidValue=r}else{n.previousValidValue=o}}}}e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerChangeHandler=function(e){e.preventDefault();e.stopPropagation();if(e.detail){var t=e.detail,i=t.hour,n=t.minute,a=t.second;var r=void 0;if(i&&n){r=a&&this.step!==60?i+":"+n+":"+a:i+":"+n}else{r=""}this.setValue({value:r,origin:"time-picker"})}};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.calciteInputEl.setFocus();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:this.value,origin:"loading"})}l(this);h(this)};e.prototype.componentDidLoad=function(){if(this.calciteInputEl.value!==this.value){this.setInputValue(this.value)}};e.prototype.disconnectedCallback=function(){m(this);d(this)};e.prototype.render=function(){var e=y(this.value),t=e.hour,i=e.minute,r=e.second;var o=this.referenceElementId+"-popover";return n(a,null,n("div",{"aria-controls":o,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":o,id:this.referenceElementId,role:"combobox"},n("calcite-input",{disabled:this.disabled,icon:"clock",label:p(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),n("calcite-popover",{id:o,label:"Time Picker",open:this.active||false,referenceElement:this.referenceElementId},n("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,minute:i,scale:this.scale,second:r,step:this.step})),n(f,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueWatcher"]}},enumerable:false,configurable:true});return e}());x.style=g;var H={buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",button:"button",delimiter:"delimiter",hour:"hour",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",input:"input",meridiem:"meridiem",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",minute:"minute",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",second:"second",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",timePicker:"time-picker",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right"};var M={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var I='@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}span.input:focus,span.input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';var U=e("calcite_time_picker",function(){function e(e){var n=this;t(this,e);this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7);this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7);this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7);this.hour=null;this.hourDisplayFormat="12";this.intlHour=M.hour;this.intlHourDown=M.hourDown;this.intlHourUp=M.hourUp;this.intlMeridiem=M.meridiem;this.intlMeridiemDown=M.meridiemDown;this.intlMeridiemUp=M.meridiemUp;this.intlMinute=M.minute;this.intlMinuteDown=M.minuteDown;this.intlMinuteUp=M.minuteUp;this.intlSecond=M.second;this.intlSecondDown=M.secondDown;this.intlSecondUp=M.secondUp;this.minute=null;this.second=null;this.scale="m";this.step=60;this.timeChanged=false;this.meridiem=null;this.displayHour=this.getDisplayHour();this.decrementHour=function(){var e=!n.hour?0:n.hour==="00"?23:parseInt(n.hour)-1;n.setTime("hour",e)};this.decrementMeridiem=function(){var e=n.meridiem==="PM"?"AM":"PM";n.setTime("meridiem",e)};this.decrementMinuteOrSecond=function(e){var t;if(s(n[e])){var i=parseInt(n[e]);t=i===0?59:i-1}else{t=59}n.setTime(e,t)};this.decrementMinute=function(){n.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){n.decrementMinuteOrSecond("second")};this.focusHandler=function(e){n.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementHour()}};this.hourKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(s(n.hour)){switch(n.hourDisplayFormat){case"12":a=n.hour==="01"&&i>=0&&i<=2?"1"+i:i;break;case"24":if(n.hour==="01"){a="1"+i}else if(n.hour==="02"&&i>=0&&i<=3){a="2"+i}else{a=i}break}}else{a=i}n.setTime("hour",a)}else{switch(t){case"Backspace":case"Delete":n.setTime("hour",null);break;case"ArrowDown":e.preventDefault();n.decrementHour();break;case"ArrowUp":e.preventDefault();n.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementHour()}};this.incrementMeridiem=function(){var e=n.meridiem==="AM"?"PM":"AM";n.setTime("meridiem",e)};this.incrementHour=function(){var e=s(n.hour)?n.hour==="23"?0:parseInt(n.hour)+1:1;n.setTime("hour",e)};this.incrementMinuteOrSecond=function(e){var t=s(n[e])?n[e]==="59"?0:parseInt(n[e])+1:0;n.setTime(e,t)};this.incrementMinute=function(){n.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){n.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":n.setTime("meridiem","AM");break;case"p":n.setTime("meridiem","PM");break;case"Backspace":case"Delete":n.setTime("meridiem",null);break;case"ArrowUp":e.preventDefault();n.incrementMeridiem();break;case"ArrowDown":e.preventDefault();n.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementMinute()}};this.minuteKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(s(n.minute)&&n.minute.startsWith("0")){var r=parseInt(n.minute);a=r>b?i:""+r+i}else{a=i}n.setTime("minute",a)}else{switch(t){case"Backspace":case"Delete":n.setTime("minute",null);break;case"ArrowDown":e.preventDefault();n.decrementMinute();break;case"ArrowUp":e.preventDefault();n.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementSecond()}};this.secondKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(s(n.second)&&n.second.startsWith("0")){var r=parseInt(n.second);a=r>b?i:""+r+i}else{a=i}n.setTime("second",a)}else{switch(t){case"Backspace":case"Delete":n.setTime("second",null);break;case"ArrowDown":e.preventDefault();n.decrementSecond();break;case"ArrowUp":e.preventDefault();n.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementSecond()}};this.setTime=function(e,t,i){if(i===void 0){i=true}switch(e){default:return;case"hour":n.hour=typeof t==="number"?D(t):t;break;case"minute":n.minute=typeof t==="number"?D(t):t;break;case"second":n.second=typeof t==="number"?D(t):t;break;case"meridiem":if(s(n.hour)){var a=parseInt(n.hour);switch(t){case"AM":if(a>=12){n.hour=D(a-12)}break;case"PM":if(a<12){n.hour=D(a+12)}break}n.meridiem=t}else{n.meridiem=t}break}n.timeChanged=true;if(i){n.calciteTimePickerChange.emit(n.getTime())}}}e.prototype.hourChanged=function(e){if(this.hourDisplayFormat==="12"&&s(e)){this.meridiem=w(e)}};e.prototype.timeChangeHandler=function(){var e=this.getTime(),t=e.hour,i=e.minute;if(!t&&!i){this.setTime("meridiem",null,false)}if(this.timeChanged){this.timeChanged=false}};e.prototype.hostBlurHandler=function(){this.calciteTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourDisplayFormat==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourDisplayFormat==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this[(e||"hour")+"El"])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return u(t)};e.prototype.getDisplayHour=function(){if(!this.hour){return"--"}if(this.hourDisplayFormat==="12"){return v(this.hour)}return this.hour};e.prototype.getTime=function(){return{hour:this.hour,minute:this.minute,second:this.second}};e.prototype.connectedCallback=function(){if(this.hourDisplayFormat==="12"){this.meridiem=w(this.hour)}if(s(this.hour)){this.hour=D(parseInt(this.hour))}if(s(this.minute)){this.minute=D(parseInt(this.minute))}if(s(this.second)){this.second=D(parseInt(this.second))}};e.prototype.render=function(){var e,t,i,r,o,c,u,l,m,p,h,d;var f=this;var b=this.scale==="s"||this.scale==="m"?"s":"m";var w=this.step!==60;var v=s(this.hour);var y=s(this.minute);var k=s(this.second);return n(a,null,n("div",{class:H.timePicker},n("div",{role:"group"},n("span",{"aria-label":this.intlHourUp,class:(e={},e[H.button]=true,e[H.buttonHourUp]=true,e[H.buttonTopLeft]=true,e),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":v&&parseInt(this.hour),"aria-valuetext":this.hour,class:(t={},t[H.input]=true,t[H.hour]=true,t),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:function(e){return f.hourEl=e},role:"spinbutton",tabIndex:0},this.getDisplayHour()),n("span",{"aria-label":this.intlHourDown,class:(i={},i[H.button]=true,i[H.buttonHourDown]=true,i[H.buttonBottomLeft]=true,i),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),n("span",{class:H.delimiter},":"),n("div",{role:"group"},n("span",{"aria-label":this.intlMinuteUp,class:(r={},r[H.button]=true,r[H.buttonMinuteUp]=true,r),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":y&&parseInt(this.minute),"aria-valuetext":this.minute,class:(o={},o[H.input]=true,o[H.minute]=true,o),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:function(e){return f.minuteEl=e},role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),n("span",{"aria-label":this.intlMinuteDown,class:(c={},c[H.button]=true,c[H.buttonMinuteDown]=true,c),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),w&&n("span",{class:H.delimiter},":"),w&&n("div",{role:"group"},n("span",{"aria-label":this.intlSecondUp,class:(u={},u[H.button]=true,u[H.buttonSecondUp]=true,u),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":k&&parseInt(this.second),"aria-valuetext":this.second,class:(l={},l[H.input]=true,l[H.second]=true,l),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:function(e){return f.secondEl=e},role:"spinbutton",tabIndex:0},this.second?this.second:"--"),n("span",{"aria-label":this.intlSecondDown,class:(m={},m[H.button]=true,m[H.buttonSecondDown]=true,m),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),this.hourDisplayFormat==="12"&&n("div",{role:"group"},n("span",{"aria-label":this.intlMeridiemUp,class:(p={},p[H.button]=true,p[H.buttonMeridiemUp]=true,p[H.buttonTopRight]=true,p),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="AM"?"1":this.meridiem==="PM"?"2":undefined,"aria-valuetext":this.meridiem,class:(h={},h[H.input]=true,h[H.meridiem]=true,h),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:function(e){return f.meridiemEl=e},role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),n("span",{"aria-label":this.intlMeridiemDown,class:(d={},d[H.button]=true,d[H.buttonMeridiemDown]=true,d[H.buttonBottomRight]=true,d),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b})))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}},enumerable:false,configurable:true});return e}());U.style=I}}}));

package/dist/calcite/p-88784777.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,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?t(e.value):n(e.value).then(o,l)}s((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={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(r){return s([e,r])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(t)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:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}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,r){for(var t=0,a=r.length,n=e.length;t<a;t++,n++)e[n]=r[t];return e};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */System.register(["./p-288bc438.system.js","./p-f87ba8eb.system.js","./p-378ffa38.system.js","./p-e095517f.system.js","./p-1d6404b5.system.js","./p-e020662f.system.js"],(function(e){"use strict";var r,t,a,n,i,o,l,s,c,h,u,d,v,f,p,m,g,b,y,w;return{setters:[function(e){r=e.r;t=e.c;a=e.h;n=e.g},function(e){i=e.f;o=e.b;l=e.C;s=e.c},function(e){c=e.n;h=e.C;u=e.p;d=e.c;v=e.i;f=e.a;p=e.r;m=e.h;g=e.b},function(e){b=e.c},function(e){y=e.d;w=e.i},function(){}],execute:function(){var C="Expected a function";function k(e,r,t){var a=true,n=true;if(typeof e!="function"){throw new TypeError(C)}if(w(t)){a="leading"in t?!!t.leading:a;n="trailing"in t?!!t.trailing:n}return y(e,r,{leading:a,maxWait:r,trailing:n})}function x(e,r,t){return t={path:r,exports:{},require:function(e,r){return S()}},e(t,t.exports),t.exports}function S(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var M={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 D=function e(r){if(!r||typeof r==="string"){return false}return r instanceof Array||Array.isArray(r)||r.length>=0&&(r.splice instanceof Function||Object.getOwnPropertyDescriptor(r,r.length-1)&&r.constructor.name!=="String")};var F=x((function(e){var r=Array.prototype.concat;var t=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(D(l)){n=r.call(n,t.call(l))}else{n.push(l)}}return n};a.wrap=function(e){return function(){return e(a(arguments))}}}));var A=x((function(e){var r=Object.hasOwnProperty;var t={};for(var a in M){if(r.call(M,a)){t[M[a]]=a}}var n=e.exports={to:{},get:{}};n.get=function(e){var r=e.substring(0,3).toLowerCase();var t;var a;switch(r){case"hsl":t=n.get.hsl(e);a="hsl";break;case"hwb":t=n.get.hwb(e);a="hwb";break;default:t=n.get.rgb(e);a="rgb";break}if(!t){return null}return{model:a,value:t}};n.get.rgb=function(e){if(!e){return null}var t=/^#([a-f0-9]{3,4})$/i;var a=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i;var n=/^rgba?\(\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\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(t)){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(!r.call(M,c[1])){return null}s=M[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 r=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/;var t=e.match(r);if(t){var a=parseFloat(t[4]);var n=(parseFloat(t[1])%360+360)%360;var o=i(parseFloat(t[2]),0,100);var l=i(parseFloat(t[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 r=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;var t=e.match(r);if(t){var a=parseFloat(t[4]);var n=(parseFloat(t[1])%360+360)%360;var o=i(parseFloat(t[2]),0,100);var l=i(parseFloat(t[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=F(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=F(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=F(arguments);var r=Math.round(e[0]/255*100);var t=Math.round(e[1]/255*100);var a=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+r+"%, "+t+"%, "+a+"%)":"rgba("+r+"%, "+t+"%, "+a+"%, "+e[3]+")"};n.to.hsl=function(){var e=F(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=F(arguments);var r="";if(e.length>=4&&e[3]!==1){r=", "+e[3]}return"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+r+")"};n.to.keyword=function(e){return t[e.slice(0,3)]};function i(e,r,t){return Math.min(Math.max(r,e),t)}function o(e){var r=Math.round(e).toString(16).toUpperCase();return r.length<2?"0"+r:r}}));var I={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 _={};for(var j=0,T=Object.keys(I);j<T.length;j++){var H=T[j];_[I[H]]=H}var O={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 P=O;for(var E=0,R=Object.keys(O);E<R.length;E++){var N=R[E];if(!("channels"in O[N])){throw new Error("missing channels property: "+N)}if(!("labels"in O[N])){throw new Error("missing channel labels property: "+N)}if(O[N].labels.length!==O[N].channels){throw new Error("channel and label counts mismatch: "+N)}var z=O[N],L=z.channels,q=z.labels;delete O[N].channels;delete O[N].labels;Object.defineProperty(O[N],"channels",{value:L});Object.defineProperty(O[N],"labels",{value:q})}O.rgb.hsl=function(e){var r=e[0]/255;var t=e[1]/255;var a=e[2]/255;var n=Math.min(r,t,a);var i=Math.max(r,t,a);var o=i-n;var l;var s;if(i===n){l=0}else if(r===i){l=(t-a)/o}else if(t===i){l=2+(a-r)/o}else if(a===i){l=4+(r-t)/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]};O.rgb.hsv=function(e){var r;var t;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;r=u(o);t=u(l);a=u(s);if(o===c){n=a-t}else if(l===c){n=1/3+r-a}else if(s===c){n=2/3+t-r}if(n<0){n+=1}else if(n>1){n-=1}}return[n*360,i*100,c*100]};O.rgb.hwb=function(e){var r=e[0];var t=e[1];var a=e[2];var n=O.rgb.hsl(e)[0];var i=1/255*Math.min(r,Math.min(t,a));a=1-1/255*Math.max(r,Math.max(t,a));return[n,i*100,a*100]};O.rgb.cmyk=function(e){var r=e[0]/255;var t=e[1]/255;var a=e[2]/255;var n=Math.min(1-r,1-t,1-a);var i=(1-r-n)/(1-n)||0;var o=(1-t-n)/(1-n)||0;var l=(1-a-n)/(1-n)||0;return[i*100,o*100,l*100,n*100]};function U(e,r){return Math.pow(e[0]-r[0],2)+Math.pow(e[1]-r[1],2)+Math.pow(e[2]-r[2],2)}O.rgb.keyword=function(e){var r=_[e];if(r){return r}var t=Infinity;var a;for(var n=0,i=Object.keys(I);n<i.length;n++){var o=i[n];var l=I[o];var s=U(e,l);if(s<t){t=s;a=o}}return a};O.keyword.rgb=function(e){return I[e]};O.rgb.xyz=function(e){var r=e[0]/255;var t=e[1]/255;var a=e[2]/255;r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92;t=t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92;a=a>.04045?Math.pow((a+.055)/1.055,2.4):a/12.92;var n=r*.4124+t*.3576+a*.1805;var i=r*.2126+t*.7152+a*.0722;var o=r*.0193+t*.1192+a*.9505;return[n*100,i*100,o*100]};O.rgb.lab=function(e){var r=O.rgb.xyz(e);var t=r[0];var a=r[1];var n=r[2];t/=95.047;a/=100;n/=108.883;t=t>.008856?Math.pow(t,1/3):7.787*t+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*(t-a);var l=200*(a-n);return[i,o,l]};O.hsl.rgb=function(e){var r=e[0]/360;var t=e[1]/100;var a=e[2]/100;var n;var i;var o;if(t===0){o=a*255;return[o,o,o]}if(a<.5){n=a*(1+t)}else{n=a+t-a*t}var l=2*a-n;var s=[0,0,0];for(var c=0;c<3;c++){i=r+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};O.hsl.hsv=function(e){var r=e[0];var t=e[1]/100;var a=e[2]/100;var n=t;var i=Math.max(a,.01);a*=2;t*=a<=1?a:2-a;n*=i<=1?i:2-i;var o=(a+t)/2;var l=a===0?2*n/(i+n):2*t/(a+t);return[r,l*100,o*100]};O.hsv.rgb=function(e){var r=e[0]/60;var t=e[1]/100;var a=e[2]/100;var n=Math.floor(r)%6;var i=r-Math.floor(r);var o=255*a*(1-t);var l=255*a*(1-t*i);var s=255*a*(1-t*(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]}};O.hsv.hsl=function(e){var r=e[0];var t=e[1]/100;var a=e[2]/100;var n=Math.max(a,.01);var i;var o;o=(2-t)*a;var l=(2-t)*n;i=t*n;i/=l<=1?l:2-l;i=i||0;o/=2;return[r,i*100,o*100]};O.hwb.rgb=function(e){var r=e[0]/360;var t=e[1]/100;var a=e[2]/100;var n=t+a;var i;if(n>1){t/=n;a/=n}var o=Math.floor(6*r);var l=1-a;i=6*r-o;if((o&1)!==0){i=1-i}var s=t+i*(l-t);var c;var h;var u;switch(o){default:case 6:case 0:c=l;h=s;u=t;break;case 1:c=s;h=l;u=t;break;case 2:c=t;h=l;u=s;break;case 3:c=t;h=s;u=l;break;case 4:c=s;h=t;u=l;break;case 5:c=l;h=t;u=s;break}return[c*255,h*255,u*255]};O.cmyk.rgb=function(e){var r=e[0]/100;var t=e[1]/100;var a=e[2]/100;var n=e[3]/100;var i=1-Math.min(1,r*(1-n)+n);var o=1-Math.min(1,t*(1-n)+n);var l=1-Math.min(1,a*(1-n)+n);return[i*255,o*255,l*255]};O.xyz.rgb=function(e){var r=e[0]/100;var t=e[1]/100;var a=e[2]/100;var n;var i;var o;n=r*3.2406+t*-1.5372+a*-.4986;i=r*-.9689+t*1.8758+a*.0415;o=r*.0557+t*-.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]};O.xyz.lab=function(e){var r=e[0];var t=e[1];var a=e[2];r/=95.047;t/=100;a/=108.883;r=r>.008856?Math.pow(r,1/3):7.787*r+16/116;t=t>.008856?Math.pow(t,1/3):7.787*t+16/116;a=a>.008856?Math.pow(a,1/3):7.787*a+16/116;var n=116*t-16;var i=500*(r-t);var o=200*(t-a);return[n,i,o]};O.lab.xyz=function(e){var r=e[0];var t=e[1];var a=e[2];var n;var i;var o;i=(r+16)/116;n=t/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]};O.lab.lch=function(e){var r=e[0];var t=e[1];var a=e[2];var n;var i=Math.atan2(a,t);n=i*360/2/Math.PI;if(n<0){n+=360}var o=Math.sqrt(t*t+a*a);return[r,o,n]};O.lch.lab=function(e){var r=e[0];var t=e[1];var a=e[2];var n=a/360*2*Math.PI;var i=t*Math.cos(n);var o=t*Math.sin(n);return[r,i,o]};O.rgb.ansi16=function(e,r){if(r===void 0){r=null}var t=e[0],a=e[1],n=e[2];var i=r===null?O.rgb.hsv(e)[2]:r;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(t/255));if(i===2){o+=60}return o};O.hsv.ansi16=function(e){return O.rgb.ansi16(O.hsv.rgb(e),e[2])};O.rgb.ansi256=function(e){var r=e[0];var t=e[1];var a=e[2];if(r===t&&t===a){if(r<8){return 16}if(r>248){return 231}return Math.round((r-8)/247*24)+232}var n=16+36*Math.round(r/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5);return n};O.ansi16.rgb=function(e){var r=e%10;if(r===0||r===7){if(e>50){r+=3.5}r=r/10.5*255;return[r,r,r]}var t=(~~(e>50)+1)*.5;var a=(r&1)*t*255;var n=(r>>1&1)*t*255;var i=(r>>2&1)*t*255;return[a,n,i]};O.ansi256.rgb=function(e){if(e>=232){var r=(e-232)*10+8;return[r,r,r]}e-=16;var t;var a=Math.floor(e/36)/5*255;var n=Math.floor((t=e%36)/6)/5*255;var i=t%6/5*255;return[a,n,i]};O.rgb.hex=function(e){var r=((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255);var t=r.toString(16).toUpperCase();return"000000".substring(t.length)+t};O.hex.rgb=function(e){var r=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!r){return[0,0,0]}var t=r[0];if(r[0].length===3){t=t.split("").map((function(e){return e+e})).join("")}var a=parseInt(t,16);var n=a>>16&255;var i=a>>8&255;var o=a&255;return[n,i,o]};O.rgb.hcg=function(e){var r=e[0]/255;var t=e[1]/255;var a=e[2]/255;var n=Math.max(Math.max(r,t),a);var i=Math.min(Math.min(r,t),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===r){s=(t-a)/o%6}else if(n===t){s=2+(a-r)/o}else{s=4+(r-t)/o}s/=6;s%=1;return[s*360,o*100,l*100]};O.hsl.hcg=function(e){var r=e[1]/100;var t=e[2]/100;var a=t<.5?2*r*t:2*r*(1-t);var n=0;if(a<1){n=(t-.5*a)/(1-a)}return[e[0],a*100,n*100]};O.hsv.hcg=function(e){var r=e[1]/100;var t=e[2]/100;var a=r*t;var n=0;if(a<1){n=(t-a)/(1-a)}return[e[0],a*100,n*100]};O.hcg.rgb=function(e){var r=e[0]/360;var t=e[1]/100;var a=e[2]/100;if(t===0){return[a*255,a*255,a*255]}var n=[0,0,0];var i=r%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-t)*a;return[(t*n[0]+s)*255,(t*n[1]+s)*255,(t*n[2]+s)*255]};O.hcg.hsv=function(e){var r=e[1]/100;var t=e[2]/100;var a=r+t*(1-r);var n=0;if(a>0){n=r/a}return[e[0],n*100,a*100]};O.hcg.hsl=function(e){var r=e[1]/100;var t=e[2]/100;var a=t*(1-r)+.5*r;var n=0;if(a>0&&a<.5){n=r/(2*a)}else if(a>=.5&&a<1){n=r/(2*(1-a))}return[e[0],n*100,a*100]};O.hcg.hwb=function(e){var r=e[1]/100;var t=e[2]/100;var a=r+t*(1-r);return[e[0],(a-r)*100,(1-a)*100]};O.hwb.hcg=function(e){var r=e[1]/100;var t=e[2]/100;var a=1-t;var n=a-r;var i=0;if(n<1){i=(a-n)/(1-n)}return[e[0],n*100,i*100]};O.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};O.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};O.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};O.gray.hsl=function(e){return[0,0,e[0]]};O.gray.hsv=O.gray.hsl;O.gray.hwb=function(e){return[0,100,e[0]]};O.gray.cmyk=function(e){return[0,0,0,e[0]]};O.gray.lab=function(e){return[e[0],0,0]};O.gray.hex=function(e){var r=Math.round(e[0]/100*255)&255;var t=(r<<16)+(r<<8)+r;var a=t.toString(16).toUpperCase();return"000000".substring(a.length)+a};O.rgb.gray=function(e){var r=(e[0]+e[1]+e[2])/3;return[r/255*100]};function K(){var e={};var r=Object.keys(P);for(var t=r.length,a=0;a<t;a++){e[r[a]]={distance:-1,parent:null}}return e}function V(e){var r=K();var t=[e];r[e].distance=0;while(t.length){var a=t.pop();var n=Object.keys(P[a]);for(var i=n.length,o=0;o<i;o++){var l=n[o];var s=r[l];if(s.distance===-1){s.distance=r[a].distance+1;s.parent=a;t.unshift(l)}}}return r}function B(e,r){return function(t){return r(e(t))}}function G(e,r){var t=[r[e].parent,e];var a=P[r[e].parent][e];var n=r[e].parent;while(r[n].parent){t.unshift(r[n].parent);a=B(P[r[n].parent][n],a);n=r[n].parent}a.conversion=t;return a}var W=function(e){var r=V(e);var t={};var a=Object.keys(r);for(var n=a.length,i=0;i<n;i++){var o=a[i];var l=r[o];if(l.parent===null){continue}t[o]=G(o,r)}return t};var $={};var J=Object.keys(P);function X(e){var r=function(){var r=[];for(var t=0;t<arguments.length;t++){r[t]=arguments[t]}var a=r[0];if(a===undefined||a===null){return a}if(a.length>1){r=a}return e(r)};if("conversion"in e){r.conversion=e.conversion}return r}function Y(e){var r=function(){var r=[];for(var t=0;t<arguments.length;t++){r[t]=arguments[t]}var a=r[0];if(a===undefined||a===null){return a}if(a.length>1){r=a}var n=e(r);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){r.conversion=e.conversion}return r}J.forEach((function(e){$[e]={};Object.defineProperty($[e],"channels",{value:P[e].channels});Object.defineProperty($[e],"labels",{value:P[e].labels});var r=W(e);var t=Object.keys(r);t.forEach((function(t){var a=r[t];$[e][t]=Y(a);$[e][t].raw=X(a)}))}));var Q=$;var Z=[].slice;var ee=["keyword","gray","hex"];var re={};for(var te=0,ae=Object.keys(Q);te<ae.length;te++){var N=ae[te];re[Z.call(Q[N].labels).sort().join("")]=N}var ne={};function ie(e,r){if(!(this instanceof ie)){return new ie(e,r)}if(r&&r in ee){r=null}if(r&&!(r in Q)){throw new Error("Unknown model: "+r)}var t;var a;if(e==null){this.model="rgb";this.color=[0,0,0];this.valpha=1}else if(e instanceof ie){this.model=e.model;this.color=e.color.slice();this.valpha=e.valpha}else if(typeof e==="string"){var n=A.get(e);if(n===null){throw new Error("Unable to parse color from string: "+e)}this.model=n.model;a=Q[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=r||"rgb";a=Q[this.model].channels;var i=Z.call(e,0,a);this.color=fe(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 re)){throw new Error("Unable to parse color from object: "+JSON.stringify(e))}this.model=re[l];var s=Q[this.model].labels;var c=[];for(t=0;t<s.length;t++){c.push(e[s[t]])}this.color=fe(c)}if(ne[this.model]){a=Q[this.model].channels;for(t=0;t<a;t++){var h=ne[this.model][t];if(h){this.color[t]=h(this.color[t])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ie.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(e){var r=this.model in A.to?this:this.rgb();r=r.round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:r.color.concat(this.valpha);return A.to[r.model](t)},percentString:function(e){var r=this.rgb().round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:r.color.concat(this.valpha);return A.to.rgb.percent(t)},array:function(){return this.valpha===1?this.color.slice():this.color.concat(this.valpha)},object:function(){var e={};var r=Q[this.model].channels;var t=Q[this.model].labels;for(var a=0;a<r;a++){e[t[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 ie(this.color.map(he(e)).concat(this.valpha),this.model)},alpha:function(e){if(arguments.length>0){return new ie(this.color.concat(Math.max(0,Math.min(1,e))),this.model)}return this.valpha},red:ue("rgb",0,de(255)),green:ue("rgb",1,de(255)),blue:ue("rgb",2,de(255)),hue:ue(["hsl","hsv","hsl","hwb","hcg"],0,(function(e){return(e%360+360)%360})),saturationl:ue("hsl",1,de(100)),lightness:ue("hsl",2,de(100)),saturationv:ue("hsv",1,de(100)),value:ue("hsv",2,de(100)),chroma:ue("hcg",1,de(100)),gray:ue("hcg",2,de(100)),white:ue("hwb",1,de(100)),wblack:ue("hwb",2,de(100)),cyan:ue("cmyk",0,de(100)),magenta:ue("cmyk",1,de(100)),yellow:ue("cmyk",2,de(100)),black:ue("cmyk",3,de(100)),x:ue("xyz",0,de(100)),y:ue("xyz",1,de(100)),z:ue("xyz",2,de(100)),l:ue("lab",0,de(100)),a:ue("lab",1),b:ue("lab",2),keyword:function(e){if(arguments.length>0){return new ie(e)}return Q[this.model].keyword(this.color)},hex:function(e){if(arguments.length>0){return new ie(e)}return A.to.hex(this.rgb().round().color)},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 r=[];for(var t=0,a=e.entries();t<a.length;t++){var n=a[t],i=n[0],o=n[1];var l=o/255;r[i]=l<=.03928?l/12.92:Math.pow((l+.055)/1.055,2.4)}return.2126*r[0]+.7152*r[1]+.0722*r[2]},contrast:function(e){var r=this.luminosity();var t=e.luminosity();if(r>t){return(r+.05)/(t+.05)}return(t+.05)/(r+.05)},level:function(e){var r=this.contrast(e);if(r>=7.1){return"AAA"}return r>=4.5?"AA":""},isDark:function(){var e=this.rgb().color;var r=(e[0]*299+e[1]*587+e[2]*114)/1e3;return r<128},isLight:function(){return!this.isDark()},negate:function(){var e=this.rgb();for(var r=0;r<3;r++){e.color[r]=255-e.color[r]}return e},lighten:function(e){var r=this.hsl();r.color[2]+=r.color[2]*e;return r},darken:function(e){var r=this.hsl();r.color[2]-=r.color[2]*e;return r},saturate:function(e){var r=this.hsl();r.color[1]+=r.color[1]*e;return r},desaturate:function(e){var r=this.hsl();r.color[1]-=r.color[1]*e;return r},whiten:function(e){var r=this.hwb();r.color[1]+=r.color[1]*e;return r},blacken:function(e){var r=this.hwb();r.color[2]+=r.color[2]*e;return r},grayscale:function(){var e=this.rgb().color;var r=e[0]*.3+e[1]*.59+e[2]*.11;return ie.rgb(r,r,r)},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 r=this.hsl();var t=r.color[0];t=(t+e)%360;t=t<0?360+t:t;r.color[0]=t;return r},mix:function(e,r){if(!e||!e.rgb){throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof e)}var t=e.rgb();var a=this.rgb();var n=r===undefined?.5:r;var i=2*n-1;var o=t.alpha()-a.alpha();var l=((i*o===-1?i:(i+o)/(1+i*o))+1)/2;var s=1-l;return ie.rgb(l*t.red()+s*a.red(),l*t.green()+s*a.green(),l*t.blue()+s*a.blue(),t.alpha()*n+a.alpha()*(1-n))}};var oe=function(e){if(ee.includes(e)){return"continue"}var r=Q[e].channels;ie.prototype[e]=function(){if(this.model===e){return new ie(this)}if(arguments.length>0){return new ie(arguments,e)}var t=typeof arguments[r]==="number"?r:this.valpha;return new ie(ve(Q[this.model][e].raw(this.color)).concat(t),e)};ie[e]=function(t){if(typeof t==="number"){t=fe(Z.call(arguments),r)}return new ie(t,e)}};for(var le=0,se=Object.keys(Q);le<se.length;le++){var N=se[le];oe(N)}function ce(e,r){return Number(e.toFixed(r))}function he(e){return function(r){return ce(r,e)}}function ue(e,r,t){e=Array.isArray(e)?e:[e];for(var a=0,n=e;a<n.length;a++){var i=n[a];(ne[i]||(ne[i]=[]))[r]=t}e=e[0];return function(a){var n;if(arguments.length>0){if(t){a=t(a)}n=this[e]();n.color[r]=a;return n}n=this[e]().color[r];if(t){n=t(n)}return n}}function de(e){return function(r){return Math.max(0,Math.min(e,r))}}function ve(e){return Array.isArray(e)?e:[e]}function fe(e,r){for(var t=0;t<r;t++){if(typeof e[t]!=="number"){e[t]=0}}return e}var pe=ie;var me={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 ge=pe("#007AC2");var be="calcite-color-";var ye={r:255,g:255,b:255};var we={h:360,s:100,v:100};var Ce={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 ke={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 xe="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-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]) .control-section.section.calcite--rtl>:nth-child(2){margin-left:0;margin-right:12px}:host([scale=l]) .header{padding-bottom:0}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{-ms-flex-negative:1;flex-shrink:1;display:-ms-flexbox;display:flex;-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{font-size:var(--calcite-font-size--1);padding:0;margin-bottom:0;margin-right:0;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;width:0.5rem;height:0.5rem;position:absolute;pointer-events:none;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-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;color:var(--calcite-ui-text-1);padding-bottom:0.25rem}.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 100ms ease-in-out;transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";var Se=16;var Me=c(ge.hex());var De="auto";var Fe=e("calcite_color_picker",function(){function e(e){var n=this;r(this,e);this.calciteColorPickerChange=t(this,"calciteColorPickerChange",7);this.calciteColorPickerInput=t(this,"calciteColorPickerInput",7);this.allowEmpty=false;this.appearance="default";this.color=ge;this.format=De;this.hideHex=false;this.hideChannels=false;this.hideSaved=false;this.intlB=Ce.b;this.intlBlue=Ce.blue;this.intlDeleteColor=Ce.deleteColor;this.intlG=Ce.g;this.intlGreen=Ce.green;this.intlH=Ce.h;this.intlHsv=Ce.hsv;this.intlHex=Ce.hex;this.intlHue=Ce.hue;this.intlNoColor=Ce.noColor;this.intlR=Ce.r;this.intlRed=Ce.red;this.intlRgb=Ce.rgb;this.intlS=Ce.s;this.intlSaturation=Ce.saturation;this.intlSaveColor=Ce.saveColor;this.intlSaved=Ce.saved;this.intlV=Ce.v;this.intlValue=Ce.value;this.scale="m";this.value=Me;this.colorFieldAndSliderHovered=false;this.hueThumbState="idle";this.internalColorUpdateContext=null;this.mode=h.HEX;this.shiftKeyChannelAdjustment=0;this.sliderThumbState="idle";this.colorFieldAndSliderInteractive=false;this.channelMode="rgb";this.channels=this.toChannels(ge);this.dimensions=ke.m;this.savedColors=[];this.handleTabActivate=function(e){n.channelMode=e.currentTarget.getAttribute("data-color-mode");n.updateChannelsFromColor(n.color)};this.handleColorFieldScopeKeyDown=function(e){var r=e.key;var t={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};if(t[r]){e.preventDefault();n.scopeOrientation=r==="ArrowDown"||r==="ArrowUp"?"vertical":"horizontal";n.captureColorFieldColor(n.colorFieldScopeLeft+t[r].x||0,n.colorFieldScopeTop+t[r].y||0,false)}};this.handleHueScopeKeyDown=function(e){var r=e.shiftKey?10:1;var t=e.key;var a={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(a[t]){e.preventDefault();var i=a[t]*r;var o=n.baseColorFieldColor.hue();var l=n.baseColorFieldColor.hue(o+i);n.internalColorSet(l,false)}};this.handleHexInputChange=function(e){e.stopPropagation();var r=n,t=r.allowEmpty,a=r.color;var i=e.target;var o=i.value;if(t&&!o){n.internalColorSet(null);return}var l=a&&c(a.hex());if(o!==l){n.internalColorSet(pe(o))}};this.handleSavedColorSelect=function(e){var r=e.currentTarget;n.internalColorSet(pe(r.color))};this.handleChannelInput=function(e){var r=e.currentTarget;var t=e.detail.nativeEvent.target;var a=Number(r.getAttribute("data-channel-index"));var i=n.channelMode==="rgb"?ye[Object.keys(ye)[a]]:we[Object.keys(we)[a]];var o;if(n.allowEmpty&&!r.value){o=""}else{var l=Number(r.value)+n.shiftKeyChannelAdjustment;var s=b(l,0,i);o=s.toString()}r.value=o;t.value=o};this.handleChannelChange=function(e){var r=e.currentTarget;var t=Number(r.getAttribute("data-channel-index"));var a=__spreadArray([],n.channels);var i=n.allowEmpty&&!r.value;if(i){n.channels=[null,null,null];n.internalColorSet(null);return}a[t]=Number(r.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 r=e.offsetX,t=e.offsetY;var a=n.getCanvasRegion(t);if(a==="color-field"){n.hueThumbState="drag";n.captureColorFieldColor(r,t)}else if(a==="slider"){n.sliderThumbState="drag";n.captureHueSliderColor(r)}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 r=n,t=r.el,a=r.dimensions;var i=n.sliderThumbState==="drag";var o=n.hueThumbState==="drag";if(!t.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 r=e.offsetX,t=e.offsetY;var a=n.dimensions,i=a.colorField,o=a.slider,l=a.thumb;n.colorFieldAndSliderInteractive=t<=i.height+o.height;n.colorFieldAndSliderHovered=true;var s=n.getCanvasRegion(t);if(s==="color-field"){var c=n.hueThumbState;var h=n.baseColorFieldColor.hsv();var u=Math.round(h.saturationv()/(we.s/i.width));var d=Math.round(i.height-h.value()/(we.v/i.height));var v=n.containsPoint(r,t,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(r,t,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.renderChannelsTabTitle=function(e){var r=n,t=r.channelMode,i=r.intlRgb,o=r.intlHsv;var l=e===t;var s=e==="rgb"?i:o;return a("calcite-tab-title",{active:l,class:me.colorMode,"data-color-mode":e,key:e,onCalciteTabsActivate:n.handleTabActivate},s)};this.renderChannelsTab=function(e){var r=n,t=r.channelMode,i=r.channels,o=r.intlB,l=r.intlBlue,s=r.intlG,c=r.intlGreen,h=r.intlH,u=r.intlHue,d=r.intlR,v=r.intlRed,f=r.intlS,p=r.intlSaturation,m=r.intlV,g=r.intlValue;var b=e===t;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:me.control,key:e},a("div",{class:me.channels},i.map((function(e,r){return n.renderChannel(e,r,w[r],C[r])}))))};this.renderChannel=function(e,r,t,i){return a("calcite-input",{class:me.channel,"data-channel-index":r,label:i,numberButtonType:"none",onCalciteInputChange:n.handleChannelChange,onCalciteInputInput:n.handleChannelInput,prefixText:t,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 r=n.savedColors.indexOf(e)>-1;if(!r){return}var t=n.savedColors.filter((function(r){return r!==e}));n.savedColors=t;var a=""+be+n.storageId;if(n.storageId){localStorage.setItem(a,JSON.stringify(t))}};this.saveColor=function(){var e=n.color.hex();var r=n.savedColors.indexOf(e)>-1;if(r){return}var t=__spreadArray(__spreadArray([],n.savedColors),[e]);n.savedColors=t;var a=""+be+n.storageId;if(n.storageId){localStorage.setItem(a,JSON.stringify(t))}};this.drawColorFieldAndSlider=k((function(){if(!n.fieldAndSliderRenderingContext){return}n.drawColorField();n.drawHueSlider()}),Se);this.captureColorFieldColor=function(e,r,t){if(t===void 0){t=true}var a=n.dimensions.colorField,i=a.height,o=a.width;var l=Math.round(we.s/o*e);var s=Math.round(we.v/i*(i-r));n.internalColorSet(n.baseColorFieldColor.hsv().saturationv(l).value(s),t)};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,r){this.drawColorFieldAndSlider();this.updateChannelsFromColor(e);this.previousColor=r;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,r){var t=this,a=t.allowEmpty,n=t.format;var i=!a||e;var o=false;if(i){var l=u(e);if(!l||n!=="auto"&&l!==n){this.showIncompatibleColorWarning(e,n);this.value=r;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 c=a&&!e?null:pe(e);var h=!d(c,this.color);if(o||h){this.color=c;this.calciteColorPickerInput.emit();if(!s){this.calciteColorPickerChange.emit()}}};Object.defineProperty(e.prototype,"baseColorFieldColor",{get:function(){return this.color||this.previousColor||ge},enumerable:false,configurable:true});e.prototype.handleChannelKeyUpOrDown=function(e){this.shiftKeyChannelAdjustment=0;var r=e.key;if(r!=="ArrowUp"&&r!=="ArrowDown"||!e.composedPath().some((function(e){var r;return(r=e.classList)===null||r===void 0?void 0:r.contains(me.channel)}))){return}var t=e.shiftKey;e.preventDefault();if(!this.color){this.internalColorSet(this.previousColor);e.stopPropagation();return}var a=9;this.shiftKeyChannelAdjustment=r==="ArrowUp"&&t?a:r==="ArrowDown"&&t?-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,r=e.allowEmpty,t=e.color,a=e.format,n=e.value;var i=r&&!n;var o=u(n);var l=i||a==="auto"&&o||a===o;var s=i?null:l?pe(n):t;if(!l){this.showIncompatibleColorWarning(n,a)}this.setMode(a);this.internalColorSet(s,false,"initial");this.updateDimensions(this.scale);var c=""+be+this.storageId;if(this.storageId&&localStorage.getItem(c)){this.savedColors=JSON.parse(localStorage.getItem(c))}};e.prototype.disconnectedCallback=function(){document.removeEventListener("mousemove",this.globalMouseMoveHandler);document.removeEventListener("mouseup",this.globalMouseUpHandler)};e.prototype.render=function(){var e,r,t,n,i,s,c;var h=this;var u=this,d=u.allowEmpty,v=u.color,f=u.intlDeleteColor,p=u.el,m=u.hideHex,g=u.hideChannels,b=u.hideSaved,y=u.intlHex,w=u.intlSaved,C=u.intlSaveColor,k=u.savedColors,x=u.scale;var S=v?v.hex():null;var M=x==="l"?"m":"s";var D=this,F=D.colorFieldAndSliderInteractive,A=D.colorFieldScopeTop,I=D.colorFieldScopeLeft,_=D.hueScopeLeft,j=D.hueScopeTop,T=D.scopeOrientation,H=D.dimensions,O=H.colorField,P=O.height,E=O.width,R=H.slider.height;var N=j!==null&&j!==void 0?j:R/2+P;var z=_!==null&&_!==void 0?_:E*ge.hue()/we.h;var L=o(p);var q=v===null;var U=T==="vertical";return a("div",{class:me.container},a("div",{class:me.colorFieldAndSliderWrap},a("canvas",{class:(e={},e[me.colorFieldAndSlider]=true,e[me.colorFieldAndSliderInteractive]=F,e),onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),a("div",{"aria-label":U?this.intlValue:this.intlSaturation,"aria-valuemax":U?we.v:we.s,"aria-valuemin":"0","aria-valuenow":(U?v===null||v===void 0?void 0:v.saturationv():v===null||v===void 0?void 0:v.value())||"0",class:(r={},r[me.scope]=true,r[me.colorFieldScope]=true,r),onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:(A||0)+"px",left:(I||0)+"px"},tabindex:"0"}),a("div",{"aria-label":this.intlHue,"aria-valuemax":we.h,"aria-valuemin":"0","aria-valuenow":(v===null||v===void 0?void 0:v.round().hue())||ge.round().hue(),class:(t={},t[me.scope]=true,t[me.hueScope]=true,t),onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:N+"px",left:z+"px"},tabindex:"0"})),m&&g?null:a("div",{class:(n={},n[me.controlSection]=true,n[me.section]=true,n[l.rtl]=L==="rtl",n)},m?null:a("div",{class:me.hexOptions},a("span",{class:(i={},i[me.header]=true,i[me.headerHex]=true,i)},y),a("calcite-color-picker-hex-input",{allowEmpty:d,class:me.control,dir:L,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:M,value:S})),g?null:a("calcite-tabs",{class:(s={},s[me.colorModeContainer]=true,s[me.splitSection]=true,s),dir:L,scale:M},a("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),b?null:a("div",{class:(c={},c[me.savedColorsSection]=true,c[me.section]=true,c)},a("div",{class:me.header},a("label",null,w),a("div",{class:me.savedColorsButtons},a("calcite-button",{appearance:"transparent",class:me.deleteColor,color:"neutral",disabled:q,iconStart:"minus",label:f,onClick:this.deleteColor,scale:M}),a("calcite-button",{appearance:"transparent",class:me.saveColor,color:"neutral",disabled:q,iconStart:"plus",label:C,onClick:this.saveColor,scale:M}))),k.length>0?a("div",{class:me.savedColors},__spreadArray([],k.map((function(e){return a("calcite-color-picker-swatch",{active:S===e,class:me.savedColor,color:e,key:e,onClick:h.handleSavedColorSelect,onKeyDown:h.handleSavedColorKeyDown,scale:x,tabIndex:0})})))):null))};e.prototype.showIncompatibleColorWarning=function(e,r){console.warn("ignoring color value ("+e+") as it is not compatible with the current format ("+r+")")};e.prototype.setMode=function(e){this.mode=e==="auto"?this.mode:e};e.prototype.captureHueSliderColor=function(e){var r=this.dimensions.slider.width;var t=360/r*e;this.internalColorSet(this.baseColorFieldColor.hue(t),false)};e.prototype.getCanvasRegion=function(e){var r=this.dimensions,t=r.colorField.height,a=r.slider.height;if(e<=t){return"color-field"}if(e<=t+a){return"slider"}return"none"};e.prototype.internalColorSet=function(e,r,t){if(r===void 0){r=true}if(t===void 0){t="internal"}if(r&&d(e,this.color)){return}this.internalColorUpdateContext=t;this.color=e;this.value=this.toValue(e);this.internalColorUpdateContext=null};e.prototype.toValue=function(e,r){if(r===void 0){r=this.mode}if(!e){return null}var t="hex";if(r.includes(t)){return c(e.round()[t]())}if(r.includes("-css")){return e[r.replace("-css","").replace("a","")]().round().string()}var a=e[r]().round().object();if(r.endsWith("a")){a.a=a.alpha;delete a.alpha}return a};e.prototype.getSliderCapSpacing=function(){var e=this.dimensions,r=e.slider.height,t=e.thumb.radius;return t*2-r};e.prototype.updateDimensions=function(e){if(e===void 0){e="m"}this.dimensions=ke[e]};e.prototype.drawColorField=function(){var e=this.fieldAndSliderRenderingContext;var r=this.dimensions.colorField,t=r.height,a=r.width;e.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string();e.fillRect(0,0,a,t);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,t);var i=e.createLinearGradient(0,0,0,t);i.addColorStop(0,"rgba(0,0,0,0)");i.addColorStop(1,"rgba(0,0,0,1)");e.fillStyle=i;e.fillRect(0,0,a,t);this.drawActiveColorFieldColor()};e.prototype.setCanvasContextSize=function(e,r){var t=r.height,a=r.width;var n=window.devicePixelRatio||1;e.width=a*n;e.height=t*n;e.style.height=t+"px";e.style.width=a+"px";var i=e.getContext("2d");i.scale(n,n)};e.prototype.containsPoint=function(e,r,t,a,n){return Math.pow(e-t,2)+Math.pow(r-a,2)<=Math.pow(n,2)};e.prototype.drawActiveColorFieldColor=function(){var e=this;var r=this.color;if(!r){return}var t=r.hsv();var a=this.dimensions,n=a.colorField,i=n.height,o=n.width,l=a.thumb.radius;var s=t.saturationv()/(we.s/o);var c=i-t.value()/(we.v/i);requestAnimationFrame((function(){e.colorFieldScopeLeft=s;e.colorFieldScopeTop=c}));this.drawThumb(this.fieldAndSliderRenderingContext,l,s,c,t,this.hueThumbState)};e.prototype.drawThumb=function(e,r,t,a,n,i){var o=0;var l=2*Math.PI;e.beginPath();e.arc(t,a,r,o,l);e.shadowBlur=i==="hover"?32:16;e.shadowColor="rgba(0, 0, 0, "+(i==="drag"?.32:.16)+")";e.fillStyle="#fff";e.fill();e.beginPath();e.arc(t,a,r-3,o,l);e.shadowBlur=0;e.shadowColor="transparent";e.fillStyle=n.rgb().string();e.fill()};e.prototype.drawActiveHueSliderColor=function(){var e=this;var r=this.color;if(!r){return}var t=r.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=t.hue()/(360/l);var h=o/2+n;requestAnimationFrame((function(){e.hueScopeLeft=c;e.hueScopeTop=h}));this.drawThumb(this.fieldAndSliderRenderingContext,s,c,h,t,this.sliderThumbState)};e.prototype.drawHueSlider=function(){var e=this.fieldAndSliderRenderingContext;var r=this.dimensions,t=r.colorField.height,a=r.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,pe(e).string());c+=s}));e.fillStyle=o;e.clearRect(0,t,i,n+this.getSliderCapSpacing()*2);e.fillRect(0,t,i,n);this.drawActiveHueSliderColor()};e.prototype.updateColorFromChannels=function(e){this.internalColorSet(pe(e,this.channelMode))};e.prototype.updateChannelsFromColor=function(e){this.channels=e?this.toChannels(e):[null,null,null]};e.prototype.toChannels=function(e){var r=this.channelMode;return e[r]().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}());Fe.style=xe;var Ae={container:"container",preview:"preview",input:"input"};var Ie="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{width:100%;display:inline-grid;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:0.25rem;margin-right:0.25rem;z-index:1}.preview,.input{grid-row:1}.input{grid-column:1/3;text-transform:uppercase;width:100%}";var _e=pe();var je=e("calcite_color_picker_hex_input",function(){function e(e){var a=this;r(this,e);this.calciteColorPickerHexInputChange=t(this,"calciteColorPickerHexInputChange",7);this.allowEmpty=false;this.intlHex=Ce.hex;this.intlNoColor=Ce.noColor;this.scale="m";this.value=c(_e.hex());this.onCalciteInputBlur=function(){var e=a.inputNode;var r=e.value;var t="#"+r;var n=a.allowEmpty&&!r;if(n||v(t)&&f(t)){return}e.value=a.allowEmpty&&!a.internalColor?"":a.formatForInternalInput(p(a.internalColor.object()))};this.onInputChange=function(){var e=a.inputNode.value;var r;if(e){var t=e;var n=m("#"+t);if(!n){return}r=c(t)}else if(a.allowEmpty){r=null}a.value=r;a.calciteColorPickerHexInputChange.emit()};this.internalColor=_e;this.previousNonNullValue=this.value;this.storeInputRef=function(e){a.inputNode=e}}e.prototype.connectedCallback=function(){var e=this,r=e.allowEmpty,t=e.value;if(t){var a=c(t);if(v(a)){this.internalColor=pe(a);this.value=a}return}if(r){this.internalColor=null;this.value=null}};e.prototype.handleValueChange=function(e,r){if(e){var t=c(e);if(v(t)){var a=this.internalColor;var n=!a||t!==c(a.hex());this.internalColor=pe(t);this.previousNonNullValue=t;this.value=t;if(n){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;this.calciteColorPickerHexInputChange.emit();return}this.value=r};e.prototype.onInputKeyDown=function(e){var r=e.altKey,t=e.ctrlKey,a=e.metaKey,n=e.shiftKey;var i=this,o=i.internalColor,l=i.value;var s=e.key;if(s==="Tab"||s==="Enter"){this.onInputChange();return}var h=s==="ArrowDown"||s==="ArrowUp";if(h){if(!l){this.value=this.previousNonNullValue;e.preventDefault();return}var u=s==="ArrowUp"?1:-1;var d=n?10:1;this.value=c(this.nudgeRGBChannels(o,d*u).hex());e.preventDefault();return}var v=r||t||a;var f=s.length===1;var p=g.test(s);if(f&&!v&&!p){e.preventDefault()}};e.prototype.render=function(){var e=this,r=e.el,t=e.intlHex,n=e.value;var i=this.formatForInternalInput(n);var l=o(r);return a("div",{class:Ae.container},a("calcite-input",{class:Ae.input,dir:l,label:t,maxLength:6,onCalciteInputBlur:this.onCalciteInputBlur,onCalciteInputChange:this.onInputChange,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:i}),i?a("calcite-color-picker-swatch",{active:true,class:Ae.preview,color:"#"+i,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,r){return pe.rgb(e.array().map((function(e){return e+r})))};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}());je.style=Ie;var Te={swatch:"swatch",noColorIcon:"no-color-icon"};var He={borderLight:"rgba(0, 0, 0, 0.15)",borderDark:"rgba(255, 255, 255, 0.15)"};var Oe="@-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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;position:relative}: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{height:100%;width:100%;top:0;right:0;bottom:0;left:0;position:absolute}";var Pe=e("calcite_color_picker_swatch",function(){function e(e){r(this,e);this.active=false;this.scale="m"}e.prototype.handleColorChange=function(e){this.internalColor=pe(e)};e.prototype.componentWillLoad=function(){this.handleColorChange(this.color)};e.prototype.render=function(){var e=this,r=e.active,t=e.el,n=e.internalColor;var i=r?"100%":"0";var o=n.hex();var l=s(t);var c=l==="light"?He.borderLight:He.borderDark;return a("svg",{class:Te.swatch,xmlns:"http://www.w3.org/2000/svg"},a("title",null,o),a("rect",{fill:o,height:"100%",id:"swatch",rx:i,stroke:c,"stroke-width":"2",style:{"clip-path":"inset(0 round "+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}());Pe.style=Oe}}}));

package/dist/calcite/p-9634f89d.entry.js

@@ -1,5 +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.
- */
-import{r as t,c as i,h as e,H as s,g as a}from"./p-2e29554c.js";import{g as n}from"./p-8a63221d.js";import{i as o,n as r,b as c}from"./p-01c9406e.js";import{c as h,d as l,g as p}from"./p-52578054.js";import{c as m,d as u,H as d}from"./p-f2620bc3.js";import"./p-e5305b02.js";function b(t){if(!o(t))return null;const i=parseInt(t);return i>=0&&i<=11?"AM":"PM"}function f(t){if(!o(t))return null;const i=parseInt(t);return 0===i?"12":i>12?x(i-12):t}function w(t){const i=k(t),[e,s,a]=i?i.split(":"):[null,null,null];return{hour:e,minute:s,second:a||(e&&s?"00":null)}}function k(t){if(!t||t.endsWith(":")||t.startsWith(":"))return null;const i=t.split(":");if(i.length>1){const[t,e,s]=i,a=parseInt(i[0]),n=parseInt(i[1]),r=parseInt(i[2]),c=o(t)&&a>=0&&a<24,h=o(e)&&n>=0&&n<60,l=o(s)&&r>=0&&r<60;if(c&&h&&!s||c&&h&&l){let t=`${x(a)}:${x(n)}`;return l&&(t=`${t}:${x(r)}`),t}}return null}function x(t){const i=t.toString();return t>=0&&t<=9?i.padStart(2,"0"):i}let y=class{constructor(e){t(this,e),this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7),this.active=!1,this.disabled=!1,this.hourDisplayFormat="12",this.required=!1,this.scale="m",this.step=60,this.value=null,this.internalValueChange=!1,this.previousValidValue=null,this.referenceElementId=`input-time-picker-${n()}`,this.calciteInputBlurHandler=()=>{this.active=!1;const t=k(this.calciteInputEl.value)||k(this.value);t!==this.calciteInputEl.value&&this.setInputValue(t)},this.calciteInputFocusHandler=()=>{this.active=!0},this.calciteInputInputHandler=t=>{this.setValue({value:t.detail.value})},this.setCalciteInputEl=t=>{this.calciteInputEl=t},this.setInputValue=t=>{if(this.calciteInputEl)if("12"===this.hourDisplayFormat){const{hour:i,minute:e,second:s}=w(t);this.calciteInputEl.value=t?`${f(i)}:${e}${60!==this.step?":"+s:""} ${b(i)}`:null}else this.calciteInputEl.value=t},this.setValue=({value:t,origin:i="input"})=>{const e=this.value,s=k(t);this.internalValueChange="external"!==i&&"loading"!==i;const a="loading"!==i&&"external"!==i&&(t!==this.previousValidValue&&!t||!(this.previousValidValue||!s)||s!==this.previousValidValue&&s);t?(a&&(this.previousValidValue=s),s&&s!==this.value&&(this.value=s)):this.value=t,"time-picker"!==i&&"external"!==i||this.setInputValue(s),a&&(this.calciteInputTimePickerChange.emit().defaultPrevented?(this.internalValueChange=!1,this.value=e,this.setInputValue(e),this.previousValidValue=e):this.previousValidValue=s)}}valueWatcher(t){this.internalValueChange||this.setValue({value:t,origin:"external"}),this.internalValueChange=!1}keyUpHandler(t){"Escape"===t.key&&this.active&&(this.active=!1)}timePickerBlurHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!1}timePickerChangeHandler(t){if(t.preventDefault(),t.stopPropagation(),t.detail){const{hour:i,minute:e,second:s}=t.detail;let a;a=i&&e?s&&60!==this.step?`${i}:${e}:${s}`:`${i}:${e}`:"",this.setValue({value:a,origin:"time-picker"})}}timePickerFocusHandler(t){t.preventDefault(),t.stopPropagation(),this.active=!0}async setFocus(){this.calciteInputEl.setFocus()}onLabelClick(){this.setFocus()}connectedCallback(){this.value&&this.setValue({value:this.value,origin:"loading"}),h(this),m(this)}componentDidLoad(){this.calciteInputEl.value!==this.value&&this.setInputValue(this.value)}disconnectedCallback(){l(this),u(this)}render(){const{hour:t,minute:i,second:a}=w(this.value),n=`${this.referenceElementId}-popover`;return e(s,null,e("div",{"aria-controls":n,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":n,id:this.referenceElementId,role:"combobox"},e("calcite-input",{disabled:this.disabled,icon:"clock",label:p(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),e("calcite-popover",{id:n,label:"Time Picker",open:this.active||!1,referenceElement:this.referenceElementId},e("calcite-time-picker",{hour:t,"hour-display-format":this.hourDisplayFormat,intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,minute:i,scale:this.scale,second:a,step:this.step})),e(d,{component:this}))}get el(){return a(this)}static get watchers(){return{value:["valueWatcher"]}}};y.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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";let D=class{constructor(e){t(this,e),this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7),this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7),this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7),this.hour=null,this.hourDisplayFormat="12",this.intlHour="Hour",this.intlHourDown="Decrease hour",this.intlHourUp="Increase hour",this.intlMeridiem="AM/PM",this.intlMeridiemDown="Decrease AM/PM",this.intlMeridiemUp="Increase AM/PM",this.intlMinute="Minute",this.intlMinuteDown="Decrease minute",this.intlMinuteUp="Increase minute",this.intlSecond="Second",this.intlSecondDown="Decrease second",this.intlSecondUp="Increase second",this.minute=null,this.second=null,this.scale="m",this.step=60,this.timeChanged=!1,this.meridiem=null,this.displayHour=this.getDisplayHour(),this.decrementHour=()=>{const t=this.hour?"00"===this.hour?23:parseInt(this.hour)-1:0;this.setTime("hour",t)},this.decrementMeridiem=()=>{this.setTime("meridiem","PM"===this.meridiem?"AM":"PM")},this.decrementMinuteOrSecond=t=>{let i;if(o(this[t])){const e=parseInt(this[t]);i=0===e?59:e-1}else i=59;this.setTime(t,i)},this.decrementMinute=()=>{this.decrementMinuteOrSecond("minute")},this.decrementSecond=()=>{this.decrementMinuteOrSecond("second")},this.focusHandler=t=>{this.activeEl=t.currentTarget},this.hourDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementHour()},this.hourKeyDownHandler=t=>{const i=t.key;if(r.includes(i)){const t=parseInt(i);let e;if(o(this.hour))switch(this.hourDisplayFormat){case"12":e="01"===this.hour&&t>=0&&t<=2?`1${t}`:t;break;case"24":e="01"===this.hour?`1${t}`:"02"===this.hour&&t>=0&&t<=3?`2${t}`:t}else e=t;this.setTime("hour",e)}else switch(i){case"Backspace":case"Delete":this.setTime("hour",null);break;case"ArrowDown":t.preventDefault(),this.decrementHour();break;case"ArrowUp":t.preventDefault(),this.incrementHour();break;case" ":case"Spacebar":t.preventDefault()}},this.hourUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementHour()},this.incrementMeridiem=()=>{this.setTime("meridiem","AM"===this.meridiem?"PM":"AM")},this.incrementHour=()=>{const t=o(this.hour)?"23"===this.hour?0:parseInt(this.hour)+1:1;this.setTime("hour",t)},this.incrementMinuteOrSecond=t=>{const i=o(this[t])?"59"===this[t]?0:parseInt(this[t])+1:0;this.setTime(t,i)},this.incrementMinute=()=>{this.incrementMinuteOrSecond("minute")},this.incrementSecond=()=>{this.incrementMinuteOrSecond("second")},this.meridiemDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMeridiem()},this.meridiemKeyDownHandler=t=>{switch(t.key){case"a":this.setTime("meridiem","AM");break;case"p":this.setTime("meridiem","PM");break;case"Backspace":case"Delete":this.setTime("meridiem",null);break;case"ArrowUp":t.preventDefault(),this.incrementMeridiem();break;case"ArrowDown":t.preventDefault(),this.decrementMeridiem();break;case" ":case"Spacebar":t.preventDefault()}},this.meridiemUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMeridiem()},this.minuteDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementMinute()},this.minuteKeyDownHandler=t=>{const i=t.key;if(r.includes(i)){const t=parseInt(i);let e;if(o(this.minute)&&this.minute.startsWith("0")){const i=parseInt(this.minute);e=i>5?t:`${i}${t}`}else e=t;this.setTime("minute",e)}else switch(i){case"Backspace":case"Delete":this.setTime("minute",null);break;case"ArrowDown":t.preventDefault(),this.decrementMinute();break;case"ArrowUp":t.preventDefault(),this.incrementMinute();break;case" ":case"Spacebar":t.preventDefault()}},this.minuteUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementMinute()},this.secondDownButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.decrementSecond()},this.secondKeyDownHandler=t=>{const i=t.key;if(r.includes(i)){const t=parseInt(i);let e;if(o(this.second)&&this.second.startsWith("0")){const i=parseInt(this.second);e=i>5?t:`${i}${t}`}else e=t;this.setTime("second",e)}else switch(i){case"Backspace":case"Delete":this.setTime("second",null);break;case"ArrowDown":t.preventDefault(),this.decrementSecond();break;case"ArrowUp":t.preventDefault(),this.incrementSecond();break;case" ":case"Spacebar":t.preventDefault()}},this.secondUpButtonKeyDownHandler=t=>{this.buttonActivated(t)&&this.incrementSecond()},this.setTime=(t,i,e=!0)=>{switch(t){default:return;case"hour":this.hour="number"==typeof i?x(i):i;break;case"minute":this.minute="number"==typeof i?x(i):i;break;case"second":this.second="number"==typeof i?x(i):i;break;case"meridiem":if(o(this.hour)){const t=parseInt(this.hour);switch(i){case"AM":t>=12&&(this.hour=x(t-12));break;case"PM":t<12&&(this.hour=x(t+12))}this.meridiem=i}else this.meridiem=i}this.timeChanged=!0,e&&this.calciteTimePickerChange.emit(this.getTime())}}hourChanged(t){"12"===this.hourDisplayFormat&&o(t)&&(this.meridiem=b(t))}timeChangeHandler(){const{hour:t,minute:i}=this.getTime();t||i||this.setTime("meridiem",null,!1),this.timeChanged&&(this.timeChanged=!1)}hostBlurHandler(){this.calciteTimePickerBlur.emit()}hostFocusHandler(){this.calciteTimePickerFocus.emit()}keyDownHandler(t){const i=t.key;switch(this.activeEl){case this.hourEl:"ArrowRight"===i&&this.setFocus("minute");break;case this.minuteEl:switch(i){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":60!==this.step?this.setFocus("second"):"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.secondEl:switch(i){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":"12"===this.hourDisplayFormat&&this.setFocus("meridiem")}break;case this.meridiemEl:switch(i){case"ArrowLeft":this.setFocus(60!==this.step?"second":"minute")}}}async setFocus(t){var i;null===(i=this[`${t||"hour"}El`])||void 0===i||i.focus()}buttonActivated(t){const i=t.key;return" "===i&&t.preventDefault(),c(i)}getDisplayHour(){return this.hour?"12"===this.hourDisplayFormat?f(this.hour):this.hour:"--"}getTime(){return{hour:this.hour,minute:this.minute,second:this.second}}connectedCallback(){"12"===this.hourDisplayFormat&&(this.meridiem=b(this.hour)),o(this.hour)&&(this.hour=x(parseInt(this.hour))),o(this.minute)&&(this.minute=x(parseInt(this.minute))),o(this.second)&&(this.second=x(parseInt(this.second)))}render(){const t="s"===this.scale||"m"===this.scale?"s":"m",i=60!==this.step,a=o(this.hour),n=o(this.minute),r=o(this.second);return e(s,null,e("div",{class:"time-picker"},e("div",{role:"group"},e("span",{"aria-label":this.intlHourUp,class:{button:!0,"button--hour-up":!0,"button--top-left":!0},onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":a&&parseInt(this.hour),"aria-valuetext":this.hour,class:{input:!0,hour:!0},onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:t=>this.hourEl=t,role:"spinbutton",tabIndex:0},this.getDisplayHour()),e("span",{"aria-label":this.intlHourDown,class:{button:!0,"button--hour-down":!0,"button--bottom-left":!0},onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),e("span",{class:"delimiter"},":"),e("div",{role:"group"},e("span",{"aria-label":this.intlMinuteUp,class:{button:!0,"button--minute-up":!0},onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":n&&parseInt(this.minute),"aria-valuetext":this.minute,class:{input:!0,minute:!0},onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:t=>this.minuteEl=t,role:"spinbutton",tabIndex:0},this.minute?this.minute:"--"),e("span",{"aria-label":this.intlMinuteDown,class:{button:!0,"button--minute-down":!0},onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),i&&e("span",{class:"delimiter"},":"),i&&e("div",{role:"group"},e("span",{"aria-label":this.intlSecondUp,class:{button:!0,"button--second-up":!0},onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":r&&parseInt(this.second),"aria-valuetext":this.second,class:{input:!0,second:!0},onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:t=>this.secondEl=t,role:"spinbutton",tabIndex:0},this.second?this.second:"--"),e("span",{"aria-label":this.intlSecondDown,class:{button:!0,"button--second-down":!0},onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t}))),"12"===this.hourDisplayFormat&&e("div",{role:"group"},e("span",{"aria-label":this.intlMeridiemUp,class:{button:!0,"button--meridiem-up":!0,"button--top-right":!0},onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-up",scale:t})),e("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":"AM"===this.meridiem?"1":"PM"===this.meridiem?"2":void 0,"aria-valuetext":this.meridiem,class:{input:!0,meridiem:!0},onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:t=>this.meridiemEl=t,role:"spinbutton",tabIndex:0},this.meridiem?this.meridiem:"--"),e("span",{"aria-label":this.intlMeridiemDown,class:{button:!0,"button--meridiem-down":!0,"button--bottom-right":!0},onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},e("calcite-icon",{icon:"chevron-down",scale:t})))))}get el(){return a(this)}static get watchers(){return{hour:["hourChanged","timeChangeHandler"],minute:["timeChangeHandler"],second:["timeChangeHandler"]}}};D.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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{color:var(--calcite-ui-text-1);display:inline-block;font-weight:var(--calcite-font-weight-medium);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.time-picker{-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;border-radius:var(--calcite-border-radius)}span{-ms-flex-align:center;align-items:center;background-color:var(--calcite-ui-foreground-1);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center}span.button{cursor:pointer}span.button:hover,span.button:focus{background-color:var(--calcite-ui-foreground-2)}span.button:focus{outline:2px solid transparent;outline-offset:2px}span.button:active{background-color:var(--calcite-ui-foreground-3)}span.button.top-left{border-top-left-radius:var(--calcite-border-radius)}span.button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}span.button.top-right{border-top-right-radius:var(--calcite-border-radius)}span.button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}span.button calcite-icon{color:var(--calcite-ui-text-3)}span.input{font-weight:var(--calcite-font-weight-medium);position:relative}span.input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}span.input:focus,span.input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([scale=s]){font-size:var(--calcite-font-size--1)}:host([scale=s]) span{height:24px;width:40px}:host([scale=s]) .delimiter{height:72px}:host([scale=s][hour-display-format="12"]) .time-picker{width:124.2px}:host([scale=s][hour-display-format="12"]:not([step="60"])) .time-picker{width:168px}:host([scale=s][hour-display-format="24"]) .time-picker{width:84.2px}:host([scale=s][hour-display-format="24"]:not([step="60"])) .time-picker{width:128.4px}:host([scale=m]){font-size:var(--calcite-font-size-0)}:host([scale=m]) span{height:32px;width:44px}:host([scale=m]) .delimiter{height:96px}:host([scale=m][hour-display-format="12"]) .time-picker{width:136.8px}:host([scale=m][hour-display-format="12"]:not([step="60"])) .time-picker{width:186px}:host([scale=m][hour-display-format="24"]) .time-picker{width:92.8px}:host([scale=m][hour-display-format="24"]:not([step="60"])) .time-picker{width:141.6px}:host([scale=l]){font-size:var(--calcite-font-size-1)}:host([scale=l]) span{height:48px;width:64px}:host([scale=l]) .delimiter{height:144px}:host([scale=l][hour-display-format="12"]) .time-picker{width:198px}:host([scale=l][hour-display-format="12"]:not([step="60"])) .time-picker{width:268px}:host([scale=l][hour-display-format="24"]) .time-picker{width:134px}:host([scale=l][hour-display-format="24"]:not([step="60"])) .time-picker{width:204px}';export{y as calcite_input_time_picker,D as calcite_time_picker}

package/dist/calcite/p-b37b7b9e.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i["throw"](t))}catch(t){a(t)}}function l(t){t.done?n(t.value):o(t.value).then(r,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,o,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(a=r[0]&2?o["return"]:r[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,r[1])).done)return a;if(o=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(t){r=[6,t];o=0}finally{i=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */System.register(["./p-288bc438.system.js","./p-71e299a6.system.js","./p-f87ba8eb.system.js","./p-db10485b.system.js","./p-1d6404b5.system.js","./p-a0c02648.system.js","./p-caf7085a.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,n,i,o,a,r,s,l,c,d,p,f,u,m,b;return{setters:[function(t){e=t.r;n=t.c;i=t.h;o=t.H;a=t.g},function(t){r=t.t;s=t.o;l=t.q;c=t.a;d=t.C;p=t.g},function(t){f=t.f;u=t.g},function(t){m=t.c},function(t){b=t.d},function(){},function(){},function(){}],execute:function(){var h={actionGroupBottom:"action-group--bottom"};var v={bottomActions:"bottom-actions",expandTooltip:"expand-tooltip"};var x={expand:"Expand",collapse:"Collapse"};var y="@-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:300ms}.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}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{-ms-flex-item-align:stretch;align-self:stretch;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;pointer-events:auto;max-width:15vw}:host([overflow-actions-disabled]){overflow-y:auto}:host([expanded]){max-width:20vw}::slotted(calcite-action-group){border-width:0;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2)}::slotted(calcite-action-group:last-child){border-bottom-width:0}.action-group--bottom{padding-bottom:0;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";var g=t("calcite_action_bar",function(){function t(t){var i=this;e(this,t);this.calciteActionBarToggle=n(this,"calciteActionBarToggle",7);this.expandDisabled=false;this.expanded=false;this.overflowActionsDisabled=false;this.mutationObserver=m("mutation",(function(){var t=i,e=t.el,n=t.expanded;r({parent:e,expanded:n});i.conditionallyOverflowActions()}));this.resizeObserver=m("resize",(function(t){return i.resizeHandlerEntries(t)}));this.actionMenuOpenChangeHandler=function(t){if(t.detail){var e=t.composedPath();Array.from(i.el.querySelectorAll("calcite-action-group")).forEach((function(t){if(!e.includes(t)){t.menuOpen=false}}))}};this.resizeHandlerEntries=function(t){t.forEach(i.resizeHandler)};this.resizeHandler=function(t){var e=t.contentRect.height;i.resize(e)};this.resize=b((function(t){var e;var n=i,o=n.el,a=n.expanded,r=n.expandDisabled;if(!t){return}var s=l(o);var d=r?s.length:s.length+1;var f=Array.from(o.querySelectorAll("calcite-action-group"));var m=u(o,v.bottomActions)||!r?f.length+1:f.length;var b=p({actionCount:d,actionHeight:(e=s[0])===null||e===void 0?void 0:e.clientHeight,height:t,groupCount:m});c({actionGroups:f,expanded:a,overflowCount:b})}),s);this.conditionallyOverflowActions=function(){if(!i.overflowActionsDisabled){i.overflowActions()}};this.toggleExpand=function(){i.expanded=!i.expanded};this.setExpandToggleRef=function(t){i.expandToggleEl=t}}t.prototype.expandHandler=function(t){if(!t){r({parent:this.el,expanded:this.expanded})}this.conditionallyOverflowActions()};t.prototype.expandedHandler=function(t){if(!this.expandDisabled){r({parent:this.el,expanded:t})}this.calciteActionBarToggle.emit()};t.prototype.overflowDisabledHandler=function(t){t?this.resizeObserver.disconnect():this.resizeObserver.observe(this.el)};t.prototype.componentDidLoad=function(){this.conditionallyOverflowActions()};t.prototype.connectedCallback=function(){var t,e;var n=this,i=n.el,o=n.expandDisabled,a=n.expanded;if(!o){r({parent:i,expanded:a})}(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true});if(!this.overflowActionsDisabled){(e=this.resizeObserver)===null||e===void 0?void 0:e.observe(i)}this.conditionallyOverflowActions()};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()};t.prototype.overflowActions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.resize(this.el.clientHeight);return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!(t==="expand-toggle"))return[3,2];return[4,f(this.expandToggleEl)];case 1:e.sent();return[2];case 2:this.el.focus();return[2]}}))}))};t.prototype.renderBottomActionGroup=function(){var t=this,e=t.expanded,n=t.expandDisabled,o=t.intlExpand,a=t.intlCollapse,r=t.el,s=t.position,l=t.toggleExpand,c=t.scale;var p=u(r,v.expandTooltip);var f=o||x.expand;var m=a||x.collapse;var b=!n?i(d,{el:r,expanded:e,intlCollapse:m,intlExpand:f,position:s,ref:this.setExpandToggleRef,scale:c,toggle:l,tooltip:p}):null;return u(r,v.bottomActions)||b?i("calcite-action-group",{class:h.actionGroupBottom,scale:c},i("slot",{name:v.bottomActions}),i("slot",{name:v.expandTooltip}),b):null};t.prototype.render=function(){return i(o,{onCalciteActionMenuOpenChange:this.actionMenuOpenChangeHandler},i("slot",null),this.renderBottomActionGroup())};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expandDisabled:["expandHandler"],expanded:["expandedHandler"],overflowActionsDisabled:["overflowDisabledHandler"]}},enumerable:false,configurable:true});return t}());g.style=y}}}));

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

@@ -1,5 +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.
- */
-import{r as t,c as e,h as i,g as n}from"./p-2e29554c.js";import{f as a,b as s,C as r,c as o}from"./p-e5305b02.js";import{n as l,C as c,p as h,c as u,i as d,a as m,r as f,h as p,b}from"./p-a62de092.js";import{c as g}from"./p-2d09cc25.js";import{d as w,i as y}from"./p-b06207bb.js";import"./p-8a63221d.js";function k(t,e,i){return t(i={path:e,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},i.exports),i.exports}var v={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]},x=k((function(t){var e=Array.prototype.concat,i=Array.prototype.slice,n=t.exports=function(t){for(var n,a=[],s=0,r=t.length;s<r;s++){var o=t[s];(n=o)&&"string"!=typeof n&&(n instanceof Array||Array.isArray(n)||n.length>=0&&(n.splice instanceof Function||Object.getOwnPropertyDescriptor(n,n.length-1)&&"String"!==n.constructor.name))?a=e.call(a,i.call(o)):a.push(o)}return a};n.wrap=function(t){return function(){return t(n(arguments))}}})),M=k((function(t){var e=Object.hasOwnProperty,i={};for(var n in v)e.call(v,n)&&(i[v[n]]=n);var a=t.exports={to:{},get:{}};function s(t,e,i){return Math.min(Math.max(e,t),i)}function r(t){var e=Math.round(t).toString(16).toUpperCase();return e.length<2?"0"+e:e}a.get=function(t){var e,i;switch(t.substring(0,3).toLowerCase()){case"hsl":e=a.get.hsl(t),i="hsl";break;case"hwb":e=a.get.hwb(t),i="hwb";break;default:e=a.get.rgb(t),i="rgb"}return e?{model:i,value:e}:null},a.get.rgb=function(t){if(!t)return null;var i,n,a,r=[0,0,0,1];if(i=t.match(/^#([a-f0-9]{6})([a-f0-9]{2})?$/i)){for(a=i[2],i=i[1],n=0;n<3;n++){var o=2*n;r[n]=parseInt(i.slice(o,o+2),16)}a&&(r[3]=parseInt(a,16)/255)}else if(i=t.match(/^#([a-f0-9]{3,4})$/i)){for(a=(i=i[1])[3],n=0;n<3;n++)r[n]=parseInt(i[n]+i[n],16);a&&(r[3]=parseInt(a+a,16)/255)}else if(i=t.match(/^rgba?\(\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)){for(n=0;n<3;n++)r[n]=parseInt(i[n+1],0);i[4]&&(r[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}else{if(!(i=t.match(/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/)))return(i=t.match(/^(\w+)$/))?"transparent"===i[1]?[0,0,0,0]:e.call(v,i[1])?((r=v[i[1]])[3]=1,r):null:null;for(n=0;n<3;n++)r[n]=Math.round(2.55*parseFloat(i[n+1]));i[4]&&(r[3]=i[5]?.01*parseFloat(i[4]):parseFloat(i[4]))}for(n=0;n<3;n++)r[n]=s(r[n],0,255);return r[3]=s(r[3],0,1),r},a.get.hsl=function(t){if(!t)return null;var e=t.match(/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,s(parseFloat(e[2]),0,100),s(parseFloat(e[3]),0,100),s(isNaN(i)?1:i,0,1)]}return null},a.get.hwb=function(t){if(!t)return null;var e=t.match(/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/);if(e){var i=parseFloat(e[4]);return[(parseFloat(e[1])%360+360)%360,s(parseFloat(e[2]),0,100),s(parseFloat(e[3]),0,100),s(isNaN(i)?1:i,0,1)]}return null},a.to.hex=function(){var t=x(arguments);return"#"+r(t[0])+r(t[1])+r(t[2])+(t[3]<1?r(Math.round(255*t[3])):"")},a.to.rgb=function(){var t=x(arguments);return t.length<4||1===t[3]?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"},a.to.rgb.percent=function(){var t=x(arguments),e=Math.round(t[0]/255*100),i=Math.round(t[1]/255*100),n=Math.round(t[2]/255*100);return t.length<4||1===t[3]?"rgb("+e+"%, "+i+"%, "+n+"%)":"rgba("+e+"%, "+i+"%, "+n+"%, "+t[3]+")"},a.to.hsl=function(){var t=x(arguments);return t.length<4||1===t[3]?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"},a.to.hwb=function(){var t=x(arguments),e="";return t.length>=4&&1!==t[3]&&(e=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+e+")"},a.to.keyword=function(t){return i[t.slice(0,3)]}})),D={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]};const C={};for(const t of Object.keys(D))C[D[t]]=t;const F={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 j=F;for(const t of Object.keys(F)){if(!("channels"in F[t]))throw new Error("missing channels property: "+t);if(!("labels"in F[t]))throw new Error("missing channel labels property: "+t);if(F[t].labels.length!==F[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:i}=F[t];delete F[t].channels,delete F[t].labels,Object.defineProperty(F[t],"channels",{value:e}),Object.defineProperty(F[t],"labels",{value:i})}function S(t,e){return function(i){return e(t(i))}}function A(t,e){const i=[e[t].parent,t];let n=j[e[t].parent][t],a=e[t].parent;for(;e[a].parent;)i.unshift(e[a].parent),n=S(j[e[a].parent][a],n),a=e[a].parent;return n.conversion=i,n}F.rgb.hsl=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.min(e,i,n),s=Math.max(e,i,n),r=s-a;let o,l;s===a?o=0:e===s?o=(i-n)/r:i===s?o=2+(n-e)/r:n===s&&(o=4+(e-i)/r),o=Math.min(60*o,360),o<0&&(o+=360);const c=(a+s)/2;return l=s===a?0:c<=.5?r/(s+a):r/(2-s-a),[o,100*l,100*c]},F.rgb.hsv=function(t){let e,i,n,a,s;const r=t[0]/255,o=t[1]/255,l=t[2]/255,c=Math.max(r,o,l),h=c-Math.min(r,o,l),u=function(t){return(c-t)/6/h+.5};return 0===h?(a=0,s=0):(s=h/c,e=u(r),i=u(o),n=u(l),r===c?a=n-i:o===c?a=1/3+e-n:l===c&&(a=2/3+i-e),a<0?a+=1:a>1&&(a-=1)),[360*a,100*s,100*c]},F.rgb.hwb=function(t){const e=t[0],i=t[1];let n=t[2];const a=F.rgb.hsl(t)[0],s=1/255*Math.min(e,Math.min(i,n));return n=1-1/255*Math.max(e,Math.max(i,n)),[a,100*s,100*n]},F.rgb.cmyk=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.min(1-e,1-i,1-n);return[100*((1-e-a)/(1-a)||0),100*((1-i-a)/(1-a)||0),100*((1-n-a)/(1-a)||0),100*a]},F.rgb.keyword=function(t){const e=C[t];if(e)return e;let i,n=1/0;for(const e of Object.keys(D)){const r=((a=t)[0]-(s=D[e])[0])**2+(a[1]-s[1])**2+(a[2]-s[2])**2;r<n&&(n=r,i=e)}var a,s;return i},F.keyword.rgb=function(t){return D[t]},F.rgb.xyz=function(t){let e=t[0]/255,i=t[1]/255,n=t[2]/255;return e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,[100*(.4124*e+.3576*i+.1805*n),100*(.2126*e+.7152*i+.0722*n),100*(.0193*e+.1192*i+.9505*n)]},F.rgb.lab=function(t){const e=F.rgb.xyz(t);let i=e[0],n=e[1],a=e[2];return i/=95.047,n/=100,a/=108.883,i=i>.008856?i**(1/3):7.787*i+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,[116*n-16,500*(i-n),200*(n-a)]},F.hsl.rgb=function(t){const e=t[0]/360,i=t[1]/100,n=t[2]/100;let a,s,r;if(0===i)return r=255*n,[r,r,r];a=n<.5?n*(1+i):n+i-n*i;const o=2*n-a,l=[0,0,0];for(let t=0;t<3;t++)s=e+1/3*-(t-1),s<0&&s++,s>1&&s--,r=6*s<1?o+6*(a-o)*s:2*s<1?a:3*s<2?o+(a-o)*(2/3-s)*6:o,l[t]=255*r;return l},F.hsl.hsv=function(t){const e=t[0];let i=t[1]/100,n=t[2]/100,a=i;const s=Math.max(n,.01);return n*=2,i*=n<=1?n:2-n,a*=s<=1?s:2-s,[e,100*(0===n?2*a/(s+a):2*i/(n+i)),(n+i)/2*100]},F.hsv.rgb=function(t){const e=t[0]/60,i=t[1]/100;let n=t[2]/100;const a=Math.floor(e)%6,s=e-Math.floor(e),r=255*n*(1-i),o=255*n*(1-i*s),l=255*n*(1-i*(1-s));switch(n*=255,a){case 0:return[n,l,r];case 1:return[o,n,r];case 2:return[r,n,l];case 3:return[r,o,n];case 4:return[l,r,n];case 5:return[n,r,o]}},F.hsv.hsl=function(t){const e=t[0],i=t[1]/100,n=t[2]/100,a=Math.max(n,.01);let s,r;r=(2-i)*n;const o=(2-i)*a;return s=i*a,s/=o<=1?o:2-o,s=s||0,r/=2,[e,100*s,100*r]},F.hwb.rgb=function(t){const e=t[0]/360;let i=t[1]/100,n=t[2]/100;const a=i+n;let s;a>1&&(i/=a,n/=a);const r=Math.floor(6*e),o=1-n;s=6*e-r,0!=(1&r)&&(s=1-s);const l=i+s*(o-i);let c,h,u;switch(r){default:case 6:case 0:c=o,h=l,u=i;break;case 1:c=l,h=o,u=i;break;case 2:c=i,h=o,u=l;break;case 3:c=i,h=l,u=o;break;case 4:c=l,h=i,u=o;break;case 5:c=o,h=i,u=l}return[255*c,255*h,255*u]},F.cmyk.rgb=function(t){const e=t[1]/100,i=t[2]/100,n=t[3]/100;return[255*(1-Math.min(1,t[0]/100*(1-n)+n)),255*(1-Math.min(1,e*(1-n)+n)),255*(1-Math.min(1,i*(1-n)+n))]},F.xyz.rgb=function(t){const e=t[0]/100,i=t[1]/100,n=t[2]/100;let a,s,r;return a=3.2406*e+-1.5372*i+-.4986*n,s=-.9689*e+1.8758*i+.0415*n,r=.0557*e+-.204*i+1.057*n,a=a>.0031308?1.055*a**(1/2.4)-.055:12.92*a,s=s>.0031308?1.055*s**(1/2.4)-.055:12.92*s,r=r>.0031308?1.055*r**(1/2.4)-.055:12.92*r,a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),r=Math.min(Math.max(0,r),1),[255*a,255*s,255*r]},F.xyz.lab=function(t){let e=t[0],i=t[1],n=t[2];return e/=95.047,i/=100,n/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,[116*i-16,500*(e-i),200*(i-n)]},F.lab.xyz=function(t){let e,i,n;i=(t[0]+16)/116,e=t[1]/500+i,n=i-t[2]/200;const a=i**3,s=e**3,r=n**3;return i=a>.008856?a:(i-16/116)/7.787,e=s>.008856?s:(e-16/116)/7.787,n=r>.008856?r:(n-16/116)/7.787,e*=95.047,i*=100,n*=108.883,[e,i,n]},F.lab.lch=function(t){const e=t[0],i=t[1],n=t[2];let a;return a=360*Math.atan2(n,i)/2/Math.PI,a<0&&(a+=360),[e,Math.sqrt(i*i+n*n),a]},F.lch.lab=function(t){const e=t[1],i=t[2]/360*2*Math.PI;return[t[0],e*Math.cos(i),e*Math.sin(i)]},F.rgb.ansi16=function(t,e=null){const[i,n,a]=t;let s=null===e?F.rgb.hsv(t)[2]:e;if(s=Math.round(s/50),0===s)return 30;let r=30+(Math.round(a/255)<<2|Math.round(n/255)<<1|Math.round(i/255));return 2===s&&(r+=60),r},F.hsv.ansi16=function(t){return F.rgb.ansi16(F.hsv.rgb(t),t[2])},F.rgb.ansi256=function(t){const e=t[0],i=t[1],n=t[2];return e===i&&i===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(i/255*5)+Math.round(n/255*5)},F.ansi16.rgb=function(t){let e=t%10;if(0===e||7===e)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const i=.5*(1+~~(t>50));return[(1&e)*i*255,(e>>1&1)*i*255,(e>>2&1)*i*255]},F.ansi256.rgb=function(t){if(t>=232){const e=10*(t-232)+8;return[e,e,e]}let e;return t-=16,[Math.floor(t/36)/5*255,Math.floor((e=t%36)/6)/5*255,e%6/5*255]},F.rgb.hex=function(t){const e=(((255&Math.round(t[0]))<<16)+((255&Math.round(t[1]))<<8)+(255&Math.round(t[2]))).toString(16).toUpperCase();return"000000".substring(e.length)+e},F.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let i=e[0];3===e[0].length&&(i=i.split("").map((t=>t+t)).join(""));const n=parseInt(i,16);return[n>>16&255,n>>8&255,255&n]},F.rgb.hcg=function(t){const e=t[0]/255,i=t[1]/255,n=t[2]/255,a=Math.max(Math.max(e,i),n),s=Math.min(Math.min(e,i),n),r=a-s;let o,l;return o=r<1?s/(1-r):0,l=r<=0?0:a===e?(i-n)/r%6:a===i?2+(n-e)/r:4+(e-i)/r,l/=6,l%=1,[360*l,100*r,100*o]},F.hsl.hcg=function(t){const e=t[1]/100,i=t[2]/100,n=i<.5?2*e*i:2*e*(1-i);let a=0;return n<1&&(a=(i-.5*n)/(1-n)),[t[0],100*n,100*a]},F.hsv.hcg=function(t){const e=t[2]/100,i=t[1]/100*e;let n=0;return i<1&&(n=(e-i)/(1-i)),[t[0],100*i,100*n]},F.hcg.rgb=function(t){const e=t[1]/100,i=t[2]/100;if(0===e)return[255*i,255*i,255*i];const n=[0,0,0],a=t[0]/360%1*6,s=a%1,r=1-s;let o=0;switch(Math.floor(a)){case 0:n[0]=1,n[1]=s,n[2]=0;break;case 1:n[0]=r,n[1]=1,n[2]=0;break;case 2:n[0]=0,n[1]=1,n[2]=s;break;case 3:n[0]=0,n[1]=r,n[2]=1;break;case 4:n[0]=s,n[1]=0,n[2]=1;break;default:n[0]=1,n[1]=0,n[2]=r}return o=(1-e)*i,[255*(e*n[0]+o),255*(e*n[1]+o),255*(e*n[2]+o)]},F.hcg.hsv=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);let n=0;return i>0&&(n=e/i),[t[0],100*n,100*i]},F.hcg.hsl=function(t){const e=t[1]/100,i=t[2]/100*(1-e)+.5*e;let n=0;return i>0&&i<.5?n=e/(2*i):i>=.5&&i<1&&(n=e/(2*(1-i))),[t[0],100*n,100*i]},F.hcg.hwb=function(t){const e=t[1]/100,i=e+t[2]/100*(1-e);return[t[0],100*(i-e),100*(1-i)]},F.hwb.hcg=function(t){const e=1-t[2]/100,i=e-t[1]/100;let n=0;return i<1&&(n=(e-i)/(1-i)),[t[0],100*i,100*n]},F.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]},F.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]},F.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]},F.gray.hsl=function(t){return[0,0,t[0]]},F.gray.hsv=F.gray.hsl,F.gray.hwb=function(t){return[0,100,t[0]]},F.gray.cmyk=function(t){return[0,0,0,t[0]]},F.gray.lab=function(t){return[t[0],0,0]},F.gray.hex=function(t){const e=255&Math.round(t[0]/100*255),i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i},F.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const _={};Object.keys(j).forEach((t=>{_[t]={},Object.defineProperty(_[t],"channels",{value:j[t].channels}),Object.defineProperty(_[t],"labels",{value:j[t].labels});const e=function(t){const e=function(t){const e=function(){const t={},e=Object.keys(j);for(let i=e.length,n=0;n<i;n++)t[e[n]]={distance:-1,parent:null};return t}(),i=[t];for(e[t].distance=0;i.length;){const t=i.pop(),n=Object.keys(j[t]);for(let a=n.length,s=0;s<a;s++){const a=n[s],r=e[a];-1===r.distance&&(r.distance=e[t].distance+1,r.parent=t,i.unshift(a))}}return e}(t),i={},n=Object.keys(e);for(let t=n.length,a=0;a<t;a++){const t=n[a];null!==e[t].parent&&(i[t]=A(t,e))}return i}(t);Object.keys(e).forEach((i=>{const n=e[i];_[t][i]=function(t){const e=function(...e){const i=e[0];if(null==i)return i;i.length>1&&(e=i);const n=t(e);if("object"==typeof n)for(let t=n.length,e=0;e<t;e++)n[e]=Math.round(n[e]);return n};return"conversion"in t&&(e.conversion=t.conversion),e}(n),_[t][i].raw=function(t){const e=function(...e){const i=e[0];return null==i?i:(i.length>1&&(e=i),t(e))};return"conversion"in t&&(e.conversion=t.conversion),e}(n)}))}));var O=_;const q=[].slice,$=["keyword","gray","hex"],I={};for(const t of Object.keys(O))I[q.call(O[t].labels).sort().join("")]=t;const z={};function E(t,e){if(!(this instanceof E))return new E(t,e);if(e&&e in $&&(e=null),e&&!(e in O))throw new Error("Unknown model: "+e);let i,n;if(null==t)this.model="rgb",this.color=[0,0,0],this.valpha=1;else if(t instanceof E)this.model=t.model,this.color=t.color.slice(),this.valpha=t.valpha;else if("string"==typeof t){const e=M.get(t);if(null===e)throw new Error("Unable to parse color from string: "+t);this.model=e.model,n=O[this.model].channels,this.color=e.value.slice(0,n),this.valpha="number"==typeof e.value[n]?e.value[n]:1}else if(t.length>0){this.model=e||"rgb",n=O[this.model].channels;const i=q.call(t,0,n);this.color=K(i,n),this.valpha="number"==typeof t[n]?t[n]:1}else if("number"==typeof t)this.model="rgb",this.color=[t>>16&255,t>>8&255,255&t],this.valpha=1;else{this.valpha=1;const e=Object.keys(t);"alpha"in t&&(e.splice(e.indexOf("alpha"),1),this.valpha="number"==typeof t.alpha?t.alpha:0);const n=e.sort().join("");if(!(n in I))throw new Error("Unable to parse color from object: "+JSON.stringify(t));this.model=I[n];const a=O[this.model].labels,s=[];for(i=0;i<a.length;i++)s.push(t[a[i]]);this.color=K(s)}if(z[this.model])for(n=O[this.model].channels,i=0;i<n;i++){const t=z[this.model][i];t&&(this.color[i]=t(this.color[i]))}this.valpha=Math.max(0,Math.min(1,this.valpha)),Object.freeze&&Object.freeze(this)}E.prototype={toString(){return this.string()},toJSON(){return this[this.model]()},string(t){let e=this.model in M.to?this:this.rgb();e=e.round("number"==typeof t?t:1);const i=1===e.valpha?e.color:e.color.concat(this.valpha);return M.to[e.model](i)},percentString(t){const e=this.rgb().round("number"==typeof t?t:1),i=1===e.valpha?e.color:e.color.concat(this.valpha);return M.to.rgb.percent(i)},array(){return 1===this.valpha?this.color.slice():this.color.concat(this.valpha)},object(){const t={},e=O[this.model].channels,i=O[this.model].labels;for(let n=0;n<e;n++)t[i[n]]=this.color[n];return 1!==this.valpha&&(t.alpha=this.valpha),t},unitArray(){const t=this.rgb().color;return t[0]/=255,t[1]/=255,t[2]/=255,1!==this.valpha&&t.push(this.valpha),t},unitObject(){const t=this.rgb().object();return t.r/=255,t.g/=255,t.b/=255,1!==this.valpha&&(t.alpha=this.valpha),t},round(t){return t=Math.max(t||0,0),new E(this.color.map(function(t){return function(e){return function(t,e){return Number(t.toFixed(e))}(e,t)}}(t)).concat(this.valpha),this.model)},alpha(t){return arguments.length>0?new E(this.color.concat(Math.max(0,Math.min(1,t))),this.model):this.valpha},red:N("rgb",0,H(255)),green:N("rgb",1,H(255)),blue:N("rgb",2,H(255)),hue:N(["hsl","hsv","hsl","hwb","hcg"],0,(t=>(t%360+360)%360)),saturationl:N("hsl",1,H(100)),lightness:N("hsl",2,H(100)),saturationv:N("hsv",1,H(100)),value:N("hsv",2,H(100)),chroma:N("hcg",1,H(100)),gray:N("hcg",2,H(100)),white:N("hwb",1,H(100)),wblack:N("hwb",2,H(100)),cyan:N("cmyk",0,H(100)),magenta:N("cmyk",1,H(100)),yellow:N("cmyk",2,H(100)),black:N("cmyk",3,H(100)),x:N("xyz",0,H(100)),y:N("xyz",1,H(100)),z:N("xyz",2,H(100)),l:N("lab",0,H(100)),a:N("lab",1),b:N("lab",2),keyword(t){return arguments.length>0?new E(t):O[this.model].keyword(this.color)},hex(t){return arguments.length>0?new E(t):M.to.hex(this.rgb().round().color)},rgbNumber(){const t=this.rgb().color;return(255&t[0])<<16|(255&t[1])<<8|255&t[2]},luminosity(){const t=this.rgb().color,e=[];for(const[i,n]of t.entries()){const t=n/255;e[i]=t<=.03928?t/12.92:((t+.055)/1.055)**2.4}return.2126*e[0]+.7152*e[1]+.0722*e[2]},contrast(t){const e=this.luminosity(),i=t.luminosity();return e>i?(e+.05)/(i+.05):(i+.05)/(e+.05)},level(t){const e=this.contrast(t);return e>=7.1?"AAA":e>=4.5?"AA":""},isDark(){const t=this.rgb().color;return(299*t[0]+587*t[1]+114*t[2])/1e3<128},isLight(){return!this.isDark()},negate(){const t=this.rgb();for(let e=0;e<3;e++)t.color[e]=255-t.color[e];return t},lighten(t){const e=this.hsl();return e.color[2]+=e.color[2]*t,e},darken(t){const e=this.hsl();return e.color[2]-=e.color[2]*t,e},saturate(t){const e=this.hsl();return e.color[1]+=e.color[1]*t,e},desaturate(t){const e=this.hsl();return e.color[1]-=e.color[1]*t,e},whiten(t){const e=this.hwb();return e.color[1]+=e.color[1]*t,e},blacken(t){const e=this.hwb();return e.color[2]+=e.color[2]*t,e},grayscale(){const t=this.rgb().color,e=.3*t[0]+.59*t[1]+.11*t[2];return E.rgb(e,e,e)},fade(t){return this.alpha(this.valpha-this.valpha*t)},opaquer(t){return this.alpha(this.valpha+this.valpha*t)},rotate(t){const e=this.hsl();let i=e.color[0];return i=(i+t)%360,i=i<0?360+i:i,e.color[0]=i,e},mix(t,e){if(!t||!t.rgb)throw new Error('Argument to "mix" was not a Color instance, but rather an instance of '+typeof t);const i=t.rgb(),n=this.rgb(),a=void 0===e?.5:e,s=2*a-1,r=i.alpha()-n.alpha(),o=((s*r==-1?s:(s+r)/(1+s*r))+1)/2,l=1-o;return E.rgb(o*i.red()+l*n.red(),o*i.green()+l*n.green(),o*i.blue()+l*n.blue(),i.alpha()*a+n.alpha()*(1-a))}};for(const t of Object.keys(O)){if($.includes(t))continue;const e=O[t].channels;E.prototype[t]=function(){if(this.model===t)return new E(this);if(arguments.length>0)return new E(arguments,t);const i="number"==typeof arguments[e]?e:this.valpha;return new E(U(O[this.model][t].raw(this.color)).concat(i),t)},E[t]=function(i){return"number"==typeof i&&(i=K(q.call(arguments),e)),new E(i,t)}}function N(t,e,i){t=Array.isArray(t)?t:[t];for(const n of t)(z[n]||(z[n]=[]))[e]=i;return t=t[0],function(n){let a;return arguments.length>0?(i&&(n=i(n)),a=this[t](),a.color[e]=n,a):(a=this[t]().color[e],i&&(a=i(a)),a)}}function H(t){return function(e){return Math.max(0,Math.min(t,e))}}function U(t){return Array.isArray(t)?t:[t]}function K(t,e){for(let i=0;i<e;i++)"number"!=typeof t[i]&&(t[i]=0);return t}var R=E;const V=R("#007AC2"),L={r:255,g:255,b:255},B={h:360,s:100,v:100},T={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}}},G=l(V.hex());let J=class{constructor(n){var a,s,r,o;t(this,n),this.calciteColorPickerChange=e(this,"calciteColorPickerChange",7),this.calciteColorPickerInput=e(this,"calciteColorPickerInput",7),this.allowEmpty=!1,this.appearance="default",this.color=V,this.format="auto",this.hideHex=!1,this.hideChannels=!1,this.hideSaved=!1,this.intlB="B",this.intlBlue="Blue",this.intlDeleteColor="Delete color",this.intlG="G",this.intlGreen="Green",this.intlH="H",this.intlHsv="HSV",this.intlHex="Hex",this.intlHue="Hue",this.intlNoColor="No color",this.intlR="R",this.intlRed="Red",this.intlRgb="RGB",this.intlS="S",this.intlSaturation="Saturation",this.intlSaveColor="Save color",this.intlSaved="Saved",this.intlV="V",this.intlValue="Value",this.scale="m",this.value=G,this.colorFieldAndSliderHovered=!1,this.hueThumbState="idle",this.internalColorUpdateContext=null,this.mode=c.HEX,this.shiftKeyChannelAdjustment=0,this.sliderThumbState="idle",this.colorFieldAndSliderInteractive=!1,this.channelMode="rgb",this.channels=this.toChannels(V),this.dimensions=T.m,this.savedColors=[],this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const e=t.key,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[e]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===e||"ArrowUp"===e?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[e].x||0,this.colorFieldScopeTop+i[e].y||0,!1))},this.handleHueScopeKeyDown=t=>{const e=t.shiftKey?10:1,i=t.key,n={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(n[i]){t.preventDefault();const a=n[i]*e,s=this.baseColorFieldColor.hue(),r=this.baseColorFieldColor.hue(s+a);this.internalColorSet(r,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:e,color:i}=this,n=t.target.value;!e||n?n!==(i&&l(i.hex()))&&this.internalColorSet(R(n)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(R(t.currentTarget.color))},this.handleChannelInput=t=>{const e=t.currentTarget,i=t.detail.nativeEvent.target,n=Number(e.getAttribute("data-channel-index")),a="rgb"===this.channelMode?L[Object.keys(L)[n]]:B[Object.keys(B)[n]];let s;if(this.allowEmpty&&!e.value)s="";else{const t=Number(e.value)+this.shiftKeyChannelAdjustment;s=g(t,0,a).toString()}e.value=s,i.value=s},this.handleChannelChange=t=>{const e=t.currentTarget,i=Number(e.getAttribute("data-channel-index")),n=[...this.channels];if(this.allowEmpty&&!e.value)return this.channels=[null,null,null],void this.internalColorSet(null);n[i]=Number(e.value),this.updateColorFromChannels(n)},this.handleSavedColorKeyDown=t=>{" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),t.stopPropagation(),this.handleSavedColorSelect(t))},this.handleColorFieldAndSliderMouseLeave=()=>{this.colorFieldAndSliderInteractive=!1,this.colorFieldAndSliderHovered=!1,"drag"!==this.sliderThumbState&&"drag"!==this.hueThumbState&&(this.hueThumbState="idle",this.sliderThumbState="idle",this.drawColorFieldAndSlider())},this.handleColorFieldAndSliderMouseDown=t=>{const{offsetX:e,offsetY:i}=t,n=this.getCanvasRegion(i);"color-field"===n?(this.hueThumbState="drag",this.captureColorFieldColor(e,i)):"slider"===n&&(this.sliderThumbState="drag",this.captureHueSliderColor(e)),t.preventDefault(),document.addEventListener("mousemove",this.globalMouseMoveHandler),document.addEventListener("mouseup",this.globalMouseUpHandler,{once:!0}),this.activeColorFieldAndSliderRect=this.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()},this.globalMouseUpHandler=()=>{const t="drag"===this.sliderThumbState||"drag"===this.hueThumbState;this.hueThumbState="idle",this.sliderThumbState="idle",this.activeColorFieldAndSliderRect=null,this.drawColorFieldAndSlider(),t&&this.calciteColorPickerChange.emit()},this.globalMouseMoveHandler=t=>{const{el:e,dimensions:i}=this,n="drag"===this.hueThumbState;if(!e.isConnected||"drag"!==this.sliderThumbState&&!n)return;let a,s;const r=this.activeColorFieldAndSliderRect,{clientX:o,clientY:l}=t;if(this.colorFieldAndSliderHovered)a=o-r.x,s=l-r.y;else{const t=i.colorField.width,e=i.colorField.height,n=i.slider.height;a=o<r.x+t&&o>r.x?o-r.x:o<r.x?0:t,s=l<r.y+e+n&&l>r.y?l-r.y:l<r.y?0:e+n}n?this.captureColorFieldColor(a,s,!1):this.captureHueSliderColor(a)},this.handleColorFieldAndSliderMouseEnterOrMove=({offsetX:t,offsetY:e})=>{const{dimensions:{colorField:i,slider:n,thumb:a}}=this;this.colorFieldAndSliderInteractive=e<=i.height+n.height,this.colorFieldAndSliderHovered=!0;const s=this.getCanvasRegion(e);if("color-field"===s){const n=this.hueThumbState,s=this.baseColorFieldColor.hsv(),r=Math.round(s.saturationv()/(B.s/i.width)),o=Math.round(i.height-s.value()/(B.v/i.height)),l=this.containsPoint(t,e,r,o,a.radius);let c=!1;"idle"===n&&l?(this.hueThumbState="hover",c=!0):"hover"!==n||l||(this.hueThumbState="idle",c=!0),"drag"!==this.hueThumbState&&c&&this.drawColorFieldAndSlider()}else if("slider"===s){const s=this.baseColorFieldColor.hsv().saturationv(100).value(100),r=this.sliderThumbState,o=Math.round(s.hue()/(360/n.width)),l=Math.round((n.height+this.getSliderCapSpacing())/2)+i.height,c=this.containsPoint(t,e,o,l,a.radius);let h=!1;"idle"===r&&c?(this.sliderThumbState="hover",h=!0):"hover"!==r||c||(this.sliderThumbState="idle",h=!0),"drag"!==this.sliderThumbState&&h&&this.drawColorFieldAndSlider()}},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:e,intlRgb:n,intlHsv:a}=this;return i("calcite-tab-title",{active:t===e,class:"color-mode","data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate},"rgb"===t?n:a)},this.renderChannelsTab=t=>{const{channelMode:e,channels:n,intlB:a,intlBlue:s,intlG:r,intlGreen:o,intlH:l,intlHue:c,intlR:h,intlRed:u,intlS:d,intlSaturation:m,intlV:f,intlValue:p}=this,b="rgb"===t,g=b?[h,r,a]:[l,d,f],w=b?[u,o,s]:[c,m,p];return i("calcite-tab",{active:t===e,class:"control",key:t},i("div",{class:"channels"},n.map(((t,e)=>this.renderChannel(t,e,g[e],w[e])))))},this.renderChannel=(t,e,n,a)=>i("calcite-input",{class:"channel","data-channel-index":e,label:a,numberButtonType:"none",onCalciteInputChange:this.handleChannelChange,onCalciteInputInput:this.handleChannelInput,prefixText:n,scale:"l"===this.scale?"m":"s",type:"number",value:null==t?void 0:t.toString()}),this.deleteColor=()=>{const t=this.color.hex();if(!(this.savedColors.indexOf(t)>-1))return;const e=this.savedColors.filter((e=>e!==t));this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.saveColor=()=>{const t=this.color.hex();if(this.savedColors.indexOf(t)>-1)return;const e=[...this.savedColors,t];this.savedColors=e,this.storageId&&localStorage.setItem(`calcite-color-${this.storageId}`,JSON.stringify(e))},this.drawColorFieldAndSlider=(a=()=>{this.fieldAndSliderRenderingContext&&(this.drawColorField(),this.drawHueSlider())},r=!0,o=!0,y(s)&&(r="leading"in s?!!s.leading:r,o="trailing"in s?!!s.trailing:o),w(a,16,{leading:r,maxWait:16,trailing:o})),this.captureColorFieldColor=(t,e,i=!0)=>{const{dimensions:{colorField:{height:n,width:a}}}=this,s=Math.round(B.s/a*t),r=Math.round(B.v/n*(n-e));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(s).value(r),i)},this.initColorFieldAndSlider=t=>{this.fieldAndSliderRenderingContext=t.getContext("2d"),this.setCanvasContextSize(t,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+2*this.getSliderCapSpacing()}),this.drawColorFieldAndSlider()}}handleColorChange(t,e){this.drawColorFieldAndSlider(),this.updateChannelsFromColor(t),this.previousColor=e,this.internalColorUpdateContext||(this.value=this.toValue(t))}handleFormatChange(t){this.setMode(t),this.value=this.toValue(this.color)}handleScaleChange(t="m"){this.updateDimensions(t)}handleValueChange(t,e){const{allowEmpty:i,format:n}=this;let a=!1;if(!i||t){const i=h(t);if(!i||"auto"!==n&&i!==n)return this.showIncompatibleColorWarning(t,n),void(this.value=e);a=this.mode!==i,this.setMode(i)}const s="drag"===this.sliderThumbState||"drag"===this.hueThumbState;if(this.internalColorUpdateContext){if("initial"===this.internalColorUpdateContext)return;return this.calciteColorPickerInput.emit(),void(s||this.calciteColorPickerChange.emit())}const r=i&&!t?null:R(t),o=!u(r,this.color);(a||o)&&(this.color=r,this.calciteColorPickerInput.emit(),s||this.calciteColorPickerChange.emit())}get baseColorFieldColor(){return this.color||this.previousColor||V}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const e=t.key;if("ArrowUp"!==e&&"ArrowDown"!==e||!t.composedPath().some((t=>{var e;return null===(e=t.classList)||void 0===e?void 0:e.contains("channel")})))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===e&&i?9:"ArrowDown"===e&&i?-9:0}async setFocus(){return a(this.colorFieldScopeNode)}componentWillLoad(){const{allowEmpty:t,color:e,format:i,value:n}=this,a=t&&!n,s=h(n),r=a||"auto"===i&&s||i===s,o=a?null:r?R(n):e;r||this.showIncompatibleColorWarning(n,i),this.setMode(i),this.internalColorSet(o,!1,"initial"),this.updateDimensions(this.scale);const l=`calcite-color-${this.storageId}`;this.storageId&&localStorage.getItem(l)&&(this.savedColors=JSON.parse(localStorage.getItem(l)))}disconnectedCallback(){document.removeEventListener("mousemove",this.globalMouseMoveHandler),document.removeEventListener("mouseup",this.globalMouseUpHandler)}render(){const{allowEmpty:t,color:e,intlDeleteColor:n,el:a,hideHex:o,hideChannels:l,hideSaved:c,intlHex:h,intlSaved:u,intlSaveColor:d,savedColors:m,scale:f}=this,p=e?e.hex():null,b="l"===f?"m":"s",{colorFieldAndSliderInteractive:g,colorFieldScopeTop:w,colorFieldScopeLeft:y,hueScopeLeft:k,hueScopeTop:v,scopeOrientation:x,dimensions:{colorField:{height:M,width:D},slider:{height:C}}}=this,F=null!=v?v:C/2+M,j=null!=k?k:D*V.hue()/B.h,S=s(a),A=null===e,_="vertical"===x;return i("div",{class:"container"},i("div",{class:"color-field-and-slider-wrap"},i("canvas",{class:{"color-field-and-slider":!0,"color-field-and-slider--interactive":g},onMouseDown:this.handleColorFieldAndSliderMouseDown,onMouseEnter:this.handleColorFieldAndSliderMouseEnterOrMove,onMouseLeave:this.handleColorFieldAndSliderMouseLeave,onMouseMove:this.handleColorFieldAndSliderMouseEnterOrMove,ref:this.initColorFieldAndSlider}),i("div",{"aria-label":_?this.intlValue:this.intlSaturation,"aria-valuemax":_?B.v:B.s,"aria-valuemin":"0","aria-valuenow":(_?null==e?void 0:e.saturationv():null==e?void 0:e.value())||"0",class:{scope:!0,"scope--color-field":!0},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${w||0}px`,left:`${y||0}px`},tabindex:"0"}),i("div",{"aria-label":this.intlHue,"aria-valuemax":B.h,"aria-valuemin":"0","aria-valuenow":(null==e?void 0:e.round().hue())||V.round().hue(),class:{scope:!0,"scope--hue":!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${F}px`,left:`${j}px`},tabindex:"0"})),o&&l?null:i("div",{class:{"control-section":!0,section:!0,[r.rtl]:"rtl"===S}},o?null:i("div",{class:"color-hex-options"},i("span",{class:{header:!0,"header--hex":!0}},h),i("calcite-color-picker-hex-input",{allowEmpty:t,class:"control",dir:S,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:b,value:p})),l?null:i("calcite-tabs",{class:{"color-mode-container":!0,"section--split":!0},dir:S,scale:b},i("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),c?null:i("div",{class:{"saved-colors-section":!0,section:!0}},i("div",{class:"header"},i("label",null,u),i("div",{class:"saved-colors-buttons"},i("calcite-button",{appearance:"transparent",class:"delete-color",color:"neutral",disabled:A,iconStart:"minus",label:n,onClick:this.deleteColor,scale:b}),i("calcite-button",{appearance:"transparent",class:"save-color",color:"neutral",disabled:A,iconStart:"plus",label:d,onClick:this.saveColor,scale:b}))),m.length>0?i("div",{class:"saved-colors"},[...m.map((t=>i("calcite-color-picker-swatch",{active:p===t,class:"saved-color",color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:f,tabIndex:0})))]):null))}showIncompatibleColorWarning(t,e){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${e})`)}setMode(t){this.mode="auto"===t?this.mode:t}captureHueSliderColor(t){const{dimensions:{slider:{width:e}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(360/e*t),!1)}getCanvasRegion(t){const{dimensions:{colorField:{height:e},slider:{height:i}}}=this;return t<=e?"color-field":t<=e+i?"slider":"none"}internalColorSet(t,e=!0,i="internal"){e&&u(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,e=this.mode){if(!t)return null;if(e.includes("hex"))return l(t.round().hex());if(e.includes("-css"))return t[e.replace("-css","").replace("a","")]().round().string();const i=t[e]().round().object();return e.endsWith("a")&&(i.a=i.alpha,delete i.alpha),i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:e}}}=this;return 2*e-t}updateDimensions(t="m"){this.dimensions=T[t]}drawColorField(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).string(),t.fillRect(0,0,i,e);const n=t.createLinearGradient(0,0,i,0);n.addColorStop(0,"rgba(255,255,255,1)"),n.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=n,t.fillRect(0,0,i,e);const a=t.createLinearGradient(0,0,0,e);a.addColorStop(0,"rgba(0,0,0,0)"),a.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=a,t.fillRect(0,0,i,e),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:e,width:i}){const n=window.devicePixelRatio||1;t.width=i*n,t.height=e*n,t.style.height=`${e}px`,t.style.width=`${i}px`,t.getContext("2d").scale(n,n)}containsPoint(t,e,i,n,a){return Math.pow(t-i,2)+Math.pow(e-n,2)<=Math.pow(a,2)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const e=t.hsv(),{dimensions:{colorField:{height:i,width:n},thumb:{radius:a}}}=this,s=e.saturationv()/(B.s/n),r=i-e.value()/(B.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=s,this.colorFieldScopeTop=r})),this.drawThumb(this.fieldAndSliderRenderingContext,a,s,r,e,this.hueThumbState)}drawThumb(t,e,i,n,a,s){const r=2*Math.PI;t.beginPath(),t.arc(i,n,e,0,r),t.shadowBlur="hover"===s?32:16,t.shadowColor=`rgba(0, 0, 0, ${"drag"===s?.32:.16})`,t.fillStyle="#fff",t.fill(),t.beginPath(),t.arc(i,n,e-3,0,r),t.shadowBlur=0,t.shadowColor="transparent",t.fillStyle=a.rgb().string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const e=t.hsv().saturationv(100).value(100),{dimensions:{colorField:{height:i},slider:{height:n,width:a},thumb:{radius:s}}}=this,r=e.hue()/(360/a),o=n/2+i;requestAnimationFrame((()=>{this.hueScopeLeft=r,this.hueScopeTop=o})),this.drawThumb(this.fieldAndSliderRenderingContext,s,r,o,e,this.sliderThumbState)}drawHueSlider(){const t=this.fieldAndSliderRenderingContext,{dimensions:{colorField:{height:e},slider:{height:i,width:n}}}=this,a=t.createLinearGradient(0,0,n,0),s=["red","yellow","lime","cyan","blue","magenta","red"],r=1/(s.length-1);let o=0;s.forEach((t=>{a.addColorStop(o,R(t).string()),o+=r})),t.fillStyle=a,t.clearRect(0,e,n,i+2*this.getSliderCapSpacing()),t.fillRect(0,e,n,i),this.drawActiveHueSliderColor()}updateColorFromChannels(t){this.internalColorSet(R(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null]}toChannels(t){const{channelMode:e}=this;return t[e]().array().map((t=>Math.floor(t)))}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],value:["handleValueChange"]}}};J.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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([scale=s]) .container{width:160px}:host([scale=s]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(20px, 1fr))}:host([scale=s]) .channels{-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]) .control-section.section.calcite--rtl>:nth-child(2){margin-left:0;margin-right:12px}:host([scale=l]) .header{padding-bottom:0}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{width:464px}:host([scale=l]) .color-field-and-slider{margin-bottom:-20px}:host([scale=l]) .section{padding:0 16px 16px}:host([scale=l]) .section:first-of-type{padding-top:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;padding-top:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){margin-left:12px}:host([scale=l]) .color-hex-options{-ms-flex-negative:1;flex-shrink:1;display:-ms-flexbox;display:flex;-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{font-size:var(--calcite-font-size--1);padding:0;margin-bottom:0;margin-right:0;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;width:0.5rem;height:0.5rem;position:absolute;pointer-events:none;margin-top:-0.25rem;margin-left:-0.25rem;outline-offset:10px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px;outline-offset:12px}.color-field-and-slider{margin-bottom:-16px}.color-field-and-slider--interactive{cursor:pointer}.control-section{display:-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;color:var(--calcite-ui-text-1);padding-bottom:0.25rem}.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 100ms ease-in-out;transition:outline-color 100ms ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";const P=R();let W=class{constructor(i){t(this,i),this.calciteColorPickerHexInputChange=e(this,"calciteColorPickerHexInputChange",7),this.allowEmpty=!1,this.intlHex="Hex",this.intlNoColor="No color",this.scale="m",this.value=l(P.hex()),this.onCalciteInputBlur=()=>{const t=this.inputNode,e=t.value,i=`#${e}`;this.allowEmpty&&!e||d(i)&&m(i)||(t.value=this.allowEmpty&&!this.internalColor?"":this.formatForInternalInput(f(this.internalColor.object())))},this.onInputChange=()=>{const t=this.inputNode.value;let e;if(t){const i=t;if(!p(`#${i}`))return;e=l(i)}else this.allowEmpty&&(e=null);this.value=e,this.calciteColorPickerHexInputChange.emit()},this.internalColor=P,this.previousNonNullValue=this.value,this.storeInputRef=t=>{this.inputNode=t}}connectedCallback(){const{allowEmpty:t,value:e}=this;if(e){const t=l(e);d(t)&&(this.internalColor=R(t),this.value=t)}else t&&(this.internalColor=null,this.value=null)}handleValueChange(t,e){if(t){const e=l(t);if(d(e)){const{internalColor:t}=this,i=!t||e!==l(t.hex());return this.internalColor=R(e),this.previousNonNullValue=e,this.value=e,void(i&&this.calciteColorPickerHexInputChange.emit())}}else if(this.allowEmpty)return this.internalColor=null,this.value=null,void this.calciteColorPickerHexInputChange.emit();this.value=e}onInputKeyDown(t){const{altKey:e,ctrlKey:i,metaKey:n,shiftKey:a}=t,{internalColor:s,value:r}=this,o=t.key;if("Tab"===o||"Enter"===o)return void this.onInputChange();if("ArrowDown"===o||"ArrowUp"===o)return r?(this.value=l(this.nudgeRGBChannels(s,(a?10:1)*("ArrowUp"===o?1:-1)).hex()),void t.preventDefault()):(this.value=this.previousNonNullValue,void t.preventDefault());const c=e||i||n,h=1===o.length,u=b.test(o);!h||c||u||t.preventDefault()}render(){const{el:t,intlHex:e,value:n}=this,a=this.formatForInternalInput(n),r=s(t);return i("div",{class:"container"},i("calcite-input",{class:"input",dir:r,label:e,maxLength:6,onCalciteInputBlur:this.onCalciteInputBlur,onCalciteInputChange:this.onInputChange,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:a}),a?i("calcite-color-picker-swatch",{active:!0,class:"preview",color:`#${a}`,scale:this.scale}):null)}async setFocus(){a(this.inputNode)}formatForInternalInput(t){return t?t.replace("#",""):""}nudgeRGBChannels(t,e){return R.rgb(t.array().map((t=>t+e)))}get el(){return n(this)}static get watchers(){return{value:["handleValueChange"]}}};W.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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}.container{width:100%;display:inline-grid;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none;margin-top:0;margin-bottom:0;margin-left:0.25rem;margin-right:0.25rem;z-index:1}.preview,.input{grid-row:1}.input{grid-column:1/3;text-transform:uppercase;width:100%}";let X=class{constructor(e){t(this,e),this.active=!1,this.scale="m"}handleColorChange(t){this.internalColor=R(t)}componentWillLoad(){this.handleColorChange(this.color)}render(){const{active:t,el:e,internalColor:n}=this,a=t?"100%":"0",s=n.hex(),r="light"===o(e)?"rgba(0, 0, 0, 0.15)":"rgba(255, 255, 255, 0.15)";return i("svg",{class:"swatch",xmlns:"http://www.w3.org/2000/svg"},i("title",null,s),i("rect",{fill:s,height:"100%",id:"swatch",rx:a,stroke:r,"stroke-width":"2",style:{"clip-path":`inset(0 round ${a})`},width:"100%"}))}get el(){return n(this)}static get watchers(){return{color:["handleColorChange"]}}};X.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:300ms}.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:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;position:relative}: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{height:100%;width:100%;top:0;right:0;bottom:0;left:0;position:absolute}";export{J as calcite_color_picker,W as calcite_color_picker_hex_input,X as calcite_color_picker_swatch}