@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.
- package/dist/index.js +39 -39
- 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
|
|
118
|
-
if (!
|
|
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
|
|
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",
|
|
297
|
-
class
|
|
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",
|
|
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(
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
) ? (
|
|
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
|
-
),
|
|
536
|
+
), s.setAttribute("size", "s")) : s.setAttribute("size", "s");
|
|
537
537
|
}
|
|
538
|
-
function c(
|
|
539
|
-
if (!
|
|
540
|
-
|
|
538
|
+
function c(s) {
|
|
539
|
+
if (!s.hasAttribute("width"))
|
|
540
|
+
s.setAttribute("width", "s");
|
|
541
541
|
else {
|
|
542
|
-
const e =
|
|
543
|
-
R.includes(e) ? (e === "" || e === "default") &&
|
|
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
|
-
),
|
|
547
|
+
), s.setAttribute("width", "s"));
|
|
548
548
|
}
|
|
549
|
-
|
|
549
|
+
s.setAttribute("border-radius", "pill");
|
|
550
550
|
}
|
|
551
|
-
function p(
|
|
552
|
-
e ? (
|
|
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
|
-
})) : (
|
|
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(
|
|
559
|
-
e ? (
|
|
560
|
-
|
|
561
|
-
}), r.ariaEl && r.setAria && r.ariaEl.setAttribute("aria-disabled", "true"), r.ariaEl && r.setTabIndex && (r.ariaEl.tabIndex = -1)) : (
|
|
562
|
-
|
|
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 = (
|
|
656
|
-
|
|
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-${
|
|
658
|
+
`var(--px-background-color-${o}-default)`
|
|
659
659
|
), this.$el.style.setProperty(
|
|
660
660
|
"--tile-background-color-inverted",
|
|
661
|
-
`var(--px-background-color-${
|
|
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
|
|
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" ? (
|
|
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
|
|
890
|
+
this.checked = !1;
|
|
891
891
|
}
|
|
892
892
|
formStateRestoreCallback(t) {
|
|
893
|
-
this
|
|
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
|
|
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" ? (
|
|
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-
|
|
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-
|
|
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.
|
|
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": "
|
|
27
|
+
"gitHead": "119e23e1d4b78a1b3a2d984d36aa7f13954996e3",
|
|
28
28
|
"lerna": {
|
|
29
29
|
"command": {
|
|
30
30
|
"publish": {
|