@proximus/lavender-common 1.4.6-beta.1 → 1.4.6
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.es.js +37 -40
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -9,18 +9,17 @@ function m(i) {
|
|
|
9
9
|
(e) => e.toLowerCase()
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
const k = typeof import.meta < "u" && typeof g < "u" && !
|
|
15
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
16
|
-
function
|
|
12
|
+
const b = new CSSStyleSheet();
|
|
13
|
+
b.replaceSync(c);
|
|
14
|
+
const k = typeof import.meta < "u" && typeof g < "u" && !1;
|
|
15
|
+
typeof window < "u" && (window.isComponentDebug = d);
|
|
16
|
+
function d() {
|
|
17
17
|
return k;
|
|
18
18
|
}
|
|
19
|
-
function
|
|
20
|
-
h() && console.error(i);
|
|
19
|
+
function j(i) {
|
|
21
20
|
}
|
|
22
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
23
|
-
class
|
|
21
|
+
typeof window < "u" && (window.isComponentDebug = d);
|
|
22
|
+
class h extends HTMLElement {
|
|
24
23
|
static get observedAttributes() {
|
|
25
24
|
return [
|
|
26
25
|
"grow",
|
|
@@ -72,13 +71,13 @@ class u extends HTMLElement {
|
|
|
72
71
|
}
|
|
73
72
|
constructor(...t) {
|
|
74
73
|
super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
|
|
75
|
-
|
|
74
|
+
b,
|
|
76
75
|
...t
|
|
77
76
|
];
|
|
78
77
|
}
|
|
79
78
|
attributeChangedCallback(t, s, e) {
|
|
80
79
|
var o;
|
|
81
|
-
if (
|
|
80
|
+
if (h.observedAttributes.indexOf(t) !== -1)
|
|
82
81
|
switch (t) {
|
|
83
82
|
case "grow":
|
|
84
83
|
case "grow--mobile":
|
|
@@ -106,7 +105,7 @@ class u extends HTMLElement {
|
|
|
106
105
|
t,
|
|
107
106
|
s,
|
|
108
107
|
e,
|
|
109
|
-
((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ?
|
|
108
|
+
((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? w : v
|
|
110
109
|
);
|
|
111
110
|
break;
|
|
112
111
|
case "justify-self":
|
|
@@ -118,7 +117,7 @@ class u extends HTMLElement {
|
|
|
118
117
|
t,
|
|
119
118
|
s,
|
|
120
119
|
e,
|
|
121
|
-
|
|
120
|
+
y
|
|
122
121
|
);
|
|
123
122
|
break;
|
|
124
123
|
case "col-span":
|
|
@@ -126,21 +125,19 @@ class u extends HTMLElement {
|
|
|
126
125
|
case "col-span--tablet":
|
|
127
126
|
case "col-span--laptop":
|
|
128
127
|
case "col-span--desktop":
|
|
129
|
-
this.updateProperties(t, s, e,
|
|
128
|
+
this.updateProperties(t, s, e, A);
|
|
130
129
|
break;
|
|
131
130
|
case "order":
|
|
132
131
|
case "order--mobile":
|
|
133
132
|
case "order--tablet":
|
|
134
133
|
case "order--laptop":
|
|
135
134
|
case "order--desktop":
|
|
136
|
-
this.updateProperties(t, s, e,
|
|
135
|
+
this.updateProperties(t, s, e, S);
|
|
137
136
|
break;
|
|
138
137
|
}
|
|
139
138
|
}
|
|
140
139
|
updateProperties(t, s, e, o) {
|
|
141
|
-
o && (this.checkName(o, e) ||
|
|
142
|
-
`${e} is not an allowed ${o} value for ${this.tagName.toLowerCase()}`
|
|
143
|
-
));
|
|
140
|
+
o && (this.checkName(o, e) || (`${e}${o}${this.tagName.toLowerCase()}`, void 0));
|
|
144
141
|
const a = t.indexOf("--") > -1, l = a ? t.split("--")[0] : t;
|
|
145
142
|
if (!a)
|
|
146
143
|
this.style.setProperty(
|
|
@@ -425,7 +422,7 @@ class u extends HTMLElement {
|
|
|
425
422
|
this.setAttribute("order--desktop", t);
|
|
426
423
|
}
|
|
427
424
|
}
|
|
428
|
-
const
|
|
425
|
+
const u = class u extends h {
|
|
429
426
|
// nativeName: string;
|
|
430
427
|
static get observedAttributes() {
|
|
431
428
|
return [
|
|
@@ -471,14 +468,14 @@ const b = class b extends u {
|
|
|
471
468
|
s ? this.setAttribute(t, "") : this.removeAttribute(t);
|
|
472
469
|
}
|
|
473
470
|
};
|
|
474
|
-
|
|
475
|
-
let p =
|
|
471
|
+
u.accessorExclusions = [];
|
|
472
|
+
let p = u;
|
|
476
473
|
class C extends p {
|
|
477
474
|
connectedCallback() {
|
|
478
475
|
this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
|
|
479
476
|
}
|
|
480
477
|
}
|
|
481
|
-
const L = ["", "default", "none", "l"],
|
|
478
|
+
const L = ["", "default", "none", "l"], v = [
|
|
482
479
|
"",
|
|
483
480
|
"default",
|
|
484
481
|
"auto",
|
|
@@ -487,21 +484,21 @@ const L = ["", "default", "none", "l"], w = [
|
|
|
487
484
|
"center",
|
|
488
485
|
"baseline",
|
|
489
486
|
"stretch"
|
|
490
|
-
],
|
|
487
|
+
], w = [
|
|
491
488
|
"",
|
|
492
489
|
"default",
|
|
493
490
|
"start",
|
|
494
491
|
"end",
|
|
495
492
|
"center",
|
|
496
493
|
"stretch"
|
|
497
|
-
],
|
|
494
|
+
], y = [
|
|
498
495
|
"",
|
|
499
496
|
"default",
|
|
500
497
|
"start",
|
|
501
498
|
"end",
|
|
502
499
|
"center",
|
|
503
500
|
"stretch"
|
|
504
|
-
],
|
|
501
|
+
], A = [
|
|
505
502
|
"",
|
|
506
503
|
"1",
|
|
507
504
|
"2",
|
|
@@ -515,7 +512,7 @@ const L = ["", "default", "none", "l"], w = [
|
|
|
515
512
|
"10",
|
|
516
513
|
"11",
|
|
517
514
|
"12"
|
|
518
|
-
],
|
|
515
|
+
], S = [
|
|
519
516
|
"",
|
|
520
517
|
"-1",
|
|
521
518
|
"0",
|
|
@@ -578,10 +575,10 @@ const L = ["", "default", "none", "l"], w = [
|
|
|
578
575
|
"title",
|
|
579
576
|
"title-large",
|
|
580
577
|
"subtitle"
|
|
581
|
-
],
|
|
578
|
+
], $ = ["Xs", "S", "M", "L", "Xl"], O = [
|
|
582
579
|
"",
|
|
583
580
|
"default",
|
|
584
|
-
|
|
581
|
+
...$.map((i) => i.toLowerCase())
|
|
585
582
|
], _ = ["", "default", "left", "center", "right"], P = [
|
|
586
583
|
"",
|
|
587
584
|
"none",
|
|
@@ -740,7 +737,7 @@ function K() {
|
|
|
740
737
|
function Q(i, t) {
|
|
741
738
|
return i.includes(t);
|
|
742
739
|
}
|
|
743
|
-
const
|
|
740
|
+
const x = [
|
|
744
741
|
"aria-label",
|
|
745
742
|
"aria-labelledby",
|
|
746
743
|
"aria-describedby",
|
|
@@ -777,7 +774,7 @@ const j = [
|
|
|
777
774
|
];
|
|
778
775
|
function Y(i, t, s = !0) {
|
|
779
776
|
var e;
|
|
780
|
-
if (
|
|
777
|
+
if (x.forEach((o) => {
|
|
781
778
|
i.getAttribute(o) && (t.setAttribute(o, i.getAttribute(o)), i.removeAttribute(o));
|
|
782
779
|
}), s) {
|
|
783
780
|
const o = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
|
|
@@ -914,8 +911,8 @@ export {
|
|
|
914
911
|
tt as AttributeBreakpointHandlerDelegate,
|
|
915
912
|
p as PxElement,
|
|
916
913
|
C as VerticallyExtendedElement,
|
|
917
|
-
|
|
918
|
-
|
|
914
|
+
h as WithExtraAttributes,
|
|
915
|
+
x as accessibilityAttributes,
|
|
919
916
|
U as addGlobalStylesheet,
|
|
920
917
|
F as assetContainerImgWidthValues,
|
|
921
918
|
V as backgroundColorValues,
|
|
@@ -927,13 +924,13 @@ export {
|
|
|
927
924
|
z as boxShadowValues,
|
|
928
925
|
Q as checkName,
|
|
929
926
|
D as colorValues,
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
927
|
+
w as cssGridAlignSelfValues,
|
|
928
|
+
A as cssGridColSpanValues,
|
|
929
|
+
y as cssGridJustifySelfValues,
|
|
930
|
+
S as cssGridOrderValues,
|
|
934
931
|
M as cssGridPlaceSelfValues,
|
|
935
932
|
Z as cssTokenBreakpoints,
|
|
936
|
-
|
|
933
|
+
v as flexboxAlignSelfValues,
|
|
937
934
|
N as fontsizeValues,
|
|
938
935
|
T as fontweightValues,
|
|
939
936
|
W as gapValues,
|
|
@@ -943,11 +940,11 @@ export {
|
|
|
943
940
|
I as gradientValues,
|
|
944
941
|
L as gridGapValues,
|
|
945
942
|
H as headingValues,
|
|
946
|
-
|
|
943
|
+
$ as iconSizeValues,
|
|
947
944
|
O as iconSizeValuesKC,
|
|
948
|
-
|
|
945
|
+
d as isComponentDebug,
|
|
949
946
|
J as isFalsy,
|
|
950
|
-
|
|
947
|
+
j as log,
|
|
951
948
|
X as noBorderRadiusValues,
|
|
952
949
|
P as paddingValues,
|
|
953
950
|
_ as textalignValues,
|