@proximus/lavender-heading 2.0.0-alpha.202 → 2.0.0-alpha.204
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/AbstractHeading.d.ts +3 -2
- package/dist/H1.d.ts +1 -1
- package/dist/H2.d.ts +1 -1
- package/dist/H3.d.ts +1 -1
- package/dist/H4.d.ts +1 -1
- package/dist/H5.d.ts +1 -1
- package/dist/H6.d.ts +1 -1
- package/dist/custom-elements.json +92 -102
- package/dist/index.es.js +53 -58
- package/dist/web-types.json +7 -13
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PxElement } from '@proximus/lavender-common';
|
|
2
2
|
export declare abstract class AbstractHeading<HEADING_ELEMENT extends HTMLHeadingElement | HTMLParagraphElement> extends PxElement<HEADING_ELEMENT> {
|
|
3
|
-
|
|
4
|
-
protected
|
|
3
|
+
/** Overridden by each heading level (`<h1>`…`<h6>`). */
|
|
4
|
+
protected static readonly template: HTMLTemplateElement;
|
|
5
|
+
constructor();
|
|
5
6
|
static get observedAttributes(): string[];
|
|
6
7
|
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
7
8
|
toggleClass(oldValue: string, newValue: string): void;
|
package/dist/H1.d.ts
CHANGED
package/dist/H2.d.ts
CHANGED
package/dist/H3.d.ts
CHANGED
package/dist/H4.d.ts
CHANGED
package/dist/H5.d.ts
CHANGED
package/dist/H6.d.ts
CHANGED
|
@@ -12,9 +12,15 @@
|
|
|
12
12
|
"name": "AbstractHeading",
|
|
13
13
|
"members": [
|
|
14
14
|
{
|
|
15
|
-
"kind": "
|
|
15
|
+
"kind": "field",
|
|
16
16
|
"name": "template",
|
|
17
|
-
"
|
|
17
|
+
"type": {
|
|
18
|
+
"text": "HTMLTemplateElement"
|
|
19
|
+
},
|
|
20
|
+
"privacy": "protected",
|
|
21
|
+
"static": true,
|
|
22
|
+
"readonly": true,
|
|
23
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`)."
|
|
18
24
|
},
|
|
19
25
|
{
|
|
20
26
|
"kind": "method",
|
|
@@ -153,10 +159,6 @@
|
|
|
153
159
|
{
|
|
154
160
|
"kind": "field",
|
|
155
161
|
"name": "autoSpacing"
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
"kind": "field",
|
|
159
|
-
"name": "innerHTML"
|
|
160
162
|
}
|
|
161
163
|
],
|
|
162
164
|
"attributes": [
|
|
@@ -216,22 +218,28 @@
|
|
|
216
218
|
"members": [
|
|
217
219
|
{
|
|
218
220
|
"kind": "field",
|
|
219
|
-
"name": "
|
|
221
|
+
"name": "template",
|
|
220
222
|
"type": {
|
|
221
|
-
"text": "
|
|
223
|
+
"text": "HTMLTemplateElement"
|
|
222
224
|
},
|
|
225
|
+
"privacy": "protected",
|
|
223
226
|
"static": true,
|
|
224
|
-
"
|
|
225
|
-
|
|
226
|
-
{
|
|
227
|
-
"kind": "method",
|
|
228
|
-
"name": "template",
|
|
229
|
-
"privacy": "private",
|
|
227
|
+
"readonly": true,
|
|
228
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
230
229
|
"inheritedFrom": {
|
|
231
230
|
"name": "AbstractHeading",
|
|
232
231
|
"module": "src/AbstractHeading.ts"
|
|
233
232
|
}
|
|
234
233
|
},
|
|
234
|
+
{
|
|
235
|
+
"kind": "field",
|
|
236
|
+
"name": "nativeName",
|
|
237
|
+
"type": {
|
|
238
|
+
"text": "string"
|
|
239
|
+
},
|
|
240
|
+
"static": true,
|
|
241
|
+
"default": "'h1'"
|
|
242
|
+
},
|
|
235
243
|
{
|
|
236
244
|
"kind": "method",
|
|
237
245
|
"name": "toggleClass",
|
|
@@ -421,14 +429,6 @@
|
|
|
421
429
|
"name": "AbstractHeading",
|
|
422
430
|
"module": "src/AbstractHeading.ts"
|
|
423
431
|
}
|
|
424
|
-
},
|
|
425
|
-
{
|
|
426
|
-
"kind": "field",
|
|
427
|
-
"name": "innerHTML",
|
|
428
|
-
"inheritedFrom": {
|
|
429
|
-
"name": "AbstractHeading",
|
|
430
|
-
"module": "src/AbstractHeading.ts"
|
|
431
|
-
}
|
|
432
432
|
}
|
|
433
433
|
],
|
|
434
434
|
"superclass": {
|
|
@@ -534,22 +534,28 @@
|
|
|
534
534
|
"members": [
|
|
535
535
|
{
|
|
536
536
|
"kind": "field",
|
|
537
|
-
"name": "
|
|
537
|
+
"name": "template",
|
|
538
538
|
"type": {
|
|
539
|
-
"text": "
|
|
539
|
+
"text": "HTMLTemplateElement"
|
|
540
540
|
},
|
|
541
|
+
"privacy": "protected",
|
|
541
542
|
"static": true,
|
|
542
|
-
"
|
|
543
|
-
|
|
544
|
-
{
|
|
545
|
-
"kind": "method",
|
|
546
|
-
"name": "template",
|
|
547
|
-
"privacy": "private",
|
|
543
|
+
"readonly": true,
|
|
544
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
548
545
|
"inheritedFrom": {
|
|
549
546
|
"name": "AbstractHeading",
|
|
550
547
|
"module": "src/AbstractHeading.ts"
|
|
551
548
|
}
|
|
552
549
|
},
|
|
550
|
+
{
|
|
551
|
+
"kind": "field",
|
|
552
|
+
"name": "nativeName",
|
|
553
|
+
"type": {
|
|
554
|
+
"text": "string"
|
|
555
|
+
},
|
|
556
|
+
"static": true,
|
|
557
|
+
"default": "'h2'"
|
|
558
|
+
},
|
|
553
559
|
{
|
|
554
560
|
"kind": "method",
|
|
555
561
|
"name": "toggleClass",
|
|
@@ -739,14 +745,6 @@
|
|
|
739
745
|
"name": "AbstractHeading",
|
|
740
746
|
"module": "src/AbstractHeading.ts"
|
|
741
747
|
}
|
|
742
|
-
},
|
|
743
|
-
{
|
|
744
|
-
"kind": "field",
|
|
745
|
-
"name": "innerHTML",
|
|
746
|
-
"inheritedFrom": {
|
|
747
|
-
"name": "AbstractHeading",
|
|
748
|
-
"module": "src/AbstractHeading.ts"
|
|
749
|
-
}
|
|
750
748
|
}
|
|
751
749
|
],
|
|
752
750
|
"superclass": {
|
|
@@ -852,22 +850,28 @@
|
|
|
852
850
|
"members": [
|
|
853
851
|
{
|
|
854
852
|
"kind": "field",
|
|
855
|
-
"name": "
|
|
853
|
+
"name": "template",
|
|
856
854
|
"type": {
|
|
857
|
-
"text": "
|
|
855
|
+
"text": "HTMLTemplateElement"
|
|
858
856
|
},
|
|
857
|
+
"privacy": "protected",
|
|
859
858
|
"static": true,
|
|
860
|
-
"
|
|
861
|
-
|
|
862
|
-
{
|
|
863
|
-
"kind": "method",
|
|
864
|
-
"name": "template",
|
|
865
|
-
"privacy": "private",
|
|
859
|
+
"readonly": true,
|
|
860
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
866
861
|
"inheritedFrom": {
|
|
867
862
|
"name": "AbstractHeading",
|
|
868
863
|
"module": "src/AbstractHeading.ts"
|
|
869
864
|
}
|
|
870
865
|
},
|
|
866
|
+
{
|
|
867
|
+
"kind": "field",
|
|
868
|
+
"name": "nativeName",
|
|
869
|
+
"type": {
|
|
870
|
+
"text": "string"
|
|
871
|
+
},
|
|
872
|
+
"static": true,
|
|
873
|
+
"default": "'h3'"
|
|
874
|
+
},
|
|
871
875
|
{
|
|
872
876
|
"kind": "method",
|
|
873
877
|
"name": "toggleClass",
|
|
@@ -1057,14 +1061,6 @@
|
|
|
1057
1061
|
"name": "AbstractHeading",
|
|
1058
1062
|
"module": "src/AbstractHeading.ts"
|
|
1059
1063
|
}
|
|
1060
|
-
},
|
|
1061
|
-
{
|
|
1062
|
-
"kind": "field",
|
|
1063
|
-
"name": "innerHTML",
|
|
1064
|
-
"inheritedFrom": {
|
|
1065
|
-
"name": "AbstractHeading",
|
|
1066
|
-
"module": "src/AbstractHeading.ts"
|
|
1067
|
-
}
|
|
1068
1064
|
}
|
|
1069
1065
|
],
|
|
1070
1066
|
"superclass": {
|
|
@@ -1170,22 +1166,28 @@
|
|
|
1170
1166
|
"members": [
|
|
1171
1167
|
{
|
|
1172
1168
|
"kind": "field",
|
|
1173
|
-
"name": "
|
|
1169
|
+
"name": "template",
|
|
1174
1170
|
"type": {
|
|
1175
|
-
"text": "
|
|
1171
|
+
"text": "HTMLTemplateElement"
|
|
1176
1172
|
},
|
|
1173
|
+
"privacy": "protected",
|
|
1177
1174
|
"static": true,
|
|
1178
|
-
"
|
|
1179
|
-
|
|
1180
|
-
{
|
|
1181
|
-
"kind": "method",
|
|
1182
|
-
"name": "template",
|
|
1183
|
-
"privacy": "private",
|
|
1175
|
+
"readonly": true,
|
|
1176
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
1184
1177
|
"inheritedFrom": {
|
|
1185
1178
|
"name": "AbstractHeading",
|
|
1186
1179
|
"module": "src/AbstractHeading.ts"
|
|
1187
1180
|
}
|
|
1188
1181
|
},
|
|
1182
|
+
{
|
|
1183
|
+
"kind": "field",
|
|
1184
|
+
"name": "nativeName",
|
|
1185
|
+
"type": {
|
|
1186
|
+
"text": "string"
|
|
1187
|
+
},
|
|
1188
|
+
"static": true,
|
|
1189
|
+
"default": "'h4'"
|
|
1190
|
+
},
|
|
1189
1191
|
{
|
|
1190
1192
|
"kind": "method",
|
|
1191
1193
|
"name": "toggleClass",
|
|
@@ -1375,14 +1377,6 @@
|
|
|
1375
1377
|
"name": "AbstractHeading",
|
|
1376
1378
|
"module": "src/AbstractHeading.ts"
|
|
1377
1379
|
}
|
|
1378
|
-
},
|
|
1379
|
-
{
|
|
1380
|
-
"kind": "field",
|
|
1381
|
-
"name": "innerHTML",
|
|
1382
|
-
"inheritedFrom": {
|
|
1383
|
-
"name": "AbstractHeading",
|
|
1384
|
-
"module": "src/AbstractHeading.ts"
|
|
1385
|
-
}
|
|
1386
1380
|
}
|
|
1387
1381
|
],
|
|
1388
1382
|
"superclass": {
|
|
@@ -1488,22 +1482,28 @@
|
|
|
1488
1482
|
"members": [
|
|
1489
1483
|
{
|
|
1490
1484
|
"kind": "field",
|
|
1491
|
-
"name": "
|
|
1485
|
+
"name": "template",
|
|
1492
1486
|
"type": {
|
|
1493
|
-
"text": "
|
|
1487
|
+
"text": "HTMLTemplateElement"
|
|
1494
1488
|
},
|
|
1489
|
+
"privacy": "protected",
|
|
1495
1490
|
"static": true,
|
|
1496
|
-
"
|
|
1497
|
-
|
|
1498
|
-
{
|
|
1499
|
-
"kind": "method",
|
|
1500
|
-
"name": "template",
|
|
1501
|
-
"privacy": "private",
|
|
1491
|
+
"readonly": true,
|
|
1492
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
1502
1493
|
"inheritedFrom": {
|
|
1503
1494
|
"name": "AbstractHeading",
|
|
1504
1495
|
"module": "src/AbstractHeading.ts"
|
|
1505
1496
|
}
|
|
1506
1497
|
},
|
|
1498
|
+
{
|
|
1499
|
+
"kind": "field",
|
|
1500
|
+
"name": "nativeName",
|
|
1501
|
+
"type": {
|
|
1502
|
+
"text": "string"
|
|
1503
|
+
},
|
|
1504
|
+
"static": true,
|
|
1505
|
+
"default": "'h5'"
|
|
1506
|
+
},
|
|
1507
1507
|
{
|
|
1508
1508
|
"kind": "method",
|
|
1509
1509
|
"name": "toggleClass",
|
|
@@ -1693,14 +1693,6 @@
|
|
|
1693
1693
|
"name": "AbstractHeading",
|
|
1694
1694
|
"module": "src/AbstractHeading.ts"
|
|
1695
1695
|
}
|
|
1696
|
-
},
|
|
1697
|
-
{
|
|
1698
|
-
"kind": "field",
|
|
1699
|
-
"name": "innerHTML",
|
|
1700
|
-
"inheritedFrom": {
|
|
1701
|
-
"name": "AbstractHeading",
|
|
1702
|
-
"module": "src/AbstractHeading.ts"
|
|
1703
|
-
}
|
|
1704
1696
|
}
|
|
1705
1697
|
],
|
|
1706
1698
|
"superclass": {
|
|
@@ -1806,22 +1798,28 @@
|
|
|
1806
1798
|
"members": [
|
|
1807
1799
|
{
|
|
1808
1800
|
"kind": "field",
|
|
1809
|
-
"name": "
|
|
1801
|
+
"name": "template",
|
|
1810
1802
|
"type": {
|
|
1811
|
-
"text": "
|
|
1803
|
+
"text": "HTMLTemplateElement"
|
|
1812
1804
|
},
|
|
1805
|
+
"privacy": "protected",
|
|
1813
1806
|
"static": true,
|
|
1814
|
-
"
|
|
1815
|
-
|
|
1816
|
-
{
|
|
1817
|
-
"kind": "method",
|
|
1818
|
-
"name": "template",
|
|
1819
|
-
"privacy": "private",
|
|
1807
|
+
"readonly": true,
|
|
1808
|
+
"description": "Overridden by each heading level (`<h1>`…`<h6>`).",
|
|
1820
1809
|
"inheritedFrom": {
|
|
1821
1810
|
"name": "AbstractHeading",
|
|
1822
1811
|
"module": "src/AbstractHeading.ts"
|
|
1823
1812
|
}
|
|
1824
1813
|
},
|
|
1814
|
+
{
|
|
1815
|
+
"kind": "field",
|
|
1816
|
+
"name": "nativeName",
|
|
1817
|
+
"type": {
|
|
1818
|
+
"text": "string"
|
|
1819
|
+
},
|
|
1820
|
+
"static": true,
|
|
1821
|
+
"default": "'h6'"
|
|
1822
|
+
},
|
|
1825
1823
|
{
|
|
1826
1824
|
"kind": "method",
|
|
1827
1825
|
"name": "toggleClass",
|
|
@@ -2011,14 +2009,6 @@
|
|
|
2011
2009
|
"name": "AbstractHeading",
|
|
2012
2010
|
"module": "src/AbstractHeading.ts"
|
|
2013
2011
|
}
|
|
2014
|
-
},
|
|
2015
|
-
{
|
|
2016
|
-
"kind": "field",
|
|
2017
|
-
"name": "innerHTML",
|
|
2018
|
-
"inheritedFrom": {
|
|
2019
|
-
"name": "AbstractHeading",
|
|
2020
|
-
"module": "src/AbstractHeading.ts"
|
|
2021
|
-
}
|
|
2022
2012
|
}
|
|
2023
2013
|
],
|
|
2024
2014
|
"superclass": {
|
package/dist/index.es.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
import { PxElement as e, colorValues as t,
|
|
1
|
+
import { PxElement as e, colorValues as t, createTemplate as n, headingValues as r, log as i, renderTemplate as a, textalignValues as o } from "@proximus/lavender-common";
|
|
2
2
|
//#region src/heading.css?inline
|
|
3
|
-
var a = "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{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);margin:0}::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-4xl-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-3xl-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-2xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media screen and (width>=48rem){::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-4xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-xl-tablet)}}@media screen and (width>=64.0625rem){::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-4xl-laptop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-laptop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-laptop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-laptop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-laptop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-laptop)}.style-title-s{font-size:var(--px-text-size-heading-s-laptop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-laptop)}}@media screen and (width>=90.0625rem){::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)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-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-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}", o = ".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 screen and (width>=48rem){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}.font-size-link-m{font-size:var(--px-text-size-link-m-tablet)}.font-size-link-s{font-size:var(--px-text-size-link-s-tablet)}}@media screen and (width>=64.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-laptop)}.font-size-body-m{font-size:var(--px-text-size-body-m-laptop)}.font-size-body-s{font-size:var(--px-text-size-body-s-laptop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-laptop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-laptop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-laptop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-laptop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-laptop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-laptop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-laptop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-laptop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-laptop)}.font-size-link-m{font-size:var(--px-text-size-link-m-laptop)}.font-size-link-s{font-size:var(--px-text-size-link-s-laptop)}}@media screen and (width>=90.0625rem){.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)}", s = new CSSStyleSheet();
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
constructor(e) {
|
|
12
|
-
super(s, c);
|
|
13
|
-
let t = document.createElement(e);
|
|
14
|
-
t.innerHTML = this.template(), this.shadowRoot.appendChild(t);
|
|
3
|
+
var s = "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{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);margin:0}::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-4xl-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-3xl-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-2xl-mobile);line-height:var(--px-line-height-ratio-s)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-mobile)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-mobile)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-mobile)}.style-subtitle{font-size:var(--px-text-size-heading-xl-mobile);font-weight:var(--px-font-weight-subtitle)}.style-title-s{font-size:var(--px-text-size-heading-s-mobile)}@media screen and (width>=48rem){::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-4xl-tablet)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-tablet)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-tablet)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-tablet)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-tablet)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-tablet)}.style-title-s{font-size:var(--px-text-size-heading-s-tablet)}.style-subtitle{font-size:var(--px-text-size-heading-xl-tablet)}}@media screen and (width>=64.0625rem){::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-4xl-laptop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-laptop)}h3,.style-title-2xl,::slotted(h3){font-size:var(--px-text-size-heading-2xl-laptop)}h4,.style-title-xl,::slotted(h4){font-size:var(--px-text-size-heading-xl-laptop)}h5,.style-title-l,::slotted(h5){font-size:var(--px-text-size-heading-l-laptop)}h6,.style-title-m,::slotted(h6){font-size:var(--px-text-size-heading-m-laptop)}.style-title-s{font-size:var(--px-text-size-heading-s-laptop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-laptop)}}@media screen and (width>=90.0625rem){::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)}h1,.style-title-4xl,::slotted(h1){font-size:var(--px-text-size-heading-4xl-desktop)}h2,.style-title-3xl,::slotted(h2){font-size:var(--px-text-size-heading-3xl-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-s-desktop)}.style-subtitle{font-size:var(--px-text-size-heading-xl-desktop)}}", c = ".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 screen and (width>=48rem){.font-size-body-l{font-size:var(--px-text-size-body-l-tablet)}.font-size-body-m{font-size:var(--px-text-size-body-m-tablet)}.font-size-body-s{font-size:var(--px-text-size-body-s-tablet)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-tablet)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-tablet)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-tablet)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-tablet)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-tablet)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-tablet)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-tablet)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-tablet)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-tablet)}.font-size-link-m{font-size:var(--px-text-size-link-m-tablet)}.font-size-link-s{font-size:var(--px-text-size-link-s-tablet)}}@media screen and (width>=64.0625rem){.font-size-body-l{font-size:var(--px-text-size-body-l-laptop)}.font-size-body-m{font-size:var(--px-text-size-body-m-laptop)}.font-size-body-s{font-size:var(--px-text-size-body-s-laptop)}.font-size-body-xs{font-size:var(--px-text-size-body-xs-laptop)}.font-size-heading-5xl{font-size:var(--px-text-size-heading-5xl-laptop)}.font-size-heading-4xl{font-size:var(--px-text-size-heading-4xl-laptop)}.font-size-heading-3xl{font-size:var(--px-text-size-heading-3xl-laptop)}.font-size-heading-2xl{font-size:var(--px-text-size-heading-2xl-laptop)}.font-size-heading-xl{font-size:var(--px-text-size-heading-xl-laptop)}.font-size-heading-l{font-size:var(--px-text-size-heading-l-laptop)}.font-size-heading-m{font-size:var(--px-text-size-heading-m-laptop)}.font-size-heading-s{font-size:var(--px-text-size-heading-s-laptop)}.font-size-link-m{font-size:var(--px-text-size-link-m-laptop)}.font-size-link-s{font-size:var(--px-text-size-link-s-laptop)}}@media screen and (width>=90.0625rem){.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)}", l = new CSSStyleSheet();
|
|
4
|
+
l.replaceSync(s);
|
|
5
|
+
var u = new CSSStyleSheet();
|
|
6
|
+
u.replaceSync(c);
|
|
7
|
+
var d = class extends e {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(l, u), a(this.shadowRoot, this.constructor.template);
|
|
15
10
|
}
|
|
16
11
|
static get observedAttributes() {
|
|
17
12
|
return [
|
|
@@ -27,43 +22,43 @@ var l = class extends e {
|
|
|
27
22
|
"auto-spacing"
|
|
28
23
|
];
|
|
29
24
|
}
|
|
30
|
-
attributeChangedCallback(e,
|
|
31
|
-
if (
|
|
25
|
+
attributeChangedCallback(e, n, i) {
|
|
26
|
+
if (n !== i) switch (e) {
|
|
32
27
|
case "variant":
|
|
33
|
-
this.updateAttribute(e,
|
|
28
|
+
this.updateAttribute(e, n, i, r);
|
|
34
29
|
break;
|
|
35
30
|
case "color":
|
|
36
|
-
this.updateColor(
|
|
31
|
+
this.updateColor(n, i, t);
|
|
37
32
|
break;
|
|
38
33
|
case "text-align":
|
|
39
34
|
case "text-align--mobile":
|
|
40
35
|
case "text-align--tablet":
|
|
41
36
|
case "text-align--laptop":
|
|
42
37
|
case "text-align--desktop":
|
|
43
|
-
this.updateTextAlign(e,
|
|
38
|
+
this.updateTextAlign(e, n, i, o);
|
|
44
39
|
break;
|
|
45
|
-
default: super.attributeChangedCallback(e,
|
|
40
|
+
default: super.attributeChangedCallback(e, n, i);
|
|
46
41
|
}
|
|
47
42
|
}
|
|
48
43
|
toggleClass(e, t) {
|
|
49
44
|
e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(`style-${e}`), t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(`style-${t}`);
|
|
50
45
|
}
|
|
51
|
-
updateAttribute(e, t, n,
|
|
52
|
-
this.checkName(
|
|
46
|
+
updateAttribute(e, t, n, r) {
|
|
47
|
+
this.checkName(r, n) ? this.toggleClass(t, n) : i(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
|
|
53
48
|
}
|
|
54
49
|
updateColor(e, t, n) {
|
|
55
50
|
if (!this.checkName(n, t)) {
|
|
56
|
-
|
|
51
|
+
i(`"${t}" is not a valid color value for ${this.tagName.toLowerCase()}. Allowed values are: "${n.join("\", \"")}".`);
|
|
57
52
|
return;
|
|
58
53
|
}
|
|
59
|
-
let
|
|
54
|
+
let r = (e) => {
|
|
60
55
|
e !== null && e !== "" && e !== "default" && (this.$el.style.setProperty("--heading-color-default", `var(--px-color-text-${e}-default)`), this.$el.style.setProperty("--heading-color-inverted", `var(--px-color-text-${e}-inverted)`));
|
|
61
56
|
};
|
|
62
|
-
|
|
57
|
+
r(e), r(t);
|
|
63
58
|
}
|
|
64
|
-
updateTextAlign(e, t, n,
|
|
65
|
-
if (!this.checkName(
|
|
66
|
-
|
|
59
|
+
updateTextAlign(e, t, n, r) {
|
|
60
|
+
if (!this.checkName(r, n)) {
|
|
61
|
+
i(`"${n}" is not a valid ${e} value for ${this.tagName.toLowerCase()}. Allowed values are: "${r.join("\", \"")}".`);
|
|
67
62
|
return;
|
|
68
63
|
}
|
|
69
64
|
let a = (e, t) => {
|
|
@@ -136,69 +131,69 @@ var l = class extends e {
|
|
|
136
131
|
set autoSpacing(e) {
|
|
137
132
|
this._updateBooleanAttribute("auto-spacing", e);
|
|
138
133
|
}
|
|
139
|
-
},
|
|
134
|
+
}, f = class extends d {
|
|
140
135
|
static {
|
|
141
|
-
this.
|
|
136
|
+
this.template = n("<h1><slot></slot></h1>");
|
|
142
137
|
}
|
|
143
|
-
|
|
144
|
-
|
|
138
|
+
static {
|
|
139
|
+
this.nativeName = "h1";
|
|
145
140
|
}
|
|
146
141
|
};
|
|
147
|
-
customElements.get("px-h1") || customElements.define("px-h1",
|
|
142
|
+
customElements.get("px-h1") || customElements.define("px-h1", f);
|
|
148
143
|
//#endregion
|
|
149
144
|
//#region src/H2.ts
|
|
150
|
-
var
|
|
145
|
+
var p = class extends d {
|
|
151
146
|
static {
|
|
152
|
-
this.
|
|
147
|
+
this.template = n("<h2><slot></slot></h2>");
|
|
153
148
|
}
|
|
154
|
-
|
|
155
|
-
|
|
149
|
+
static {
|
|
150
|
+
this.nativeName = "h2";
|
|
156
151
|
}
|
|
157
152
|
};
|
|
158
|
-
customElements.get("px-h2") || customElements.define("px-h2",
|
|
153
|
+
customElements.get("px-h2") || customElements.define("px-h2", p);
|
|
159
154
|
//#endregion
|
|
160
155
|
//#region src/H3.ts
|
|
161
|
-
var
|
|
156
|
+
var m = class extends d {
|
|
162
157
|
static {
|
|
163
|
-
this.
|
|
158
|
+
this.template = n("<h3><slot></slot></h3>");
|
|
164
159
|
}
|
|
165
|
-
|
|
166
|
-
|
|
160
|
+
static {
|
|
161
|
+
this.nativeName = "h3";
|
|
167
162
|
}
|
|
168
163
|
};
|
|
169
|
-
customElements.get("px-h3") || customElements.define("px-h3",
|
|
164
|
+
customElements.get("px-h3") || customElements.define("px-h3", m);
|
|
170
165
|
//#endregion
|
|
171
166
|
//#region src/H4.ts
|
|
172
|
-
var
|
|
167
|
+
var h = class extends d {
|
|
173
168
|
static {
|
|
174
|
-
this.
|
|
169
|
+
this.template = n("<h4><slot></slot></h4>");
|
|
175
170
|
}
|
|
176
|
-
|
|
177
|
-
|
|
171
|
+
static {
|
|
172
|
+
this.nativeName = "h4";
|
|
178
173
|
}
|
|
179
174
|
};
|
|
180
|
-
customElements.get("px-h4") || customElements.define("px-h4",
|
|
175
|
+
customElements.get("px-h4") || customElements.define("px-h4", h);
|
|
181
176
|
//#endregion
|
|
182
177
|
//#region src/H5.ts
|
|
183
|
-
var
|
|
178
|
+
var g = class extends d {
|
|
184
179
|
static {
|
|
185
|
-
this.
|
|
180
|
+
this.template = n("<h5><slot></slot></h5>");
|
|
186
181
|
}
|
|
187
|
-
|
|
188
|
-
|
|
182
|
+
static {
|
|
183
|
+
this.nativeName = "h5";
|
|
189
184
|
}
|
|
190
185
|
};
|
|
191
|
-
customElements.get("px-h5") || customElements.define("px-h5",
|
|
186
|
+
customElements.get("px-h5") || customElements.define("px-h5", g);
|
|
192
187
|
//#endregion
|
|
193
188
|
//#region src/H6.ts
|
|
194
|
-
var
|
|
189
|
+
var _ = class extends d {
|
|
195
190
|
static {
|
|
196
|
-
this.
|
|
191
|
+
this.template = n("<h6><slot></slot></h6>");
|
|
197
192
|
}
|
|
198
|
-
|
|
199
|
-
|
|
193
|
+
static {
|
|
194
|
+
this.nativeName = "h6";
|
|
200
195
|
}
|
|
201
196
|
};
|
|
202
|
-
customElements.get("px-h6") || customElements.define("px-h6",
|
|
197
|
+
customElements.get("px-h6") || customElements.define("px-h6", _);
|
|
203
198
|
//#endregion
|
|
204
|
-
export {
|
|
199
|
+
export { f as H1, p as H2, m as H3, h as H4, g as H5, _ as H6 };
|
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@proximus/lavender-heading",
|
|
4
|
-
"version": "2.0.0-alpha.
|
|
4
|
+
"version": "2.0.0-alpha.204",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -32,8 +32,7 @@
|
|
|
32
32
|
{ "name": "textAlignLaptop" },
|
|
33
33
|
{ "name": "textAlignDesktop" },
|
|
34
34
|
{ "name": "inverted" },
|
|
35
|
-
{ "name": "autoSpacing" }
|
|
36
|
-
{ "name": "innerHTML" }
|
|
35
|
+
{ "name": "autoSpacing" }
|
|
37
36
|
],
|
|
38
37
|
"events": []
|
|
39
38
|
}
|
|
@@ -64,8 +63,7 @@
|
|
|
64
63
|
{ "name": "textAlignLaptop" },
|
|
65
64
|
{ "name": "textAlignDesktop" },
|
|
66
65
|
{ "name": "inverted" },
|
|
67
|
-
{ "name": "autoSpacing" }
|
|
68
|
-
{ "name": "innerHTML" }
|
|
66
|
+
{ "name": "autoSpacing" }
|
|
69
67
|
],
|
|
70
68
|
"events": []
|
|
71
69
|
}
|
|
@@ -96,8 +94,7 @@
|
|
|
96
94
|
{ "name": "textAlignLaptop" },
|
|
97
95
|
{ "name": "textAlignDesktop" },
|
|
98
96
|
{ "name": "inverted" },
|
|
99
|
-
{ "name": "autoSpacing" }
|
|
100
|
-
{ "name": "innerHTML" }
|
|
97
|
+
{ "name": "autoSpacing" }
|
|
101
98
|
],
|
|
102
99
|
"events": []
|
|
103
100
|
}
|
|
@@ -128,8 +125,7 @@
|
|
|
128
125
|
{ "name": "textAlignLaptop" },
|
|
129
126
|
{ "name": "textAlignDesktop" },
|
|
130
127
|
{ "name": "inverted" },
|
|
131
|
-
{ "name": "autoSpacing" }
|
|
132
|
-
{ "name": "innerHTML" }
|
|
128
|
+
{ "name": "autoSpacing" }
|
|
133
129
|
],
|
|
134
130
|
"events": []
|
|
135
131
|
}
|
|
@@ -160,8 +156,7 @@
|
|
|
160
156
|
{ "name": "textAlignLaptop" },
|
|
161
157
|
{ "name": "textAlignDesktop" },
|
|
162
158
|
{ "name": "inverted" },
|
|
163
|
-
{ "name": "autoSpacing" }
|
|
164
|
-
{ "name": "innerHTML" }
|
|
159
|
+
{ "name": "autoSpacing" }
|
|
165
160
|
],
|
|
166
161
|
"events": []
|
|
167
162
|
}
|
|
@@ -192,8 +187,7 @@
|
|
|
192
187
|
{ "name": "textAlignLaptop" },
|
|
193
188
|
{ "name": "textAlignDesktop" },
|
|
194
189
|
{ "name": "inverted" },
|
|
195
|
-
{ "name": "autoSpacing" }
|
|
196
|
-
{ "name": "innerHTML" }
|
|
190
|
+
{ "name": "autoSpacing" }
|
|
197
191
|
],
|
|
198
192
|
"events": []
|
|
199
193
|
}
|