@proximus/lavender-light 2.0.0-alpha.11 → 2.0.0-alpha.13

package/dist/lavender-light.es.js

@@ -6247,7 +6247,7 @@ class CellRadio extends WithExtraAttributes {
     return `
     <div class="cell-radio">
       <px-cell hoverable>
-        <px-radio-base slot="prefix" aria-hidden="true" tabindex="-1"></px-radio-base>
+        <px-radio slot="prefix" aria-hidden="true" tabindex="-1"></px-radio>
         <slot name="visual" slot="visual"></slot>
         <slot name="label" slot="label"></slot>
         <slot name="description" slot="description"></slot>
@@ -6256,17 +6256,18 @@ class CellRadio extends WithExtraAttributes {
     `;
   }
   constructor() {
-    var _a, _b;
+    var _a;
     super(commonStyleSheet);
     this.shadowRoot.innerHTML = this.template();
     this.internals = (_a = this.attachInternals) == null ? void 0 : _a.call(this);
-    this.tabIndex = ((_b = this.parentElement) == null ? void 0 : _b.firstElementChild) === this ? 0 : -1;
     if (this.internals) {
       this.internals.role = "radio";
       this.internals.ariaChecked = `${this.checked}`;
     }
   }
   connectedCallback() {
+    var _a;
+    this.tabIndex = ((_a = this.parentElement) == null ? void 0 : _a.firstElementChild) === this ? 0 : -1;
     if (this.$slotVisual) {
       const slotVisualImg = this.querySelector('px-img[slot="visual"]');
       if (slotVisualImg) {
@@ -6411,7 +6412,7 @@ class CellRadio extends WithExtraAttributes {
       if (this.internals) {
         this.internals.ariaChecked = "false";
       }
-      this.setAttribute("tabIndex", "-1");
+      this.tabIndex = -1;
       this.checked = false;
       if (this.$radio) {
         this.$radio.removeAttribute("checked");
@@ -6420,7 +6421,7 @@ class CellRadio extends WithExtraAttributes {
       if (this.internals) {
         this.internals.ariaChecked = "true";
       }
-      this.setAttribute("tabIndex", "0");
+      this.tabIndex = 0;
       this.checked = true;
       if (this.$radio) {
         this.$radio.setAttribute("checked", "");
@@ -6479,7 +6480,7 @@ class CellRadio extends WithExtraAttributes {
     return this.shadowRoot.querySelector(".cell-radio");
   }
   get $radio() {
-    return this.shadowRoot.querySelector("px-radio-base");
+    return this.shadowRoot.querySelector("px-radio");
   }
   get $slotVisual() {
     return this.querySelector('[slot="visual"]');