@proximus/lavender-cell 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/CellRadio.d.ts

@@ -1,6 +1,6 @@
 import { WithExtraAttributes } from '@proximus/lavender-common';
 import { Cell } from '@proximus/lavender-cell';
-import { type IRadio, type RadioBase } from '@proximus/lavender-radio-group';
+import { type IRadio, type Radio } from '@proximus/lavender-radio-group';
 export declare const cellRadioPosition: string[];
 export declare class CellRadio extends WithExtraAttributes implements IRadio {
     protected internals: ElementInternals;
@@ -18,7 +18,7 @@ export declare class CellRadio extends WithExtraAttributes implements IRadio {
     formData(): FormData;
     get $cell(): Cell;
     get $el(): HTMLElement;
-    get $radio(): RadioBase;
+    get $radio(): Radio;
     get $slotVisual(): HTMLSlotElement;
     get $children(): NodeListOf<Element>;
     get inverted(): boolean;

package/dist/index.es.js

@@ -1245,7 +1245,7 @@ class K extends f {
     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>
@@ -1254,26 +1254,27 @@ class K extends f {
     `;
   }
   constructor() {
-    var t, e;
-    super(T), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.tabIndex = ((e = this.parentElement) == null ? void 0 : e.firstElementChild) === this ? 0 : -1, this.internals && (this.internals.role = "radio", this.internals.ariaChecked = `${this.checked}`);
+    var t;
+    super(T), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.internals && (this.internals.role = "radio", this.internals.ariaChecked = `${this.checked}`);
   }
   connectedCallback() {
-    if (this.$slotVisual) {
-      const t = this.querySelector('px-img[slot="visual"]');
-      t && l(t);
+    var t;
+    if (this.tabIndex = ((t = this.parentElement) == null ? void 0 : t.firstElementChild) === this ? 0 : -1, this.$slotVisual) {
+      const e = this.querySelector('px-img[slot="visual"]');
+      e && l(e);
     }
     this.addEventListener("mouseover", () => {
       this.$radio.setAttribute("hover", "");
     }), this.addEventListener("mouseout", () => {
       this.$radio.removeAttribute("hover");
-    }), this.addEventListener("keypress", (t) => {
-      switch (t.stopPropagation(), t.preventDefault(), t.code) {
+    }), this.addEventListener("keypress", (e) => {
+      switch (e.stopPropagation(), e.preventDefault(), e.code) {
         case "Space":
           this.click();
           break;
       }
-    }), this.addEventListener("click", (t) => {
-      this.checked || (this.checked = !0), t.stopPropagation(), t.preventDefault();
+    }), this.addEventListener("click", (e) => {
+      this.checked || (this.checked = !0), e.stopPropagation(), e.preventDefault();
     }), this.hasAttribute("checked") && (this.checked = !0), c(this);
   }
   static get observedAttributes() {
@@ -1358,7 +1359,7 @@ class K extends f {
   }
   handleCheckedAttributeChange(t) {
     var e;
-    (e = this.internals) == null || e.setFormValue(this.formData()), t === null ? (this.internals && (this.internals.ariaChecked = "false"), this.setAttribute("tabIndex", "-1"), this.checked = !1, this.$radio && this.$radio.removeAttribute("checked")) : (this.internals && (this.internals.ariaChecked = "true"), this.setAttribute("tabIndex", "0"), this.checked = !0, this.$radio && this.$radio.setAttribute("checked", ""), this.dispatchEvent(
+    (e = this.internals) == null || e.setFormValue(this.formData()), t === null ? (this.internals && (this.internals.ariaChecked = "false"), this.tabIndex = -1, this.checked = !1, this.$radio && this.$radio.removeAttribute("checked")) : (this.internals && (this.internals.ariaChecked = "true"), this.tabIndex = 0, this.checked = !0, this.$radio && this.$radio.setAttribute("checked", ""), this.dispatchEvent(
       new Event("change", {
         bubbles: !0,
         composed: !0
@@ -1397,7 +1398,7 @@ class K extends f {
     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"]');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-cell",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",