@esri/calcite-components 1.0.0-beta.92 → 1.0.0-beta.93

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

@@ -0,0 +1,6 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.93
+ */
+import{r as t,h as a,F as e,g as i,c as n,f as o}from"./p-baa2ee9c.js";import{g as r,a as l}from"./p-58e988aa.js";import{c as s,d as c}from"./p-0b5a943b.js";import{c as d}from"./p-2312e382.js";import"./p-c2e2ad0c.js";import"./p-302a8139.js";import"./p-7f70c6f8.js";const m=class{constructor(a){t(this,a),this.contentBehind=!1}connectedCallback(){s(this)}disconnectedCallback(){c(this)}renderHeader(){return r(this.el,"header")?a("slot",{key:"header",name:"header"}):null}renderContent(){const t=a("slot",{key:"default-slot"}),e=a("slot",{key:"center-row-slot",name:"center-row"}),i="content-container";return this.contentBehind?[a("div",{class:{content:!0,"content--behind":!0},key:i},t),e]:[a("div",{class:"content",key:i},t,e)]}renderFooter(){return r(this.el,"footer")?a("div",{class:"footer",key:"footer"},a("slot",{name:"footer"})):null}renderMain(){const t=r(this.el,"primary-panel");return a("div",{class:{main:!0,"main--reversed":"end"===(null==t?void 0:t.position)}},a("slot",{name:"primary-panel"}),a("slot",{name:"panel-start"}),this.renderContent(),a("slot",{name:"panel-end"}),a("slot",{name:"contextual-panel"}))}render(){return a(e,null,this.renderHeader(),this.renderMain(),this.renderFooter())}get el(){return i(this)}};m.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:absolute;inset:0px;display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden;--calcite-shell-tip-spacing:26vw}.main{position:relative;display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}.main--reversed{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.content{display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:auto}.content ::slotted(calcite-shell-center-row),.content ::slotted(calcite-panel),.content ::slotted(calcite-flow){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;align-self:stretch;max-block-size:unset}.content--behind{position:absolute;inset:0px;border-width:0px;z-index:calc(1 - 1);display:initial}::slotted(calcite-shell-center-row){inline-size:unset}::slotted(.header .heading){font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal)}slot[name=panel-end]::slotted(calcite-shell-panel){-webkit-margin-start:auto;margin-inline-start:auto}::slotted(calcite-shell-panel),::slotted(calcite-shell-center-row){position:relative;z-index:1}::slotted(calcite-panel),::slotted(calcite-flow){border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3)}slot[name=center-row]::slotted(calcite-shell-center-row:not([detached])){border-inline-start-width:1px;border-inline-end-width:1px;border-color:var(--calcite-ui-border-3)}::slotted(calcite-tip-manager){position:absolute;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box}@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)}}::slotted(calcite-tip-manager){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);inset-block-end:0.5rem;inset-inline:var(--calcite-shell-tip-spacing)}";const p=class{constructor(a){t(this,a),this.detached=!1,this.heightScale="s",this.position="end"}connectedCallback(){s(this)}disconnectedCallback(){c(this)}render(){const{el:t}=this,i=a("div",{class:"content"},a("slot",null)),n=r(t,"action-bar"),o=[n?a("div",{class:"action-bar-container",key:"action-bar"},a("slot",{name:"action-bar"})):null,i];return"end"===(null==n?void 0:n.position)&&o.reverse(),a(e,null,o)}get el(){return i(this)}};p.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}: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-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;background-color:transparent}.content{margin:0px;display:-ms-flexbox;display:flex;block-size:100%;inline-size:100%;overflow:hidden;-ms-flex:1 0 0px;flex:1 0 0}.action-bar-container{display:-ms-flexbox;display:flex}:host([detached]){margin-inline:0.5rem;margin-block:0.5rem 1.5rem}@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)}}:host([detached]){-webkit-animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;animation:in-up var(--calcite-internal-animation-timing-slow) ease-in-out;border-radius:0.25rem;border-width:0px;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([position=end]){-ms-flex-item-align:end;align-self:flex-end}:host([position=start]){-ms-flex-item-align:start;align-self:flex-start}:host([height-scale=s]){block-size:33.333333%}:host([height-scale=m]){block-size:70%}:host([height-scale=l]){block-size:100%}:host([height-scale=l][detached]){block-size:calc(100% - 2rem)}::slotted(calcite-panel){block-size:100%;inline-size:100%}::slotted(calcite-action-bar),::slotted(calcite-action-bar[position=end]){-webkit-border-end:1px solid;border-inline-end:1px solid;border-color:var(--calcite-ui-border-3)}";const h=class{constructor(a){t(this,a),this.calciteShellPanelToggle=n(this,"calciteShellPanelToggle",6),this.collapsed=!1,this.detached=!1,this.detachedHeightScale="l",this.widthScale="m",this.intlResize="Resize",this.resizable=!1,this.contentWidth=null,this.initialContentWidth=null,this.initialClientX=null,this.contentWidthMax=null,this.contentWidthMin=null,this.step=1,this.stepMultiplier=10,this.storeContentEl=t=>{this.contentEl=t},this.getKeyAdjustedWidth=t=>{const{key:a}=t,{el:e,step:i,stepMultiplier:n,contentWidthMin:o,contentWidthMax:r,initialContentWidth:s,position:c}=this,d=i*n;["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"].indexOf(a)>-1&&t.preventDefault();const m=["ArrowLeft","ArrowRight"],p="rtl"===l(e)&&m.includes(a)?-1:1;return"ArrowUp"===a||("end"===c?a===m[0]:a===m[1])?s+p*(t.shiftKey?d:i):"ArrowDown"===a||("end"===c?a===m[1]:a===m[0])?s-p*(t.shiftKey?d:i):"number"==typeof o&&"Home"===a?o:"number"==typeof r&&"End"===a?r:"PageDown"===a?s-d:"PageUp"===a?s+d:null},this.separatorKeyDown=t=>{this.setInitialContentWidth();const a=this.getKeyAdjustedWidth(t);"number"==typeof a&&this.setContentWidth(a)},this.separatorPointerMove=t=>{t.preventDefault();const{el:a,initialContentWidth:e,position:i,initialClientX:n}=this,o=t.clientX-n,r="rtl"===l(a)?-1:1;this.setContentWidth(e+("end"===i?-r*o:r*o))},this.separatorPointerUp=t=>{t.preventDefault(),document.removeEventListener("pointerup",this.separatorPointerUp),document.removeEventListener("pointermove",this.separatorPointerMove)},this.setInitialContentWidth=()=>{var t;this.initialContentWidth=null===(t=this.contentEl)||void 0===t?void 0:t.getBoundingClientRect().width},this.separatorPointerDown=t=>{t.preventDefault();const{separatorEl:a}=this;a&&document.activeElement!==a&&a.focus(),this.setInitialContentWidth(),this.initialClientX=t.clientX,document.addEventListener("pointerup",this.separatorPointerUp),document.addEventListener("pointermove",this.separatorPointerMove)},this.connectSeparator=t=>{this.disconnectSeparator(),this.separatorEl=t,t.addEventListener("pointerdown",this.separatorPointerDown)},this.disconnectSeparator=()=>{var t;null===(t=this.separatorEl)||void 0===t||t.removeEventListener("pointerdown",this.separatorPointerDown)}}watchHandler(){this.calciteShellPanelToggle.emit()}connectedCallback(){s(this)}disconnectedCallback(){c(this),this.disconnectSeparator()}componentDidLoad(){this.updateAriaValues()}renderHeader(){const{el:t}=this;return r(t,"header")?a("div",{class:"content__header",key:"header"},a("slot",{name:"header"})):null}render(){const{collapsed:t,detached:e,position:i,initialContentWidth:n,contentWidth:o,contentWidthMax:r,contentWidthMin:l,intlResize:s,resizable:c}=this,d=!e&&c,m=a("div",{class:{content:!0,"content--detached":e},hidden:t,key:"content",ref:this.storeContentEl,style:d&&o?{width:`${o}px`}:null},this.renderHeader(),a("div",{class:"content__body"},a("slot",null))),p=d?a("div",{"aria-label":s,"aria-orientation":"horizontal","aria-valuemax":r,"aria-valuemin":l,"aria-valuenow":null!=o?o:n,class:"separator",key:"separator",onKeyDown:this.separatorKeyDown,ref:this.connectSeparator,role:"separator",tabIndex:0,"touch-action":"none"}):null,h=[a("slot",{key:"action-bar",name:"action-bar"}),m,p];return"end"===i&&h.reverse(),a("div",{class:{container:!0}},h)}setContentWidth(t){const{contentWidthMax:a,contentWidthMin:e}=this,i=Math.round(t);this.contentWidth="number"==typeof a&&"number"==typeof e?d(i,e,a):i}updateAriaValues(){const{contentEl:t}=this,a=t&&getComputedStyle(t);if(!a)return;const e=parseInt(a.getPropertyValue("max-width"),10),i=parseInt(a.getPropertyValue("min-width"),10),n=parseInt(a.getPropertyValue("width"),10);"number"!=typeof n||isNaN(n)||(this.initialContentWidth=n),"number"!=typeof e||isNaN(e)||(this.contentWidthMax=e),"number"!=typeof i||isNaN(i)||(this.contentWidthMin=i),o(this)}get el(){return i(this)}static get watchers(){return{collapsed:["watchHandler"]}}};h.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-align:stretch;align-items:stretch;--calcite-shell-panel-detached-max-height:unset}.container{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:hover) .separator:not(:hover):not(:focus),:host(:focus-within) .separator:not(:hover):not(:focus){opacity:1;background-color:var(--calcite-ui-border-3)}.separator{pointer-events:auto;position:absolute;inset-block:0px;display:-ms-flexbox;display:flex;block-size:100%;inline-size:0.125rem;background-color:transparent;opacity:0;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;cursor:col-resize;outline:none}.separator:hover{opacity:1;background-color:var(--calcite-ui-border-2)}.separator:focus{background-color:var(--calcite-ui-brand);opacity:1}:host([position=start]) .separator{inset-inline-end:-2px}:host([position=end]) .separator{inset-inline-start:-2px}::slotted(calcite-panel),::slotted(calcite-flow){block-size:100%;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;max-block-size:unset;max-inline-size:unset}::slotted(.calcite-match-height){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}.content{pointer-events:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:var(--calcite-ui-background);padding:0px;inline-size:var(--calcite-shell-panel-width);max-inline-size:var(--calcite-shell-panel-max-width);min-inline-size:var(--calcite-shell-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), max-inline-size var(--calcite-animation-timing)}.content__header{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.content__body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host([width-scale=s]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]) .content{--calcite-shell-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-shell-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-shell-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}:host([detached-height-scale=s]) .content--detached{--calcite-shell-panel-detached-max-height:40vh}:host([detached-height-scale=m]) .content--detached{--calcite-shell-panel-detached-max-height:60vh}:host([detached-height-scale=l]) .content--detached{--calcite-shell-panel-detached-max-height:80vh}.content--detached{margin-inline:0.5rem;margin-block:0.5rem auto;block-size:auto;overflow:hidden;border-radius:0.25rem;--tw-shadow:0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 8px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);max-block-size:var(--calcite-shell-panel-detached-max-height)}.content--detached ::slotted(calcite-panel),.content--detached ::slotted(calcite-flow){max-block-size:unset}:host([position=start]) .content--detached ::slotted(calcite-panel),:host([position=start]) .content--detached ::slotted(calcite-flow),:host([position=end]) .content--detached ::slotted(calcite-panel),:host([position=end]) .content--detached ::slotted(calcite-flow){border-style:none}.content[hidden]{display:none}slot[name=action-bar]::slotted(calcite-action-bar),.content ::slotted(calcite-flow),.content ::slotted(calcite-panel:not([dismissed])){border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}:host([position=start]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=start]) .content ::slotted(calcite-flow),:host([position=start]) .content ::slotted(calcite-panel){-webkit-border-start:none;border-inline-start:none}:host([position=end]) slot[name=action-bar]::slotted(calcite-action-bar),:host([position=end]) .content ::slotted(calcite-flow),:host([position=end]) .content ::slotted(calcite-panel){-webkit-border-end:none;border-inline-end:none}";export{m as calcite_shell,p as calcite_shell_center_row,h as calcite_shell_panel}

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

@@ -0,0 +1,6 @@
+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,o){function r(e){try{c(n.next(e))}catch(e){o(e)}}function s(e){try{c(n["throw"](e))}catch(e){o(e)}}function c(e){e.done?i(e.value):a(e.value).then(r,s)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return c([e,t])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=t.call(e,i)}catch(e){r=[6,e];a=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,a=t.length,o;n<a;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.93
+ */System.register(["./p-97967de4.system.js","./p-5fc43c5c.system.js","./p-afdabbeb.system.js","./p-3a3f2dde.system.js","./p-11d5321f.system.js","./p-9fc4c30d.system.js","./p-3bce6cd7.system.js","./p-31f60e7d.system.js","./p-02e0b722.system.js"],(function(e){"use strict";var t,i,n,a,o,r,s,c,l,d,p,m,f,u,h,w,b,g,v,y;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.H;o=e.g},function(e){r=e.t;s=e.f;c=e.d},function(e){l=e.d;d=e.f;p=e.c;m=e.a;f=e.F;u=e.p},function(e){h=e.c},function(e){w=e.u},function(e){b=e.c;g=e.d},function(e){v=e.g},function(e){y=e.i},function(){}],execute:function(){var k={dropdownTrigger:"dropdown-trigger"};var D="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;-webkit-transition:var(--calcite-floating-ui-transition);transition:var(--calcite-floating-ui-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var x=e("calcite_dropdown",function(){function e(e){var n=this;t(this,e);this.calciteDropdownSelect=i(this,"calciteDropdownSelect",6);this.calciteDropdownBeforeClose=i(this,"calciteDropdownBeforeClose",6);this.calciteDropdownClose=i(this,"calciteDropdownClose",6);this.calciteDropdownBeforeOpen=i(this,"calciteDropdownBeforeOpen",6);this.calciteDropdownOpen=i(this,"calciteDropdownOpen",6);this.active=false;this.open=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=l;this.scale="m";this.selectedItems=[];this.type="click";this.items=[];this.groups=[];this.mutationObserver=h("mutation",(function(){return n.updateItems()}));this.resizeObserver=h("resize",(function(e){return n.resizeObserverCallback(e)}));this.openTransitionProp="visibility";this.guid="calcite-dropdown-".concat(v());this.defaultAssignedElements=[];this.slotChangeHandler=function(e){n.defaultAssignedElements=e.target.assignedElements({flatten:true});n.updateItems()};this.setFilteredPlacements=function(){var e=n,t=e.el,i=e.flipPlacements;n.filteredFlipPlacements=i?d(i,t):null};this.updateTriggers=function(e){n.triggers=e.target.assignedElements({flatten:true});n.reposition()};this.updateItems=function(){n.items=n.groups.map((function(e){return Array.from(e===null||e===void 0?void 0:e.querySelectorAll("calcite-dropdown-item"))})).reduce((function(e,t){return __spreadArray(__spreadArray([],e,true),t,true)}),[]);n.updateSelectedItems();n.reposition()};this.updateGroups=function(e){var t=e.target.assignedElements({flatten:true}).filter((function(e){return e===null||e===void 0?void 0:e.matches("calcite-dropdown-group")}));n.groups=t;n.updateItems()};this.resizeObserverCallback=function(e){e.forEach((function(e){var t=e.target;if(t===n.referenceEl){n.setDropdownWidth()}else if(t===n.scrollerEl){n.setMaxScrollerHeight()}}))};this.setDropdownWidth=function(){var e=n,t=e.referenceEl,i=e.scrollerEl;var a=t===null||t===void 0?void 0:t.clientWidth;if(!a||!i){return}i.style.minWidth="".concat(a,"px")};this.setMaxScrollerHeight=function(){var e=n.scrollerEl;if(!e){return}n.reposition();var t=n.getMaxScrollerHeight();e.style.maxHeight=t>0?"".concat(t,"px"):"";n.reposition()};this.setScrollerAndTransitionEl=function(e){n.resizeObserver.observe(e);n.scrollerEl=e;n.transitionEl=e;b(n)};this.setReferenceEl=function(e){n.referenceEl=e;p(n,n.referenceEl,n.floatingEl);n.resizeObserver.observe(e)};this.setFloatingEl=function(e){n.floatingEl=e;p(n,n.referenceEl,n.floatingEl)};this.keyDownHandler=function(e){var t=e.target;if(t!==n.referenceEl){return}var i=e.defaultPrevented,a=e.key;if(i){return}if(n.open){if(a==="Escape"){n.closeCalciteDropdown();e.preventDefault();return}else if(e.shiftKey&&a==="Tab"){n.closeCalciteDropdown();e.preventDefault();return}}if(y(a)){n.openCalciteDropdown();e.preventDefault()}else if(a==="Escape"){n.closeCalciteDropdown();e.preventDefault()}};this.focusOnFirstActiveOrFirstItem=function(){n.getFocusableElement(n.items.find((function(e){return e.selected}))||n.items[0])};this.toggleOpenEnd=function(){n.focusOnFirstActiveOrFirstItem();n.el.removeEventListener("calciteDropdownOpen",n.toggleOpenEnd)};this.openCalciteDropdown=function(){n.open=!n.open;if(n.open){n.el.addEventListener("calciteDropdownOpen",n.toggleOpenEnd)}}}e.prototype.activeHandler=function(e){this.open=e};e.prototype.openHandler=function(e){if(!this.disabled){this.reposition();this.active=e;return}this.open=false};e.prototype.handleDisabledChange=function(e){if(!e){this.open=false}};e.prototype.flipPlacementsHandler=function(){this.setFilteredPlacements();this.reposition()};e.prototype.maxItemsHandler=function(){this.setMaxScrollerHeight()};e.prototype.overlayPositioningHandler=function(){this.reposition()};e.prototype.placementHandler=function(){this.reposition()};e.prototype.connectedCallback=function(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.observe(this.el,{childList:true,subtree:true});this.setFilteredPlacements();this.reposition();if(this.open){this.openHandler(this.open)}if(this.active){this.activeHandler(this.active)}b(this)};e.prototype.componentDidLoad=function(){this.reposition()};e.prototype.componentDidRender=function(){w(this)};e.prototype.disconnectedCallback=function(){var e,t;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();m(this,this.referenceEl,this.floatingEl);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();g(this)};e.prototype.render=function(){var e;var t=this,i=t.open,o=t.guid;return n(a,null,n("div",{class:"calcite-dropdown-trigger-container",id:"".concat(o,"-menubutton"),onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},n("slot",{"aria-controls":"".concat(o,"-menu"),"aria-expanded":r(i),"aria-haspopup":"menu",name:k.dropdownTrigger,onSlotchange:this.updateTriggers})),n("div",{"aria-hidden":r(!i),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},n("div",{"aria-labelledby":"".concat(o,"-menubutton"),class:(e={},e["calcite-dropdown-content"]=true,e[f.animation]=true,e[f.animationActive]=i,e),id:"".concat(o,"-menu"),ref:this.setScrollerAndTransitionEl,role:"menu"},n("slot",{onSlotchange:this.updateGroups}))))};e.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,n,a,o;return __generator(this,(function(r){e=this,t=e.floatingEl,i=e.referenceEl,n=e.placement,a=e.overlayPositioning,o=e.filteredFlipPlacements;return[2,u({floatingEl:t,referenceEl:i,overlayPositioning:a,placement:n,flipPlacements:o,type:"menu"})]}))}))};e.prototype.closeCalciteDropdownOnClick=function(e){if(!this.open||e.composedPath().includes(this.el)){return}this.closeCalciteDropdown(false)};e.prototype.closeCalciteDropdownOnEvent=function(e){this.closeCalciteDropdown();e.stopPropagation()};e.prototype.closeCalciteDropdownOnOpenEvent=function(e){if(e.composedPath().includes(this.el)){return}this.open=false};e.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};e.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};e.prototype.calciteInternalDropdownItemKeyEvent=function(e){var t=e.detail.keyboardEvent;var i=t.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(t.key){case"Tab":if(o&&!t.shiftKey){this.closeCalciteDropdown()}else if(a&&t.shiftKey){this.closeCalciteDropdown()}else if(t.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}e.stopPropagation()};e.prototype.handleItemSelect=function(e){this.updateSelectedItems();e.stopPropagation();this.calciteDropdownSelect.emit({item:e.detail.requestedDropdownItem});if(!this.disableCloseOnSelect||e.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}e.stopPropagation()};e.prototype.onBeforeOpen=function(){this.calciteDropdownBeforeOpen.emit()};e.prototype.onOpen=function(){this.calciteDropdownOpen.emit()};e.prototype.onBeforeClose=function(){this.calciteDropdownBeforeClose.emit()};e.prototype.onClose=function(){this.calciteDropdownClose.emit()};e.prototype.updateSelectedItems=function(){this.selectedItems=this.items.filter((function(e){return e.selected}))};e.prototype.getMaxScrollerHeight=function(){var e=this,t=e.maxItems,i=e.items;var n=0;var a=0;var o;this.groups.forEach((function(e){if(t>0&&n<t){Array.from(e.children).forEach((function(e,i){if(i===0){if(isNaN(o)){o=e.offsetTop}a+=o}if(n<t){a+=e.offsetHeight;n+=1}}))}}));return i.length>t?a:0};e.prototype.closeCalciteDropdown=function(e){if(e===void 0){e=true}this.open=false;if(e){s(this.triggers[0])}};e.prototype.focusFirstItem=function(){var e=this.items[0];this.getFocusableElement(e)};e.prototype.focusLastItem=function(){var e=this.items[this.items.length-1];this.getFocusableElement(e)};e.prototype.focusNextItem=function(e){var t=this.itemIndex(e);var i=this.items[t+1]||this.items[0];this.getFocusableElement(i)};e.prototype.focusPrevItem=function(e){var t=this.itemIndex(e);var i=this.items[t-1]||this.items[this.items.length-1];this.getFocusableElement(i)};e.prototype.itemIndex=function(e){return this.items.indexOf(e)};e.prototype.getFocusableElement=function(e){if(!e){return}var t=e.attributes.isLink?e.shadowRoot.querySelector("a"):e;s(t)};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return e}());x.style=D;var I={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var E="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{text-align:start}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{-webkit-margin-after:-1px;margin-block-end:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;block-size:1px;background-color:var(--calcite-ui-border-3)}";var _=e("calcite_dropdown_group",function(){function e(e){t(this,e);this.calciteInternalDropdownItemChange=i(this,"calciteInternalDropdownItemChange",6);this.selectionMode="single"}e.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};e.prototype.render=function(){var e;var t=this.scale||c(this.el,"scale","m");var i=this.groupTitle?n("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var o=this.groupPosition>0?n("div",{class:"dropdown-separator",role:"separator"}):null;return n(a,{"aria-label":this.groupTitle,role:"group"},n("div",{class:(e={container:true},e[I.containerSmall]=t==="s",e[I.containerMedium]=t==="m",e[I.containerLarge]=t==="l",e),title:this.groupTitle},o,i,n("slot",null)))};e.prototype.updateActiveItemOnChange=function(e){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.calciteInternalDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};e.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());_.style=E;var C={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var z="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-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);text-align:start}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;-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)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-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);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var O=e("calcite_dropdown_item",function(){function e(e){t(this,e);this.calciteInternalDropdownItemSelect=i(this,"calciteInternalDropdownItemSelect",6);this.calciteInternalDropdownItemKeyEvent=i(this,"calciteInternalDropdownItemKeyEvent",6);this.calciteInternalDropdownCloseRequest=i(this,"calciteInternalDropdownCloseRequest",6);this.active=false;this.selected=false}e.prototype.activeHandler=function(e){this.selected=e};e.prototype.selectedHandler=function(e){this.active=e};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){(e=this.el)===null||e===void 0?void 0:e.focus();return[2]}))}))};e.prototype.componentWillLoad=function(){this.initialize()};e.prototype.connectedCallback=function(){var e=this.selected||this.active;if(e){this.activeHandler(e);this.selectedHandler(e)}this.initialize()};e.prototype.render=function(){var e;var t=this;var i=c(this.el,"scale","m");var o=n("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var s=n("span",{class:"dropdown-item-content"},n("slot",null));var l=n("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var d=this.iconStart&&this.iconEnd?[o,s,l]:this.iconStart?[o,n("slot",null)]:this.iconEnd?[s,l]:s;var p=!this.href?d:n("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(e){return t.childLink=e},rel:this.rel,target:this.target},d);var m=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var f=this.selectionMode!=="none"?r(this.selected):null;return n(a,{"aria-checked":f,role:m,tabindex:"0"},n("div",{class:(e={container:true},e[C.containerLink]=!!this.href,e[C.containerSmall]=i==="s",e[C.containerMedium]=i==="m",e[C.containerLarge]=i==="l",e[C.containerMulti]=this.selectionMode==="multi",e[C.containerSingle]=this.selectionMode==="single",e[C.containerNone]=this.selectionMode==="none",e)},this.selectionMode!=="none"?n("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,p))};e.prototype.onClick=function(){this.emitRequestedItem()};e.prototype.keyDownHandler=function(e){switch(e.key){case" ":case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}e.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit();e.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":e.preventDefault();this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:e});break}};e.prototype.updateActiveItemOnChange=function(e){var t=e.composedPath().includes(this.parentDropdownGroupEl);if(t){this.requestedDropdownGroup=e.detail.requestedDropdownGroup;this.requestedDropdownItem=e.detail.requestedDropdownItem;this.determineActiveItem()}e.stopPropagation()};e.prototype.initialize=function(){this.selectionMode=c(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.selected=false}};e.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.selected=!this.selected}break;case"single":if(this.el===this.requestedDropdownItem){this.selected=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.selected=false}break;case"none":this.selected=false;break}};e.prototype.emitRequestedItem=function(){this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(e.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{active:["activeHandler"],selected:["selectedHandler"]}},enumerable:false,configurable:true});return e}());O.style=z}}}));

package/dist/calcite/{p-6fe2bde0.entry.js → p-aaaeb247.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
+ * v1.0.0-beta.93
  */
-import{r as t,c as a,h as i,g as e}from"./p-5c35dc5d.js";import{t as n,g as o}from"./p-40b1b217.js";import{c as r,d as s}from"./p-938a7e19.js";import"./p-6102c66d.js";import"./p-9331ee41.js";import"./p-fd888df3.js";const l=class{constructor(i){t(this,i),this.calciteCardSelect=a(this,"calciteCardSelect",6),this.loading=!1,this.selected=!1,this.selectable=!1,this.intlLoading="Loading",this.intlSelect="Select",this.intlDeselect="Deselect",this.thumbnailPosition="block-start",this.cardSelectClick=()=>{this.selectCard()},this.cardSelectKeyDown=t=>{switch(t.key){case" ":case"Enter":this.selectCard(),t.preventDefault()}}}connectedCallback(){r(this)}disonnectedCallback(){s(this)}render(){const t=this.thumbnailPosition.startsWith("inline"),a=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":!0,inline:t}},this.loading?i("div",{class:"calcite-card-loader-container"},i("calcite-loader",{active:!0,label:this.intlLoading})):null,a&&this.renderThumbnail(),i("section",{"aria-busy":n(this.loading),class:{container:!0}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!a&&this.renderThumbnail())}selectCard(){this.selected=!this.selected,this.calciteCardSelect.emit()}renderThumbnail(){return o(this.el,"thumbnail")?i("section",{class:"thumbnail-wrapper"},i("slot",{name:"thumbnail"})):null}renderCheckbox(){return i("calcite-label",{class:"checkbox-wrapper",onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.selected?this.intlDeselect:this.intlSelect}))}renderHeader(){const{el:t}=this,a=o(t,"title"),e=o(t,"subtitle");return a||e?i("header",{class:"header"},i("slot",{name:"title"}),i("slot",{name:"subtitle"})):null}renderFooter(){const{el:t}=this,a=o(t,"footer-leading"),e=o(t,"footer-trailing");return a||e?i("footer",{class:"footer"},i("slot",{name:"footer-leading"}),i("slot",{name:"footer-trailing"})):null}get el(){return e(this)}};l.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:-ms-flexbox;display:flex;block-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-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);border-radius:var(--calcite-border-radius-base)}:host .calcite-card-container:hover{z-index:1;--tw-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .calcite-card-container:active{z-index:1;--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transition-duration:75ms;transition-duration:75ms}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header,.footer{display:-ms-flexbox;display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{-ms-flex-direction:column;flex-direction:column}.footer{-webkit-margin-before:auto;margin-block-start:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selectable]) .calcite-card-container:active{--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;-webkit-margin-before:0.5rem;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;-webkit-margin-end:auto;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:-ms-flexbox;display:flex}.calcite-card-container.inline{-ms-flex-direction:row;flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;-ms-flex-align:start;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-leading]::slotted(*),slot[name=footer-trailing]::slotted(*){display:-ms-flexbox;display:flex;gap:0.25rem}";export{l as calcite_card}
+import{r as t,c as a,h as i,g as e}from"./p-baa2ee9c.js";import{t as n,g as o}from"./p-58e988aa.js";import{c as r,d as s}from"./p-0b5a943b.js";import"./p-c2e2ad0c.js";import"./p-302a8139.js";import"./p-7f70c6f8.js";const l=class{constructor(i){t(this,i),this.calciteCardSelect=a(this,"calciteCardSelect",6),this.loading=!1,this.selected=!1,this.selectable=!1,this.intlLoading="Loading",this.intlSelect="Select",this.intlDeselect="Deselect",this.thumbnailPosition="block-start",this.cardSelectClick=()=>{this.selectCard()},this.cardSelectKeyDown=t=>{switch(t.key){case" ":case"Enter":this.selectCard(),t.preventDefault()}}}connectedCallback(){r(this)}disonnectedCallback(){s(this)}render(){const t=this.thumbnailPosition.startsWith("inline"),a=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":!0,inline:t}},this.loading?i("div",{class:"calcite-card-loader-container"},i("calcite-loader",{active:!0,label:this.intlLoading})):null,a&&this.renderThumbnail(),i("section",{"aria-busy":n(this.loading),class:{container:!0}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!a&&this.renderThumbnail())}selectCard(){this.selected=!this.selected,this.calciteCardSelect.emit()}renderThumbnail(){return o(this.el,"thumbnail")?i("section",{class:"thumbnail-wrapper"},i("slot",{name:"thumbnail"})):null}renderCheckbox(){return i("calcite-label",{class:"checkbox-wrapper",onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.selected?this.intlDeselect:this.intlSelect}))}renderHeader(){const{el:t}=this,a=o(t,"title"),e=o(t,"subtitle");return a||e?i("header",{class:"header"},i("slot",{name:"title"}),i("slot",{name:"subtitle"})):null}renderFooter(){const{el:t}=this,a=o(t,"footer-leading"),e=o(t,"footer-trailing");return a||e?i("footer",{class:"footer"},i("slot",{name:"footer-leading"}),i("slot",{name:"footer-trailing"})):null}get el(){return e(this)}};l.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:-ms-flexbox;display:flex;block-size:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-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);border-radius:var(--calcite-border-radius-base)}:host .calcite-card-container:hover{z-index:1;--tw-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);--tw-shadow-colored:0 4px 16px 0 var(--tw-shadow-color), 0 2px 8px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .calcite-card-container:active{z-index:1;--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transition-duration:75ms;transition-duration:75ms}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.header,.footer{display:-ms-flexbox;display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{-ms-flex-direction:column;flex-direction:column}.footer{-webkit-margin-before:auto;margin-block-start:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selectable]) .calcite-card-container:active{--tw-shadow:0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 1px 6px -1px var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;-webkit-margin-before:0.5rem;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-leading]::slotted(*),*::slotted([slot=footer-leading]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;-webkit-margin-end:auto;margin-inline-end:auto}slot[name=footer-trailing]::slotted(*),*::slotted([slot=footer-trailing]){-ms-flex-item-align:center;align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:-ms-flexbox;display:flex}.calcite-card-container.inline{-ms-flex-direction:row;flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;-ms-flex-align:start;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-leading]::slotted(*),slot[name=footer-trailing]::slotted(*){display:-ms-flexbox;display:flex;gap:0.25rem}";export{l as calcite_card}

package/dist/calcite/{p-c01a73d7.system.entry.js → p-ad8c9b35.system.entry.js}

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(e,r,t,a){function n(e){return e ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.92
- */System.register(["./p-61e53bb3.system.js","./p-24f3ecd3.system.js","./p-5d572c12.system.js","./p-25bd48cf.system.js","./p-fc884dc4.system.js","./p-2699d0a3.system.js","./p-890bdf7b.system.js","./p-a1327fdf.system.js","./p-95b2ce17.system.js"],(function(e){"use strict";var r,t,a,n,i,o,l,s,c,u,h,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.a;o=e.f;l=e.b},function(e){s=e.n;c=e.C;u=e.p;h=e.c;d=e.i;v=e.a;f=e.r;p=e.b},function(e){m=e.c},function(e){g=e.u},function(e){b=e.i},function(e){y=e.d;w=e.i},function(){},function(){}],execute:function(){var k="Expected a function";function C(e,r,t){var a=true,n=true;if(typeof e!="function"){throw new TypeError(k)}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 A=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 F=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*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var l=/^(\w+)$/;var s=[0,0,0,1];var c;var u;var h;if(c=e.match(a)){h=c[2];c=c[1];for(u=0;u<3;u++){var d=u*2;s[u]=parseInt(c.slice(d,d+2),16)}if(h){s[3]=parseInt(h,16)/255}}else if(c=e.match(t)){c=c[1];h=c[3];for(u=0;u<3;u++){s[u]=parseInt(c[u]+c[u],16)}if(h){s[3]=parseInt(h+h,16)/255}}else if(c=e.match(n)){for(u=0;u<3;u++){s[u]=parseInt(c[u+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(u=0;u<3;u++){s[u]=Math.round(parseFloat(c[u+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(u=0;u<3;u++){s[u]=i(s[u],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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\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=A(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=A(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=A(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=A(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=A(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 _={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var I={};for(var j=0,T=Object.keys(_);j<T.length;j++){var P=T[j];I[_[P]]=P}var z={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 H=z;for(var O=0,E=Object.keys(z);O<E.length;O++){var R=E[O];if(!("channels"in z[R])){throw new Error("missing channels property: "+R)}if(!("labels"in z[R])){throw new Error("missing channel labels property: "+R)}if(z[R].labels.length!==z[R].channels){throw new Error("channel and label counts mismatch: "+R)}var N=z[R],K=N.channels,L=N.labels;delete z[R].channels;delete z[R].labels;Object.defineProperty(z[R],"channels",{value:K});Object.defineProperty(z[R],"labels",{value:L})}z.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]};z.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 u=c-Math.min(o,l,s);var h=function(e){return(c-e)/6/u+1/2};if(u===0){n=0;i=0}else{i=u/c;r=h(o);t=h(l);a=h(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]};z.rgb.hwb=function(e){var r=e[0];var t=e[1];var a=e[2];var n=z.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]};z.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 q(e,r){return Math.pow(e[0]-r[0],2)+Math.pow(e[1]-r[1],2)+Math.pow(e[2]-r[2],2)}z.rgb.keyword=function(e){var r=I[e];if(r){return r}var t=Infinity;var a;for(var n=0,i=Object.keys(_);n<i.length;n++){var o=i[n];var l=_[o];var s=q(e,l);if(s<t){t=s;a=o}}return a};z.keyword.rgb=function(e){return _[e]};z.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]};z.rgb.lab=function(e){var r=z.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]};z.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};z.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]};z.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]}};z.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]};z.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 u;var h;switch(o){default:case 6:case 0:c=l;u=s;h=t;break;case 1:c=s;u=l;h=t;break;case 2:c=t;u=l;h=s;break;case 3:c=t;u=s;h=l;break;case 4:c=s;u=t;h=l;break;case 5:c=l;u=t;h=s;break}return[c*255,u*255,h*255]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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?z.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};z.hsv.ansi16=function(e){return z.rgb.ansi16(z.hsv.rgb(e),e[2])};z.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};z.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]};z.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]};z.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};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};z.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};z.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};z.gray.hsl=function(e){return[0,0,e[0]]};z.gray.hsv=z.gray.hsl;z.gray.hwb=function(e){return[0,100,e[0]]};z.gray.cmyk=function(e){return[0,0,0,e[0]]};z.gray.lab=function(e){return[e[0],0,0]};z.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};z.rgb.gray=function(e){var r=(e[0]+e[1]+e[2])/3;return[r/255*100]};function V(){var e={};var r=Object.keys(H);for(var t=r.length,a=0;a<t;a++){e[r[a]]={distance:-1,parent:null}}return e}function U(e){var r=V();var t=[e];r[e].distance=0;while(t.length){var a=t.pop();var n=Object.keys(H[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=H[r[e].parent][e];var n=r[e].parent;while(r[n].parent){t.unshift(r[n].parent);a=B(H[r[n].parent][n],a);n=r[n].parent}a.conversion=t;return a}var W=function(e){var r=U(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(H);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:H[e].channels});Object.defineProperty($[e],"labels",{value:H[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=["keyword","gray","hex"];var ee={};for(var re=0,te=Object.keys(Q);re<te.length;re++){var R=te[re];ee[__spreadArray([],Q[R].labels,true).sort().join("")]=R}var ae={};function ne(e,r){if(!(this instanceof ne)){return new ne(e,r)}if(r&&r in Z){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 ne){this.model=e.model;this.color=__spreadArray([],e.color,true);this.valpha=e.valpha}else if(typeof e==="string"){var n=F.get(e);if(n===null){throw new Error("Unable to parse color from string: "+e)}this.model=n.model;a=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=Array.prototype.slice.call(e,0,a);this.color=ve(i,a);this.valpha=typeof e[a]==="number"?e[a]:1}else if(typeof e==="number"){this.model="rgb";this.color=[e>>16&255,e>>8&255,e&255];this.valpha=1}else{this.valpha=1;var o=Object.keys(e);if("alpha"in e){o.splice(o.indexOf("alpha"),1);this.valpha=typeof e.alpha==="number"?e.alpha:0}var l=o.sort().join("");if(!(l in ee)){throw new Error("Unable to parse color from object: "+JSON.stringify(e))}this.model=ee[l];var s=Q[this.model].labels;var c=[];for(t=0;t<s.length;t++){c.push(e[s[t]])}this.color=ve(c)}if(ae[this.model]){a=Q[this.model].channels;for(t=0;t<a;t++){var u=ae[this.model][t];if(u){this.color[t]=u(this.color[t])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ne.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(e){var r=this.model in F.to?this:this.rgb();r=r.round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:__spreadArray(__spreadArray([],r.color,true),[this.valpha],false);return F.to[r.model](t)},percentString:function(e){var r=this.rgb().round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:__spreadArray(__spreadArray([],r.color,true),[this.valpha],false);return F.to.rgb.percent(t)},array:function(){return this.valpha===1?__spreadArray([],this.color,true):__spreadArray(__spreadArray([],this.color,true),[this.valpha],false)},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 ne(__spreadArray(__spreadArray([],this.color.map(ce(e)),true),[this.valpha],false),this.model)},alpha:function(e){if(e!==undefined){return new ne(__spreadArray(__spreadArray([],this.color,true),[Math.max(0,Math.min(1,e))],false),this.model)}return this.valpha},red:ue("rgb",0,he(255)),green:ue("rgb",1,he(255)),blue:ue("rgb",2,he(255)),hue:ue(["hsl","hsv","hsl","hwb","hcg"],0,(function(e){return(e%360+360)%360})),saturationl:ue("hsl",1,he(100)),lightness:ue("hsl",2,he(100)),saturationv:ue("hsv",1,he(100)),value:ue("hsv",2,he(100)),chroma:ue("hcg",1,he(100)),gray:ue("hcg",2,he(100)),white:ue("hwb",1,he(100)),wblack:ue("hwb",2,he(100)),cyan:ue("cmyk",0,he(100)),magenta:ue("cmyk",1,he(100)),yellow:ue("cmyk",2,he(100)),black:ue("cmyk",3,he(100)),x:ue("xyz",0,he(95.047)),y:ue("xyz",1,he(100)),z:ue("xyz",2,he(108.833)),l:ue("lab",0,he(100)),a:ue("lab",1),b:ue("lab",2),keyword:function(e){if(e!==undefined){return new ne(e)}return Q[this.model].keyword(this.color)},hex:function(e){if(e!==undefined){return new ne(e)}return F.to.hex(this.rgb().round().color)},hexa:function(e){if(e!==undefined){return new ne(e)}var r=this.rgb().round().color;var t=Math.round(this.valpha*255).toString(16).toUpperCase();if(t.length===1){t="0"+t}return F.to.hex(r)+t},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<=.04045?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){return"AAA"}return r>=4.5?"AA":""},isDark:function(){var e=this.rgb().color;var r=(e[0]*2126+e[1]*7152+e[2]*722)/1e4;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 ne.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 ne.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 ie=function(e){if(Z.includes(e)){return"continue"}var r=Q[e].channels;ne.prototype[e]=function(){var r=[];for(var t=0;t<arguments.length;t++){r[t]=arguments[t]}if(this.model===e){return new ne(this)}if(r.length>0){return new ne(r,e)}return new ne(__spreadArray(__spreadArray([],de(Q[this.model][e].raw(this.color)),true),[this.valpha],false),e)};ne[e]=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}var n=t[0];if(typeof n==="number"){n=ve(t,r)}return new ne(n,e)}};for(var oe=0,le=Object.keys(Q);oe<le.length;oe++){var R=le[oe];ie(R)}function se(e,r){return Number(e.toFixed(r))}function ce(e){return function(r){return se(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];(ae[i]||(ae[i]=[]))[r]=t}e=e[0];return function(a){var n;if(a!==undefined){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 he(e){return function(r){return Math.max(0,Math.min(e,r))}}function de(e){return Array.isArray(e)?e:[e]}function ve(e,r){for(var t=0;t<r;t++){if(typeof e[t]!=="number"){e[t]=0}}return e}var fe=ne;var pe={container:"container",controlSection:"control-section",hexOptions:"color-hex-options",section:"section",header:"header",control:"control",splitSection:"section--split",colorModeContainer:"color-mode-container",colorMode:"color-mode",channels:"channels",channel:"channel",savedColors:"saved-colors",savedColorsSection:"saved-colors-section",saveColor:"save-color",deleteColor:"delete-color",savedColorsButtons:"saved-colors-buttons",headerHex:"header--hex",colorFieldAndSlider:"color-field-and-slider",colorFieldAndSliderInteractive:"color-field-and-slider--interactive",colorFieldAndSliderWrap:"color-field-and-slider-wrap",scope:"scope",hueScope:"scope--hue",colorFieldScope:"scope--color-field",savedColor:"saved-color"};var me=fe("#007AC2");var ge="calcite-color-";var be={r:255,g:255,b:255};var ye={h:360,s:100,v:100};var we={b:"B",blue:"Blue",deleteColor:"Delete color",g:"G",green:"Green",h:"H",hsv:"HSV",hex:"Hex",hue:"Hue",noColor:"No color",r:"R",red:"Red",rgb:"RGB",s:"S",saturation:"Saturation",saveColor:"Save color",saved:"Saved",v:"V",value:"Value"};var 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 Ce="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]) .container{inline-size: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{inline-size:100%;-webkit-margin-after:4px;margin-block-end:4px}:host([scale=s]) .channel:last-child{-webkit-margin-after:0;margin-block-end:0}:host([scale=m]) .container{inline-size:272px}:host([scale=l]) .header{-webkit-padding-after:0px;padding-block-end:0px}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .color-field-and-slider{-webkit-margin-after:-20px;margin-block-end:-20px}:host([scale=l]) .section{padding-block:0 16px;padding-inline:16px}:host([scale=l]) .section:first-of-type{-webkit-padding-before:16px;padding-block-start:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;-webkit-padding-before:16px;padding-block-start:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}:host([scale=l]) .color-hex-options{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-block-size:98px;inline-size:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{pointer-events:none;position:absolute;font-size:var(--calcite-font-size--1);outline-color:transparent;outline-offset:14px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:16px}.color-field-and-slider{-webkit-margin-after:-16px;margin-block-end:-16px;-ms-touch-action:none;touch-action:none}.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-block:0 12px;padding-inline:12px}.section:first-of-type{-webkit-padding-before:12px;padding-block-start: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;-webkit-padding-after:0.25rem;padding-block-end:0.25rem;color:var(--calcite-ui-text-1)}.header--hex,.color-mode-container{-webkit-padding-before:12px;padding-block-start:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{inline-size:31%}.saved-colors{-webkit-padding-before:12px;padding-block-start:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;inline-size:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";var xe=16;var Se=s(me.hex());var Me="auto";var De=e("calcite_color_picker",function(){function e(e){var n=this;r(this,e);this.calciteColorPickerChange=t(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=t(this,"calciteColorPickerInput",6);this.allowEmpty=false;this.appearance="default";this.color=me;this.disabled=false;this.format=Me;this.hideHex=false;this.hideChannels=false;this.hideSaved=false;this.intlB=we.b;this.intlBlue=we.blue;this.intlDeleteColor=we.deleteColor;this.intlG=we.g;this.intlGreen=we.green;this.intlH=we.h;this.intlHsv=we.hsv;this.intlHex=we.hex;this.intlHue=we.hue;this.intlNoColor=we.noColor;this.intlR=we.r;this.intlRed=we.red;this.intlRgb=we.rgb;this.intlS=we.s;this.intlSaturation=we.saturation;this.intlSaveColor=we.saveColor;this.intlSaved=we.saved;this.intlV=we.v;this.intlValue=we.value;this.scale="m";this.value=Se;this.colorFieldAndSliderHovered=false;this.hueThumbState="idle";this.internalColorUpdateContext=null;this.mode=c.HEX;this.shiftKeyChannelAdjustment=0;this.sliderThumbState="idle";this.colorFieldAndSliderInteractive=false;this.channelMode="rgb";this.channels=this.toChannels(me);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&&s(a.hex());if(o!==l){n.internalColorSet(fe(o))}};this.handleSavedColorSelect=function(e){var r=e.currentTarget;n.internalColorSet(fe(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"?be[Object.keys(be)[a]]:ye[Object.keys(ye)[a]];var o;if(n.allowEmpty&&!r.value){o=""}else{var l=Number(r.value)+n.shiftKeyChannelAdjustment;var s=m(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,true);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(b(e.key)){e.preventDefault();n.handleSavedColorSelect(e)}};this.handleColorFieldAndSliderPointerLeave=function(){n.colorFieldAndSliderInteractive=false;n.colorFieldAndSliderHovered=false;if(n.sliderThumbState!=="drag"&&n.hueThumbState!=="drag"){n.hueThumbState="idle";n.sliderThumbState="idle";n.drawColorFieldAndSlider()}};this.handleColorFieldAndSliderPointerDown=function(e){var r,t;var a=e.offsetX,i=e.offsetY;var o=n.getCanvasRegion(i);if(o==="color-field"){n.hueThumbState="drag";n.captureColorFieldColor(a,i);(r=n.colorFieldScopeNode)===null||r===void 0?void 0:r.focus()}else if(o==="slider"){n.sliderThumbState="drag";n.captureHueSliderColor(a);(t=n.hueScopeNode)===null||t===void 0?void 0:t.focus()}e.preventDefault();document.addEventListener("pointermove",n.globalPointerMoveHandler);document.addEventListener("pointerup",n.globalPointerUpHandler,{once:true});n.activeColorFieldAndSliderRect=n.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()};this.globalPointerUpHandler=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.globalPointerMoveHandler=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 u=e.clientX,h=e.clientY;if(n.colorFieldAndSliderHovered){l=u-c.x;s=h-c.y}else{var d=a.colorField.width;var v=a.colorField.height;var f=a.slider.height;if(u<c.x+d&&u>c.x){l=u-c.x}else if(u<c.x){l=0}else{l=d-1}if(h<c.y+v+f&&h>c.y){s=h-c.y}else if(h<c.y){s=0}else{s=v+f}}if(o){n.captureColorFieldColor(l,s,false)}else{n.captureHueSliderColor(l)}};this.handleColorFieldAndSliderPointerEnterOrMove=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 u=n.baseColorFieldColor.hsv();var h=Math.round(u.saturationv()/(ye.s/i.width));var d=Math.round(i.height-u.value()/(ye.v/i.height));var v=n.containsPoint(r,t,h,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.storeHueScope=function(e){n.hueScopeNode=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:pe.colorMode,"data-color-mode":e,key:e,onCalciteTabsActivate:n.handleTabActivate},s)};this.renderChannelsTab=function(e){var r=n,t=r.channelMode,o=r.channels,l=r.intlB,s=r.intlBlue,c=r.intlG,u=r.intlGreen,h=r.intlH,d=r.intlHue,v=r.intlR,f=r.intlRed,p=r.intlS,m=r.intlSaturation,g=r.intlV,b=r.intlValue;var y=e===t;var w=e==="rgb";var k=w?[v,c,l]:[h,p,g];var C=w?[f,u,s]:[d,m,b];var x=i(n.el);return a("calcite-tab",{active:y,class:pe.control,key:e},a("div",{class:pe.channels,dir:"ltr"},o.map((function(e,r){return n.renderChannel(e,r,k[r],C[r],x)}))))};this.renderChannel=function(e,r,t,i,o){return a("calcite-input",{class:pe.channel,"data-channel-index":r,dir:o,label:i,numberButtonType:"none",numberingSystem:n.numberingSystem,onCalciteInputChange:n.handleChannelChange,onCalciteInputInput:n.handleChannelInput,onKeyDown:n.handleKeyDown,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="".concat(ge).concat(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,true),[e],false);n.savedColors=t;var a="".concat(ge).concat(n.storageId);if(n.storageId){localStorage.setItem(a,JSON.stringify(t))}};this.drawColorFieldAndSlider=C((function(){if(!n.fieldAndSliderRenderingContext){return}n.drawColorField();n.drawHueSlider()}),xe);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(ye.s/o*e);var s=Math.round(ye.v/i*(i-r));n.internalColorSet(n.baseColorFieldColor.hsv().saturationv(l).value(s),t)};this.initColorFieldAndSlider=function(e){n.fieldAndSliderRenderingContext=e.getContext("2d");n.updateCanvasSize(e)}}e.prototype.handleColorChange=function(e,r){this.drawColorFieldAndSlider();this.updateChannelsFromColor(e);this.previousColor=r};e.prototype.handleFormatChange=function(e){this.setMode(e);this.internalColorSet(this.color,false,"internal")};e.prototype.handleScaleChange=function(e){if(e===void 0){e="m"}var r;this.updateDimensions(e);this.updateCanvasSize((r=this.fieldAndSliderRenderingContext)===null||r===void 0?void 0:r.canvas)};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==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!s){this.calciteColorPickerChange.emit()}return}var c=a&&!e?null:fe(e);var d=!h(c,this.color);if(o||d){this.internalColorSet(c,true,"internal")}};Object.defineProperty(e.prototype,"baseColorFieldColor",{get:function(){return this.color||this.previousColor||me},enumerable:false,configurable:true});e.prototype.handleChannelKeyUpOrDown=function(e){this.shiftKeyChannelAdjustment=0;var 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(pe.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,o(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?fe(n):t;if(!l){this.showIncompatibleColorWarning(n,a)}this.setMode(a);this.internalColorSet(s,false,"initial");this.updateDimensions(this.scale);var c="".concat(ge).concat(this.storageId);if(this.storageId&&localStorage.getItem(c)){this.savedColors=JSON.parse(localStorage.getItem(c))}};e.prototype.disconnectedCallback=function(){document.removeEventListener("pointermove",this.globalPointerMoveHandler);document.removeEventListener("pointerup",this.globalPointerUpHandler)};e.prototype.componentDidRender=function(){g(this)};e.prototype.render=function(){var e,r,t,n,i,o,l;var s=this;var c=this,u=c.allowEmpty,h=c.color,d=c.intlDeleteColor,v=c.hideHex,f=c.hideChannels,p=c.hideSaved,m=c.intlHex,g=c.intlSaved,b=c.intlSaveColor,y=c.savedColors,w=c.scale;var k=h?h.hex():null;var C=w==="l"?"m":"s";var x=this,S=x.colorFieldAndSliderInteractive,M=x.colorFieldScopeTop,D=x.colorFieldScopeLeft,A=x.hueScopeLeft,F=x.hueScopeTop,_=x.scopeOrientation,I=x.dimensions,j=I.colorField,T=j.height,P=j.width,z=I.slider.height;var H=F!==null&&F!==void 0?F:z/2+T;var O=A!==null&&A!==void 0?A:P*me.hue()/ye.h;var E=h===null;var R=_==="vertical";return a("div",{class:pe.container},a("div",{class:pe.colorFieldAndSliderWrap},a("canvas",{class:(e={},e[pe.colorFieldAndSlider]=true,e[pe.colorFieldAndSliderInteractive]=S,e),onPointerDown:this.handleColorFieldAndSliderPointerDown,onPointerEnter:this.handleColorFieldAndSliderPointerEnterOrMove,onPointerLeave:this.handleColorFieldAndSliderPointerLeave,onPointerMove:this.handleColorFieldAndSliderPointerEnterOrMove,ref:this.initColorFieldAndSlider}),a("div",{"aria-label":R?this.intlValue:this.intlSaturation,"aria-valuemax":R?ye.v:ye.s,"aria-valuemin":"0","aria-valuenow":(R?h===null||h===void 0?void 0:h.saturationv():h===null||h===void 0?void 0:h.value())||"0",class:(r={},r[pe.scope]=true,r[pe.colorFieldScope]=true,r),onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:"".concat(M||0,"px"),left:"".concat(D||0,"px")},tabindex:"0"}),a("div",{"aria-label":this.intlHue,"aria-valuemax":ye.h,"aria-valuemin":"0","aria-valuenow":(h===null||h===void 0?void 0:h.round().hue())||me.round().hue(),class:(t={},t[pe.scope]=true,t[pe.hueScope]=true,t),onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:"".concat(H,"px"),left:"".concat(O,"px")},tabindex:"0"})),v&&f?null:a("div",{class:(n={},n[pe.controlSection]=true,n[pe.section]=true,n)},v?null:a("div",{class:pe.hexOptions},a("span",{class:(i={},i[pe.header]=true,i[pe.headerHex]=true,i)},m),a("calcite-color-picker-hex-input",{allowEmpty:u,class:pe.control,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:C,value:k})),f?null:a("calcite-tabs",{class:(o={},o[pe.colorModeContainer]=true,o[pe.splitSection]=true,o),scale:C},a("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),p?null:a("div",{class:(l={},l[pe.savedColorsSection]=true,l[pe.section]=true,l)},a("div",{class:pe.header},a("label",null,g),a("div",{class:pe.savedColorsButtons},a("calcite-button",{appearance:"transparent",class:pe.deleteColor,color:"neutral",disabled:E,iconStart:"minus",label:d,onClick:this.deleteColor,scale:C,type:"button"}),a("calcite-button",{appearance:"transparent",class:pe.saveColor,color:"neutral",disabled:E,iconStart:"plus",label:b,onClick:this.saveColor,scale:C,type:"button"}))),y.length>0?a("div",{class:pe.savedColors},__spreadArray([],y.map((function(e){return a("calcite-color-picker-swatch",{active:k===e,class:pe.savedColor,color:e,key:e,onClick:s.handleSavedColorSelect,onKeyDown:s.handleSavedColorKeyDown,scale:w,tabIndex:0})})),true)):null))};e.prototype.handleKeyDown=function(e){if(e.key==="Enter"){e.preventDefault()}};e.prototype.showIncompatibleColorWarning=function(e,r){console.warn("ignoring color value (".concat(e,") as it is not compatible with the current format (").concat(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="user-interaction"}if(r&&h(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 s(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="".concat(t,"px");e.style.width="".concat(a,"px");var i=e.getContext("2d");i.scale(n,n)};e.prototype.updateCanvasSize=function(e){if(!e){return}this.setCanvasContextSize(e,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+this.getSliderCapSpacing()*2});this.drawColorFieldAndSlider()};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()/(ye.s/o);var c=i-t.value()/(ye.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, ".concat(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 u=o/2+n;requestAnimationFrame((function(){e.hueScopeLeft=c;e.hueScopeTop=u}));this.drawThumb(this.fieldAndSliderRenderingContext,s,c,u,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,fe(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(fe(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}());De.style=Ce;var Ae={container:"container",preview:"preview",input:"input"};var Fe="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{display:inline-grid;inline-size:100%;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;pointer-events:none;margin-block:0px;margin-inline:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.preview,.input{grid-row:1}.input{grid-column:1/3;inline-size:100%;text-transform:uppercase}";var _e=fe();var Ie=e("calcite_color_picker_hex_input",function(){function e(e){var a=this;r(this,e);this.calciteColorPickerHexInputChange=t(this,"calciteColorPickerHexInputChange",6);this.allowEmpty=false;this.intlHex=we.hex;this.intlNoColor=we.noColor;this.scale="m";this.value=s(_e.hex());this.onCalciteInternalInputBlur=function(){var e=a.inputNode;var r=e.value;var t="#".concat(r);var n=a.allowEmpty&&!r;if(n||d(t)&&v(t)){return}e.value=a.allowEmpty&&!a.internalColor?"":a.formatForInternalInput(f(a.internalColor.object()))};this.onInputChange=function(){a.internalSetValue(a.inputNode.value,a.value)};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=s(t);if(d(a)){this.internalSetValue(a,a,false)}return}if(r){this.internalSetValue(null,null,false)}};e.prototype.handleValueChange=function(e,r){this.internalSetValue(e,r,false)};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 c=e.key;if(c==="Tab"||c==="Enter"){this.onInputChange();return}var u=c==="ArrowDown"||c==="ArrowUp";var h=this.value;if(u){if(!l){this.internalSetValue(this.previousNonNullValue,h);e.preventDefault();return}var d=c==="ArrowUp"?1:-1;var v=n?10:1;this.internalSetValue(s(this.nudgeRGBChannels(o,v*d).hex()),h);e.preventDefault();return}var f=r||t||a;var m=c.length===1;var g=p.test(c);if(m&&!f&&!g){e.preventDefault()}};e.prototype.render=function(){var e=this,r=e.intlHex,t=e.value;var n=this.formatForInternalInput(t);return a("div",{class:Ae.container},a("calcite-input",{class:Ae.input,label:r,maxLength:6,numberingSystem:this.numberingSystem,onCalciteInputChange:this.onInputChange,onCalciteInternalInputBlur:this.onCalciteInternalInputBlur,onKeyDown:this.handleKeyDown,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:n}),n?a("calcite-color-picker-swatch",{active:true,class:Ae.preview,color:"#".concat(n),scale:this.scale}):null)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){o(this.inputNode);return[2]}))}))};e.prototype.internalSetValue=function(e,r,t){if(t===void 0){t=true}if(e){var a=s(e);if(d(a)){var n=this.internalColor;var i=!n||a!==s(n.hex());this.internalColor=fe(a);this.previousNonNullValue=a;this.value=a;if(i&&t){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(t){this.calciteColorPickerHexInputChange.emit()}return}this.value=r};e.prototype.formatForInternalInput=function(e){return e?e.replace("#",""):""};e.prototype.nudgeRGBChannels=function(e,r){return fe.rgb(e.array().map((function(e){return e+r})))};e.prototype.handleKeyDown=function(e){if(e.key==="Enter"){e.preventDefault()}};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}());Ie.style=Fe;var je={swatch:"swatch",noColorIcon:"no-color-icon"};var Te={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};var Pe="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:visible;block-size:inherit;inline-size:inherit}.swatch rect{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.no-color-icon{position:absolute;inset:0px;block-size:100%;inline-size:100%}";var ze=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=fe(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 s=l(t);var c=s==="light"?Te.borderLight:Te.borderDark;return a("svg",{class:je.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 ".concat(i,")")},width:"100%"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:["handleColorChange"]}},enumerable:false,configurable:true});return e}());ze.style=Pe}}}));
+ * v1.0.0-beta.93
+ */System.register(["./p-97967de4.system.js","./p-5fc43c5c.system.js","./p-7c4514cc.system.js","./p-9119080a.system.js","./p-11d5321f.system.js","./p-31f60e7d.system.js","./p-0afb3088.system.js","./p-02e0b722.system.js","./p-3bce6cd7.system.js"],(function(e){"use strict";var r,t,a,n,i,o,l,s,c,u,h,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.a;o=e.f;l=e.b},function(e){s=e.n;c=e.C;u=e.p;h=e.c;d=e.i;v=e.a;f=e.r;p=e.b},function(e){m=e.c},function(e){g=e.u},function(e){b=e.i},function(e){y=e.d;w=e.i},function(){},function(){}],execute:function(){var k="Expected a function";function C(e,r,t){var a=true,n=true;if(typeof e!="function"){throw new TypeError(k)}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 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]};var M=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 A=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(M(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 F=x((function(e){var r=Object.hasOwnProperty;var t={};for(var a in D){if(r.call(D,a)){t[D[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*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;var l=/^(\w+)$/;var s=[0,0,0,1];var c;var u;var h;if(c=e.match(a)){h=c[2];c=c[1];for(u=0;u<3;u++){var d=u*2;s[u]=parseInt(c.slice(d,d+2),16)}if(h){s[3]=parseInt(h,16)/255}}else if(c=e.match(t)){c=c[1];h=c[3];for(u=0;u<3;u++){s[u]=parseInt(c[u]+c[u],16)}if(h){s[3]=parseInt(h+h,16)/255}}else if(c=e.match(n)){for(u=0;u<3;u++){s[u]=parseInt(c[u+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(u=0;u<3;u++){s[u]=Math.round(parseFloat(c[u+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(D,c[1])){return null}s=D[c[1]];s[3]=1;return s}else{return null}for(u=0;u<3;u++){s[u]=i(s[u],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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\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|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\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=A(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=A(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=A(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=A(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=A(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 _={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};var I={};for(var j=0,P=Object.keys(_);j<P.length;j++){var T=P[j];I[_[T]]=T}var z={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 H=z;for(var O=0,E=Object.keys(z);O<E.length;O++){var R=E[O];if(!("channels"in z[R])){throw new Error("missing channels property: "+R)}if(!("labels"in z[R])){throw new Error("missing channel labels property: "+R)}if(z[R].labels.length!==z[R].channels){throw new Error("channel and label counts mismatch: "+R)}var N=z[R],K=N.channels,L=N.labels;delete z[R].channels;delete z[R].labels;Object.defineProperty(z[R],"channels",{value:K});Object.defineProperty(z[R],"labels",{value:L})}z.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]};z.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 u=c-Math.min(o,l,s);var h=function(e){return(c-e)/6/u+1/2};if(u===0){n=0;i=0}else{i=u/c;r=h(o);t=h(l);a=h(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]};z.rgb.hwb=function(e){var r=e[0];var t=e[1];var a=e[2];var n=z.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]};z.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 q(e,r){return Math.pow(e[0]-r[0],2)+Math.pow(e[1]-r[1],2)+Math.pow(e[2]-r[2],2)}z.rgb.keyword=function(e){var r=I[e];if(r){return r}var t=Infinity;var a;for(var n=0,i=Object.keys(_);n<i.length;n++){var o=i[n];var l=_[o];var s=q(e,l);if(s<t){t=s;a=o}}return a};z.keyword.rgb=function(e){return _[e]};z.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]};z.rgb.lab=function(e){var r=z.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]};z.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};z.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]};z.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]}};z.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]};z.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 u;var h;switch(o){default:case 6:case 0:c=l;u=s;h=t;break;case 1:c=s;u=l;h=t;break;case 2:c=t;u=l;h=s;break;case 3:c=t;u=s;h=l;break;case 4:c=s;u=t;h=l;break;case 5:c=l;u=t;h=s;break}return[c*255,u*255,h*255]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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?z.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};z.hsv.ansi16=function(e){return z.rgb.ansi16(z.hsv.rgb(e),e[2])};z.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};z.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]};z.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]};z.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};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.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]};z.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};z.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};z.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};z.gray.hsl=function(e){return[0,0,e[0]]};z.gray.hsv=z.gray.hsl;z.gray.hwb=function(e){return[0,100,e[0]]};z.gray.cmyk=function(e){return[0,0,0,e[0]]};z.gray.lab=function(e){return[e[0],0,0]};z.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};z.rgb.gray=function(e){var r=(e[0]+e[1]+e[2])/3;return[r/255*100]};function V(){var e={};var r=Object.keys(H);for(var t=r.length,a=0;a<t;a++){e[r[a]]={distance:-1,parent:null}}return e}function U(e){var r=V();var t=[e];r[e].distance=0;while(t.length){var a=t.pop();var n=Object.keys(H[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=H[r[e].parent][e];var n=r[e].parent;while(r[n].parent){t.unshift(r[n].parent);a=B(H[r[n].parent][n],a);n=r[n].parent}a.conversion=t;return a}var W=function(e){var r=U(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(H);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:H[e].channels});Object.defineProperty($[e],"labels",{value:H[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=["keyword","gray","hex"];var ee={};for(var re=0,te=Object.keys(Q);re<te.length;re++){var R=te[re];ee[__spreadArray([],Q[R].labels,true).sort().join("")]=R}var ae={};function ne(e,r){if(!(this instanceof ne)){return new ne(e,r)}if(r&&r in Z){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 ne){this.model=e.model;this.color=__spreadArray([],e.color,true);this.valpha=e.valpha}else if(typeof e==="string"){var n=F.get(e);if(n===null){throw new Error("Unable to parse color from string: "+e)}this.model=n.model;a=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=Array.prototype.slice.call(e,0,a);this.color=ve(i,a);this.valpha=typeof e[a]==="number"?e[a]:1}else if(typeof e==="number"){this.model="rgb";this.color=[e>>16&255,e>>8&255,e&255];this.valpha=1}else{this.valpha=1;var o=Object.keys(e);if("alpha"in e){o.splice(o.indexOf("alpha"),1);this.valpha=typeof e.alpha==="number"?e.alpha:0}var l=o.sort().join("");if(!(l in ee)){throw new Error("Unable to parse color from object: "+JSON.stringify(e))}this.model=ee[l];var s=Q[this.model].labels;var c=[];for(t=0;t<s.length;t++){c.push(e[s[t]])}this.color=ve(c)}if(ae[this.model]){a=Q[this.model].channels;for(t=0;t<a;t++){var u=ae[this.model][t];if(u){this.color[t]=u(this.color[t])}}}this.valpha=Math.max(0,Math.min(1,this.valpha));if(Object.freeze){Object.freeze(this)}}ne.prototype={toString:function(){return this.string()},toJSON:function(){return this[this.model]()},string:function(e){var r=this.model in F.to?this:this.rgb();r=r.round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:__spreadArray(__spreadArray([],r.color,true),[this.valpha],false);return F.to[r.model](t)},percentString:function(e){var r=this.rgb().round(typeof e==="number"?e:1);var t=r.valpha===1?r.color:__spreadArray(__spreadArray([],r.color,true),[this.valpha],false);return F.to.rgb.percent(t)},array:function(){return this.valpha===1?__spreadArray([],this.color,true):__spreadArray(__spreadArray([],this.color,true),[this.valpha],false)},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 ne(__spreadArray(__spreadArray([],this.color.map(ce(e)),true),[this.valpha],false),this.model)},alpha:function(e){if(e!==undefined){return new ne(__spreadArray(__spreadArray([],this.color,true),[Math.max(0,Math.min(1,e))],false),this.model)}return this.valpha},red:ue("rgb",0,he(255)),green:ue("rgb",1,he(255)),blue:ue("rgb",2,he(255)),hue:ue(["hsl","hsv","hsl","hwb","hcg"],0,(function(e){return(e%360+360)%360})),saturationl:ue("hsl",1,he(100)),lightness:ue("hsl",2,he(100)),saturationv:ue("hsv",1,he(100)),value:ue("hsv",2,he(100)),chroma:ue("hcg",1,he(100)),gray:ue("hcg",2,he(100)),white:ue("hwb",1,he(100)),wblack:ue("hwb",2,he(100)),cyan:ue("cmyk",0,he(100)),magenta:ue("cmyk",1,he(100)),yellow:ue("cmyk",2,he(100)),black:ue("cmyk",3,he(100)),x:ue("xyz",0,he(95.047)),y:ue("xyz",1,he(100)),z:ue("xyz",2,he(108.833)),l:ue("lab",0,he(100)),a:ue("lab",1),b:ue("lab",2),keyword:function(e){if(e!==undefined){return new ne(e)}return Q[this.model].keyword(this.color)},hex:function(e){if(e!==undefined){return new ne(e)}return F.to.hex(this.rgb().round().color)},hexa:function(e){if(e!==undefined){return new ne(e)}var r=this.rgb().round().color;var t=Math.round(this.valpha*255).toString(16).toUpperCase();if(t.length===1){t="0"+t}return F.to.hex(r)+t},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<=.04045?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){return"AAA"}return r>=4.5?"AA":""},isDark:function(){var e=this.rgb().color;var r=(e[0]*2126+e[1]*7152+e[2]*722)/1e4;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 ne.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 ne.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 ie=function(e){if(Z.includes(e)){return"continue"}var r=Q[e].channels;ne.prototype[e]=function(){var r=[];for(var t=0;t<arguments.length;t++){r[t]=arguments[t]}if(this.model===e){return new ne(this)}if(r.length>0){return new ne(r,e)}return new ne(__spreadArray(__spreadArray([],de(Q[this.model][e].raw(this.color)),true),[this.valpha],false),e)};ne[e]=function(){var t=[];for(var a=0;a<arguments.length;a++){t[a]=arguments[a]}var n=t[0];if(typeof n==="number"){n=ve(t,r)}return new ne(n,e)}};for(var oe=0,le=Object.keys(Q);oe<le.length;oe++){var R=le[oe];ie(R)}function se(e,r){return Number(e.toFixed(r))}function ce(e){return function(r){return se(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];(ae[i]||(ae[i]=[]))[r]=t}e=e[0];return function(a){var n;if(a!==undefined){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 he(e){return function(r){return Math.max(0,Math.min(e,r))}}function de(e){return Array.isArray(e)?e:[e]}function ve(e,r){for(var t=0;t<r;t++){if(typeof e[t]!=="number"){e[t]=0}}return e}var fe=ne;var pe={container:"container",controlSection:"control-section",hexOptions:"color-hex-options",section:"section",header:"header",control:"control",splitSection:"section--split",colorModeContainer:"color-mode-container",colorMode:"color-mode",channels:"channels",channel:"channel",savedColors:"saved-colors",savedColorsSection:"saved-colors-section",saveColor:"save-color",deleteColor:"delete-color",savedColorsButtons:"saved-colors-buttons",headerHex:"header--hex",colorFieldAndSlider:"color-field-and-slider",colorFieldAndSliderInteractive:"color-field-and-slider--interactive",colorFieldAndSliderWrap:"color-field-and-slider-wrap",scope:"scope",hueScope:"scope--hue",colorFieldScope:"scope--color-field",savedColor:"saved-color"};var me=fe("#007AC2");var ge="calcite-color-";var be={r:255,g:255,b:255};var ye={h:360,s:100,v:100};var we={b:"B",blue:"Blue",deleteColor:"Delete color",g:"G",green:"Green",h:"H",hsv:"HSV",hex:"Hex",hue:"Hue",noColor:"No color",r:"R",red:"Red",rgb:"RGB",s:"S",saturation:"Saturation",saveColor:"Save color",saved:"Saved",v:"V",value:"Value"};var 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 Ce="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]) .container{inline-size: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{inline-size:100%;-webkit-margin-after:4px;margin-block-end:4px}:host([scale=s]) .channel:last-child{-webkit-margin-after:0;margin-block-end:0}:host([scale=m]) .container{inline-size:272px}:host([scale=l]) .header{-webkit-padding-after:0px;padding-block-end:0px}:host([scale=l]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .color-field-and-slider{-webkit-margin-after:-20px;margin-block-end:-20px}:host([scale=l]) .section{padding-block:0 16px;padding-inline:16px}:host([scale=l]) .section:first-of-type{-webkit-padding-before:16px;padding-block-start:16px}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, minmax(28px, 1fr));grid-gap:12px;-webkit-padding-before:16px;padding-block-start:16px}:host([scale=l]) .control-section{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:baseline;align-items:baseline}:host([scale=l]) .control-section>:nth-child(2){-webkit-margin-start:12px;margin-inline-start:12px}:host([scale=l]) .color-hex-options{display:-ms-flexbox;display:flex;-ms-flex-negative:1;flex-shrink:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;min-block-size:98px;inline-size:160px}:host([scale=l]) .color-mode-container{-ms-flex-negative:3;flex-shrink:3}:host([appearance=minimal]) .container{border:none}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.color-field-and-slider-wrap{position:relative}.scope{pointer-events:none;position:absolute;font-size:var(--calcite-font-size--1);outline-color:transparent;outline-offset:14px}.scope:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:16px}.color-field-and-slider{-webkit-margin-after:-16px;margin-block-end:-16px;-ms-touch-action:none;touch-action:none}.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-block:0 12px;padding-inline:12px}.section:first-of-type{-webkit-padding-before:12px;padding-block-start: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;-webkit-padding-after:0.25rem;padding-block-end:0.25rem;color:var(--calcite-ui-text-1)}.header--hex,.color-mode-container{-webkit-padding-before:12px;padding-block-start:12px}.channels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.channel{inline-size:31%}.saved-colors{-webkit-padding-before:12px;padding-block-start:12px;display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:8px;inline-size:100%}.saved-colors-buttons{display:-ms-flexbox;display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{-webkit-transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}";var xe=16;var Se=s(me.hex());var De="auto";var Me=e("calcite_color_picker",function(){function e(e){var n=this;r(this,e);this.calciteColorPickerChange=t(this,"calciteColorPickerChange",6);this.calciteColorPickerInput=t(this,"calciteColorPickerInput",6);this.allowEmpty=false;this.appearance="solid";this.color=me;this.disabled=false;this.format=De;this.hideHex=false;this.hideChannels=false;this.hideSaved=false;this.intlB=we.b;this.intlBlue=we.blue;this.intlDeleteColor=we.deleteColor;this.intlG=we.g;this.intlGreen=we.green;this.intlH=we.h;this.intlHsv=we.hsv;this.intlHex=we.hex;this.intlHue=we.hue;this.intlNoColor=we.noColor;this.intlR=we.r;this.intlRed=we.red;this.intlRgb=we.rgb;this.intlS=we.s;this.intlSaturation=we.saturation;this.intlSaveColor=we.saveColor;this.intlSaved=we.saved;this.intlV=we.v;this.intlValue=we.value;this.scale="m";this.value=Se;this.colorFieldAndSliderHovered=false;this.hueThumbState="idle";this.internalColorUpdateContext=null;this.mode=c.HEX;this.shiftKeyChannelAdjustment=0;this.sliderThumbState="idle";this.colorFieldAndSliderInteractive=false;this.channelMode="rgb";this.channels=this.toChannels(me);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&&s(a.hex());if(o!==l){n.internalColorSet(fe(o))}};this.handleSavedColorSelect=function(e){var r=e.currentTarget;n.internalColorSet(fe(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"?be[Object.keys(be)[a]]:ye[Object.keys(ye)[a]];var o;if(n.allowEmpty&&!r.value){o=""}else{var l=Number(r.value)+n.shiftKeyChannelAdjustment;var s=m(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,true);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(b(e.key)){e.preventDefault();n.handleSavedColorSelect(e)}};this.handleColorFieldAndSliderPointerLeave=function(){n.colorFieldAndSliderInteractive=false;n.colorFieldAndSliderHovered=false;if(n.sliderThumbState!=="drag"&&n.hueThumbState!=="drag"){n.hueThumbState="idle";n.sliderThumbState="idle";n.drawColorFieldAndSlider()}};this.handleColorFieldAndSliderPointerDown=function(e){var r,t;var a=e.offsetX,i=e.offsetY;var o=n.getCanvasRegion(i);if(o==="color-field"){n.hueThumbState="drag";n.captureColorFieldColor(a,i);(r=n.colorFieldScopeNode)===null||r===void 0?void 0:r.focus()}else if(o==="slider"){n.sliderThumbState="drag";n.captureHueSliderColor(a);(t=n.hueScopeNode)===null||t===void 0?void 0:t.focus()}e.preventDefault();document.addEventListener("pointermove",n.globalPointerMoveHandler);document.addEventListener("pointerup",n.globalPointerUpHandler,{once:true});n.activeColorFieldAndSliderRect=n.fieldAndSliderRenderingContext.canvas.getBoundingClientRect()};this.globalPointerUpHandler=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.globalPointerMoveHandler=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 u=e.clientX,h=e.clientY;if(n.colorFieldAndSliderHovered){l=u-c.x;s=h-c.y}else{var d=a.colorField.width;var v=a.colorField.height;var f=a.slider.height;if(u<c.x+d&&u>c.x){l=u-c.x}else if(u<c.x){l=0}else{l=d-1}if(h<c.y+v+f&&h>c.y){s=h-c.y}else if(h<c.y){s=0}else{s=v+f}}if(o){n.captureColorFieldColor(l,s,false)}else{n.captureHueSliderColor(l)}};this.handleColorFieldAndSliderPointerEnterOrMove=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 u=n.baseColorFieldColor.hsv();var h=Math.round(u.saturationv()/(ye.s/i.width));var d=Math.round(i.height-u.value()/(ye.v/i.height));var v=n.containsPoint(r,t,h,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.storeHueScope=function(e){n.hueScopeNode=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:pe.colorMode,"data-color-mode":e,key:e,onCalciteTabsActivate:n.handleTabActivate},s)};this.renderChannelsTab=function(e){var r=n,t=r.channelMode,o=r.channels,l=r.intlB,s=r.intlBlue,c=r.intlG,u=r.intlGreen,h=r.intlH,d=r.intlHue,v=r.intlR,f=r.intlRed,p=r.intlS,m=r.intlSaturation,g=r.intlV,b=r.intlValue;var y=e===t;var w=e==="rgb";var k=w?[v,c,l]:[h,p,g];var C=w?[f,u,s]:[d,m,b];var x=i(n.el);return a("calcite-tab",{active:y,class:pe.control,key:e},a("div",{class:pe.channels,dir:"ltr"},o.map((function(e,r){return n.renderChannel(e,r,k[r],C[r],x)}))))};this.renderChannel=function(e,r,t,i,o){return a("calcite-input",{class:pe.channel,"data-channel-index":r,dir:o,label:i,numberButtonType:"none",numberingSystem:n.numberingSystem,onCalciteInputChange:n.handleChannelChange,onCalciteInputInput:n.handleChannelInput,onKeyDown:n.handleKeyDown,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="".concat(ge).concat(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,true),[e],false);n.savedColors=t;var a="".concat(ge).concat(n.storageId);if(n.storageId){localStorage.setItem(a,JSON.stringify(t))}};this.drawColorFieldAndSlider=C((function(){if(!n.fieldAndSliderRenderingContext){return}n.drawColorField();n.drawHueSlider()}),xe);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(ye.s/o*e);var s=Math.round(ye.v/i*(i-r));n.internalColorSet(n.baseColorFieldColor.hsv().saturationv(l).value(s),t)};this.initColorFieldAndSlider=function(e){n.fieldAndSliderRenderingContext=e.getContext("2d");n.updateCanvasSize(e)}}e.prototype.handleColorChange=function(e,r){this.drawColorFieldAndSlider();this.updateChannelsFromColor(e);this.previousColor=r};e.prototype.handleFormatChange=function(e){this.setMode(e);this.internalColorSet(this.color,false,"internal")};e.prototype.handleScaleChange=function(e){if(e===void 0){e="m"}var r;this.updateDimensions(e);this.updateCanvasSize((r=this.fieldAndSliderRenderingContext)===null||r===void 0?void 0:r.canvas)};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==="initial"){return}if(this.internalColorUpdateContext==="user-interaction"){this.calciteColorPickerInput.emit();if(!s){this.calciteColorPickerChange.emit()}return}var c=a&&!e?null:fe(e);var d=!h(c,this.color);if(o||d){this.internalColorSet(c,true,"internal")}};Object.defineProperty(e.prototype,"baseColorFieldColor",{get:function(){return this.color||this.previousColor||me},enumerable:false,configurable:true});e.prototype.handleChannelKeyUpOrDown=function(e){this.shiftKeyChannelAdjustment=0;var 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(pe.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,o(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?fe(n):t;if(!l){this.showIncompatibleColorWarning(n,a)}this.setMode(a);this.internalColorSet(s,false,"initial");this.updateDimensions(this.scale);var c="".concat(ge).concat(this.storageId);if(this.storageId&&localStorage.getItem(c)){this.savedColors=JSON.parse(localStorage.getItem(c))}};e.prototype.disconnectedCallback=function(){document.removeEventListener("pointermove",this.globalPointerMoveHandler);document.removeEventListener("pointerup",this.globalPointerUpHandler)};e.prototype.componentDidRender=function(){g(this)};e.prototype.render=function(){var e,r,t,n,i,o,l;var s=this;var c=this,u=c.allowEmpty,h=c.color,d=c.intlDeleteColor,v=c.hideHex,f=c.hideChannels,p=c.hideSaved,m=c.intlHex,g=c.intlSaved,b=c.intlSaveColor,y=c.savedColors,w=c.scale;var k=h?h.hex():null;var C=w==="l"?"m":"s";var x=this,S=x.colorFieldAndSliderInteractive,D=x.colorFieldScopeTop,M=x.colorFieldScopeLeft,A=x.hueScopeLeft,F=x.hueScopeTop,_=x.scopeOrientation,I=x.dimensions,j=I.colorField,P=j.height,T=j.width,z=I.slider.height;var H=F!==null&&F!==void 0?F:z/2+P;var O=A!==null&&A!==void 0?A:T*me.hue()/ye.h;var E=h===null;var R=_==="vertical";return a("div",{class:pe.container},a("div",{class:pe.colorFieldAndSliderWrap},a("canvas",{class:(e={},e[pe.colorFieldAndSlider]=true,e[pe.colorFieldAndSliderInteractive]=S,e),onPointerDown:this.handleColorFieldAndSliderPointerDown,onPointerEnter:this.handleColorFieldAndSliderPointerEnterOrMove,onPointerLeave:this.handleColorFieldAndSliderPointerLeave,onPointerMove:this.handleColorFieldAndSliderPointerEnterOrMove,ref:this.initColorFieldAndSlider}),a("div",{"aria-label":R?this.intlValue:this.intlSaturation,"aria-valuemax":R?ye.v:ye.s,"aria-valuemin":"0","aria-valuenow":(R?h===null||h===void 0?void 0:h.saturationv():h===null||h===void 0?void 0:h.value())||"0",class:(r={},r[pe.scope]=true,r[pe.colorFieldScope]=true,r),onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:"".concat(D||0,"px"),left:"".concat(M||0,"px")},tabindex:"0"}),a("div",{"aria-label":this.intlHue,"aria-valuemax":ye.h,"aria-valuemin":"0","aria-valuenow":(h===null||h===void 0?void 0:h.round().hue())||me.round().hue(),class:(t={},t[pe.scope]=true,t[pe.hueScope]=true,t),onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:"".concat(H,"px"),left:"".concat(O,"px")},tabindex:"0"})),v&&f?null:a("div",{class:(n={},n[pe.controlSection]=true,n[pe.section]=true,n)},v?null:a("div",{class:pe.hexOptions},a("span",{class:(i={},i[pe.header]=true,i[pe.headerHex]=true,i)},m),a("calcite-color-picker-hex-input",{allowEmpty:u,class:pe.control,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:C,value:k})),f?null:a("calcite-tabs",{class:(o={},o[pe.colorModeContainer]=true,o[pe.splitSection]=true,o),scale:C},a("calcite-tab-nav",{slot:"tab-nav"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv"))),p?null:a("div",{class:(l={},l[pe.savedColorsSection]=true,l[pe.section]=true,l)},a("div",{class:pe.header},a("label",null,g),a("div",{class:pe.savedColorsButtons},a("calcite-button",{appearance:"transparent",class:pe.deleteColor,color:"neutral",disabled:E,iconStart:"minus",label:d,onClick:this.deleteColor,scale:C,type:"button"}),a("calcite-button",{appearance:"transparent",class:pe.saveColor,color:"neutral",disabled:E,iconStart:"plus",label:b,onClick:this.saveColor,scale:C,type:"button"}))),y.length>0?a("div",{class:pe.savedColors},__spreadArray([],y.map((function(e){return a("calcite-color-picker-swatch",{active:k===e,class:pe.savedColor,color:e,key:e,onClick:s.handleSavedColorSelect,onKeyDown:s.handleSavedColorKeyDown,scale:w,tabIndex:0})})),true)):null))};e.prototype.handleKeyDown=function(e){if(e.key==="Enter"){e.preventDefault()}};e.prototype.showIncompatibleColorWarning=function(e,r){console.warn("ignoring color value (".concat(e,") as it is not compatible with the current format (").concat(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="user-interaction"}if(r&&h(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 s(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="".concat(t,"px");e.style.width="".concat(a,"px");var i=e.getContext("2d");i.scale(n,n)};e.prototype.updateCanvasSize=function(e){if(!e){return}this.setCanvasContextSize(e,{width:this.dimensions.colorField.width,height:this.dimensions.colorField.height+this.dimensions.slider.height+this.getSliderCapSpacing()*2});this.drawColorFieldAndSlider()};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()/(ye.s/o);var c=i-t.value()/(ye.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, ".concat(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 u=o/2+n;requestAnimationFrame((function(){e.hueScopeLeft=c;e.hueScopeTop=u}));this.drawThumb(this.fieldAndSliderRenderingContext,s,c,u,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,fe(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(fe(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}());Me.style=Ce;var Ae={container:"container",preview:"preview",input:"input"};var Fe="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container{display:inline-grid;inline-size:100%;-ms-flex-align:center;align-items:center;grid-template-columns:1fr auto}.preview{grid-column:2/3;pointer-events:none;margin-block:0px;margin-inline:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.preview,.input{grid-row:1}.input{grid-column:1/3;inline-size:100%;text-transform:uppercase}";var _e=fe();var Ie=e("calcite_color_picker_hex_input",function(){function e(e){var a=this;r(this,e);this.calciteColorPickerHexInputChange=t(this,"calciteColorPickerHexInputChange",6);this.allowEmpty=false;this.intlHex=we.hex;this.intlNoColor=we.noColor;this.scale="m";this.value=s(_e.hex());this.onCalciteInternalInputBlur=function(){var e=a.inputNode;var r=e.value;var t="#".concat(r);var n=a.allowEmpty&&!r;if(n||d(t)&&v(t)){return}e.value=a.allowEmpty&&!a.internalColor?"":a.formatForInternalInput(f(a.internalColor.object()))};this.onInputChange=function(){a.internalSetValue(a.inputNode.value,a.value)};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=s(t);if(d(a)){this.internalSetValue(a,a,false)}return}if(r){this.internalSetValue(null,null,false)}};e.prototype.handleValueChange=function(e,r){this.internalSetValue(e,r,false)};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 c=e.key;if(c==="Tab"||c==="Enter"){this.onInputChange();return}var u=c==="ArrowDown"||c==="ArrowUp";var h=this.value;if(u){if(!l){this.internalSetValue(this.previousNonNullValue,h);e.preventDefault();return}var d=c==="ArrowUp"?1:-1;var v=n?10:1;this.internalSetValue(s(this.nudgeRGBChannels(o,v*d).hex()),h);e.preventDefault();return}var f=r||t||a;var m=c.length===1;var g=p.test(c);if(m&&!f&&!g){e.preventDefault()}};e.prototype.onPaste=function(e){var r=e.clipboardData.getData("text");if(d(r)){e.preventDefault();this.inputNode.value=r.slice(1)}};e.prototype.render=function(){var e=this,r=e.intlHex,t=e.value;var n=this.formatForInternalInput(t);return a("div",{class:Ae.container},a("calcite-input",{class:Ae.input,label:r,maxLength:6,numberingSystem:this.numberingSystem,onCalciteInputChange:this.onInputChange,onCalciteInternalInputBlur:this.onCalciteInternalInputBlur,onKeyDown:this.handleKeyDown,onPaste:this.onPaste,prefixText:"#",ref:this.storeInputRef,scale:this.scale,value:n}),n?a("calcite-color-picker-swatch",{active:true,class:Ae.preview,color:"#".concat(n),scale:this.scale}):null)};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){o(this.inputNode);return[2]}))}))};e.prototype.internalSetValue=function(e,r,t){if(t===void 0){t=true}if(e){var a=s(e);if(d(a)){var n=this.internalColor;var i=!n||a!==s(n.hex());this.internalColor=fe(a);this.previousNonNullValue=a;this.value=a;if(i&&t){this.calciteColorPickerHexInputChange.emit()}return}}else if(this.allowEmpty){this.internalColor=null;this.value=null;if(t){this.calciteColorPickerHexInputChange.emit()}return}this.value=r};e.prototype.formatForInternalInput=function(e){return e?e.replace("#",""):""};e.prototype.nudgeRGBChannels=function(e,r){return fe.rgb(e.array().map((function(e){return e+r})))};e.prototype.handleKeyDown=function(e){if(e.key==="Enter"){e.preventDefault()}};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}());Ie.style=Fe;var je={swatch:"swatch",noColorIcon:"no-color-icon"};var Pe={borderLight:"rgba(0, 0, 0, 0.3)",borderDark:"rgba(255, 255, 255, 0.15)"};var Te="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex}:host([scale=s]){block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem}.swatch{overflow:visible;block-size:inherit;inline-size:inherit}.swatch rect{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.no-color-icon{position:absolute;inset:0px;block-size:100%;inline-size:100%}";var ze=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=fe(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 s=l(t);var c=s==="light"?Pe.borderLight:Pe.borderDark;return a("svg",{class:je.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 ".concat(i,")")},width:"100%"}))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{color:["handleColorChange"]}},enumerable:false,configurable:true});return e}());ze.style=Te}}}));