@proximus/lavender-list 1.4.9-beta.2 → 1.4.9
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 +80 -89
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,32 +1,29 @@
|
|
|
1
|
-
var
|
|
1
|
+
var y = (o) => {
|
|
2
2
|
throw TypeError(o);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var p = (o, t, e) => (
|
|
7
|
-
const
|
|
8
|
-
function
|
|
4
|
+
var L = (o, t, e) => t.has(o) || y("Cannot " + e);
|
|
5
|
+
var w = (o, t, e) => t.has(o) ? y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e);
|
|
6
|
+
var p = (o, t, e) => (L(o, t, "access private method"), e);
|
|
7
|
+
const M = ".list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}", D = ":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: 767px){: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: 768px) and (max-width: 1024px){: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: 1025px){: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: 1025px){: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: 1441px){: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}}", E = {};
|
|
8
|
+
function O(o) {
|
|
9
9
|
const t = document.createElement(o), e = Object.getPrototypeOf(t);
|
|
10
10
|
return Object.getOwnPropertyNames(e);
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function N(o) {
|
|
13
13
|
const t = document.createElement(o), e = Object.getPrototypeOf(t);
|
|
14
14
|
return Object.getOwnPropertyNames(e).map(
|
|
15
15
|
(s) => s.toLowerCase()
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
22
|
-
function
|
|
23
|
-
return
|
|
24
|
-
}
|
|
25
|
-
function T(o) {
|
|
26
|
-
v() && console.error(o);
|
|
18
|
+
const $ = new CSSStyleSheet();
|
|
19
|
+
$.replaceSync(D);
|
|
20
|
+
const _ = typeof import.meta < "u" && typeof E < "u" && !1;
|
|
21
|
+
typeof window < "u" && (window.isComponentDebug = x);
|
|
22
|
+
function x() {
|
|
23
|
+
return _;
|
|
27
24
|
}
|
|
28
|
-
typeof window < "u" && (window.isComponentDebug =
|
|
29
|
-
class
|
|
25
|
+
typeof window < "u" && (window.isComponentDebug = x);
|
|
26
|
+
class m extends HTMLElement {
|
|
30
27
|
static get observedAttributes() {
|
|
31
28
|
return [
|
|
32
29
|
"grow",
|
|
@@ -80,13 +77,13 @@ class k extends HTMLElement {
|
|
|
80
77
|
}
|
|
81
78
|
constructor(...t) {
|
|
82
79
|
super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
|
|
83
|
-
|
|
80
|
+
$,
|
|
84
81
|
...t
|
|
85
82
|
];
|
|
86
83
|
}
|
|
87
84
|
attributeChangedCallback(t, e, s) {
|
|
88
85
|
var i;
|
|
89
|
-
if (
|
|
86
|
+
if (m.observedAttributes.indexOf(t) !== -1)
|
|
90
87
|
switch (t) {
|
|
91
88
|
case "grow":
|
|
92
89
|
case "grow--mobile":
|
|
@@ -114,7 +111,7 @@ class k extends HTMLElement {
|
|
|
114
111
|
t,
|
|
115
112
|
e,
|
|
116
113
|
s,
|
|
117
|
-
((i = this.parentElement) == null ? void 0 : i.localName) === "px-grid" ?
|
|
114
|
+
((i = this.parentElement) == null ? void 0 : i.localName) === "px-grid" ? G : B
|
|
118
115
|
);
|
|
119
116
|
break;
|
|
120
117
|
case "justify-self":
|
|
@@ -126,7 +123,7 @@ class k extends HTMLElement {
|
|
|
126
123
|
t,
|
|
127
124
|
e,
|
|
128
125
|
s,
|
|
129
|
-
|
|
126
|
+
R
|
|
130
127
|
);
|
|
131
128
|
break;
|
|
132
129
|
case "col-span":
|
|
@@ -134,21 +131,19 @@ class k extends HTMLElement {
|
|
|
134
131
|
case "col-span--tablet":
|
|
135
132
|
case "col-span--laptop":
|
|
136
133
|
case "col-span--desktop":
|
|
137
|
-
this.updateProperties(t, e, s,
|
|
134
|
+
this.updateProperties(t, e, s, q);
|
|
138
135
|
break;
|
|
139
136
|
case "order":
|
|
140
137
|
case "order--mobile":
|
|
141
138
|
case "order--tablet":
|
|
142
139
|
case "order--laptop":
|
|
143
140
|
case "order--desktop":
|
|
144
|
-
this.updateProperties(t, e, s,
|
|
141
|
+
this.updateProperties(t, e, s, H);
|
|
145
142
|
break;
|
|
146
143
|
}
|
|
147
144
|
}
|
|
148
145
|
updateProperties(t, e, s, i) {
|
|
149
|
-
i && (this.checkName(i, s) ||
|
|
150
|
-
`"${s}" is not an allowed ${t} value for ${this.tagName.toLowerCase()}. Allowed values are: "${i.join('", "')}".`
|
|
151
|
-
));
|
|
146
|
+
i && (this.checkName(i, s) || (`${s}${i}${this.tagName.toLowerCase()}`, void 0));
|
|
152
147
|
const l = t.indexOf("--") > -1, n = l ? t.split("--")[0] : t;
|
|
153
148
|
if (!l)
|
|
154
149
|
this.style.setProperty(
|
|
@@ -159,12 +154,12 @@ class k extends HTMLElement {
|
|
|
159
154
|
s
|
|
160
155
|
);
|
|
161
156
|
else {
|
|
162
|
-
const
|
|
157
|
+
const h = t.split("--")[1];
|
|
163
158
|
this.style.setProperty(
|
|
164
|
-
`--${n}--${
|
|
159
|
+
`--${n}--${h}-value`,
|
|
165
160
|
e
|
|
166
161
|
), this.style.setProperty(
|
|
167
|
-
`--${n}--${
|
|
162
|
+
`--${n}--${h}-value`,
|
|
168
163
|
s
|
|
169
164
|
);
|
|
170
165
|
}
|
|
@@ -433,12 +428,12 @@ class k extends HTMLElement {
|
|
|
433
428
|
this.setAttribute("order--desktop", t);
|
|
434
429
|
}
|
|
435
430
|
}
|
|
436
|
-
const
|
|
431
|
+
const v = class v extends m {
|
|
437
432
|
// nativeName: string;
|
|
438
433
|
static get observedAttributes() {
|
|
439
434
|
return [
|
|
440
435
|
...super.observedAttributes,
|
|
441
|
-
...
|
|
436
|
+
...N(this.nativeName)
|
|
442
437
|
];
|
|
443
438
|
}
|
|
444
439
|
attributeChangedCallback(t, e, s) {
|
|
@@ -448,7 +443,7 @@ const A = class A extends k {
|
|
|
448
443
|
return Object.getPrototypeOf(this).constructor;
|
|
449
444
|
}
|
|
450
445
|
constructor(...t) {
|
|
451
|
-
super(...t), this.ctor.supportedPropertyNames || (this.ctor.supportedPropertyNames =
|
|
446
|
+
super(...t), this.ctor.supportedPropertyNames || (this.ctor.supportedPropertyNames = O(
|
|
452
447
|
this.ctor.nativeName
|
|
453
448
|
)), this.enhanceWithNativeProperties();
|
|
454
449
|
}
|
|
@@ -479,34 +474,32 @@ const A = class A extends k {
|
|
|
479
474
|
e ? this.setAttribute(t, "") : this.removeAttribute(t);
|
|
480
475
|
}
|
|
481
476
|
};
|
|
482
|
-
|
|
483
|
-
let
|
|
484
|
-
const
|
|
477
|
+
v.accessorExclusions = [];
|
|
478
|
+
let d = v;
|
|
479
|
+
const B = [
|
|
485
480
|
"",
|
|
486
481
|
"default",
|
|
487
482
|
"auto",
|
|
488
483
|
"flex-start",
|
|
489
|
-
"start",
|
|
490
484
|
"flex-end",
|
|
491
|
-
"end",
|
|
492
485
|
"center",
|
|
493
486
|
"baseline",
|
|
494
487
|
"stretch"
|
|
495
|
-
],
|
|
488
|
+
], G = [
|
|
496
489
|
"",
|
|
497
490
|
"default",
|
|
498
491
|
"start",
|
|
499
492
|
"end",
|
|
500
493
|
"center",
|
|
501
494
|
"stretch"
|
|
502
|
-
],
|
|
495
|
+
], R = [
|
|
503
496
|
"",
|
|
504
497
|
"default",
|
|
505
498
|
"start",
|
|
506
499
|
"end",
|
|
507
500
|
"center",
|
|
508
501
|
"stretch"
|
|
509
|
-
],
|
|
502
|
+
], q = [
|
|
510
503
|
"",
|
|
511
504
|
"1",
|
|
512
505
|
"2",
|
|
@@ -520,7 +513,7 @@ const R = [
|
|
|
520
513
|
"10",
|
|
521
514
|
"11",
|
|
522
515
|
"12"
|
|
523
|
-
],
|
|
516
|
+
], H = [
|
|
524
517
|
"",
|
|
525
518
|
"-1",
|
|
526
519
|
"0",
|
|
@@ -536,11 +529,11 @@ const R = [
|
|
|
536
529
|
"10",
|
|
537
530
|
"11",
|
|
538
531
|
"12"
|
|
539
|
-
],
|
|
532
|
+
], P = ["Xs", "S", "M", "L", "Xl"];
|
|
540
533
|
[
|
|
541
|
-
...
|
|
534
|
+
...P.map((o) => o.toLowerCase())
|
|
542
535
|
];
|
|
543
|
-
const
|
|
536
|
+
const X = [
|
|
544
537
|
"none",
|
|
545
538
|
"2xs",
|
|
546
539
|
"xs",
|
|
@@ -552,14 +545,14 @@ const z = [
|
|
|
552
545
|
"page-layout-between-sections"
|
|
553
546
|
];
|
|
554
547
|
function I(o, t, e, s = "", i, l = o) {
|
|
555
|
-
const n = new CSSStyleSheet(),
|
|
556
|
-
(
|
|
548
|
+
const n = new CSSStyleSheet(), h = e.reduce(
|
|
549
|
+
(T, r) => T + `
|
|
557
550
|
${t(l, r)} {
|
|
558
551
|
${o}: var(--${s}-${r}-desktop);
|
|
559
552
|
${`${i}:var(--${s}-${r}-desktop)`}
|
|
560
553
|
}
|
|
561
554
|
/* Mobile only - max 767px */
|
|
562
|
-
@media only screen and (max-width: 47.
|
|
555
|
+
@media only screen and (max-width: 47.938em) {
|
|
563
556
|
${t(l, r)} {
|
|
564
557
|
${o}: var(--${s}-${r}-mobile);
|
|
565
558
|
${`${i}: var(--${s}-${r}-mobile)`}
|
|
@@ -567,39 +560,39 @@ function I(o, t, e, s = "", i, l = o) {
|
|
|
567
560
|
}
|
|
568
561
|
${t(l, r, "mobile")} {
|
|
569
562
|
/* Mobile only - max 767px */
|
|
570
|
-
@media only screen and (max-width: 47.
|
|
563
|
+
@media only screen and (max-width: 47.938em) {
|
|
571
564
|
${o}: var(--${s}-${r}-mobile) !important;
|
|
572
565
|
${`${i}: var(--${s}-${r}-mobile)`}
|
|
573
566
|
}
|
|
574
567
|
}
|
|
575
568
|
${t(l, r, "tablet")} {
|
|
576
569
|
/* Tablet - min 768px max 1024px */
|
|
577
|
-
@media only screen and (min-width:
|
|
570
|
+
@media only screen and (min-width: 48em) and (max-width: 64em) {
|
|
578
571
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
579
572
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
580
573
|
}
|
|
581
574
|
}
|
|
582
575
|
${t(l, r, "laptop")} {
|
|
583
576
|
/* Laptop - 1025px*/
|
|
584
|
-
@media only screen and (min-width: 64.
|
|
577
|
+
@media only screen and (min-width: 64.0625em) {
|
|
585
578
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
586
579
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
587
580
|
}
|
|
588
581
|
}
|
|
589
582
|
${t(l, r, "desktop")} {
|
|
590
583
|
/* Desktop - 1025px*/
|
|
591
|
-
@media only screen and (min-width: 64.
|
|
584
|
+
@media only screen and (min-width: 64.0625em) {
|
|
592
585
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
593
586
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
594
587
|
}
|
|
595
588
|
}`,
|
|
596
589
|
""
|
|
597
590
|
);
|
|
598
|
-
return n.replaceSync(
|
|
591
|
+
return n.replaceSync(h), n;
|
|
599
592
|
}
|
|
600
|
-
const
|
|
601
|
-
|
|
602
|
-
const
|
|
593
|
+
const W = '.list-item{display:flex;gap:var(--px-spacing-xs-mobile);align-items:flex-start;font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default)}.list-item[inverted]{color:var(--px-color-text-neutral-inverted)}:host([variant="ul"]) .list-item,:host([variant="ol"]) .list-item{display:list-item;margin-left:var(--px-spacing-default-mobile)}:host([variant="ul"]) .list-item{list-style-type:disc}:host([variant="ol"]) .list-item{counter-set:list-item var(--item-index, 0);list-style-type:decimal}@media only screen and (min-width: 48em){.list-item{gap:var(--px-spacing-xs-tablet)}}@media only screen and (min-width: 64.0625em){.list-item{gap:var(--px-spacing-xs-laptop)}}@media only screen and (min-width: 90.0625em){.list-item{gap:var(--px-spacing-xs-desktop)}}', S = new CSSStyleSheet();
|
|
594
|
+
S.replaceSync(W);
|
|
595
|
+
const j = "px-list-item-connected", k = class k extends d {
|
|
603
596
|
template() {
|
|
604
597
|
return `
|
|
605
598
|
<div class="list-item" role="listitem">
|
|
@@ -609,11 +602,11 @@ const M = "px-list-item-connected", y = class y extends b {
|
|
|
609
602
|
`;
|
|
610
603
|
}
|
|
611
604
|
constructor() {
|
|
612
|
-
super(
|
|
605
|
+
super(S), this.shadowRoot.innerHTML = this.template();
|
|
613
606
|
}
|
|
614
607
|
connectedCallback() {
|
|
615
608
|
this.dispatchEvent(
|
|
616
|
-
new CustomEvent(
|
|
609
|
+
new CustomEvent(j, {
|
|
617
610
|
bubbles: !0,
|
|
618
611
|
composed: !0
|
|
619
612
|
})
|
|
@@ -643,23 +636,23 @@ const M = "px-list-item-connected", y = class y extends b {
|
|
|
643
636
|
t ? this.setAttribute("inverted", "") : this.removeAttribute("inverted");
|
|
644
637
|
}
|
|
645
638
|
};
|
|
646
|
-
|
|
647
|
-
let
|
|
648
|
-
customElements.get("px-list-item") || customElements.define("px-list-item",
|
|
649
|
-
const
|
|
650
|
-
|
|
651
|
-
const
|
|
639
|
+
k.nativeName = "div";
|
|
640
|
+
let b = k;
|
|
641
|
+
customElements.get("px-list-item") || customElements.define("px-list-item", b);
|
|
642
|
+
const C = new CSSStyleSheet();
|
|
643
|
+
C.replaceSync(M);
|
|
644
|
+
const z = ["", "ul", "ol"], J = (o, t, e) => `:host([${o}${e ? `--${e}` : ""}='${t}']) .list`, U = "px-spacing", F = I(
|
|
652
645
|
"gap",
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
646
|
+
J,
|
|
647
|
+
X,
|
|
648
|
+
U,
|
|
656
649
|
"--list-gap"
|
|
657
650
|
);
|
|
658
|
-
var a, g, f
|
|
659
|
-
const
|
|
651
|
+
var a, c, g, f;
|
|
652
|
+
const A = class A extends d {
|
|
660
653
|
constructor() {
|
|
661
|
-
super(
|
|
662
|
-
|
|
654
|
+
super(C, F);
|
|
655
|
+
w(this, a);
|
|
663
656
|
this.shadowRoot.innerHTML = this.template();
|
|
664
657
|
}
|
|
665
658
|
template() {
|
|
@@ -673,20 +666,18 @@ const w = class w extends b {
|
|
|
673
666
|
return ["inverted", "variant"];
|
|
674
667
|
}
|
|
675
668
|
connectedCallback() {
|
|
676
|
-
this.gap || (this.gap = "xs"), this.addEventListener(
|
|
677
|
-
p(this, a,
|
|
678
|
-
}), p(this, a,
|
|
669
|
+
this.gap || (this.gap = "xs"), this.addEventListener(j, () => {
|
|
670
|
+
p(this, a, c).call(this);
|
|
671
|
+
}), p(this, a, c).call(this);
|
|
679
672
|
}
|
|
680
673
|
attributeChangedCallback(e, s, i) {
|
|
681
674
|
if (s !== i)
|
|
682
675
|
switch (e) {
|
|
683
676
|
case "inverted":
|
|
684
|
-
this.isConnected && p(this, a,
|
|
677
|
+
this.isConnected && p(this, a, g).call(this);
|
|
685
678
|
break;
|
|
686
679
|
case "variant":
|
|
687
|
-
this.checkName(
|
|
688
|
-
`"${i}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${j.join('", "')}".`
|
|
689
|
-
), this.isConnected && p(this, a, m).call(this, i), super.attributeChangedCallback(e, s, i);
|
|
680
|
+
this.checkName(z, i) || (`${i}${this.tagName.toLowerCase()}`, void 0), this.isConnected && p(this, a, f).call(this, i), super.attributeChangedCallback(e, s, i);
|
|
690
681
|
break;
|
|
691
682
|
default:
|
|
692
683
|
super.attributeChangedCallback(e, s, i);
|
|
@@ -739,25 +730,25 @@ const w = class w extends b {
|
|
|
739
730
|
e ? this.setAttribute("variant", e) : this.removeAttribute("variant");
|
|
740
731
|
}
|
|
741
732
|
};
|
|
742
|
-
a = new WeakSet(),
|
|
743
|
-
p(this, a,
|
|
744
|
-
},
|
|
733
|
+
a = new WeakSet(), c = function() {
|
|
734
|
+
p(this, a, g).call(this), p(this, a, f).call(this, this.getAttribute("variant"));
|
|
735
|
+
}, g = function() {
|
|
745
736
|
var s;
|
|
746
737
|
const e = this.hasAttribute("inverted");
|
|
747
738
|
for (let i = 0; i < this.$children.length; i++)
|
|
748
739
|
this.$children[i].toggleAttribute("inverted", e);
|
|
749
740
|
(s = this.$el) == null || s.toggleAttribute("inverted", e);
|
|
750
|
-
},
|
|
741
|
+
}, f = function(e) {
|
|
751
742
|
for (let s = 0; s < this.$children.length; s++) {
|
|
752
743
|
const i = this.$children[s];
|
|
753
744
|
e !== null ? (i.setAttribute("variant", e), e === "ol" ? i.style.setProperty("--item-index", String(s + 1)) : i.style.removeProperty("--item-index")) : (i.removeAttribute("variant"), i.style.removeProperty("--item-index"));
|
|
754
745
|
}
|
|
755
|
-
},
|
|
756
|
-
let
|
|
757
|
-
customElements.get("px-list") || customElements.define("px-list",
|
|
746
|
+
}, A.nativeName = "div";
|
|
747
|
+
let u = A;
|
|
748
|
+
customElements.get("px-list") || customElements.define("px-list", u);
|
|
758
749
|
export {
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
750
|
+
j as LIST_ITEM_CONNECTED_EVENT,
|
|
751
|
+
u as List,
|
|
752
|
+
b as ListItem,
|
|
753
|
+
z as listVariantValues
|
|
763
754
|
};
|