@proximus/lavender 2.0.0-alpha.14 → 2.0.0-alpha.16

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 (4) hide show
  1. package/dist/lavender.cjs.js +1 -1
  2. package/dist/lavender.es.js +14 -12
  3. package/dist/lavender.umd.js +1 -1
  4. package/package.json +1 -1
package/dist/lavender.es.js CHANGED
@@ -8679,7 +8679,7 @@ class CellRadio extends WithExtraAttributes {
8679
8679
  return `
8680
8680
  <div class="cell-radio">
8681
8681
  <px-cell hoverable>
8682
- <px-radio-base slot="prefix" aria-hidden="true" tabindex="-1"></px-radio-base>
8682
+ <px-radio slot="prefix" aria-hidden="true" tabindex="-1"></px-radio>
8683
8683
  <slot name="visual" slot="visual"></slot>
8684
8684
  <slot name="label" slot="label"></slot>
8685
8685
  <slot name="description" slot="description"></slot>
@@ -8688,17 +8688,18 @@ class CellRadio extends WithExtraAttributes {
8688
8688
  `;
8689
8689
  }
8690
8690
  constructor() {
8691
- var _a, _b;
8691
+ var _a;
8692
8692
  super(commonStyleSheet$6);
8693
8693
  this.shadowRoot.innerHTML = this.template();
8694
8694
  this.internals = (_a = this.attachInternals) == null ? void 0 : _a.call(this);
8695
- this.tabIndex = ((_b = this.parentElement) == null ? void 0 : _b.firstElementChild) === this ? 0 : -1;
8696
8695
  if (this.internals) {
8697
8696
  this.internals.role = "radio";
8698
8697
  this.internals.ariaChecked = `${this.checked}`;
8699
8698
  }
8700
8699
  }
8701
8700
  connectedCallback() {
8701
+ var _a;
8702
+ this.tabIndex = ((_a = this.parentElement) == null ? void 0 : _a.firstElementChild) === this ? 0 : -1;
8702
8703
  if (this.$slotVisual) {
8703
8704
  const slotVisualImg = this.querySelector('px-img[slot="visual"]');
8704
8705
  if (slotVisualImg) {
@@ -8843,7 +8844,7 @@ class CellRadio extends WithExtraAttributes {
8843
8844
  if (this.internals) {
8844
8845
  this.internals.ariaChecked = "false";
8845
8846
  }
8846
- this.setAttribute("tabIndex", "-1");
8847
+ this.tabIndex = -1;
8847
8848
  this.checked = false;
8848
8849
  if (this.$radio) {
8849
8850
  this.$radio.removeAttribute("checked");
@@ -8852,7 +8853,7 @@ class CellRadio extends WithExtraAttributes {
8852
8853
  if (this.internals) {
8853
8854
  this.internals.ariaChecked = "true";
8854
8855
  }
8855
- this.setAttribute("tabIndex", "0");
8856
+ this.tabIndex = 0;
8856
8857
  this.checked = true;
8857
8858
  if (this.$radio) {
8858
8859
  this.$radio.setAttribute("checked", "");
@@ -8911,7 +8912,7 @@ class CellRadio extends WithExtraAttributes {
8911
8912
  return this.shadowRoot.querySelector(".cell-radio");
8912
8913
  }
8913
8914
  get $radio() {
8914
- return this.shadowRoot.querySelector("px-radio-base");
8915
+ return this.shadowRoot.querySelector("px-radio");
8915
8916
  }
8916
8917
  get $slotVisual() {
8917
8918
  return this.querySelector('[slot="visual"]');
@@ -9726,7 +9727,7 @@ class TileRadio extends WithExtraAttributes {
9726
9727
  <div class="tile-radio">
9727
9728
  <px-tile hoverable>
9728
9729
  <slot name="prefix" slot="prefix"></slot>
9729
- <px-radio-base slot="suffix" aria-hidden="true" tabindex="-1"></px-radio-base>
9730
+ <px-radio slot="suffix" aria-hidden="true" tabindex="-1"></px-radio>
9730
9731
  <slot name="label" slot="label"></slot>
9731
9732
  <slot name="description" slot="description"></slot>
9732
9733
  </px-tile>
@@ -9734,17 +9735,18 @@ class TileRadio extends WithExtraAttributes {
9734
9735
  `;
9735
9736
  }
9736
9737
  constructor() {
9737
- var _a, _b;
9738
+ var _a;
9738
9739
  super(commonStyleSheet$2);
9739
9740
  this.shadowRoot.innerHTML = this.template();
9740
9741
  this.internals = (_a = this.attachInternals) == null ? void 0 : _a.call(this);
9741
- this.tabIndex = ((_b = this.parentElement) == null ? void 0 : _b.firstElementChild) === this ? 0 : -1;
9742
9742
  if (this.internals) {
9743
9743
  this.internals.role = "radio";
9744
9744
  this.internals.ariaChecked = `${this.checked}`;
9745
9745
  }
9746
9746
  }
9747
9747
  connectedCallback() {
9748
+ var _a;
9749
+ this.tabIndex = ((_a = this.parentElement) == null ? void 0 : _a.firstElementChild) === this ? 0 : -1;
9748
9750
  if (this.$slotPrefix) {
9749
9751
  const prefixImg = this.querySelector('px-img[slot="prefix"]');
9750
9752
  if (prefixImg) {
@@ -9851,7 +9853,7 @@ class TileRadio extends WithExtraAttributes {
9851
9853
  if (this.internals) {
9852
9854
  this.internals.ariaChecked = "false";
9853
9855
  }
9854
- this.setAttribute("tabIndex", "-1");
9856
+ this.tabIndex = -1;
9855
9857
  this.checked = false;
9856
9858
  if (this.$radio) {
9857
9859
  this.$radio.removeAttribute("checked");
@@ -9860,7 +9862,7 @@ class TileRadio extends WithExtraAttributes {
9860
9862
  if (this.internals) {
9861
9863
  this.internals.ariaChecked = "true";
9862
9864
  }
9863
- this.setAttribute("tabIndex", "0");
9865
+ this.tabIndex = 0;
9864
9866
  this.checked = true;
9865
9867
  if (this.$radio) {
9866
9868
  this.$radio.setAttribute("checked", "");
@@ -9906,7 +9908,7 @@ class TileRadio extends WithExtraAttributes {
9906
9908
  return this.shadowRoot.querySelector(".tile-radio");
9907
9909
  }
9908
9910
  get $radio() {
9909
- return this.shadowRoot.querySelector("px-radio-base");
9911
+ return this.shadowRoot.querySelector("px-radio");
9910
9912
  }
9911
9913
  get $slotPrefix() {
9912
9914
  return this.querySelector('[slot="prefix"]');