@ptcwebops/ptcw-design 3.3.4 → 3.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/embedded-form_9.cjs.entry.js +26 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +32 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +3 -3
- package/dist/cjs/ptc-para.cjs.entry.js +3 -12
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/{utils-1b81e541.js → utils-83c6d7a7.js} +7 -0
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +1 -1
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +1 -1
- package/dist/collection/components/ptc-button/ptc-button.js +40 -1
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +19 -1
- package/dist/collection/components/ptc-link/ptc-link.js +50 -1
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +3 -3
- package/dist/collection/components/ptc-para/ptc-para.js +3 -12
- package/dist/collection/components/ptc-select/ptc-select.js +1 -1
- package/dist/collection/utils/elq-lib.js +1 -1
- package/dist/collection/utils/utils.js +6 -0
- package/dist/custom-elements/index.js +72 -24
- package/dist/esm/embedded-form_9.entry.js +26 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +33 -2
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-modal-quiz.entry.js +3 -3
- package/dist/esm/ptc-para.entry.js +3 -12
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-05e555b0.js → utils-8fe7e3fd.js} +7 -1
- package/dist/ptcw-design/{p-66625318.entry.js → p-2aec9d6e.entry.js} +4 -4
- package/dist/ptcw-design/p-328c4737.entry.js +1 -0
- package/dist/ptcw-design/{p-e5451644.entry.js → p-62e37c2b.entry.js} +1 -1
- package/dist/ptcw-design/{p-73366443.entry.js → p-c3085dbf.entry.js} +1 -1
- package/dist/ptcw-design/p-c34b4f8c.entry.js +1 -0
- package/dist/ptcw-design/{p-7c649222.js → p-ca01e3eb.js} +1 -1
- package/dist/ptcw-design/p-cb74635b.entry.js +1 -0
- package/dist/ptcw-design/{p-30f3bb89.entry.js → p-cc4b2671.entry.js} +1 -1
- package/dist/ptcw-design/{p-841c82fc.entry.js → p-cf0324c0.entry.js} +1 -1
- package/dist/ptcw-design/{p-14d5737e.entry.js → p-de7b2cd1.entry.js} +1 -1
- package/dist/ptcw-design/p-e4126c09.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-button/ptc-button.d.ts +7 -0
- package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +1 -0
- package/dist/types/components/ptc-link/ptc-link.d.ts +7 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +0 -1
- package/dist/types/components.d.ts +18 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-0a7c799e.entry.js +0 -1
- package/dist/ptcw-design/p-37ba88b9.entry.js +0 -1
- package/dist/ptcw-design/p-6208dc3d.entry.js +0 -1
- package/dist/ptcw-design/p-b36318c4.entry.js +0 -1
- package/dist/types/utils/eloqua.d.ts +0 -8
|
@@ -13,6 +13,7 @@ export class PtcFormCheckbox {
|
|
|
13
13
|
this.helpertext = 'This field is required';
|
|
14
14
|
this.hideCheckbox = false;
|
|
15
15
|
this.disabled = false;
|
|
16
|
+
this.ptcDataEloquaName = undefined;
|
|
16
17
|
this.hasError = false;
|
|
17
18
|
this.language = 'en';
|
|
18
19
|
}
|
|
@@ -59,7 +60,7 @@ export class PtcFormCheckbox {
|
|
|
59
60
|
this.mdcCheckbox = mdcCheckbox;
|
|
60
61
|
} }, h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
61
62
|
this.checkboxInput = checkboxInput;
|
|
62
|
-
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
63
|
+
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
63
64
|
this.hasError ? (h("div", { class: "checkbox-helper-wrapper" }, h("p", { id: this.name }, h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_12_1424)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", null, h("clipPath", { id: "clip0_12_1424" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
64
65
|
];
|
|
65
66
|
}
|
|
@@ -216,6 +217,23 @@ export class PtcFormCheckbox {
|
|
|
216
217
|
"attribute": "disabled",
|
|
217
218
|
"reflect": false,
|
|
218
219
|
"defaultValue": "false"
|
|
220
|
+
},
|
|
221
|
+
"ptcDataEloquaName": {
|
|
222
|
+
"type": "string",
|
|
223
|
+
"mutable": false,
|
|
224
|
+
"complexType": {
|
|
225
|
+
"original": "string",
|
|
226
|
+
"resolved": "string",
|
|
227
|
+
"references": {}
|
|
228
|
+
},
|
|
229
|
+
"required": false,
|
|
230
|
+
"optional": false,
|
|
231
|
+
"docs": {
|
|
232
|
+
"tags": [],
|
|
233
|
+
"text": ""
|
|
234
|
+
},
|
|
235
|
+
"attribute": "ptc-data-eloqua-name",
|
|
236
|
+
"reflect": false
|
|
219
237
|
}
|
|
220
238
|
};
|
|
221
239
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
|
+
import { getSeoTagType } from '../../utils/utils';
|
|
2
3
|
export class PtcLink {
|
|
3
4
|
constructor() {
|
|
4
5
|
this.disabled = false;
|
|
@@ -10,12 +11,41 @@ export class PtcLink {
|
|
|
10
11
|
this.fontSize = 'medium';
|
|
11
12
|
this.fontWeight = undefined;
|
|
12
13
|
this.linkArea = undefined;
|
|
14
|
+
this.seoCompatibilityMode = false;
|
|
13
15
|
this.styles = undefined;
|
|
14
16
|
}
|
|
15
|
-
|
|
17
|
+
seoCompRender() {
|
|
18
|
+
const classMap = this.getCssClassMap();
|
|
19
|
+
const [TagType, firstChild] = getSeoTagType(this.el, "a");
|
|
20
|
+
const html = firstChild && firstChild.innerHTML;
|
|
21
|
+
if (this.el == firstChild) {
|
|
22
|
+
this.el.innerHTML = '';
|
|
23
|
+
}
|
|
24
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, h("slot", null)))));
|
|
25
|
+
}
|
|
26
|
+
standardRender() {
|
|
16
27
|
const classMap = this.getCssClassMap();
|
|
17
28
|
return (h(Host, null, this.styles && h("style", null, this.styles), h("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, h("slot", null))));
|
|
18
29
|
}
|
|
30
|
+
// render() {
|
|
31
|
+
// const classMap = this.getCssClassMap();
|
|
32
|
+
// return (
|
|
33
|
+
// <Host>
|
|
34
|
+
// {this.styles && <style>{this.styles}</style>}
|
|
35
|
+
// <a class={classMap} href={this.href} target={this.external ? '_blank' : this.target} title={this.linkTitle}>
|
|
36
|
+
// <slot></slot>
|
|
37
|
+
// </a>
|
|
38
|
+
// </Host>
|
|
39
|
+
// );
|
|
40
|
+
// }
|
|
41
|
+
render() {
|
|
42
|
+
if (this.seoCompatibilityMode) {
|
|
43
|
+
return this.seoCompRender();
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
return this.standardRender();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
19
49
|
getCssClassMap() {
|
|
20
50
|
const classOptions = [
|
|
21
51
|
'simple',
|
|
@@ -217,6 +247,24 @@ export class PtcLink {
|
|
|
217
247
|
"attribute": "link-area",
|
|
218
248
|
"reflect": false
|
|
219
249
|
},
|
|
250
|
+
"seoCompatibilityMode": {
|
|
251
|
+
"type": "boolean",
|
|
252
|
+
"mutable": false,
|
|
253
|
+
"complexType": {
|
|
254
|
+
"original": "boolean",
|
|
255
|
+
"resolved": "boolean",
|
|
256
|
+
"references": {}
|
|
257
|
+
},
|
|
258
|
+
"required": false,
|
|
259
|
+
"optional": false,
|
|
260
|
+
"docs": {
|
|
261
|
+
"tags": [],
|
|
262
|
+
"text": "(optional) enable support for seo tools that can only view source"
|
|
263
|
+
},
|
|
264
|
+
"attribute": "seo-compatibility-mode",
|
|
265
|
+
"reflect": false,
|
|
266
|
+
"defaultValue": "false"
|
|
267
|
+
},
|
|
220
268
|
"styles": {
|
|
221
269
|
"type": "string",
|
|
222
270
|
"mutable": false,
|
|
@@ -236,4 +284,5 @@ export class PtcLink {
|
|
|
236
284
|
}
|
|
237
285
|
};
|
|
238
286
|
}
|
|
287
|
+
static get elementRef() { return "el"; }
|
|
239
288
|
}
|
|
@@ -106,9 +106,9 @@ export class PtcModalQuiz {
|
|
|
106
106
|
const PriorityOptions = () => {
|
|
107
107
|
return h("div", { class: "options-container" }, h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h("label", { class: "option-label", htmlFor: `1` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "low-level-label" })))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h("label", { class: "option-label", htmlFor: `2` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "medium-level-label" })))), h("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h("label", { class: "option-label", htmlFor: `3` }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "high-level-label" })))));
|
|
108
108
|
};
|
|
109
|
-
return (h(Host, null, h("div", { class: "modal-quiz-container" }, h("div", null, h("div", null, h("div", { class: "modal-quiz-progress" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h("slot", { name: "of-text" }), " ", this.totalQuestions), h(ProgressDots, null)), h("div", { class: "modal-quiz-content" }, h("div", { class: "content" }, h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h("slot", { name: `question-${this.currentQuestion}-title` })), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? h("slot", { name: this.getPriorityAnswerSlotName() }) : null), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, h("slot", { name: "previous-ques-text" })), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
|
|
110
|
-
h("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null }, h("slot", { name: "email-results-text" })) :
|
|
111
|
-
h("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null }, h("slot", { name: "next-ques-text" })))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
|
|
109
|
+
return (h(Host, null, h("div", { class: "modal-quiz-container" }, h("div", null, h("div", null, h("div", { class: "modal-quiz-progress" }, h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h("slot", { name: "of-text" }), " ", this.totalQuestions), h(ProgressDots, null)), h("div", { class: "modal-quiz-content" }, h("div", { class: "content" }, h("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h("slot", { name: `question-${this.currentQuestion}-title` })), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h("slot", { name: `question-${this.currentQuestion}-subtitle` })), h(PriorityOptions, null), h("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? h("slot", { name: this.getPriorityAnswerSlotName() }) : null), h("div", { class: "modal-quiz-ctas" }, h("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1), styles: "button{margin-bottom:20px;}" }, h("slot", { name: "previous-ques-text" })), h("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
|
|
110
|
+
h("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}" }, h("slot", { name: "email-results-text" })) :
|
|
111
|
+
h("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}" }, h("slot", { name: "next-ques-text" })))), h("div", { class: "image" }, h("slot", { name: `question-${this.currentQuestion}-image` })))))), h("slot", { name: "script" })));
|
|
112
112
|
}
|
|
113
113
|
static get is() { return "ptc-modal-quiz"; }
|
|
114
114
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
|
-
import {
|
|
2
|
+
import { seoSlotReset } from '../../utils/utils';
|
|
3
3
|
export class PtcPara {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.fontSize = 'x-small';
|
|
@@ -16,11 +16,9 @@ export class PtcPara {
|
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
if (this.seoCompatibilityMode) {
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
return this.standardRender();
|
|
19
|
+
seoSlotReset(this.el);
|
|
23
20
|
}
|
|
21
|
+
return this.standardRender();
|
|
24
22
|
}
|
|
25
23
|
standardRender() {
|
|
26
24
|
const classMap = this.getCssClassMap();
|
|
@@ -28,13 +26,6 @@ export class PtcPara {
|
|
|
28
26
|
const cutOff = this.getLineCuttoff();
|
|
29
27
|
return (h(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
|
|
30
28
|
}
|
|
31
|
-
seoCompRender() {
|
|
32
|
-
const classMap = this.getCssClassMap();
|
|
33
|
-
const colorClass = this.addWhiteClass();
|
|
34
|
-
const cutOff = this.getLineCuttoff();
|
|
35
|
-
const [TagType, firstChild] = getSeoTagType(this.el, "p");
|
|
36
|
-
return (h(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h("style", null, this.styles), h(TagType, { class: classMap, innerHTML: firstChild && firstChild.innerHTML, part: "part-para", style: cutOff })));
|
|
37
|
-
}
|
|
38
29
|
getCssClassMap() {
|
|
39
30
|
return {
|
|
40
31
|
[this.fontSize]: true,
|
|
@@ -283,7 +283,7 @@ export class PtcSelect {
|
|
|
283
283
|
if (this.defaultValue)
|
|
284
284
|
this.setValue();
|
|
285
285
|
select.listen('MDCSelect:change', () => {
|
|
286
|
-
if (this.selectedValue
|
|
286
|
+
if (this.selectedValue !== select.value) {
|
|
287
287
|
this.valueChange.emit(select.value);
|
|
288
288
|
this.selectedValue = select.value;
|
|
289
289
|
if (this.fieldId === 'contact-country') {
|
|
@@ -265,7 +265,7 @@ export class ElqLib {
|
|
|
265
265
|
const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
|
|
266
266
|
if (spanElqValue !== '' && spanElqValue.length > 0) {
|
|
267
267
|
spanText.textContent = spanElqValue;
|
|
268
|
-
spanText.closest('ptc-select').
|
|
268
|
+
spanText.closest('ptc-select').selectedValue = spanElqValue;
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
}
|
|
@@ -108,3 +108,9 @@ export function getSeoTagType(element, defaultTag = "span") {
|
|
|
108
108
|
return [defaultTag, element];
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
|
+
export function seoSlotReset(element) {
|
|
112
|
+
if (element && element.children && element.children.length == 1) {
|
|
113
|
+
let firstChild = element.firstElementChild;
|
|
114
|
+
element.innerHTML = firstChild.innerHTML;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
@@ -966,6 +966,12 @@ function getSeoTagType(element, defaultTag = "span") {
|
|
|
966
966
|
else {
|
|
967
967
|
return [defaultTag, element];
|
|
968
968
|
}
|
|
969
|
+
}
|
|
970
|
+
function seoSlotReset(element) {
|
|
971
|
+
if (element && element.children && element.children.length == 1) {
|
|
972
|
+
let firstChild = element.firstElementChild;
|
|
973
|
+
element.innerHTML = firstChild.innerHTML;
|
|
974
|
+
}
|
|
969
975
|
}
|
|
970
976
|
|
|
971
977
|
const myComponentCss = ":host{display:block}";
|
|
@@ -1305,7 +1311,7 @@ const PtcBackgroundVideo$1 = class extends HTMLElement$1 {
|
|
|
1305
1311
|
}
|
|
1306
1312
|
render() {
|
|
1307
1313
|
const videoContent = this.isIframe ? (h$1("div", { class: "iframe-wrapper" }, h$1("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h$1("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
|
|
1308
|
-
return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: "play-button" }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), styles: "button.icon-toggle { padding :0px 8px; }", "aria-label": "Video Play
|
|
1314
|
+
return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: "play-button" }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), styles: "button.icon-toggle { padding :0px 8px; }", "aria-label": "Video Play button" }, h$1("icon-asset", { name: "play", size: "small", type: "ptc", color: "black" })))), !this.paused && !!this.pauseButtonTitle && (h$1("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" }, h$1("icon-asset", { name: "pause", size: "small", type: "ptc", color: "black" })))))), this.overlay ? h$1("div", { class: "video-overlay" }) : '', this.type == 'default' ? h$1("slot", null) : ''));
|
|
1309
1315
|
}
|
|
1310
1316
|
toggleVideoPlay(e) {
|
|
1311
1317
|
e.preventDefault();
|
|
@@ -1348,7 +1354,7 @@ const PtcBioCard$1 = class extends HTMLElement$1 {
|
|
|
1348
1354
|
});
|
|
1349
1355
|
}
|
|
1350
1356
|
render() {
|
|
1351
|
-
return (h$1(Host, { onClick: () => { this.openModal(); }, type: "button" }, h$1("div", { class: "bio-card" }, h$1("div", { class: "bio-card__image" }, h$1("img", { src: this.image, alt: `${this.name} profile image` })), h$1("div", { class: "bio-card__content" }, h$1("div", null, h$1("h3", { class: "bio-card__name" }, this.name), h$1("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h$1("div", { class: "bio-card__social-links" }, this.linkedin && (h$1("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h$1("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "
|
|
1357
|
+
return (h$1(Host, { onClick: () => { this.openModal(); }, type: "button" }, h$1("div", { class: "bio-card" }, h$1("div", { class: "bio-card__image" }, h$1("img", { src: this.image, alt: `${this.name} profile image` })), h$1("div", { class: "bio-card__content" }, h$1("div", null, h$1("h3", { class: "bio-card__name" }, this.name), h$1("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h$1("div", { class: "bio-card__social-links" }, this.linkedin && (h$1("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h$1("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h$1("defs", null, h$1("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h$1("stop", { offset: "0", "stop-color": "#fff" }), h$1("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h$1("g", { class: "cls-1", "data-name": "Path 4255" }, h$1("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h$1("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h$1("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h$1("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h$1("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h$1("defs", null, h$1("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h$1("stop", { offset: "0", "stop-color": "#fff" }), h$1("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h$1("g", { class: "cls-1", "data-name": "Path 4255" }, h$1("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h$1("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h$1("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h$1("g", null, h$1("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" })))))))))), h$1("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true, fixed: true }, h$1("div", { class: "modal-wrap" }, h$1("div", { class: "bio-modal-left" }, h$1("div", { class: "bio-modal__image" }, h$1("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h$1("div", { class: "bio-card__social-links" }, this.linkedin && (h$1("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h$1("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h$1("defs", null, h$1("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h$1("stop", { offset: "0", "stop-color": "#fff" }), h$1("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h$1("g", { class: "cls-1", "data-name": "Path 4255" }, h$1("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h$1("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h$1("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h$1("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h$1("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h$1("defs", null, h$1("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h$1("stop", { offset: "0", "stop-color": "#fff" }), h$1("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h$1("g", { class: "cls-1", "data-name": "Path 4255" }, h$1("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h$1("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h$1("g", { "data-name": "Group 3004", transform: "translate(9.205 13.034)" }, h$1("g", null, h$1("path", { d: "M-617.4 147a5.577 5.577 0 0 1-1.6.436 2.78 2.78 0 0 0 1.219-1.535 5.54 5.54 0 0 1-1.765.674 2.78 2.78 0 0 0-3.93-.118 2.782 2.782 0 0 0-.874 2.018 2.754 2.754 0 0 0 .072.632 7.9 7.9 0 0 1-5.73-2.9 2.784 2.784 0 0 0 .861 3.71 2.784 2.784 0 0 1-1.26-.346v.034a2.78 2.78 0 0 0 2.231 2.724 2.714 2.714 0 0 1-.734.1 2.774 2.774 0 0 1-.534-.049 2.776 2.776 0 0 0 2.6 1.93 5.619 5.619 0 0 1-4.1 1.151 7.874 7.874 0 0 0 4.259 1.249 7.844 7.844 0 0 0 7.9-7.9v-.376A5.652 5.652 0 0 0-617.4 147", class: "cls-2", "data-name": "Path 4252", transform: "translate(630.939 -145.697)" }))))))))), h$1("div", { class: "bio-modal-right" }, h$1("div", { class: "bio-modal-header" }, h$1("h2", { class: "bio-card__name" }, this.name), h$1("p", { class: "bio-card__job-title" }, this.jobTitle)), h$1("div", { class: "bio-modal-description" }, h$1("slot", null)))))));
|
|
1352
1358
|
}
|
|
1353
1359
|
get el() { return this; }
|
|
1354
1360
|
static get style() { return ptcBioCardCss; }
|
|
@@ -1454,17 +1460,36 @@ const PtcButton$1 = class extends HTMLElement$1 {
|
|
|
1454
1460
|
this.size = undefined;
|
|
1455
1461
|
this.buttonTitle = undefined;
|
|
1456
1462
|
this.ariaLabel = '';
|
|
1463
|
+
this.seoCompatibilityMode = false;
|
|
1457
1464
|
}
|
|
1458
1465
|
clickEventHandler() {
|
|
1459
1466
|
this.clickEvent.emit();
|
|
1460
1467
|
}
|
|
1461
|
-
|
|
1468
|
+
seoCompRender() {
|
|
1469
|
+
const classMap = this.getCssClassMap();
|
|
1470
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
1471
|
+
const [TagType, firstChild] = getSeoTagType(this.el, Tag);
|
|
1472
|
+
const html = firstChild && firstChild.innerHTML;
|
|
1473
|
+
if (this.el == firstChild) {
|
|
1474
|
+
this.el.innerHTML = '';
|
|
1475
|
+
}
|
|
1476
|
+
return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), h$1("span", { innerHTML: html }, h$1("slot", { name: "slot-before-text" }), h$1("slot", { name: "slot-after-text" })))));
|
|
1477
|
+
}
|
|
1478
|
+
standardRender() {
|
|
1462
1479
|
const classMap = this.getCssClassMap();
|
|
1463
1480
|
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
1464
1481
|
return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
|
|
1465
1482
|
h$1("span", null, h$1("div", { class: "content" }, h$1("slot", null)), h$1("div", { class: "icon-wrapper" }, h$1("div", { class: "icon" }, h$1("slot", { name: "slot-after-text" })))) :
|
|
1466
1483
|
h$1("span", null, h$1("slot", { name: "slot-before-text" }), h$1("slot", null), h$1("slot", { name: "slot-after-text" })))));
|
|
1467
1484
|
}
|
|
1485
|
+
render() {
|
|
1486
|
+
if (this.seoCompatibilityMode) {
|
|
1487
|
+
return this.seoCompRender();
|
|
1488
|
+
}
|
|
1489
|
+
else {
|
|
1490
|
+
return this.standardRender();
|
|
1491
|
+
}
|
|
1492
|
+
}
|
|
1468
1493
|
getCssClassMap() {
|
|
1469
1494
|
return {
|
|
1470
1495
|
[this.color]: true,
|
|
@@ -1476,6 +1501,7 @@ const PtcButton$1 = class extends HTMLElement$1 {
|
|
|
1476
1501
|
[this.size]: true
|
|
1477
1502
|
};
|
|
1478
1503
|
}
|
|
1504
|
+
get el() { return this; }
|
|
1479
1505
|
static get style() { return ptcButtonCss; }
|
|
1480
1506
|
};
|
|
1481
1507
|
|
|
@@ -8367,7 +8393,7 @@ class ElqLib {
|
|
|
8367
8393
|
const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
|
|
8368
8394
|
if (spanElqValue !== '' && spanElqValue.length > 0) {
|
|
8369
8395
|
spanText.textContent = spanElqValue;
|
|
8370
|
-
spanText.closest('ptc-select').
|
|
8396
|
+
spanText.closest('ptc-select').selectedValue = spanElqValue;
|
|
8371
8397
|
}
|
|
8372
8398
|
}
|
|
8373
8399
|
}
|
|
@@ -11281,6 +11307,7 @@ const PtcFormCheckbox$1 = class extends HTMLElement$1 {
|
|
|
11281
11307
|
this.helpertext = 'This field is required';
|
|
11282
11308
|
this.hideCheckbox = false;
|
|
11283
11309
|
this.disabled = false;
|
|
11310
|
+
this.ptcDataEloquaName = undefined;
|
|
11284
11311
|
this.hasError = false;
|
|
11285
11312
|
this.language = 'en';
|
|
11286
11313
|
}
|
|
@@ -11327,7 +11354,7 @@ const PtcFormCheckbox$1 = class extends HTMLElement$1 {
|
|
|
11327
11354
|
this.mdcCheckbox = mdcCheckbox;
|
|
11328
11355
|
} }, h$1("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
11329
11356
|
this.checkboxInput = checkboxInput;
|
|
11330
|
-
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h$1("div", { class: "mdc-checkbox__background" }, h$1("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h$1("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h$1("div", { class: "mdc-checkbox__mixedmark" })), h$1("div", { class: "mdc-checkbox__ripple" })), h$1("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
11357
|
+
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h$1("div", { class: "mdc-checkbox__background" }, h$1("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h$1("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h$1("div", { class: "mdc-checkbox__mixedmark" })), h$1("div", { class: "mdc-checkbox__ripple" })), h$1("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
11331
11358
|
this.hasError ? (h$1("div", { class: "checkbox-helper-wrapper" }, h$1("p", { id: this.name }, h$1("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("g", { "clip-path": "url(#clip0_12_1424)" }, h$1("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h$1("defs", null, h$1("clipPath", { id: "clip0_12_1424" }, h$1("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
11332
11359
|
];
|
|
11333
11360
|
}
|
|
@@ -11812,12 +11839,41 @@ const PtcLink$1 = class extends HTMLElement$1 {
|
|
|
11812
11839
|
this.fontSize = 'medium';
|
|
11813
11840
|
this.fontWeight = undefined;
|
|
11814
11841
|
this.linkArea = undefined;
|
|
11842
|
+
this.seoCompatibilityMode = false;
|
|
11815
11843
|
this.styles = undefined;
|
|
11816
11844
|
}
|
|
11817
|
-
|
|
11845
|
+
seoCompRender() {
|
|
11846
|
+
const classMap = this.getCssClassMap();
|
|
11847
|
+
const [TagType, firstChild] = getSeoTagType(this.el, "a");
|
|
11848
|
+
const html = firstChild && firstChild.innerHTML;
|
|
11849
|
+
if (this.el == firstChild) {
|
|
11850
|
+
this.el.innerHTML = '';
|
|
11851
|
+
}
|
|
11852
|
+
return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: classMap }, h$1(TagType, { innerHTML: html, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, h$1("slot", null)))));
|
|
11853
|
+
}
|
|
11854
|
+
standardRender() {
|
|
11818
11855
|
const classMap = this.getCssClassMap();
|
|
11819
11856
|
return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("a", { class: classMap, href: this.href, target: this.external ? '_blank' : this.target, title: this.linkTitle }, h$1("slot", null))));
|
|
11820
11857
|
}
|
|
11858
|
+
// render() {
|
|
11859
|
+
// const classMap = this.getCssClassMap();
|
|
11860
|
+
// return (
|
|
11861
|
+
// <Host>
|
|
11862
|
+
// {this.styles && <style>{this.styles}</style>}
|
|
11863
|
+
// <a class={classMap} href={this.href} target={this.external ? '_blank' : this.target} title={this.linkTitle}>
|
|
11864
|
+
// <slot></slot>
|
|
11865
|
+
// </a>
|
|
11866
|
+
// </Host>
|
|
11867
|
+
// );
|
|
11868
|
+
// }
|
|
11869
|
+
render() {
|
|
11870
|
+
if (this.seoCompatibilityMode) {
|
|
11871
|
+
return this.seoCompRender();
|
|
11872
|
+
}
|
|
11873
|
+
else {
|
|
11874
|
+
return this.standardRender();
|
|
11875
|
+
}
|
|
11876
|
+
}
|
|
11821
11877
|
getCssClassMap() {
|
|
11822
11878
|
const classOptions = [
|
|
11823
11879
|
'simple',
|
|
@@ -11847,6 +11903,7 @@ const PtcLink$1 = class extends HTMLElement$1 {
|
|
|
11847
11903
|
[this.fontWeight]: this.fontWeight ? true : false,
|
|
11848
11904
|
};
|
|
11849
11905
|
}
|
|
11906
|
+
get el() { return this; }
|
|
11850
11907
|
static get style() { return ptcLinkCss; }
|
|
11851
11908
|
};
|
|
11852
11909
|
|
|
@@ -12750,9 +12807,9 @@ const PtcModalQuiz$1 = class extends HTMLElement$1 {
|
|
|
12750
12807
|
const PriorityOptions = () => {
|
|
12751
12808
|
return h$1("div", { class: "options-container" }, h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Low) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `1` }), h$1("label", { class: "option-label", htmlFor: `1` }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: "low-level-label" })))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.Medium) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `2` }), h$1("label", { class: "option-label", htmlFor: `2` }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: "medium-level-label" })))), h$1("div", { class: "radio-input", onClick: e => this.handlePriorityOptionClick(e, Priority.High) }, h$1("input", { type: "radio", name: `modal-quiz-${this.currentQuestion}`, id: `3` }), h$1("label", { class: "option-label", htmlFor: `3` }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: "high-level-label" })))));
|
|
12752
12809
|
};
|
|
12753
|
-
return (h$1(Host, null, h$1("div", { class: "modal-quiz-container" }, h$1("div", null, h$1("div", null, h$1("div", { class: "modal-quiz-progress" }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h$1("slot", { name: "of-text" }), " ", this.totalQuestions), h$1(ProgressDots, null)), h$1("div", { class: "modal-quiz-content" }, h$1("div", { class: "content" }, h$1("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h$1("slot", { name: `question-${this.currentQuestion}-title` })), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: `question-${this.currentQuestion}-subtitle` })), h$1(PriorityOptions, null), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? h$1("slot", { name: this.getPriorityAnswerSlotName() }) : null), h$1("div", { class: "modal-quiz-ctas" }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1) }, h$1("slot", { name: "previous-ques-text" })), h$1("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
|
|
12754
|
-
h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null }, h$1("slot", { name: "email-results-text" })) :
|
|
12755
|
-
h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null }, h$1("slot", { name: "next-ques-text" })))), h$1("div", { class: "image" }, h$1("slot", { name: `question-${this.currentQuestion}-image` })))))), h$1("slot", { name: "script" })));
|
|
12810
|
+
return (h$1(Host, null, h$1("div", { class: "modal-quiz-container" }, h$1("div", null, h$1("div", null, h$1("div", { class: "modal-quiz-progress" }, h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "x-small", "font-weight": "w-4", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: "question-text" }), " ", this.currentQuestion, " ", h$1("slot", { name: "of-text" }), " ", this.totalQuestions), h$1(ProgressDots, null)), h$1("div", { class: "modal-quiz-content" }, h$1("div", { class: "content" }, h$1("ptc-title", { type: "h2", "text-align": "left", "title-size": "xx-large", "title-color": "gray", upperline: "dotted", "title-display": "inline-block", "title-shadow": "", "title-height": "densest", "title-margin": "margin-1", "title-weight": "w-8", "is-plm-hub": "false" }, h$1("slot", { name: `question-${this.currentQuestion}-title` })), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, h$1("slot", { name: `question-${this.currentQuestion}-subtitle` })), h$1(PriorityOptions, null), h$1("ptc-para", { "ellipsis-line-cutoff": "0", "font-size": "small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush", "para-style": "", "para-z-index": "z-1", styles: "" }, (this.currentSelectedPriority) ? h$1("slot", { name: this.getPriorityAnswerSlotName() }) : null), h$1("div", { class: "modal-quiz-ctas" }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", onClick: () => this.handlePreviousClick(), disabled: (this.currentQuestion === 1), styles: "button{margin-bottom:20px;}" }, h$1("slot", { name: "previous-ques-text" })), h$1("ptc-spacer", { size: "large", breakpoint: "x-small" }), (this.currentQuestion === this.totalQuestions) ?
|
|
12811
|
+
h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleEmailReportClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}" }, h$1("slot", { name: "email-results-text" })) :
|
|
12812
|
+
h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: e => this.handleNextClick(e), disabled: this.currentSelectedPriority == null, styles: "button{margin-bottom:20px;}" }, h$1("slot", { name: "next-ques-text" })))), h$1("div", { class: "image" }, h$1("slot", { name: `question-${this.currentQuestion}-image` })))))), h$1("slot", { name: "script" })));
|
|
12756
12813
|
}
|
|
12757
12814
|
get el() { return this; }
|
|
12758
12815
|
static get style() { return ptcModalQuizCss; }
|
|
@@ -13387,11 +13444,9 @@ const PtcPara$1 = class extends HTMLElement$1 {
|
|
|
13387
13444
|
}
|
|
13388
13445
|
render() {
|
|
13389
13446
|
if (this.seoCompatibilityMode) {
|
|
13390
|
-
|
|
13391
|
-
}
|
|
13392
|
-
else {
|
|
13393
|
-
return this.standardRender();
|
|
13447
|
+
seoSlotReset(this.el);
|
|
13394
13448
|
}
|
|
13449
|
+
return this.standardRender();
|
|
13395
13450
|
}
|
|
13396
13451
|
standardRender() {
|
|
13397
13452
|
const classMap = this.getCssClassMap();
|
|
@@ -13399,13 +13454,6 @@ const PtcPara$1 = class extends HTMLElement$1 {
|
|
|
13399
13454
|
const cutOff = this.getLineCuttoff();
|
|
13400
13455
|
return (h$1(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h$1("style", null, this.styles), h$1("p", { class: classMap, part: "part-para", style: cutOff }, h$1("slot", null))));
|
|
13401
13456
|
}
|
|
13402
|
-
seoCompRender() {
|
|
13403
|
-
const classMap = this.getCssClassMap();
|
|
13404
|
-
const colorClass = this.addWhiteClass();
|
|
13405
|
-
const cutOff = this.getLineCuttoff();
|
|
13406
|
-
const [TagType, firstChild] = getSeoTagType(this.el, "p");
|
|
13407
|
-
return (h$1(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h$1("style", null, this.styles), h$1(TagType, { class: classMap, innerHTML: firstChild && firstChild.innerHTML, part: "part-para", style: cutOff })));
|
|
13408
|
-
}
|
|
13409
13457
|
getCssClassMap() {
|
|
13410
13458
|
return {
|
|
13411
13459
|
[this.fontSize]: true,
|
|
@@ -20645,7 +20693,7 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20645
20693
|
if (this.defaultValue)
|
|
20646
20694
|
this.setValue();
|
|
20647
20695
|
select.listen('MDCSelect:change', () => {
|
|
20648
|
-
if (this.selectedValue
|
|
20696
|
+
if (this.selectedValue !== select.value) {
|
|
20649
20697
|
this.valueChange.emit(select.value);
|
|
20650
20698
|
this.selectedValue = select.value;
|
|
20651
20699
|
if (this.fieldId === 'contact-country') {
|
|
@@ -26316,7 +26364,7 @@ const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1,
|
|
|
26316
26364
|
const PtcBioCard = /*@__PURE__*/proxyCustomElement(PtcBioCard$1, [1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]);
|
|
26317
26365
|
const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]);
|
|
26318
26366
|
const PtcBrightcovVideo = /*@__PURE__*/proxyCustomElement(PtcBrightcovVideo$1, [2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]);
|
|
26319
|
-
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[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],"textAlign":[1,"text-align"],"size":[1],"buttonTitle":[1,"button-title"],"ariaLabel":[1,"aria-label"]}]);
|
|
26367
|
+
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[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],"textAlign":[1,"text-align"],"size":[1],"buttonTitle":[1,"button-title"],"ariaLabel":[1,"aria-label"],"seoCompatibilityMode":[4,"seo-compatibility-mode"]}]);
|
|
26320
26368
|
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"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]);
|
|
26321
26369
|
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
26322
26370
|
const PtcCardContent = /*@__PURE__*/proxyCustomElement(PtcCardContent$1, [1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"]}]);
|
|
@@ -26336,7 +26384,7 @@ const PtcFilterDropdown = /*@__PURE__*/proxyCustomElement(PtcFilterDropdown$1, [
|
|
|
26336
26384
|
const PtcFilterLevelTheater = /*@__PURE__*/proxyCustomElement(PtcFilterLevelTheater$1, [2,"ptc-filter-level-theater",{"enableFilters":[4,"enable-filters"],"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]}]);
|
|
26337
26385
|
const PtcFilterTag = /*@__PURE__*/proxyCustomElement(PtcFilterTag$1, [1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]);
|
|
26338
26386
|
const PtcForm = /*@__PURE__*/proxyCustomElement(PtcForm$1, [0,"ptc-form",{"formData":[32]}]);
|
|
26339
|
-
const PtcFormCheckbox = /*@__PURE__*/proxyCustomElement(PtcFormCheckbox$1, [0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"isRequired":[4,"is-required"],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1025],"hideCheckbox":[4,"hide-checkbox"],"disabled":[4],"hasError":[32],"language":[32]}]);
|
|
26387
|
+
const PtcFormCheckbox = /*@__PURE__*/proxyCustomElement(PtcFormCheckbox$1, [0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"isRequired":[4,"is-required"],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1025],"hideCheckbox":[4,"hide-checkbox"],"disabled":[4],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"hasError":[32],"language":[32]}]);
|
|
26340
26388
|
const PtcHero = /*@__PURE__*/proxyCustomElement(PtcHero$1, [1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]);
|
|
26341
26389
|
const PtcHeroFooterCta = /*@__PURE__*/proxyCustomElement(PtcHeroFooterCta$1, [6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]);
|
|
26342
26390
|
const PtcIconComponent = /*@__PURE__*/proxyCustomElement(PtcIconComponent$1, [1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
@@ -26345,7 +26393,7 @@ const PtcIconMinimize = /*@__PURE__*/proxyCustomElement(PtcIconMinimize$1, [1,"p
|
|
|
26345
26393
|
const PtcImageDownloadStrip = /*@__PURE__*/proxyCustomElement(PtcImageDownloadStrip$1, [1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]);
|
|
26346
26394
|
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"]]]);
|
|
26347
26395
|
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"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
26348
|
-
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"],"styles":[1]}]);
|
|
26396
|
+
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]}]);
|
|
26349
26397
|
const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
|
|
26350
26398
|
const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]);
|
|
26351
26399
|
const PtcMinimizedNav = /*@__PURE__*/proxyCustomElement(PtcMinimizedNav$1, [1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-62587d0b.js';
|
|
2
|
-
import { g as
|
|
2
|
+
import { g as getSeoTagType, a as getLanguageFromURL } from './utils-8fe7e3fd.js';
|
|
3
3
|
|
|
4
4
|
const embeddedFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";
|
|
5
5
|
|
|
@@ -177,17 +177,36 @@ const PtcButton = class {
|
|
|
177
177
|
this.size = undefined;
|
|
178
178
|
this.buttonTitle = undefined;
|
|
179
179
|
this.ariaLabel = '';
|
|
180
|
+
this.seoCompatibilityMode = false;
|
|
180
181
|
}
|
|
181
182
|
clickEventHandler() {
|
|
182
183
|
this.clickEvent.emit();
|
|
183
184
|
}
|
|
184
|
-
|
|
185
|
+
seoCompRender() {
|
|
186
|
+
const classMap = this.getCssClassMap();
|
|
187
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
188
|
+
const [TagType, firstChild] = getSeoTagType(this.el, Tag);
|
|
189
|
+
const html = firstChild && firstChild.innerHTML;
|
|
190
|
+
if (this.el == firstChild) {
|
|
191
|
+
this.el.innerHTML = '';
|
|
192
|
+
}
|
|
193
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), h("span", { innerHTML: html }, h("slot", { name: "slot-before-text" }), h("slot", { name: "slot-after-text" })))));
|
|
194
|
+
}
|
|
195
|
+
standardRender() {
|
|
185
196
|
const classMap = this.getCssClassMap();
|
|
186
197
|
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
187
198
|
return (h(Host, null, this.styles && h("style", null, this.styles), h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
|
|
188
199
|
h("span", null, h("div", { class: "content" }, h("slot", null)), h("div", { class: "icon-wrapper" }, h("div", { class: "icon" }, h("slot", { name: "slot-after-text" })))) :
|
|
189
200
|
h("span", null, h("slot", { name: "slot-before-text" }), h("slot", null), h("slot", { name: "slot-after-text" })))));
|
|
190
201
|
}
|
|
202
|
+
render() {
|
|
203
|
+
if (this.seoCompatibilityMode) {
|
|
204
|
+
return this.seoCompRender();
|
|
205
|
+
}
|
|
206
|
+
else {
|
|
207
|
+
return this.standardRender();
|
|
208
|
+
}
|
|
209
|
+
}
|
|
191
210
|
getCssClassMap() {
|
|
192
211
|
return {
|
|
193
212
|
[this.color]: true,
|
|
@@ -199,6 +218,7 @@ const PtcButton = class {
|
|
|
199
218
|
[this.size]: true
|
|
200
219
|
};
|
|
201
220
|
}
|
|
221
|
+
get el() { return getElement(this); }
|
|
202
222
|
};
|
|
203
223
|
PtcButton.style = ptcButtonCss;
|
|
204
224
|
|
|
@@ -468,7 +488,7 @@ class ElqLib {
|
|
|
468
488
|
const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
|
|
469
489
|
if (spanElqValue !== '' && spanElqValue.length > 0) {
|
|
470
490
|
spanText.textContent = spanElqValue;
|
|
471
|
-
spanText.closest('ptc-select').
|
|
491
|
+
spanText.closest('ptc-select').selectedValue = spanElqValue;
|
|
472
492
|
}
|
|
473
493
|
}
|
|
474
494
|
}
|
|
@@ -2658,6 +2678,7 @@ const PtcFormCheckbox = class {
|
|
|
2658
2678
|
this.helpertext = 'This field is required';
|
|
2659
2679
|
this.hideCheckbox = false;
|
|
2660
2680
|
this.disabled = false;
|
|
2681
|
+
this.ptcDataEloquaName = undefined;
|
|
2661
2682
|
this.hasError = false;
|
|
2662
2683
|
this.language = 'en';
|
|
2663
2684
|
}
|
|
@@ -2704,7 +2725,7 @@ const PtcFormCheckbox = class {
|
|
|
2704
2725
|
this.mdcCheckbox = mdcCheckbox;
|
|
2705
2726
|
} }, h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
2706
2727
|
this.checkboxInput = checkboxInput;
|
|
2707
|
-
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
2728
|
+
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
2708
2729
|
this.hasError ? (h("div", { class: "checkbox-helper-wrapper" }, h("p", { id: this.name }, h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_12_1424)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", null, h("clipPath", { id: "clip0_12_1424" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
2709
2730
|
];
|
|
2710
2731
|
}
|
|
@@ -8258,7 +8279,7 @@ const PtcSelect = class {
|
|
|
8258
8279
|
if (this.defaultValue)
|
|
8259
8280
|
this.setValue();
|
|
8260
8281
|
select.listen('MDCSelect:change', () => {
|
|
8261
|
-
if (this.selectedValue
|
|
8282
|
+
if (this.selectedValue !== select.value) {
|
|
8262
8283
|
this.valueChange.emit(select.value);
|
|
8263
8284
|
this.selectedValue = select.value;
|
|
8264
8285
|
if (this.fieldId === 'contact-country') {
|