@esri/solutions-components 0.10.27 → 0.10.29

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

@@ -7,19 +7,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const interactive = require('./interactive-3b85d8df.js');
-const observers = require('./observers-5f9f67ee.js');
-const sortableComponent = require('./sortableComponent-8684e273.js');
-const dom = require('./dom-3d3a8f25.js');
-require('./browser-2893460e.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
+const index = require('./index-4b68e4b4.js');
+const interactive = require('./interactive-a128ac30.js');
+const observers = require('./observers-18d87cb5.js');
+const sortableComponent = require('./sortableComponent-5dfc7ff8.js');
+const dom = require('./dom-795d4a33.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 = {
     sortItem: "sort-item",
@@ -57,10 +57,8 @@ const SortableList = class {
     connectedCallback() {
         this.setUpSorting();
         this.beginObserving();
-        interactive.connectInteractive(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         sortableComponent.disconnectSortableComponent(this);
         this.endObserving();
     }
@@ -150,11 +148,11 @@ const SortableList = class {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (index.h(interactive.InteractiveContainer, { key: 'd88bb6eff8ac0c12fe058290a15b644f52b15efe', disabled: disabled }, index.h("div", { key: '0ac98b39280cbe2f61103d5c2120a9822ccee243', class: {
+        return (index.h(interactive.InteractiveContainer, { key: 'ac305a674d12738f9f68dbc8bad42569098a0cb3', disabled: disabled }, index.h("div", { key: 'dca1ee832c59b93f546404512d703f843da58ccb', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, index.h("slot", { key: '9b2cc37a435d630ed79ad33ad95ff578ed701999' }))));
+            } }, index.h("slot", { key: '92f9e08889d4cf08891571aa5ab233392a9f0fd9' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const interactive = require('./interactive-3b85d8df.js');
-const loadable = require('./loadable-0e357195.js');
-require('./browser-2893460e.js');
+const index = require('./index-4b68e4b4.js');
+const interactive = require('./interactive-a128ac30.js');
+const loadable = require('./loadable-1c888c87.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",
@@ -79,9 +79,6 @@ const SplitButton = class {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
-        interactive.connectInteractive(this);
-    }
     componentWillLoad() {
         loadable.setUpLoadableComponent(this);
     }
@@ -91,12 +88,9 @@ const SplitButton = class {
     componentDidRender() {
         interactive.updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        interactive.disconnectInteractive(this);
-    }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (index.h(interactive.InteractiveContainer, { key: 'ee973a15275bc3f95af17c40a4b8badbe3462d79', disabled: this.disabled }, index.h("div", { key: 'b2c812632a9ae8cd96060fcc6b22d052e957a9a7', class: CSS.container }, index.h("calcite-button", { key: '03a34e04ae9efa7811f1ac9d701fb230de7200a9', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: '1a1cfc004949b54b56cbc0f3076fb48e678ab314', class: CSS.dividerContainer }, index.h("div", { key: 'f38ecc61ec5712fe86924379347285977c285dc5', class: CSS.divider })), index.h("calcite-dropdown", { key: '719ccb5e274a7ccd04855daa1a39be9781fdcb76', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '098292b17056e7431adaadc843ecee4a9453bb7a', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: 'cc73b47cb462df04f3572bb68565513f8abfa8a0' })))));
+        return (index.h(interactive.InteractiveContainer, { key: 'dacdf1583d8cb4551cb4882b8508c558d782b4d4', disabled: this.disabled }, index.h("div", { key: 'a61c78ee84cd89d78a7d2c9479917838ed410c16', class: CSS.container }, index.h("calcite-button", { key: 'f70e6b5aa7457c7d51093be9a0033c28134b7a1f', appearance: this.appearance, disabled: this.disabled, "icon-end": this.primaryIconEnd ? this.primaryIconEnd : null, "icon-start": this.primaryIconStart ? this.primaryIconStart : null, iconFlipRtl: this.primaryIconFlipRtl ? this.primaryIconFlipRtl : null, kind: this.kind, label: this.primaryLabel, loading: this.loading, onClick: this.calciteSplitButtonPrimaryClickHandler, scale: this.scale, splitChild: "primary", type: "button", width: buttonWidth }, this.primaryText), index.h("div", { key: '6a666aff420b7aee2d413ac298a8cf7c743b63fe', class: CSS.dividerContainer }, index.h("div", { key: '34e4ea2b452fb53d5503d0cc03b8d8644e08f8a3', class: CSS.divider })), index.h("calcite-dropdown", { key: '44dfd708df7c0e961259ffca36e181306043e64f', disabled: this.disabled, flipPlacements: this.flipPlacements, onClick: this.calciteSplitButtonSecondaryClickHandler, open: this.active, overlayPositioning: this.overlayPositioning, placement: this.placement, scale: this.scale, "width-scale": this.scale }, index.h("calcite-button", { key: '4f746ce80d07518b03ae4602bd2417f369aacba3', appearance: this.appearance, disabled: this.disabled, "icon-start": this.dropdownIcon, kind: this.kind, label: this.dropdownLabel, scale: this.scale, slot: "trigger", splitChild: "secondary", type: "button" }), index.h("slot", { key: '80aa3fefc8d08c1a6e222a88f2e873cbcc209f1a' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

package/dist/cjs/calcite-stepper-item.cjs.entry.js

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const interactive = require('./interactive-3b85d8df.js');
-const locale = require('./locale-351282c5.js');
-const loadable = require('./loadable-0e357195.js');
-const t9n = require('./t9n-e41672d2.js');
-require('./browser-2893460e.js');
-require('./dom-3d3a8f25.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./key-82084ef6.js');
-require('./observers-5f9f67ee.js');
+const index = require('./index-4b68e4b4.js');
+const interactive = require('./interactive-a128ac30.js');
+const locale = require('./locale-da840314.js');
+const loadable = require('./loadable-1c888c87.js');
+const t9n = require('./t9n-ed5c03a7.js');
+require('./dom-795d4a33.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./key-47c9469a.js');
+require('./observers-18d87cb5.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",
@@ -137,7 +137,6 @@ const StepperItem = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
     }
@@ -158,14 +157,13 @@ const StepperItem = class {
         interactive.updateHostInteraction(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
     }
     render() {
-        return (index.h(index.Host, { key: 'f5ff885f8c94eb0a49e786a798ddfa9a4cadf3c8', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '628ba67b4d9afdd89589803c8370b916ef2a64f4', disabled: this.disabled }, index.h("div", { key: '0e5a38c093eb3f4d83901cab7528b47af683d0c2', class: CSS.container }, this.complete && (index.h("span", { key: '0b8a733f8d8f5ea684477afaeb3bef9c75204eac', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), index.h("div", { key: '33fda93666886ff0a4704a090142061b0710ea2c', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (index.h(index.Host, { key: '21ead444066e7670e2884bf44eb33b1d6e16278e', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, index.h(interactive.InteractiveContainer, { key: '5d687fcf0ca63a518df6ac408bce87adb8cf4141', disabled: this.disabled }, index.h("div", { key: 'a8eb28baf17f7d302cd8acc06c87432c2a5b59da', class: CSS.container }, this.complete && (index.h("span", { key: 'dd645ac0548cfb09daa4cb36d4ca08f7f3df67bf', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), index.h("div", { key: '6c14bec4509a8b48e08f3d140e852ce6441a7418', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
             /* additional tab index logic needed because of display: contents */
-            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (index.h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, index.h("div", { key: '728402fe3cc024aa27080d0e5b26cad009dc0989', class: CSS.stepperItemHeaderText }, index.h("span", { key: '1be0b998ddf355de099379c2a55d21e0ffe46610', class: CSS.stepperItemHeading }, this.heading), index.h("span", { key: '20099dd36c9a72c5712b42761ecdf3592ea4a4e8', class: CSS.stepperItemDescription }, this.description))), index.h("div", { key: 'be67567d400cfea65bf9fcc8950daff2eea80c8b', class: CSS.stepperItemContent }, index.h("slot", { key: 'd0ccc7d7b5b7caa325a216c293aecfe6d3e983bb' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (index.h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, index.h("div", { key: '49ebae3bd3affcdf6d68581e89d8a7c65b8606a6', class: CSS.stepperItemHeaderText }, index.h("span", { key: '523fbb51267df84902a47ccd4b2c047b52e7df07', class: CSS.stepperItemHeading }, this.heading), index.h("span", { key: 'f6c4f69b00a5e5d9f52089156ec77adecc1bdffc', class: CSS.stepperItemDescription }, this.description))), index.h("div", { key: '086f0f9320d3098de87d1e9f3728164a83caf35d', class: CSS.stepperItemContent }, index.h("slot", { key: '8e049fb74154fbce4d685d4d00ebca9b3ff57f63' }))))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -7,20 +7,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const dom = require('./dom-3d3a8f25.js');
-const observers = require('./observers-5f9f67ee.js');
-const guid = require('./guid-42cda8c9.js');
-const locale = require('./locale-351282c5.js');
-const t9n = require('./t9n-e41672d2.js');
-require('./resources-f11e9bd6.js');
-require('./browser-2893460e.js');
-require('./key-82084ef6.js');
+const index = require('./index-4b68e4b4.js');
+const dom = require('./dom-795d4a33.js');
+const observers = require('./observers-18d87cb5.js');
+const guid = require('./guid-e84a8375.js');
+const locale = require('./locale-da840314.js');
+const t9n = require('./t9n-ed5c03a7.js');
+require('./resources-18f799c7.js');
+require('./browser-333a21c5.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$1 = {
     actionIcon: "action-icon",
@@ -34,7 +34,7 @@ const CSS$1 = {
 /*!
  * 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 = {
     stepBar: "step-bar",
@@ -150,7 +150,7 @@ const Stepper = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: 'bd7571b5c3af662f4a2bde52e9742e2328fc7c8f', "aria-label": this.messages.label, role: "region" }, index.h("div", { key: '9e1d066b9f3ec7fa1df9f55e6e742d0c26cd4ec2', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (index.h("div", { key: '49ccb52be5e2c1c747cbe634d3049fc5677ac7c2', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index$1) => (index.h(StepBar, { active: index$1 === this.currentActivePosition, complete: item.complete && index$1 !== this.currentActivePosition && !item.error, disabled: item.disabled && index$1 !== this.currentActivePosition, error: item.error && index$1 !== this.currentActivePosition, key: index$1 }))))), this.layout === "horizontal-single" && (index.h("div", { key: 'd771370bda9cfc17412208ea9de36c52f9c9fabd', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), index.h("slot", { key: '8c9f00eda6193622c72943bc459b8e3adf69fe77', onSlotchange: this.handleDefaultSlotChange }))));
+        return (index.h(index.Host, { key: 'cf7174442aa44f3a2bd72893900a60bcbf7e1d5e', "aria-label": this.messages.label, role: "region" }, index.h("div", { key: '1036b66baff637f74ca2296c725f8ec091955c55', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (index.h("div", { key: '2ebc80f63ea8938538630181ac165712ce645b69', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index$1) => (index.h(StepBar, { active: index$1 === this.currentActivePosition, complete: item.complete && index$1 !== this.currentActivePosition && !item.error, disabled: item.disabled && index$1 !== this.currentActivePosition, error: item.error && index$1 !== this.currentActivePosition, key: index$1 }))))), this.layout === "horizontal-single" && (index.h("div", { key: 'c471f0b44071da745850a7a5910894f27eccce02', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), index.h("slot", { key: 'd7f6599abe59d4ed86e0deefe991a3556fe3e270', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -7,22 +7,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const dom = require('./dom-3d3a8f25.js');
-const form = require('./form-8132060d.js');
-const interactive = require('./interactive-3b85d8df.js');
-const key = require('./key-82084ef6.js');
-const label = require('./label-e7d3c371.js');
-const loadable = require('./loadable-0e357195.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./browser-2893460e.js');
-require('./component-7f2bd646.js');
+const index = require('./index-4b68e4b4.js');
+const dom = require('./dom-795d4a33.js');
+const form = require('./form-6dd8050a.js');
+const interactive = require('./interactive-a128ac30.js');
+const key = require('./key-47c9469a.js');
+const label = require('./label-726fc287.js');
+const loadable = require('./loadable-1c888c87.js');
+require('./guid-e84a8375.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",
@@ -30,7 +30,7 @@ const CSS = {
     handle: "handle",
 };
 
-const switchCss = ":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}:host(:focus) .track{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          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}.container:hover .handle,:host(:focus) .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]) .container:hover .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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 switchCss = ":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([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{outline-width:0px}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-2);vertical-align:top;outline-color:transparent}.container:focus .track{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          )}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}.container:hover .handle,.container:focus .handle{border-color:var(--calcite-color-brand);box-shadow:inset 0 0 0 1px var(--calcite-color-brand)}:host([checked]) .track{border-color:var(--calcite-color-brand-hover);background-color:var(--calcite-color-brand)}:host([checked]) .handle{border-color:var(--calcite-color-brand);inset-inline:auto -1px}:host([checked]) .container:hover .handle{border-color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}::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 CalciteSwitchStyle0 = switchCss;
 
 const Switch = class {
@@ -94,7 +94,6 @@ const Switch = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         label.connectLabel(this);
         form.connectForm(this);
     }
@@ -105,7 +104,6 @@ const Switch = class {
         loadable.setComponentLoaded(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         label.disconnectLabel(this);
         form.disconnectForm(this);
     }
@@ -118,7 +116,7 @@ const Switch = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: '2e5e3a9e0dcc88431502cd2bbea8323a1898ef9a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '73c50c102fe522422e08835b653dc8651eca6bae', disabled: this.disabled }, index.h("div", { key: 'f0020b33ecee02265dcd4d712f729638ccabb14e', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, index.h("div", { key: '03b2f583e888ea429025b74ca43b22a4dd957ee5', class: CSS.track }, index.h("div", { key: '3045c61b33731f692ecf201cb6ffea2a164f6297', class: CSS.handle })), index.h(form.HiddenFormInputSlot, { key: 'f1a1c1bda4e85b357936c962175e0942dc0b0001', component: this })))));
+        return (index.h(index.Host, { key: '7731df888262acc136e2099fe599c6290967fea7', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, index.h(interactive.InteractiveContainer, { key: '6bc3781eb46221cbe022c6e6b3e7bad267e4d2c6', disabled: this.disabled }, index.h("div", { key: '1670db00b1cdb4ad8f013ff0dae914683db2004c', "aria-checked": dom.toAriaBoolean(this.checked), "aria-label": label.getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, index.h("div", { key: '3c6e6d5abc6df9d745e361a65d06f4e7c1a3da16', class: CSS.track }, index.h("div", { key: '0973b399396b9bd44ac9d2c17b374e2fbfe77b5e', class: CSS.handle })), index.h(form.HiddenFormInputSlot, { key: '7776a1881b7b6d43c543e4f388ae6cb4301b4181', component: this })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-table-cell_2.cjs.entry.js

@@ -7,23 +7,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const loadable = require('./loadable-0e357195.js');
-const t9n = require('./t9n-e41672d2.js');
-const interactive = require('./interactive-3b85d8df.js');
-const locale = require('./locale-351282c5.js');
-const dom = require('./dom-3d3a8f25.js');
-const resources = require('./resources-f11e9bd6.js');
-const component = require('./component-7f2bd646.js');
-require('./browser-2893460e.js');
-require('./key-82084ef6.js');
-require('./observers-5f9f67ee.js');
-require('./guid-42cda8c9.js');
+const index = require('./index-4b68e4b4.js');
+const loadable = require('./loadable-1c888c87.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const interactive = require('./interactive-a128ac30.js');
+const locale = require('./locale-da840314.js');
+const dom = require('./dom-795d4a33.js');
+const resources = require('./resources-18f799c7.js');
+const component = require('./component-5d190962.js');
+require('./browser-333a21c5.js');
+require('./key-47c9469a.js');
+require('./observers-18d87cb5.js');
+require('./guid-e84a8375.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$1 = {
     contentCell: "content-cell",
@@ -100,7 +100,6 @@ const TableCell = class {
     connectedCallback() {
         locale.connectLocalized(this);
         t9n.connectMessages(this);
-        interactive.connectInteractive(this);
     }
     componentDidRender() {
         interactive.updateHostInteraction(this);
@@ -108,7 +107,6 @@ const TableCell = class {
     disconnectedCallback() {
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
-        interactive.disconnectInteractive(this);
     }
     //--------------------------------------------------------------------------
     //
@@ -140,7 +138,7 @@ const TableCell = class {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (index.h(index.Host, { key: '4d52967c0b56ad11ae0cd2f2bcda584a4c32d7aa' }, index.h(interactive.InteractiveContainer, { key: '38dc03f0b7b46647d55510c954da818991134923', disabled: this.disabled }, index.h("td", { key: 'f33e06346894caae2199743b02b3d82d45227a9c', "aria-disabled": this.disabled, class: {
+        return (index.h(index.Host, { key: '810b40e485c0c6e0eee906d2429f90b2849f6596' }, index.h(interactive.InteractiveContainer, { key: '58e00494bada929bc60f2e70469a5728373514ff', disabled: this.disabled }, index.h("td", { key: '3c42de8c89375021694b762b438eee08ac7b95e1', class: {
                 [CSS$1.footerCell]: this.parentRowType === "foot",
                 [CSS$1.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$1.numberCell]: this.numberCell,
@@ -150,7 +148,7 @@ const TableCell = class {
                 [resources.CSS_UTILITY.rtl]: dir === "rtl",
                 [CSS$1.staticCell]: staticCell,
                 [this.parentRowAlignment]: this.parentRowAlignment === "start" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (index.h("span", { key: '09f8419edf6633fec643980debdab653cfa1aa18', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS$1.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), index.h("slot", { key: '05f0410a867cb1cfab5a01b1d4e374002314493d', onSlotchange: this.updateScreenReaderContentsText })))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.interactionMode === "interactive" ? "gridcell" : "cell", rowSpan: this.rowSpan, tabIndex: staticCell ? -1 : 0 }, (this.selectionCell || this.readCellContentsToAT) && (index.h("span", { key: '74f8a783a482e2cebf7f8b1c49a9678a2de05d0a', "aria-live": this.focused ? "polite" : "off", class: CSS$1.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), index.h("slot", { key: 'e0fd9db04473dd100c008f17aa648e3337d55419', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }
@@ -165,7 +163,7 @@ TableCell.style = CalciteTableCellStyle0;
 /*!
  * 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 = {
     contentCell: "content-cell",
@@ -308,7 +306,7 @@ const TableHeader = class {
                 ? ICONS.indeterminate
                 : ICONS.unchecked;
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (index.h(index.Host, { key: '55805e40fd5617971301fe6c3df52fd45ff4486e' }, index.h("th", { key: '2f7c756603386e578a871558645daac673fd6cdc', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (index.h(index.Host, { key: '447a58f1a2aa774bbe128ddd6f5d5c0a03bf7bc7' }, index.h("th", { key: 'ee6cf5d248ed63e8212ffc5614d9c72cd4854bda', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
                 [CSS.bodyRow]: this.parentRowType === "body",
                 [CSS.footerRow]: this.parentRowType === "foot",
                 [CSS.contentCell]: !this.numberCell && !this.selectionCell,
@@ -319,7 +317,7 @@ const TableHeader = class {
                 [CSS.staticCell]: staticCell,
                 [CSS.lastCell]: this.lastCell && (!this.rowSpan || (this.colSpan && !!this.rowSpan)),
                 [this.parentRowAlignment]: this.parentRowAlignment === "center" || this.parentRowAlignment === "end",
-            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && index.h("div", { key: 'e347778a1676cf40c5f4c2937a590ac8b6c1fde0', class: CSS.heading }, this.heading), this.description && index.h("div", { key: '13c5d2ec28bf68132c1217be299aa4363794f370', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (index.h("calcite-icon", { key: '11f84e3c1c3cb8be33c8c5aa4a2cc4f5d01fbbfa', class: { [CSS.active]: indeterminate || checked }, icon: selectionIcon, scale: component.getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (index.h("span", { key: '23c2914de335aa02bf99b1d9286ad2b2ad38cccb', "aria-hidden": true, "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
+            }, colSpan: this.colSpan, onBlur: this.onContainerBlur, onFocus: this.onContainerFocus, ref: (el) => (this.containerEl = el), role: this.parentRowType === "head" ? "columnheader" : "rowheader", rowSpan: this.rowSpan, scope: scope, tabIndex: this.selectionCell ? 0 : staticCell ? -1 : 0 }, this.heading && index.h("div", { key: '549f6ea3faaa3fe66565de1d67567bfaa38cad50', class: CSS.heading }, this.heading), this.description && index.h("div", { key: '27f7b8de72e154917efd88d9d7f9653df65b0459', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (index.h("calcite-icon", { key: '41fb8e9cdc09f24c326d8edd70d600fee4920bc3', class: { [CSS.active]: indeterminate || checked }, icon: selectionIcon, scale: component.getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (index.h("span", { key: '119b6c72bd3cc17a19863841e02b04c2312e7984', "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/calcite-table-row.cjs.entry.js

@@ -7,19 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const dom = require('./dom-3d3a8f25.js');
-const key = require('./key-82084ef6.js');
-const interactive = require('./interactive-3b85d8df.js');
-const component = require('./component-7f2bd646.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./browser-2893460e.js');
+const index = require('./index-4b68e4b4.js');
+const dom = require('./dom-795d4a33.js');
+const key = require('./key-47c9469a.js');
+const interactive = require('./interactive-a128ac30.js');
+const component = require('./component-5d190962.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 = {
     lastVisibleRow: "last-visible-row",
@@ -184,15 +183,9 @@ const TableRow = class {
             this.updateCells();
         }
     }
-    connectedCallback() {
-        interactive.connectInteractive(this);
-    }
     componentDidRender() {
         interactive.updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        interactive.disconnectInteractive(this);
-    }
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -241,7 +234,7 @@ const TableRow = class {
         return this.rowType === "head" ? (index.h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (index.h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (index.h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (index.h(index.Host, { key: 'e87804d55ad11b0bb5bce7e82f46c0893c40d623' }, index.h(interactive.InteractiveContainer, { key: '22e502f4cecbf8b484bfd33de618f4be3f146c56', disabled: this.disabled }, index.h("tr", { key: '6d266472e85be37383e24ebbc38bc0b272a881c1', "aria-disabled": this.disabled, "aria-rowindex": this.positionAll + 1, "aria-selected": this.selected, class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), index.h("slot", { key: 'e481e637b8b2ac107d2eb57ebadf0d09c88da8db', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (index.h(index.Host, { key: 'fa3f14c832e7ed178ea338b01baebbe9a578689d' }, index.h(interactive.InteractiveContainer, { key: 'c82f005db0a6247e45476c86d2eaefe698df2dd1', disabled: this.disabled }, index.h("tr", { key: '452064805aa9685b75f3715bd45c42ce41f88368', "aria-rowindex": this.positionAll + 1, "aria-selected": dom.toAriaBoolean(this.selected), class: { [CSS.lastVisibleRow]: this.lastVisibleRow }, onKeyDown: this.keyDownHandler, ref: (el) => (this.tableRowEl = el) }, this.numbered && this.renderNumberedCell(), this.selectionMode !== "none" && this.renderSelectableCell(), index.h("slot", { key: 'bddf927a3129b20012ade6aa5415afcdeb8064a1', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,21 +7,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const loadable = require('./loadable-0e357195.js');
-const t9n = require('./t9n-e41672d2.js');
-const locale = require('./locale-351282c5.js');
-const browser = require('./browser-2893460e.js');
-require('./dom-3d3a8f25.js');
-require('./guid-42cda8c9.js');
-require('./resources-f11e9bd6.js');
-require('./key-82084ef6.js');
-require('./observers-5f9f67ee.js');
+const index = require('./index-4b68e4b4.js');
+const loadable = require('./loadable-1c888c87.js');
+const t9n = require('./t9n-ed5c03a7.js');
+const locale = require('./locale-da840314.js');
+const browser = require('./browser-333a21c5.js');
+require('./dom-795d4a33.js');
+require('./guid-e84a8375.js');
+require('./resources-18f799c7.js');
+require('./key-47c9469a.js');
+require('./observers-18d87cb5.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 = {
     bordered: "bordered",
@@ -219,10 +219,10 @@ const Table = class {
         }
     }
     calciteInternalTableRowFocusEvent(event) {
-        const cellPosition = event["detail"].cellPosition;
-        const rowPos = event["detail"].rowPosition;
-        const destination = event["detail"].destination;
-        const lastCell = event["detail"].lastCell;
+        const cellPosition = event.detail.cellPosition;
+        const rowPos = event.detail.rowPosition;
+        const destination = event.detail.destination;
+        const lastCell = event.detail.lastCell;
         const visibleBody = this.bodyRows?.filter((row) => !row.hidden);
         const visibleAll = this.allRows?.filter((row) => !row.hidden);
         const lastHeadRow = this.headRows[this.headRows.length - 1]?.positionAll;
@@ -286,13 +286,13 @@ const Table = class {
         return (index.h("tfoot", null, index.h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (index.h(index.Host, { key: '977fbb58c0ee0fdb506ebed869b136767dc43873' }, index.h("div", { key: 'c9c0885932328c3d703abb32632f599404f8ac20', class: CSS.container }, this.selectionMode !== "none" &&
+        return (index.h(index.Host, { key: '8e6d0b48e0ffa640e5d0e052092bccf1b4b7fafe' }, index.h("div", { key: 'ce5932eda4dbec9b60ee5a7aad523e5d47178888', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), index.h("div", { key: 'a6b5739bb1b0f6eafeb37959bc21e54374c4da23', class: {
+            this.renderSelectionArea(), index.h("div", { key: '37fb918ba3079352db0ca83c253f648c327cc3d8', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, index.h("table", { key: '209d92a0bdd6ca12f8571ba5ca325c993afc247d', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, index.h("caption", { key: '099e0d60343af59b0e59f1baf6fbfb36ed4498ad', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, index.h("table", { key: '908c1e7ce7768c1c9f3146b83546ae639a86bac8', "aria-colcount": this.colCount, "aria-multiselectable": this.selectionMode === "multiple", "aria-rowcount": this.allRows?.length, class: { [CSS.tableFixed]: this.layout === "fixed" }, role: this.interactionMode === "interactive" ? "grid" : "table" }, index.h("caption", { key: '9ab15b8e9badee9b38925e563e5c607a13ccf664', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }