npm - @otto-de/b2b-core-components - Versions diffs - 1.21.0 → 1.22.0 - Mend

@otto-de/b2b-core-components 1.21.0 → 1.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (327) hide show

package/dist/collection/components/radio/radio.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio/radio.e2e.js CHANGED Viewed

@@ -34,11 +34,12 @@ describe('b2b-radio', () => {
         expect(spy).not.toHaveReceivedEvent();
     });
     it('should use label slot if provided', async () => {
-        await page.setContent(`
+        const slotPage = await newE2EPage();
+        await slotPage.setContent(`
       <b2b-radio-button value="one">
         <span slot="label">Custom label</span>
       </b2b-radio-button>`);
-        const element = await page.find('span');
+        const element = await slotPage.find('span');
         expect(element).toEqualText('Custom label');
     });
 });

package/dist/collection/components/radio/radio.js CHANGED Viewed

@@ -53,11 +53,11 @@ export class B2bRadioButtonComponent {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: 'e18102a2fb0a1386273ade95e4a7bffa17466755', onClick: this.onClick }, h("div", { key: '3ab98b94c94b3e027e673247245c7012d3f9bc86', class: {
+        return (h(Host, { key: 'c6a48de040535714aa894821869b17a09bd7c0bc', onClick: this.onClick }, h("div", { key: 'c7330bbaad0413b440b630607a7f036ae4ede8bd', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, h("input", { key: '7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '9509f79a63adce1a01a549bd41656df1b81ead7a', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: '178785143077da89f4af963ccb313e32d86a9408', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: 'fa4653ef9abfffb7bccc3450d5fd024a3167297c', class: "b2b-radio-items" }, h("input", { key: '0ada5794f7abd8f5a10078e06a6d0ad8a2d2053e', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '1486659420211964f3a59c4465717170eaffb7ec', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: 'deac0ee6f41f57b312837c8e24534f0e9416144b', name: "label" }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     static get is() { return "b2b-radio-button"; }

package/dist/collection/components/radio-group/radio-group.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio-group/radio-group.e2e.js CHANGED Viewed

@@ -68,15 +68,16 @@ describe('B2B-Radio-Group', () => {
         expect(hint).not.toBeDefined;
         expect(error).not.toBeDefined;
     });
-    it('should use label slot if provided', async () => {
-        await page.setContent(`
+    it('should use label slot if provided ', async () => {
+        const slotPage = await newE2EPage();
+        await slotPage.setContent(`
       <b2b-radio-group name="test-group">
           <span slot="label">Custom label</span>
           <b2b-radio-button label="one" value="one" name="test-group" id="one" hint="test" error="test"></b2b-radio-button>
           <b2b-radio-button label="two" value="two" name="test-group" id="two"</b2b-radio-button>
       </b2b-radio-group>
   `);
-        const element = await page.find('span');
+        const element = await slotPage.find('span');
         expect(element).toEqualText('Custom label');
     });
 });

package/dist/collection/components/radio-group/radio-group.js CHANGED Viewed

@@ -69,11 +69,11 @@ export class RadioButtonGroupComponent {
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: 'f3db64520ccc43bc53481c1a8b7bcd84e00137a9' }, h("div", { key: 'dc7b46f02261530f8514fcb8f7b82777ee304694', class: {
+        return (h(Host, { key: '7d9c1d82a8e36e51555112beb36140829d971c22' }, h("div", { key: 'c3a003fe8e873cdcf0f998087fb9ca88cd8cf829', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: 'a966d24bb05131b586bf06ab9296cecf889c1479' }, h("div", { key: 'f5c4eee2aa0d6ac639cbfd13bd2cdd5a0caee0d5', class: "b2b-radio-group-options" }, h("slot", { key: '0f7f3ba4c038e8c9ef883738142eb463fbdafceb' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: '4d513eb53eb50d556d3e9b3635b0560dd337dd46' }, h("div", { key: '18268876504e9af54aa1815c76365ad41ff5b0ee', class: "b2b-radio-group-options" }, h("slot", { key: '78b7c3a6a05ace18d201b6fc600969df040ad531' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     static get is() { return "b2b-radio-group"; }

package/dist/collection/components/required-separator/required-separator.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/required-separator/required-separator.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class B2BRequiredSeparator {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (h(Host, { key: '579b61923204ef55e9869a380d756b65052b6090' }, h("div", { key: 'be5d925cca766cbefaa60eaecc194b6e7db60f2a', class: "b2b-required-separator__label" }, h("span", { key: 'ceb68c7a579e6686e1b2eb39175c790d78ae9945', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'bde31831c13a036c901611b86b6de30fcaa6dc18' }, this.label)), h("b2b-separator", { key: '003cd4d6cc099ec051076f6f3d9bf2d523df7e1f' })));
+        return (h(Host, { key: 'cab5659fd608d598bfdea6c24da780f5b1c8f0a4' }, h("div", { key: '107780204e6bc22b6d87014639307a1ddf0a3077', class: "b2b-required-separator__label" }, h("span", { key: '1997e65a06747f06779950ad793ddd221dcd9974', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '44b6faacf88b76a13dcc2fcf2529354279103d83' }, this.label)), h("b2b-separator", { key: 'cf1747b9ec17ea9eb352f777f0ad25c8d6b2a927' })));
     }
     static get is() { return "b2b-required-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rounded-icon/rounded-icon.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/rounded-icon/rounded-icon.js CHANGED Viewed

@@ -6,16 +6,16 @@ export class RoundedIconComponent {
         this.contentColor = 'var(--b2b-color-copy-default)';
     }
     render() {
-        return (h(Host, { key: 'b2542f30738b99706e264260504902e148af170f' }, h("div", { key: '01d1b4b8118a1754fe85354eb47dfb78a778b1f6', style: {
+        return (h(Host, { key: 'aeaecbab894eae02bf8cc6c441175ec07b5540e2' }, h("div", { key: '1b25b7d2d917c742361c8126b11d5254a9fac9c1', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, h("div", { key: '3e319fcf7d1acc4c3a534c26f6106717a8d57fdf', style: {
+            } }, h("div", { key: '0c5f34202db459eb45f37d1fb16bede9dd50a2e7', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: '1f14bca3fb6fe8dc92d6cadc173f5b470a425db6', name: "icon" })), h("div", { key: '2e07fb2694f642788c09361a9aaa7c6f768107cc', style: {
+            } }, h("slot", { key: 'f87224fdf932a13ed106c10a2ff9b173fc833bee', name: "icon" })), h("div", { key: 'a0cbad312cc610ee4f18a76b32c3d690dcd6a7b2', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: 'c84e59d64323d19ff2a2a3245d6db424f8135bc6', name: "text" })))));
+            } }, h("slot", { key: '518902a11b10391fdb5d654baaf84ba6f7c0c65e', name: "text" })))));
     }
     static get is() { return "b2b-rounded-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable-container/scrollable-container.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/scrollable-container/scrollable-container.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ScrollableContainerComponent {
     render() {
-        return (h(Host, { key: '50b43bcc6fd513c782f1bed4f68449c3fb2b9a5f' }, h("slot", { key: 'd39b849277ecbc737ad9ccb19e930c3de7e1ea38' })));
+        return (h(Host, { key: '2fd5cba6708e2ec70567ea9b582ad5c2cbc9531f' }, h("slot", { key: '9998b1dcb05a6396e288317365d56e983baeb002' })));
     }
     static get is() { return "b2b-scrollable-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search/search.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class SearchComponent {
         }
     }
     render() {
-        return (h(Host, { key: '0863204d06c3b85010a176bc4286e31b89351184' }, h("b2b-input-group", { key: 'f3a8bbed419ac2b1d2e324203c6834b0748a4c50', disabled: this.disabled }, h("b2b-input-list", { key: 'd78357acc766ded0d5c49f02a5a91ee4f1b76ce5', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: 'c2c15a8dffa5fd6e54722abdca3a3cde9c04a24a' })), h("b2b-button", { key: '0dcc48c582fd7ac47af40b2e3bcd4ffc29b01257', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '2d9ea153c46e4d6af113cbe33d8d1d909a1d0e18', icon: "b2b_icon-search", clickable: true })))));
+        return (h(Host, { key: 'b24052966f06f771d924c1fc7a2257155aa1fafe' }, h("b2b-input-group", { key: '35c7d7926e6d014a87d39174ba83e3eb7a323e32', disabled: this.disabled }, h("b2b-input-list", { key: 'ccf3037cf0f7d64ae7e5f37c1789a082886db2f2', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '59a0f64d0f39498ddf04b3cdced2c8111de1ada9' })), h("b2b-button", { key: '7a09cbe052e0c17e9c76a53fc3c7e4694ff71461', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '65d2f0468e9c8a8300ae4905e5644841dc80072c', icon: "b2b_icon-search", clickable: true })))));
     }
     static get is() { return "b2b-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/separator/separator.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/separator/separator.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class B2bSeparatorComponent {
         this.alignment = 'horizontal';
     }
     render() {
-        return (h(Host, { key: '5d26a4636a4e167729ce76edfd20d64ae6f49c07' }, h("div", { key: 'e3f04f51c3a3a32fee947b109095aa682b64df49', class: {
+        return (h(Host, { key: '2a85d5e6381c1c666d57d9439ee6df185b7e41d3' }, h("div", { key: '6939b9e06e5c27d2ea0299a1165accaeeb33bc3e', class: {
                 [`b2b-separator--${this.alignment}`]: true,
             } })));
     }

package/dist/collection/components/spinner/spinner.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/spinner/spinner.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class SpinnerComponent {
         this.color = 'primary';
     }
     render() {
-        return (h("div", { key: '4260cc2e742b9d3a77fc1739f7de248ee70ffd69', class: {
+        return (h("div", { key: 'cc460c988fe2e7cf684ad7e6ebca7089a67a9de8', class: {
                 'b2b-spinner': true,
                 ['b2b-spinner--size-' + this.size]: true,
                 ['b2b-spinner--color-' + this.color]: true,

package/dist/collection/components/tab/tab.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/tab/tab.js CHANGED Viewed

@@ -17,12 +17,12 @@ export class B2bTabComponent {
         }
     }
     render() {
-        return (h(Host, { key: '8aa1b1ae2ad6d9b2f77cbd882602caade8cc8355', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: '896a95b6fe0e389c380bed8d7755ef04467470c2', class: {
+        return (h(Host, { key: 'b0ce35de40859cbe4ac92fb7590dbcdf7ba2a856', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: 'b40f64090aa72ad05ca09c7346adc0fd454e78fd', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, h("slot", { key: '87e0d4dc4f316d16efde95c2e9f4c9fa63db984d' }))));
+            } }, h("slot", { key: '973bf596f14c101d95811440e0a610d96858f1ad' }))));
     }
     static get is() { return "b2b-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-group/tab-group.js CHANGED Viewed

@@ -121,7 +121,7 @@ export class B2bTabGroupComponent {
         });
     }
     render() {
-        return (h(Host, { key: '82c0d22d7738ecbbe49dc358a81759da436389ea' }, h("slot", { key: '073c3086c66b28ee4d90e38dfc3920ca58deccfd', name: "tab" }), h("b2b-separator", { key: 'd9906b47b55895b61883767817cd761b10225dd0' }), h("slot", { key: 'f01db3ddcdcb289170dbb8865bf6873dd9442b60', name: "panel" })));
+        return (h(Host, { key: '9909139cbb9146d9f0362472c86d1f386b579ba6' }, h("slot", { key: 'ab007fd2e3db59a53a1a11e716fc20993390272d', name: "tab" }), h("b2b-separator", { key: '75c80e51f6b78a6bc19c7ab20507e6f47a66a6d6' }), h("slot", { key: 'c996bbfd3439a1db26b70e066766a9af99d825b4', name: "panel" })));
     }
     static get is() { return "b2b-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-panel/tab-panel.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/tab-panel/tab-panel.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class B2bTabPanelComponent {
         this.generatedId = i++;
     }
     render() {
-        return (h(Host, { key: 'af2fa2c4c2a00694c838ad5efcf293fde97a3cd4', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '3d14cdc1c06a1986cb4e3b23fce7d23fd907e6a1', class: "b2b-tab-panel" }, h("slot", { key: '76b6383394425c71055d82569dab910066265643' }))));
+        return (h(Host, { key: '7ef09ad5f34e94032ee3f48352980080998fe35c', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '68e0f565985114d15d1be05d3fed2a2fa25687d7', class: "b2b-tab-panel" }, h("slot", { key: '8ca942618a4efd0d7866c56080a50f49550799b4' }))));
     }
     static get is() { return "b2b-tab-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-cell/table-cell.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-cell/table-cell.js CHANGED Viewed

@@ -36,14 +36,14 @@ export class TableCellComponent {
         }
     }
     render() {
-        return (h(Host, { key: '571ec5bc494057bfbe9c9146da086bb6a192f298', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (h(Host, { key: 'b03771e3e73de98b729b18d86fdc9ae083db2c8a', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === TableSizes.COLSPAN,
                 ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
                 ['b2b-table-cell--' + this.align]: true,
                 ['b2b-table-cell--divider']: this.divider,
                 [`b2b-table-cell-color-${this.color}`]: true,
-            }, role: "cell" }, h("slot", { key: '10385f497f0061d09b227b88456205bac24f272f' })));
+            }, role: "cell" }, h("slot", { key: '122acda5bae14213fd2e702b65edbcc0bfe9f672' })));
     }
     static get is() { return "b2b-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-header/table-header.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-header/table-header.js CHANGED Viewed

@@ -72,7 +72,7 @@ export class TableHeaderComponent {
         this.setIconPlacement();
     }
     render() {
-        return (h(Host, { key: '34f96e3a7c5c36cafadb463a72f1acec6550d367', class: {
+        return (h(Host, { key: 'd96004629017b2e728289da6bf899886d3598548', class: {
                 [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
                 'b2b-table-header--divider': this.divider,
                 [`b2b-table-header--${this.size}`]: true,

package/dist/collection/components/table/table-row/table-row.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-row/table-row.js CHANGED Viewed

@@ -3,6 +3,8 @@ import { TableColourOptions, TableSizes, } from "../../../utils/types/table.type
 import { isFirstRow } from "../utils";
 export class TableRowComponent {
     constructor() {
+        this.parentRowGroup = null;
+        this.observer = null;
         this.toggleOpen = () => {
             this.isOpen = !this.isOpen;
             this.b2bOpen.emit(this.isOpen);
@@ -18,7 +20,7 @@ export class TableRowComponent {
             });
         };
         this.getRowColor = () => {
-            if (this.isAccordion() &&
+            if (this.isAccordionValue &&
                 isFirstRow(this.hostElement) &&
                 !this.isHeader()) {
                 return TableColourOptions.GROUP;
@@ -33,9 +35,6 @@ export class TableRowComponent {
         this.getParentRowGroup = () => {
             return this.hostElement.closest('b2b-table-rowgroup');
         };
-        this.isAccordion = () => {
-            return this.getParentRowGroup().hasAttribute('accordion');
-        };
         this.isHeader = () => {
             return this.getParentRowGroup().type === 'header';
         };
@@ -51,7 +50,7 @@ export class TableRowComponent {
             }
         };
         this.getAccordionColumns = () => {
-            if (this.isAccordion() && !this.isHeader()) {
+            if (this.isAccordionValue && !this.isHeader()) {
                 if (isFirstRow(this.hostElement)) {
                     return (h("b2b-table-cell", null, h("button", { onClick: this.toggleOpen, class: {
                             'b2b-table-row__accordion-icon': true,
@@ -60,7 +59,7 @@ export class TableRowComponent {
                 }
                 return (h("b2b-table-cell", { class: "b2b-table-row__control-cell--accordion" }));
             }
-            else if (this.isAccordion() && this.isHeader()) {
+            else if (this.isAccordionValue && this.isHeader()) {
                 return (h("b2b-table-header", { class: "b2b-table-row__control-cell--accordion" }));
             }
         };
@@ -71,6 +70,7 @@ export class TableRowComponent {
         this.value = undefined;
         this.indeterminate = false;
         this.checked = false;
+        this.isAccordionValue = false;
         this.isOpen = false;
     }
     toggleSelected(event) {
@@ -97,14 +97,35 @@ export class TableRowComponent {
             this.getParentRowGroup().type !== 'header') {
             console.warn('You need to associate a value with the row as a unique identifier.');
         }
+        this.findParentAndObserve();
+    }
+    disconnectedCallback() {
+        if (this.observer !== undefined && this.observer !== null) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
+    findParentAndObserve() {
+        this.parentRowGroup = this.hostElement.closest('b2b-table-rowgroup');
+        if (this.parentRowGroup !== undefined && this.parentRowGroup !== null) {
+            this.observer = new MutationObserver(() => {
+                var _a;
+                this.isAccordionValue =
+                    ((_a = this.parentRowGroup) === null || _a === void 0 ? void 0 : _a.hasAttribute('accordion')) || false;
+            });
+            this.observer.observe(this.parentRowGroup, { attributes: true });
+        }
+        else {
+            console.warn('Parent b2b-table-rowgroup not found!');
+        }
     }
     render() {
-        return (h(Host, { key: 'f92b4349e74b6f9f4ff5da3661a268c0554cacf1', class: {
+        return (h(Host, { key: 'c39eb58624347736a167fef2e4aa9fc9ca7c7e48', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '08f7b690c3b0a7ae8e8083254b9a975989306e57' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: 'e224986cde05a3e6fc60c087953512bca87999ef' })));
     }
     static get is() { return "b2b-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -265,6 +286,7 @@ export class TableRowComponent {
     }
     static get states() {
         return {
+            "isAccordionValue": {},
             "isOpen": {}
         };
     }
@@ -292,7 +314,7 @@ export class TableRowComponent {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status."
+                    "text": "Emits if the row is selectable and if it is selected or unselected. Emits both unique value and the checkbox status."
                 },
                 "complexType": {
                     "original": "CheckboxEventDetail",

package/dist/collection/components/table/table-rowgroup/table-rowgroup.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-rowgroup/table-rowgroup.js CHANGED Viewed

@@ -113,11 +113,11 @@ export class TableRowgroupComponent {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (h(Host, { key: '4dd4d9fe40cbb15bbbdd8aeff90d31372da60cdd', class: {
+        return (h(Host, { key: 'faa8967bf314a57aaa29bf32e4a8dd9fb1d31229', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === TableSizes.COLSPAN,
-            }, role: "rowgroup" }, h("slot", { key: 'd4492ca4f42bde66052ed61c9d3bfebc74e790e7' })));
+            }, role: "rowgroup" }, h("slot", { key: 'bf00c613d18b138e715d9840141e06399e4f5309' })));
     }
     static get is() { return "b2b-table-rowgroup"; }
     static get encapsulation() { return "shadow"; }
@@ -198,7 +198,7 @@ export class TableRowgroupComponent {
                     "text": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children."
                 },
                 "attribute": "accordion",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "false"
             },
             "selectable": {

package/dist/collection/components/table/table.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table.js CHANGED Viewed

@@ -60,9 +60,9 @@ export class TableComponent {
         }
     }
     render() {
-        return (h(Host, { key: '70f900f2160167e3f808c9c432cfa3bb134624c0', class: {
+        return (h(Host, { key: 'd69ea87cde7434a9555464edaf081268ee850bdb', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, h("slot", { key: 'c0b35190bb004dd3332e3b2bb856e30a1adee829' })));
+            }, role: "table" }, h("slot", { key: '196c2f61af014d04a842543ea66ff806edbb8e5f' })));
     }
     static get is() { return "b2b-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Tue, 21 Jan 2025 10:05:32 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */