@ptcwebops/ptcw-design 4.6.9 → 4.7.0
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/loader.cjs.js +1 -1
- package/dist/cjs/ptc-info-tile.cjs.entry.js +3 -2
- package/dist/cjs/ptc-nav-card.cjs.entry.js +3 -3
- package/dist/cjs/ptc-overlay.cjs.entry.js +1 -1
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -1
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +26 -10
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.css +0 -1
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +19 -1
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +50 -165
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +2 -2
- package/dist/collection/components/ptc-overlay/ptc-overlay.css +8 -0
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +2 -2
- package/dist/collection/components/ptc-picture/ptc-picture.css +8 -0
- package/dist/collection/components/ptc-picture/ptc-picture.js +2 -2
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +34 -10
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +18 -2
- package/dist/collection/stories/Breadcrumb.stories.js +8 -2
- package/dist/collection/stories/Overlay.stories.js +5 -10
- package/dist/collection/stories/TextCopyWithBackground.stories.js +5 -5
- package/dist/custom-elements/index.js +37 -20
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-info-tile.entry.js +3 -2
- package/dist/esm/ptc-nav-card.entry.js +3 -3
- package/dist/esm/ptc-overlay.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-sticky-section.entry.js +26 -10
- package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/{p-0d2036aa.entry.js → p-2a3735a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-8687424d.entry.js → p-4335d7f3.entry.js} +1 -1
- package/dist/ptcw-design/p-496ea175.entry.js +1 -0
- package/dist/ptcw-design/p-542b6730.entry.js +1 -0
- package/dist/ptcw-design/p-7875f1de.entry.js +1 -0
- package/dist/ptcw-design/{p-17f2c9a5.entry.js → p-794eebdb.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +4 -0
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +1 -1
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +1 -1
- package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +3 -0
- package/dist/types/components.d.ts +12 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-2b45b978.entry.js +0 -1
- package/dist/ptcw-design/p-2ee1c89a.entry.js +0 -1
- package/dist/ptcw-design/p-c365ff37.entry.js +0 -1
- package/dist/types/utils/eloqua.d.ts +0 -9
|
@@ -120,6 +120,14 @@ img {
|
|
|
120
120
|
border-radius: var(--ptc-border-radius-large);
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
+
.radius-pill {
|
|
124
|
+
border-radius: var(--ptc-border-radius-pill);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.radius-circle {
|
|
128
|
+
border-radius: var(--ptc-border-radius-circle);
|
|
129
|
+
}
|
|
130
|
+
|
|
123
131
|
.is-full-height {
|
|
124
132
|
height: 100%;
|
|
125
133
|
}
|
|
@@ -309,8 +309,8 @@ export class PtcPicture {
|
|
|
309
309
|
"type": "string",
|
|
310
310
|
"mutable": false,
|
|
311
311
|
"complexType": {
|
|
312
|
-
"original": "'radius-standard' | 'radius-large'",
|
|
313
|
-
"resolved": "\"radius-large\" | \"radius-standard\"",
|
|
312
|
+
"original": "'radius-standard' | 'radius-large' | 'radius-pill' | 'radius-circle'",
|
|
313
|
+
"resolved": "\"radius-circle\" | \"radius-large\" | \"radius-pill\" | \"radius-standard\"",
|
|
314
314
|
"references": {}
|
|
315
315
|
},
|
|
316
316
|
"required": false,
|
|
@@ -1,17 +1,32 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
2
|
export class PtcStickySection {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.hasPreloader = false;
|
|
5
|
+
}
|
|
3
6
|
componentDidLoad() {
|
|
7
|
+
if (this.stickyEl.classList.contains('sticky')) {
|
|
8
|
+
this.stickyEl.classList.remove('sticky');
|
|
9
|
+
}
|
|
4
10
|
let that = this;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
11
|
+
if (this.hasPreloader) {
|
|
12
|
+
setTimeout(() => {
|
|
13
|
+
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
14
|
+
that.originalPosition = this.elPosition(that.stickyEl);
|
|
15
|
+
window.addEventListener('scroll', that.handleScroll);
|
|
16
|
+
}, 3100);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
21
|
+
that.originalPosition = that.stickyEl.offsetTop;
|
|
22
|
+
window.addEventListener('scroll', that.handleScroll);
|
|
23
|
+
}, 1500);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
elPosition(element) {
|
|
27
|
+
const rect = element.getBoundingClientRect();
|
|
28
|
+
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
29
|
+
return rect.top + scrollTop;
|
|
15
30
|
}
|
|
16
31
|
disconnectedCallback() {
|
|
17
32
|
window.removeEventListener('scroll', this.handleScroll);
|
|
@@ -26,6 +41,9 @@ export class PtcStickySection {
|
|
|
26
41
|
}
|
|
27
42
|
}
|
|
28
43
|
}
|
|
44
|
+
handleResize() {
|
|
45
|
+
this.handleScroll();
|
|
46
|
+
}
|
|
29
47
|
render() {
|
|
30
48
|
return (h(Host, null, h("div", { class: "stickyEl", ref: el => (this.stickyEl = el) }, h("slot", null))));
|
|
31
49
|
}
|
|
@@ -49,6 +67,12 @@ export class PtcStickySection {
|
|
|
49
67
|
"target": "window",
|
|
50
68
|
"capture": false,
|
|
51
69
|
"passive": true
|
|
70
|
+
}, {
|
|
71
|
+
"name": "resize",
|
|
72
|
+
"method": "handleResize",
|
|
73
|
+
"target": "window",
|
|
74
|
+
"capture": false,
|
|
75
|
+
"passive": true
|
|
52
76
|
}];
|
|
53
77
|
}
|
|
54
78
|
}
|
package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css
CHANGED
|
@@ -179,8 +179,24 @@ ptc-link, ptc-square-card,
|
|
|
179
179
|
|
|
180
180
|
:host(.bottom-right) .tcb-top-slit {
|
|
181
181
|
top: auto;
|
|
182
|
-
bottom:
|
|
183
|
-
transform: scale(1.5, 1
|
|
182
|
+
bottom: -1px;
|
|
183
|
+
transform: scale(1.5, 1);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
:host(.bottom-left) .tcb-top-slit {
|
|
187
|
+
top: auto;
|
|
188
|
+
bottom: -1px;
|
|
189
|
+
transform: scale(1.5, 1) scaleX(-1);
|
|
190
|
+
left: 80px;
|
|
191
|
+
right: auto;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
:host(.top-left) .tcb-top-slit {
|
|
195
|
+
top: -1px;
|
|
196
|
+
bottom: auto;
|
|
197
|
+
transform: scale(1.5, 1) rotate(180deg);
|
|
198
|
+
left: 80px;
|
|
199
|
+
right: auto;
|
|
184
200
|
}
|
|
185
201
|
|
|
186
202
|
:host(.case-studies) {
|
|
@@ -12,7 +12,7 @@ export default {
|
|
|
12
12
|
// },
|
|
13
13
|
position: {
|
|
14
14
|
control: 'select',
|
|
15
|
-
options: ['left', 'center', 'right'],
|
|
15
|
+
options: ['left', 'center', 'right'],
|
|
16
16
|
description: 'breadcrumb position',
|
|
17
17
|
defaultValue: { summary: 'undefined' }
|
|
18
18
|
},
|
|
@@ -21,6 +21,12 @@ export default {
|
|
|
21
21
|
description: 'remove topMargin',
|
|
22
22
|
defaultValue: { summary: 'false' }
|
|
23
23
|
},
|
|
24
|
+
color: {
|
|
25
|
+
control: 'select',
|
|
26
|
+
description: 'Color',
|
|
27
|
+
defaultValue: { summary: 'white' },
|
|
28
|
+
options: [ 'black', 'white', 'ptc-green', 'gray', 'light-gray', 'primary-gray', 'default', 'inherit' ]
|
|
29
|
+
},
|
|
24
30
|
// styles: {
|
|
25
31
|
// control: '',
|
|
26
32
|
// description: '(optional) Injected CSS styles',
|
|
@@ -48,4 +54,4 @@ Example.args = {
|
|
|
48
54
|
position: 'undefined',
|
|
49
55
|
removeTopMargin: 'false',
|
|
50
56
|
// styles: 'undefined'
|
|
51
|
-
}
|
|
57
|
+
}
|
|
@@ -6,7 +6,7 @@ export default {
|
|
|
6
6
|
argTypes: {
|
|
7
7
|
borderRadius: {
|
|
8
8
|
control: 'select',
|
|
9
|
-
options: [
|
|
9
|
+
options: ['radius-standard', 'radius-large', 'radius-pill', 'radius-circle'],
|
|
10
10
|
description: 'Overlay border shape',
|
|
11
11
|
defaultValue: { summary: 'undefined' }
|
|
12
12
|
},
|
|
@@ -21,23 +21,18 @@ export default {
|
|
|
21
21
|
options: ["z-index-auto", "z-index-n-1", "z-index-n-2", "z-index-p-1", "z-index-p-2"],
|
|
22
22
|
description: 'Overlay z-index',
|
|
23
23
|
defaultValue: { summary: 'z-index-auto' }
|
|
24
|
-
}
|
|
25
|
-
// styles: {
|
|
26
|
-
// control: '',
|
|
27
|
-
// description: 'Injected Styles',
|
|
28
|
-
// defaultValue: { summary: 'undefined' }
|
|
29
|
-
// }
|
|
24
|
+
}
|
|
30
25
|
}
|
|
31
26
|
};
|
|
32
27
|
|
|
33
|
-
const Template = args => { return html `<ptc-picture alt="image-test" border-radius
|
|
28
|
+
const Template = args => { return html `<ptc-picture alt="image-test" border-radius=${args.borderRadius} image-position="relative" src="https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data">
|
|
34
29
|
<ptc-overlay
|
|
35
30
|
border-radius=${args.borderRadius}
|
|
36
31
|
filter-color=${args.filterColor}
|
|
37
32
|
overlay-z-index=${args.overlayZIndex}
|
|
38
33
|
styles=${args.styles}
|
|
39
34
|
></ptc-overlay>
|
|
40
|
-
</ptc-picture>`;}
|
|
35
|
+
</ptc-picture> <style>ptc-picture{ display: inline-block}</style>`;}
|
|
41
36
|
|
|
42
37
|
export const Example = Template.bind({});
|
|
43
38
|
|
|
@@ -46,4 +41,4 @@ Example.args = {
|
|
|
46
41
|
filterColor: 'green',
|
|
47
42
|
overlayZIndex: 'z-index-auto',
|
|
48
43
|
// styles: 'undefined'
|
|
49
|
-
}
|
|
44
|
+
}
|
|
@@ -27,9 +27,9 @@ export default {
|
|
|
27
27
|
slitPosition: {
|
|
28
28
|
control: 'select',
|
|
29
29
|
options: [
|
|
30
|
-
|
|
31
|
-
"bottom-right",
|
|
32
|
-
|
|
30
|
+
"bottom-left",
|
|
31
|
+
"bottom-right",
|
|
32
|
+
"top-left",
|
|
33
33
|
"top-right"
|
|
34
34
|
],
|
|
35
35
|
description: '(optional) topSlitPosition: It will decide the position of .',
|
|
@@ -184,7 +184,7 @@ const TabCTAWithBackgroundImageTemplate = args => { return html `<ptc-text-copy-
|
|
|
184
184
|
<ptc-button type="link" color="ptc-secondary" link-href="https://www.ptc.com"
|
|
185
185
|
target="_blank">Explore the Solution
|
|
186
186
|
</ptc-button>
|
|
187
|
-
</div>
|
|
187
|
+
</div>
|
|
188
188
|
</div>
|
|
189
189
|
</div>
|
|
190
190
|
</ptc-text-copy-with-background>`;}
|
|
@@ -235,4 +235,4 @@ CaseStudiesSliderCtaWithBackgroundImage.args = {
|
|
|
235
235
|
slitPosition: 'bottom-right',
|
|
236
236
|
topSlitBackgroundColor: 'white',
|
|
237
237
|
type: 'case-studies'
|
|
238
|
-
}
|
|
238
|
+
}
|
|
@@ -18533,7 +18533,7 @@ const PtcImg$1 = class extends HTMLElement$1 {
|
|
|
18533
18533
|
static get style() { return ptcImgCss; }
|
|
18534
18534
|
};
|
|
18535
18535
|
|
|
18536
|
-
const ptcInfoTileCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}@media screen and (min-width: 992px){:host{flex:1}}.tile{position:relative;background-color:white;border-radius:8px;overflow:hidden;cursor:pointer;transition:border 0.3s;max-width:360px;height:116px}.tile.image{width:299px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:stretch;margin:0 auto;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);max-width:unset;height:100%;min-height:140px}@media screen and (min-width: 992px){.tile.image{width:unset;min-width:299px}}@media screen and (min-width: 1440px){.tile.image{min-height:116px}}.tile.image .tile-image{flex:0 0 120px;display:flex;align-items:center;overflow:hidden}.tile.image .tile-content{border-bottom:2px solid var(--color-white);background:#FFF;
|
|
18536
|
+
const ptcInfoTileCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}@media screen and (min-width: 992px){:host{flex:1}}.tile{position:relative;background-color:white;border-radius:8px;overflow:hidden;cursor:pointer;transition:border 0.3s;max-width:360px;height:116px}.tile.image{width:299px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:stretch;margin:0 auto;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);max-width:unset;height:100%;min-height:140px}@media screen and (min-width: 992px){.tile.image{width:unset;min-width:299px}}@media screen and (min-width: 1440px){.tile.image{min-height:116px}}.tile.image .tile-image{flex:0 0 120px;display:flex;align-items:center;overflow:hidden}.tile.image .tile-content{border-bottom:2px solid var(--color-white);background:#FFF;text-align:left;flex:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.tile.image:hover .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:#FFF}.tile.image:active .tile-content,.tile.image:focus .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:var(--Gray-1, #F6F6F6)}.tile.text{background-color:var(--color-white);border:1px solid var(--color-gray-03);width:268px}.tile.text:hover{border:1px solid var(--color-gray-07)}.tile.text:focus,.tile.text:active{background-color:var(--color-gray-01);border:1px solid var(--color-gray-07)}.tile h3{margin:0;font-size:1.2em}.tile p{margin:0.5em 0 0;color:#666}.tile .link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.tile .tile-content{padding:16px}.tile .tile-content h3{color:var(--color-blue-07);font-family:Raleway;font-size:14px;font-weight:500}.tile .tile-content p{color:var(--color-gray-10);font-family:Raleway;font-size:16px;font-weight:700;line-height:24px;}::slotted(img[slot=tile-image]){width:120px !important;height:100% !important;object-fit:cover;display:block;max-height:100%;position:absolute}::slotted(h3[slot=tile-title]){color:var(--color-blue-07) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-medium) !important;text-align:left !important;margin:0px !important}::slotted(p[slot=tile-description]){color:var(--color-gray-10) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-x-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;text-align:left !important;margin-bottom:0px !important}";
|
|
18537
18537
|
|
|
18538
18538
|
const PtcInfoTile$1 = class extends HTMLElement$1 {
|
|
18539
18539
|
constructor() {
|
|
@@ -18543,13 +18543,14 @@ const PtcInfoTile$1 = class extends HTMLElement$1 {
|
|
|
18543
18543
|
this.tileClick = createEvent(this, "tileClick", 7);
|
|
18544
18544
|
this.link = undefined;
|
|
18545
18545
|
this.variant = undefined;
|
|
18546
|
+
this.styles = undefined;
|
|
18546
18547
|
}
|
|
18547
18548
|
handleClick() {
|
|
18548
18549
|
this.tileClick.emit();
|
|
18549
18550
|
}
|
|
18550
18551
|
render() {
|
|
18551
18552
|
const content = (h$1("div", { class: "tile-content" }, h$1("h3", null, h$1("slot", { name: "tile-title" })), h$1("p", null, h$1("slot", { name: "tile-description" }))));
|
|
18552
|
-
return (h$1(Host, null, h$1("div", { class: `tile ${this.variant}`, onClick: () => this.handleClick() }, this.variant === 'image' && h$1("div", { class: "tile-image" }, h$1("slot", { name: "tile-image" })), content, this.link &&
|
|
18553
|
+
return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: `tile ${this.variant}`, onClick: () => this.handleClick() }, this.variant === 'image' && (h$1("div", { class: "tile-image" }, h$1("slot", { name: "tile-image" }))), content, this.link && h$1("a", { href: this.link, class: "link-overlay" }))));
|
|
18553
18554
|
}
|
|
18554
18555
|
static get style() { return ptcInfoTileCss; }
|
|
18555
18556
|
};
|
|
@@ -19867,7 +19868,7 @@ const PtcMultiSelect$1 = class extends HTMLElement$1 {
|
|
|
19867
19868
|
static get style() { return ptcMultiSelectCss; }
|
|
19868
19869
|
};
|
|
19869
19870
|
|
|
19870
|
-
const ptcNavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:flex;height:100%;width:100%;position:relative}:host .nav-card-wrap{
|
|
19871
|
+
const ptcNavCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:flex;height:100%;width:100%;position:relative}:host .nav-card-wrap{display:flex;align-items:center;width:100%;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}@media only screen and (min-width: 1200px){:host .nav-card-wrap{background-color:var(--color-gray-10)}:host .nav-card-wrap:hover{background-color:var(--color-gray-08)}}:host .nav-card-wrap h4,:host .nav-card-wrap p,:host .nav-card-wrap a{color:var(--color-white);margin:0;text-decoration:none}:host .nav-card-wrap .media-card-wrap{padding:1rem 1.5rem 1.125rem 1.5rem;width:100%;height:100%;display:flex;align-items:center}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap{padding:1rem}}:host .nav-card-wrap .media-card-wrap h4{margin-bottom:0.25rem;font-weight:800;display:flex;align-items:center;font-size:var(--ptc-font-size-medium);word-break:break-word}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap h4{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap p{font-size:var(--ptc-font-size-xxx-small)}}:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1.5rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo{padding-right:1rem}}:host .nav-card-wrap .media-card-wrap .card-logo img{width:100%;max-width:2rem;min-width:2rem}@media only screen and (min-width: 1200px){:host .nav-card-wrap .media-card-wrap .card-logo img{max-width:1.5rem;min-width:1.5rem}}:host(.media-card) .nav-card-wrap{min-height:99px;box-sizing:border-box}@media only screen and (min-width: 1200px){:host(.media-card) .nav-card-wrap{min-height:80px}}:host(.cta-card) .nav-card-wrap{border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-09);min-height:99px;box-sizing:border-box;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.cta-card) .nav-card-wrap{min-height:80px;background-color:transparent}}:host(.cta-card) .nav-card-wrap:hover{background-color:var(--color-gray-08)}:host(.cta-card) .nav-card-wrap .card-content{margin:auto}:host(.cta-card) .nav-card-wrap .card-content h4{margin:0}:host(.cta-card) .nav-card-wrap .card-content svg{vertical-align:middle;margin-left:0.375rem}:host(.links-card) .nav-card-wrap{background-color:transparent;align-items:flex-start;padding:1rem 1.5rem 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-07);border-radius:0;margin:0 -1.5rem;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap{margin:0;padding:1.5rem;border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}}:host(.links-card) .nav-card-wrap:hover{background-color:transparent}:host(.links-card) .nav-card-wrap h3{margin:0 0 8px 0;display:inline-block;font-weight:800;font-size:20px;color:var(--color-white)}@media only screen and (min-width: 1200px){:host(.links-card) .nav-card-wrap h3{font-size:15px;margin:0 0 10px 0}}:host(.links-card) .nav-card-wrap h3 svg{margin-left:0.375rem;vertical-align:middle}:host(.links-card) .nav-card-wrap h3 a{border-bottom:1.5px solid transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.links-card) .nav-card-wrap h3 a:hover{border-color:var(--color-green-06)}:host(.links-card) ::slotted(ptc-link){padding:8px 0;line-height:14px}@media only screen and (min-width: 1200px){:host(.links-card) ::slotted(ptc-link){padding:6px 0}}";
|
|
19871
19872
|
|
|
19872
19873
|
const PtcNavCard$1 = class extends HTMLElement$1 {
|
|
19873
19874
|
constructor() {
|
|
@@ -19899,9 +19900,9 @@ const PtcNavCard$1 = class extends HTMLElement$1 {
|
|
|
19899
19900
|
render() {
|
|
19900
19901
|
return (h$1(Host, { class: this.cardType }, h$1("div", { class: "nav-card-wrap" }, this.cardType == 'links-card' ?
|
|
19901
19902
|
h$1("div", { class: "links-card-wrap" }, h$1("h3", null, (this.cardHref && !(this.cardHref.startsWith('#'))) ?
|
|
19902
|
-
(h$1("a", { href: this.cardHref, title: this.linkTitle
|
|
19903
|
+
(h$1("a", { href: this.cardHref, title: this.linkTitle }, this.heading, h$1("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" })))) : (this.heading)), h$1("slot", null))
|
|
19903
19904
|
:
|
|
19904
|
-
h$1("a", { href: this.cardHref, title: this.linkTitle,
|
|
19905
|
+
h$1("a", { href: this.cardHref, title: this.linkTitle, class: "media-card-wrap" }, this.cardLogo &&
|
|
19905
19906
|
h$1("div", { class: "card-logo" }, h$1("img", { src: this.cardLogo, alt: this.logoAlt })), h$1("div", { class: "card-content" }, h$1("h4", null, this.heading, this.cardType == "cta-card" &&
|
|
19906
19907
|
h$1("svg", { width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("path", { d: "M6.3125 0.3125L6.3125 3.66515L-1.46549e-07 3.66515L-2.63246e-07 6.33487L6.3125 6.33487L6.3125 9.6875L11.25 4.96896L6.3125 0.3125Z", fill: "#3DAB49" }))), this.description &&
|
|
19907
19908
|
h$1("p", null, this.description))))));
|
|
@@ -20469,7 +20470,7 @@ const PtcOfficeLocations$1 = class extends HTMLElement$1 {
|
|
|
20469
20470
|
static get style() { return ptcOfficeLocationsCss; }
|
|
20470
20471
|
};
|
|
20471
20472
|
|
|
20472
|
-
const ptcOverlayCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}:host(.hp-red){background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-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}";
|
|
20473
|
+
const ptcOverlayCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.2) 0%, var(--color-blue-07) 100%)}:host(.red){background:linear-gradient(180deg, rgba(209, 44, 58, 0.2) 0%, var(--color-red-07) 100%)}:host(.orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.2) 0%, var(--color-orange-07) 100%)}:host(.green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.2) 0%, var(--color-green-07) 100%)}:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0.32) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}:host(.black-4){background:rgba(0, 0, 0, 0.66)}:host(.black-5){background:rgba(0, 0, 0, 0.76)}@media only screen and (min-width: 768px){:host(.black-1){background:linear-gradient(270deg, rgba(32, 38, 42, 0) 33.33%, var(--color-gray-12) 100%)}:host(.black-2){background:linear-gradient(180deg, rgba(32, 38, 42, 0) 0%, var(--color-gray-12) 100%)}}:host(.black-3){background:linear-gradient(180deg, var(--color-gray-12) 0%, rgba(32, 38, 42, 0.55) 100%)}:host(.slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.2) 0%, var(--color-gray-07) 100%)}:host(.bright-blue){background:linear-gradient(180deg, rgba(25, 123, 192, 0.72) 0%, rgba(25, 123, 192, 0.85) 69.27%, rgba(25, 123, 192, 0.4) 100%)}:host(.bright-red){background:linear-gradient(180deg, rgba(211, 62, 62, 0.72) 0%, rgba(211, 62, 62, 0.85) 69.27%, rgba(211, 62, 62, 0.4) 100%)}:host(.bright-orange){background:linear-gradient(180deg, rgba(195, 119, 41, 0.72) 0%, rgba(195, 119, 41, 0.85) 69.27%, rgba(195, 119, 41, 0.4) 100%)}:host(.bright-green){background:linear-gradient(180deg, rgba(0, 137, 11, 0.72) 0%, rgba(0, 137, 11, 0.85) 69.27%, rgba(0, 137, 11, 0.4) 100%)}:host(.bright-slate-grey){background:linear-gradient(180deg, rgba(97, 116, 128, 0.72) 0%, rgba(97, 116, 128, 0.85) 69.27%, rgba(97, 116, 128, 0.4) 100%)}:host(.solid-black-1){background:rgba(16, 19, 20, 0.85)}:host(.solid-black-2){background:rgba(16, 19, 20, 0.7)}:host(.hp-blue){background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}:host(.hp-green){background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}:host(.hp-red){background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}:host(.hp-gray){background:linear-gradient(180deg, #617480 0%, #819099 100%)}:host(.hp-orange){background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}:host(.transparent){background:linear-gradient(180deg, transparent 0%, transparent 100%)}:host(.radius-standard){border-radius:var(--ptc-border-radius-standard)}:host(.radius-large){border-radius:var(--ptc-border-radius-large)}:host(.radius-pill){border-radius:var(--ptc-border-radius-pill)}:host(.radius-circle){border-radius:var(--ptc-border-radius-circle)}: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}";
|
|
20473
20474
|
|
|
20474
20475
|
const PtcOverlay$1 = class extends HTMLElement$1 {
|
|
20475
20476
|
constructor() {
|
|
@@ -20874,7 +20875,7 @@ const PtcPara$1 = class extends HTMLElement$1 {
|
|
|
20874
20875
|
static get style() { return ptcParaCss; }
|
|
20875
20876
|
};
|
|
20876
20877
|
|
|
20877
|
-
const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
|
|
20878
|
+
const ptcPictureCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-pill{border-radius:var(--ptc-border-radius-pill)}.radius-circle{border-radius:var(--ptc-border-radius-circle)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
|
|
20878
20879
|
|
|
20879
20880
|
const PtcPicture$1 = class extends HTMLElement$1 {
|
|
20880
20881
|
constructor() {
|
|
@@ -23599,19 +23600,32 @@ const PtcStickySection$1 = class extends HTMLElement$1 {
|
|
|
23599
23600
|
super();
|
|
23600
23601
|
this.__registerHost();
|
|
23601
23602
|
this.__attachShadow();
|
|
23603
|
+
this.hasPreloader = false;
|
|
23602
23604
|
}
|
|
23603
23605
|
componentDidLoad() {
|
|
23606
|
+
if (this.stickyEl.classList.contains('sticky')) {
|
|
23607
|
+
this.stickyEl.classList.remove('sticky');
|
|
23608
|
+
}
|
|
23604
23609
|
let that = this;
|
|
23605
|
-
|
|
23606
|
-
|
|
23607
|
-
|
|
23608
|
-
|
|
23609
|
-
|
|
23610
|
-
|
|
23611
|
-
|
|
23612
|
-
|
|
23613
|
-
|
|
23614
|
-
|
|
23610
|
+
if (this.hasPreloader) {
|
|
23611
|
+
setTimeout(() => {
|
|
23612
|
+
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
23613
|
+
that.originalPosition = this.elPosition(that.stickyEl);
|
|
23614
|
+
window.addEventListener('scroll', that.handleScroll);
|
|
23615
|
+
}, 3100);
|
|
23616
|
+
}
|
|
23617
|
+
else {
|
|
23618
|
+
setTimeout(() => {
|
|
23619
|
+
that.stickyEl = that.el.shadowRoot.querySelector('.stickyEl');
|
|
23620
|
+
that.originalPosition = that.stickyEl.offsetTop;
|
|
23621
|
+
window.addEventListener('scroll', that.handleScroll);
|
|
23622
|
+
}, 1500);
|
|
23623
|
+
}
|
|
23624
|
+
}
|
|
23625
|
+
elPosition(element) {
|
|
23626
|
+
const rect = element.getBoundingClientRect();
|
|
23627
|
+
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
|
23628
|
+
return rect.top + scrollTop;
|
|
23615
23629
|
}
|
|
23616
23630
|
disconnectedCallback() {
|
|
23617
23631
|
window.removeEventListener('scroll', this.handleScroll);
|
|
@@ -23626,6 +23640,9 @@ const PtcStickySection$1 = class extends HTMLElement$1 {
|
|
|
23626
23640
|
}
|
|
23627
23641
|
}
|
|
23628
23642
|
}
|
|
23643
|
+
handleResize() {
|
|
23644
|
+
this.handleScroll();
|
|
23645
|
+
}
|
|
23629
23646
|
render() {
|
|
23630
23647
|
return (h$1(Host, null, h$1("div", { class: "stickyEl", ref: el => (this.stickyEl = el) }, h$1("slot", null))));
|
|
23631
23648
|
}
|
|
@@ -24057,7 +24074,7 @@ const Tabs = class extends HTMLElement$1 {
|
|
|
24057
24074
|
static get style() { return ptcTabsCss; }
|
|
24058
24075
|
};
|
|
24059
24076
|
|
|
24060
|
-
const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:
|
|
24077
|
+
const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}:host(.hero-footer-cta){padding:var(--ptc-layout-spacing-05) 0}@media only screen and (min-width: 768px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-01)) 0}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:300px;padding:var(--ptc-layout-spacing-02)}:host(.tab-cta-with-background) .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;display:none;border-radius:4px}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){min-height:400px}:host(.tab-cta-with-background) .copy-bg-image{display:block}}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-element-spacing-09)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1)}:host(.bottom-left) .tcb-top-slit{top:auto;bottom:-1px;transform:scale(1.5, 1) scaleX(-1);left:80px;right:auto}:host(.top-left) .tcb-top-slit{top:-1px;bottom:auto;transform:scale(1.5, 1) rotate(180deg);left:80px;right:auto}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:\"\";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:\"\";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}:host(.bg-image-absent){padding:0rem}";
|
|
24061
24078
|
|
|
24062
24079
|
const PtcTextCopyWithBackground$1 = class extends HTMLElement$1 {
|
|
24063
24080
|
constructor() {
|
|
@@ -29164,7 +29181,7 @@ const PtcIconList = /*@__PURE__*/proxyCustomElement(PtcIconList$1, [1,"ptc-icon-
|
|
|
29164
29181
|
const PtcIconMinimize = /*@__PURE__*/proxyCustomElement(PtcIconMinimize$1, [1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"listType":[1,"list-type"],"dataRefineValue":[1,"data-refine-value"],"timeStamp":[32]}]);
|
|
29165
29182
|
const PtcImageDownloadStrip = /*@__PURE__*/proxyCustomElement(PtcImageDownloadStrip$1, [1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]);
|
|
29166
29183
|
const PtcImg = /*@__PURE__*/proxyCustomElement(PtcImg$1, [4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]);
|
|
29167
|
-
const PtcInfoTile = /*@__PURE__*/proxyCustomElement(PtcInfoTile$1, [1,"ptc-info-tile",{"link":[1],"variant":[1]}]);
|
|
29184
|
+
const PtcInfoTile = /*@__PURE__*/proxyCustomElement(PtcInfoTile$1, [1,"ptc-info-tile",{"link":[1],"variant":[1],"styles":[1]}]);
|
|
29168
29185
|
const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"isHomepage":[4,"is-homepage"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"buttonLocation":[1,"button-location"],"isTransitioning":[4,"is-transitioning"],"styles":[1],"hasCtaSlot":[1028,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
29169
29186
|
const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"seoCompatibilityMode":[4,"seo-compatibility-mode"],"styles":[1]}]);
|
|
29170
29187
|
const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
|
|
@@ -29223,7 +29240,7 @@ const PtcSpacer = /*@__PURE__*/proxyCustomElement(PtcSpacer$1, [1,"ptc-spacer",{
|
|
|
29223
29240
|
const PtcSpan = /*@__PURE__*/proxyCustomElement(PtcSpan$1, [1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]);
|
|
29224
29241
|
const PtcSquareCard = /*@__PURE__*/proxyCustomElement(PtcSquareCard$1, [1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]);
|
|
29225
29242
|
const PtcStickyIcons = /*@__PURE__*/proxyCustomElement(PtcStickyIcons$1, [1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]);
|
|
29226
|
-
const PtcStickySection = /*@__PURE__*/proxyCustomElement(PtcStickySection$1, [1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]);
|
|
29243
|
+
const PtcStickySection = /*@__PURE__*/proxyCustomElement(PtcStickySection$1, [1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"],[9,"resize","handleResize"]]]);
|
|
29227
29244
|
const PtcStickyTitle = /*@__PURE__*/proxyCustomElement(PtcStickyTitle$1, [1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]);
|
|
29228
29245
|
const PtcSubnav = /*@__PURE__*/proxyCustomElement(PtcSubnav$1, [1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]);
|
|
29229
29246
|
const PtcSubnavCard = /*@__PURE__*/proxyCustomElement(PtcSubnavCard$1, [1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"],"target":[1]}]);
|