@esri/calcite-components 1.1.1-next.2 → 1.2.0-next.0

package/dist/calcite/{p-df17746a.entry.js → p-fe25f9d1.entry.js}

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
-import{r as i,c as t,h as a,F as e,g as n}from"./p-8a043b9f.js";import{f as s}from"./p-7a9de49d.js";import{u as o}from"./p-fe096fb9.js";import{s as c,a as r,c as l}from"./p-48fb9a71.js";import{c as d,d as m}from"./p-ba611b6f.js";import{u as p,s as h,c as u,d as f}from"./p-6e447493.js";import{d as g}from"./p-488815fe.js";import"./p-f6270352.js";import"./p-a2ccabc4.js";import"./p-8dd480dc.js";import"./p-9981817e.js";import"./p-24f78b05.js";const b=class{constructor(a){i(this,a),this.calciteFilterChange=t(this,"calciteFilterChange",6),this.filter=g(((i,t=!1)=>this.updateFiltered(s(this.items,i),t)),250),this.inputHandler=i=>{const t=i.target;this.value=t.value,this.filter(t.value,!0)},this.keyDownHandler=i=>{"Escape"===i.key&&(this.clear(),i.preventDefault()),"Enter"===i.key&&i.preventDefault()},this.clear=()=>{this.value="",this.filter("",!0),this.setFocus()},this.items=[],this.disabled=!1,this.filteredItems=[],this.placeholder=void 0,this.scale="m",this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}watchItemsHandler(){this.filter(this.value)}onMessagesChange(){}valueHandler(i){this.filter(i)}effectiveLocaleChange(){p(this,this.effectiveLocale)}async componentWillLoad(){c(this),this.updateFiltered(s(this.items,this.value)),await h(this)}connectedCallback(){d(this),u(this)}componentDidRender(){o(this)}disconnectedCallback(){m(this),f(this)}componentDidLoad(){r(this)}async setFocus(){await l(this),this.el?.focus()}updateFiltered(i,t=!1){this.filteredItems.length=0,this.filteredItems=this.filteredItems.concat(i),t&&this.calciteFilterChange.emit()}render(){const{disabled:i,scale:t}=this;return a(e,null,a("div",{class:"container"},a("label",null,a("calcite-input",{"aria-label":this.messages.label,clearable:!0,disabled:i,icon:"search",messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:t,type:"text",value:this.value,ref:i=>{this.textInput=i}}))))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";export{b as calcite_filter}
+import{r as i,c as t,h as a,F as e,g as n}from"./p-491ffdab.js";import{f as s}from"./p-905a4844.js";import{u as o}from"./p-29320a04.js";import{s as c,a as r,c as l}from"./p-01bae53a.js";import{c as d,d as m}from"./p-4873db8d.js";import{u as p,s as h,c as u,d as f}from"./p-986d64e0.js";import{d as g}from"./p-f4dc36ad.js";import"./p-37186f32.js";import"./p-e0bc036b.js";import"./p-009cdf81.js";import"./p-bf67d0cf.js";import"./p-82a15638.js";const b=class{constructor(a){i(this,a),this.calciteFilterChange=t(this,"calciteFilterChange",6),this.filter=g(((i,t=!1)=>this.updateFiltered(s(this.items,i),t)),250),this.inputHandler=i=>{const t=i.target;this.value=t.value,this.filter(t.value,!0)},this.keyDownHandler=i=>{"Escape"===i.key&&(this.clear(),i.preventDefault()),"Enter"===i.key&&i.preventDefault()},this.clear=()=>{this.value="",this.filter("",!0),this.setFocus()},this.items=[],this.disabled=!1,this.filteredItems=[],this.placeholder=void 0,this.scale="m",this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}watchItemsHandler(){this.filter(this.value)}onMessagesChange(){}valueHandler(i){this.filter(i)}effectiveLocaleChange(){p(this,this.effectiveLocale)}async componentWillLoad(){c(this),this.updateFiltered(s(this.items,this.value)),await h(this)}connectedCallback(){d(this),u(this)}componentDidRender(){o(this)}disconnectedCallback(){m(this),f(this)}componentDidLoad(){r(this)}async setFocus(){await l(this),this.el?.focus()}updateFiltered(i,t=!1){this.filteredItems.length=0,this.filteredItems=this.filteredItems.concat(i),t&&this.calciteFilterChange.emit()}render(){const{disabled:i,scale:t}=this;return a(e,null,a("div",{class:"container"},a("label",null,a("calcite-input",{"aria-label":this.messages.label,clearable:!0,disabled:i,icon:"search",messageOverrides:{clear:this.messages.clear},onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,scale:t,type:"text",value:this.value,ref:i=>{this.textInput=i}}))))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return n(this)}static get watchers(){return{items:["watchItemsHandler"],messageOverrides:["onMessagesChange"],value:["valueHandler"],effectiveLocale:["effectiveLocaleChange"]}}};b.style="@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;inline-size:100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.container{display:flex;inline-size:100%;padding:0.5rem}label{position:relative;margin-inline:0.25rem;margin-block:0px;display:flex;inline-size:100%;align-items:center;overflow:hidden}input[type=text]{margin-block-end:0.25rem;inline-size:100%;border-style:none;background-color:transparent;padding-block:0.25rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);padding-inline-end:0.25rem;padding-inline-start:1.5rem;transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{inline-size:100%}.search-icon{position:absolute;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;transition:inset-inline-start var(--calcite-animation-timing), inset-inline-end var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:flex;cursor:pointer;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";export{b as calcite_filter}

package/dist/cjs/{ExpandToggle-0c5a99b1.js → ExpandToggle-4d49f946.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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const resources$1 = require('./resources-9535a54e.js');
-const resources = require('./resources-66f2676f.js');
+const index = require('./index-0e58b556.js');
+const dom = require('./dom-157e5168.js');
+const resources$1 = require('./resources-c62ada3b.js');
+const resources = require('./resources-f6a1b212.js');
 
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;

package/dist/cjs/{Heading-68ba8117.js → Heading-b358f234.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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
-const index = require('./index-3dc519f7.js');
+const index = require('./index-0e58b556.js');
 
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/cjs/{app-globals-496272d2.js → app-globals-b6c2473d.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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
-const resources = require('./resources-4afcd38d.js');
+const resources = require('./resources-633d7ab0.js');
 
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.

package/dist/cjs/{array-da28e904.js → array-461197aa.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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 

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

@@ -1,18 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const resources = require('./resources-4afcd38d.js');
-require('./observers-484369d9.js');
-require('./guid-fcb9c017.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const resources = require('./resources-633d7ab0.js');
+require('./observers-fd18069f.js');
+require('./guid-e2fe0fcb.js');
 
 const accordionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}: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{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}";
 

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

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const observers = require('./observers-484369d9.js');
-const t9n = require('./t9n-35486495.js');
-const ExpandToggle = require('./ExpandToggle-0c5a99b1.js');
-const debounce = require('./debounce-2f62ac4c.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
-require('./resources-9535a54e.js');
-require('./resources-66f2676f.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const observers = require('./observers-fd18069f.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+const ExpandToggle = require('./ExpandToggle-4d49f946.js');
+const debounce = require('./debounce-ae6fa9f2.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
+require('./resources-c62ada3b.js');
+require('./resources-f6a1b212.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom"

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

@@ -1,23 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const locale = require('./locale-0eccd9e9.js');
-const t9n = require('./t9n-35486495.js');
-const resources$1 = require('./resources-66f2676f.js');
-const resources = require('./resources-9535a54e.js');
-require('./observers-484369d9.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+const resources$1 = require('./resources-f6a1b212.js');
+const resources = require('./resources-c62ada3b.js');
+require('./observers-fd18069f.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
 
 const actionGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{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 *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{display:flex;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){padding-block-start:0px}:host([layout=horizontal]){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)}";
 
@@ -51,6 +52,16 @@ const ActionGroup = class {
   effectiveLocaleChange() {
     t9n.updateMessages(this, this.effectiveLocale);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component's first focusable element. */
+  async setFocus() {
+    await loadable.componentLoaded(this);
+    this.el.focus();
+  }
   // --------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -67,8 +78,12 @@ const ActionGroup = class {
     conditionalSlot.disconnectConditionalSlotComponent(this);
   }
   async componentWillLoad() {
+    loadable.setUpLoadableComponent(this);
     await t9n.setUpMessages(this);
   }
+  componentDidLoad() {
+    loadable.setComponentLoaded(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Component Methods

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

@@ -1,20 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const array = require('./array-da28e904.js');
-const dom = require('./dom-706667df.js');
-const guid = require('./guid-fcb9c017.js');
-const key = require('./key-235be376.js');
-const loadable = require('./loadable-c38cb815.js');
-const resources = require('./resources-66f2676f.js');
-require('./resources-4afcd38d.js');
+const index = require('./index-0e58b556.js');
+const array = require('./array-461197aa.js');
+const dom = require('./dom-157e5168.js');
+const guid = require('./guid-e2fe0fcb.js');
+const key = require('./key-71a6c0d4.js');
+const loadable = require('./loadable-b7e0b939.js');
+const resources = require('./resources-f6a1b212.js');
+require('./resources-633d7ab0.js');
 
 const actionMenuCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host{box-sizing:border-box;display:flex;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: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%;flex:0 1 auto;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;block-size:100%;flex:0 1 auto;align-self:stretch}.menu{flex-direction:column;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";
 

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

@@ -1,25 +1,25 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const t9n = require('./t9n-35486495.js');
-const ExpandToggle = require('./ExpandToggle-0c5a99b1.js');
-require('./observers-484369d9.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
-require('./resources-9535a54e.js');
-require('./resources-66f2676f.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+const ExpandToggle = require('./ExpandToggle-4d49f946.js');
+require('./observers-fd18069f.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
+require('./resources-c62ada3b.js');
+require('./resources-f6a1b212.js');
 
 const CSS = {
   actionGroupBottom: "action-group--bottom",

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

@@ -1,22 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const guid = require('./guid-fcb9c017.js');
-const interactive = require('./interactive-27db04a1.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const observers = require('./observers-484369d9.js');
-const t9n = require('./t9n-35486495.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
+const index = require('./index-0e58b556.js');
+const dom = require('./dom-157e5168.js');
+const guid = require('./guid-e2fe0fcb.js');
+const interactive = require('./interactive-dd6b3d4d.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const observers = require('./observers-fd18069f.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
 
 const CSS = {
   button: "button",

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const openCloseComponent = require('./openCloseComponent-946420f4.js');
-const t9n = require('./t9n-35486495.js');
-const resources = require('./resources-6a879402.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
-require('./observers-484369d9.js');
+const index = require('./index-0e58b556.js');
+const dom = require('./dom-157e5168.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const openCloseComponent = require('./openCloseComponent-13afcb8d.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+const resources = require('./resources-8a4a0985.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
+require('./observers-fd18069f.js');
 
 const DURATIONS = {
   slow: 14000,

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

@@ -1,17 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const utils = require('./utils-bf97166e.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
+const index = require('./index-0e58b556.js');
+const dom = require('./dom-157e5168.js');
+const utils = require('./utils-673f2032.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
 
 /**
  * Convert a string to a valid hex by hashing its contents

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const guid = require('./guid-fcb9c017.js');
-const interactive = require('./interactive-27db04a1.js');
-const locale = require('./locale-0eccd9e9.js');
-const t9n = require('./t9n-35486495.js');
-const Heading = require('./Heading-68ba8117.js');
-const key = require('./key-235be376.js');
-require('./observers-484369d9.js');
-require('./resources-4afcd38d.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const guid = require('./guid-e2fe0fcb.js');
+const interactive = require('./interactive-dd6b3d4d.js');
+const locale = require('./locale-23edc61e.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+const Heading = require('./Heading-b358f234.js');
+const key = require('./key-71a6c0d4.js');
+require('./observers-fd18069f.js');
+require('./resources-633d7ab0.js');
 
 const CSS$1 = {
   container: "container",

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const form = require('./form-05a4fadc.js');
-const interactive = require('./interactive-27db04a1.js');
-const label = require('./label-26dbc15e.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const observers = require('./observers-484369d9.js');
-const t9n = require('./t9n-35486495.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
+const index = require('./index-0e58b556.js');
+const form = require('./form-f210087b.js');
+const interactive = require('./interactive-dd6b3d4d.js');
+const label = require('./label-7db5ca6e.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const observers = require('./observers-fd18069f.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+require('./dom-157e5168.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
 
 const CSS = {
   buttonLoader: "calcite-button--loader",
@@ -61,6 +61,7 @@ const Button = class {
     this.label = undefined;
     this.kind = "brand";
     this.disabled = false;
+    this.form = undefined;
     this.href = undefined;
     this.iconEnd = undefined;
     this.iconFlipRtl = undefined;
@@ -105,7 +106,7 @@ const Button = class {
     this.hasLoader = this.loading;
     this.setupTextContentObserver();
     label.connectLabel(this);
-    this.formEl = dom.closestElementCrossShadowBoundary(this.el, "form");
+    this.formEl = form.findAssociatedForm(this);
   }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();

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

@@ -1,21 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const locale = require('./locale-0eccd9e9.js');
-const t9n = require('./t9n-35486495.js');
-require('./observers-484369d9.js');
-require('./guid-fcb9c017.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const locale = require('./locale-23edc61e.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+require('./observers-fd18069f.js');
+require('./guid-e2fe0fcb.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
 
 const CSS = {
   container: "container",
@@ -103,8 +103,7 @@ const Card = class {
     return dom.getSlotted(this.el, SLOTS.thumbnail) ? (index.h("section", { class: CSS.thumbnailWrapper }, index.h("slot", { name: SLOTS.thumbnail }))) : null;
   }
   renderCheckbox() {
-    const checkboxLabel = this.selected ? this.messages.deselect : this.messages.select;
-    return (index.h("calcite-label", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, index.h("calcite-checkbox", { checked: this.selected, label: checkboxLabel })));
+    return (index.h("calcite-label", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, index.h("calcite-checkbox", { checked: this.selected, label: this.messages.select })));
   }
   renderHeader() {
     const { el } = this;

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

@@ -1,21 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const dom = require('./dom-706667df.js');
-const form = require('./form-05a4fadc.js');
-const guid = require('./guid-fcb9c017.js');
-const interactive = require('./interactive-27db04a1.js');
-const key = require('./key-235be376.js');
-const label = require('./label-26dbc15e.js');
-const loadable = require('./loadable-c38cb815.js');
-require('./resources-4afcd38d.js');
+const index = require('./index-0e58b556.js');
+const dom = require('./dom-157e5168.js');
+const form = require('./form-f210087b.js');
+const guid = require('./guid-e2fe0fcb.js');
+const interactive = require('./interactive-dd6b3d4d.js');
+const key = require('./key-71a6c0d4.js');
+const label = require('./label-7db5ca6e.js');
+const loadable = require('./loadable-b7e0b939.js');
+require('./resources-633d7ab0.js');
 
 const checkboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-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:inline-flex;cursor:pointer;-webkit-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;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;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);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{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;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -66,6 +66,7 @@ const Checkbox = class {
     };
     this.checked = false;
     this.disabled = false;
+    this.form = undefined;
     this.guid = undefined;
     this.hovered = false;
     this.indeterminate = false;

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

@@ -1,22 +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.1.1-next.2
+ * v1.2.0-next.0
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3dc519f7.js');
-const conditionalSlot = require('./conditionalSlot-f73b8511.js');
-const dom = require('./dom-706667df.js');
-const guid = require('./guid-fcb9c017.js');
-const loadable = require('./loadable-c38cb815.js');
-const locale = require('./locale-0eccd9e9.js');
-const observers = require('./observers-484369d9.js');
-const t9n = require('./t9n-35486495.js');
-require('./resources-4afcd38d.js');
-require('./key-235be376.js');
+const index = require('./index-0e58b556.js');
+const conditionalSlot = require('./conditionalSlot-d965154a.js');
+const dom = require('./dom-157e5168.js');
+const guid = require('./guid-e2fe0fcb.js');
+const loadable = require('./loadable-b7e0b939.js');
+const locale = require('./locale-23edc61e.js');
+const observers = require('./observers-fd18069f.js');
+const t9n = require('./t9n-c5c0bbe4.js');
+require('./resources-633d7ab0.js');
+require('./key-71a6c0d4.js');
 
 const CSS = {
   title: "title",