@proximus/lavender-common 2.0.0-alpha.100 → 2.0.0-alpha.101
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/common.d.ts +1 -1
- package/dist/index.es.js +109 -107
- package/package.json +1 -1
package/dist/common.d.ts
CHANGED
|
@@ -125,7 +125,7 @@ export declare class VerticallyExtendedElement<HTML_TYPE extends Element> extend
|
|
|
125
125
|
connectedCallback(): void;
|
|
126
126
|
}
|
|
127
127
|
export declare const gridGapValues: string[];
|
|
128
|
-
export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
|
|
128
|
+
export declare const flexboxAlignSelfValues: readonly ["", "default", "auto", "flex-start", "start", "flex-end", "end", "center", "baseline", "stretch"];
|
|
129
129
|
export declare const cssGridAlignSelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
|
|
130
130
|
export declare const cssGridJustifySelfValues: readonly ["", "default", "start", "end", "center", "stretch"];
|
|
131
131
|
export declare const cssGridColSpanValues: string[];
|
package/dist/index.es.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
var
|
|
1
|
+
var S = (i) => {
|
|
2
2
|
throw TypeError(i);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var a = (i, t, s) => (
|
|
6
|
-
const
|
|
4
|
+
var $ = (i, t, s) => t.has(i) || S("Cannot " + s);
|
|
5
|
+
var a = (i, t, s) => ($(i, t, "read from private field"), s ? s.call(i) : t.get(i)), d = (i, t, s) => t.has(i) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), p = (i, t, s, e) => ($(i, t, "write to private field"), e ? e.call(i, s) : t.set(i, s), s);
|
|
6
|
+
const M = ":host([grow]){flex-grow:var(--grow-value)}:host([shrink]){flex-shrink:var(--shrink-value)}:host([basis]){flex-basis:var(--basis-value)}:host([align-self]){align-self:var(--align-self-value)}:host([col-span]){grid-column:span var(--col-span-value) / span var(--col-span-value)}:host([justify-self]){justify-self:var(--justify-self-value)}:host([order]),::slotted([order]){order:var(--order-value)}:host([sticky-top]){position:sticky;top:0}:host([sticky-bottom]){position:sticky;bottom:0}:host([hidden]),::slotted([hidden]){display:none}:host([shown--sr]),::slotted(*[shown--sr]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media screen and (max-width: 47.938rem){:host([hidden--mobile]),::slotted([hidden--mobile]){display:none}:host([grow--mobile]){flex-grow:var(--grow--mobile-value)!important}:host([shrink--mobile]){flex-shrink:var(--shrink--mobile-value)!important}:host([basis--mobile]){flex-basis:var(--basis--mobile-value)!important}:host([align-self--mobile]){align-self:var(--align-self--mobile-value)!important}:host([col-span--mobile]){grid-column:span var(--col-span--mobile-value) / span var(--col-span--mobile-value)!important}:host([justify-self--mobile]){justify-self:var(--justify-self--mobile-value)!important}:host([order--mobile]),::slotted([order--mobile]){order:var(--order--mobile-value)!important}:host([shown--sr--mobile]),::slotted(*[shown--sr--mobile]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 48rem) and (max-width: 64rem){:host([hidden--tablet]),::slotted([hidden--tablet]){display:none}:host([grow--tablet]){flex-grow:var(--grow--tablet-value)!important}:host([shrink--tablet]){flex-shrink:var(--shrink--tablet-value)!important}:host([basis--tablet]){flex-basis:var(--basis--tablet-value)!important}:host([align-self--tablet]){align-self:var(--align-self--tablet-value)!important}:host([col-span--tablet]){grid-column:span var(--col-span--tablet-value) / span var(--col-span--tablet-value)!important}:host([justify-self--tablet]){justify-self:var(--justify-self--tablet-value)!important}:host([order--tablet]),::slotted([order--tablet]){order:var(--order--tablet-value)!important}:host([shown--sr--tablet]),::slotted(*[shown--sr--tablet]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 64.0625rem){:host([shown--sr--laptop]),::slotted(*[shown--sr--laptop]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@media screen and (min-width: 64.0625rem){:host([hidden--laptop]),::slotted([hidden--laptop]){display:none!important}:host([grow--laptop]){flex-grow:var(--grow--laptop-value)!important}:host([shrink--laptop]){flex-shrink:var(--shrink--laptop-value)!important}:host([basis--laptop]){flex-basis:var(--basis--laptop-value)!important}:host([align-self--laptop]){align-self:var(--align-self--laptop-value)!important}:host([col-span--laptop]){grid-column:span var(--col-span--laptop-value) / span var(--col-span--laptop-value)!important}:host([justify-self--laptop]){justify-self:var(--justify-self--laptop-value)!important}:host([order--laptop]),::slotted([order--laptop]){order:var(--order--laptop-value)!important}}@media screen and (min-width: 90.0625rem){:host([col-span--desktop]){grid-column:span var(--col-span--desktop-value) / span var(--col-span--desktop-value)!important}:host([justify-self--desktop]){justify-self:var(--justify-self--desktop-value)!important}:host([order--desktop]),::slotted([order--desktop]){order:var(--order--desktop-value)!important}:host([hidden--desktop]),::slotted([hidden--desktop]){display:none!important}:host([grow--desktop]){flex-grow:var(--grow--desktop-value)!important}:host([shrink--desktop]){flex-shrink:var(--shrink--desktop-value)!important}:host([basis--desktop]){flex-basis:var(--basis--desktop-value)!important}:host([align-self--desktop]){align-self:var(--align-self--desktop-value)!important}}", x = { DEV: !0, VITE_COMPONENT_DEBUG: "true" };
|
|
7
7
|
function N(i) {
|
|
8
8
|
const t = document.createElement(i), s = Object.getPrototypeOf(t);
|
|
9
9
|
return Object.getOwnPropertyNames(s);
|
|
10
10
|
}
|
|
11
|
-
function
|
|
11
|
+
function D(i) {
|
|
12
12
|
const t = document.createElement(i), s = Object.getPrototypeOf(t);
|
|
13
13
|
return Object.getOwnPropertyNames(s).map(
|
|
14
14
|
(e) => e.toLowerCase()
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
const
|
|
20
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
21
|
-
function
|
|
22
|
-
return
|
|
17
|
+
const j = new CSSStyleSheet();
|
|
18
|
+
j.replaceSync(M);
|
|
19
|
+
const c = typeof import.meta < "u" && typeof x < "u" ? x : void 0, T = (c == null ? void 0 : c.VITE_COMPONENT_DEBUG) === "true" || (c == null ? void 0 : c.DEV) === !0;
|
|
20
|
+
typeof window < "u" && (window.isComponentDebug = y);
|
|
21
|
+
function y() {
|
|
22
|
+
return T;
|
|
23
23
|
}
|
|
24
|
-
function
|
|
25
|
-
|
|
24
|
+
function E(i) {
|
|
25
|
+
y() && console.error(i);
|
|
26
26
|
}
|
|
27
|
-
var
|
|
28
|
-
class
|
|
27
|
+
var g, n, f, h, u, k, C;
|
|
28
|
+
class U {
|
|
29
29
|
constructor(t, s, e) {
|
|
30
|
-
d(this,
|
|
31
|
-
d(this, c);
|
|
32
|
-
d(this, n);
|
|
30
|
+
d(this, k);
|
|
33
31
|
d(this, g);
|
|
32
|
+
d(this, n);
|
|
33
|
+
d(this, f);
|
|
34
34
|
d(this, h);
|
|
35
35
|
d(this, u);
|
|
36
36
|
p(this, h, !1), p(this, u, () => {
|
|
37
37
|
this.setInteractiveState("hover");
|
|
38
38
|
}), this.clearInteractiveState = () => {
|
|
39
39
|
this.setInteractiveState(null);
|
|
40
|
-
}, p(this,
|
|
40
|
+
}, p(this, g, t), p(this, n, s), p(this, f, e);
|
|
41
41
|
}
|
|
42
42
|
connect() {
|
|
43
43
|
a(this, h) || (a(this, n).addEventListener(
|
|
@@ -70,8 +70,8 @@ class R {
|
|
|
70
70
|
), p(this, h, !1));
|
|
71
71
|
}
|
|
72
72
|
setInteractiveState(t) {
|
|
73
|
-
const s = a(this,
|
|
74
|
-
if (!a(this,
|
|
73
|
+
const s = a(this, k, C);
|
|
74
|
+
if (!a(this, f).call(this)) {
|
|
75
75
|
s.forEach((e) => e.removeAttribute("interactive-state"));
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
@@ -80,12 +80,12 @@ class R {
|
|
|
80
80
|
});
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
|
-
|
|
84
|
-
return Array.from(a(this,
|
|
85
|
-
|
|
83
|
+
g = new WeakMap(), n = new WeakMap(), f = new WeakMap(), h = new WeakMap(), u = new WeakMap(), k = new WeakSet(), C = function() {
|
|
84
|
+
return Array.from(a(this, g).querySelectorAll("*")).filter(
|
|
85
|
+
O
|
|
86
86
|
);
|
|
87
87
|
};
|
|
88
|
-
function
|
|
88
|
+
function O(i) {
|
|
89
89
|
var s;
|
|
90
90
|
if (i.hasAttribute("interactive-state"))
|
|
91
91
|
return !0;
|
|
@@ -94,8 +94,8 @@ function E(i) {
|
|
|
94
94
|
);
|
|
95
95
|
return ((s = t == null ? void 0 : t.observedAttributes) == null ? void 0 : s.includes("interactive-state")) ?? !1;
|
|
96
96
|
}
|
|
97
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
98
|
-
class
|
|
97
|
+
typeof window < "u" && (window.isComponentDebug = y);
|
|
98
|
+
class w extends HTMLElement {
|
|
99
99
|
static get observedAttributes() {
|
|
100
100
|
return [
|
|
101
101
|
"grow",
|
|
@@ -149,13 +149,13 @@ class y extends HTMLElement {
|
|
|
149
149
|
}
|
|
150
150
|
constructor(...t) {
|
|
151
151
|
super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
|
|
152
|
-
|
|
152
|
+
j,
|
|
153
153
|
...t
|
|
154
154
|
];
|
|
155
155
|
}
|
|
156
156
|
attributeChangedCallback(t, s, e) {
|
|
157
157
|
var o;
|
|
158
|
-
if (
|
|
158
|
+
if (w.observedAttributes.indexOf(t) !== -1)
|
|
159
159
|
switch (t) {
|
|
160
160
|
case "grow":
|
|
161
161
|
case "grow--mobile":
|
|
@@ -183,7 +183,7 @@ class y extends HTMLElement {
|
|
|
183
183
|
t,
|
|
184
184
|
s,
|
|
185
185
|
e,
|
|
186
|
-
((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? I :
|
|
186
|
+
((o = this.parentElement) == null ? void 0 : o.localName) === "px-grid" ? I : _
|
|
187
187
|
);
|
|
188
188
|
break;
|
|
189
189
|
case "justify-self":
|
|
@@ -195,7 +195,7 @@ class y extends HTMLElement {
|
|
|
195
195
|
t,
|
|
196
196
|
s,
|
|
197
197
|
e,
|
|
198
|
-
|
|
198
|
+
P
|
|
199
199
|
);
|
|
200
200
|
break;
|
|
201
201
|
case "col-span":
|
|
@@ -203,20 +203,20 @@ class y extends HTMLElement {
|
|
|
203
203
|
case "col-span--tablet":
|
|
204
204
|
case "col-span--laptop":
|
|
205
205
|
case "col-span--desktop":
|
|
206
|
-
this.updateProperties(t, s, e,
|
|
206
|
+
this.updateProperties(t, s, e, G);
|
|
207
207
|
break;
|
|
208
208
|
case "order":
|
|
209
209
|
case "order--mobile":
|
|
210
210
|
case "order--tablet":
|
|
211
211
|
case "order--laptop":
|
|
212
212
|
case "order--desktop":
|
|
213
|
-
this.updateProperties(t, s, e,
|
|
213
|
+
this.updateProperties(t, s, e, q);
|
|
214
214
|
break;
|
|
215
215
|
}
|
|
216
216
|
}
|
|
217
217
|
updateProperties(t, s, e, o) {
|
|
218
|
-
o && (this.checkName(o, e) ||
|
|
219
|
-
|
|
218
|
+
o && (this.checkName(o, e) || E(
|
|
219
|
+
`"${e}" is not an allowed ${t} value for ${this.tagName.toLowerCase()}. Allowed values are: "${o.join('", "')}".`
|
|
220
220
|
));
|
|
221
221
|
const l = t.indexOf("--") > -1, b = l ? t.split("--")[0] : t;
|
|
222
222
|
if (!l)
|
|
@@ -228,12 +228,12 @@ class y extends HTMLElement {
|
|
|
228
228
|
e
|
|
229
229
|
);
|
|
230
230
|
else {
|
|
231
|
-
const
|
|
231
|
+
const m = t.split("--")[1];
|
|
232
232
|
this.style.setProperty(
|
|
233
|
-
`--${b}--${
|
|
233
|
+
`--${b}--${m}-value`,
|
|
234
234
|
s
|
|
235
235
|
), this.style.setProperty(
|
|
236
|
-
`--${b}--${
|
|
236
|
+
`--${b}--${m}-value`,
|
|
237
237
|
e
|
|
238
238
|
);
|
|
239
239
|
}
|
|
@@ -502,12 +502,12 @@ class y extends HTMLElement {
|
|
|
502
502
|
this.setAttribute("order--desktop", t);
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
|
-
const
|
|
505
|
+
const A = class A extends w {
|
|
506
506
|
// nativeName: string;
|
|
507
507
|
static get observedAttributes() {
|
|
508
508
|
return [
|
|
509
509
|
...super.observedAttributes,
|
|
510
|
-
...
|
|
510
|
+
...D(this.nativeName)
|
|
511
511
|
];
|
|
512
512
|
}
|
|
513
513
|
attributeChangedCallback(t, s, e) {
|
|
@@ -548,19 +548,21 @@ const w = class w extends y {
|
|
|
548
548
|
s ? this.setAttribute(t, "") : this.removeAttribute(t);
|
|
549
549
|
}
|
|
550
550
|
};
|
|
551
|
-
|
|
552
|
-
let
|
|
553
|
-
class
|
|
551
|
+
A.accessorExclusions = [];
|
|
552
|
+
let v = A;
|
|
553
|
+
class V extends v {
|
|
554
554
|
connectedCallback() {
|
|
555
555
|
this.isInsideGridOrStack && (this.$el.style.display = "block", this.$el.style.height = "100%");
|
|
556
556
|
}
|
|
557
557
|
}
|
|
558
|
-
const W = ["", "default", "none", "l"],
|
|
558
|
+
const W = ["", "default", "none", "l"], _ = [
|
|
559
559
|
"",
|
|
560
560
|
"default",
|
|
561
561
|
"auto",
|
|
562
562
|
"flex-start",
|
|
563
|
+
"start",
|
|
563
564
|
"flex-end",
|
|
565
|
+
"end",
|
|
564
566
|
"center",
|
|
565
567
|
"baseline",
|
|
566
568
|
"stretch"
|
|
@@ -571,14 +573,14 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
571
573
|
"end",
|
|
572
574
|
"center",
|
|
573
575
|
"stretch"
|
|
574
|
-
],
|
|
576
|
+
], P = [
|
|
575
577
|
"",
|
|
576
578
|
"default",
|
|
577
579
|
"start",
|
|
578
580
|
"end",
|
|
579
581
|
"center",
|
|
580
582
|
"stretch"
|
|
581
|
-
],
|
|
583
|
+
], G = [
|
|
582
584
|
"",
|
|
583
585
|
"1",
|
|
584
586
|
"2",
|
|
@@ -592,7 +594,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
592
594
|
"10",
|
|
593
595
|
"11",
|
|
594
596
|
"12"
|
|
595
|
-
],
|
|
597
|
+
], q = [
|
|
596
598
|
"",
|
|
597
599
|
"-1",
|
|
598
600
|
"0",
|
|
@@ -647,7 +649,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
647
649
|
"state-hover",
|
|
648
650
|
"state-active",
|
|
649
651
|
"state-disabled"
|
|
650
|
-
],
|
|
652
|
+
], J = [
|
|
651
653
|
"",
|
|
652
654
|
"default",
|
|
653
655
|
"inherit",
|
|
@@ -655,11 +657,11 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
655
657
|
"title",
|
|
656
658
|
"title-large",
|
|
657
659
|
"subtitle"
|
|
658
|
-
],
|
|
660
|
+
], B = ["Xs", "S", "M", "L", "Xl"], K = [
|
|
659
661
|
"",
|
|
660
662
|
"default",
|
|
661
|
-
...
|
|
662
|
-
],
|
|
663
|
+
...B.map((i) => i.toLowerCase())
|
|
664
|
+
], Q = ["", "default", "left", "center", "right"], Y = [
|
|
663
665
|
"",
|
|
664
666
|
"none",
|
|
665
667
|
"3xs",
|
|
@@ -669,7 +671,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
669
671
|
"m",
|
|
670
672
|
"l",
|
|
671
673
|
"xl"
|
|
672
|
-
],
|
|
674
|
+
], Z = ["", "none", "s", "m", "l"], tt = ["", "none", "main", "pill"], et = [
|
|
673
675
|
"none",
|
|
674
676
|
"main",
|
|
675
677
|
"brand",
|
|
@@ -680,7 +682,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
680
682
|
"purpose-warning",
|
|
681
683
|
"purpose-error",
|
|
682
684
|
"purpose-unlimited"
|
|
683
|
-
],
|
|
685
|
+
], st = [
|
|
684
686
|
"",
|
|
685
687
|
"all",
|
|
686
688
|
"top",
|
|
@@ -689,7 +691,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
689
691
|
"left",
|
|
690
692
|
"block",
|
|
691
693
|
"inline"
|
|
692
|
-
],
|
|
694
|
+
], it = [
|
|
693
695
|
"",
|
|
694
696
|
"none",
|
|
695
697
|
"surface-light",
|
|
@@ -717,7 +719,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
717
719
|
"purpose-eco",
|
|
718
720
|
"purpose-notification",
|
|
719
721
|
"footer-sitemap"
|
|
720
|
-
],
|
|
722
|
+
], ot = ["", "cover", "contain", "default"], rt = ["", "none", "s", "m", "l", "xl"], at = [
|
|
721
723
|
"",
|
|
722
724
|
"default",
|
|
723
725
|
"title-4xl",
|
|
@@ -728,7 +730,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
728
730
|
"title-m",
|
|
729
731
|
"title-s",
|
|
730
732
|
"subtitle"
|
|
731
|
-
],
|
|
733
|
+
], lt = [
|
|
732
734
|
"",
|
|
733
735
|
"purple-top-red",
|
|
734
736
|
"purple-top-magenta",
|
|
@@ -778,7 +780,7 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
778
780
|
"color-bottom-right-blue",
|
|
779
781
|
"color-bottom-right-turquoise",
|
|
780
782
|
"color-bottom-right-green"
|
|
781
|
-
],
|
|
783
|
+
], nt = [
|
|
782
784
|
"none",
|
|
783
785
|
"2xs",
|
|
784
786
|
"xs",
|
|
@@ -788,14 +790,14 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
788
790
|
"heading-to-subtitle",
|
|
789
791
|
"heading-to-content",
|
|
790
792
|
"page-layout-between-sections"
|
|
791
|
-
],
|
|
793
|
+
], pt = [
|
|
792
794
|
"",
|
|
793
795
|
"all",
|
|
794
796
|
"top",
|
|
795
797
|
"right",
|
|
796
798
|
"bottom",
|
|
797
799
|
"left"
|
|
798
|
-
],
|
|
800
|
+
], ht = [
|
|
799
801
|
"",
|
|
800
802
|
"default",
|
|
801
803
|
"xs",
|
|
@@ -804,20 +806,20 @@ const W = ["", "default", "none", "l"], O = [
|
|
|
804
806
|
"l",
|
|
805
807
|
"xl"
|
|
806
808
|
];
|
|
807
|
-
function
|
|
809
|
+
function ut(i) {
|
|
808
810
|
const t = document.createElement("style");
|
|
809
811
|
t.innerHTML = i, document.head.appendChild(t);
|
|
810
812
|
}
|
|
811
|
-
function
|
|
813
|
+
function bt(i) {
|
|
812
814
|
return typeof i == "string" && (i === "false" || i === "0" || i === "null") || typeof i == "boolean" && !i;
|
|
813
815
|
}
|
|
814
|
-
function
|
|
816
|
+
function dt() {
|
|
815
817
|
return window.matchMedia("only screen and (min-width: 768px)").matches ? "tablet" : window.matchMedia("only screen and (min-width: 1025px)").matches ? "laptop" : "mobile";
|
|
816
818
|
}
|
|
817
|
-
function
|
|
819
|
+
function ct(i, t) {
|
|
818
820
|
return i.includes(t);
|
|
819
821
|
}
|
|
820
|
-
const
|
|
822
|
+
const R = [
|
|
821
823
|
"aria-label",
|
|
822
824
|
"aria-labelledby",
|
|
823
825
|
"aria-describedby",
|
|
@@ -852,18 +854,18 @@ const B = [
|
|
|
852
854
|
"aria-busy",
|
|
853
855
|
"aria-owns"
|
|
854
856
|
];
|
|
855
|
-
function
|
|
857
|
+
function gt(i, t, s = !1) {
|
|
856
858
|
var e;
|
|
857
|
-
if (
|
|
859
|
+
if (R.forEach((o) => {
|
|
858
860
|
i.getAttribute(o) && (t.setAttribute(o, i.getAttribute(o)), i.removeAttribute(o));
|
|
859
861
|
}), s && !i.getAttribute("aria-labelledby")) {
|
|
860
862
|
const o = `px-${((e = t.localName) == null ? void 0 : e.toLowerCase()) ?? "component"}-${Math.random().toString(36).substring(2, 15)}`;
|
|
861
863
|
t.setAttribute("id", o), i.setAttribute("aria-labelledby", o);
|
|
862
864
|
}
|
|
863
865
|
}
|
|
864
|
-
function
|
|
865
|
-
const b = new CSSStyleSheet(),
|
|
866
|
-
(
|
|
866
|
+
function ft(i, t, s, e = "", o, l = i) {
|
|
867
|
+
const b = new CSSStyleSheet(), m = s.reduce(
|
|
868
|
+
(L, r) => L + `
|
|
867
869
|
${t(l, r)} {
|
|
868
870
|
${i}: var(--${e}-${r}-desktop);
|
|
869
871
|
${o ? `${o}:var(--${e}-${r}-desktop)` : ""}
|
|
@@ -905,9 +907,9 @@ function gt(i, t, s, e = "", o, l = i) {
|
|
|
905
907
|
}`,
|
|
906
908
|
""
|
|
907
909
|
);
|
|
908
|
-
return b.replaceSync(
|
|
910
|
+
return b.replaceSync(m), b;
|
|
909
911
|
}
|
|
910
|
-
class
|
|
912
|
+
class mt {
|
|
911
913
|
constructor(t, s, e, o) {
|
|
912
914
|
this.component = t, this.attributeName = s, this.cssVariable = o, this.attributeNameMobile = `${this.attributeName}--mobile`, this.attributeNameTablet = `${this.attributeName}--tablet`, this.attributeNameLaptop = `${this.attributeName}--laptop`, this.attributeNameDesktop = `${this.attributeName}--desktop`, this._attributeValue = e, Object.defineProperty(
|
|
913
915
|
this.component,
|
|
@@ -988,46 +990,46 @@ class ft {
|
|
|
988
990
|
}
|
|
989
991
|
}
|
|
990
992
|
export {
|
|
991
|
-
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
993
|
+
mt as AttributeBreakpointHandlerDelegate,
|
|
994
|
+
v as PxElement,
|
|
995
|
+
V as VerticallyExtendedElement,
|
|
996
|
+
w as WithExtraAttributes,
|
|
997
|
+
U as WrappedInteractiveStateController,
|
|
998
|
+
R as accessibilityAttributes,
|
|
999
|
+
ut as addGlobalStylesheet,
|
|
1000
|
+
ht as assetContainerImgWidthValues,
|
|
1001
|
+
it as backgroundColorValues,
|
|
1002
|
+
ot as backgroundSizeValues,
|
|
1003
|
+
et as borderColorValues,
|
|
1004
|
+
tt as borderRadiusValues,
|
|
1005
|
+
st as borderSideValues,
|
|
1006
|
+
Z as borderValues,
|
|
1007
|
+
rt as boxShadowValues,
|
|
1008
|
+
ct as checkName,
|
|
1007
1009
|
F as colorValues,
|
|
1008
1010
|
I as cssGridAlignSelfValues,
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
|
|
1011
|
+
G as cssGridColSpanValues,
|
|
1012
|
+
P as cssGridJustifySelfValues,
|
|
1013
|
+
q as cssGridOrderValues,
|
|
1012
1014
|
H as cssGridPlaceSelfValues,
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
+
ft as cssTokenBreakpoints,
|
|
1016
|
+
_ as flexboxAlignSelfValues,
|
|
1015
1017
|
X as fontsizeValues,
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1018
|
+
J as fontweightValues,
|
|
1019
|
+
nt as gapValues,
|
|
1020
|
+
D as getSupportedAttributeNames,
|
|
1019
1021
|
N as getSupportedPropertyNames,
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
+
dt as getViewportFormat,
|
|
1023
|
+
lt as gradientValues,
|
|
1022
1024
|
W as gridGapValues,
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1025
|
+
at as headingValues,
|
|
1026
|
+
B as iconSizeValues,
|
|
1027
|
+
K as iconSizeValuesKC,
|
|
1028
|
+
y as isComponentDebug,
|
|
1029
|
+
bt as isFalsy,
|
|
1030
|
+
E as log,
|
|
1031
|
+
pt as noBorderRadiusValues,
|
|
1032
|
+
Y as paddingValues,
|
|
1033
|
+
Q as textalignValues,
|
|
1034
|
+
gt as transferAccessibilityAttributes
|
|
1033
1035
|
};
|