@ptcwebops/ptcw-design 0.3.4 → 0.3.6
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/cjs/icon-asset_16.cjs.entry.js +15 -14
- package/dist/cjs/{index-0b899fc6.js → index-e39de343.js} +3 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottie-player.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +1 -1
- package/dist/cjs/ptc-date.cjs.entry.js +8 -3
- package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form.cjs.entry.js +1 -1
- package/dist/cjs/ptc-input.cjs.entry.js +1 -1
- package/dist/cjs/ptc-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-lottie.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal.cjs.entry.js +29 -7
- package/dist/cjs/ptc-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-select.cjs.entry.js +1 -1
- package/dist/cjs/ptc-social-share.cjs.entry.js +3 -2
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/list-item/list-item.css +6 -2
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.css +1 -12
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +1 -1
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +20 -2
- package/dist/collection/components/ptc-card-content/ptc-card-content.css +21 -4
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +18 -0
- package/dist/collection/components/ptc-date/ptc-date.css +8 -0
- package/dist/collection/components/ptc-date/ptc-date.js +24 -1
- package/dist/collection/components/ptc-hero/ptc-hero.js +1 -1
- package/dist/collection/components/ptc-modal/ptc-modal.css +17 -10
- package/dist/collection/components/ptc-modal/ptc-modal.js +66 -6
- package/dist/collection/components/ptc-overlay/ptc-overlay.css +10 -9
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +2 -2
- package/dist/collection/components/ptc-para/ptc-para.css +35 -0
- package/dist/collection/components/ptc-para/ptc-para.js +4 -4
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +3 -2
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +5 -0
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +2 -2
- package/dist/collection/components/ptc-title/ptc-title.css +24 -3
- package/dist/collection/components/ptc-title/ptc-title.js +8 -7
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +57 -44
- package/dist/esm/icon-asset_16.entry.js +15 -14
- package/dist/esm/{index-6ce5b664.js → index-9e77d90e.js} +3 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/lottie-player.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +8 -3
- package/dist/esm/ptc-footer.entry.js +1 -1
- package/dist/esm/ptc-form.entry.js +1 -1
- package/dist/esm/ptc-input.entry.js +1 -1
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-lottie.entry.js +1 -1
- package/dist/esm/ptc-modal.entry.js +29 -7
- package/dist/esm/ptc-nav-item.entry.js +1 -1
- package/dist/esm/ptc-nav.entry.js +1 -1
- package/dist/esm/ptc-select.entry.js +1 -1
- package/dist/esm/ptc-social-share.entry.js +3 -2
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptcw-design.js +2 -2
- package/dist/ptcw-design/p-19f001a4.js +1 -0
- package/dist/ptcw-design/{p-e266fc0b.entry.js → p-3050845e.entry.js} +1 -1
- package/dist/ptcw-design/{p-b85eda19.entry.js → p-5afee3b6.entry.js} +1 -1
- package/dist/ptcw-design/{p-3437fbce.entry.js → p-65b30c15.entry.js} +1 -1
- package/dist/ptcw-design/{p-e2492128.entry.js → p-762a6628.entry.js} +1 -1
- package/dist/ptcw-design/p-834e88dd.entry.js +1 -0
- package/dist/ptcw-design/p-8a6de852.entry.js +1 -0
- package/dist/ptcw-design/{p-da7ee0ba.entry.js → p-8f9df770.entry.js} +1 -1
- package/dist/ptcw-design/p-96e30287.entry.js +1 -0
- package/dist/ptcw-design/{p-31b2af1d.entry.js → p-a0fdfe9a.entry.js} +1 -1
- package/dist/ptcw-design/{p-5c78913c.entry.js → p-abb97d21.entry.js} +1 -1
- package/dist/ptcw-design/{p-bac826ad.entry.js → p-b3e145f3.entry.js} +1 -1
- package/dist/ptcw-design/{p-542939d4.entry.js → p-b542c708.entry.js} +1 -1
- package/dist/ptcw-design/{p-5eb74dc3.entry.js → p-b798ca9c.entry.js} +1 -1
- package/dist/ptcw-design/p-cccc0e5d.entry.js +1 -0
- package/dist/ptcw-design/p-f396010d.entry.js +1 -0
- package/dist/ptcw-design/{p-ac57feca.entry.js → p-f98b4bdd.entry.js} +1 -1
- package/dist/ptcw-design/{p-6ff80c95.entry.js → p-fe25f590.entry.js} +1 -1
- package/dist/ptcw-design/{p-aafe51df.entry.js → p-feed36fa.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +5 -1
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +4 -0
- package/dist/types/components/ptc-date/ptc-date.d.ts +4 -0
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +14 -0
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +1 -1
- package/dist/types/components/ptc-para/ptc-para.d.ts +2 -2
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +1 -0
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +1 -1
- package/dist/types/components/ptc-title/ptc-title.d.ts +1 -4
- package/dist/types/components.d.ts +44 -31
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-avatar.cjs.entry.js +0 -19
- package/dist/collection/components/ptc-avatar/ptc-avatar.css +0 -3
- package/dist/collection/components/ptc-avatar/ptc-avatar.js +0 -15
- package/dist/esm/ptc-avatar.entry.js +0 -15
- package/dist/ptcw-design/p-609dec21.entry.js +0 -1
- package/dist/ptcw-design/p-6e704db8.entry.js +0 -1
- package/dist/ptcw-design/p-77dfe920.entry.js +0 -1
- package/dist/ptcw-design/p-80b65919.entry.js +0 -1
- package/dist/ptcw-design/p-9a35c9e2.entry.js +0 -1
- package/dist/ptcw-design/p-b1afaef3.js +0 -1
- package/dist/ptcw-design/p-fec04cb2.entry.js +0 -1
- package/dist/types/components/ptc-avatar/ptc-avatar.d.ts +0 -3
|
@@ -63,8 +63,8 @@ export class PtcSpacer {
|
|
|
63
63
|
"type": "string",
|
|
64
64
|
"mutable": false,
|
|
65
65
|
"complexType": {
|
|
66
|
-
"original": "'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120'",
|
|
67
|
-
"resolved": "\"large\" | \"medium\" | \"small\" | \"space-120\" | \"space-144\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
|
|
66
|
+
"original": "'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128'",
|
|
67
|
+
"resolved": "\"large\" | \"medium\" | \"small\" | \"space-120\" | \"space-128\" | \"space-144\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
|
|
68
68
|
"references": {}
|
|
69
69
|
},
|
|
70
70
|
"required": false,
|
|
@@ -88,19 +88,19 @@ div.is-plm-hub h3 {
|
|
|
88
88
|
margin-inline-end: 0px;
|
|
89
89
|
}
|
|
90
90
|
div.is-plm-hub h1 {
|
|
91
|
-
font-weight: var(--ptc-font-weight-
|
|
91
|
+
font-weight: var(--ptc-font-weight-extrabold);
|
|
92
92
|
font-size: 50px;
|
|
93
93
|
line-height: 59px;
|
|
94
94
|
color: var(--color-white);
|
|
95
95
|
}
|
|
96
96
|
div.is-plm-hub h2 {
|
|
97
|
-
font-weight: var(--ptc-font-weight-
|
|
97
|
+
font-weight: var(--ptc-font-weight-extrabold);
|
|
98
98
|
font-size: var(--ptc-font-size-x-large);
|
|
99
99
|
line-height: 28px;
|
|
100
100
|
color: var(--color-white);
|
|
101
101
|
}
|
|
102
102
|
div.is-plm-hub h3 {
|
|
103
|
-
font-weight: var(--ptc-font-weight-
|
|
103
|
+
font-weight: var(--ptc-font-weight-extrabold);
|
|
104
104
|
font-size: var(--ptc-font-size-large);
|
|
105
105
|
line-height: 23px;
|
|
106
106
|
color: var(--color-white);
|
|
@@ -173,4 +173,25 @@ div.orange h1, div.orange h2, div.orange h3 {
|
|
|
173
173
|
}
|
|
174
174
|
div.slate-grey h1, div.slate-grey h2, div.slate-grey h3 {
|
|
175
175
|
text-shadow: 0px 0px 12px var(--color-grey-07);
|
|
176
|
+
}
|
|
177
|
+
div.w-3 h1, div.w-3 h2, div.w-3 h3 {
|
|
178
|
+
font-weight: var(--ptc-font-weight-thin);
|
|
179
|
+
}
|
|
180
|
+
div.w-4 h1, div.w-4 h2, div.w-4 h3 {
|
|
181
|
+
font-weight: var(--ptc-font-weight-regular);
|
|
182
|
+
}
|
|
183
|
+
div.w-5 h1, div.w-5 h2, div.w-5 h3 {
|
|
184
|
+
font-weight: var(--ptc-font-weight-medium);
|
|
185
|
+
}
|
|
186
|
+
div.w-6 h1, div.w-6 h2, div.w-6 h3 {
|
|
187
|
+
font-weight: var(--ptc-font-weight-semibold);
|
|
188
|
+
}
|
|
189
|
+
div.w-7 h1, div.w-7 h2, div.w-7 h3 {
|
|
190
|
+
font-weight: var(--ptc-font-weight-bold);
|
|
191
|
+
}
|
|
192
|
+
div.w-8 h1, div.w-8 h2, div.w-8 h3 {
|
|
193
|
+
font-weight: var(--ptc-font-weight-extrabold);
|
|
194
|
+
}
|
|
195
|
+
div.w-9 h1, div.w-9 h2, div.w-9 h3 {
|
|
196
|
+
font-weight: var(--ptc-font-weight-black);
|
|
176
197
|
}
|
|
@@ -42,7 +42,8 @@ export class PtcTitle {
|
|
|
42
42
|
[this.upperline]: true,
|
|
43
43
|
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
44
44
|
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
45
|
-
[this.titleShadow]: !!this.titleShadow ? true : false
|
|
45
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
46
|
+
[this.titleWeight]: !!this.titleWeight ? true : false
|
|
46
47
|
};
|
|
47
48
|
}
|
|
48
49
|
static get is() { return "ptc-title"; }
|
|
@@ -160,21 +161,21 @@ export class PtcTitle {
|
|
|
160
161
|
"attribute": "title-margin",
|
|
161
162
|
"reflect": false
|
|
162
163
|
},
|
|
163
|
-
"
|
|
164
|
+
"titleWeight": {
|
|
164
165
|
"type": "string",
|
|
165
166
|
"mutable": false,
|
|
166
167
|
"complexType": {
|
|
167
|
-
"original": "
|
|
168
|
-
"resolved": "
|
|
168
|
+
"original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
|
|
169
|
+
"resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
|
|
169
170
|
"references": {}
|
|
170
171
|
},
|
|
171
172
|
"required": false,
|
|
172
|
-
"optional":
|
|
173
|
+
"optional": false,
|
|
173
174
|
"docs": {
|
|
174
175
|
"tags": [],
|
|
175
|
-
"text": "
|
|
176
|
+
"text": ""
|
|
176
177
|
},
|
|
177
|
-
"attribute": "
|
|
178
|
+
"attribute": "title-weight",
|
|
178
179
|
"reflect": false
|
|
179
180
|
}
|
|
180
181
|
}; }
|
|
@@ -26,12 +26,6 @@ export const PtcAnnouncement: {
|
|
|
26
26
|
new (): PtcAnnouncement;
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
interface PtcAvatar extends Components.PtcAvatar, HTMLElement {}
|
|
30
|
-
export const PtcAvatar: {
|
|
31
|
-
prototype: PtcAvatar;
|
|
32
|
-
new (): PtcAvatar;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
29
|
interface PtcBreadcrumb extends Components.PtcBreadcrumb, HTMLElement {}
|
|
36
30
|
export const PtcBreadcrumb: {
|
|
37
31
|
prototype: PtcBreadcrumb;
|
|
@@ -59,7 +59,7 @@ let IconAsset$1 = class extends HTMLElement$1 {
|
|
|
59
59
|
static get style() { return iconAssetCss; }
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:white;font-weight:700;font-size:12px;line-height:14px}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:white;font-weight:var(
|
|
62
|
+
const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:white;font-weight:700;font-size:12px;line-height:14px}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:white;font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-x-small) !important;line-height:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:#3DAB49;outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}";
|
|
63
63
|
|
|
64
64
|
let ListItem$1 = class extends HTMLElement$1 {
|
|
65
65
|
constructor() {
|
|
@@ -13613,21 +13613,7 @@ let PtcAnnouncement$1 = class extends HTMLElement$1 {
|
|
|
13613
13613
|
static get style() { return ptcAnnouncementCss; }
|
|
13614
13614
|
};
|
|
13615
13615
|
|
|
13616
|
-
const
|
|
13617
|
-
|
|
13618
|
-
let PtcAvatar$1 = class extends HTMLElement$1 {
|
|
13619
|
-
constructor() {
|
|
13620
|
-
super();
|
|
13621
|
-
this.__registerHost();
|
|
13622
|
-
this.__attachShadow();
|
|
13623
|
-
}
|
|
13624
|
-
render() {
|
|
13625
|
-
return (h(Host, null, h("slot", null)));
|
|
13626
|
-
}
|
|
13627
|
-
static get style() { return ptcAvatarCss; }
|
|
13628
|
-
};
|
|
13629
|
-
|
|
13630
|
-
const ptcBreadcrumbCss = ":host{display:block;margin-top:21px}::slotted(*){transform:translate(-3px, 0px)}@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm){::slotted(*){transform:translate(-3px, 4px)}}@-moz-document url-prefix(){::slotted(*){transform:translate(-3px, 0px)}}";
|
|
13616
|
+
const ptcBreadcrumbCss = ":host{display:block;margin-top:21px}::slotted(*){transform:translate(-2px, -2px)}";
|
|
13631
13617
|
|
|
13632
13618
|
let PtcBreadcrumb$1 = class extends HTMLElement$1 {
|
|
13633
13619
|
constructor() {
|
|
@@ -13790,7 +13776,7 @@ let PtcCard$1 = class extends HTMLElement$1 {
|
|
|
13790
13776
|
static get style() { return ptcCardCss; }
|
|
13791
13777
|
};
|
|
13792
13778
|
|
|
13793
|
-
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper,:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-
|
|
13779
|
+
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper,:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-05);z-index:2}:host(.card-playlist){flex:72% 2 1;align-self:center}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}";
|
|
13794
13780
|
|
|
13795
13781
|
let PtcCardBottom$1 = class extends HTMLElement$1 {
|
|
13796
13782
|
constructor() {
|
|
@@ -13800,17 +13786,17 @@ let PtcCardBottom$1 = class extends HTMLElement$1 {
|
|
|
13800
13786
|
}
|
|
13801
13787
|
render() {
|
|
13802
13788
|
const classMap = this.getCssClassMap();
|
|
13803
|
-
return (h(Host, { class: classMap }, h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
|
|
13789
|
+
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-bottom-wrapper" }, h("slot", null))));
|
|
13804
13790
|
}
|
|
13805
13791
|
getCssClassMap() {
|
|
13806
13792
|
return {
|
|
13807
|
-
[this.cardType]: this.cardType ? true : false
|
|
13793
|
+
[this.cardType]: this.cardType ? true : false,
|
|
13808
13794
|
};
|
|
13809
13795
|
}
|
|
13810
13796
|
static get style() { return ptcCardBottomCss; }
|
|
13811
13797
|
};
|
|
13812
13798
|
|
|
13813
|
-
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-
|
|
13799
|
+
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-05) 28px var(--ptc-element-spacing-05) var(--ptc-element-spacing-05);text-align:center}:host(.speed-bump-2){border:1px solid #6a6a6a;border-radius:12px;padding:var(--ptc-element-spacing-06) 20px;text-align:left}@media screen and (min-width: 768px){:host(.speed-bump){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-2up) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-x-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-x-large);top:0;left:0;background:transparent;z-index:1;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12);transition:background var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-2up) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-acceletated-ease)}:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}@media screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}}@media screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}";
|
|
13814
13800
|
|
|
13815
13801
|
let PtcCardContent$1 = class extends HTMLElement$1 {
|
|
13816
13802
|
constructor() {
|
|
@@ -13830,7 +13816,7 @@ let PtcCardContent$1 = class extends HTMLElement$1 {
|
|
|
13830
13816
|
}
|
|
13831
13817
|
render() {
|
|
13832
13818
|
const classMap = this.getCssClassMap();
|
|
13833
|
-
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
|
|
13819
|
+
return (h(Host, { class: classMap, onMouseEnter: this.hoverEventHandler.bind(this), onMouseLeave: this.leaveEventHandler.bind(this) }, this.styles && h("style", null, this.styles), h("div", { class: "ptc-card-content-wrapper" }, h("slot", null))));
|
|
13834
13820
|
}
|
|
13835
13821
|
getCssClassMap() {
|
|
13836
13822
|
return {
|
|
@@ -13877,7 +13863,7 @@ let PtcCountdown$1 = class extends HTMLElement$1 {
|
|
|
13877
13863
|
static get style() { return ptcCountdownCss; }
|
|
13878
13864
|
};
|
|
13879
13865
|
|
|
13880
|
-
const ptcDateCss = ":host{display:block}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}";
|
|
13866
|
+
const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-small)}:host(.medium) span{font-size:var(--ptc-font-size-medium)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}";
|
|
13881
13867
|
|
|
13882
13868
|
let PtcDate$1 = class extends HTMLElement$1 {
|
|
13883
13869
|
constructor() {
|
|
@@ -13903,6 +13889,10 @@ let PtcDate$1 = class extends HTMLElement$1 {
|
|
|
13903
13889
|
* examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
|
|
13904
13890
|
*/
|
|
13905
13891
|
this.country = "en-US";
|
|
13892
|
+
/**
|
|
13893
|
+
* Date Font Size
|
|
13894
|
+
*/
|
|
13895
|
+
this.dataSize = 'small';
|
|
13906
13896
|
}
|
|
13907
13897
|
render() {
|
|
13908
13898
|
// const newDate = new Date(this.year, this.month, this.day);
|
|
@@ -13911,7 +13901,8 @@ let PtcDate$1 = class extends HTMLElement$1 {
|
|
|
13911
13901
|
}
|
|
13912
13902
|
getCssClassMap() {
|
|
13913
13903
|
return {
|
|
13914
|
-
[this.dateColor]: !!this.dateColor ? true : false
|
|
13904
|
+
[this.dateColor]: !!this.dateColor ? true : false,
|
|
13905
|
+
[this.dataSize]: !!this.dataSize ? true : false
|
|
13915
13906
|
};
|
|
13916
13907
|
}
|
|
13917
13908
|
getDate() {
|
|
@@ -14065,7 +14056,7 @@ let PtcHero$1 = class extends HTMLElement$1 {
|
|
|
14065
14056
|
}
|
|
14066
14057
|
render() {
|
|
14067
14058
|
const classMap = this.getCssClassMap();
|
|
14068
|
-
return (h(Host, { class: classMap }, h("div", { class: "ptc-hero-wrapper" }, h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }), this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1
|
|
14059
|
+
return (h(Host, { class: classMap }, h("div", { class: "ptc-hero-wrapper" }, h("ptc-img", Object.assign({ "image-type": "smart-bg" }, (!!this.bgUrl ? { imgUrl: this.bgUrl } : {}), { "size-xs": "600x450", "size-sm": "1108x658", "size-md": "1920x1080", "size-lg": "2700x1500" }), this.heroType == 'jumbotron' ? ([h("ptc-overlay", { "filter-color": "black-1" }), h("ptc-overlay", { "filter-color": "black-2" })]) : this.heroType == 'footer-cta' ? (h("ptc-overlay", { "filter-color": "black-3" })) : null, h("slot", null)))));
|
|
14069
14060
|
}
|
|
14070
14061
|
getCssClassMap() {
|
|
14071
14062
|
return {
|
|
@@ -14355,13 +14346,15 @@ let PtcLottie$1 = class extends HTMLElement$1 {
|
|
|
14355
14346
|
static get style() { return ptcLottieCss; }
|
|
14356
14347
|
};
|
|
14357
14348
|
|
|
14358
|
-
const ptcModalCss = ":host{display:block}.wrapper{position:
|
|
14349
|
+
const ptcModalCss = ":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:0px 8px 12px rgba(0, 0, 0, 0.36);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity ease-out 250ms}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:0.75rem;margin-top:0.75rem}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}";
|
|
14359
14350
|
|
|
14360
14351
|
let PtcModal$1 = class extends HTMLElement$1 {
|
|
14361
14352
|
constructor() {
|
|
14362
14353
|
super();
|
|
14363
14354
|
this.__registerHost();
|
|
14364
14355
|
this.__attachShadow();
|
|
14356
|
+
this.closed = createEvent(this, "closed", 7);
|
|
14357
|
+
this.opened = createEvent(this, "opened", 7);
|
|
14365
14358
|
/**
|
|
14366
14359
|
* Sets if popup should close if click on outside
|
|
14367
14360
|
*/
|
|
@@ -14379,10 +14372,16 @@ let PtcModal$1 = class extends HTMLElement$1 {
|
|
|
14379
14372
|
*/
|
|
14380
14373
|
this.closeOnBlur = false;
|
|
14381
14374
|
}
|
|
14375
|
+
fireOnClosed(modal) {
|
|
14376
|
+
this.closed.emit(modal);
|
|
14377
|
+
}
|
|
14378
|
+
fireOnOpened(modal) {
|
|
14379
|
+
this.opened.emit(modal);
|
|
14380
|
+
}
|
|
14382
14381
|
componentWillLoad() {
|
|
14383
14382
|
let body = document.querySelector('body');
|
|
14384
14383
|
this.bodyOverflowSetting = {
|
|
14385
|
-
overflow: body.style['overflow'],
|
|
14384
|
+
//overflow: body.style['overflow'],
|
|
14386
14385
|
overflowY: body.style['overflowY'],
|
|
14387
14386
|
overflowX: body.style['overflowX'],
|
|
14388
14387
|
};
|
|
@@ -14391,17 +14390,30 @@ let PtcModal$1 = class extends HTMLElement$1 {
|
|
|
14391
14390
|
let body = document.querySelector('body');
|
|
14392
14391
|
if (body) {
|
|
14393
14392
|
if (this.show) {
|
|
14394
|
-
body.style['overflow'] = 'hidden';
|
|
14395
|
-
body.style['overflowY'] = '
|
|
14393
|
+
//body.style['overflow'] = 'hidden';
|
|
14394
|
+
body.style['overflowY'] = 'scroll';
|
|
14396
14395
|
body.style['overflowX'] = 'hidden';
|
|
14397
14396
|
}
|
|
14398
14397
|
else {
|
|
14399
|
-
body.style['overflow'] = this.bodyOverflowSetting.overflow;
|
|
14398
|
+
//body.style['overflow'] = this.bodyOverflowSetting.overflow;
|
|
14400
14399
|
body.style['overflowY'] = this.bodyOverflowSetting.overflowY;
|
|
14401
14400
|
body.style['overflowX'] = this.bodyOverflowSetting.overflowX;
|
|
14402
14401
|
}
|
|
14403
14402
|
}
|
|
14404
14403
|
}
|
|
14404
|
+
componentDidLoad() {
|
|
14405
|
+
if (this.show) {
|
|
14406
|
+
this.fireOnOpened(this);
|
|
14407
|
+
}
|
|
14408
|
+
}
|
|
14409
|
+
componentDidUpdate() {
|
|
14410
|
+
if (this.show) {
|
|
14411
|
+
this.fireOnOpened(this);
|
|
14412
|
+
}
|
|
14413
|
+
else {
|
|
14414
|
+
this.fireOnClosed(this);
|
|
14415
|
+
}
|
|
14416
|
+
}
|
|
14405
14417
|
resizeIframe(e) {
|
|
14406
14418
|
let iFrame = e.target;
|
|
14407
14419
|
setTimeout(() => {
|
|
@@ -14422,6 +14434,7 @@ let PtcModal$1 = class extends HTMLElement$1 {
|
|
|
14422
14434
|
render() {
|
|
14423
14435
|
let content;
|
|
14424
14436
|
let overlay;
|
|
14437
|
+
let type = this.iframeUrl ? 'frame' : 'html';
|
|
14425
14438
|
if (this.iframeUrl) {
|
|
14426
14439
|
content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
|
|
14427
14440
|
}
|
|
@@ -14436,7 +14449,7 @@ let PtcModal$1 = class extends HTMLElement$1 {
|
|
|
14436
14449
|
overlay = h("div", { class: "overlay" });
|
|
14437
14450
|
}
|
|
14438
14451
|
}
|
|
14439
|
-
return (h(Host, null, h("div", { class: `wrapper ${this.show ? "show" : "hide"}` }, overlay, h("div", { class: `modal-popup ${this.size}` }, h("div", { class: "close" }, h("a", { href: "#", onClick: (_) => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))), h("div", { class: "modal-body" }, content)))));
|
|
14452
|
+
return (h(Host, null, h("div", { class: `wrapper ${this.show ? "show" : "hide"}` }, overlay, h("div", { class: `modal-popup ${this.size} ${type}` }, h("div", { class: "close" }, h("a", { href: "#", onClick: (_) => this.close() }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, h("path", { d: "M1 1L13 13", stroke: "black" }), h("path", { d: "M13 1L1 13", stroke: "black" })))), h("div", { class: "modal-body" }, content)))));
|
|
14440
14453
|
}
|
|
14441
14454
|
get el() { return this; }
|
|
14442
14455
|
static get style() { return ptcModalCss; }
|
|
@@ -14545,7 +14558,7 @@ let PtcNavItem$1 = class extends HTMLElement$1 {
|
|
|
14545
14558
|
static get style() { return ptcNavItemCss; }
|
|
14546
14559
|
};
|
|
14547
14560
|
|
|
14548
|
-
const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, #197BC0 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, #D12C3A 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, #C37729 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, #00890B 100%)}:host(.black-1
|
|
14561
|
+
const ptcOverlayCss = ":host{display:block;position:absolute;top:0;left:0;width:100%;height:100%}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, #197BC0 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, #D12C3A 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, #C37729 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, #00890B 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}@media screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, #20262A 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, #20262A 100%)}}:host(.black-3){background:linear-gradient(180deg, #20262A 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, #617480 100%)}:host(.radius-sm){border-radius:var(--ptc-border-radius-small)}:host(.radius-md){border-radius:var(--ptc-border-radius-medium)}:host(.radius-lg){border-radius:var(--ptc-border-radius-large)}:host(.radius-x-lg){border-radius:var(--ptc-border-radius-x-large)}:host(.z-index-auto){z-index:auto}:host(.z-index-n-1){z-index:-1}:host(.z-index-n-2){z-index:-2}:host(.z-index-p-1){z-index:1}:host(.z-index-p-2){z-index:2}";
|
|
14549
14562
|
|
|
14550
14563
|
let PtcOverlay$1 = class extends HTMLElement$1 {
|
|
14551
14564
|
constructor() {
|
|
@@ -14571,7 +14584,7 @@ let PtcOverlay$1 = class extends HTMLElement$1 {
|
|
|
14571
14584
|
static get style() { return ptcOverlayCss; }
|
|
14572
14585
|
};
|
|
14573
14586
|
|
|
14574
|
-
const ptcParaCss = ":host{z-index:1}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}p.primary-grey{color:var(--color-primary-grey)}p.white{color:var(--color-white)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.font-size-15{font-size:var(--ptc-font-size-15)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03)}p.margin-top-4{margin-top:var(--ptc-element-spacing-04)}p.margin-top-5{margin-top:var(--ptc-element-spacing-05)}p.margin-top-6{margin-top:var(--ptc-element-spacing-06)}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03)}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04)}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05)}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-17{line-height:var(--ptc-line-height-17)}p.line-height-18{line-height:var(--ptc-line-height-18)}p.line-height-19{line-height:var(--ptc-line-height-19)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-secondary-grey);line-height:var(--ptc-line-height-looser);letter-spacing:1px}@media screen and (min-width: 992px){p.font-size-15{font-size:var(--ptc-font-size-medium)}}";
|
|
14587
|
+
const ptcParaCss = ":host{z-index:1}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}p.primary-grey{color:var(--color-primary-grey)}p.white{color:var(--color-white)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.font-size-15{font-size:var(--ptc-font-size-15)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-17{line-height:var(--ptc-line-height-17)}p.line-height-18{line-height:var(--ptc-line-height-18)}p.line-height-19{line-height:var(--ptc-line-height-19)}p.line-height-23{line-height:23px}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-secondary-grey);line-height:var(--ptc-line-height-looser);letter-spacing:1px}@media screen and (min-width: 992px){p.font-size-15{font-size:var(--ptc-font-size-medium)}}";
|
|
14575
14588
|
|
|
14576
14589
|
let PtcPara$1 = class extends HTMLElement$1 {
|
|
14577
14590
|
constructor() {
|
|
@@ -14848,7 +14861,7 @@ let PtcSocialShare$1 = class extends HTMLElement$1 {
|
|
|
14848
14861
|
window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`);
|
|
14849
14862
|
}
|
|
14850
14863
|
if (this.shareType == 'mail') {
|
|
14851
|
-
window.open(`mailto:${this.recipient}?subject=${this.text}`);
|
|
14864
|
+
window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`);
|
|
14852
14865
|
}
|
|
14853
14866
|
if (this.shareType == 'share-api') {
|
|
14854
14867
|
if (navigator.share) {
|
|
@@ -14867,10 +14880,11 @@ let PtcSocialShare$1 = class extends HTMLElement$1 {
|
|
|
14867
14880
|
}
|
|
14868
14881
|
}
|
|
14869
14882
|
}
|
|
14883
|
+
get el() { return this; }
|
|
14870
14884
|
static get style() { return ptcSocialShareCss; }
|
|
14871
14885
|
};
|
|
14872
14886
|
|
|
14873
|
-
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";
|
|
14887
|
+
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.ptc-spacer-xx-large){display:block}}";
|
|
14874
14888
|
|
|
14875
14889
|
let PtcSpacer$1 = class extends HTMLElement$1 {
|
|
14876
14890
|
constructor() {
|
|
@@ -14966,7 +14980,7 @@ let PtcSvgBtn$1 = class extends HTMLElement$1 {
|
|
|
14966
14980
|
static get style() { return ptcSvgBtnCss; }
|
|
14967
14981
|
};
|
|
14968
14982
|
|
|
14969
|
-
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title{font-weight:var(--ptc-font-weight-
|
|
14983
|
+
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold);font-size:50px;line-height:59px;color:var(--color-white)}div.is-plm-hub.sc-ptc-title h2.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-x-large);line-height:28px;color:var(--color-white)}div.is-plm-hub.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold);font-size:var(--ptc-font-size-large);line-height:23px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02)}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03)}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04)}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05)}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06)}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02)}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03)}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04)}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05)}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06)}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px 12px var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}";
|
|
14970
14984
|
|
|
14971
14985
|
let PtcTitle$1 = class extends HTMLElement$1 {
|
|
14972
14986
|
constructor() {
|
|
@@ -15010,7 +15024,8 @@ let PtcTitle$1 = class extends HTMLElement$1 {
|
|
|
15010
15024
|
[this.upperline]: true,
|
|
15011
15025
|
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
15012
15026
|
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
15013
|
-
[this.titleShadow]: !!this.titleShadow ? true : false
|
|
15027
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
15028
|
+
[this.titleWeight]: !!this.titleWeight ? true : false
|
|
15014
15029
|
};
|
|
15015
15030
|
}
|
|
15016
15031
|
static get style() { return ptcTitleCss; }
|
|
@@ -15021,15 +15036,14 @@ const ListItem = /*@__PURE__*/proxyCustomElement(ListItem$1, [1,"list-item",{"li
|
|
|
15021
15036
|
const LottiePlayer = /*@__PURE__*/proxyCustomElement(LottiePlayer$1, [1,"lottie-player",{"mode":[1],"autoplay":[4],"background":[513],"controls":[4],"count":[2],"direction":[2],"hover":[4],"loop":[516],"renderer":[1],"speed":[2],"src":[1],"currentState":[1,"current-state"],"seeker":[8],"intermission":[2]}]);
|
|
15022
15037
|
const MyComponent = /*@__PURE__*/proxyCustomElement(MyComponent$1, [1,"my-component",{"first":[1],"middle":[1],"last":[1]}]);
|
|
15023
15038
|
const PtcAnnouncement = /*@__PURE__*/proxyCustomElement(PtcAnnouncement$1, [1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"]}]);
|
|
15024
|
-
const PtcAvatar = /*@__PURE__*/proxyCustomElement(PtcAvatar$1, [1,"ptc-avatar"]);
|
|
15025
15039
|
const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb"]);
|
|
15026
15040
|
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1]}]);
|
|
15027
15041
|
const PtcCard = /*@__PURE__*/proxyCustomElement(PtcCard$1, [1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"styles":[1]}]);
|
|
15028
|
-
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"]}]);
|
|
15029
|
-
const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"]}]);
|
|
15042
|
+
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
15043
|
+
const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
15030
15044
|
const PtcCardPlm = /*@__PURE__*/proxyCustomElement(PtcCardPlm$1, [1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]);
|
|
15031
15045
|
const PtcCountdown = /*@__PURE__*/proxyCustomElement(PtcCountdown$1, [1,"ptc-countdown"]);
|
|
15032
|
-
const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"]}]);
|
|
15046
|
+
const PtcDate = /*@__PURE__*/proxyCustomElement(PtcDate$1, [1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"]}]);
|
|
15033
15047
|
const PtcFooter = /*@__PURE__*/proxyCustomElement(PtcFooter$1, [1,"ptc-footer"]);
|
|
15034
15048
|
const PtcForm = /*@__PURE__*/proxyCustomElement(PtcForm$1, [6,"ptc-form",{"value":[32],"inputValue":[32],"selectValue":[32]}]);
|
|
15035
15049
|
const PtcHero = /*@__PURE__*/proxyCustomElement(PtcHero$1, [1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]);
|
|
@@ -15038,7 +15052,7 @@ const PtcInput = /*@__PURE__*/proxyCustomElement(PtcInput$1, [6,"ptc-input",{"ty
|
|
|
15038
15052
|
const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]);
|
|
15039
15053
|
const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [2,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
|
|
15040
15054
|
const PtcLottie = /*@__PURE__*/proxyCustomElement(PtcLottie$1, [1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]);
|
|
15041
|
-
const PtcModal = /*@__PURE__*/proxyCustomElement(PtcModal$1, [1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"bodyOverflowSetting":[32]}]);
|
|
15055
|
+
const PtcModal = /*@__PURE__*/proxyCustomElement(PtcModal$1, [1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]);
|
|
15042
15056
|
const PtcNav = /*@__PURE__*/proxyCustomElement(PtcNav$1, [1,"ptc-nav"]);
|
|
15043
15057
|
const PtcNavItem = /*@__PURE__*/proxyCustomElement(PtcNavItem$1, [1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]);
|
|
15044
15058
|
const PtcOverlay = /*@__PURE__*/proxyCustomElement(PtcOverlay$1, [1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]);
|
|
@@ -15049,7 +15063,7 @@ const PtcSocialShare = /*@__PURE__*/proxyCustomElement(PtcSocialShare$1, [1,"ptc
|
|
|
15049
15063
|
const PtcSpacer = /*@__PURE__*/proxyCustomElement(PtcSpacer$1, [1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]);
|
|
15050
15064
|
const PtcSpan = /*@__PURE__*/proxyCustomElement(PtcSpan$1, [1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]);
|
|
15051
15065
|
const PtcSvgBtn = /*@__PURE__*/proxyCustomElement(PtcSvgBtn$1, [1,"ptc-svg-btn",{"svgName":[1,"svg-name"]}]);
|
|
15052
|
-
const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"
|
|
15066
|
+
const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"]}]);
|
|
15053
15067
|
const defineCustomElements = (opts) => {
|
|
15054
15068
|
if (typeof customElements !== 'undefined') {
|
|
15055
15069
|
[
|
|
@@ -15058,7 +15072,6 @@ const defineCustomElements = (opts) => {
|
|
|
15058
15072
|
LottiePlayer,
|
|
15059
15073
|
MyComponent,
|
|
15060
15074
|
PtcAnnouncement,
|
|
15061
|
-
PtcAvatar,
|
|
15062
15075
|
PtcBreadcrumb,
|
|
15063
15076
|
PtcButton,
|
|
15064
15077
|
PtcCard,
|
|
@@ -15095,4 +15108,4 @@ const defineCustomElements = (opts) => {
|
|
|
15095
15108
|
}
|
|
15096
15109
|
};
|
|
15097
15110
|
|
|
15098
|
-
export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcAnnouncement,
|
|
15111
|
+
export { IconAsset, ListItem, LottiePlayer, MyComponent, PtcAnnouncement, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardPlm, PtcCountdown, PtcDate, PtcFooter, PtcForm, PtcHero, PtcImg, PtcInput, PtcLink, PtcList, PtcLottie, PtcModal, PtcNav, PtcNavItem, PtcOverlay, PtcPara, PtcPicture, PtcSelect, PtcSocialShare, PtcSpacer, PtcSpan, PtcSvgBtn, PtcTitle, defineCustomElements };
|