@proximus/lavender-list 2.0.0-alpha.92 → 2.0.0-alpha.93
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 +13 -13
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -4,7 +4,7 @@ var w = (o) => {
|
|
|
4
4
|
var M = (o, t, e) => t.has(o) || w("Cannot " + e);
|
|
5
5
|
var $ = (o, t, e) => t.has(o) ? w("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e);
|
|
6
6
|
var p = (o, t, e) => (M(o, t, "access private method"), e);
|
|
7
|
-
const D = ".list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}", E = ":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:
|
|
7
|
+
const D = ".list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}", E = ":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}}", O = {};
|
|
8
8
|
function N(o) {
|
|
9
9
|
const t = document.createElement(o), e = Object.getPrototypeOf(t);
|
|
10
10
|
return Object.getOwnPropertyNames(e);
|
|
@@ -15,14 +15,14 @@ function _(o) {
|
|
|
15
15
|
(s) => s.toLowerCase()
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
|
-
const
|
|
19
|
-
|
|
18
|
+
const S = new CSSStyleSheet();
|
|
19
|
+
S.replaceSync(E);
|
|
20
20
|
const B = typeof import.meta < "u" && typeof O < "u" && !0;
|
|
21
21
|
typeof window < "u" && (window.isComponentDebug = m);
|
|
22
22
|
function m() {
|
|
23
23
|
return B;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function x(o) {
|
|
26
26
|
m() && console.error(o);
|
|
27
27
|
}
|
|
28
28
|
typeof window < "u" && (window.isComponentDebug = m);
|
|
@@ -80,7 +80,7 @@ class v extends HTMLElement {
|
|
|
80
80
|
}
|
|
81
81
|
constructor(...t) {
|
|
82
82
|
super(), this.shadowRoot || this.attachShadow({ mode: "open" }), this.shadowRoot.adoptedStyleSheets = [
|
|
83
|
-
|
|
83
|
+
S,
|
|
84
84
|
...t
|
|
85
85
|
];
|
|
86
86
|
}
|
|
@@ -146,7 +146,7 @@ class v extends HTMLElement {
|
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
updateProperties(t, e, s, i) {
|
|
149
|
-
i && (this.checkName(i, s) ||
|
|
149
|
+
i && (this.checkName(i, s) || x(
|
|
150
150
|
`${s} is not an allowed ${i} value for ${this.tagName.toLowerCase()}`
|
|
151
151
|
));
|
|
152
152
|
const l = t.indexOf("--") > -1, n = l ? t.split("--")[0] : t;
|
|
@@ -557,7 +557,7 @@ function W(o, t, e, s = "", i, l = o) {
|
|
|
557
557
|
${`${i}:var(--${s}-${r}-desktop)`}
|
|
558
558
|
}
|
|
559
559
|
/* Mobile only - max 767px */
|
|
560
|
-
@media only screen and (max-width: 47.
|
|
560
|
+
@media only screen and (max-width: 47.938rem) {
|
|
561
561
|
${t(l, r)} {
|
|
562
562
|
${o}: var(--${s}-${r}-mobile);
|
|
563
563
|
${`${i}: var(--${s}-${r}-mobile)`}
|
|
@@ -565,28 +565,28 @@ function W(o, t, e, s = "", i, l = o) {
|
|
|
565
565
|
}
|
|
566
566
|
${t(l, r, "mobile")} {
|
|
567
567
|
/* Mobile only - max 767px */
|
|
568
|
-
@media only screen and (max-width: 47.
|
|
568
|
+
@media only screen and (max-width: 47.938rem) {
|
|
569
569
|
${o}: var(--${s}-${r}-mobile) !important;
|
|
570
570
|
${`${i}: var(--${s}-${r}-mobile)`}
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
573
|
${t(l, r, "tablet")} {
|
|
574
574
|
/* Tablet - min 768px max 1024px */
|
|
575
|
-
@media only screen and (min-width:
|
|
575
|
+
@media only screen and (min-width: 48rem) and (max-width: 64rem) {
|
|
576
576
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
577
577
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
578
578
|
}
|
|
579
579
|
}
|
|
580
580
|
${t(l, r, "laptop")} {
|
|
581
581
|
/* Laptop - 1025px*/
|
|
582
|
-
@media only screen and (min-width: 64.
|
|
582
|
+
@media only screen and (min-width: 64.0625rem) {
|
|
583
583
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
584
584
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
585
585
|
}
|
|
586
586
|
}
|
|
587
587
|
${t(l, r, "desktop")} {
|
|
588
588
|
/* Desktop - 1025px*/
|
|
589
|
-
@media only screen and (min-width: 64.
|
|
589
|
+
@media only screen and (min-width: 64.0625rem) {
|
|
590
590
|
${o}: var(--${s}-${r}-desktop) !important;
|
|
591
591
|
${`${i}: var(--${s}-${r}-desktop)`}
|
|
592
592
|
}
|
|
@@ -595,7 +595,7 @@ function W(o, t, e, s = "", i, l = o) {
|
|
|
595
595
|
);
|
|
596
596
|
return n.replaceSync(h), n;
|
|
597
597
|
}
|
|
598
|
-
const z = '.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
|
|
598
|
+
const z = '.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 screen and (min-width: 48rem){.list-item{gap:var(--px-spacing-xs-tablet)}}@media screen and (min-width: 64.0625rem){.list-item{gap:var(--px-spacing-xs-laptop)}}@media screen and (min-width: 90.0625rem){.list-item{gap:var(--px-spacing-xs-desktop)}}', j = new CSSStyleSheet();
|
|
599
599
|
j.replaceSync(z);
|
|
600
600
|
const C = "px-list-item-connected", A = class A extends d {
|
|
601
601
|
template() {
|
|
@@ -682,7 +682,7 @@ const y = class y extends d {
|
|
|
682
682
|
this.isConnected && p(this, a, g).call(this);
|
|
683
683
|
break;
|
|
684
684
|
case "variant":
|
|
685
|
-
this.checkName(J, i) ||
|
|
685
|
+
this.checkName(J, i) || x(
|
|
686
686
|
`${i} is not an allowed variant value for ${this.tagName.toLowerCase()}`
|
|
687
687
|
), this.isConnected && p(this, a, f).call(this, i), super.attributeChangedCallback(e, s, i);
|
|
688
688
|
break;
|