@ptcwebops/ptcw-design 2.9.0 → 2.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ptc-form-checkbox_3.cjs.entry.js → embedded-form_9.cjs.entry.js} +737 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.css +17 -1
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +6 -2
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css +29 -0
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js +16 -1
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +1 -1
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +1 -1
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +1 -0
- package/dist/collection/utils/elq-lib.js +100 -50
- package/dist/custom-elements/index.js +127 -59
- package/dist/esm/{ptc-form-checkbox_3.entry.js → embedded-form_9.entry.js} +733 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-18a51b46.entry.js +1 -0
- package/dist/ptcw-design/{p-5d183a57.entry.js → p-6faf3ced.entry.js} +16 -16
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +1 -0
- package/dist/types/components/ptc-data-lookup/ptc-data-lookup.d.ts +1 -0
- package/dist/types/utils/elq-lib.d.ts +4 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/embedded-form.cjs.entry.js +0 -105
- package/dist/cjs/max-width-container.cjs.entry.js +0 -54
- package/dist/cjs/ptc-button.cjs.entry.js +0 -50
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +0 -378
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -78
- package/dist/esm/embedded-form.entry.js +0 -101
- package/dist/esm/max-width-container.entry.js +0 -50
- package/dist/esm/ptc-button.entry.js +0 -46
- package/dist/esm/ptc-data-lookup.entry.js +0 -374
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -74
- package/dist/ptcw-design/p-2240e6c6.entry.js +0 -1
- package/dist/ptcw-design/p-33c054ff.entry.js +0 -1
- package/dist/ptcw-design/p-92bbd407.entry.js +0 -1
- package/dist/ptcw-design/p-97118c77.entry.js +0 -1
- package/dist/ptcw-design/p-b1528ee0.entry.js +0 -1
- package/dist/ptcw-design/p-bd474021.entry.js +0 -1
- package/dist/ptcw-design/p-f1c77113.entry.js +0 -1
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-62587d0b.js';
|
|
2
|
-
|
|
3
|
-
const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
|
|
4
|
-
|
|
5
|
-
const MaxWidthContainer = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.maxWidthP = undefined;
|
|
9
|
-
this.maxWidth = undefined;
|
|
10
|
-
this.breakpoint = 768;
|
|
11
|
-
this.contentAlign = 'center';
|
|
12
|
-
this.styles = undefined;
|
|
13
|
-
}
|
|
14
|
-
componentDidLoad() {
|
|
15
|
-
this.handleResize();
|
|
16
|
-
window.addEventListener('resize', this.handleResize.bind(this));
|
|
17
|
-
}
|
|
18
|
-
disconnectedCallback() {
|
|
19
|
-
window.removeEventListener('resize', this.handleResize);
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
const classMap = this.getCssClassMap();
|
|
23
|
-
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("slot", null)));
|
|
24
|
-
}
|
|
25
|
-
getCssClassMap() {
|
|
26
|
-
return {
|
|
27
|
-
[this.contentAlign]: true,
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
handleResize() {
|
|
31
|
-
// const selectedContainer = this.el.querySelector('.max-width-container');
|
|
32
|
-
if (this.el) {
|
|
33
|
-
if (window.innerWidth >= this.breakpoint) {
|
|
34
|
-
if (this.maxWidthP) {
|
|
35
|
-
this.el.style.maxWidth = `${this.maxWidthP}%`;
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
this.el.style.maxWidth = `${this.maxWidth}px`;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
this.el.style.maxWidth = 'initial';
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
get el() { return getElement(this); }
|
|
47
|
-
};
|
|
48
|
-
MaxWidthContainer.style = maxWidthContainerCss;
|
|
49
|
-
|
|
50
|
-
export { MaxWidthContainer as max_width_container };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host } from './index-62587d0b.js';
|
|
2
|
-
|
|
3
|
-
const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";
|
|
4
|
-
|
|
5
|
-
const PtcButton = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.clickEvent = createEvent(this, "clickEvent", 7);
|
|
9
|
-
this.disabled = false;
|
|
10
|
-
this.active = false;
|
|
11
|
-
this.type = 'button';
|
|
12
|
-
this.color = 'ptc-primary';
|
|
13
|
-
this.iconAnimation = '';
|
|
14
|
-
this.iconPosition = 'icon-right';
|
|
15
|
-
this.linkHref = undefined;
|
|
16
|
-
this.linkTitle = undefined;
|
|
17
|
-
this.target = '_self';
|
|
18
|
-
this.rel = undefined;
|
|
19
|
-
this.tabNav = 0;
|
|
20
|
-
this.styles = undefined;
|
|
21
|
-
this.textAlign = undefined;
|
|
22
|
-
}
|
|
23
|
-
clickEventHandler() {
|
|
24
|
-
this.clickEvent.emit();
|
|
25
|
-
}
|
|
26
|
-
render() {
|
|
27
|
-
const classMap = this.getCssClassMap();
|
|
28
|
-
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
29
|
-
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 })), this.iconAnimation == 'reveal-down' ?
|
|
30
|
-
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" })))) :
|
|
31
|
-
h("span", null, h("slot", { name: "slot-before-text" }), h("slot", null), h("slot", { name: "slot-after-text" })))));
|
|
32
|
-
}
|
|
33
|
-
getCssClassMap() {
|
|
34
|
-
return {
|
|
35
|
-
[this.color]: true,
|
|
36
|
-
[this.iconAnimation]: true,
|
|
37
|
-
[this.iconPosition]: true,
|
|
38
|
-
['disabled']: this.disabled ? true : false,
|
|
39
|
-
['active']: this.active ? true : false,
|
|
40
|
-
[this.textAlign]: true
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
PtcButton.style = ptcButtonCss;
|
|
45
|
-
|
|
46
|
-
export { PtcButton as ptc_button };
|
|
@@ -1,374 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-62587d0b.js';
|
|
2
|
-
|
|
3
|
-
// Define the ElqLib class
|
|
4
|
-
class ElqLib {
|
|
5
|
-
constructor(params) {
|
|
6
|
-
this.params = params;
|
|
7
|
-
this.url_vars = {};
|
|
8
|
-
this.visitor_elq_id = null;
|
|
9
|
-
this.field_mappings = [];
|
|
10
|
-
this.callback_queue = [];
|
|
11
|
-
//private fields_populated: boolean = false;
|
|
12
|
-
this.user_elq_email = '';
|
|
13
|
-
this.user_elq_firstname = '';
|
|
14
|
-
this.user_elq_lastname = '';
|
|
15
|
-
// Merge defaults with params
|
|
16
|
-
const defaults = {
|
|
17
|
-
elq_site_id: '',
|
|
18
|
-
elq_visitor_lookup_key: '',
|
|
19
|
-
elq_recipient_id_lookup_key: '',
|
|
20
|
-
elq_contact_lookup_key: '',
|
|
21
|
-
elq_field_email_rec_id: 'V_EmailRecipientID',
|
|
22
|
-
elq_field_contact_email: 'C_EmailAddress',
|
|
23
|
-
elq_field_visitor_email: 'V_Email_Address',
|
|
24
|
-
elq_field_visitor_firstname: 'V_First_Name',
|
|
25
|
-
elq_field_visitor_lastname: 'V_Last_Name',
|
|
26
|
-
notme_link_id: null,
|
|
27
|
-
notme_fields_class: null,
|
|
28
|
-
notme_message: 'Not {name}? Click here.',
|
|
29
|
-
notme_message_noname: 'Not your details below? Click here.',
|
|
30
|
-
};
|
|
31
|
-
this.params = Object.assign(Object.assign({}, defaults), this.params);
|
|
32
|
-
this.init();
|
|
33
|
-
}
|
|
34
|
-
init() {
|
|
35
|
-
// Merge defaults with user-provided params if not already done in the constructor
|
|
36
|
-
// ...
|
|
37
|
-
// Set Eloqua site ID
|
|
38
|
-
this.setEloquaSiteId();
|
|
39
|
-
// Load Eloqua scripts
|
|
40
|
-
this.async_load();
|
|
41
|
-
// Store URL variables
|
|
42
|
-
this.store_url_vars();
|
|
43
|
-
// Store visitor's Eloqua IDgit
|
|
44
|
-
this.store_visitor_elq_id();
|
|
45
|
-
// Set the global Eloqua callback function
|
|
46
|
-
window.SetElqContent = this.eloqua_callback.bind(this);
|
|
47
|
-
}
|
|
48
|
-
setEloquaSiteId() {
|
|
49
|
-
if (this.params.elq_site_id) {
|
|
50
|
-
ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
fire_pageview(url) {
|
|
54
|
-
try {
|
|
55
|
-
if (typeof url === 'undefined') {
|
|
56
|
-
ElqLib._elqQ.push(['elqTrackPageView']);
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
ElqLib._elqQ.push(['elqTrackPageView', url]);
|
|
60
|
-
}
|
|
61
|
-
console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
|
|
62
|
-
}
|
|
63
|
-
catch (e) {
|
|
64
|
-
console.log('TRACKING: Could not fire Eloqua pageview: ', e);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
find_eloqua_contact() {
|
|
68
|
-
console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
|
|
69
|
-
// Queue callback action for the return of lookup
|
|
70
|
-
this.callback_queue.push(this.handle_visitor_lookup.bind(this));
|
|
71
|
-
// Start with a recipient lookup if ID was supplied in URL
|
|
72
|
-
if (this.visitor_elq_id !== null) {
|
|
73
|
-
this.lookup_visitor_by_recipient_id();
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
// If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
|
|
77
|
-
this.lookup_visitor_by_cookie();
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
add_field_mapping(mapping) {
|
|
81
|
-
this.field_mappings.push(mapping);
|
|
82
|
-
}
|
|
83
|
-
add_queue_action(action) {
|
|
84
|
-
this.callback_queue.push(action);
|
|
85
|
-
}
|
|
86
|
-
store_url_vars() {
|
|
87
|
-
// Clear the current url_vars
|
|
88
|
-
this.url_vars = {};
|
|
89
|
-
// Split the URL by the '?' to get the query string part
|
|
90
|
-
const queryString = window.location.search.substring(1);
|
|
91
|
-
// Split the query string by '&' to get each key-value pair
|
|
92
|
-
queryString.split('&').forEach(paramString => {
|
|
93
|
-
// Split the key-value pairs by '=' to separate keys and values
|
|
94
|
-
let [key, value] = paramString.split('=');
|
|
95
|
-
// Decode URI components to handle URL encoding
|
|
96
|
-
key = decodeURIComponent(key);
|
|
97
|
-
value = decodeURIComponent(value);
|
|
98
|
-
// Store the key-value pair in the url_vars object
|
|
99
|
-
this.url_vars[key] = value;
|
|
100
|
-
});
|
|
101
|
-
// Optionally, log the stored URL variables
|
|
102
|
-
console.log('URL variables stored:', this.url_vars);
|
|
103
|
-
}
|
|
104
|
-
store_visitor_elq_id() {
|
|
105
|
-
console.log("INIT: Looking for visitor's Eloqua ID in URL...");
|
|
106
|
-
const elqIdParam = this.url_vars['elq'];
|
|
107
|
-
if (elqIdParam) {
|
|
108
|
-
const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
|
|
109
|
-
this.visitor_elq_id = elqId;
|
|
110
|
-
console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
this.visitor_elq_id = null;
|
|
114
|
-
console.log('INIT: ...no visitor Eloqua ID found in URL');
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
// private merge(root: any, ...sources: any[]): any {
|
|
118
|
-
// sources.forEach(source => {
|
|
119
|
-
// for (const key in source) {
|
|
120
|
-
// if (source.hasOwnProperty(key)) {
|
|
121
|
-
// root[key] = source[key];
|
|
122
|
-
// }
|
|
123
|
-
// }
|
|
124
|
-
// });
|
|
125
|
-
// return root;
|
|
126
|
-
// }
|
|
127
|
-
eloqua_callback() {
|
|
128
|
-
console.log('LOOKUP: Eloqua lookup finished');
|
|
129
|
-
// Process each action in the callback queue
|
|
130
|
-
let actionSucceeded = true;
|
|
131
|
-
while (actionSucceeded && this.callback_queue.length > 0) {
|
|
132
|
-
const action = this.callback_queue.shift();
|
|
133
|
-
if (action) {
|
|
134
|
-
console.log(`QUEUE: Executing action`);
|
|
135
|
-
actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
|
|
136
|
-
if (actionSucceeded) {
|
|
137
|
-
console.log('QUEUE: Action executed successfully, removed from queue');
|
|
138
|
-
}
|
|
139
|
-
else {
|
|
140
|
-
console.log('QUEUE: Action failed, re-adding to queue');
|
|
141
|
-
this.callback_queue.unshift(action); // Re-add the action to the front of the queue
|
|
142
|
-
break; // Break out of the loop if an action fails
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
// After processing the queue, you might want to update user details or perform other operations
|
|
147
|
-
if (actionSucceeded) {
|
|
148
|
-
this.update_user_details();
|
|
149
|
-
}
|
|
150
|
-
//this.populate_mapped_fields();
|
|
151
|
-
// ...additional code to handle the aftermath of callback processing...
|
|
152
|
-
}
|
|
153
|
-
lookup_visitor_by_cookie() {
|
|
154
|
-
if (this.params.elq_visitor_lookup_key != '') {
|
|
155
|
-
ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
|
|
156
|
-
console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
|
|
157
|
-
}
|
|
158
|
-
else {
|
|
159
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
lookup_visitor_by_recipient_id() {
|
|
163
|
-
if (this.params.elq_recipient_id_lookup_key != '') {
|
|
164
|
-
ElqLib._elqQ.push([
|
|
165
|
-
'elqDataLookup',
|
|
166
|
-
escape(this.params.elq_recipient_id_lookup_key),
|
|
167
|
-
'<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
|
|
168
|
-
]);
|
|
169
|
-
console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
|
|
170
|
-
}
|
|
171
|
-
else {
|
|
172
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
lookup_contact_by_email() {
|
|
176
|
-
if (this.params.elq_contact_lookup_key != '') {
|
|
177
|
-
ElqLib._elqQ.push([
|
|
178
|
-
'elqDataLookup',
|
|
179
|
-
escape(this.params.elq_contact_lookup_key),
|
|
180
|
-
'<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
|
|
181
|
-
]);
|
|
182
|
-
console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
|
|
183
|
-
}
|
|
184
|
-
else {
|
|
185
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
|
-
handle_visitor_lookup() {
|
|
189
|
-
const email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
190
|
-
if (email) {
|
|
191
|
-
console.log(`LOOKUP: Found visitor email address: ${email}`);
|
|
192
|
-
this.user_elq_email = email.trim();
|
|
193
|
-
this.lookup_contact_by_email();
|
|
194
|
-
this.callback_queue.push(this.handle_contact_lookup.bind(this));
|
|
195
|
-
return true;
|
|
196
|
-
}
|
|
197
|
-
else {
|
|
198
|
-
return false;
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
handle_contact_lookup() {
|
|
202
|
-
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
|
|
203
|
-
console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
|
|
204
|
-
return true;
|
|
205
|
-
}
|
|
206
|
-
else {
|
|
207
|
-
return false;
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
// private populate_mapped_fields(): void {
|
|
211
|
-
// console.log("MAPPING: Starting field mapping");
|
|
212
|
-
// // Loop through all mappings
|
|
213
|
-
// for (mapping_set in field_mappings) {
|
|
214
|
-
// for (mapping_element in field_mappings[mapping_set]) {
|
|
215
|
-
// var mapping_elq_field = field_mappings[mapping_set][mapping_element];
|
|
216
|
-
// var element = document.getElementById(mapping_element);
|
|
217
|
-
// var field_value = GetElqContentPersonalizationValue(mapping_elq_field);
|
|
218
|
-
// // Check that field exists
|
|
219
|
-
// if (element == null) {
|
|
220
|
-
// log("MAPPING: Could not populate element '" + mapping_element + "' as it does not exist");
|
|
221
|
-
// }
|
|
222
|
-
// else if (element.value != '') {
|
|
223
|
-
// log("MAPPING: Could not populate element '" + mapping_element + "' as it already contained a value");
|
|
224
|
-
// }
|
|
225
|
-
// else if (field_value == '') {
|
|
226
|
-
// log("MAPPING: Could not populate element '" + mapping_element + "' as the Eloqua field '" + mapping_elq_field + "' contained no data");
|
|
227
|
-
// }
|
|
228
|
-
// else {
|
|
229
|
-
// fields_populated = true;
|
|
230
|
-
// element.value = field_value;
|
|
231
|
-
// log("MAPPING: Mapped element '" + mapping_element + "' with Eloqua field '" + mapping_elq_field + "'");
|
|
232
|
-
// }
|
|
233
|
-
// }
|
|
234
|
-
// }
|
|
235
|
-
// console.log("MAPPING: Finished field mapping");
|
|
236
|
-
// // Update notme link
|
|
237
|
-
// //update_notme_link ();
|
|
238
|
-
// }
|
|
239
|
-
update_user_details() {
|
|
240
|
-
if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
|
|
241
|
-
this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
242
|
-
}
|
|
243
|
-
if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
|
|
244
|
-
this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
245
|
-
}
|
|
246
|
-
if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
|
|
247
|
-
this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
248
|
-
}
|
|
249
|
-
}
|
|
250
|
-
// private update_notme_link(): void {
|
|
251
|
-
// // Get link element
|
|
252
|
-
// var notme_link_element = $('#' + this.params.notme_link_id);
|
|
253
|
-
// // Get Eloqua vars
|
|
254
|
-
// var first_name = this.user_elq_firstname;
|
|
255
|
-
// var last_name = this.user_elq_lastname;
|
|
256
|
-
// var email = this.user_elq_email;
|
|
257
|
-
// // Check if we have both first name and last name
|
|
258
|
-
// if (first_name != '' && last_name !='') {
|
|
259
|
-
// name = first_name + ' ' + last_name;
|
|
260
|
-
// display_link = true;
|
|
261
|
-
// }
|
|
262
|
-
// // Check if we have first name
|
|
263
|
-
// else if (first_name != '') {
|
|
264
|
-
// name = first_name;
|
|
265
|
-
// }
|
|
266
|
-
// // Other use a generic message
|
|
267
|
-
// else {
|
|
268
|
-
// name = '';
|
|
269
|
-
// }
|
|
270
|
-
// // Check if some fields have been populated
|
|
271
|
-
// if (this.fields_populated && this.params.notme_link_id != null && this.params.notme_fields_class != null) {
|
|
272
|
-
// if (name != '') {
|
|
273
|
-
// var message = this.params.notme_message.replace("{name}", name);
|
|
274
|
-
// }
|
|
275
|
-
// else {
|
|
276
|
-
// var message = this.params.notme_message_noname;
|
|
277
|
-
// }
|
|
278
|
-
// console.log("MAPPING: Updating not me link");
|
|
279
|
-
// notme_link_element.find('*').remove();
|
|
280
|
-
// var link = $('<a href="">' + message + '</a>').appendTo(notme_link_element).click(this.remove_user_details);
|
|
281
|
-
// }
|
|
282
|
-
// }
|
|
283
|
-
// private remove_user_details(): void {
|
|
284
|
-
// this.user_elq_email = '';
|
|
285
|
-
// this.user_elq_firstname = '';
|
|
286
|
-
// this.user_elq_lastname = '';
|
|
287
|
-
// $('.' + this.params.notme_fields_class).val('');
|
|
288
|
-
// $('#' + this.params.notme_link_id)
|
|
289
|
-
// .find('a')
|
|
290
|
-
// .remove();
|
|
291
|
-
// //Flush out old user cookie
|
|
292
|
-
// ElqLib._elqQ.push(['elqVisitorGuid', ' ']);
|
|
293
|
-
// ElqLib._elqQ.push(['elqTrackPageView']);
|
|
294
|
-
// //return false;
|
|
295
|
-
// }
|
|
296
|
-
// Private Method to load Eloqua Scripts
|
|
297
|
-
async_load() {
|
|
298
|
-
const scriptUrl = 'http://img.en25.com/i/elqCfg.min.js';
|
|
299
|
-
const scriptElement = document.createElement('script');
|
|
300
|
-
scriptElement.type = 'text/javascript';
|
|
301
|
-
scriptElement.async = true;
|
|
302
|
-
scriptElement.src = scriptUrl;
|
|
303
|
-
// Error handling for script loading
|
|
304
|
-
scriptElement.onerror = errorEvent => {
|
|
305
|
-
console.log(`Error loading script: ${errorEvent}`);
|
|
306
|
-
};
|
|
307
|
-
// Append the script element to the head of the document, or before the first script tag found
|
|
308
|
-
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
309
|
-
if (firstScriptTag && firstScriptTag.parentNode) {
|
|
310
|
-
firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
|
|
311
|
-
}
|
|
312
|
-
else {
|
|
313
|
-
document.head.appendChild(scriptElement);
|
|
314
|
-
}
|
|
315
|
-
console.log(`Async loading of script ${scriptUrl} initiated.`);
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
ElqLib._elqQ = [];
|
|
319
|
-
// Static member initialization
|
|
320
|
-
//ElqLib._elqQ = window['_elqQ'] || [];
|
|
321
|
-
|
|
322
|
-
const ptcDataLookupCss = ":host{display:block}";
|
|
323
|
-
|
|
324
|
-
const PtcDataLookup = class {
|
|
325
|
-
constructor(hostRef) {
|
|
326
|
-
registerInstance(this, hostRef);
|
|
327
|
-
this.elqSiteId = undefined;
|
|
328
|
-
this.elqVisitorLookupKey = undefined;
|
|
329
|
-
this.elqRecipientIdLookupKey = undefined;
|
|
330
|
-
this.elqContactLookupKey = undefined;
|
|
331
|
-
this.elqFieldEmailRecId = "V_EmailRecipientID";
|
|
332
|
-
this.elqFieldContactEmail = "C_EmailAddress";
|
|
333
|
-
this.elqFieldVisitorEmail = 'V_Email_Address';
|
|
334
|
-
this.elqFieldVisitorFirstname = 'C_FirstName';
|
|
335
|
-
this.elqFieldVisitorLastname = 'C_LastName';
|
|
336
|
-
this.notmeLinkId = undefined;
|
|
337
|
-
this.notmeFieldsClass = undefined;
|
|
338
|
-
this.notmeMessage = undefined;
|
|
339
|
-
this.notmeMessageNoname = undefined;
|
|
340
|
-
this.isInitialized = false;
|
|
341
|
-
}
|
|
342
|
-
componentWillLoad() {
|
|
343
|
-
this.initializeElqLib();
|
|
344
|
-
}
|
|
345
|
-
initializeElqLib() {
|
|
346
|
-
this.elqLib = new ElqLib({
|
|
347
|
-
elq_site_id: this.elqSiteId,
|
|
348
|
-
elq_visitor_lookup_key: this.elqVisitorLookupKey,
|
|
349
|
-
elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
|
|
350
|
-
elq_contact_lookup_key: this.elqContactLookupKey,
|
|
351
|
-
elq_field_email_rec_id: this.elqFieldEmailRecId,
|
|
352
|
-
elq_field_contact_email: this.elqFieldContactEmail,
|
|
353
|
-
elq_field_visitor_email: this.elqFieldVisitorEmail,
|
|
354
|
-
elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
|
|
355
|
-
elq_field_visitor_lastname: this.elqFieldVisitorLastname,
|
|
356
|
-
notme_link_id: this.notmeLinkId,
|
|
357
|
-
notme_fields_class: this.notmeFieldsClass,
|
|
358
|
-
notme_message: this.notmeMessage,
|
|
359
|
-
notme_message_noname: this.notmeMessageNoname,
|
|
360
|
-
});
|
|
361
|
-
this.isInitialized = true;
|
|
362
|
-
}
|
|
363
|
-
async performDataLookup() {
|
|
364
|
-
if (this.isInitialized) {
|
|
365
|
-
this.elqLib.find_eloqua_contact();
|
|
366
|
-
}
|
|
367
|
-
}
|
|
368
|
-
render() {
|
|
369
|
-
return (h("slot", null));
|
|
370
|
-
}
|
|
371
|
-
};
|
|
372
|
-
PtcDataLookup.style = ptcDataLookupCss;
|
|
373
|
-
|
|
374
|
-
export { PtcDataLookup as ptc_data_lookup };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
|
|
2
|
-
|
|
3
|
-
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
|
|
4
|
-
|
|
5
|
-
const PtcSpacer = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.breakpoint = '';
|
|
9
|
-
this.size = 'medium';
|
|
10
|
-
this.direction = 'vertical';
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
const classMap = this.getCssClassMap();
|
|
14
|
-
return (h(Host, { class: classMap }));
|
|
15
|
-
}
|
|
16
|
-
getCssClassMap() {
|
|
17
|
-
return {
|
|
18
|
-
[this.size]: true,
|
|
19
|
-
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
20
|
-
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
21
|
-
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
22
|
-
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
23
|
-
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
24
|
-
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
25
|
-
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
26
|
-
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
27
|
-
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
28
|
-
['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
PtcSpacer.style = ptcSpacerCss;
|
|
33
|
-
|
|
34
|
-
export { PtcSpacer as ptc_spacer };
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
|
|
2
|
-
|
|
3
|
-
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}";
|
|
4
|
-
|
|
5
|
-
const PtcTitle = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.isPlmHub = false;
|
|
9
|
-
this.type = 'h2';
|
|
10
|
-
this.textAlign = undefined;
|
|
11
|
-
this.upperline = 'dotted';
|
|
12
|
-
this.titleShadow = undefined;
|
|
13
|
-
this.titleColor = 'gray';
|
|
14
|
-
this.titleMargin = undefined;
|
|
15
|
-
this.titleWeight = undefined;
|
|
16
|
-
this.titleSize = undefined;
|
|
17
|
-
this.titleHeight = 'densest';
|
|
18
|
-
this.styles = undefined;
|
|
19
|
-
this.ellipsisLineCutoff = undefined;
|
|
20
|
-
this.titleDisplay = 'inline-block';
|
|
21
|
-
}
|
|
22
|
-
render() {
|
|
23
|
-
const classMap = this.getCssClassMap();
|
|
24
|
-
const cutOff = this.getLineCuttoff();
|
|
25
|
-
let TagType;
|
|
26
|
-
switch (this.type) {
|
|
27
|
-
case 'h1':
|
|
28
|
-
TagType = 'h1';
|
|
29
|
-
break;
|
|
30
|
-
case 'h3':
|
|
31
|
-
TagType = 'h3';
|
|
32
|
-
break;
|
|
33
|
-
case 'h4':
|
|
34
|
-
TagType = 'h4';
|
|
35
|
-
break;
|
|
36
|
-
case 'h5':
|
|
37
|
-
TagType = 'h5';
|
|
38
|
-
break;
|
|
39
|
-
case 'h6':
|
|
40
|
-
TagType = 'h6';
|
|
41
|
-
break;
|
|
42
|
-
default:
|
|
43
|
-
TagType = 'h2';
|
|
44
|
-
}
|
|
45
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
|
|
46
|
-
}
|
|
47
|
-
getCssClassMap() {
|
|
48
|
-
return {
|
|
49
|
-
[this.textAlign]: !!this.textAlign ? true : false,
|
|
50
|
-
[this.upperline]: true,
|
|
51
|
-
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
52
|
-
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
53
|
-
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
54
|
-
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
55
|
-
[this.titleSize]: !!this.titleSize ? true : false,
|
|
56
|
-
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
57
|
-
[this.titleColor]: !!this.titleColor ? true : false,
|
|
58
|
-
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
59
|
-
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
getLineCuttoff() {
|
|
63
|
-
let result;
|
|
64
|
-
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
65
|
-
result = {
|
|
66
|
-
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
return result;
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
PtcTitle.style = ptcTitleCss;
|
|
73
|
-
|
|
74
|
-
export { PtcTitle as ptc_title };
|