@esri/solutions-components 0.10.27 → 0.10.29

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

@@ -7,18 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const observers = require('./observers-5f9f67ee.js');
-const dom = require('./dom-3d3a8f25.js');
-const form = require('./form-8132060d.js');
-const interactive = require('./interactive-3b85d8df.js');
-const label = require('./label-e7d3c371.js');
-const loadable = require('./loadable-0e357195.js');
-const component = require('./component-7f2bd646.js');
-const Validation = require('./Validation-9bab9a69.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const observers = require('./observers-18d87cb5.js');
+const dom = require('./dom-795d4a33.js');
+const form = require('./form-6dd8050a.js');
+const interactive = require('./interactive-a128ac30.js');
+const label = require('./label-726fc287.js');
+const loadable = require('./loadable-1c888c87.js');
+const component = require('./component-5d190962.js');
+const Validation = require('./Validation-55fc2417.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
 
 const optionCss = ":host{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteOptionStyle0 = optionCss;
@@ -82,7 +82,7 @@ const Option = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return index.h("slot", { key: '19660c07dc760b742b61169da73469d1579aeeaa' }, this.label);
+        return index.h("slot", { key: 'e5df72ac4455ee2e14c0e48a40739a9a271c9c57' }, this.label);
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -97,7 +97,7 @@ Option.style = CalciteOptionStyle0;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     icon: "icon",
@@ -186,13 +186,11 @@ const Select = class {
             subtree: true,
             childList: true,
         });
-        interactive.connectInteractive(this);
         label.connectLabel(this);
         form.connectForm(this);
     }
     disconnectedCallback() {
         this.mutationObserver?.disconnect();
-        interactive.disconnectInteractive(this);
         label.disconnectLabel(this);
         form.disconnectForm(this);
     }
@@ -315,7 +313,7 @@ const Select = class {
     }
     render() {
         const { disabled } = this;
-        return (index.h(index.Host, { key: '70938120b9aaac3ab07b8bd73ca8e7909c2ea11d' }, index.h(interactive.InteractiveContainer, { key: 'bd7b8839b27ff53f51d1a4fc2e3590b9fb8ab913', disabled: disabled }, index.h("div", { key: '3dbf7d32dc39c929f7f939e1e1cc72ca6d0b386f', class: CSS.wrapper }, index.h("select", { key: 'e6763a83fed5e7162d94d93e82e770dbbd238bd7', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), "aria-label": label.getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, index.h("slot", { key: '68fc9d08be9144e1f874602ecdf46f3cc0eceb05' })), this.renderChevron(), index.h(form.HiddenFormInputSlot, { key: '6d5ec3ed6f6d2551679a7e17c9023f32b67b4a2c', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
+        return (index.h(index.Host, { key: 'd2e0ad4197079513f4e9e0070fb397c4f8331597' }, index.h(interactive.InteractiveContainer, { key: '5eee0d42742248209469fb7a5e3541cdbe373d30', disabled: disabled }, index.h("div", { key: 'e12c66d415dfe7c24e63731f2a83a081687fba8a', class: CSS.wrapper }, index.h("select", { key: '22685962db75d2527740d288f016665ec5e6053e', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), "aria-label": label.getLabelText(this), class: CSS.select, disabled: disabled, onChange: this.handleInternalSelectChange, ref: this.storeSelectRef }, index.h("slot", { key: '1b105206faa1f0765add18140b0f99f3d273c11f' })), this.renderChevron(), index.h(form.HiddenFormInputSlot, { key: '5767128465128a9fb5f69c9241bef0da56b9432e', component: this })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,53 +7,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const loadable = require('./loadable-0e357195.js');
-const locale = require('./locale-351282c5.js');
-const t9n = require('./t9n-e41672d2.js');
-const observers = require('./observers-5f9f67ee.js');
-const component = require('./component-7f2bd646.js');
-require('./browser-2893460e.js');
-require('./dom-3d3a8f25.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./key-82084ef6.js');
-
-/**
- * Do not edit directly
- * Generated on Wed, 01 May 2024 00:07:12 GMT
- */
-const calciteContainerSizeWidthXxs = {"min":"0","max":"320px"}; // Small handheld devices and mini-windows
-const calciteContainerSizeWidthXs = {"min":"321px","max":"476px"}; // Handheld devices
-const calciteContainerSizeWidthSm = {"min":"477px","max":"768px"}; // Small tablets
-const calciteContainerSizeWidthMd = {"min":"769px","max":"1152px"}; // Small laptops
-const calciteContainerSizeWidthLg = {"min":"1153px","max":"1440px"}; // Large laptops and desktop computers
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
- */
-/**
- * A breakpoints lookup object.
- */
-const breakpoints = {
-    width: {
-        large: cssLengthToNumber(calciteContainerSizeWidthLg.max),
-        medium: cssLengthToNumber(calciteContainerSizeWidthMd.max),
-        small: cssLengthToNumber(calciteContainerSizeWidthSm.max),
-        xsmall: cssLengthToNumber(calciteContainerSizeWidthXs.max),
-        xxsmall: cssLengthToNumber(calciteContainerSizeWidthXxs.max),
-    },
-};
-function cssLengthToNumber(length) {
-    return parseInt(length);
-}
+const index = require('./index-4b68e4b4.js');
+const loadable = require('./loadable-1c888c87.js');
+const locale = require('./locale-da840314.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const observers = require('./observers-18d87cb5.js');
+const responsive = require('./responsive-a61585b1.js');
+const component = require('./component-5d190962.js');
+require('./browser-333a21c5.js');
+require('./dom-795d4a33.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./key-47c9469a.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     list: "list",
@@ -136,8 +106,6 @@ const Pagination = class {
     }
     effectiveLocaleChange() {
         t9n.updateMessages(this, this.effectiveLocale);
-    }
-    effectiveLocaleWatcher() {
         locale.numberStringFormatter.numberFormatOptions = {
             locale: this.effectiveLocale,
             numberingSystem: this.numberingSystem,
@@ -228,22 +196,22 @@ const Pagination = class {
     //
     // --------------------------------------------------------------------------
     setMaxItemsToBreakpoint(width) {
-        if (!breakpoints || !width) {
+        if (!responsive.breakpoints || !width) {
             return;
         }
-        if (width >= breakpoints.width.medium) {
+        if (width >= responsive.breakpoints.width.medium) {
             this.maxItems = maxItemBreakpoints.large;
             return;
         }
-        if (width >= breakpoints.width.small) {
+        if (width >= responsive.breakpoints.width.small) {
             this.maxItems = maxItemBreakpoints.medium;
             return;
         }
-        if (width >= breakpoints.width.xsmall) {
+        if (width >= responsive.breakpoints.width.xsmall) {
             this.maxItems = maxItemBreakpoints.small;
             return;
         }
-        if (width >= breakpoints.width.xxsmall) {
+        if (width >= responsive.breakpoints.width.xxsmall) {
             this.maxItems = maxItemBreakpoints.xsmall;
             return;
         }
@@ -374,7 +342,7 @@ const Pagination = class {
             }, disabled: disabled, key: "last-button", onClick: this.lastClicked }, index.h("calcite-icon", { flipRtl: true, icon: ICONS.last, scale: component.getIconScale(this.scale) }))) : null;
     }
     render() {
-        return (index.h("ul", { key: 'ee5a898e84af24815e101e3ff982da5ec35fda0d', class: CSS.list }, index.h("li", { key: '67145459b1798da17eef2a9a196bad7e59108641', class: CSS.listItem }, this.renderFirstChevron()), index.h("li", { key: 'e3df5d1cf46b191e845c4c0035d80c5d168d2a37', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), index.h("li", { key: '6b9f3c4bc94b81c160ddcf793e8dd768876d2e9e', class: CSS.listItem }, this.renderNextChevron()), index.h("li", { key: 'eddb879ffbcaf4623251c71d4ac262b300fe2129', class: CSS.listItem }, this.renderLastChevron())));
+        return (index.h("ul", { key: 'bdbae7054c4304e91f36809a1131a72551a49679', class: CSS.list }, index.h("li", { key: '14844fcc6ece08896432cfa31c85f84a9de8d992', class: CSS.listItem }, this.renderFirstChevron()), index.h("li", { key: '3146daaad99dd8e05637788ea6bfe0cc89b32ac7', class: CSS.listItem }, this.renderPreviousChevron()), this.renderItems(), index.h("li", { key: '6adbec5c7e7e11aec1937a4d188066f1c999d20c', class: CSS.listItem }, this.renderNextChevron()), index.h("li", { key: '3574dbf73b6cbbc9048c18a93d2990a649040a41', class: CSS.listItem }, this.renderLastChevron())));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }
@@ -383,7 +351,7 @@ const Pagination = class {
         "messageOverrides": ["onMessagesChange"],
         "totalItems": ["handleTotalPages", "handleLastStartItemChange"],
         "pageSize": ["handleTotalPages", "handleLastStartItemChange"],
-        "effectiveLocale": ["effectiveLocaleChange", "effectiveLocaleWatcher"],
+        "effectiveLocale": ["effectiveLocaleChange"],
         "totalPages": ["handleLastStartItemChange"],
         "maxItems": ["handleIsXXSmall"]
     }; }

package/dist/cjs/calcite-pick-list-group.cjs.entry.js

@@ -7,17 +7,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
-const dom = require('./dom-3d3a8f25.js');
-const Heading = require('./Heading-63b5c82c.js');
-const logger = require('./logger-309df5d9.js');
-const resources = require('./resources-87ed79dd.js');
-require('./observers-5f9f67ee.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./config-7c16c710.js');
+const index = require('./index-4b68e4b4.js');
+const conditionalSlot = require('./conditionalSlot-37ff4832.js');
+const dom = require('./dom-795d4a33.js');
+const Heading = require('./Heading-a3e36113.js');
+const logger = require('./logger-f177776b.js');
+const resources = require('./resources-f895ff54.js');
+require('./observers-18d87cb5.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./config-e76d9931.js');
 
 const pickListGroupCss = ":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-color-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListGroupStyle0 = pickListGroupCss;
@@ -60,7 +60,7 @@ const PickListGroup = class {
         const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
         const relativeLevel = parentLevel ? Heading.constrainHeadingLevel(parentLevel + 1) : null;
         const level = headingLevel || relativeLevel;
-        return (index.h(index.Fragment, { key: 'ed20e87abe8e3b68153c0e132869953e379e76cd' }, title ? (index.h(Heading.Heading, { class: resources.CSS.heading, level: level }, title)) : null, index.h("slot", { key: 'cf2218ff15bf2d69ab1710bf7b272d0a32283bba', name: resources.SLOTS.parentItem }), index.h("section", { key: 'bbf9c988f97a38d8319feaf544090c35fb388f3e', class: sectionClasses }, index.h("slot", { key: '1a67fc5febf55333069ddc02577900f5e4e98171' }))));
+        return (index.h(index.Fragment, { key: '95786626f6bee19eee9695f8bf3c63f0e192a6fe' }, title ? (index.h(Heading.Heading, { class: resources.CSS.heading, level: level }, title)) : null, index.h("slot", { key: 'd1ebf753d725ab812875fb5f8a9718774b4d9cc7', name: resources.SLOTS.parentItem }), index.h("section", { key: '3a850b36674c77bd7dc7a05278fd684b06024fb3', class: sectionClasses }, index.h("slot", { key: '919ef46af0ab6c7f7e8f0dff0a1cda8e01ecdf75' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-pick-list-item.cjs.entry.js

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const conditionalSlot = require('./conditionalSlot-2d2541f4.js');
-const dom = require('./dom-3d3a8f25.js');
-const interactive = require('./interactive-3b85d8df.js');
-const loadable = require('./loadable-0e357195.js');
-const locale = require('./locale-351282c5.js');
-const t9n = require('./t9n-e41672d2.js');
-const resources = require('./resources-a1ca0958.js');
-const logger = require('./logger-309df5d9.js');
-const resources$1 = require('./resources-4446499e.js');
-require('./observers-5f9f67ee.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./key-82084ef6.js');
-require('./config-7c16c710.js');
+const index = require('./index-4b68e4b4.js');
+const conditionalSlot = require('./conditionalSlot-37ff4832.js');
+const dom = require('./dom-795d4a33.js');
+const interactive = require('./interactive-a128ac30.js');
+const loadable = require('./loadable-1c888c87.js');
+const locale = require('./locale-da840314.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const resources = require('./resources-388efec5.js');
+const logger = require('./logger-f177776b.js');
+const resources$1 = require('./resources-7aaf489b.js');
+require('./observers-18d87cb5.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./key-47c9469a.js');
+require('./config-e76d9931.js');
 
 const pickListItemCss = "@charset \"UTF-8\";:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-color-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-color-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-color-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-color-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot::before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot::before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}.description{margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 const CalcitePickListItemStyle0 = pickListItemCss;
@@ -112,7 +112,6 @@ const PickListItem = class {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         conditionalSlot.connectConditionalSlotComponent(this);
@@ -125,7 +124,6 @@ const PickListItem = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
         conditionalSlot.disconnectConditionalSlotComponent(this);
@@ -182,7 +180,7 @@ const PickListItem = class {
     }
     render() {
         const { description, label } = this;
-        return (index.h(interactive.InteractiveContainer, { key: '11397cbf6035e4f15e4d180bbd97296af3e1cd29', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), index.h("label", { key: '0c61b5554c54e84fe097c7a52e64206032443d74', "aria-label": label, class: resources$1.CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, index.h("div", { key: '8846e2bc50f2e12a57d7cfe885b3798c0d79c03c', "aria-checked": dom.toAriaBoolean(this.selected), class: resources$1.CSS.textContainer, role: "menuitemcheckbox" }, index.h("span", { key: '79112c39b73b2453cec22e234cea66e4f8bb832d', class: resources$1.CSS.title }, label), description ? index.h("span", { class: resources$1.CSS.description }, description) : null)), this.renderActionsEnd()));
+        return (index.h(interactive.InteractiveContainer, { key: '34b2a65973c42d095c5ea0ca712afedaa58c5b63', disabled: this.disabled }, this.renderIcon(), this.renderActionsStart(), index.h("label", { key: '25476cd75bc12bebcbb7d52dc7fb19c268cf48bf', "aria-label": label, class: resources$1.CSS.label, onClick: this.pickListClickHandler, onKeyDown: this.pickListKeyDownHandler, ref: (focusEl) => (this.focusEl = focusEl), tabIndex: 0 }, index.h("div", { key: '2d619c384030ea848bea3f7d1b9d49afcad597ee', "aria-checked": dom.toAriaBoolean(this.selected), class: resources$1.CSS.textContainer, role: "menuitemcheckbox" }, index.h("span", { key: '667ae09cd87763d99a76bfaddc715192cd8f72c4', class: resources$1.CSS.title }, label), description ? index.h("span", { class: resources$1.CSS.description }, description) : null)), this.renderActionsEnd()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-pick-list.cjs.entry.js

@@ -7,20 +7,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const interactive = require('./interactive-3b85d8df.js');
-const loadable = require('./loadable-0e357195.js');
-const observers = require('./observers-5f9f67ee.js');
-const logger = require('./logger-309df5d9.js');
-const resources = require('./resources-a1ca0958.js');
-const sharedListRender = require('./shared-list-render-d4b7311f.js');
-require('./browser-2893460e.js');
-require('./config-7c16c710.js');
-require('./array-708fd433.js');
-require('./dom-3d3a8f25.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./resources-87ed79dd.js');
+const index = require('./index-4b68e4b4.js');
+const interactive = require('./interactive-a128ac30.js');
+const loadable = require('./loadable-1c888c87.js');
+const observers = require('./observers-18d87cb5.js');
+const logger = require('./logger-f177776b.js');
+const dom = require('./dom-795d4a33.js');
+const resources = require('./resources-388efec5.js');
+const sharedListRender = require('./shared-list-render-546c7296.js');
+require('./browser-333a21c5.js');
+require('./config-e76d9931.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./array-286e5a3b.js');
+require('./resources-f895ff54.js');
 require('./debounce-7f1e04d6.js');
 
 const pickListCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";
@@ -72,11 +72,9 @@ const PickList = class {
     connectedCallback() {
         sharedListRender.initialize.call(this);
         sharedListRender.initializeObserver.call(this);
-        interactive.connectInteractive(this);
     }
     disconnectedCallback() {
         sharedListRender.cleanUpObserver.call(this);
-        interactive.disconnectInteractive(this);
     }
     componentWillLoad() {
         loadable.setUpLoadableComponent(this);
@@ -145,7 +143,7 @@ const PickList = class {
         return this.multiple ? resources.ICON_TYPES.square : resources.ICON_TYPES.circle;
     }
     render() {
-        return index.h(sharedListRender.List, { key: '870f354277bb55abb2c867ae250d85a8569505ec', onKeyDown: this.keyDownHandler, props: this });
+        return (index.h(index.Host, { key: '3ee6797e112491804c876fcd4a4604a1251a5340', "aria-busy": dom.toAriaBoolean(this.loading), onKeyDown: this.keyDownHandler, role: "menu" }, index.h(sharedListRender.List, { key: '7051d4428ef065516d29ac2e84f7736216af45a5', props: this })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -7,19 +7,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const observers = require('./observers-5f9f67ee.js');
-const dom = require('./dom-3d3a8f25.js');
-const loadable = require('./loadable-0e357195.js');
-const Validation = require('./Validation-9bab9a69.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const observers = require('./observers-18d87cb5.js');
+const dom = require('./dom-795d4a33.js');
+const loadable = require('./loadable-1c888c87.js');
+const Validation = require('./Validation-55fc2417.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     itemWrapper: "item-wrapper",
@@ -134,7 +134,7 @@ const RadioButtonGroup = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '9a30f9b99f3f7dd6b237d951f71eac2cce3b595f', role: "radiogroup" }, index.h("div", { key: '8e6e1498148c9d25c039e72b73bd3987c782af64', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), class: CSS.itemWrapper }, index.h("slot", { key: '8b7a7b9c32e10a15f40495972d4f0b46726f22dc' })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
+        return (index.h(index.Host, { key: '487c8e698a30bffc79b233b81faad9bab7ea17e5', role: "radiogroup" }, index.h("div", { key: '63cf9169798fefa62551fa0a975735ed2afd5a66', "aria-errormessage": IDS.validationMessage, "aria-invalid": dom.toAriaBoolean(this.status === "invalid"), class: CSS.itemWrapper }, index.h("slot", { key: 'a7274291fc93583ebdee167c3c1e2f71f7fa255c' })), this.validationMessage && this.status === "invalid" ? (index.h(Validation.Validation, { icon: this.validationIcon, id: IDS.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status })) : null));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const array = require('./array-708fd433.js');
-const dom = require('./dom-3d3a8f25.js');
-const form = require('./form-8132060d.js');
-const guid = require('./guid-42cda8c9.js');
-const interactive = require('./interactive-3b85d8df.js');
-const label = require('./label-e7d3c371.js');
-const loadable = require('./loadable-0e357195.js');
-require('./resources-f11e9bd6.js');
-require('./browser-2893460e.js');
-require('./component-7f2bd646.js');
+const index = require('./index-4b68e4b4.js');
+const array = require('./array-286e5a3b.js');
+const dom = require('./dom-795d4a33.js');
+const form = require('./form-6dd8050a.js');
+const guid = require('./guid-e84a8375.js');
+const interactive = require('./interactive-a128ac30.js');
+const label = require('./label-726fc287.js');
+const loadable = require('./loadable-1c888c87.js');
+require('./resources-18f799c7.js');
+require('./component-5d190962.js');
+require('./browser-333a21c5.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     container: "container",
@@ -276,7 +276,6 @@ const RadioButton = class {
         if (this.name) {
             this.checkLastRadioButton();
         }
-        interactive.connectInteractive(this);
         label.connectLabel(this);
         form.connectForm(this);
         this.updateTabIndexOfOtherRadioButtonsInGroup();
@@ -291,7 +290,6 @@ const RadioButton = class {
         }
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         label.disconnectLabel(this);
         form.disconnectForm(this);
         this.updateTabIndexOfOtherRadioButtonsInGroup();
@@ -306,7 +304,7 @@ const RadioButton = class {
     // --------------------------------------------------------------------------
     render() {
         const tabIndex = this.getTabIndex();
-        return (index.h(index.Host, { key: 'ba3eb165cc92980ff2dbc1ad92b96e05e67c7738', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h(interactive.InteractiveContainer, { key: 'cc34b939f2d7461239102e360d862e7b770b4f51', disabled: this.disabled }, index.h("div", { key: '9fe5d157ecf61a7dfbb68b174c0a072cafa7fb93', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, index.h("div", { key: '82e64cb36cd384a2b05b6768c996cba67490db48', class: "radio" })), index.h(form.HiddenFormInputSlot, { key: 'aec9b59e49dbb867432a4fd006cf32db53306d1c', component: this }))));
+        return (index.h(index.Host, { key: '45fcb686faaafd7fa14c61ae37c7e56394a2f75d', onClick: this.clickHandler, onKeyDown: this.handleKeyDown }, index.h(interactive.InteractiveContainer, { key: '3172c8e34562872615f7ff91f3cef82042b14c32', disabled: this.disabled }, index.h("div", { key: 'c33c5c4c5bdd1a8fdd821491bf9bf179e19eeef5', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: this.setContainerEl, role: "radio", tabIndex: tabIndex }, index.h("div", { key: '88bc96d9b946384bf96aefa2dcdf5f6ca39ae7a2', class: "radio" })), index.h(form.HiddenFormInputSlot, { key: '0851a97b89e6f09ae9634c6417a9950ea3ba1ef6', component: this }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,29 +7,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const form = require('./form-8132060d.js');
-const guid = require('./guid-42cda8c9.js');
-const interactive = require('./interactive-3b85d8df.js');
-const label = require('./label-e7d3c371.js');
-const loadable = require('./loadable-0e357195.js');
-const locale = require('./locale-351282c5.js');
-const t9n = require('./t9n-e41672d2.js');
-const dom = require('./dom-3d3a8f25.js');
-require('./browser-2893460e.js');
-require('./component-7f2bd646.js');
-require('./key-82084ef6.js');
-require('./observers-5f9f67ee.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const form = require('./form-6dd8050a.js');
+const guid = require('./guid-e84a8375.js');
+const interactive = require('./interactive-a128ac30.js');
+const label = require('./label-726fc287.js');
+const loadable = require('./loadable-1c888c87.js');
+const locale = require('./locale-da840314.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const dom = require('./dom-795d4a33.js');
+require('./component-5d190962.js');
+require('./browser-333a21c5.js');
+require('./key-47c9469a.js');
+require('./observers-18d87cb5.js');
+require('./resources-18f799c7.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
-const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon",
-    icon: full ? "star-f" : "star",
-    scale }));
+const StarIcon = ({ full, scale, partial }) => (index.h("calcite-icon", { class: partial ? undefined : "icon", icon: full ? "star-f" : "star", scale: scale }));
 
 const ratingCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([read-only]) *,:host([disabled]) *,:host([read-only]) ::slotted(*),:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;align-items:center;inline-size:-moz-fit-content;inline-size:fit-content}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale=s]){block-size:1.5rem;--calcite-rating-spacing-unit:0.25rem}:host([scale=m]){block-size:2rem;--calcite-rating-spacing-unit:0.5rem}:host([scale=l]){block-size:2.75rem;--calcite-rating-spacing-unit:0.75rem}.fieldset{margin:0;display:flex;border-width:0;padding:0;align-items:center;gap:var(--calcite-rating-spacing-unit)}.wrapper{display:inline-block}.star{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:relative;display:flex;flex-direction:column;cursor:pointer;color:var(--calcite-color-border-input)}.star:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}.average,.fraction{color:var(--calcite-color-status-warning)}.hovered,.selected{color:var(--calcite-color-brand)}.fraction{transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;position:absolute;pointer-events:none;inset-block-start:0;overflow:hidden;inset-inline-start:0}calcite-chip{pointer-events:none;cursor:default}.number--average{font-weight:bold}.number--count{color:var(--calcite-color-text-2);font-style:italic}.number--count:not(:first-child){margin-inline-start:var(--calcite-rating-spacing-unit)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}::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}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteRatingStyle0 = ratingCss;
@@ -153,7 +151,6 @@ const Rating = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         label.connectLabel(this);
@@ -191,7 +188,6 @@ const Rating = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
         label.disconnectLabel(this);
@@ -201,7 +197,7 @@ const Rating = class {
         interactive.updateHostInteraction(this);
     }
     render() {
-        return (index.h(index.Host, { key: '9c08ab0a8eee6854a1d88fd2ed538e1a95ce5d62', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h(interactive.InteractiveContainer, { key: 'fc3a022e1943f0e52eaba60423ac44eb58011326', disabled: this.disabled }, index.h("span", { key: '89dba59e95b9bdc552d5557df7e7df32b71ac4e4', class: "wrapper" }, index.h("fieldset", { key: '69a2c7a774dc7a19c15fd2e9b36f4da8f088b1ef', class: "fieldset", disabled: this.disabled }, index.h("legend", { key: '9266db4c44647a70b367581bff35c67e0a5ba3be', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
+        return (index.h(index.Host, { key: '0e3159f00247860bc8c33e0913f9dd1e9248d887', onKeyDown: this.handleHostKeyDown, onPointerOut: this.handleRatingPointerOut, onPointerOver: this.handleRatingPointerOver }, index.h(interactive.InteractiveContainer, { key: '04013c4189a6c47e8c4ca61ee51b4b8491108964', disabled: this.disabled }, index.h("span", { key: '0fca81bc548e56b36cbf1695076517ba8204bef1', class: "wrapper" }, index.h("fieldset", { key: '30578fd314ff0e26c7963d5a9ad5bf787c4a6af0', class: "fieldset", disabled: this.disabled }, index.h("legend", { key: '18147ef049b4602781c7b7a2c102af81be7149d7', class: "visually-hidden" }, this.messages.rating), this.starsMap.map(({ average, checked, fraction, hovered, id, partial, selected, value, tabIndex, }) => {
             return (index.h("label", { class: {
                     star: true,
                     selected,
@@ -209,7 +205,7 @@ const Rating = class {
                     average,
                     partial,
                 }, "data-value": value, htmlFor: id, onClick: this.handleLabelClick, onFocus: this.handleLabelFocus, onKeyDown: this.handleLabelKeyDown, onPointerDown: this.handleLabelPointerDown, onPointerOver: this.handleLabelPointerOver, ref: this.setLabelEl, tabIndex: tabIndex }, index.h("input", { checked: checked, class: "visually-hidden", disabled: this.disabled || this.readOnly, id: id, name: this.guid, onChange: this.handleInputChange, tabIndex: -1, type: "radio", value: value }), index.h(StarIcon, { full: selected || average, scale: this.scale }), partial && (index.h("div", { class: "fraction", style: { width: `${fraction * 100}%` } }, index.h(StarIcon, { full: true, partial: true, scale: this.scale }))), index.h("span", { class: "visually-hidden" }, this.messages.stars.replace("{num}", `${value}`))));
-        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { key: '80020e22ccaacc218647bf50d7a3aa6fbfadf5fb', component: this })))));
+        }), (this.count || this.average) && this.showChip ? (index.h("calcite-chip", { scale: this.scale, value: this.count?.toString() }, !!this.average && index.h("span", { class: "number--average" }, this.average.toString()), !!this.count && index.h("span", { class: "number--count" }, "(", this.count?.toString(), ")"))) : null), index.h(form.HiddenFormInputSlot, { key: '2aabd4db649ddc70a0b70d9f406f34e632676796', component: this })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -7,20 +7,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const locale = require('./locale-351282c5.js');
-const t9n = require('./t9n-e41672d2.js');
-const observers = require('./observers-5f9f67ee.js');
-const dom = require('./dom-3d3a8f25.js');
-require('./key-82084ef6.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const locale = require('./locale-da840314.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const observers = require('./observers-18d87cb5.js');
+const dom = require('./dom-795d4a33.js');
+require('./key-47c9469a.js');
+require('./browser-333a21c5.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.12.2
+ * v2.13.0
  */
 const CSS = {
     scrim: "scrim",
@@ -90,7 +90,7 @@ const Scrim = class {
     // --------------------------------------------------------------------------
     render() {
         const { hasContent, loading, messages } = this;
-        return (index.h("div", { key: 'e31839948c0689b6daeac22f3b2471fb049c834b', class: CSS.scrim }, loading ? (index.h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, index.h("div", { key: '500b2dcbdcb6c3287ea613fd0f1357de7f3ff347', class: CSS.content, hidden: !hasContent }, index.h("slot", { key: 'eea29ac4a454cf3cd51933a73911b70114ab6f77', onSlotchange: this.handleDefaultSlotChange }))));
+        return (index.h("div", { key: '286b03bb4a18b45f1b6914684a5178e952a44127', class: CSS.scrim }, loading ? (index.h("calcite-loader", { label: messages.loading, ref: this.storeLoaderEl, scale: this.loaderScale })) : null, index.h("div", { key: '0f8cd111720239b204d0d201610c4145d5616753', class: CSS.content, hidden: !hasContent }, index.h("slot", { key: 'fe7bbced9871c9179971da0ef7ca07ea1c9ac33e', onSlotchange: this.handleDefaultSlotChange }))));
     }
     getScale(size) {
         if (size < BREAKPOINTS.s) {