@esri/solutions-components 0.10.27 → 0.10.29

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

@@ -3,19 +3,19 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b793d9aa.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { c as createObserver } from './observers-6cac5525.js';
-import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-52b99f0f.js';
-import { d as focusElement } from './dom-42a638f6.js';
-import './browser-a791205e.js';
-import './guid-42656051.js';
-import './resources-745dec87.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-904bc599.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { c as createObserver } from './observers-c83631e8.js';
+import { d as disconnectSortableComponent, c as connectSortableComponent } from './sortableComponent-7f184466.js';
+import { d as focusElement } from './dom-75c641a7.js';
+import './browser-b67d8df6.js';
+import './guid-b0fb1de3.js';
+import './resources-8e2ed936.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",
@@ -53,10 +53,8 @@ const SortableList = class {
     connectedCallback() {
         this.setUpSorting();
         this.beginObserving();
-        connectInteractive(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectSortableComponent(this);
         this.endObserving();
     }
@@ -146,11 +144,11 @@ const SortableList = class {
     render() {
         const { disabled, layout } = this;
         const horizontal = layout === "horizontal" || false;
-        return (h(InteractiveContainer, { key: 'd88bb6eff8ac0c12fe058290a15b644f52b15efe', disabled: disabled }, h("div", { key: '0ac98b39280cbe2f61103d5c2120a9822ccee243', class: {
+        return (h(InteractiveContainer, { key: 'ac305a674d12738f9f68dbc8bad42569098a0cb3', disabled: disabled }, h("div", { key: 'dca1ee832c59b93f546404512d703f843da58ccb', class: {
                 [CSS.container]: true,
                 [CSS.containerVertical]: !horizontal,
                 [CSS.containerHorizontal]: horizontal,
-            } }, h("slot", { key: '9b2cc37a435d630ed79ad33ad95ff578ed701999' }))));
+            } }, h("slot", { key: '92f9e08889d4cf08891571aa5ab233392a9f0fd9' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -3,15 +3,15 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b793d9aa.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1a9b14b8.js';
-import './browser-a791205e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-904bc599.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7cb2fc6f.js';
+import './browser-b67d8df6.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",
@@ -75,9 +75,6 @@ const SplitButton = class {
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
-    connectedCallback() {
-        connectInteractive(this);
-    }
     componentWillLoad() {
         setUpLoadableComponent(this);
     }
@@ -87,12 +84,9 @@ const SplitButton = class {
     componentDidRender() {
         updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
     render() {
         const buttonWidth = this.width === "auto" ? "auto" : "full";
-        return (h(InteractiveContainer, { key: 'ee973a15275bc3f95af17c40a4b8badbe3462d79', disabled: this.disabled }, h("div", { key: 'b2c812632a9ae8cd96060fcc6b22d052e957a9a7', class: CSS.container }, 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), h("div", { key: '1a1cfc004949b54b56cbc0f3076fb48e678ab314', class: CSS.dividerContainer }, h("div", { key: 'f38ecc61ec5712fe86924379347285977c285dc5', class: CSS.divider })), 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 }, 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" }), h("slot", { key: 'cc73b47cb462df04f3572bb68565513f8abfa8a0' })))));
+        return (h(InteractiveContainer, { key: 'dacdf1583d8cb4551cb4882b8508c558d782b4d4', disabled: this.disabled }, h("div", { key: 'a61c78ee84cd89d78a7d2c9479917838ed410c16', class: CSS.container }, 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), h("div", { key: '6a666aff420b7aee2d413ac298a8cf7c743b63fe', class: CSS.dividerContainer }, h("div", { key: '34e4ea2b452fb53d5503d0cc03b8d8644e08f8a3', class: CSS.divider })), 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 }, 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" }), h("slot", { key: '80aa3fefc8d08c1a6e222a88f2e873cbcc209f1a' })))));
     }
     get dropdownIcon() {
         return this.dropdownIconType === "chevron"

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

@@ -3,22 +3,22 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a53a7bc6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1a9b14b8.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-b33c486a.js';
-import './browser-a791205e.js';
-import './dom-42a638f6.js';
-import './guid-42656051.js';
-import './resources-745dec87.js';
-import './key-d6dfb50e.js';
-import './observers-6cac5525.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-904bc599.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-24516fec.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-7cb2fc6f.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-9a5d28cf.js';
+import './dom-75c641a7.js';
+import './guid-b0fb1de3.js';
+import './resources-8e2ed936.js';
+import './key-e6b442de.js';
+import './observers-c83631e8.js';
+import './browser-b67d8df6.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",
@@ -133,7 +133,6 @@ const StepperItem = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectInteractive(this);
         connectLocalized(this);
         connectMessages(this);
     }
@@ -154,14 +153,13 @@ const StepperItem = class {
         updateHostInteraction(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectLocalized(this);
         disconnectMessages(this);
     }
     render() {
-        return (h(Host, { key: 'f5ff885f8c94eb0a49e786a798ddfa9a4cadf3c8', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '628ba67b4d9afdd89589803c8370b916ef2a64f4', disabled: this.disabled }, h("div", { key: '0e5a38c093eb3f4d83901cab7528b47af683d0c2', class: CSS.container }, this.complete && (h("span", { key: '0b8a733f8d8f5ea684477afaeb3bef9c75204eac', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), h("div", { key: '33fda93666886ff0a4704a090142061b0710ea2c', class: CSS.stepperItemHeader, ref: (el) => (this.headerEl = el), tabIndex: 
+        return (h(Host, { key: '21ead444066e7670e2884bf44eb33b1d6e16278e', "aria-current": this.selected ? "step" : "false", onClick: this.handleItemClick, onKeyDown: this.keyDownHandler, tabIndex: this.disabled ? -1 : 0 }, h(InteractiveContainer, { key: '5d687fcf0ca63a518df6ac408bce87adb8cf4141', disabled: this.disabled }, h("div", { key: 'a8eb28baf17f7d302cd8acc06c87432c2a5b59da', class: CSS.container }, this.complete && (h("span", { key: 'dd645ac0548cfb09daa4cb36d4ca08f7f3df67bf', "aria-live": "polite", class: CSS.visuallyHidden }, this.messages.complete)), 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 ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '728402fe3cc024aa27080d0e5b26cad009dc0989', class: CSS.stepperItemHeaderText }, h("span", { key: '1be0b998ddf355de099379c2a55d21e0ffe46610', class: CSS.stepperItemHeading }, this.heading), h("span", { key: '20099dd36c9a72c5712b42761ecdf3592ea4a4e8', class: CSS.stepperItemDescription }, this.description))), h("div", { key: 'be67567d400cfea65bf9fcc8950daff2eea80c8b', class: CSS.stepperItemContent }, h("slot", { key: 'd0ccc7d7b5b7caa325a216c293aecfe6d3e983bb' }))))));
+            this.layout === "horizontal" && !this.disabled ? 0 : null }, this.icon ? this.renderIcon() : null, this.numbered ? (h("div", { class: CSS.stepperItemNumber }, this.renderNumbers(), ".")) : null, h("div", { key: '49ebae3bd3affcdf6d68581e89d8a7c65b8606a6', class: CSS.stepperItemHeaderText }, h("span", { key: '523fbb51267df84902a47ccd4b2c047b52e7df07', class: CSS.stepperItemHeading }, this.heading), h("span", { key: 'f6c4f69b00a5e5d9f52089156ec77adecc1bdffc', class: CSS.stepperItemDescription }, this.description))), h("div", { key: '086f0f9320d3098de87d1e9f3728164a83caf35d', class: CSS.stepperItemContent }, h("slot", { key: '8e049fb74154fbce4d685d4d00ebca9b3ff57f63' }))))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -3,20 +3,20 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { h, r as registerInstance, c as createEvent, H as Host, d as readTask, g as getElement } from './index-b793d9aa.js';
-import { e as slotChangeGetAssignedElements, b as focusElementInGroup } from './dom-42a638f6.js';
-import { c as createObserver } from './observers-6cac5525.js';
-import { g as guid } from './guid-42656051.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a53a7bc6.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-b33c486a.js';
-import './resources-745dec87.js';
-import './browser-a791205e.js';
-import './key-d6dfb50e.js';
+import { h, r as registerInstance, c as createEvent, H as Host, d as readTask, g as getElement } from './index-904bc599.js';
+import { e as slotChangeGetAssignedElements, b as focusElementInGroup } from './dom-75c641a7.js';
+import { c as createObserver } from './observers-c83631e8.js';
+import { g as guid } from './guid-b0fb1de3.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-24516fec.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-9a5d28cf.js';
+import './resources-8e2ed936.js';
+import './browser-b67d8df6.js';
+import './key-e6b442de.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",
@@ -30,7 +30,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",
@@ -146,7 +146,7 @@ const Stepper = class {
         this.mutationObserver?.disconnect();
     }
     render() {
-        return (h(Host, { key: 'bd7571b5c3af662f4a2bde52e9742e2328fc7c8f', "aria-label": this.messages.label, role: "region" }, h("div", { key: '9e1d066b9f3ec7fa1df9f55e6e742d0c26cd4ec2', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '49ccb52be5e2c1c747cbe634d3049fc5677ac7c2', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: 'd771370bda9cfc17412208ea9de36c52f9c9fabd', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: '8c9f00eda6193622c72943bc459b8e3adf69fe77', onSlotchange: this.handleDefaultSlotChange }))));
+        return (h(Host, { key: 'cf7174442aa44f3a2bd72893900a60bcbf7e1d5e', "aria-label": this.messages.label, role: "region" }, h("div", { key: '1036b66baff637f74ca2296c725f8ec091955c55', class: { container: true, [CSS$1.singleView]: this.layout === "horizontal-single" }, ref: this.setContainerEl }, this.layout === "horizontal-single" && (h("div", { key: '2ebc80f63ea8938538630181ac165712ce645b69', class: { [CSS$1.stepBarContainer]: true } }, this.items.map((item, index) => (h(StepBar, { active: index === this.currentActivePosition, complete: item.complete && index !== this.currentActivePosition && !item.error, disabled: item.disabled && index !== this.currentActivePosition, error: item.error && index !== this.currentActivePosition, key: index }))))), this.layout === "horizontal-single" && (h("div", { key: 'c471f0b44071da745850a7a5910894f27eccce02', class: { [CSS$1.actionContainer]: true } }, this.renderAction("start"), this.renderAction("end"))), h("slot", { key: 'd7f6599abe59d4ed86e0deefe991a3556fe3e270', onSlotchange: this.handleDefaultSlotChange }))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -3,22 +3,22 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
-import { d as focusElement, t as toAriaBoolean } from './dom-42a638f6.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-46367137.js';
-import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { i as isActivationKey } from './key-d6dfb50e.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-f2ec1100.js';
-import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1a9b14b8.js';
-import './guid-42656051.js';
-import './resources-745dec87.js';
-import './browser-a791205e.js';
-import './component-d35983a4.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-904bc599.js';
+import { d as focusElement, t as toAriaBoolean } from './dom-75c641a7.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d45062d8.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { i as isActivationKey } from './key-e6b442de.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-272c5973.js';
+import { c as componentFocusable, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7cb2fc6f.js';
+import './guid-b0fb1de3.js';
+import './resources-8e2ed936.js';
+import './component-83541c88.js';
+import './browser-b67d8df6.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",
@@ -26,7 +26,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 {
@@ -90,7 +90,6 @@ const Switch = class {
     //
     //--------------------------------------------------------------------------
     connectedCallback() {
-        connectInteractive(this);
         connectLabel(this);
         connectForm(this);
     }
@@ -101,7 +100,6 @@ const Switch = class {
         setComponentLoaded(this);
     }
     disconnectedCallback() {
-        disconnectInteractive(this);
         disconnectLabel(this);
         disconnectForm(this);
     }
@@ -114,7 +112,7 @@ const Switch = class {
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '2e5e3a9e0dcc88431502cd2bbea8323a1898ef9a', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '73c50c102fe522422e08835b653dc8651eca6bae', disabled: this.disabled }, h("div", { key: 'f0020b33ecee02265dcd4d712f729638ccabb14e', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { key: '03b2f583e888ea429025b74ca43b22a4dd957ee5', class: CSS.track }, h("div", { key: '3045c61b33731f692ecf201cb6ffea2a164f6297', class: CSS.handle })), h(HiddenFormInputSlot, { key: 'f1a1c1bda4e85b357936c962175e0942dc0b0001', component: this })))));
+        return (h(Host, { key: '7731df888262acc136e2099fe599c6290967fea7', onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(InteractiveContainer, { key: '6bc3781eb46221cbe022c6e6b3e7bad267e4d2c6', disabled: this.disabled }, h("div", { key: '1670db00b1cdb4ad8f013ff0dae914683db2004c', "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: CSS.container, ref: this.setSwitchEl, role: "switch", tabIndex: 0 }, h("div", { key: '3c6e6d5abc6df9d745e361a65d06f4e7c1a3da16', class: CSS.track }, h("div", { key: '0973b399396b9bd44ac9d2c17b374e2fbfe77b5e', class: CSS.handle })), h(HiddenFormInputSlot, { key: '7776a1881b7b6d43c543e4f388ae6cb4301b4181', component: this })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -3,23 +3,23 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b793d9aa.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1a9b14b8.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-b33c486a.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-a53a7bc6.js';
-import { h as getElementDir } from './dom-42a638f6.js';
-import { C as CSS_UTILITY } from './resources-745dec87.js';
-import { g as getIconScale } from './component-d35983a4.js';
-import './browser-a791205e.js';
-import './key-d6dfb50e.js';
-import './observers-6cac5525.js';
-import './guid-42656051.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-904bc599.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-7cb2fc6f.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-9a5d28cf.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-24516fec.js';
+import { g as getElementDir } from './dom-75c641a7.js';
+import { C as CSS_UTILITY } from './resources-8e2ed936.js';
+import { g as getIconScale } from './component-83541c88.js';
+import './browser-b67d8df6.js';
+import './key-e6b442de.js';
+import './observers-c83631e8.js';
+import './guid-b0fb1de3.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",
@@ -96,7 +96,6 @@ const TableCell = class {
     connectedCallback() {
         connectLocalized(this);
         connectMessages(this);
-        connectInteractive(this);
     }
     componentDidRender() {
         updateHostInteraction(this);
@@ -104,7 +103,6 @@ const TableCell = class {
     disconnectedCallback() {
         disconnectLocalized(this);
         disconnectMessages(this);
-        disconnectInteractive(this);
     }
     //--------------------------------------------------------------------------
     //
@@ -136,7 +134,7 @@ const TableCell = class {
         const staticCell = this.disabled ||
             (this.interactionMode === "static" &&
                 (!this.selectionCell || (this.selectionCell && this.parentRowType === "foot")));
-        return (h(Host, { key: '4d52967c0b56ad11ae0cd2f2bcda584a4c32d7aa' }, h(InteractiveContainer, { key: '38dc03f0b7b46647d55510c954da818991134923', disabled: this.disabled }, h("td", { key: 'f33e06346894caae2199743b02b3d82d45227a9c', "aria-disabled": this.disabled, class: {
+        return (h(Host, { key: '810b40e485c0c6e0eee906d2429f90b2849f6596' }, h(InteractiveContainer, { key: '58e00494bada929bc60f2e70469a5728373514ff', disabled: this.disabled }, h("td", { key: '3c42de8c89375021694b762b438eee08ac7b95e1', class: {
                 [CSS$1.footerCell]: this.parentRowType === "foot",
                 [CSS$1.contentCell]: !this.numberCell && !this.selectionCell,
                 [CSS$1.numberCell]: this.numberCell,
@@ -146,7 +144,7 @@ const TableCell = class {
                 [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) && (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)), 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) && (h("span", { key: '74f8a783a482e2cebf7f8b1c49a9678a2de05d0a', "aria-live": this.focused ? "polite" : "off", class: CSS$1.assistiveText }, this.selectionCell && this.selectionText, this.readCellContentsToAT && !this.selectionCell && this.contentsText)), h("slot", { key: 'e0fd9db04473dd100c008f17aa648e3337d55419', onSlotchange: this.updateScreenReaderContentsText })))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }
@@ -161,7 +159,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",
@@ -304,7 +302,7 @@ const TableHeader = class {
                 ? ICONS.indeterminate
                 : ICONS.unchecked;
         const staticCell = this.interactionMode === "static" && !this.selectionCell;
-        return (h(Host, { key: '55805e40fd5617971301fe6c3df52fd45ff4486e' }, h("th", { key: '2f7c756603386e578a871558645daac673fd6cdc', "aria-colindex": this.parentRowType === "head" ? this.positionInRow : undefined, class: {
+        return (h(Host, { key: '447a58f1a2aa774bbe128ddd6f5d5c0a03bf7bc7' }, 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,
@@ -315,7 +313,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 && h("div", { key: 'e347778a1676cf40c5f4c2937a590ac8b6c1fde0', class: CSS.heading }, this.heading), this.description && h("div", { key: '13c5d2ec28bf68132c1217be299aa4363794f370', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { key: '11f84e3c1c3cb8be33c8c5aa4a2cc4f5d01fbbfa', class: { [CSS.active]: indeterminate || checked }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (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 && h("div", { key: '549f6ea3faaa3fe66565de1d67567bfaa38cad50', class: CSS.heading }, this.heading), this.description && h("div", { key: '27f7b8de72e154917efd88d9d7f9653df65b0459', class: CSS.description }, this.description), this.selectionCell && this.selectionMode === "multiple" && (h("calcite-icon", { key: '41fb8e9cdc09f24c326d8edd70d600fee4920bc3', class: { [CSS.active]: indeterminate || checked }, icon: selectionIcon, scale: getIconScale(this.scale) })), (this.selectionCell || this.numberCell) && (h("span", { key: '119b6c72bd3cc17a19863841e02b04c2312e7984', "aria-live": this.focused ? "polite" : "off", class: CSS.assistiveText }, this.screenReaderText)))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

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

@@ -3,19 +3,18 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
-import { b as focusElementInGroup } from './dom-42a638f6.js';
-import { i as isActivationKey } from './key-d6dfb50e.js';
-import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive, I as InteractiveContainer } from './interactive-b2a41b8b.js';
-import { g as getIconScale } from './component-d35983a4.js';
-import './guid-42656051.js';
-import './resources-745dec87.js';
-import './browser-a791205e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-904bc599.js';
+import { b as focusElementInGroup, t as toAriaBoolean } from './dom-75c641a7.js';
+import { i as isActivationKey } from './key-e6b442de.js';
+import { u as updateHostInteraction, I as InteractiveContainer } from './interactive-98ed6b6f.js';
+import { g as getIconScale } from './component-83541c88.js';
+import './guid-b0fb1de3.js';
+import './resources-8e2ed936.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",
@@ -180,15 +179,9 @@ const TableRow = class {
             this.updateCells();
         }
     }
-    connectedCallback() {
-        connectInteractive(this);
-    }
     componentDidRender() {
         updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        disconnectInteractive(this);
-    }
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -237,7 +230,7 @@ const TableRow = class {
         return this.rowType === "head" ? (h("calcite-table-header", { alignment: "center", key: "numbered-head", numberCell: true, parentRowAlignment: this.alignment })) : this.rowType === "body" ? (h("calcite-table-cell", { alignment: "center", key: "numbered-body", numberCell: true, parentRowAlignment: this.alignment }, this.positionSectionLocalized)) : (h("calcite-table-cell", { alignment: "center", key: "numbered-foot", numberCell: true, parentRowAlignment: this.alignment }));
     }
     render() {
-        return (h(Host, { key: 'e87804d55ad11b0bb5bce7e82f46c0893c40d623' }, h(InteractiveContainer, { key: '22e502f4cecbf8b484bfd33de618f4be3f146c56', disabled: this.disabled }, 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(), h("slot", { key: 'e481e637b8b2ac107d2eb57ebadf0d09c88da8db', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
+        return (h(Host, { key: 'fa3f14c832e7ed178ea338b01baebbe9a578689d' }, h(InteractiveContainer, { key: 'c82f005db0a6247e45476c86d2eaefe698df2dd1', disabled: this.disabled }, h("tr", { key: '452064805aa9685b75f3715bd45c42ce41f88368', "aria-rowindex": this.positionAll + 1, "aria-selected": 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(), h("slot", { key: 'bddf927a3129b20012ade6aa5415afcdeb8064a1', onSlotchange: this.updateCells, ref: (el) => (this.tableRowSlotEl = el) })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,21 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b793d9aa.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-1a9b14b8.js';
-import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-b33c486a.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-a53a7bc6.js';
-import { g as getUserAgentString } from './browser-a791205e.js';
-import './dom-42a638f6.js';
-import './guid-42656051.js';
-import './resources-745dec87.js';
-import './key-d6dfb50e.js';
-import './observers-6cac5525.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-904bc599.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-7cb2fc6f.js';
+import { u as updateMessages, s as setUpMessages, c as connectMessages, d as disconnectMessages } from './t9n-9a5d28cf.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-24516fec.js';
+import { g as getUserAgentString } from './browser-b67d8df6.js';
+import './dom-75c641a7.js';
+import './guid-b0fb1de3.js';
+import './resources-8e2ed936.js';
+import './key-e6b442de.js';
+import './observers-c83631e8.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",
@@ -215,10 +215,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;
@@ -282,13 +282,13 @@ const Table = class {
         return (h("tfoot", null, h("slot", { name: SLOTS.tableFooter, onSlotchange: this.updateRows, ref: (el) => (this.tableFootSlotEl = el) })));
     }
     render() {
-        return (h(Host, { key: '977fbb58c0ee0fdb506ebed869b136767dc43873' }, h("div", { key: 'c9c0885932328c3d703abb32632f599404f8ac20', class: CSS.container }, this.selectionMode !== "none" &&
+        return (h(Host, { key: '8e6d0b48e0ffa640e5d0e052092bccf1b4b7fafe' }, h("div", { key: 'ce5932eda4dbec9b60ee5a7aad523e5d47178888', class: CSS.container }, this.selectionMode !== "none" &&
             this.selectionDisplay !== "none" &&
-            this.renderSelectionArea(), h("div", { key: 'a6b5739bb1b0f6eafeb37959bc21e54374c4da23', class: {
+            this.renderSelectionArea(), h("div", { key: '37fb918ba3079352db0ca83c253f648c327cc3d8', class: {
                 [CSS.bordered]: this.bordered,
                 [CSS.striped]: this.striped || this.zebra,
                 [CSS.tableContainer]: true,
-            } }, 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" }, h("caption", { key: '099e0d60343af59b0e59f1baf6fbfb36ed4498ad', class: CSS.assistiveText }, this.caption), this.renderTHead(), this.renderTBody(), this.renderTFoot())), this.pageSize > 0 && this.renderPaginationArea())));
+            } }, 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" }, 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 getElement(this); }