@esri/calcite-components 1.0.0-next.555 → 1.0.0-next.558

package/dist/calcite/p-fa077fb9.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-next.558
+ */
+import{r as e,c as t,h as i,F as a,g as n}from"./p-3e1d0059.js";import{a as l,g as o,t as s}from"./p-b0c56132.js";import{H as c}from"./p-80739d04.js";import{S as r}from"./p-6e8e1b87.js";import{c as d,d as m}from"./p-75d29835.js";import{u as h}from"./p-7c227bdd.js";import{c as p}from"./p-2b6d4553.js";import"./p-e92f9fc6.js";import"./p-9026d188.js";const f=class{constructor(i){e(this,i),this.calcitePanelDismiss=t(this,"calcitePanelDismiss",6),this.calcitePanelDismissedChange=t(this,"calcitePanelDismissedChange",6),this.calcitePanelScroll=t(this,"calcitePanelScroll",6),this.calcitePanelBackClick=t(this,"calcitePanelBackClick",6),this.dismissed=!1,this.closed=!1,this.disabled=!1,this.dismissible=!1,this.closable=!1,this.showBackButton=!1,this.loading=!1,this.menuOpen=!1,this.resizeObserver=p("resize",(()=>this.resizeHandler())),this.resizeHandler=()=>{const{panelScrollEl:e}=this;e&&"number"==typeof e.scrollHeight&&"number"==typeof e.offsetHeight&&(e.tabIndex=e.scrollHeight>e.offsetHeight?0:-1)},this.setContainerRef=e=>{this.containerEl=e},this.setCloseRef=e=>{this.closeButtonEl=e},this.setBackRef=e=>{this.backButtonEl=e},this.panelKeyDownHandler=e=>{"Escape"!==e.key||e.defaultPrevented||(this.close(),e.preventDefault())},this.close=()=>{this.closed=!0,this.calcitePanelDismiss.emit()},this.panelScrollHandler=()=>{this.calcitePanelScroll.emit()},this.backButtonClick=()=>{this.calcitePanelBackClick.emit()},this.setPanelScrollEl=e=>{var t,i;this.panelScrollEl=e,null===(t=this.resizeObserver)||void 0===t||t.disconnect(),e&&(null===(i=this.resizeObserver)||void 0===i||i.observe(e),this.resizeHandler())}}dismissedHandler(e){this.closed=e,this.calcitePanelDismissedChange.emit()}closedHandler(e){this.dismissed=e}dismissibleHandler(e){this.closable=e}closableHandler(e){this.dismissible=e}componentDidRender(){h(this)}connectedCallback(){d(this);const e=this.dismissed||this.closed,t=this.dismissible||this.closable;e&&(this.dismissedHandler(e),this.closedHandler(e)),t&&(this.dismissibleHandler(t),this.closableHandler(t))}disconnectedCallback(){var e;m(this),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}async setFocus(e){var t,i,a;"dismiss-button"!==e?"back-button"!==e?null===(a=this.containerEl)||void 0===a||a.focus():null===(i=this.backButtonEl)||void 0===i||i.setFocus():null===(t=this.closeButtonEl)||void 0===t||t.setFocus()}async scrollContentTo(e){var t;null===(t=this.panelScrollEl)||void 0===t||t.scrollTo(e)}renderBackButton(){const{el:e}=this,t="rtl"===l(e),{showBackButton:a,intlBack:n,backButtonClick:o}=this,s=n||"Back";return a?i("calcite-action",{"aria-label":s,class:"back-button",icon:t?"chevron-right":"chevron-left",key:"back-button",onClick:o,ref:this.setBackRef,scale:"s",slot:"header-actions-start",text:s}):null}renderHeaderContent(){const{heading:e,headingLevel:t,summary:a,description:n}=this,l=e?i(c,{class:"heading",level:t||3},e):null,o=n||a?i("span",{class:"description"},n||a):null;return l||o?i("div",{class:"header-content",key:"header-content"},l,o):null}renderHeaderSlottedContent(){return i("div",{class:"header-content",key:"slotted-header-content"},i("slot",{name:"header-content"}))}renderHeaderStartActions(){const{el:e}=this;return o(e,"header-actions-start")?i("div",{class:{"header-actions--start":!0,"header-actions":!0},key:"header-actions-start"},i("slot",{name:"header-actions-start"})):null}renderHeaderActionsEnd(){const{close:e,el:t,intlClose:a,closable:n}=this,l=a||"Close",s=n?i("calcite-action",{"aria-label":l,icon:"x",onClick:e,ref:this.setCloseRef,text:l}):null,c=i("slot",{name:"header-actions-end"});return o(t,"header-actions-end")||s?i("div",{class:{"header-actions--end":!0,"header-actions":!0},key:"header-actions-end"},c,s):null}renderMenu(){const{el:e,intlOptions:t,menuOpen:a}=this;return o(e,"header-menu-actions")?i("calcite-action-menu",{flipPlacements:["top","bottom"],key:"menu",label:t||"Options",open:a,placement:"bottom-end"},i("calcite-action",{icon:"ellipsis",slot:r.trigger,text:t||"Options"}),i("slot",{name:"header-menu-actions"})):null}renderHeaderNode(){const{el:e,showBackButton:t}=this,a=this.renderBackButton(),n=o(e,"header-content")?this.renderHeaderSlottedContent():this.renderHeaderContent(),l=this.renderHeaderStartActions(),s=this.renderHeaderActionsEnd(),c=this.renderMenu();return l||n||s||c||t?i("header",{class:"header"},a,l,n,s,c):null}renderFooterNode(){const{el:e}=this,t=o(e,"footer"),a=o(e,"footer-actions");return t||a?i("footer",{class:"footer",key:"footer"},t?i("slot",{key:"footer-slot",name:"footer"}):null,a?i("slot",{key:"footer-actions-slot",name:"footer-actions"}):null):null}renderContent(){const{el:e}=this,t=o(e,"fab"),a=i("slot",{key:"default-slot"}),n="content-wrapper";return t?i("div",{class:{"content-wrapper":!0,"content-height":!0},key:n,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},i("section",{class:"content-container"},a),this.renderFab()):i("section",{class:{"content-wrapper":!0,"content-container":!0},key:n,onScroll:this.panelScrollHandler,ref:this.setPanelScrollEl},a)}renderFab(){return i("div",{class:"fab-container"},i("slot",{name:"fab"}))}render(){const{loading:e,panelKeyDownHandler:t,closed:n,closable:l}=this,o=i("article",{"aria-busy":s(e),class:"container",hidden:n,onKeyDown:t,ref:this.setContainerRef,tabIndex:l?0:-1},this.renderHeaderNode(),this.renderContent(),this.renderFooterNode());return i(a,null,e?i("calcite-scrim",{loading:e}):null,o)}get el(){return n(this)}static get watchers(){return{dismissed:["dismissedHandler"],closed:["closedHandler"],dismissible:["dismissibleHandler"],closable:["closableHandler"]}}};f.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 !important}: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{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;--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}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-align:center;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{-ms-flex:1 1 auto;flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-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);padding:0px;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);-webkit-transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}: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}.header{-webkit-border-after:1px solid;border-block-end:1px solid;position:-webkit-sticky;position:sticky;inset-block-start:0px;z-index:400;inline-size:100%;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto}.header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.header-actions--end,.menu-container:only-child{-webkit-margin-start:auto;margin-inline-start:auto}.menu-button{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{min-inline-size:10rem;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;position:-webkit-sticky;position:sticky;inset-block-end:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);-ms-flex:0 0 auto;flex:0 0 auto;min-block-size:3rem;padding:0.5rem}.fab-container{position:-webkit-sticky;position:sticky;inset-block-end:0px;inset-inline:0px;z-index:300;margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inline-size:-moz-fit-content;inline-size:-webkit-fit-content;inline-size:fit-content}";export{f as calcite_panel}

package/dist/calcite/{p-c887f742.system.entry.js → p-fdc4da44.system.entry.js}

@@ -2,5 +2,5 @@ var __awaiter=this&&this.__awaiter||function(t,a,e,n){function i(t){return t 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-next.555
- */System.register(["./p-0dabbf0f.system.js","./p-2d842d9a.system.js"],(function(t){"use strict";var a,e,n,i;return{setters:[function(t){a=t.r;e=t.h;n=t.g},function(t){i=t.c}],execute:function(){var r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};var o="@-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 !important}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var c=t("calcite_flow",function(){function t(t){var e=this;a(this,t);this.panelCount=0;this.flowDirection=null;this.panels=[];this.panelItemMutationObserver=i("mutation",(function(){return e.updateFlowProps()}));this.getFlowDirection=function(t,a){var e=t>1;var n=t&&a>1;if(!n&&!e){return null}return a<t?"retreating":"advancing"};this.updateFlowProps=function(){var t=e,a=t.el,n=t.panels;var i=Array.from(a.querySelectorAll("calcite-panel")).filter((function(t){return!t.matches("calcite-panel calcite-panel")}));var r=n.length;var o=i.length;var c=i[o-1];var l=i[o-2];if(o&&c){i.forEach((function(t){t.showBackButton=t===c&&o>1;t.hidden=t!==c}))}if(l){l.menuOpen=false}e.panels=i;if(r!==o){var s=e.getFlowDirection(r,o);e.panelCount=o;e.flowDirection=s}}}t.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,e;return __generator(this,(function(n){t=this.panels;a=t[t.length-1];if(!a){return[2]}e=a.beforeBack?a.beforeBack:function(){return Promise.resolve()};return[2,e.call(a).then((function(){a.remove();return a}))]}))}))};t.prototype.connectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};t.prototype.disconnectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.handleCalcitePanelBackClick=function(){this.back()};t.prototype.render=function(){var t;var a=this.flowDirection;var n=(t={},t[r.frame]=true,t[r.frameAdvancing]=a==="advancing",t[r.frameRetreating]=a==="retreating",t);return e("div",{class:n},e("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=o}}}));
+ * v1.0.0-next.558
+ */System.register(["./p-64c1170a.system.js","./p-11cd0b55.system.js"],(function(t){"use strict";var a,e,n,i;return{setters:[function(t){a=t.r;e=t.h;n=t.g},function(t){i=t.c}],execute:function(){var r={frame:"frame",frameAdvancing:"frame--advancing",frameRetreating:"frame--retreating"};var o="@-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 !important}:host{position:relative;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-align:stretch;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:-ms-flexbox;display:flex;inline-size:100%;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;padding:0px}:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}:host .frame--advancing{-webkit-animation:calcite-frame-advance var(--calcite-animation-timing);animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{-webkit-animation:calcite-frame-retreat var(--calcite-animation-timing);animation:calcite-frame-retreat var(--calcite-animation-timing)}@-webkit-keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";var c=t("calcite_flow",function(){function t(t){var e=this;a(this,t);this.panelCount=0;this.flowDirection=null;this.panels=[];this.panelItemMutationObserver=i("mutation",(function(){return e.updateFlowProps()}));this.getFlowDirection=function(t,a){var e=t>1;var n=t&&a>1;if(!n&&!e){return null}return a<t?"retreating":"advancing"};this.updateFlowProps=function(){var t=e,a=t.el,n=t.panels;var i=Array.from(a.querySelectorAll("calcite-panel")).filter((function(t){return!t.matches("calcite-panel calcite-panel")}));var r=n.length;var o=i.length;var c=i[o-1];var l=i[o-2];if(o&&c){i.forEach((function(t){t.showBackButton=t===c&&o>1;t.hidden=t!==c}))}if(l){l.menuOpen=false}e.panels=i;if(r!==o){var s=e.getFlowDirection(r,o);e.panelCount=o;e.flowDirection=s}}}t.prototype.back=function(){return __awaiter(this,void 0,void 0,(function(){var t,a,e;return __generator(this,(function(n){t=this.panels;a=t[t.length-1];if(!a){return[2]}e=a.beforeBack?a.beforeBack:function(){return Promise.resolve()};return[2,e.call(a).then((function(){a.remove();return a}))]}))}))};t.prototype.connectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.updateFlowProps()};t.prototype.disconnectedCallback=function(){var t;(t=this.panelItemMutationObserver)===null||t===void 0?void 0:t.disconnect()};t.prototype.handleCalcitePanelBackClick=function(){this.back()};t.prototype.render=function(){var t;var a=this.flowDirection;var n=(t={},t[r.frame]=true,t[r.frameAdvancing]=a==="advancing",t[r.frameRetreating]=a==="retreating",t);return e("div",{class:n},e("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return t}());c.style=o}}}));

package/dist/cjs/{ExpandToggle-a148ca3a.js → ExpandToggle-1c0fba17.js}

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const resources = require('./resources-d5c7882f.js');
-const resources$1 = require('./resources-0c58f706.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const resources = require('./resources-dbdd4e73.js');
+const resources$1 = require('./resources-2ad5cd52.js');
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/cjs/{Heading-f5821e3b.js → Heading-bbd94693.js}

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
-const index = require('./index-a63e0c6e.js');
+const index = require('./index-1551f0c3.js');
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/cjs/app-globals-f4f5b4f3.js

@@ -0,0 +1,50 @@
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-next.558
+ */
+'use strict';
+
+const resources = require('./resources-f351edf3.js');
+
+/**
+ * Emits when the theme is dynamically toggled between light and dark on <body> or in OS preferences.
+ */
+function initThemeChangeEvent() {
+  const { classList } = document.body;
+  const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const getTheme = () => classList.contains(resources.darkTheme) || (classList.contains(resources.autoTheme) && prefersDark) ? "dark" : "light";
+  const emitThemeChange = (theme) => document.body.dispatchEvent(new CustomEvent("calciteThemeChange", { bubbles: true, detail: { theme } }));
+  const themeChangeHandler = (newTheme) => {
+    currentTheme !== newTheme && emitThemeChange(newTheme);
+    currentTheme = newTheme;
+  };
+  let currentTheme = getTheme();
+  // emits event on page load
+  emitThemeChange(currentTheme);
+  // emits event when changing OS theme preferences
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", (event) => themeChangeHandler(event.matches ? "dark" : "light"));
+  // emits event when toggling between theme classes on <body>
+  new MutationObserver(() => themeChangeHandler(getTheme())).observe(document.body, {
+    attributes: true,
+    attributeFilter: ["class"]
+  });
+}
+
+/**
+ * This file is imported in Stencil's `globalScript` config option.
+ *
+ * @see {@link https://stenciljs.com/docs/config#globalscript}
+ */
+function appGlobalScript () {
+  if (isBrowser()) {
+    initThemeChangeEvent();
+  }
+}
+const isBrowser = new Function("try {return this===window;}catch(e){ return false;}");
+
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{array-ce68f4cd.js → array-04b71de0.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-require('./guid-4a4f363a.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+const resources = require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
+require('./observers-36262a56.js');
 
 const accordionCss = "@-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 !important}:host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion--minimal{--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 
@@ -75,7 +76,7 @@ const Accordion = class {
     const item = event.detail.item;
     const parent = event.detail.parent;
     if (this.el === parent) {
-      const key = item.key;
+      const { key } = item;
       const itemToFocus = event.target;
       const isFirstItem = this.itemIndex(itemToFocus) === 0;
       const isLastItem = this.itemIndex(itemToFocus) === this.items.length - 1;
@@ -254,7 +255,7 @@ const AccordionItem = class {
     return (index.h(index.Host, null, index.h("div", { class: {
         [`icon-position--${this.iconPosition}`]: true,
         [`icon-type--${this.iconType}`]: true
-      } }, index.h("div", { class: { [CSS.header]: true, [dom.CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), index.h("div", { "aria-expanded": dom.toAriaBoolean(this.active || this.expanded), class: CSS.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, this.icon ? iconEl : null, index.h("div", { class: CSS.headerText }, index.h("span", { class: CSS.heading }, this.heading || this.itemTitle), this.itemSubtitle || this.description ? (index.h("span", { class: CSS.description }, this.description || this.itemSubtitle)) : null), index.h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
+      } }, index.h("div", { class: { [CSS.header]: true, [resources.CSS_UTILITY.rtl]: dir === "rtl" } }, this.renderActionsStart(), index.h("div", { "aria-expanded": dom.toAriaBoolean(this.active || this.expanded), class: CSS.headerContent, onClick: this.itemHeaderClickHandler, role: "button", tabindex: "0" }, this.icon ? iconEl : null, index.h("div", { class: CSS.headerText }, index.h("span", { class: CSS.heading }, this.heading || this.itemTitle), this.itemSubtitle || this.description ? (index.h("span", { class: CSS.description }, this.description || this.itemSubtitle)) : null), index.h("calcite-icon", { class: CSS.expandIcon, icon: this.iconType === "chevron"
         ? "chevronDown"
         : this.iconType === "caret"
           ? "caretDown"

package/dist/cjs/calcite-action-bar.cjs.entry.js

@@ -1,21 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const ExpandToggle = require('./ExpandToggle-a148ca3a.js');
-const dom = require('./dom-d6b74aa3.js');
-const observers = require('./observers-f8b22aed.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-const debounce = require('./debounce-b7489443.js');
-require('./resources-d5c7882f.js');
-require('./resources-0c58f706.js');
-require('./guid-4a4f363a.js');
+const index = require('./index-1551f0c3.js');
+const ExpandToggle = require('./ExpandToggle-1c0fba17.js');
+const dom = require('./dom-14e5af32.js');
+const observers = require('./observers-36262a56.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+const debounce = require('./debounce-8565a616.js');
+require('./resources-dbdd4e73.js');
+require('./resources-2ad5cd52.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/cjs/calcite-action-group.cjs.entry.js

@@ -1,19 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const resources = require('./resources-0c58f706.js');
-const dom = require('./dom-d6b74aa3.js');
-const resources$1 = require('./resources-d5c7882f.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-require('./guid-4a4f363a.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const resources = require('./resources-2ad5cd52.js');
+const dom = require('./dom-14e5af32.js');
+const resources$1 = require('./resources-dbdd4e73.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
+require('./observers-36262a56.js');
 
 const actionGroupCss = "@-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 !important}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0px;--calcite-action-group-columns:3}:host([columns=\"1\"]){--calcite-action-group-columns:1}:host([columns=\"2\"]){--calcite-action-group-columns:2}:host([columns=\"3\"]){--calcite-action-group-columns:3}:host([columns=\"4\"]){--calcite-action-group-columns:4}:host([columns=\"5\"]){--calcite-action-group-columns:5}:host([columns=\"6\"]){--calcite-action-group-columns:6}:host(:first-child){-webkit-padding-before:0px;padding-block-start:0px}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row}:host([layout=grid]){display:grid;place-content:stretch;gap:1px;background-color:var(--calcite-ui-background);padding:1px;grid-template-columns:repeat(var(--calcite-action-group-columns), auto)}";
 

package/dist/cjs/calcite-action-menu.cjs.entry.js

@@ -1,18 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const resources = require('./resources-d5c7882f.js');
-const dom = require('./dom-d6b74aa3.js');
-const array = require('./array-ce68f4cd.js');
-const guid = require('./guid-4a4f363a.js');
-const key = require('./key-62b8adda.js');
+const index = require('./index-1551f0c3.js');
+const resources = require('./resources-dbdd4e73.js');
+const dom = require('./dom-14e5af32.js');
+const array = require('./array-04b71de0.js');
+const guid = require('./guid-0cd4a810.js');
+const key = require('./key-c7d73dea.js');
+require('./resources-f351edf3.js');
 
 const actionMenuCss = "@-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 !important}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-color:transparent}.menu ::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 
@@ -35,7 +36,12 @@ const ActionMenu = class {
      * When true, the component is open.
      */
     this.open = false;
-    /** Determines the type of positioning to use for the overlaid content. If your element is in a fixed container, use the "fixed" value. */
+    /**
+     * Determines the type of positioning to use for the overlaid content.
+     *
+     * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+     *
+     */
     this.overlayPositioning = "absolute";
     /**
      * Determines where the component will be positioned relative to the `referenceElement`.
@@ -183,6 +189,7 @@ const ActionMenu = class {
       }
       if (key$1 === "Escape") {
         this.toggleOpen(false);
+        event.preventDefault();
         return;
       }
       if (!actionElements.length) {

package/dist/cjs/calcite-action-pad.cjs.entry.js

@@ -1,20 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const ExpandToggle = require('./ExpandToggle-a148ca3a.js');
-const dom = require('./dom-d6b74aa3.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-require('./resources-d5c7882f.js');
-require('./resources-0c58f706.js');
-require('./guid-4a4f363a.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const ExpandToggle = require('./ExpandToggle-1c0fba17.js');
+const dom = require('./dom-14e5af32.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+require('./resources-dbdd4e73.js');
+require('./resources-2ad5cd52.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
+require('./observers-36262a56.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const observers = require('./observers-f8b22aed.js');
-const interactive = require('./interactive-3049b1d7.js');
-const dom = require('./dom-d6b74aa3.js');
-require('./guid-4a4f363a.js');
+const index = require('./index-1551f0c3.js');
+const observers = require('./observers-36262a56.js');
+const interactive = require('./interactive-b6c7ef94.js');
+const dom = require('./dom-14e5af32.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
 
 const CSS = {
   button: "button",

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const interfaces = require('./interfaces-6d2c9b90.js');
-const openCloseComponent = require('./openCloseComponent-b069a5fb.js');
-require('./guid-4a4f363a.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const interfaces = require('./interfaces-36e5c0a3.js');
+const openCloseComponent = require('./openCloseComponent-9ca34c15.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
 
 const TEXT = {
   intlClose: "Close"

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

@@ -1,16 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const utils = require('./utils-3d436716.js');
-const dom = require('./dom-d6b74aa3.js');
-require('./guid-4a4f363a.js');
+const index = require('./index-1551f0c3.js');
+const utils = require('./utils-f923cce9.js');
+const dom = require('./dom-14e5af32.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,19 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const Heading = require('./Heading-f5821e3b.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-const interactive = require('./interactive-3049b1d7.js');
-const guid = require('./guid-4a4f363a.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const Heading = require('./Heading-bbd94693.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+const interactive = require('./interactive-b6c7ef94.js');
+const guid = require('./guid-0cd4a810.js');
+const key = require('./key-c7d73dea.js');
+require('./resources-f351edf3.js');
+require('./observers-36262a56.js');
 
 const CSS$1 = {
   article: "article",
@@ -241,7 +243,7 @@ const BlockSection = class {
     //
     // --------------------------------------------------------------------------
     this.handleHeaderKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (key.isActivationKey(event.key)) {
         this.toggleSection();
         event.preventDefault();
         event.stopPropagation();

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

@@ -1,19 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const label = require('./label-6ebcd769.js');
-const observers = require('./observers-f8b22aed.js');
-const interactive = require('./interactive-3049b1d7.js');
-const form = require('./form-7c9f751c.js');
-require('./guid-4a4f363a.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const label = require('./label-3c08392d.js');
+const observers = require('./observers-36262a56.js');
+const interactive = require('./interactive-b6c7ef94.js');
+const form = require('./form-d0c52805.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-require('./guid-4a4f363a.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+require('./resources-f351edf3.js');
+require('./guid-0cd4a810.js');
+require('./observers-36262a56.js');
 
 const CSS = {
   container: "container",

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

@@ -1,18 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const guid = require('./guid-4a4f363a.js');
-const form = require('./form-7c9f751c.js');
-const label = require('./label-6ebcd769.js');
-const interactive = require('./interactive-3049b1d7.js');
-const dom = require('./dom-d6b74aa3.js');
+const index = require('./index-1551f0c3.js');
+const guid = require('./guid-0cd4a810.js');
+const form = require('./form-d0c52805.js');
+const label = require('./label-3c08392d.js');
+const interactive = require('./interactive-b6c7ef94.js');
+const dom = require('./dom-14e5af32.js');
+const key = require('./key-c7d73dea.js');
+require('./resources-f351edf3.js');
 
 const checkboxCss = "@-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 !important}: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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;-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;-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{-webkit-box-shadow:inset 0 0 0 2px var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -73,7 +75,7 @@ const Checkbox = class {
       }
     };
     this.keyDownHandler = (event) => {
-      if (event.key === " " || event.key === "Enter") {
+      if (key.isActivationKey(event.key)) {
         this.toggle();
         event.preventDefault();
       }

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

@@ -1,17 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.555
+ * v1.0.0-next.558
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a63e0c6e.js');
-const dom = require('./dom-d6b74aa3.js');
-const guid = require('./guid-4a4f363a.js');
-const conditionalSlot = require('./conditionalSlot-9af3512f.js');
-require('./observers-f8b22aed.js');
+const index = require('./index-1551f0c3.js');
+const dom = require('./dom-14e5af32.js');
+const guid = require('./guid-0cd4a810.js');
+const conditionalSlot = require('./conditionalSlot-c5d23706.js');
+require('./resources-f351edf3.js');
+require('./observers-36262a56.js');
 
 const CSS = {
   title: "title",