@proximus/lavender-footer-sitemap 1.4.1 → 1.4.2
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 +97 -105
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { cssTokenBreakpoints as Y, gapValues as Z, PxElement as x, textalignValues as _, fontweightValues as N, fontsizeValues as V, colorValues as tt, headingValues as et } from "@proximus/lavender-common";
|
|
2
2
|
import "@proximus/lavender-layout";
|
|
3
3
|
import "@proximus/lavender-accordion";
|
|
4
4
|
import "@proximus/lavender-link";
|
|
5
|
-
const
|
|
6
|
-
P.replaceSync(
|
|
5
|
+
const it = ":host{display:block;--grid-cols: initial;--grid-cols--mobile: initial;--grid-cols--tablet: initial;--grid-cols--laptop: initial;--grid-cols--desktop: initial;--justify-content: initial;--justify-items: initial;--align-content: initial;--align-items: initial}.grid{display:grid;grid-template-columns:repeat(var(--grid-cols),minmax(0,1fr));justify-content:var(--justify-content);justify-items:var(--justify-items);align-content:var(--align-content);align-items:var(--align-items)}.justify-content-normal{justify-content:normal}.justify-content-start{justify-content:start}.justify-content-end{justify-content:end}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.justify-content-space-evenly{justify-content:space-evenly}.justify-content-stretch{justify-content:stretch}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.align-content-normal{align-content:normal}.align-content-start{align-content:start}.align-content-end{align-content:end}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-content-space-evenly{align-content:space-evenly}.align-content-stretch{align-content:stretch}.align-items-start{align-items:start}.align-items-end{align-items:end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}@media only screen and (max-width: 767px){.grid{grid-template-columns:repeat(var(--grid-cols--mobile, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-mobile{justify-content:normal}.justify-content-start-mobile{justify-content:start}.justify-content-end-mobile{justify-content:end}.justify-content-center-mobile{justify-content:center}.justify-content-space-between-mobile{justify-content:space-between}.justify-content-space-around-mobile{justify-content:space-around}.justify-content-space-evenly-mobile{justify-content:space-evenly}.justify-content-stretch-mobile{justify-content:stretch}.justify-items-start-mobile{justify-items:start}.justify-items-end-mobile{justify-items:end}.justify-items-center-mobile{justify-items:center}.justify-items-stretch-mobile{justify-items:stretch}.align-content-normal-mobile{align-content:normal}.align-content-start-mobile{align-content:start}.align-content-end-mobile{align-content:end}.align-content-center-mobile{align-content:center}.align-content-space-between-mobile{align-content:space-between}.align-content-space-around-mobile{align-content:space-around}.align-content-space-evenly-mobile{align-content:space-evenly}.align-content-stretch-mobile{align-content:stretch}.align-items-start-mobile{align-items:start}.align-items-end-mobile{align-items:end}.align-items-center-mobile{align-items:center}.align-items-stretch-mobile{align-items:stretch}}@media only screen and (min-width: 48em) and (max-width: 64em){.grid{grid-template-columns:repeat(var(--grid-cols--tablet, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-tablet{justify-content:normal}.justify-content-start-tablet{justify-content:start}.justify-content-end-tablet{justify-content:end}.justify-content-center-tablet{justify-content:center}.justify-content-space-between-tablet{justify-content:space-between}.justify-content-space-around-tablet{justify-content:space-around}.justify-content-space-evenly-tablet{justify-content:space-evenly}.justify-content-stretch-tablet{justify-content:stretch}.justify-items-start-tablet{justify-items:start}.justify-items-end-tablet{justify-items:end}.justify-items-center-tablet{justify-items:center}.justify-items-stretch-tablet{justify-items:stretch}.align-content-normal-tablet{align-content:normal}.align-content-start-tablet{align-content:start}.align-content-end-tablet{align-content:end}.align-content-center-tablet{align-content:center}.align-content-space-between-tablet{align-content:space-between}.align-content-space-around-tablet{align-content:space-around}.align-content-space-evenly-tablet{align-content:space-evenly}.align-content-stretch-tablet{align-content:stretch}.align-items-start-tablet{align-items:start}.align-items-end-tablet{align-items:end}.align-items-center-tablet{align-items:center}.align-items-stretch-tablet{align-items:stretch}}@media only screen and (min-width: 64.0625em){.grid{grid-template-columns:repeat(var(--grid-cols--laptop, var(--grid-cols)),minmax(0,1fr))}.justify-content-normal-laptop{justify-content:normal}.justify-content-start-laptop{justify-content:start}.justify-content-end-laptop{justify-content:end}.justify-content-center-laptop{justify-content:center}.justify-content-space-between-laptop{justify-content:space-between}.justify-content-space-around-laptop{justify-content:space-around}.justify-content-space-evenly-laptop{justify-content:space-evenly}.justify-content-stretch-laptop{justify-content:stretch}.justify-items-start-laptop{justify-items:start}.justify-items-end-laptop{justify-items:end}.justify-items-center-laptop{justify-items:center}.justify-items-stretch-laptop{justify-items:stretch}.align-content-normal-laptop{align-content:normal}.align-content-start-laptop{align-content:start}.align-content-end-laptop{align-content:end}.align-content-center-laptop{align-content:center}.align-content-space-between-laptop{align-content:space-between}.align-content-space-around-laptop{align-content:space-around}.align-content-space-evenly-laptop{align-content:space-evenly}.align-content-stretch-laptop{align-content:stretch}.align-items-start-laptop{align-items:start}.align-items-end-laptop{align-items:end}.align-items-center-laptop{align-items:center}.align-items-stretch-laptop{align-items:stretch}}", P = new CSSStyleSheet();
|
|
6
|
+
P.replaceSync(it);
|
|
7
7
|
const st = [
|
|
8
8
|
"1",
|
|
9
9
|
"2",
|
|
@@ -17,7 +17,7 @@ const st = [
|
|
|
17
17
|
"10",
|
|
18
18
|
"11",
|
|
19
19
|
"12"
|
|
20
|
-
],
|
|
20
|
+
], nt = [
|
|
21
21
|
"",
|
|
22
22
|
"start",
|
|
23
23
|
"end",
|
|
@@ -26,25 +26,17 @@ const st = [
|
|
|
26
26
|
"space-around",
|
|
27
27
|
"space-evenly",
|
|
28
28
|
"stretch"
|
|
29
|
-
],
|
|
29
|
+
], ot = ["", "start", "end", "center", "stretch"], lt = (i, t, e) => `:host([${i}${e ? `--${e}` : ""}='${t}']) .grid`, at = "px-spacing", rt = Y(
|
|
30
|
+
"gap",
|
|
31
|
+
lt,
|
|
32
|
+
Z,
|
|
33
|
+
at,
|
|
34
|
+
"--grid-gap"
|
|
35
|
+
), w = class w extends x {
|
|
30
36
|
constructor() {
|
|
31
|
-
super(
|
|
32
|
-
P,
|
|
33
|
-
Y(
|
|
34
|
-
"gap",
|
|
35
|
-
at,
|
|
36
|
-
Z,
|
|
37
|
-
rt,
|
|
38
|
-
"--grid-gap"
|
|
39
|
-
)
|
|
40
|
-
), this.template = () => `<div class="grid">
|
|
37
|
+
super(P, rt), this.template = () => `<div class="grid">
|
|
41
38
|
<slot></slot>
|
|
42
|
-
</div>`, this.
|
|
43
|
-
this,
|
|
44
|
-
"gap",
|
|
45
|
-
(t) => t,
|
|
46
|
-
"--gap"
|
|
47
|
-
), this.shadowRoot.innerHTML = this.template();
|
|
39
|
+
</div>`, this.shadowRoot.innerHTML = this.template();
|
|
48
40
|
}
|
|
49
41
|
static get observedAttributes() {
|
|
50
42
|
return [
|
|
@@ -76,16 +68,16 @@ const st = [
|
|
|
76
68
|
];
|
|
77
69
|
}
|
|
78
70
|
connectedCallback() {
|
|
79
|
-
|
|
71
|
+
this.gap || (this.gap = "default"), this.alignItems || (this.alignItems = "stretch");
|
|
80
72
|
}
|
|
81
|
-
attributeChangedCallback(t, e,
|
|
82
|
-
if (e !==
|
|
73
|
+
attributeChangedCallback(t, e, s) {
|
|
74
|
+
if (e !== s)
|
|
83
75
|
switch (t) {
|
|
84
76
|
case "grid-cols":
|
|
85
77
|
case "grid-cols--mobile":
|
|
86
78
|
case "grid-cols--tablet":
|
|
87
79
|
case "grid-cols--laptop":
|
|
88
|
-
this.updateAttribute(t, e,
|
|
80
|
+
this.updateAttribute(t, e, s, st);
|
|
89
81
|
break;
|
|
90
82
|
case "justify-content":
|
|
91
83
|
case "align-content":
|
|
@@ -100,8 +92,8 @@ const st = [
|
|
|
100
92
|
this.updateAttribute(
|
|
101
93
|
t,
|
|
102
94
|
e,
|
|
103
|
-
|
|
104
|
-
|
|
95
|
+
s,
|
|
96
|
+
nt
|
|
105
97
|
);
|
|
106
98
|
break;
|
|
107
99
|
case "justify-items":
|
|
@@ -117,21 +109,21 @@ const st = [
|
|
|
117
109
|
this.updateAttribute(
|
|
118
110
|
t,
|
|
119
111
|
e,
|
|
120
|
-
|
|
121
|
-
|
|
112
|
+
s,
|
|
113
|
+
ot
|
|
122
114
|
);
|
|
123
115
|
break;
|
|
124
116
|
default:
|
|
125
|
-
super.attributeChangedCallback(t, e,
|
|
117
|
+
super.attributeChangedCallback(t, e, s);
|
|
126
118
|
break;
|
|
127
119
|
}
|
|
128
120
|
}
|
|
129
|
-
updateGap(t, e,
|
|
130
|
-
if (!this.checkName(
|
|
121
|
+
updateGap(t, e, s) {
|
|
122
|
+
if (!this.checkName(s, e)) {
|
|
131
123
|
console.error(`${e} is not a valid gap value`);
|
|
132
124
|
return;
|
|
133
125
|
}
|
|
134
|
-
const
|
|
126
|
+
const n = (l) => {
|
|
135
127
|
l !== null && l !== "" && l !== "default" && (this.$el.style.setProperty(
|
|
136
128
|
"--grid-gap--mobile",
|
|
137
129
|
`var(--px-spacing-${l}-mobile)`
|
|
@@ -143,10 +135,10 @@ const st = [
|
|
|
143
135
|
`var(--px-spacing-${l}-laptop)`
|
|
144
136
|
));
|
|
145
137
|
};
|
|
146
|
-
|
|
138
|
+
n(t), n(e);
|
|
147
139
|
}
|
|
148
|
-
updateAttribute(t, e,
|
|
149
|
-
this.checkName(
|
|
140
|
+
updateAttribute(t, e, s, n) {
|
|
141
|
+
this.checkName(n, s) ? t === "grid-cols" || t === "grid-cols--mobile" || t === "grid-cols--tablet" || t === "grid-cols--laptop" || t === "grid-cols--desktop" ? this.$el.style.setProperty(`--${t}`, s) : (e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`${t}-${e}`), s !== null && s !== "" && s !== "default" && this.$el.classList.toggle(`${t}-${s}`)) : console.error(`${s} is not an allowed ${t} value`);
|
|
150
142
|
}
|
|
151
143
|
get gap() {
|
|
152
144
|
return this.getAttribute("gap");
|
|
@@ -317,16 +309,16 @@ const st = [
|
|
|
317
309
|
this.setAttribute("align-items--desktop", t);
|
|
318
310
|
}
|
|
319
311
|
};
|
|
320
|
-
|
|
321
|
-
let k =
|
|
312
|
+
w.nativeName = "div";
|
|
313
|
+
let k = w;
|
|
322
314
|
customElements.get("px-grid") || customElements.define("px-grid", k);
|
|
323
|
-
const ct = "p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-text-neutral-default);font-size:var(--px-text-size-body-m-mobile);font-weight:var(--px-font-weight-body);line-height:var(--px-line-height-ratio-l);margin:0}::slotted(p){margin-bottom:var(--px-spacing-xs-mobile)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-text-neutral-inverted)}@media only screen and (max-width: 768px){.text-align-left--mobile{text-align:left}.text-align-center--mobile{text-align:center}.text-align-right--mobile{text-align:right}}@media only screen and (min-width: 768px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-tablet)}.text-align-left--tablet{text-align:left}.text-align-center--tablet{text-align:center}.text-align-right--tablet{text-align:right}}@media only screen and (min-width: 1025px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-laptop)}.text-align-left--laptop{text-align:left}.text-align-center--laptop{text-align:center}.text-align-right--laptop{text-align:right}}@media only screen and (min-width: 90.0625em){::slotted(p){margin-bottom:var(--px-spacing-xs-desktop)}}", pt = "h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{margin:0;font-family:var(--px-font-family);color:var(--heading-color-default, var(--px-color-text-brand-default));text-align:var(--heading-text-align--mobile, left);font-size:var(--px-text-size-heading-s-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title)}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-mobile)}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted, var(--px-color-text-brand-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-2xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-l-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-m-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-base-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-l-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media only screen and (min-width: 768px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-tablet)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-base-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}@media only screen and (min-width: 1025px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-laptop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-base-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}@media screen and (min-width: 1441px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-desktop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop, left)}}", dt = ".color-inherit{color:inherit!important}.color-brand{color:var(--px-color-text-brand-default)!important}.color-neutral{color:var(--px-color-text-neutral-default)!important}.color-dimmed{color:var(--px-color-text-dimmed-default)!important}.color-purpose-success{color:var(--px-color-text-purpose-success-default)!important}.color-purpose-warning{color:var(--px-color-text-purpose-warning-default)!important}.color-purpose-error{color:var(--px-color-text-purpose-error-default)!important}.color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-default)!important}.color-purpose-promo{color:var(--px-color-text-purpose-promo-default)!important}.color-state-hover{color:var(--px-color-text-state-hover-default)!important}.color-state-active{color:var(--px-color-text-state-active-default)!important}.color-state-disabled{color:var(--px-color-text-state-disabled-default)!important}:host([inverted]) .color-inherit{color:inherit!important}:host([inverted]) .color-brand{color:var(--px-color-text-brand-inverted)!important}:host([inverted]) .color-neutral{color:var(--px-color-text-neutral-inverted)!important}:host([inverted]) .color-dimmed{color:var(--px-color-text-dimmed-inverted)!important}:host([inverted]) .color-purpose-success{color:var(--px-color-text-purpose-success-inverted)!important}:host([inverted]) .color-purpose-warning{color:var(--px-color-text-purpose-warning-inverted)!important}:host([inverted]) .color-purpose-error{color:var(--px-color-text-purpose-error-inverted)!important}:host([inverted]) .color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-inverted)!important}:host([inverted]) .color-purpose-promo{color:var(--px-color-text-purpose-promo-inverted)!important}:host([inverted]) .color-state-hover{color:var(--px-color-text-state-hover-inverted)!important}:host([inverted]) .color-state-active{color:var(--px-color-text-state-active-inverted)!important}:host([inverted]) .color-state-disabled{color:var(--px-color-text-state-disabled-inverted)!important}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}.font-size-heading-3xl,.font-size-heading-4xl,.font-size-heading-5xl{line-height:var(--px-line-height-ratio-s)}.font-size-link-m{font-size:var(--px-text-size-link-m-mobile)}.font-size-link-s{font-size:var(--px-text-size-link-s-mobile)}@media only screen and (min-width: 48em){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}@media only screen and (min-width: 64.0625em){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-body{font-weight:var(--px-font-weight-body)}.font-weight-title{font-weight:var(--px-font-weight-title)}.font-weight-title-large{font-weight:var(--px-font-weight-title-large)}.font-weight-subtitle{font-weight:var(--px-font-weight-subtitle)}", B = new CSSStyleSheet(), H = new CSSStyleSheet(), q = new CSSStyleSheet();
|
|
315
|
+
const ct = "p,::slotted(p){font-family:var(--px-font-family);color:var(--px-color-text-neutral-default);font-size:var(--px-text-size-body-m-mobile);font-weight:var(--px-font-weight-body);line-height:var(--px-line-height-ratio-l);margin:0}::slotted(p){margin-bottom:var(--px-spacing-xs-mobile)}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}:host([inverted]) p,:host([inverted]) ::slotted(p){color:var(--px-color-text-neutral-inverted)}@media only screen and (max-width: 768px){.text-align-left--mobile{text-align:left}.text-align-center--mobile{text-align:center}.text-align-right--mobile{text-align:right}}@media only screen and (min-width: 768px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-tablet)}.text-align-left--tablet{text-align:left}.text-align-center--tablet{text-align:center}.text-align-right--tablet{text-align:right}}@media only screen and (min-width: 1025px){p,::slotted(p){font-size:var(--px-text-size-body-m-desktop)}::slotted(p){margin-bottom:var(--px-spacing-xs-laptop)}.text-align-left--laptop{text-align:left}.text-align-center--laptop{text-align:center}.text-align-right--laptop{text-align:right}}@media only screen and (min-width: 90.0625em){::slotted(p){margin-bottom:var(--px-spacing-xs-desktop)}}", dt = "h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{margin:0;font-family:var(--px-font-family);color:var(--heading-color-default, var(--px-color-text-brand-default));text-align:var(--heading-text-align--mobile, left);font-size:var(--px-text-size-heading-s-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title)}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-mobile)}:host([inverted]) h1,:host([inverted]) .style-title-4xl,:host([inverted]) ::slotted(h1),:host([inverted]) h2,:host([inverted]) .style-title-3xl,:host([inverted]) ::slotted(h2),:host([inverted]) h3,:host([inverted]) .style-title-2xl,:host([inverted]) ::slotted(h3),:host([inverted]) h4,:host([inverted]) .style-title-xl,:host([inverted]) ::slotted(h4),:host([inverted]) h5,:host([inverted]) .style-title-l,:host([inverted]) ::slotted(h5),:host([inverted]) h6,:host([inverted]) .style-title-m,:host([inverted]) ::slotted(h6),:host([inverted]) .style-title-s,:host([inverted]) .style-subtitle{color:var(--heading-color-inverted, var(--px-color-text-brand-inverted))}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-3xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-2xl-mobile);line-height:var(--px-line-height-ratio-s);font-weight:var(--px-font-weight-title-large)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-l-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-m-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-base-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-l-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media only screen and (min-width: 768px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-tablet)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--tablet, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-base-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}@media only screen and (min-width: 1025px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-laptop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--laptop, left)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-5xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-4xl-desktop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-desktop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-desktop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-desktop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-desktop)}.style-title-s{font-size:var(--px-text-size-heading-base-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}@media screen and (min-width: 1441px){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-bottom:var(--px-spacing-heading-to-content-desktop)}h1,.style-title-4xl,::slotted(h1),h2,.style-title-3xl,::slotted(h2),h3,.style-title-2xl,::slotted(h3),h4,.style-title-xl,::slotted(h4),h5,.style-title-l,::slotted(h5),h6,.style-title-m,::slotted(h6),.style-title-s,.style-subtitle{text-align:var(--heading-text-align--desktop, left)}}", pt = ".color-inherit{color:inherit!important}.color-brand{color:var(--px-color-text-brand-default)!important}.color-neutral{color:var(--px-color-text-neutral-default)!important}.color-dimmed{color:var(--px-color-text-dimmed-default)!important}.color-purpose-success{color:var(--px-color-text-purpose-success-default)!important}.color-purpose-warning{color:var(--px-color-text-purpose-warning-default)!important}.color-purpose-error{color:var(--px-color-text-purpose-error-default)!important}.color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-default)!important}.color-purpose-promo{color:var(--px-color-text-purpose-promo-default)!important}.color-state-hover{color:var(--px-color-text-state-hover-default)!important}.color-state-active{color:var(--px-color-text-state-active-default)!important}.color-state-disabled{color:var(--px-color-text-state-disabled-default)!important}:host([inverted]) .color-inherit{color:inherit!important}:host([inverted]) .color-brand{color:var(--px-color-text-brand-inverted)!important}:host([inverted]) .color-neutral{color:var(--px-color-text-neutral-inverted)!important}:host([inverted]) .color-dimmed{color:var(--px-color-text-dimmed-inverted)!important}:host([inverted]) .color-purpose-success{color:var(--px-color-text-purpose-success-inverted)!important}:host([inverted]) .color-purpose-warning{color:var(--px-color-text-purpose-warning-inverted)!important}:host([inverted]) .color-purpose-error{color:var(--px-color-text-purpose-error-inverted)!important}:host([inverted]) .color-purpose-unlimited{color:var(--px-color-text-purpose-unlimited-inverted)!important}:host([inverted]) .color-purpose-promo{color:var(--px-color-text-purpose-promo-inverted)!important}:host([inverted]) .color-state-hover{color:var(--px-color-text-state-hover-inverted)!important}:host([inverted]) .color-state-active{color:var(--px-color-text-state-active-inverted)!important}:host([inverted]) .color-state-disabled{color:var(--px-color-text-state-disabled-inverted)!important}.font-size-inherit{font-size:inherit;line-height:inherit}.font-size-body-l{font-size:var(--px-text-size-body-l-mobile)}.font-size-body-m{font-size:var(--px-text-size-body-m-mobile)}.font-size-body-s{font-size:var(--px-text-size-body-s-mobile)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-mobile)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-mobile)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-mobile)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-mobile)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-mobile)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-mobile)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-mobile)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-mobile)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-mobile)}.font-size-heading-3xl,.font-size-heading-4xl,.font-size-heading-5xl{line-height:var(--px-line-height-ratio-s)}.font-size-link-m{font-size:var(--px-text-size-link-m-mobile)}.font-size-link-s{font-size:var(--px-text-size-link-s-mobile)}@media only screen and (min-width: 48em){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}@media only screen and (min-width: 64.0625em){.font-size-body-l{font-size:var(--px-text-size-body-l-desktop)}.font-size-body-m{font-size:var(--px-text-size-body-m-desktop)}.font-size-body-s{font-size:var(--px-text-size-body-s-desktop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-desktop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-desktop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-desktop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-desktop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-desktop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-desktop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-desktop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-desktop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-desktop)}.font-size-link-m{font-size:var(--px-text-size-link-m-desktop)}.font-size-link-s{font-size:var(--px-text-size-link-s-desktop)}}.font-weight-inherit{font-weight:inherit}.font-weight-body{font-weight:var(--px-font-weight-body)}.font-weight-title{font-weight:var(--px-font-weight-title)}.font-weight-title-large{font-weight:var(--px-font-weight-title-large)}.font-weight-subtitle{font-weight:var(--px-font-weight-subtitle)}", B = new CSSStyleSheet(), H = new CSSStyleSheet(), q = new CSSStyleSheet();
|
|
324
316
|
B.replaceSync(ct);
|
|
325
|
-
H.replaceSync(
|
|
326
|
-
q.replaceSync(
|
|
317
|
+
H.replaceSync(pt);
|
|
318
|
+
q.replaceSync(dt);
|
|
327
319
|
const S = class S extends x {
|
|
328
320
|
constructor() {
|
|
329
|
-
super(H, q, B), this.template =
|
|
321
|
+
super(H, q, B), this.template = "<p><slot></slot></p>", this.shadowRoot.innerHTML = this.template;
|
|
330
322
|
}
|
|
331
323
|
static get observedAttributes() {
|
|
332
324
|
return [
|
|
@@ -343,60 +335,60 @@ const S = class S extends x {
|
|
|
343
335
|
"disabled"
|
|
344
336
|
];
|
|
345
337
|
}
|
|
346
|
-
attributeChangedCallback(t, e,
|
|
347
|
-
if (e !==
|
|
338
|
+
attributeChangedCallback(t, e, s) {
|
|
339
|
+
if (e !== s)
|
|
348
340
|
switch (t) {
|
|
349
341
|
case "variant":
|
|
350
|
-
this.updateVariant(t, e,
|
|
342
|
+
this.updateVariant(t, e, s, et);
|
|
351
343
|
break;
|
|
352
344
|
case "color":
|
|
353
|
-
this.updateTypography(t, e,
|
|
345
|
+
this.updateTypography(t, e, s, tt);
|
|
354
346
|
break;
|
|
355
347
|
case "font-size":
|
|
356
|
-
this.updateTypography(t, e,
|
|
348
|
+
this.updateTypography(t, e, s, V);
|
|
357
349
|
break;
|
|
358
350
|
case "font-weight":
|
|
359
|
-
this.updateTypography(t, e,
|
|
351
|
+
this.updateTypography(t, e, s, N);
|
|
360
352
|
break;
|
|
361
353
|
case "text-align":
|
|
362
354
|
case "text-align--mobile":
|
|
363
355
|
case "text-align--tablet":
|
|
364
356
|
case "text-align--laptop":
|
|
365
|
-
this.updateTypography(t, e,
|
|
357
|
+
this.updateTypography(t, e, s, _);
|
|
366
358
|
break;
|
|
367
359
|
case "disabled":
|
|
368
360
|
this.color = "state-disabled";
|
|
369
361
|
break;
|
|
370
362
|
default:
|
|
371
|
-
super.attributeChangedCallback(t, e,
|
|
363
|
+
super.attributeChangedCallback(t, e, s);
|
|
372
364
|
break;
|
|
373
365
|
}
|
|
374
366
|
}
|
|
375
367
|
toggleClass(t, e) {
|
|
376
368
|
t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`style-${t}`), e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`style-${e}`);
|
|
377
369
|
}
|
|
378
|
-
updateVariant(t, e,
|
|
379
|
-
this.checkName(
|
|
370
|
+
updateVariant(t, e, s, n) {
|
|
371
|
+
this.checkName(n, s) ? this.toggleClass(e, s) : console.error(`${s} is not a valid value for ${t}`);
|
|
380
372
|
}
|
|
381
|
-
updateTypography(t, e,
|
|
382
|
-
if (!this.checkName(
|
|
383
|
-
console.error(`${
|
|
373
|
+
updateTypography(t, e, s, n) {
|
|
374
|
+
if (!this.checkName(n, s))
|
|
375
|
+
console.error(`${s} is not an allowed ${t} value`);
|
|
384
376
|
else {
|
|
385
377
|
const l = this.splitAttrNameFromBreakpoint(t), r = l.breakpoint;
|
|
386
378
|
e !== null && e !== "" && this.$el.classList.toggle(
|
|
387
379
|
`${l.attrName}-${e}${r}`
|
|
388
|
-
),
|
|
389
|
-
`${l.attrName}-${
|
|
380
|
+
), s !== null && s !== "" && this.$el.classList.toggle(
|
|
381
|
+
`${l.attrName}-${s}${r}`
|
|
390
382
|
);
|
|
391
383
|
}
|
|
392
384
|
}
|
|
393
385
|
splitAttrNameFromBreakpoint(t) {
|
|
394
386
|
let e = "";
|
|
395
387
|
if (["--mobile", "--tablet", "--laptop"].some(
|
|
396
|
-
(
|
|
388
|
+
(s) => t.includes(s)
|
|
397
389
|
)) {
|
|
398
|
-
const
|
|
399
|
-
t =
|
|
390
|
+
const s = t.split("--");
|
|
391
|
+
t = s[0], e = `--${s[1]}`;
|
|
400
392
|
}
|
|
401
393
|
return { attrName: t, breakpoint: e };
|
|
402
394
|
}
|
|
@@ -475,15 +467,15 @@ const $ = class $ extends x {
|
|
|
475
467
|
static get observedAttributes() {
|
|
476
468
|
return [...super.observedAttributes, "inverted"];
|
|
477
469
|
}
|
|
478
|
-
attributeChangedCallback(t, e,
|
|
479
|
-
if (e !==
|
|
470
|
+
attributeChangedCallback(t, e, s) {
|
|
471
|
+
if (e !== s)
|
|
480
472
|
switch (t) {
|
|
481
473
|
case "inverted":
|
|
482
|
-
for (let
|
|
483
|
-
this.$children[
|
|
474
|
+
for (let n = 0; n < this.$children.length; n++)
|
|
475
|
+
this.$children[n].hasAttribute("inverted") || this.$children[n].toggleAttribute("inverted");
|
|
484
476
|
break;
|
|
485
477
|
default:
|
|
486
|
-
super.attributeChangedCallback(t, e,
|
|
478
|
+
super.attributeChangedCallback(t, e, s);
|
|
487
479
|
break;
|
|
488
480
|
}
|
|
489
481
|
}
|
|
@@ -522,33 +514,33 @@ function zt(i) {
|
|
|
522
514
|
var t = yt.call(i, f), e = i[f];
|
|
523
515
|
try {
|
|
524
516
|
i[f] = void 0;
|
|
525
|
-
var
|
|
517
|
+
var s = !0;
|
|
526
518
|
} catch {
|
|
527
519
|
}
|
|
528
|
-
var
|
|
529
|
-
return
|
|
520
|
+
var n = vt.call(i);
|
|
521
|
+
return s && (t ? i[f] = e : delete i[f]), n;
|
|
530
522
|
}
|
|
531
523
|
var jt = Object.prototype, kt = jt.toString;
|
|
532
524
|
function At(i) {
|
|
533
525
|
return kt.call(i);
|
|
534
526
|
}
|
|
535
|
-
var Ct = "[object Null]",
|
|
536
|
-
function
|
|
537
|
-
return i == null ? i === void 0 ?
|
|
527
|
+
var Ct = "[object Null]", Tt = "[object Undefined]", R = b ? b.toStringTag : void 0;
|
|
528
|
+
function wt(i) {
|
|
529
|
+
return i == null ? i === void 0 ? Tt : Ct : R && R in Object(i) ? zt(i) : At(i);
|
|
538
530
|
}
|
|
539
531
|
function St(i) {
|
|
540
532
|
return i != null && typeof i == "object";
|
|
541
533
|
}
|
|
542
534
|
var $t = "[object Symbol]";
|
|
543
535
|
function Lt(i) {
|
|
544
|
-
return typeof i == "symbol" || St(i) &&
|
|
536
|
+
return typeof i == "symbol" || St(i) && wt(i) == $t;
|
|
545
537
|
}
|
|
546
|
-
var
|
|
538
|
+
var D = NaN, It = /^[-+]0x[0-9a-f]+$/i, Mt = /^0b[01]+$/i, Et = /^0o[0-7]+$/i, Ot = parseInt;
|
|
547
539
|
function W(i) {
|
|
548
540
|
if (typeof i == "number")
|
|
549
541
|
return i;
|
|
550
542
|
if (Lt(i))
|
|
551
|
-
return
|
|
543
|
+
return D;
|
|
552
544
|
if (m(i)) {
|
|
553
545
|
var t = typeof i.valueOf == "function" ? i.valueOf() : i;
|
|
554
546
|
i = m(t) ? t + "" : t;
|
|
@@ -557,28 +549,28 @@ function W(i) {
|
|
|
557
549
|
return i === 0 ? i : +i;
|
|
558
550
|
i = xt(i);
|
|
559
551
|
var e = Mt.test(i);
|
|
560
|
-
return e || Et.test(i) ? Ot(i.slice(2), e ? 2 : 8) : It.test(i) ?
|
|
552
|
+
return e || Et.test(i) ? Ot(i.slice(2), e ? 2 : 8) : It.test(i) ? D : +i;
|
|
561
553
|
}
|
|
562
|
-
var
|
|
554
|
+
var Rt = "Expected a function", Dt = Math.max, Wt = Math.min;
|
|
563
555
|
function Pt(i, t, e) {
|
|
564
|
-
var
|
|
556
|
+
var s, n, l, r, a, d, p = 0, I = !1, g = !1, y = !0;
|
|
565
557
|
if (typeof i != "function")
|
|
566
|
-
throw new TypeError(
|
|
567
|
-
t = W(t) || 0, m(e) && (I = !!e.leading, g = "maxWait" in e, l = g ?
|
|
558
|
+
throw new TypeError(Rt);
|
|
559
|
+
t = W(t) || 0, m(e) && (I = !!e.leading, g = "maxWait" in e, l = g ? Dt(W(e.maxWait) || 0, t) : l, y = "trailing" in e ? !!e.trailing : y);
|
|
568
560
|
function v(o) {
|
|
569
|
-
var c =
|
|
570
|
-
return
|
|
561
|
+
var c = s, h = n;
|
|
562
|
+
return s = n = void 0, p = o, r = i.apply(h, c), r;
|
|
571
563
|
}
|
|
572
564
|
function X(o) {
|
|
573
|
-
return
|
|
565
|
+
return p = o, a = setTimeout(u, t), I ? v(o) : r;
|
|
574
566
|
}
|
|
575
567
|
function J(o) {
|
|
576
|
-
var c = o -
|
|
568
|
+
var c = o - d, h = o - p, O = t - c;
|
|
577
569
|
return g ? Wt(O, l - h) : O;
|
|
578
570
|
}
|
|
579
571
|
function M(o) {
|
|
580
|
-
var c = o -
|
|
581
|
-
return
|
|
572
|
+
var c = o - d, h = o - p;
|
|
573
|
+
return d === void 0 || c >= t || c < 0 || g && h >= l;
|
|
582
574
|
}
|
|
583
575
|
function u() {
|
|
584
576
|
var o = j();
|
|
@@ -587,21 +579,21 @@ function Pt(i, t, e) {
|
|
|
587
579
|
a = setTimeout(u, J(o));
|
|
588
580
|
}
|
|
589
581
|
function E(o) {
|
|
590
|
-
return a = void 0, y &&
|
|
582
|
+
return a = void 0, y && s ? v(o) : (s = n = void 0, r);
|
|
591
583
|
}
|
|
592
584
|
function K() {
|
|
593
|
-
a !== void 0 && clearTimeout(a),
|
|
585
|
+
a !== void 0 && clearTimeout(a), p = 0, s = d = n = a = void 0;
|
|
594
586
|
}
|
|
595
587
|
function Q() {
|
|
596
588
|
return a === void 0 ? r : E(j());
|
|
597
589
|
}
|
|
598
590
|
function z() {
|
|
599
591
|
var o = j(), c = M(o);
|
|
600
|
-
if (
|
|
592
|
+
if (s = arguments, n = this, d = o, c) {
|
|
601
593
|
if (a === void 0)
|
|
602
|
-
return X(
|
|
594
|
+
return X(d);
|
|
603
595
|
if (g)
|
|
604
|
-
return clearTimeout(a), a = setTimeout(u, t), v(
|
|
596
|
+
return clearTimeout(a), a = setTimeout(u, t), v(d);
|
|
605
597
|
}
|
|
606
598
|
return a === void 0 && (a = setTimeout(u, t)), r;
|
|
607
599
|
}
|
|
@@ -609,13 +601,13 @@ function Pt(i, t, e) {
|
|
|
609
601
|
}
|
|
610
602
|
var Bt = "Expected a function";
|
|
611
603
|
function Ht(i, t, e) {
|
|
612
|
-
var
|
|
604
|
+
var s = !0, n = !0;
|
|
613
605
|
if (typeof i != "function")
|
|
614
606
|
throw new TypeError(Bt);
|
|
615
|
-
return m(e) && (
|
|
616
|
-
leading:
|
|
607
|
+
return m(e) && (s = "leading" in e ? !!e.leading : s, n = "trailing" in e ? !!e.trailing : n), Pt(i, t, {
|
|
608
|
+
leading: s,
|
|
617
609
|
maxWait: t,
|
|
618
|
-
trailing:
|
|
610
|
+
trailing: n
|
|
619
611
|
});
|
|
620
612
|
}
|
|
621
613
|
const G = new CSSStyleSheet();
|
|
@@ -642,7 +634,7 @@ const L = class L extends x {
|
|
|
642
634
|
return [...super.observedAttributes, "inverted"];
|
|
643
635
|
}
|
|
644
636
|
connectedCallback() {
|
|
645
|
-
|
|
637
|
+
this.loadTemplate(), window.addEventListener("resize", this.throttledLoadTemplate), this.$ul ? this.$ul.querySelector("px-img") && this.$ul.classList.add("link-list-img") : console.error(
|
|
646
638
|
"The footer sitemap item must contain a <ul> element with links."
|
|
647
639
|
);
|
|
648
640
|
}
|
|
@@ -653,18 +645,18 @@ const L = class L extends x {
|
|
|
653
645
|
const t = this.lastSize, e = window.innerWidth < 768 ? "mobile" : "desktop";
|
|
654
646
|
t !== e && (e === "mobile" ? this.shadowRoot.innerHTML = this.templateMobile() : this.shadowRoot.innerHTML = this.templateDesktop(), this.lastSize = e);
|
|
655
647
|
}
|
|
656
|
-
attributeChangedCallback(t, e,
|
|
657
|
-
if (e !==
|
|
648
|
+
attributeChangedCallback(t, e, s) {
|
|
649
|
+
if (e !== s)
|
|
658
650
|
switch (t) {
|
|
659
651
|
case "inverted":
|
|
660
|
-
for (let
|
|
661
|
-
this.$children[
|
|
662
|
-
this.$ul.querySelectorAll("px-a").forEach((
|
|
663
|
-
|
|
652
|
+
for (let n = 0; n < this.$children.length; n++)
|
|
653
|
+
this.$children[n].hasAttribute("inverted") || this.$children[n].toggleAttribute("inverted");
|
|
654
|
+
this.$ul.querySelectorAll("px-a").forEach((n) => {
|
|
655
|
+
n.toggleAttribute("inverted");
|
|
664
656
|
});
|
|
665
657
|
break;
|
|
666
658
|
default:
|
|
667
|
-
super.attributeChangedCallback(t, e,
|
|
659
|
+
super.attributeChangedCallback(t, e, s);
|
|
668
660
|
break;
|
|
669
661
|
}
|
|
670
662
|
}
|
|
@@ -682,9 +674,9 @@ const L = class L extends x {
|
|
|
682
674
|
}
|
|
683
675
|
};
|
|
684
676
|
L.nativeName = "div";
|
|
685
|
-
let
|
|
686
|
-
customElements.get("px-footer-sitemap-item") || customElements.define("px-footer-sitemap-item",
|
|
677
|
+
let T = L;
|
|
678
|
+
customElements.get("px-footer-sitemap-item") || customElements.define("px-footer-sitemap-item", T);
|
|
687
679
|
export {
|
|
688
680
|
C as FooterSitemap,
|
|
689
|
-
|
|
681
|
+
T as FooterSitemapItem
|
|
690
682
|
};
|