@getflip/swirl-components 0.233.0 → 0.233.1

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-05T07:00:58",
+  "timestamp": "2024-09-05T09:27:58",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -55546,12 +55546,12 @@
       ],
       "events": [
         {
-          "event": "expandedItemsChanged",
-          "detail": "string[]",
+          "event": "itemExpansionChanged",
+          "detail": "{ itemId: string; expanded: boolean; }",
           "bubbles": true,
           "complexType": {
-            "original": "string[]",
-            "resolved": "string[]",
+            "original": "{\n    itemId: string;\n    expanded: boolean;\n  }",
+            "resolved": "{ itemId: string; expanded: boolean; }",
             "references": {}
           },
           "cancelable": true,

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -10,7 +10,7 @@ const SwirlTreeViewStyle0 = swirlTreeViewCss;
 const SwirlTreeView = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.expandedItemsChanged = index.createEvent(this, "expandedItemsChanged", 7);
+        this.itemExpansionChanged = index.createEvent(this, "itemExpansionChanged", 7);
         this.onSlotChange = () => {
             this.init();
         };
@@ -24,7 +24,7 @@ const SwirlTreeView = class {
         this.init();
     }
     async expandItems(itemIds) {
-        const items = this.getItems().filter((item) => itemIds.includes(item.id));
+        const items = this.getItems().filter((item) => itemIds.includes(item.itemId));
         items.forEach((item) => item.expand());
     }
     onKeyDown(event) {
@@ -61,17 +61,13 @@ const SwirlTreeView = class {
         });
     }
     onExpandedChange(event) {
-        const expandedItemIds = this.getItems()
-            .filter((item) => this.isItemExpanded(item))
-            .map((item) => item.id);
-        const changedItemGotExpanded = !Boolean(event.target.querySelector(':scope > li > [aria-expanded="true"]'));
-        if (changedItemGotExpanded) {
-            expandedItemIds.push(event.target.id);
+        const target = event.target;
+        if (target?.tagName === "SWIRL-TREE-VIEW-ITEM") {
+            this.itemExpansionChanged.emit({
+                itemId: target.itemId,
+                expanded: event.detail,
+            });
         }
-        else {
-            expandedItemIds.splice(expandedItemIds.indexOf(event.target.id), 1);
-        }
-        this.expandedItemsChanged.emit(expandedItemIds);
     }
     init() {
         const selectedItem = this.getSelectedItem();
@@ -203,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '339267c7110db49dfa92d4e36ea7359666969819' }, index.h("ul", { key: '730cceb516e83f1ef72c8552fc26a510d225f069', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'dcde56962d621cfc40a170b80f9b8137809bf59e', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'cf2b5d1a4d8a6894ab94ac25974a16378b99e293' }, index.h("ul", { key: '22c81f9e9c9109bc8cc9dd066a390d146820fc5c', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '9167a63b90026578af2f0d7263da97229ea3942e', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };