@esri/calcite-components 1.0.0-next.318 → 1.0.0-next.321

package/dist/calcite/{p-44a07313.system.entry.js → p-f7b5dd98.system.entry.js}

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(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.
- */System.register(["./p-288bc438.system.js","./p-f87ba8eb.system.js","./p-34e5baa7.system.js","./p-a0c02648.system.js","./p-e020662f.system.js"],(function(e){"use strict";var t,n,i,a,r,o,l,c,s,d,h;return{setters:[function(e){t=e.r;n=e.c;i=e.h;a=e.F;r=e.g},function(e){o=e.a;l=e.g;c=e.b;s=e.C},function(e){d=e.C},function(e){h=e.S},function(){}],execute:function(){var m={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var u={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var f={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var p={back:"Back",close:"Close",open:"Open",options:"Options"};var b=3;var g="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-3);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}.header-content{overflow:hidden;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}.header-content .heading{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}.back-button{border-color:var(--calcite-ui-border-3);border-style:solid;border-width:0;border-right-width:1px}.calcite--rtl .back-button{border-right-width:0;border-left-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.header-actions--end{margin-left:auto}.menu-container:only-child{margin-left:auto}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.footer{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.calcite--rtl .header-content{margin-left:auto;margin-right:unset}.calcite--rtl .header-actions--end{margin-right:auto;margin-left:unset}.calcite--rtl .menu-container:only-child{margin-right:auto;margin-left:unset}.fab-container{display:block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";var w=e("calcite_panel",function(){function e(e){var i=this;t(this,e);this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=n(this,"calcitePanelScroll",7);this.calcitePanelBackClick=n(this,"calcitePanelBackClick",7);this.dismissed=false;this.disabled=false;this.dismissible=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.setContainerRef=function(e){i.containerEl=e};this.setDismissRef=function(e){i.dismissButtonEl=e};this.setBackRef=function(e){i.backButtonEl=e};this.panelKeyUpHandler=function(e){if(e.key==="Escape"){i.dismiss()}};this.dismiss=function(){i.dismissed=true};this.panelScrollHandler=function(){i.calcitePanelScroll.emit()};this.backButtonClick=function(){i.calcitePanelBackClick.emit()}}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(a){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(n=this.backButtonEl)===null||n===void 0?void 0:n.setFocus();return[2]}(i=this.containerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=o(e)==="rtl";var n=this,a=n.showBackButton,r=n.intlBack,l=n.backButtonClick;var c=r||p.back;var s=t?u.backRight:u.backLeft;return a?i("calcite-action",{"aria-label":c,class:m.backButton,icon:s,key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:f.headerActionsStart,text:c}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,a=e.summary;var r=t?i(d,{class:m.heading,level:n||b},t):null;var o=a?i("span",{class:m.summary},a):null;return r||o?i("div",{class:m.headerContent,key:"header-content"},r,o):null};e.prototype.renderHeaderSlottedContent=function(){return i("div",{class:m.headerContent,key:"header-content"},i("slot",{name:f.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var n=l(t,f.headerActionsStart);return n?i("div",{class:(e={},e[m.headerActionsStart]=true,e[m.headerActions]=true,e),key:"header-actions-start"},i("slot",{name:f.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,n=t.dismiss,a=t.dismissible,r=t.el,o=t.intlClose;var c=o||p.close;var s=a?i("calcite-action",{"aria-label":c,icon:u.close,onClick:n,ref:this.setDismissRef,text:c}):null;var d=i("slot",{name:f.headerActionsEnd});var h=l(r,f.headerActionsEnd);return h||s?i("div",{class:(e={},e[m.headerActionsEnd]=true,e[m.headerActions]=true,e),key:"header-actions-end"},d,s):null};e.prototype.renderMenu=function(){var e=this,t=e.el,n=e.intlOptions,a=e.menuOpen;var r=l(t,f.headerMenuActions);return r?i("calcite-action-menu",{flipPlacements:["top","bottom"],label:n||p.options,open:a,placement:"bottom-end"},i("calcite-action",{icon:u.menu,slot:h.trigger,text:n||p.options}),i("slot",{name:f.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,n=e.showBackButton;var a=this.renderBackButton();var r=l(t,f.headerContent);var o=r?this.renderHeaderSlottedContent():this.renderHeaderContent();var c=this.renderHeaderStartActions();var s=this.renderHeaderActionsEnd();var d=this.renderMenu();return c||o||s||d||n?i("header",{class:m.header},a,c,o,s,d):null};e.prototype.renderFooterSlottedContent=function(){var e=this.el;var t=l(e,f.footer);return t?i("footer",{class:m.footer},i("slot",{name:f.footer})):null};e.prototype.renderFooterActions=function(){var e=this.el;var t=l(e,f.footerActions);return t?i("footer",{class:m.footer},i("slot",{name:f.footerActions})):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var a=l(n,f.fab);return a?i("div",{class:(e={},e[m.contentWrapper]=true,e[m.contentHeight]=true,e),onScroll:this.panelScrollHandler,tabIndex:0},i("section",{class:m.contentContainer},i("slot",null)),this.renderFab()):i("section",{class:(t={},t[m.contentWrapper]=true,t[m.contentContainer]=true,t),onScroll:this.panelScrollHandler,tabIndex:0},i("slot",null))};e.prototype.renderFab=function(){return i("div",{class:m.fabContainer},i("slot",{name:f.fab}))};e.prototype.render=function(){var e;var t=this,n=t.dismissed,r=t.disabled,o=t.dismissible,l=t.el,d=t.loading,h=t.panelKeyUpHandler;var u=c(l)==="rtl";var f=i("article",{"aria-busy":d.toString(),class:(e={},e[m.container]=true,e[s.rtl]=u,e),hidden:o&&n,onKeyUp:h,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterSlottedContent()||this.renderFooterActions());return i(a,null,d||r?i("calcite-scrim",{loading:d}):null,f)};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:false,configurable:true});return e}());w.style=g}}}));
+ */System.register(["./p-288bc438.system.js","./p-f87ba8eb.system.js","./p-34e5baa7.system.js","./p-a0c02648.system.js","./p-e020662f.system.js"],(function(e){"use strict";var t,n,i,a,r,o,l,c,s,d,h;return{setters:[function(e){t=e.r;n=e.c;i=e.h;a=e.F;r=e.g},function(e){o=e.a;l=e.g;c=e.b;s=e.C},function(e){d=e.C},function(e){h=e.S},function(){}],execute:function(){var m={backButton:"back-button",container:"container",header:"header",heading:"heading",summary:"summary",headerContent:"header-content",headerActions:"header-actions",headerActionsEnd:"header-actions--end",headerActionsStart:"header-actions--start",contentWrapper:"content-wrapper",contentContainer:"content-container",contentHeight:"content-height",fabContainer:"fab-container",footer:"footer",menuContainer:"menu-container",menuButton:"menu-button",menu:"menu",menuOpen:"menu--open"};var u={close:"x",menu:"ellipsis",backLeft:"chevron-left",backRight:"chevron-right"};var f={headerActionsStart:"header-actions-start",headerActionsEnd:"header-actions-end",headerMenuActions:"header-menu-actions",headerContent:"header-content",fab:"fab",footer:"footer",footerActions:"footer-actions"};var p={back:"Back",close:"Close",open:"Open",options:"Options"};var b=3;var g="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;position:relative;width:100%;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}.header{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;color:var(--calcite-ui-text-2);}.heading{font-weight:var(--calcite-font-weight-medium);margin:0;padding:0}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}h1.heading{font-size:var(--calcite-font-size-2);line-height:1.5rem}h2.heading{font-size:var(--calcite-font-size-1);line-height:1.5rem}h3.heading{font-size:var(--calcite-font-size-0);line-height:1.25rem}h4.heading,h5.heading{font-size:var(--calcite-font-size--1);line-height:1rem}.container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);width:100%;padding:0;margin:0;max-height:var(--calcite-panel-max-height);width:var(--calcite-panel-width);max-width:var(--calcite-panel-max-width);min-width:var(--calcite-panel-min-width);-webkit-transition:max-height 150ms ease-in-out, width 150ms ease-in-out;transition:max-height 150ms ease-in-out, width 150ms ease-in-out}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}:host([loading]) .container,:host([disabled]) .container{position:relative;z-index:1}.header{border-bottom:1px solid;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-foreground-1);-ms-flex-pack:start;justify-content:flex-start;position:-webkit-sticky;position:sticky;top:0;border-bottom-color:var(--calcite-ui-border-3);width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;z-index:2}.header-content{overflow:hidden;margin-right:auto;padding-left:0.75rem;padding-right:0.75rem;padding-top:1rem;padding-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.header-content .heading,.header-content .summary{padding:0;display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis}.header-content .heading{font-weight:var(--calcite-font-weight-medium);margin-top:0;margin-left:0;margin-right:0;margin-bottom:0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}.header-content .heading:only-child{margin-bottom:0}.header-content .summary{color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1);line-height:1rem}.back-button{border-color:var(--calcite-ui-border-3);border-style:solid;border-width:0;border-right-width:1px}.calcite--rtl .back-button{border-right-width:0;border-left-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.header-actions--end{margin-left:auto}.menu-container:only-child{margin-left:auto}.menu-button{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex:0 1 auto;flex:0 1 auto;height:100%;position:relative}.menu{min-width:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{height:100%}.content-container{-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background);display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.footer{border-top:1px solid;background-color:var(--calcite-ui-foreground-1);border-top-color:var(--calcite-ui-border-3);display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:-webkit-sticky;position:sticky;bottom:0;width:100%;-ms-flex:0 0 auto;flex:0 0 auto;min-height:3rem;padding:0.5rem}.calcite--rtl .header-content{margin-left:auto;margin-right:unset}.calcite--rtl .header-actions--end{margin-right:auto;margin-left:unset}.calcite--rtl .menu-container:only-child{margin-right:auto;margin-left:unset}.fab-container{display:block;position:-webkit-sticky;position:sticky;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0.5rem;bottom:0;left:0;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;z-index:1}";var w=e("calcite_panel",function(){function e(e){var i=this;t(this,e);this.calcitePanelDismissedChange=n(this,"calcitePanelDismissedChange",7);this.calcitePanelScroll=n(this,"calcitePanelScroll",7);this.calcitePanelBackClick=n(this,"calcitePanelBackClick",7);this.dismissed=false;this.disabled=false;this.dismissible=false;this.showBackButton=false;this.loading=false;this.menuOpen=false;this.setContainerRef=function(e){i.containerEl=e};this.setDismissRef=function(e){i.dismissButtonEl=e};this.setBackRef=function(e){i.backButtonEl=e};this.panelKeyDownHandler=function(e){if(e.key==="Escape"){i.dismiss()}};this.dismiss=function(){i.dismissed=true};this.panelScrollHandler=function(){i.calcitePanelScroll.emit()};this.backButtonClick=function(){i.calcitePanelBackClick.emit()}}e.prototype.dismissedHandler=function(){this.calcitePanelDismissedChange.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(a){if(e==="dismiss-button"){(t=this.dismissButtonEl)===null||t===void 0?void 0:t.setFocus();return[2]}if(e==="back-button"){(n=this.backButtonEl)===null||n===void 0?void 0:n.setFocus();return[2]}(i=this.containerEl)===null||i===void 0?void 0:i.focus();return[2]}))}))};e.prototype.renderBackButton=function(){var e=this.el;var t=o(e)==="rtl";var n=this,a=n.showBackButton,r=n.intlBack,l=n.backButtonClick;var c=r||p.back;var s=t?u.backRight:u.backLeft;return a?i("calcite-action",{"aria-label":c,class:m.backButton,icon:s,key:"back-button",onClick:l,ref:this.setBackRef,scale:"s",slot:f.headerActionsStart,text:c}):null};e.prototype.renderHeaderContent=function(){var e=this,t=e.heading,n=e.headingLevel,a=e.summary;var r=t?i(d,{class:m.heading,level:n||b},t):null;var o=a?i("span",{class:m.summary},a):null;return r||o?i("div",{class:m.headerContent,key:"header-content"},r,o):null};e.prototype.renderHeaderSlottedContent=function(){return i("div",{class:m.headerContent,key:"header-content"},i("slot",{name:f.headerContent}))};e.prototype.renderHeaderStartActions=function(){var e;var t=this.el;var n=l(t,f.headerActionsStart);return n?i("div",{class:(e={},e[m.headerActionsStart]=true,e[m.headerActions]=true,e),key:"header-actions-start"},i("slot",{name:f.headerActionsStart})):null};e.prototype.renderHeaderActionsEnd=function(){var e;var t=this,n=t.dismiss,a=t.dismissible,r=t.el,o=t.intlClose;var c=o||p.close;var s=a?i("calcite-action",{"aria-label":c,icon:u.close,onClick:n,ref:this.setDismissRef,text:c}):null;var d=i("slot",{name:f.headerActionsEnd});var h=l(r,f.headerActionsEnd);return h||s?i("div",{class:(e={},e[m.headerActionsEnd]=true,e[m.headerActions]=true,e),key:"header-actions-end"},d,s):null};e.prototype.renderMenu=function(){var e=this,t=e.el,n=e.intlOptions,a=e.menuOpen;var r=l(t,f.headerMenuActions);return r?i("calcite-action-menu",{flipPlacements:["top","bottom"],label:n||p.options,open:a,placement:"bottom-end"},i("calcite-action",{icon:u.menu,slot:h.trigger,text:n||p.options}),i("slot",{name:f.headerMenuActions})):null};e.prototype.renderHeaderNode=function(){var e=this,t=e.el,n=e.showBackButton;var a=this.renderBackButton();var r=l(t,f.headerContent);var o=r?this.renderHeaderSlottedContent():this.renderHeaderContent();var c=this.renderHeaderStartActions();var s=this.renderHeaderActionsEnd();var d=this.renderMenu();return c||o||s||d||n?i("header",{class:m.header},a,c,o,s,d):null};e.prototype.renderFooterSlottedContent=function(){var e=this.el;var t=l(e,f.footer);return t?i("footer",{class:m.footer},i("slot",{name:f.footer})):null};e.prototype.renderFooterActions=function(){var e=this.el;var t=l(e,f.footerActions);return t?i("footer",{class:m.footer},i("slot",{name:f.footerActions})):null};e.prototype.renderContent=function(){var e,t;var n=this.el;var a=l(n,f.fab);return a?i("div",{class:(e={},e[m.contentWrapper]=true,e[m.contentHeight]=true,e),onScroll:this.panelScrollHandler,tabIndex:0},i("section",{class:m.contentContainer},i("slot",null)),this.renderFab()):i("section",{class:(t={},t[m.contentWrapper]=true,t[m.contentContainer]=true,t),onScroll:this.panelScrollHandler,tabIndex:0},i("slot",null))};e.prototype.renderFab=function(){return i("div",{class:m.fabContainer},i("slot",{name:f.fab}))};e.prototype.render=function(){var e;var t=this,n=t.dismissed,r=t.disabled,o=t.dismissible,l=t.el,d=t.loading,h=t.panelKeyDownHandler;var u=c(l)==="rtl";var f=i("article",{"aria-busy":d.toString(),class:(e={},e[m.container]=true,e[s.rtl]=u,e),hidden:o&&n,onKeyDown:h,ref:this.setContainerRef,tabIndex:o?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterSlottedContent()||this.renderFooterActions());return i(a,null,d||r?i("calcite-scrim",{loading:d}):null,f)};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{dismissed:["dismissedHandler"]}},enumerable:false,configurable:true});return e}());w.style=g}}}));

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

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{c(n.next(e))}catch(e){r(e)}}function l(e){try{c(n["throw"](e))}catch(e){r(e)}}function c(e){e.done?i(e.value):a(e.value).then(o,l)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return c([e,t])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ */System.register(["./p-288bc438.system.js","./p-e020662f.system.js","./p-4bd82e40.system.js","./p-47f55191.system.js","./p-71cdeee3.system.js","./p-f87ba8eb.system.js"],(function(e){"use strict";var t,i,n,a,r,o,l,c,s,u,d,m,p,f,h;return{setters:[function(e){t=e.r;i=e.c;n=e.h;a=e.H;r=e.g},function(e){o=e.g},function(e){l=e.i;c=e.n;s=e.b},function(e){u=e.c;d=e.d;m=e.g},function(e){p=e.c;f=e.d;h=e.H},function(){}],execute:function(){var b=5;function v(e,t){if(t===void 0){t=true}try{var i={hour:"2-digit",minute:"2-digit",timeZone:"UTC"};if(t){i.second="2-digit"}return new Intl.DateTimeFormat(e,i)}catch(t){throw new Error("Invalid locale supplied while attempting to create a DateTime formatter: "+e)}}function w(e){var t=e.toString();return e>=0&&e<=9?t.padStart(2,"0"):t}function k(e){if(!x(e)){return null}var t=e.split(":"),i=t[0],n=t[1],a=t[2];var r=w(parseInt(i));var o=w(parseInt(n));if(a){var l=w(parseInt(a));return r+":"+o+":"+l}return r+":"+o}function y(e){var t=v(e);var i=t.formatToParts(new Date(Date.UTC(0,0,0,0,0,0)));return D("meridiem",i)?"12":"24"}function D(e,t){var i,n,a,r;if(!e||!t){return null}if(e==="hourSuffix"){var o=t.indexOf(t.find((function(e){var t=e.type;return t==="hour"})));var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var c=t[o+1];return c&&c.type==="literal"&&l-o===2?((i=c.value)===null||i===void 0?void 0:i.trim())||null:null}if(e==="minuteSuffix"){var l=t.indexOf(t.find((function(e){var t=e.type;return t==="minute"})));var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var u=t[l+1];return u&&u.type==="literal"&&s-l===2?((n=u.value)===null||n===void 0?void 0:n.trim())||null:null}if(e==="secondSuffix"){var s=t.indexOf(t.find((function(e){var t=e.type;return t==="second"})));var d=t[s+1];return d&&d.type==="literal"?((a=d.value)===null||a===void 0?void 0:a.trim())||null:null}return((r=t.find((function(t){var i=t.type;return e=="meridiem"?i==="dayPeriod":i===e})))===null||r===void 0?void 0:r.value)||null}function g(e){if(!l(e)){return null}var t=parseInt(e);return t>=0&&t<=11?"AM":"PM"}function x(e){if(!e||e.startsWith(":")||e.endsWith(":")){return false}var t=e.split(":");var i=t.length>1&&t.length<4;if(!i){return false}var n=t[0],a=t[1],r=t[2];var o=parseInt(t[0]);var c=parseInt(t[1]);var s=parseInt(t[2]);var u=l(n)&&o>=0&&o<24;var d=l(a)&&c>=0&&c<60;var m=l(r)&&s>=0&&s<60;if(u&&d&&!r||u&&d&&m){return true}}function M(e,t){if(t==="meridiem"){return e==="AM"||e==="PM"}if(!l(e)){return false}var i=Number(e);return t==="hour"?i>=0&&i<24:i>=0&&i<60}function S(e,t,i){if(!M(e,t)){return}var n=parseInt(e);var a=new Date(Date.UTC(0,0,0,t==="hour"?n:t==="meridiem"?e==="AM"?0:12:0,t==="minute"?n:0,t==="second"?n:0));if(!a){return}var r=v(i);var o=r.formatToParts(a);return D(t,o)}function H(e,t,i){if(t===void 0){t="en"}if(i===void 0){i=true}if(!x(e)){return null}var n=P(e),a=n.hour,r=n.minute,o=n.second,l=o===void 0?"0":o;var c=new Date(Date.UTC(0,0,0,parseInt(a),parseInt(r),parseInt(l)));var s=v(t,i);return(s===null||s===void 0?void 0:s.format(c))||null}function I(e,t){if(t===void 0){t="en"}if(!x(e)){return null}var i=P(e),n=i.hour,a=i.minute,r=i.second,o=r===void 0?"0":r;var l=new Date(Date.UTC(0,0,0,parseInt(n),parseInt(a),parseInt(o)));if(l){var c=v(t);var s=c.formatToParts(l);return{localizedHour:D("hour",s),localizedHourSuffix:D("hourSuffix",s),localizedMinute:D("minute",s),localizedMinuteSuffix:D("minuteSuffix",s),localizedSecond:D("second",s),localizedSecondSuffix:D("secondSuffix",s),localizedMeridiem:D("meridiem",s)}}return null}function P(e){if(x(e)){var t=e.split(":"),i=t[0],n=t[1],a=t[2];return{hour:i,minute:n,second:a}}return{hour:null,minute:null,second:null}}var V="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";var z=e("calcite_input_time_picker",function(){function e(e){var n=this;t(this,e);this.calciteInputTimePickerChange=i(this,"calciteInputTimePickerChange",7);this.active=false;this.disabled=false;this.locale=document.documentElement.lang||navigator.language||"en";this.required=false;this.scale="m";this.step=60;this.value=null;this.internalValueChange=false;this.previousValidValue=null;this.referenceElementId="input-time-picker-"+o();this.calciteInputBlurHandler=function(){n.active=false;var e=n.shouldIncludeSeconds();var t=H(n.calciteInputEl.value,n.locale,e);n.setInputValue(t||H(n.value,n.locale,e))};this.calciteInputFocusHandler=function(){n.active=true};this.calciteInputInputHandler=function(e){var t=e.target;n.setValue({value:t.value})};this.timePickerChangeHandler=function(e){e.stopPropagation();var t=e.target;var i=t.value;n.setValue({value:i,origin:"time-picker"})};this.setCalciteInputEl=function(e){n.calciteInputEl=e};this.setCalciteTimePickerEl=function(e){n.calciteTimePickerEl=e};this.setInputValue=function(e){if(!n.calciteInputEl){return}n.calciteInputEl.value=e};this.setValue=function(e){var t=e.value,i=e.origin,a=i===void 0?"input":i;var r=n.value;var o=k(t);var l=H(o,n.locale,n.shouldIncludeSeconds());n.internalValueChange=a!=="external"&&a!=="loading";var c=a!=="loading"&&a!=="external"&&(t!==n.previousValidValue&&!t||!!(!n.previousValidValue&&o)||o!==n.previousValidValue&&o);if(t){if(c){n.previousValidValue=o}if(o&&o!==n.value){n.value=o}n.localizedValue=l}else{n.value=t;n.localizedValue=null}if(a==="time-picker"||a==="external"){n.setInputValue(l)}if(c){var s=n.calciteInputTimePickerChange.emit();if(s.defaultPrevented){n.internalValueChange=false;n.value=r;n.setInputValue(r);n.previousValidValue=r}else{n.previousValidValue=o}}}}e.prototype.localeWatcher=function(e){this.setInputValue(H(this.value,e,this.shouldIncludeSeconds()))};e.prototype.valueWatcher=function(e){if(!this.internalValueChange){this.setValue({value:e,origin:"external"})}this.internalValueChange=false};e.prototype.clickHandler=function(e){if(e.composedPath().includes(this.calciteTimePickerEl)){return}this.setFocus()};e.prototype.keyUpHandler=function(e){if(e.key==="Escape"&&this.active){this.active=false}};e.prototype.timePickerBlurHandler=function(e){e.preventDefault();e.stopPropagation();this.active=false};e.prototype.timePickerFocusHandler=function(e){e.preventDefault();e.stopPropagation();this.active=true};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.calciteInputEl.setFocus();return[2]}))}))};e.prototype.onLabelClick=function(){this.setFocus()};e.prototype.shouldIncludeSeconds=function(){return this.step<60};e.prototype.connectedCallback=function(){if(this.value){this.setValue({value:x(this.value)?this.value:undefined,origin:"loading"})}u(this);p(this)};e.prototype.componentDidLoad=function(){this.setInputValue(this.localizedValue)};e.prototype.disconnectedCallback=function(){d(this);f(this)};e.prototype.render=function(){var e=this.referenceElementId+"-popover";return n(a,null,n("div",{"aria-controls":e,"aria-haspopup":"dialog","aria-label":this.name,"aria-owns":e,id:this.referenceElementId,role:"combobox"},n("calcite-input",{disabled:this.disabled,icon:"clock",label:m(this),onCalciteInputBlur:this.calciteInputBlurHandler,onCalciteInputFocus:this.calciteInputFocusHandler,onCalciteInputInput:this.calciteInputInputHandler,ref:this.setCalciteInputEl,scale:this.scale,step:this.step})),n("calcite-popover",{id:e,label:"Time Picker",open:this.active||false,referenceElement:this.referenceElementId},n("calcite-time-picker",{intlHour:this.intlHour,intlHourDown:this.intlHourDown,intlHourUp:this.intlHourUp,intlMeridiem:this.intlMeridiem,intlMeridiemDown:this.intlMeridiemDown,intlMeridiemUp:this.intlMeridiemUp,intlMinute:this.intlMinute,intlMinuteDown:this.intlMinuteDown,intlMinuteUp:this.intlMinuteUp,intlSecond:this.intlSecond,intlSecondDown:this.intlSecondDown,intlSecondUp:this.intlSecondUp,lang:this.locale,onCalciteTimePickerChange:this.timePickerChangeHandler,ref:this.setCalciteTimePickerEl,scale:this.scale,step:this.step,value:this.value})),n(h,{component:this}))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"]}},enumerable:false,configurable:true});return e}());z.style=V;var U={button:"button",buttonBottomLeft:"button--bottom-left",buttonBottomRight:"button--bottom-right",buttonHourDown:"button--hour-down",buttonHourUp:"button--hour-up",buttonMeridiemDown:"button--meridiem-down",buttonMeridiemUp:"button--meridiem-up",buttonMinuteDown:"button--minute-down",buttonMinuteUp:"button--minute-up",buttonSecondDown:"button--second-down",buttonSecondUp:"button--second-up",buttonTopLeft:"button--top-left",buttonTopRight:"button--top-right",column:"column",delimiter:"delimiter",hour:"hour",input:"input",meridiem:"meridiem",minute:"minute",second:"second",showMeridiem:"show-meridiem",showSecond:"show-second","scale-s":"scale-s","scale-m":"scale-m","scale-l":"scale-l",timePicker:"time-picker"};var C={hour:"Hour",hourDown:"Decrease hour",hourUp:"Increase hour",meridiem:"AM/PM",meridiemDown:"Decrease AM/PM",meridiemUp:"Increase AM/PM",minute:"Minute",minuteDown:"Decrease minute",minuteUp:"Increase minute",second:"Second",secondDown:"Decrease second",secondUp:"Increase second"};var 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:300ms}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:inline-block}.time-picker{background-color:var(--calcite-ui-foreground-1);display:-ms-flexbox;display:flex;font-weight:var(--calcite-font-weight-medium);-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);box-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);color:var(--calcite-ui-text-1);border-radius:var(--calcite-border-radius)}.time-picker .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.time-picker .button{background-color:var(--calcite-ui-foreground-1);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.time-picker .button:hover,.time-picker .button:focus{background-color:var(--calcite-ui-foreground-2);outline:2px solid transparent;outline-offset:2px}.time-picker .button:active{background-color:var(--calcite-ui-foreground-3)}.time-picker .button.top-left{border-top-left-radius:var(--calcite-border-radius)}.time-picker .button.bottom-left{border-bottom-left-radius:var(--calcite-border-radius)}.time-picker .button.top-right{border-top-right-radius:var(--calcite-border-radius)}.time-picker .button.bottom-right{border-bottom-right-radius:var(--calcite-border-radius)}.time-picker .button calcite-icon{color:var(--calcite-ui-text-3)}.time-picker .input{background-color:var(--calcite-ui-foreground-1);cursor:pointer;font-weight:var(--calcite-font-weight-medium);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.time-picker .input:hover{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2);box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-2)}.time-picker .input:focus,.time-picker .input:hover:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.time-picker.scale-s{font-size:var(--calcite-font-size--1)}.time-picker.scale-s .button,.time-picker.scale-s .input{padding-left:0.75rem;padding-right:0.75rem;padding-top:0.25rem;padding-bottom:0.25rem}.time-picker.scale-s:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:0.75rem;padding-inline-end:0.75rem}.time-picker.scale-m{font-size:var(--calcite-font-size-0)}.time-picker.scale-m .button,.time-picker.scale-m .input{padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem}.time-picker.scale-m:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1rem;padding-inline-end:1rem}.time-picker.scale-l{font-size:var(--calcite-font-size-1)}.time-picker.scale-l .button,.time-picker.scale-l .input{padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem}.time-picker.scale-l:not(.show-meridiem) .delimiter:last-child{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}";function _(e){return e.charAt(0).toUpperCase()+e.slice(1)}var K=e("calcite_time_picker",function(){function e(e){var n=this;t(this,e);this.calciteTimePickerBlur=i(this,"calciteTimePickerBlur",7);this.calciteTimePickerChange=i(this,"calciteTimePickerChange",7);this.calciteTimePickerFocus=i(this,"calciteTimePickerFocus",7);this.intlHour=C.hour;this.intlHourDown=C.hourDown;this.intlHourUp=C.hourUp;this.intlMeridiem=C.meridiem;this.intlMeridiemDown=C.meridiemDown;this.intlMeridiemUp=C.meridiemUp;this.intlMinute=C.minute;this.intlMinuteDown=C.minuteDown;this.intlMinuteUp=C.minuteUp;this.intlSecond=C.second;this.intlSecondDown=C.secondDown;this.intlSecondUp=C.secondUp;this.locale=document.documentElement.lang||navigator.language||"en";this.scale="m";this.step=60;this.value=null;this.showSecond=this.step<60;this.decrementHour=function(){var e=!n.hour?0:n.hour==="00"?23:parseInt(n.hour)-1;n.setValuePart("hour",e)};this.decrementMeridiem=function(){var e=n.meridiem==="PM"?"AM":"PM";n.setValuePart("meridiem",e)};this.decrementMinuteOrSecond=function(e){var t;if(l(n[e])){var i=parseInt(n[e]);t=i===0?59:i-1}else{t=59}n.setValuePart(e,t)};this.decrementMinute=function(){n.decrementMinuteOrSecond("minute")};this.decrementSecond=function(){n.decrementMinuteOrSecond("second")};this.focusHandler=function(e){n.activeEl=e.currentTarget};this.hourDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementHour()}};this.hourKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(l(n.hour)){switch(n.hourCycle){case"12":a=n.hour==="01"&&i>=0&&i<=2?"1"+i:i;break;case"24":if(n.hour==="01"){a="1"+i}else if(n.hour==="02"&&i>=0&&i<=3){a="2"+i}else{a=i}break}}else{a=i}n.setValuePart("hour",a)}else{switch(t){case"Backspace":case"Delete":n.setValuePart("hour",null);break;case"ArrowDown":e.preventDefault();n.decrementHour();break;case"ArrowUp":e.preventDefault();n.incrementHour();break;case" ":case"Spacebar":e.preventDefault();break}}};this.hourUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementHour()}};this.incrementMeridiem=function(){var e=n.meridiem==="AM"?"PM":"AM";n.setValuePart("meridiem",e)};this.incrementHour=function(){var e=l(n.hour)?n.hour==="23"?0:parseInt(n.hour)+1:1;n.setValuePart("hour",e)};this.incrementMinuteOrSecond=function(e){var t=l(n[e])?n[e]==="59"?0:parseInt(n[e])+1:0;n.setValuePart(e,t)};this.incrementMinute=function(){n.incrementMinuteOrSecond("minute")};this.incrementSecond=function(){n.incrementMinuteOrSecond("second")};this.meridiemDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementMeridiem()}};this.meridiemKeyDownHandler=function(e){switch(e.key){case"a":n.setValuePart("meridiem","AM");break;case"p":n.setValuePart("meridiem","PM");break;case"Backspace":case"Delete":n.setValuePart("meridiem",null);break;case"ArrowUp":e.preventDefault();n.incrementMeridiem();break;case"ArrowDown":e.preventDefault();n.decrementMeridiem();break;case" ":case"Spacebar":e.preventDefault();break}};this.meridiemUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementMeridiem()}};this.minuteDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementMinute()}};this.minuteKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(l(n.minute)&&n.minute.startsWith("0")){var r=parseInt(n.minute);a=r>b?i:""+r+i}else{a=i}n.setValuePart("minute",a)}else{switch(t){case"Backspace":case"Delete":n.setValuePart("minute",null);break;case"ArrowDown":e.preventDefault();n.decrementMinute();break;case"ArrowUp":e.preventDefault();n.incrementMinute();break;case" ":case"Spacebar":e.preventDefault();break}}};this.minuteUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementMinute()}};this.secondDownButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.decrementSecond()}};this.secondKeyDownHandler=function(e){var t=e.key;if(c.includes(t)){var i=parseInt(t);var a=void 0;if(l(n.second)&&n.second.startsWith("0")){var r=parseInt(n.second);a=r>b?i:""+r+i}else{a=i}n.setValuePart("second",a)}else{switch(t){case"Backspace":case"Delete":n.setValuePart("second",null);break;case"ArrowDown":e.preventDefault();n.decrementSecond();break;case"ArrowUp":e.preventDefault();n.incrementSecond();break;case" ":case"Spacebar":e.preventDefault();break}}};this.secondUpButtonKeyDownHandler=function(e){if(n.buttonActivated(e)){n.incrementSecond()}};this.setHourEl=function(e){return n.hourEl=e};this.setMeridiemEl=function(e){return n.meridiemEl=e};this.setMinuteEl=function(e){return n.minuteEl=e};this.setSecondEl=function(e){return n.secondEl=e};this.setValue=function(e,t){if(t===void 0){t=true}if(x(e)){var i=P(e),a=i.hour,r=i.minute,o=i.second;var l=I(e,n.locale),c=l.localizedHour,s=l.localizedHourSuffix,u=l.localizedMinute,d=l.localizedMinuteSuffix,m=l.localizedSecond,p=l.localizedSecondSuffix,f=l.localizedMeridiem;n.localizedHour=c;n.localizedHourSuffix=s;n.localizedMinute=u;n.localizedMinuteSuffix=d;n.localizedSecond=m;n.localizedSecondSuffix=p;n.hour=a;n.minute=r;n.second=o;if(f){n.localizedMeridiem=f;n.meridiem=g(n.hour)}}else{n.hour=null;n.localizedHour=null;n.localizedHourSuffix=null;n.localizedMeridiem=null;n.localizedMinute=null;n.localizedMinuteSuffix=null;n.localizedSecond=null;n.localizedSecondSuffix=null;n.meridiem=null;n.minute=null;n.second=null;n.value=null}if(t){n.calciteTimePickerChange.emit()}};this.setValuePart=function(e,t,i){if(i===void 0){i=true}var a;if(e==="meridiem"){n.meridiem=t;if(l(n.hour)){var r=parseInt(n.hour);switch(t){case"AM":if(r>=12){n.hour=w(r-12)}break;case"PM":if(r<12){n.hour=w(r+12)}break}n.localizedHour=S(n.hour,"hour",n.locale)}}else{n[e]=typeof t==="number"?w(t):t;n["localized"+_(e)]=S(n[e],e,n.locale)}if(n.hour&&n.minute){var o=n.second&&n.showSecond;n.value=n.hour+":"+n.minute+":"+(o?n.second:"00")}else{n.value=null}n.localizedMeridiem=n.value?((a=I(n.value,n.locale))===null||a===void 0?void 0:a.localizedMeridiem)||null:S(n.meridiem,"meridiem",n.locale);if(i){n.calciteTimePickerChange.emit()}}}e.prototype.localeWatcher=function(e){this.hourCycle=y(e);this.setValue(this.value,false)};e.prototype.valueWatcher=function(e){this.setValue(e,false)};e.prototype.hourChanged=function(e){if(this.meridiem&&l(e)){this.setValuePart("meridiem",g(e))}};e.prototype.hostBlurHandler=function(){this.calciteTimePickerBlur.emit()};e.prototype.hostFocusHandler=function(){this.calciteTimePickerFocus.emit()};e.prototype.keyDownHandler=function(e){var t=e.key;switch(this.activeEl){case this.hourEl:if(t==="ArrowRight"){this.setFocus("minute")}break;case this.minuteEl:switch(t){case"ArrowLeft":this.setFocus("hour");break;case"ArrowRight":if(this.step!==60){this.setFocus("second")}else if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.secondEl:switch(t){case"ArrowLeft":this.setFocus("minute");break;case"ArrowRight":if(this.hourCycle==="12"){this.setFocus("meridiem")}break}break;case this.meridiemEl:switch(t){case"ArrowLeft":if(this.step!==60){this.setFocus("second")}else{this.setFocus("minute")}break}break}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){(t=this[(e||"hour")+"El"])===null||t===void 0?void 0:t.focus();return[2]}))}))};e.prototype.buttonActivated=function(e){var t=e.key;if(t===" "){e.preventDefault()}return s(t)};e.prototype.connectedCallback=function(){this.setValue(this.value,false);this.hourCycle=y(this.locale)};e.prototype.render=function(){var e,t,i,a,r,o,c,s,u,d,m,p,f;var h=l(this.hour);var b=this.scale==="s"||this.scale==="m"?"s":"m";var v=l(this.minute);var w=l(this.second);var k=this.hourCycle==="12";return n("div",{class:(e={},e[U.timePicker]=true,e[U.showMeridiem]=k,e[U.showSecond]=this.showSecond,e[U["scale-"+this.scale]]=true,e)},n("div",{class:U.column,role:"group"},n("span",{"aria-label":this.intlHourUp,class:(t={},t[U.button]=true,t[U.buttonHourUp]=true,t[U.buttonTopLeft]=true,t),onClick:this.incrementHour,onKeyDown:this.hourUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlHour,"aria-valuemax":"23","aria-valuemin":"1","aria-valuenow":h&&parseInt(this.hour)||"0","aria-valuetext":this.hour,class:(i={},i[U.input]=true,i[U.hour]=true,i),onFocus:this.focusHandler,onKeyDown:this.hourKeyDownHandler,ref:this.setHourEl,role:"spinbutton",tabIndex:0},this.localizedHour||"--"),n("span",{"aria-label":this.intlHourDown,class:(a={},a[U.button]=true,a[U.buttonHourDown]=true,a[U.buttonBottomLeft]=true,a),onClick:this.decrementHour,onKeyDown:this.hourDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),n("span",{class:U.delimiter},this.localizedHourSuffix),n("div",{class:U.column,role:"group"},n("span",{"aria-label":this.intlMinuteUp,class:(r={},r[U.button]=true,r[U.buttonMinuteUp]=true,r),onClick:this.incrementMinute,onKeyDown:this.minuteUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlMinute,"aria-valuemax":"12","aria-valuemin":"1","aria-valuenow":v&&parseInt(this.minute)||"0","aria-valuetext":this.minute,class:(o={},o[U.input]=true,o[U.minute]=true,o),onFocus:this.focusHandler,onKeyDown:this.minuteKeyDownHandler,ref:this.setMinuteEl,role:"spinbutton",tabIndex:0},this.localizedMinute||"--"),n("span",{"aria-label":this.intlMinuteDown,class:(c={},c[U.button]=true,c[U.buttonMinuteDown]=true,c),onClick:this.decrementMinute,onKeyDown:this.minuteDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),this.showSecond&&n("span",{class:U.delimiter},this.localizedMinuteSuffix),this.showSecond&&n("div",{class:U.column,role:"group"},n("span",{"aria-label":this.intlSecondUp,class:(s={},s[U.button]=true,s[U.buttonSecondUp]=true,s),onClick:this.incrementSecond,onKeyDown:this.secondUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlSecond,"aria-valuemax":"59","aria-valuemin":"0","aria-valuenow":w&&parseInt(this.second)||"0","aria-valuetext":this.second,class:(u={},u[U.input]=true,u[U.second]=true,u),onFocus:this.focusHandler,onKeyDown:this.secondKeyDownHandler,ref:this.setSecondEl,role:"spinbutton",tabIndex:0},this.localizedSecond||"--"),n("span",{"aria-label":this.intlSecondDown,class:(d={},d[U.button]=true,d[U.buttonSecondDown]=true,d),onClick:this.decrementSecond,onKeyDown:this.secondDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))),this.localizedSecondSuffix&&n("span",{class:U.delimiter},this.localizedSecondSuffix),k&&n("div",{class:U.column,role:"group"},n("span",{"aria-label":this.intlMeridiemUp,class:(m={},m[U.button]=true,m[U.buttonMeridiemUp]=true,m[U.buttonTopRight]=true,m),onClick:this.incrementMeridiem,onKeyDown:this.meridiemUpButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-up",scale:b})),n("span",{"aria-label":this.intlMeridiem,"aria-valuemax":"2","aria-valuemin":"1","aria-valuenow":this.meridiem==="PM"&&"2"||"1","aria-valuetext":this.meridiem,class:(p={},p[U.input]=true,p[U.meridiem]=true,p),onFocus:this.focusHandler,onKeyDown:this.meridiemKeyDownHandler,ref:this.setMeridiemEl,role:"spinbutton",tabIndex:0},this.localizedMeridiem||"--"),n("span",{"aria-label":this.intlMeridiemDown,class:(f={},f[U.button]=true,f[U.buttonMeridiemDown]=true,f[U.buttonBottomRight]=true,f),onClick:this.decrementMeridiem,onKeyDown:this.meridiemDownButtonKeyDownHandler,role:"button",tabIndex:-1},n("calcite-icon",{icon:"chevron-down",scale:b}))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{locale:["localeWatcher"],value:["valueWatcher"],hour:["hourChanged"]}},enumerable:false,configurable:true});return e}());K.style=E}}}));

package/dist/cjs/calcite-button.cjs.entry.js

@@ -150,11 +150,11 @@ let CalciteButton = class {
   render() {
     const dir = dom.getElementDir(this.el);
     const Tag = this.childElType;
-    const loader = (index.h("div", { class: CSS.buttonLoader }, this.hasLoader ? (index.h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" })) : null));
+    const loaderNode = this.hasLoader ? (index.h("div", { class: CSS.buttonLoader }, index.h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: "m" }))) : null;
     const iconStartEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
     const iconEndEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
     const contentEl = (index.h("span", { class: CSS.content }, index.h("slot", null)));
-    return (index.h(Tag, { "aria-label": label.getLabelText(this), class: { [dom.CSS_UTILITY.rtl]: dir === "rtl", [CSS.contentSlotted]: this.hasContent }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type }, loader, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
+    return (index.h(Tag, { "aria-label": label.getLabelText(this), class: { [dom.CSS_UTILITY.rtl]: dir === "rtl", [CSS.contentSlotted]: this.hasContent }, disabled: this.disabled || this.loading, href: this.childElType === "a" && this.href, name: this.childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === "a" && this.target, type: this.childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/calcite-color-picker_3.cjs.entry.js

@@ -337,7 +337,7 @@ cs.get.rgb = function (string) {
 
 	var abbr = /^#([a-f0-9]{3,4})$/i;
 	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-	var rgba = /^rgba?\(\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*,?\s*([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
 	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
 	var keyword = /^(\w+)$/;
 
@@ -424,7 +424,7 @@ cs.get.hsl = function (string) {
 		return null;
 	}
 
-	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hsl = /^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 match = string.match(hsl);
 
 	if (match) {
@@ -445,7 +445,7 @@ cs.get.hwb = function (string) {
 		return null;
 	}
 
-	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/;
+	var hwb = /^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 match = string.match(hwb);
 
 	if (match) {

package/dist/cjs/calcite-combobox_3.cjs.entry.js

@@ -361,7 +361,9 @@ let CalciteCombobox = class {
     };
     this.setInactiveIfNotContained = (event) => {
       const composedPath = event.composedPath();
-      if (!this.active || composedPath.includes(this.el) || composedPath.includes(this.referenceEl)) {
+      if ((!this.active && !this.open) ||
+        composedPath.includes(this.el) ||
+        composedPath.includes(this.referenceEl)) {
         return;
       }
       if (this.allowCustomValues && this.text) {
@@ -376,6 +378,7 @@ let CalciteCombobox = class {
         this.updateActiveItemIndex(-1);
       }
       this.active = false;
+      this.open = false;
     };
     this.setMenuEl = (el) => {
       this.menuEl = el;