@esri/calcite-components 2.2.0-next.10 → 2.2.0-next.11

package/dist/cjs/calcite-input-time-zone.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/main/LICENSE.md for details.
- * v2.2.0-next.10
+ * v2.2.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3f4e122c.js');
-const label = require('./label-ebaebe46.js');
-const interactive = require('./interactive-8aa5ce2d.js');
-const locale = require('./locale-ad7edd77.js');
-const t9n = require('./t9n-60b39bb3.js');
-const loadable = require('./loadable-56f61e5d.js');
-const form = require('./form-773b1282.js');
-require('./dom-6ebda9a4.js');
-require('./guid-f8293edf.js');
-require('./resources-2d961646.js');
-require('./component-b4823705.js');
-require('./browser-38dfc363.js');
-require('./key-f1e6dc28.js');
-require('./observers-325d7cbb.js');
+const index = require('./index-8b34daf0.js');
+const label = require('./label-19f970cb.js');
+const interactive = require('./interactive-7b3fb6e5.js');
+const locale = require('./locale-92847a13.js');
+const t9n = require('./t9n-b908c650.js');
+const loadable = require('./loadable-64558297.js');
+const form = require('./form-89e59b29.js');
+require('./dom-96b95ba5.js');
+require('./guid-f81db95d.js');
+require('./resources-1e439750.js');
+require('./component-3cb4d607.js');
+require('./browser-34b605ef.js');
+require('./key-89f3021a.js');
+require('./observers-72601b59.js');
 
 const hourToMinutes = 60;
 const timeZoneNameBlockList = [
@@ -74,8 +74,8 @@ async function createTimeZoneItems(locale, messages, mode, referenceDate) {
     if (mode === "offset") {
         if (!timeZoneGroups) {
             timeZoneGroups = Promise.all([
-                Promise.resolve().then(function () { return require('./index-df25d497.js'); }),
-                Promise.resolve().then(function () { return require('./index-a3f5b07a.js'); }),
+                Promise.resolve().then(function () { return require('./index-c596660b.js'); }),
+                Promise.resolve().then(function () { return require('./index-86e0bedf.js'); }),
             ]);
         }
         return timeZoneGroups.then(async ([{ groupTimeZones }, { DateEngine }]) => {

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

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
+ * v2.2.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3f4e122c.js');
-const dom = require('./dom-6ebda9a4.js');
-const form = require('./form-773b1282.js');
-const interactive = require('./interactive-8aa5ce2d.js');
-const key = require('./key-f1e6dc28.js');
-const label = require('./label-ebaebe46.js');
-const loadable = require('./loadable-56f61e5d.js');
-const locale = require('./locale-ad7edd77.js');
-const observers = require('./observers-325d7cbb.js');
-const resources = require('./resources-2d961646.js');
-const t9n = require('./t9n-60b39bb3.js');
-const component = require('./component-b4823705.js');
-const Validation = require('./Validation-de4e1adf.js');
-require('./guid-f8293edf.js');
-require('./browser-38dfc363.js');
+const index = require('./index-8b34daf0.js');
+const dom = require('./dom-96b95ba5.js');
+const form = require('./form-89e59b29.js');
+const interactive = require('./interactive-7b3fb6e5.js');
+const key = require('./key-89f3021a.js');
+const label = require('./label-19f970cb.js');
+const loadable = require('./loadable-64558297.js');
+const locale = require('./locale-92847a13.js');
+const observers = require('./observers-72601b59.js');
+const resources = require('./resources-1e439750.js');
+const t9n = require('./t9n-b908c650.js');
+const component = require('./component-3cb4d607.js');
+const Validation = require('./Validation-15fb642b.js');
+require('./guid-f81db95d.js');
+require('./browser-34b605ef.js');
 
 const CSS = {
     loader: "loader",

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
+ * v2.2.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3f4e122c.js');
-const label = require('./label-ebaebe46.js');
-require('./dom-6ebda9a4.js');
-require('./guid-f8293edf.js');
-require('./resources-2d961646.js');
-require('./component-b4823705.js');
+const index = require('./index-8b34daf0.js');
+const label = require('./label-19f970cb.js');
+require('./dom-96b95ba5.js');
+require('./guid-f81db95d.js');
+require('./resources-1e439750.js');
+require('./component-3cb4d607.js');
 
 const CSS = {
     container: "container",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.10
+ * v2.2.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3f4e122c.js');
-const dom = require('./dom-6ebda9a4.js');
-const interactive = require('./interactive-8aa5ce2d.js');
-const loadable = require('./loadable-56f61e5d.js');
-const resources = require('./resources-2d961646.js');
-require('./guid-f8293edf.js');
-require('./browser-38dfc363.js');
+const index = require('./index-8b34daf0.js');
+const dom = require('./dom-96b95ba5.js');
+const interactive = require('./interactive-7b3fb6e5.js');
+const loadable = require('./loadable-64558297.js');
+const resources = require('./resources-1e439750.js');
+require('./guid-f81db95d.js');
+require('./browser-34b605ef.js');
 
 const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid 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          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([hidden]){display:none}[hidden]{display:none}";
 

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/main/LICENSE.md for details.
- * v2.2.0-next.10
+ * v2.2.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3f4e122c.js');
-const dom = require('./dom-6ebda9a4.js');
-const interactive = require('./interactive-8aa5ce2d.js');
-const observers = require('./observers-325d7cbb.js');
-const sortableComponent = require('./sortableComponent-0c2fcde7.js');
-const resources = require('./resources-f273d8a6.js');
-const loadable = require('./loadable-56f61e5d.js');
-const t9n = require('./t9n-60b39bb3.js');
-const locale = require('./locale-ad7edd77.js');
-const debounce = require('./debounce-dc2203c4.js');
-require('./guid-f8293edf.js');
-require('./resources-2d961646.js');
-require('./browser-38dfc363.js');
-require('./key-f1e6dc28.js');
+const index = require('./index-8b34daf0.js');
+const dom = require('./dom-96b95ba5.js');
+const interactive = require('./interactive-7b3fb6e5.js');
+const observers = require('./observers-72601b59.js');
+const sortableComponent = require('./sortableComponent-541e0a79.js');
+const resources = require('./resources-861365b8.js');
+const loadable = require('./loadable-64558297.js');
+const t9n = require('./t9n-b908c650.js');
+const locale = require('./locale-92847a13.js');
+const debounce = require('./debounce-4a5c618d.js');
+require('./guid-f81db95d.js');
+require('./resources-1e439750.js');
+require('./browser-34b605ef.js');
+require('./key-89f3021a.js');
 
 const CSS$2 = {
     container: "container",
@@ -135,7 +135,7 @@ const List = class {
         this.handleSelector = "calcite-handle";
         this.listItems = [];
         this.mutationObserver = observers.createObserver("mutation", () => this.updateListItems());
-        this.openItems = [];
+        this.visibleItems = [];
         this.handleDefaultSlotChange = (event) => {
             updateListItemChildren(getListItemChildren(event.target));
             if (this.parentListEl) {
@@ -157,16 +157,16 @@ const List = class {
             }
         };
         this.updateSelectedItems = (emit = false) => {
-            this.selectedItems = this.openItems.filter((item) => item.selected);
+            this.selectedItems = this.visibleItems.filter((item) => item.selected);
             if (emit) {
                 this.calciteListChange.emit();
             }
         };
         this.updateFilteredItems = (emit = false) => {
-            const { openItems, filteredData, filterText } = this;
+            const { visibleItems, filteredData, filterText } = this;
             const values = filteredData.map((item) => item.value);
-            const lastDescendantItems = openItems?.filter((listItem) => openItems.every((li) => li === listItem || !listItem.contains(li)));
-            const filteredItems = openItems.filter((item) => !filterText || values.includes(item.value)) || [];
+            const lastDescendantItems = visibleItems?.filter((listItem) => visibleItems.every((li) => li === listItem || !listItem.contains(li)));
+            const filteredItems = visibleItems.filter((item) => !filterText || values.includes(item.value)) || [];
             const visibleParents = new WeakSet();
             lastDescendantItems.forEach((listItem) => this.filterElements({ el: listItem, filteredItems, visibleParents }));
             if (filteredItems.length > 0) {
@@ -221,7 +221,7 @@ const List = class {
                     this.filterEl.items = this.dataForFilter;
                 }
             }
-            this.openItems = this.listItems.filter((item) => !item.closed);
+            this.visibleItems = this.listItems.filter((item) => !item.closed && !item.hidden);
             this.updateFilteredItems(emit);
             this.focusableItems = this.filteredItems.filter((item) => !item.disabled);
             this.setActiveListItem();
@@ -538,13 +538,13 @@ const List = class {
         this.parentListEl = this.el.parentElement?.closest("calcite-list");
     }
     filterElements({ el, filteredItems, visibleParents, }) {
-        const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
-        el.hidden = hidden;
+        const filterHidden = !visibleParents.has(el) && !filteredItems.includes(el);
+        el.filterHidden = filterHidden;
         const closestParent = el.parentElement.closest(parentSelector);
         if (!closestParent) {
             return;
         }
-        if (!hidden) {
+        if (!filterHidden) {
             visibleParents.add(closestParent);
         }
         this.filterElements({
@@ -625,7 +625,7 @@ const List = class {
 };
 List.style = listCss;
 
-const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid 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          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";
+const listItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;--calcite-list-item-icon-color:var(--calcite-color-brand);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{box-sizing:border-box;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-1);font-family:var(--calcite-sans-family);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.container *{box-sizing:border-box}.container--hover:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.container:active{background-color:var(--calcite-color-foreground-1)}.container--border{border-inline-start-width:4px;border-inline-start-style:solid}.container--border-selected{border-inline-start-color:var(--calcite-color-brand)}.container--border-unselected{border-inline-start-color:transparent}.container:hover.container--border-unselected{border-color:var(--calcite-color-border-1)}.nested-container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.nested-container--hidden{display:none}.content-container{display:flex;flex:1 1 auto;-webkit-user-select:none;user-select:none;align-items:stretch;padding:0px;font-family:var(--calcite-sans-family);font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2)}tr,td{outline-color:transparent}tr:focus,td:focus{outline:2px solid 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          )}.content,.custom-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding-inline:0.75rem;padding-block:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375}.label,.description,.content-bottom{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);word-wrap:break-word;word-break:break-word}.label:only-child,.description:only-child,.content-bottom:only-child{margin:0px;padding-block:0.25rem}.label{color:var(--calcite-color-text-1)}:host([selected]) .label{font-weight:var(--calcite-font-weight-medium)}.description{margin-block-start:0.125rem;color:var(--calcite-color-text-3)}:host([selected]) .description{color:var(--calcite-color-text-2)}.content-start{justify-content:flex-start}.content-end{justify-content:flex-end}.content-start,.content-end{flex:1 1 auto}.content-bottom{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}.content-container--has-center-content .content-start,.content-container--has-center-content .content-end{flex:0 1 auto}.selection-container{display:flex;padding-inline:0.75rem;color:var(--calcite-color-border-input)}.selection-container--single{color:transparent}:host(:not([disabled]):not([selected])) .container:hover .selection-container--single{color:var(--calcite-color-border-1)}:host([selected]:hover) .selection-container,:host([selected]:hover) .selection-container--single,:host([selected]) .selection-container{color:var(--calcite-list-item-icon-color)}.open-container{color:var(--calcite-color-text-3)}:host(:not([disabled])) .container:hover .open-container{color:var(--calcite-color-text-1)}.actions-start,.actions-end,.content-start,.content-end,.selection-container,.drag-container,.open-container{display:flex;align-items:center}.open-container,.selection-container{cursor:pointer}.content-start ::slotted(calcite-icon),.content-end ::slotted(calcite-icon){margin-inline:0.75rem;align-self:center}.actions-start ::slotted(calcite-action),.actions-start ::slotted(calcite-action-menu),.actions-start ::slotted(calcite-handle),.actions-start ::slotted(calcite-dropdown),.actions-end ::slotted(calcite-action),.actions-end ::slotted(calcite-action-menu),.actions-end ::slotted(calcite-handle),.actions-end ::slotted(calcite-dropdown){align-self:stretch;color:inherit}::slotted(calcite-list-item){border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}::slotted(calcite-list:empty){padding-block:0.75rem}:host([hidden]){display:none}[hidden]{display:none}";
 
 const focusMap = new Map();
 const listSelector = "calcite-list";
@@ -802,6 +802,7 @@ const ListItem = class {
         this.dragDisabled = false;
         this.dragHandle = false;
         this.dragSelected = false;
+        this.filterHidden = false;
         this.label = undefined;
         this.metadata = undefined;
         this.open = false;
@@ -930,17 +931,10 @@ const ListItem = class {
             ref: (el) => (this.handleGridEl = el) }, index.h("calcite-handle", { disabled: dragDisabled, label: label, onCalciteHandleChange: this.dragHandleSelectedChangeHandler, selected: dragSelected, setPosition: setPosition, setSize: setSize }))) : null;
     }
     renderOpen() {
-        const { el, open, openable, parentListEl } = this;
+        const { el, open, openable } = this;
         const dir = dom.getElementDir(el);
-        const icon = openable
-            ? open
-                ? ICONS.open
-                : dir === "rtl"
-                    ? ICONS.closedRTL
-                    : ICONS.closedLTR
-            : ICONS.blank;
-        const clickHandler = openable ? this.handleToggleClick : this.handleItemClick;
-        return openable || parentListEl?.openable ? (index.h("td", { class: CSS$2.openContainer, key: "open-container", onClick: clickHandler }, index.h("calcite-icon", { icon: icon, key: icon, scale: "s" }))) : null;
+        const icon = open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR;
+        return openable ? (index.h("td", { class: CSS$2.openContainer, key: "open-container", onClick: this.handleToggleClick }, index.h("calcite-icon", { icon: icon, key: icon, scale: "s" }))) : null;
     }
     renderActionsStart() {
         const { label, hasActionsStart } = this;
@@ -1031,18 +1025,10 @@ const ListItem = class {
         if (!slotEl) {
             return;
         }
-        const { parentListEl } = this;
         const listItemChildren = getListItemChildren(slotEl);
         const listItemChildLists = getListItemChildLists(slotEl);
         updateListItemChildren(listItemChildren);
-        const openable = !!listItemChildren.length || !!listItemChildLists.length;
-        if (openable && parentListEl && !parentListEl.openable) {
-            parentListEl.openable = true;
-        }
-        this.openable = openable;
-        if (!openable) {
-            this.open = false;
-        }
+        this.openable = !!listItemChildren.length || !!listItemChildLists.length;
     }
     getGridCells() {
         return [this.handleGridEl, this.actionsStartEl, this.contentEl, this.actionsEndEl].filter((el) => el && !el.hidden);
@@ -1065,7 +1051,7 @@ const CSS = {
     heading: "heading",
 };
 
-const listItemGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:nth-child(1 of :not([hidden]))){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}:host([hidden]){display:none}[hidden]{display:none}";
+const listItemGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1);--calcite-list-item-spacing-indent:1rem}:host([filter-hidden]){display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.container{margin:0px;display:flex;flex:1 1 0%;background-color:var(--calcite-color-foreground-2);padding:0.75rem;font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-2)}.heading{padding-inline-start:calc(var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier))}::slotted(calcite-list-item){--tw-shadow:0 -1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 -1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:1px}::slotted(calcite-list-item:nth-child(1 of :not([hidden]))){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);margin-block-start:0px}:host([hidden]){display:none}[hidden]{display:none}";
 
 const ListItemGroup = class {
     constructor(hostRef) {
@@ -1080,6 +1066,7 @@ const ListItemGroup = class {
             this.calciteInternalListItemGroupDefaultSlotChange.emit();
         };
         this.disabled = false;
+        this.filterHidden = false;
         this.heading = undefined;
         this.visualLevel = null;
     }