@esri/calcite-components 2.12.0 → 2.13.0-next.1

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

@@ -1,26 +1,26 @@
 /*!
  * 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.0
+ * v2.13.0-next.1
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-fdc628de.js');
-const dom = require('./dom-cdce16d7.js');
-const interactive = require('./interactive-9db98a91.js');
-const observers = require('./observers-3a410d9c.js');
-const browser = require('./browser-89880371.js');
-const sortableComponent = require('./sortableComponent-5aab28be.js');
-const resources = require('./resources-be7080cd.js');
-const loadable = require('./loadable-8de43def.js');
-const t9n = require('./t9n-0ac48eea.js');
-const locale = require('./locale-987403a2.js');
-const debounce = require('./debounce-e2fa4fee.js');
-require('./guid-a0aaca44.js');
-require('./resources-8a5c46a3.js');
-require('./key-5de2d409.js');
+const index = require('./index-4fe70fa3.js');
+const dom = require('./dom-1ff7fb61.js');
+const interactive = require('./interactive-6e051cdc.js');
+const observers = require('./observers-498f2676.js');
+const browser = require('./browser-192fd050.js');
+const sortableComponent = require('./sortableComponent-b6521d30.js');
+const resources = require('./resources-86a2da64.js');
+const loadable = require('./loadable-6f2dfe5f.js');
+const t9n = require('./t9n-ab4fd9b6.js');
+const locale = require('./locale-38c1927e.js');
+const debounce = require('./debounce-f870378c.js');
+require('./guid-47ff9796.js');
+require('./resources-d2d6a16a.js');
+require('./key-c3b3fd7e.js');
 
 const CSS$2 = {
     wrapper: "wrapper",
@@ -430,7 +430,6 @@ const List = class {
         this.connectObserver();
         this.updateListItems();
         this.setUpSorting();
-        interactive.connectInteractive(this);
         this.setParentList();
     }
     async componentWillLoad() {
@@ -446,7 +445,6 @@ const List = class {
     disconnectedCallback() {
         this.disconnectObserver();
         sortableComponent.disconnectSortableComponent(this);
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
     }
@@ -477,7 +475,7 @@ const List = class {
     // --------------------------------------------------------------------------
     render() {
         const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, filteredItems, hasFilterActionsStart, hasFilterActionsEnd, hasFilterNoResults, filterProps, } = this;
-        return (index.h(interactive.InteractiveContainer, { key: '84991009060a8b97b9901ca97f32b32fa6e830fa', disabled: this.disabled }, index.h("div", { key: '27f5a904be599be5768bb1a7693111573e745e0f', class: CSS$1.container }, this.dragEnabled ? (index.h("span", { "aria-live": "assertive", class: CSS$1.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? index.h("calcite-scrim", { class: CSS$1.scrim, loading: loading }) : null, index.h("table", { key: 'dd343a43f26edcb50f87a064a41471756a94afeb', "aria-busy": dom.toAriaBoolean(loading), "aria-label": label || "", class: CSS$1.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (index.h("thead", { class: CSS$1.sticky }, index.h("tr", null, index.h("th", { colSpan: MAX_COLUMNS }, index.h("calcite-stack", { class: CSS$1.stack }, index.h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: resources.SLOTS.actionsStart }), index.h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), index.h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: resources.SLOTS.actionsEnd })))))) : null, index.h("tbody", { key: '90a288eea3e02d5261e369e14b687852c1ff876b', class: CSS$1.tableContainer }, index.h("slot", { key: '08992c3c5ad4d5afe86e7e1cd38327c5f4281bd1', onSlotchange: this.handleDefaultSlotChange }))), index.h("div", { key: '689185b56a2990e00a409ddbc4e4c135115791d3', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, index.h("slot", { key: '929ef7f843f5c8e7290a3cbcebea8c5c4cf38707', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
+        return (index.h(interactive.InteractiveContainer, { key: '77a7d2082e48cc50534d5b098fca5f8f2919466a', disabled: this.disabled }, index.h("div", { key: '6e06c521872be685e7741cb8cf504b4e3f2e633d', class: CSS$1.container }, this.dragEnabled ? (index.h("span", { "aria-live": "assertive", class: CSS$1.assistiveText }, this.assistiveText)) : null, this.renderItemAriaLive(), loading ? index.h("calcite-scrim", { class: CSS$1.scrim, loading: loading }) : null, index.h("table", { key: '8ec10bf4d2bc717bfd1a890f8d1b10ef360082ba', "aria-busy": dom.toAriaBoolean(loading), "aria-label": label || "", class: CSS$1.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (index.h("thead", { class: CSS$1.sticky }, index.h("tr", null, index.h("th", { colSpan: MAX_COLUMNS }, index.h("calcite-stack", { class: CSS$1.stack }, index.h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: resources.SLOTS.actionsStart }), index.h("calcite-filter", { "aria-label": filterPlaceholder, disabled: disabled, filterProps: filterProps, items: dataForFilter, onCalciteFilterChange: this.handleFilterChange, placeholder: filterPlaceholder, ref: this.setFilterEl, value: filterText }), index.h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: resources.SLOTS.actionsEnd })))))) : null, index.h("tbody", { key: '041f22d407166644a92708c6b16216d39d7758dd', class: CSS$1.tableContainer }, index.h("slot", { key: '7d6e2c379e29970871e3c59e357e55d3dcb375b4', onSlotchange: this.handleDefaultSlotChange }))), index.h("div", { key: 'bc1188434808d29f8d2f3fe0f14748a03c505b48', "aria-live": "polite", "data-test-id": "no-results-container", hidden: !(hasFilterNoResults && filterEnabled && filterText && !filteredItems.length) }, index.h("slot", { key: '9f68eada3e5fbc40be3d3cb9d05b672879c15512', name: SLOTS.filterNoResults, onSlotchange: this.handleFilterNoResultsSlotChange })))));
     }
     // --------------------------------------------------------------------------
     //
@@ -871,7 +869,6 @@ const ListItem = class {
     //
     // --------------------------------------------------------------------------
     connectedCallback() {
-        interactive.connectInteractive(this);
         locale.connectLocalized(this);
         t9n.connectMessages(this);
         const { el } = this;
@@ -890,7 +887,6 @@ const ListItem = class {
         interactive.updateHostInteraction(this);
     }
     disconnectedCallback() {
-        interactive.disconnectInteractive(this);
         locale.disconnectLocalized(this);
         t9n.disconnectMessages(this);
     }
@@ -1002,7 +998,7 @@ const ListItem = class {
         const showBorder = selectionMode !== "none" && selectionAppearance === "border";
         const borderSelected = showBorder && selected;
         const borderUnselected = showBorder && !selected;
-        return (index.h(index.Host, { key: 'e5c6ac9b3b611040a89e45804935c9c6e0edce2d' }, index.h(interactive.InteractiveContainer, { key: '352c056d23f70ef0c5596e9bc447c57dad7523c9', disabled: disabled }, index.h("div", { key: 'c19950786e18433c5197309442118d72806698a9', class: { [CSS$2.wrapper]: true, [CSS$2.wrapperBordered]: bordered } }, index.h("tr", { key: 'a77a11612d4b15afdfe0146c2808312de96756bc', "aria-expanded": openable ? dom.toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": dom.toAriaBoolean(selected), "aria-setsize": setSize, class: {
+        return (index.h(index.Host, { key: 'd3d57f0deffcb931be4f582b7040702cea00f7db' }, index.h(interactive.InteractiveContainer, { key: '0a0c99d15211ccbfb1a08483daf132d18935241a', disabled: disabled }, index.h("div", { key: '34763beb5b2e7bbb6255a402052a78463faa6700', class: { [CSS$2.wrapper]: true, [CSS$2.wrapperBordered]: bordered } }, index.h("tr", { key: '8d08d0433d7a320e07cb51367a03e8390cf6bfc6', "aria-expanded": openable ? dom.toAriaBoolean(open) : null, "aria-label": label, "aria-level": level, "aria-posinset": setPosition, "aria-selected": dom.toAriaBoolean(selected), "aria-setsize": setSize, class: {
                 [CSS$2.container]: true,
                 [CSS$2.containerHover]: true,
                 [CSS$2.containerBorder]: showBorder,
@@ -1083,15 +1079,9 @@ const ListItemGroup = class {
     //  Lifecycle
     //
     // --------------------------------------------------------------------------
-    connectedCallback() {
-        interactive.connectInteractive(this);
-    }
     componentDidRender() {
         interactive.updateHostInteraction(this);
     }
-    disconnectedCallback() {
-        interactive.disconnectInteractive(this);
-    }
     // --------------------------------------------------------------------------
     //
     //  Render Methods
@@ -1099,7 +1089,7 @@ const ListItemGroup = class {
     // --------------------------------------------------------------------------
     render() {
         const { disabled, heading } = this;
-        return (index.h(index.Host, { key: '85b83e04247b94aa14924a0f835a1a998dea8a09' }, index.h(interactive.InteractiveContainer, { key: 'd07a3dde8836dad2a905b4621fae3c6c2c3c3966', disabled: disabled }, index.h("tr", { key: 'e0371d077ffca503468e60ea4906391eed32ae85', class: CSS.container }, index.h("td", { key: '41a9ea1a58f0cd4b6daabee4a4b628184aff0cae', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), index.h("slot", { key: '74dbc9667e9ac7b420a4584b80add4692b143a14', onSlotchange: this.handleDefaultSlotChange }))));
+        return (index.h(index.Host, { key: '8f2d57a82cbd6e7ec0e7592b58af939ed6f87033' }, index.h(interactive.InteractiveContainer, { key: '6d1c4b13105eabb667e0437e6a6f22368c5ec2dd', disabled: disabled }, index.h("tr", { key: '78439c330e631d145a20fe420bb31d2540aa4892', class: CSS.container }, index.h("td", { key: '13eb09720d9d85ad8fc8bb4890b28a37e73c116e', class: CSS.heading, colSpan: MAX_COLUMNS }, heading)), index.h("slot", { key: 'c10bfe677c7e14acbb5a870e407c3fdc432b4187', onSlotchange: this.handleDefaultSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };