@proximus/lavender-cell 1.4.3-alpha.2 → 1.4.3-alpha.4

package/dist/index.es.js

@@ -284,13 +284,13 @@ const F = ["secondary"], _ = ["", "default", "top", "bottom", "none"], x = class
   }
 };
 x.nativeName = "div";
-let f = x;
-customElements.get("px-cell") || customElements.define("px-cell", f);
+let g = x;
+customElements.get("px-cell") || customElements.define("px-cell", g);
 const O = '.cell-link{text-decoration:none}.cell-link[noicon=""] px-icon{display:none}.cell-link px-icon{color:var(--px-color-icon-brand-default)}.cell-link[aria-disabled=true] px-icon{color:var(--px-color-icon-state-disabled-default)}[compact] .cell-link{padding-block:var(--px-spacing-xs-mobile)}:host([inverted]) .cell-link px-icon{color:var(--px-color-icon-brand-inverted)}:host([inverted]) .cell-link[aria-disabled=true] px-icon{color:var(--px-color-icon-state-disabled-inverted)}', y = new CSSStyleSheet();
 y.replaceSync(n);
 const w = new CSSStyleSheet();
 w.replaceSync(O);
-const g = class g extends m {
+const f = class f extends m {
   template() {
     return `
       <px-cell hoverable>
@@ -310,7 +310,7 @@ const g = class g extends m {
   }
   constructor() {
     super(w, y);
-    const t = document.createElement(g.nativeName);
+    const t = document.createElement(f.nativeName);
     t.classList.add("cell-link"), t.innerHTML = this.template(), this.shadowRoot.appendChild(t);
   }
   connectedCallback() {
@@ -497,8 +497,8 @@ const g = class g extends m {
     t ? this.setAttribute("compact", "") : this.removeAttribute("compact");
   }
 };
-g.nativeName = "a";
-let v = g;
+f.nativeName = "a";
+let v = f;
 customElements.get("px-cell-link") || customElements.define("px-cell-link", v);
 const j = ".cell-button{padding:0;background:none;border:none;text-align:left;font-size:inherit}", E = new CSSStyleSheet();
 E.replaceSync(n);
@@ -693,7 +693,7 @@ class G extends A {
     return `
     <div class="cell-checkbox">
       <px-cell hoverable>
-        <px-checkbox slot="prefix" inert ${this.name ? 'name="${this.name"' : ""} ${this.value ? 'value="${this.value"' : ""}></px-checkbox>
+        <px-checkbox slot="prefix" inert></px-checkbox>
         <slot name="visual" slot="visual"></slot>
         <slot name="label" slot="label"></slot>
         <slot name="description" slot="description"></slot>
@@ -703,10 +703,10 @@ class G extends A {
   }
   constructor() {
     var t;
-    super(L), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.tabIndex = 0, this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`;
+    super(L), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.tabIndex = 0;
   }
   connectedCallback() {
-    if (this.$slotVisual) {
+    if (this.name && this.$checkbox.setAttribute("name", this.name), this.value && this.$checkbox.setAttribute("value", this.value), this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.$slotVisual) {
       const t = this.querySelector('px-img[slot="visual"]');
       t && c(t);
     }
@@ -996,10 +996,10 @@ class J extends A {
   }
   constructor() {
     var t;
-    super(I), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.tabIndex = 0, this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`;
+    super(I), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.tabIndex = 0;
   }
   connectedCallback() {
-    if (this.$slotVisual) {
+    if (this.role = "checkbox", this.internals && (this.internals.role = "checkbox", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.$slotVisual) {
       const t = this.querySelector('px-img[slot="visual"]');
       t && c(t);
     }
@@ -1259,11 +1259,11 @@ class Q extends A {
   }
   constructor() {
     var t;
-    super(T), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this), this.role = "radio", this.internals && (this.internals.role = "radio", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`;
+    super(T), this.shadowRoot.innerHTML = this.template(), this.internals = (t = this.attachInternals) == null ? void 0 : t.call(this);
   }
   connectedCallback() {
     var t;
-    if (this.tabIndex = ((t = this.parentElement) == null ? void 0 : t.firstElementChild) === this ? 0 : -1, this.$slotVisual) {
+    if (this.tabIndex = ((t = this.parentElement) == null ? void 0 : t.firstElementChild) === this ? 0 : -1, this.role = "radio", this.internals && (this.internals.role = "radio", this.internals.ariaChecked = `${this.checked}`), this.ariaChecked = `${this.checked}`, this.$slotVisual) {
       const e = this.querySelector('px-img[slot="visual"]');
       e && c(e);
     }
@@ -1537,7 +1537,7 @@ class Q extends A {
 }
 customElements.get("px-cell-radio") || customElements.define("px-cell-radio", Q);
 export {
-  f as Cell,
+  g as Cell,
   k as CellButton,
   G as CellCheckbox,
   v as CellLink,

package/package.json

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