@proximus/lavender-tile 1.0.0-alpha.21 → 1.0.0-alpha.23

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 (2) hide show
  1. package/dist/index.js +39 -39
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -114,8 +114,8 @@ class w extends u {
114
114
  }
115
115
  updateFlexProperties(t, e, i, r) {
116
116
  this.checkName(r, i) || console.error(`Bad ${t} value for`, this.$el);
117
- const s = t.indexOf("--") > -1, a = s ? t.split("--")[0] : t, h = [];
118
- if (!s)
117
+ const o = t.indexOf("--") > -1, a = o ? t.split("--")[0] : t, h = [];
118
+ if (!o)
119
119
  this.getAttribute(a + "--mobile") || h.push("mobile"), this.getAttribute(a + "--tablet") || h.push("tablet"), this.getAttribute(a + "--laptop") || h.push("laptop"), this.getAttribute(a + "--desktop") || h.push("desktop"), h.forEach((b) => {
120
120
  this.updateStyle(a, b, e, r), this.updateStyle(a, b, i, r);
121
121
  });
@@ -285,7 +285,7 @@ class w extends u {
285
285
  }
286
286
  }
287
287
  customElements.get("px-stack") || customElements.define("px-stack", w);
288
- class ot extends w {
288
+ class st extends w {
289
289
  constructor() {
290
290
  super();
291
291
  }
@@ -293,8 +293,8 @@ class ot extends w {
293
293
  super.connectedCallback(), this.direction = "column", this.directionMobile = "column", this.directionTablet = "column", this.directionLaptop = "column", this.directionDesktop = "column";
294
294
  }
295
295
  }
296
- customElements.get("px-vstack") || customElements.define("px-vstack", ot);
297
- class st extends w {
296
+ customElements.get("px-vstack") || customElements.define("px-vstack", st);
297
+ class ot extends w {
298
298
  constructor() {
299
299
  super();
300
300
  }
@@ -302,7 +302,7 @@ class st extends w {
302
302
  super.connectedCallback(), this.direction = "row", this.directionMobile = "row", this.directionTablet = "row", this.directionLaptop = "row", this.directionDesktop = "row";
303
303
  }
304
304
  }
305
- customElements.get("px-hstack") || customElements.define("px-hstack", st);
305
+ customElements.get("px-hstack") || customElements.define("px-hstack", ot);
306
306
  class at extends HTMLElement {
307
307
  constructor() {
308
308
  super();
@@ -526,43 +526,43 @@ class lt extends u {
526
526
  }
527
527
  }
528
528
  customElements.get("px-page") === void 0 && customElements.define("px-page", lt);
529
- function l(o) {
530
- o.hasAttribute("size") ? q.includes(
531
- o.getAttribute("size")
532
- ) ? (o.getAttribute("size") === "" || o.getAttribute("size") === "default") && o.setAttribute("size", "s") : (console.error(
529
+ function l(s) {
530
+ s.hasAttribute("size") ? q.includes(
531
+ s.getAttribute("size")
532
+ ) ? (s.getAttribute("size") === "" || s.getAttribute("size") === "default") && s.setAttribute("size", "s") : (console.error(
533
533
  `Wrong icon size value for prefix. Allowed values are: ${q.join(
534
534
  ", "
535
535
  )}.`
536
- ), o.setAttribute("size", "s")) : o.setAttribute("size", "s");
536
+ ), s.setAttribute("size", "s")) : s.setAttribute("size", "s");
537
537
  }
538
- function c(o) {
539
- if (!o.hasAttribute("width"))
540
- o.setAttribute("width", "s");
538
+ function c(s) {
539
+ if (!s.hasAttribute("width"))
540
+ s.setAttribute("width", "s");
541
541
  else {
542
- const e = o.getAttribute("width");
543
- R.includes(e) ? (e === "" || e === "default") && o.setAttribute("width", "s") : (console.error(
542
+ const e = s.getAttribute("width");
543
+ R.includes(e) ? (e === "" || e === "default") && s.setAttribute("width", "s") : (console.error(
544
544
  `Wrong img width value for prefix. Allowed values are: ${R.join(
545
545
  ", "
546
546
  )}.`
547
- ), o.setAttribute("width", "s"));
547
+ ), s.setAttribute("width", "s"));
548
548
  }
549
- o.setAttribute("border-radius", "pill");
549
+ s.setAttribute("border-radius", "pill");
550
550
  }
551
- function p(o, t, e, i = []) {
552
- e ? (o.setAttribute("inverted", ""), i.forEach((r) => r.setAttribute("inverted", "")), t.forEach((r) => {
551
+ function p(s, t, e, i = []) {
552
+ e ? (s.setAttribute("inverted", ""), i.forEach((r) => r.setAttribute("inverted", "")), t.forEach((r) => {
553
553
  r.hasAttribute("inverted") || r.setAttribute("inverted", "");
554
- })) : (o.removeAttribute("inverted"), i.forEach((r) => r.removeAttribute("inverted")), t.forEach((r) => {
554
+ })) : (s.removeAttribute("inverted"), i.forEach((r) => r.removeAttribute("inverted")), t.forEach((r) => {
555
555
  r.hasAttribute("inverted") && r.removeAttribute("inverted");
556
556
  }));
557
557
  }
558
- function j(o, t, e, i = [], r = {}) {
559
- e ? (o.setAttribute("disabled", ""), i.forEach((s) => s.setAttribute("disabled", "")), t.forEach((s) => {
560
- s.hasAttribute("disabled") || s.setAttribute("disabled", "");
561
- }), r.ariaEl && r.setAria && r.ariaEl.setAttribute("aria-disabled", "true"), r.ariaEl && r.setTabIndex && (r.ariaEl.tabIndex = -1)) : (o.removeAttribute("disabled"), i.forEach((s) => s.removeAttribute("disabled")), t.forEach((s) => {
562
- s.hasAttribute("disabled") && s.removeAttribute("disabled");
558
+ function j(s, t, e, i = [], r = {}) {
559
+ e ? (s.setAttribute("disabled", ""), i.forEach((o) => o.setAttribute("disabled", "")), t.forEach((o) => {
560
+ o.hasAttribute("disabled") || o.setAttribute("disabled", "");
561
+ }), r.ariaEl && r.setAria && r.ariaEl.setAttribute("aria-disabled", "true"), r.ariaEl && r.setTabIndex && (r.ariaEl.tabIndex = -1)) : (s.removeAttribute("disabled"), i.forEach((o) => o.removeAttribute("disabled")), t.forEach((o) => {
562
+ o.hasAttribute("disabled") && o.removeAttribute("disabled");
563
563
  }), r.ariaEl && r.setAria && r.ariaEl.setAttribute("aria-disabled", "false"), r.ariaEl && r.setTabIndex && (r.ariaEl.tabIndex = 0));
564
564
  }
565
- const ct = '.tile{display:flex;flex-direction:column;padding:var(--px-padding-s-mobile);text-align:left;font-family:var(--px-font-family);line-height:var(--px-line-height-m);font-size:var(--px-text-size-label-m-mobile);font-weight:700;color:var(--px-text-color-action-neutral-default);border-radius:var(--px-radius-main);background:var( --tile-background-color-default, var(--px-background-color-action-neutral-bare-default) )}.tile ::slotted([slot="prefix"]){font-weight:400;margin-bottom:var(--px-spacing-inside-section-default-mobile)}.tile ::slotted([slot="action"]){margin-left:auto;margin-bottom:var(--px-spacing-inside-section-default-mobile)}.tile ::slotted([slot="description"]){font-weight:400}:host([hoverable]:hover:not([disabled])) .tile{background-color:var(--px-background-color-action-hover-bordered-default)}:host([hoverable][disabled]) .tile{color:var(--px-text-color-action-disabled-default)}@media only screen and (min-width: 768px){.tile{padding:var(--px-padding-s-tablet);font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){.tile{padding:var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}:host([inverted]) .tile{color:var(--px-text-color-action-neutral-inverted);background:var( --tile-background-color-inverted, var(--px-background-color-action-neutral-bare-inverted) )}:host([inverted]):host([hoverable]:hover:not([disabled])) .tile{background-color:var( --px-background-color-action-hover-bordered-inverted )}:host([inverted]):host([hoverable][disabled]) .tile{color:var(--px-text-color-action-disabled-inverted)}', d = ':host{display:block;outline:none}:host .tile,:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio{border-radius:var(--px-radius-main);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}:host .tile,:host .tile *,:host .tile-link,:host .tile-link *,:host .tile-button,:host .tile-button *,:host .tile-checkbox,:host .tile-checkbox *,:host .tile-radio,:host .tile-radio *{box-sizing:border-box}:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio{display:block;width:100%;border:var(--px-border-size-m) solid transparent;outline-color:var(--px-border-color-focus-outline-default);outline-width:var(--px-focus-outline-mobile)}:host .tile-link,:host .tile-button{cursor:pointer}:host .tile-checkbox,:host .tile-radio{cursor:default;border:var(--px-border-size-m) solid var(--px-border-color-action-neutral-default)}:host:host(:not([disabled])):host(:hover) .tile-link,:host:host(:not([disabled])):host(:hover) .tile-button,:host:host(:not([disabled])):host(:hover) .tile-checkbox,:host:host(:not([disabled])):host(:hover) .tile-radio{border-color:var(--px-border-color-action-hover-default)}:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:host:host(:not([disabled])):host(:focus-visible) .tile-radio{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:host:host(:not([disabled])) .tile-link:focus-visible,:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:host:host([checked]) .tile-checkbox,:host:host([checked]) .tile-radio{border-color:var(--px-border-color-action-active-default)}:host:host([disabled]) .tile-link,:host:host([disabled]) .tile-button,:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio{cursor:default;pointer-events:none}:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio{border-color:transparent}:host:host([state="error"]) .tile-checkbox,:host:host([state="error"]) .tile-radio{border-color:var(--px-border-color-purpose-error-default)}:host:host([state="error"]):hover:not([disabled]) .tile-checkbox,:host:host([state="error"]):hover:not([disabled]) .tile-radio{border-color:var(--px-border-color-action-hover-default)}@media only screen and (min-width: 768px){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio{outline-width:var(--px-focus-outline-tablet)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:scope:host:host(:not([disabled])) .tile-link:focus-visible,:scope:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media only screen and (min-width: 1025px){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio{outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])) .tile-link:focus-visible,:scope:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}:host([inverted]) .tile-link,:host([inverted]) .tile-button,:host([inverted]) .tile-checkbox,:host([inverted]) .tile-radio{outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .tile-checkbox,:host([inverted]) .tile-radio{border-color:var(--px-border-color-action-neutral-inverted)}:host([inverted]):host(:not([disabled])):host(:hover) .tile-link,:host([inverted]):host(:not([disabled])):host(:hover) .tile-button,:host([inverted]):host(:not([disabled])):host(:hover) .tile-checkbox,:host([inverted]):host(:not([disabled])):host(:hover) .tile-radio{border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]):host([checked]) .tile-checkbox,:host([inverted]):host([checked]) .tile-radio{border-color:var(--px-border-color-action-active-inverted)}:host([inverted]):host([state="error"]) .tile-checkbox,:host([inverted]):host([state="error"]) .tile-radio{border-color:var(--px-border-color-purpose-error-inverted)}:host([inverted]):host([state="error"]):host(:hover:not([disabled])) .tile-checkbox,:host([inverted]):host([state="error"]):host(:hover:not([disabled])) .tile-radio{border-color:var(--px-border-color-action-hover-inverted)}', H = new CSSStyleSheet();
565
+ const ct = '.tile{display:flex;flex-direction:column;padding:var(--px-padding-s-mobile);text-align:left;font-family:var(--px-font-family);line-height:var(--px-line-height-m);font-size:var(--px-text-size-label-m-mobile);font-weight:700;color:var(--px-text-color-action-neutral-default);border-radius:var(--px-radius-main);background:var( --tile-background-color-default, var(--px-background-color-action-neutral-bare-default) )}.tile ::slotted([slot="prefix"]){font-weight:400;margin-bottom:var(--px-spacing-inside-section-default-mobile)}.tile ::slotted([slot="action"]){margin-left:auto;margin-bottom:var(--px-spacing-inside-section-default-mobile)}.tile ::slotted([slot="description"]){font-weight:400}:host([hoverable]:hover:not([disabled])) .tile{background-color:var(--px-background-color-action-hover-bordered-default)}:host([hoverable][disabled]) .tile{color:var(--px-text-color-action-disabled-default)}@media only screen and (min-width: 768px){.tile{padding:var(--px-padding-s-tablet);font-size:var(--px-text-size-label-m-tablet)}}@media only screen and (min-width: 1025px){.tile{padding:var(--px-padding-s-desktop);font-size:var(--px-text-size-label-m-desktop)}}:host([inverted]) .tile{color:var(--px-text-color-action-neutral-inverted);background:var( --tile-background-color-inverted, var(--px-background-color-action-neutral-bare-inverted) )}:host([inverted]):host([hoverable]:hover:not([disabled])) .tile{background-color:var( --px-background-color-action-hover-bordered-inverted )}:host([inverted]):host([hoverable][disabled]) .tile{color:var(--px-text-color-action-disabled-inverted)}', d = ':host{display:block;outline:none}:host .tile,:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch{border-radius:var(--px-radius-main);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}:host .tile,:host .tile *,:host .tile-link,:host .tile-link *,:host .tile-button,:host .tile-button *,:host .tile-checkbox,:host .tile-checkbox *,:host .tile-radio,:host .tile-radio *,:host .tile-switch,:host .tile-switch *{box-sizing:border-box}:host .tile-link,:host .tile-button,:host .tile-checkbox,:host .tile-radio,:host .tile-switch{display:block;width:100%;border:var(--px-border-size-m) solid transparent;outline-color:var(--px-border-color-focus-outline-default);outline-width:var(--px-focus-outline-mobile)}:host .tile-link,:host .tile-button{cursor:pointer}:host .tile-checkbox,:host .tile-radio,:host .tile-switch{cursor:default;border:var(--px-border-size-m) solid var(--px-border-color-action-neutral-default)}:host:host(:not([disabled])):host(:hover) .tile-link,:host:host(:not([disabled])):host(:hover) .tile-button,:host:host(:not([disabled])):host(:hover) .tile-checkbox,:host:host(:not([disabled])):host(:hover) .tile-radio,:host:host(:not([disabled])):host(:hover) .tile-switch{border-color:var(--px-border-color-action-hover-default)}:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:host:host(:not([disabled])) .tile-link:focus-visible,:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}:host:host([checked]) .tile-checkbox,:host:host([checked]) .tile-radio,:host:host([checked]) .tile-switch{border-color:var(--px-border-color-action-active-default)}:host:host([disabled]) .tile-link,:host:host([disabled]) .tile-button,:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio,:host:host([disabled]) .tile-switch{cursor:default;pointer-events:none}:host:host([disabled]) .tile-checkbox,:host:host([disabled]) .tile-radio,:host:host([disabled]) .tile-switch{border-color:transparent}:host:host([state="error"]) .tile-checkbox,:host:host([state="error"]) .tile-radio,:host:host([state="error"]) .tile-switch{border-color:var(--px-border-color-purpose-error-default)}:host:host([state="error"]):hover:not([disabled]) .tile-checkbox,:host:host([state="error"]):hover:not([disabled]) .tile-radio,:host:host([state="error"]):hover:not([disabled]) .tile-switch{border-color:var(--px-border-color-action-hover-default)}@media only screen and (min-width: 768px){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio,:scope:host .tile-switch{outline-width:var(--px-focus-outline-tablet)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:scope:host:host(:not([disabled])) .tile-link:focus-visible,:scope:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media only screen and (min-width: 1025px){:scope:host .tile-link,:scope:host .tile-button,:scope:host .tile-checkbox,:scope:host .tile-radio,:scope:host .tile-switch{outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])):host(:focus-visible) .tile-checkbox,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-radio,:scope:host:host(:not([disabled])):host(:focus-visible) .tile-switch{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}:scope:host:host(:not([disabled])) .tile-link:focus-visible,:scope:host:host(:not([disabled])) .tile-button:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}:host([inverted]) .tile-link,:host([inverted]) .tile-button,:host([inverted]) .tile-checkbox,:host([inverted]) .tile-radio,:host([inverted]) .tile-switch{outline-color:var(--px-border-color-focus-outline-inverted)}:host([inverted]) .tile-checkbox,:host([inverted]) .tile-radio,:host([inverted]) .tile-switch{border-color:var(--px-border-color-action-neutral-inverted)}:host([inverted]):host(:not([disabled])):host(:hover) .tile-link,:host([inverted]):host(:not([disabled])):host(:hover) .tile-button,:host([inverted]):host(:not([disabled])):host(:hover) .tile-checkbox,:host([inverted]):host(:not([disabled])):host(:hover) .tile-radio,:host([inverted]):host(:not([disabled])):host(:hover) .tile-switch{border-color:var(--px-border-color-action-hover-inverted)}:host([inverted]):host([checked]) .tile-checkbox,:host([inverted]):host([checked]) .tile-radio,:host([inverted]):host([checked]) .tile-switch{border-color:var(--px-border-color-action-active-inverted)}:host([inverted]):host([state="error"]) .tile-checkbox,:host([inverted]):host([state="error"]) .tile-radio,:host([inverted]):host([state="error"]) .tile-switch{border-color:var(--px-border-color-purpose-error-inverted)}:host([inverted]):host([state="error"]):host(:hover:not([disabled])) .tile-checkbox,:host([inverted]):host([state="error"]):host(:hover:not([disabled])) .tile-radio,:host([inverted]):host([state="error"]):host(:hover:not([disabled])) .tile-switch{border-color:var(--px-border-color-action-hover-inverted)}', H = new CSSStyleSheet();
566
566
  H.replaceSync(ct);
567
567
  const M = new CSSStyleSheet();
568
568
  M.replaceSync(d);
@@ -652,13 +652,13 @@ const dt = [
652
652
  console.error("Bad color value for", this.$el);
653
653
  return;
654
654
  }
655
- const r = (s) => {
656
- s !== null && s !== "" && s !== "default" && (this.$el.style.setProperty(
655
+ const r = (o) => {
656
+ o !== null && o !== "" && o !== "default" && (this.$el.style.setProperty(
657
657
  "--tile-background-color-default",
658
- `var(--px-background-color-${s}-default)`
658
+ `var(--px-background-color-${o}-default)`
659
659
  ), this.$el.style.setProperty(
660
660
  "--tile-background-color-inverted",
661
- `var(--px-background-color-${s}-inverted)`
661
+ `var(--px-background-color-${o}-inverted)`
662
662
  ));
663
663
  };
664
664
  r(t), r(e);
@@ -865,7 +865,7 @@ const gt = ["", "default", "selectable-tag"], F = ["", "error"], S = class S ext
865
865
  }
866
866
  }
867
867
  updateAttribute(t, e, i, r) {
868
- var s, a;
868
+ var o, a;
869
869
  if (!this.checkName(i, e)) {
870
870
  console.error(
871
871
  `${e} is not a valid ${r} value for`,
@@ -873,7 +873,7 @@ const gt = ["", "default", "selectable-tag"], F = ["", "error"], S = class S ext
873
873
  );
874
874
  return;
875
875
  }
876
- t !== null && (r === "variant" ? (s = this.$checkbox) == null || s.classList.toggle(t) : this.$el.classList.toggle(t)), e !== null && (r === "variant" ? (a = this.$checkbox) == null || a.classList.toggle(e) : this.$el.classList.toggle(e));
876
+ t !== null && (r === "variant" ? (o = this.$checkbox) == null || o.classList.toggle(t) : this.$el.classList.toggle(t)), e !== null && (r === "variant" ? (a = this.$checkbox) == null || a.classList.toggle(e) : this.$el.classList.toggle(e));
877
877
  }
878
878
  formData() {
879
879
  if (this.$el.name) {
@@ -887,10 +887,10 @@ const gt = ["", "default", "selectable-tag"], F = ["", "error"], S = class S ext
887
887
  }
888
888
  // Set default behavior when the element is attached to a form
889
889
  formResetCallback() {
890
- this.$el.value = "";
890
+ this.checked = !1;
891
891
  }
892
892
  formStateRestoreCallback(t) {
893
- this.$el.value = t;
893
+ this.checked = t;
894
894
  }
895
895
  setupForId() {
896
896
  const t = Math.random().toString(36).substr(2, 9);
@@ -1207,7 +1207,7 @@ const O = ["", "default", "selectable-tag"], W = ["", "error"], L = class L exte
1207
1207
  this.checked = t;
1208
1208
  }
1209
1209
  updateAttribute(t, e, i, r) {
1210
- var s, a;
1210
+ var o, a;
1211
1211
  if (!this.checkName(i, e)) {
1212
1212
  console.error(
1213
1213
  `${e} is not a valid ${r} value for`,
@@ -1215,7 +1215,7 @@ const O = ["", "default", "selectable-tag"], W = ["", "error"], L = class L exte
1215
1215
  );
1216
1216
  return;
1217
1217
  }
1218
- t !== null && (r === "variant" ? (s = this.$el.parentElement) == null || s.classList.toggle(t) : this.$el.classList.toggle(t)), e !== null && (r === "variant" ? (a = this.$el.parentElement) == null || a.classList.toggle(e) : this.$el.classList.toggle(e));
1218
+ t !== null && (r === "variant" ? (o = this.$el.parentElement) == null || o.classList.toggle(t) : this.$el.classList.toggle(t)), e !== null && (r === "variant" ? (a = this.$el.parentElement) == null || a.classList.toggle(e) : this.$el.classList.toggle(e));
1219
1219
  }
1220
1220
  handleCheckedChange(t) {
1221
1221
  var e;
@@ -1766,7 +1766,7 @@ X.replaceSync(d);
1766
1766
  class Ct extends u {
1767
1767
  template() {
1768
1768
  return `
1769
- <div class="tile-radio">
1769
+ <div class="tile-switch">
1770
1770
  <px-tile hoverable>
1771
1771
  <slot name="prefix" slot="prefix"></slot>
1772
1772
  <px-switch slot="action" aria-hidden="true" tabindex="-1"></px-switch>
@@ -1871,7 +1871,7 @@ class Ct extends u {
1871
1871
  return this.shadowRoot.querySelector("px-tile");
1872
1872
  }
1873
1873
  get $el() {
1874
- return this.shadowRoot.querySelector(".tile-radio");
1874
+ return this.shadowRoot.querySelector(".tile-switch");
1875
1875
  }
1876
1876
  get $switch() {
1877
1877
  return this.shadowRoot.querySelector("px-switch");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-tile",
3
- "version": "1.0.0-alpha.21",
3
+ "version": "1.0.0-alpha.23",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "exports": {
@@ -24,7 +24,7 @@
24
24
  "publishConfig": {
25
25
  "access": "public"
26
26
  },
27
- "gitHead": "4e94c97e61c3c470209ef31b59552e8fa5709a40",
27
+ "gitHead": "119e23e1d4b78a1b3a2d984d36aa7f13954996e3",
28
28
  "lerna": {
29
29
  "command": {
30
30
  "publish": {