@proximus/lavender-selectablebox 2.0.0-alpha.187 → 2.0.0-alpha.189

package/dist/SelectableBoxRadio.d.ts

@@ -13,6 +13,7 @@ export declare class SelectableBoxRadio extends WithExtraAttributes {
     attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
     disconnectedCallback(): void;
     private removeHoverAttribute;
+    private stopInternalRadioChange;
     private setHoverAttribute;
     private setKeypressEvent;
     private setClickEvent;

package/dist/index.es.js

@@ -677,7 +677,7 @@ var A = class extends t {
 		super(k), this.shadowRoot.innerHTML = this.template(), this.internals = this.attachInternals?.();
 	}
 	connectedCallback() {
-		this.toggleFooterVisibility = this.toggleFooterVisibility.bind(this), this.role = "checkbox", this.internals && (this.internals.role = "checkbox"), this.tabIndex = 0, this.ariaChecked = "false", this.toggleFooterVisibility(), this.$slotFooter.addEventListener("slotchange", this.toggleFooterVisibility), this.addEventListener("mouseover", this.setHoverAttribute), this.addEventListener("mouseout", this.removeHoverAttribute), this.addEventListener("keypress", this.setKeypressEvent), this.addEventListener("click", this.setClickEvent);
+		this.toggleFooterVisibility = this.toggleFooterVisibility.bind(this), this.role = "checkbox", this.internals && (this.internals.role = "checkbox"), this.tabIndex = 0, this.ariaChecked = `${this.checked}`, this.toggleFooterVisibility(), this.$slotFooter.addEventListener("slotchange", this.toggleFooterVisibility), this.addEventListener("mouseover", this.setHoverAttribute), this.addEventListener("mouseout", this.removeHoverAttribute), this.addEventListener("keypress", this.setKeypressEvent), this.addEventListener("click", this.setClickEvent);
 	}
 	static get observedAttributes() {
 		return [
@@ -823,7 +823,7 @@ var M = "px-selectable-box-radio-connected", N = "px-selectable-box-radio-discon
 		this.toggleFooterVisibility = this.toggleFooterVisibility.bind(this), this.role = "radio", this.internals && (this.internals.role = "radio"), this.dispatchEvent(new CustomEvent(M, {
 			bubbles: !0,
 			composed: !0
-		})), this.ariaChecked = "false", this.toggleFooterVisibility(), this.$slotFooter.addEventListener("slotchange", this.toggleFooterVisibility), this.addEventListener("mouseover", this.setHoverAttribute), this.addEventListener("mouseout", this.removeHoverAttribute), this.addEventListener("keypress", this.setKeypressEvent), this.addEventListener("click", this.setClickEvent);
+		})), this.ariaChecked = `${this.checked}`, this.toggleFooterVisibility(), this.$slotFooter.addEventListener("slotchange", this.toggleFooterVisibility), this.$radio.addEventListener("change", this.stopInternalRadioChange), this.addEventListener("mouseover", this.setHoverAttribute), this.addEventListener("mouseout", this.removeHoverAttribute), this.addEventListener("keypress", this.setKeypressEvent), this.addEventListener("click", this.setClickEvent);
 	}
 	static get observedAttributes() {
 		return [
@@ -858,7 +858,7 @@ var M = "px-selectable-box-radio-connected", N = "px-selectable-box-radio-discon
 		}
 	}
 	disconnectedCallback() {
-		this.$slotFooter.removeEventListener("slotchange", this.toggleFooterVisibility), this.removeEventListener("mouseover", this.setHoverAttribute), this.removeEventListener("mouseout", this.removeHoverAttribute), this.removeEventListener("keypress", this.setKeypressEvent), this.removeEventListener("click", this.setClickEvent), this.dispatchEvent(new CustomEvent(N, {
+		this.$slotFooter.removeEventListener("slotchange", this.toggleFooterVisibility), this.$radio.removeEventListener("change", this.stopInternalRadioChange), this.removeEventListener("mouseover", this.setHoverAttribute), this.removeEventListener("mouseout", this.removeHoverAttribute), this.removeEventListener("keypress", this.setKeypressEvent), this.removeEventListener("click", this.setClickEvent), this.dispatchEvent(new CustomEvent(N, {
 			bubbles: !0,
 			composed: !0
 		}));
@@ -866,6 +866,9 @@ var M = "px-selectable-box-radio-connected", N = "px-selectable-box-radio-discon
 	removeHoverAttribute() {
 		this.$radio.removeAttribute("hover");
 	}
+	stopInternalRadioChange(e) {
+		e.stopPropagation();
+	}
 	setHoverAttribute() {
 		this.$radio.setAttribute("hover", "");
 	}

package/package.json

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