@ptcwebops/ptcw-design 3.2.2 → 3.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-seo-title.cjs.entry.js +82 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.css +593 -0
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +314 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +79 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-seo-title.entry.js +78 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-93b2520e.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-seo-title/ptc-seo-title.d.ts +55 -0
- package/dist/types/components.d.ts +161 -0
- package/package.json +1 -1
- package/readme.md +1 -1
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
export class PtcSeoTitle {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.isPlmHub = false;
|
|
5
|
+
this.type = 'h2';
|
|
6
|
+
this.textAlign = undefined;
|
|
7
|
+
this.upperline = 'dotted';
|
|
8
|
+
this.titleShadow = undefined;
|
|
9
|
+
this.titleColor = 'gray';
|
|
10
|
+
this.titleMargin = undefined;
|
|
11
|
+
this.titleWeight = undefined;
|
|
12
|
+
this.titleSize = undefined;
|
|
13
|
+
this.titleHeight = 'densest';
|
|
14
|
+
this.styles = undefined;
|
|
15
|
+
this.ellipsisLineCutoff = undefined;
|
|
16
|
+
this.titleDisplay = 'inline-block';
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
const classMap = this.getCssClassMap();
|
|
20
|
+
const cutOff = this.getLineCuttoff();
|
|
21
|
+
let TagType;
|
|
22
|
+
// switch (this.type) {
|
|
23
|
+
// case 'h1':
|
|
24
|
+
// TagType = 'h1';
|
|
25
|
+
// break;
|
|
26
|
+
// case 'h3':
|
|
27
|
+
// TagType = 'h3';
|
|
28
|
+
// break;
|
|
29
|
+
// case 'h4':
|
|
30
|
+
// TagType = 'h4';
|
|
31
|
+
// break;
|
|
32
|
+
// case 'h5':
|
|
33
|
+
// TagType = 'h5';
|
|
34
|
+
// break;
|
|
35
|
+
// case 'h6':
|
|
36
|
+
// TagType = 'h6';
|
|
37
|
+
// break;
|
|
38
|
+
// default:
|
|
39
|
+
// TagType = 'h2';
|
|
40
|
+
// }
|
|
41
|
+
let temp = this.el.children[0];
|
|
42
|
+
TagType = temp.tagName.toLowerCase();
|
|
43
|
+
this.el.removeChild(temp);
|
|
44
|
+
return (h("div", { class: classMap }, this.styles && h("style", null, this.styles), h(TagType, { innerHTML: temp.innerHTML, style: cutOff })));
|
|
45
|
+
}
|
|
46
|
+
getCssClassMap() {
|
|
47
|
+
return {
|
|
48
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
49
|
+
[this.upperline]: true,
|
|
50
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
51
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
52
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
53
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
54
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
55
|
+
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
56
|
+
[this.titleColor]: !!this.titleColor ? true : false,
|
|
57
|
+
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
58
|
+
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
getLineCuttoff() {
|
|
62
|
+
let result;
|
|
63
|
+
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
64
|
+
result = {
|
|
65
|
+
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
return result;
|
|
69
|
+
}
|
|
70
|
+
static get is() { return "ptc-seo-title"; }
|
|
71
|
+
static get encapsulation() { return "scoped"; }
|
|
72
|
+
static get originalStyleUrls() {
|
|
73
|
+
return {
|
|
74
|
+
"$": ["ptc-seo-title.scss"]
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
static get styleUrls() {
|
|
78
|
+
return {
|
|
79
|
+
"$": ["ptc-seo-title.css"]
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
static get properties() {
|
|
83
|
+
return {
|
|
84
|
+
"isPlmHub": {
|
|
85
|
+
"type": "boolean",
|
|
86
|
+
"mutable": false,
|
|
87
|
+
"complexType": {
|
|
88
|
+
"original": "boolean",
|
|
89
|
+
"resolved": "boolean",
|
|
90
|
+
"references": {}
|
|
91
|
+
},
|
|
92
|
+
"required": false,
|
|
93
|
+
"optional": false,
|
|
94
|
+
"docs": {
|
|
95
|
+
"tags": [],
|
|
96
|
+
"text": "Is this title using on the PLM Hub page"
|
|
97
|
+
},
|
|
98
|
+
"attribute": "is-plm-hub",
|
|
99
|
+
"reflect": false,
|
|
100
|
+
"defaultValue": "false"
|
|
101
|
+
},
|
|
102
|
+
"type": {
|
|
103
|
+
"type": "string",
|
|
104
|
+
"mutable": false,
|
|
105
|
+
"complexType": {
|
|
106
|
+
"original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
|
|
107
|
+
"resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
|
|
108
|
+
"references": {}
|
|
109
|
+
},
|
|
110
|
+
"required": false,
|
|
111
|
+
"optional": false,
|
|
112
|
+
"docs": {
|
|
113
|
+
"tags": [],
|
|
114
|
+
"text": "Title Tag Type"
|
|
115
|
+
},
|
|
116
|
+
"attribute": "type",
|
|
117
|
+
"reflect": false,
|
|
118
|
+
"defaultValue": "'h2'"
|
|
119
|
+
},
|
|
120
|
+
"textAlign": {
|
|
121
|
+
"type": "string",
|
|
122
|
+
"mutable": false,
|
|
123
|
+
"complexType": {
|
|
124
|
+
"original": "'left' | 'center' | 'right' | 'inherit'",
|
|
125
|
+
"resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
|
|
126
|
+
"references": {}
|
|
127
|
+
},
|
|
128
|
+
"required": false,
|
|
129
|
+
"optional": false,
|
|
130
|
+
"docs": {
|
|
131
|
+
"tags": [],
|
|
132
|
+
"text": "Text Align"
|
|
133
|
+
},
|
|
134
|
+
"attribute": "text-align",
|
|
135
|
+
"reflect": false
|
|
136
|
+
},
|
|
137
|
+
"upperline": {
|
|
138
|
+
"type": "string",
|
|
139
|
+
"mutable": false,
|
|
140
|
+
"complexType": {
|
|
141
|
+
"original": "'dotted' | 'solid' | 'no-upperline'",
|
|
142
|
+
"resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
|
|
143
|
+
"references": {}
|
|
144
|
+
},
|
|
145
|
+
"required": false,
|
|
146
|
+
"optional": false,
|
|
147
|
+
"docs": {
|
|
148
|
+
"tags": [],
|
|
149
|
+
"text": "Upperline Style"
|
|
150
|
+
},
|
|
151
|
+
"attribute": "upperline",
|
|
152
|
+
"reflect": false,
|
|
153
|
+
"defaultValue": "'dotted'"
|
|
154
|
+
},
|
|
155
|
+
"titleShadow": {
|
|
156
|
+
"type": "string",
|
|
157
|
+
"mutable": false,
|
|
158
|
+
"complexType": {
|
|
159
|
+
"original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
|
|
160
|
+
"resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
|
|
161
|
+
"references": {}
|
|
162
|
+
},
|
|
163
|
+
"required": false,
|
|
164
|
+
"optional": false,
|
|
165
|
+
"docs": {
|
|
166
|
+
"tags": [],
|
|
167
|
+
"text": "Title Shadow"
|
|
168
|
+
},
|
|
169
|
+
"attribute": "title-shadow",
|
|
170
|
+
"reflect": false
|
|
171
|
+
},
|
|
172
|
+
"titleColor": {
|
|
173
|
+
"type": "string",
|
|
174
|
+
"mutable": false,
|
|
175
|
+
"complexType": {
|
|
176
|
+
"original": "'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1'",
|
|
177
|
+
"resolved": "\"black\" | \"gray\" | \"gray-1\" | \"gray-darker\" | \"white\"",
|
|
178
|
+
"references": {}
|
|
179
|
+
},
|
|
180
|
+
"required": false,
|
|
181
|
+
"optional": false,
|
|
182
|
+
"docs": {
|
|
183
|
+
"tags": [],
|
|
184
|
+
"text": "Title color"
|
|
185
|
+
},
|
|
186
|
+
"attribute": "title-color",
|
|
187
|
+
"reflect": false,
|
|
188
|
+
"defaultValue": "'gray'"
|
|
189
|
+
},
|
|
190
|
+
"titleMargin": {
|
|
191
|
+
"type": "string",
|
|
192
|
+
"mutable": false,
|
|
193
|
+
"complexType": {
|
|
194
|
+
"original": "| 'margin-flush'\n | 'margin-top-3'\n | 'margin-top-4'\n | 'margin-top-5'\n | 'margin-top-6'\n | 'margin-bottom-3'\n | 'margin-bottom-4'\n | 'margin-bottom-5'\n | 'margin-bottom-6'\n | 'margin-3'\n | 'margin-4'\n | 'margin-5'\n | 'margin-6'\n | 'margin-9'",
|
|
195
|
+
"resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
|
|
196
|
+
"references": {}
|
|
197
|
+
},
|
|
198
|
+
"required": false,
|
|
199
|
+
"optional": true,
|
|
200
|
+
"docs": {
|
|
201
|
+
"tags": [],
|
|
202
|
+
"text": "Title Margin"
|
|
203
|
+
},
|
|
204
|
+
"attribute": "title-margin",
|
|
205
|
+
"reflect": false
|
|
206
|
+
},
|
|
207
|
+
"titleWeight": {
|
|
208
|
+
"type": "string",
|
|
209
|
+
"mutable": false,
|
|
210
|
+
"complexType": {
|
|
211
|
+
"original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
|
|
212
|
+
"resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
|
|
213
|
+
"references": {}
|
|
214
|
+
},
|
|
215
|
+
"required": false,
|
|
216
|
+
"optional": false,
|
|
217
|
+
"docs": {
|
|
218
|
+
"tags": [],
|
|
219
|
+
"text": "Title weight"
|
|
220
|
+
},
|
|
221
|
+
"attribute": "title-weight",
|
|
222
|
+
"reflect": false
|
|
223
|
+
},
|
|
224
|
+
"titleSize": {
|
|
225
|
+
"type": "string",
|
|
226
|
+
"mutable": false,
|
|
227
|
+
"complexType": {
|
|
228
|
+
"original": "| 'xx-small'\n | 'x-small'\n | 'small'\n | 'medium'\n | 'large'\n | 'x-large'\n | 'xx-large'\n | 'xxx-large'\n | 'xxxx-large'\n | 'xxxx-large-allbp'\n | 'xx-large-allbp'\n | 'xxxx-large-desktop'\n | 'xxxx-large-store'",
|
|
229
|
+
"resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
|
|
230
|
+
"references": {}
|
|
231
|
+
},
|
|
232
|
+
"required": false,
|
|
233
|
+
"optional": false,
|
|
234
|
+
"docs": {
|
|
235
|
+
"tags": [],
|
|
236
|
+
"text": "Title size"
|
|
237
|
+
},
|
|
238
|
+
"attribute": "title-size",
|
|
239
|
+
"reflect": false
|
|
240
|
+
},
|
|
241
|
+
"titleHeight": {
|
|
242
|
+
"type": "string",
|
|
243
|
+
"mutable": false,
|
|
244
|
+
"complexType": {
|
|
245
|
+
"original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
|
|
246
|
+
"resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
|
|
247
|
+
"references": {}
|
|
248
|
+
},
|
|
249
|
+
"required": false,
|
|
250
|
+
"optional": false,
|
|
251
|
+
"docs": {
|
|
252
|
+
"tags": [],
|
|
253
|
+
"text": "Title line height"
|
|
254
|
+
},
|
|
255
|
+
"attribute": "title-height",
|
|
256
|
+
"reflect": false,
|
|
257
|
+
"defaultValue": "'densest'"
|
|
258
|
+
},
|
|
259
|
+
"styles": {
|
|
260
|
+
"type": "string",
|
|
261
|
+
"mutable": false,
|
|
262
|
+
"complexType": {
|
|
263
|
+
"original": "string",
|
|
264
|
+
"resolved": "string",
|
|
265
|
+
"references": {}
|
|
266
|
+
},
|
|
267
|
+
"required": false,
|
|
268
|
+
"optional": true,
|
|
269
|
+
"docs": {
|
|
270
|
+
"tags": [],
|
|
271
|
+
"text": ""
|
|
272
|
+
},
|
|
273
|
+
"attribute": "styles",
|
|
274
|
+
"reflect": false
|
|
275
|
+
},
|
|
276
|
+
"ellipsisLineCutoff": {
|
|
277
|
+
"type": "number",
|
|
278
|
+
"mutable": false,
|
|
279
|
+
"complexType": {
|
|
280
|
+
"original": "number",
|
|
281
|
+
"resolved": "number",
|
|
282
|
+
"references": {}
|
|
283
|
+
},
|
|
284
|
+
"required": false,
|
|
285
|
+
"optional": true,
|
|
286
|
+
"docs": {
|
|
287
|
+
"tags": [],
|
|
288
|
+
"text": "Line number to cut text off at and add ellipsis"
|
|
289
|
+
},
|
|
290
|
+
"attribute": "ellipsis-line-cutoff",
|
|
291
|
+
"reflect": false
|
|
292
|
+
},
|
|
293
|
+
"titleDisplay": {
|
|
294
|
+
"type": "string",
|
|
295
|
+
"mutable": false,
|
|
296
|
+
"complexType": {
|
|
297
|
+
"original": "'block' | 'inline-block'",
|
|
298
|
+
"resolved": "\"block\" | \"inline-block\"",
|
|
299
|
+
"references": {}
|
|
300
|
+
},
|
|
301
|
+
"required": false,
|
|
302
|
+
"optional": false,
|
|
303
|
+
"docs": {
|
|
304
|
+
"tags": [],
|
|
305
|
+
"text": "Title heading display : To show line above heading full width or title width"
|
|
306
|
+
},
|
|
307
|
+
"attribute": "title-display",
|
|
308
|
+
"reflect": false,
|
|
309
|
+
"defaultValue": "'inline-block'"
|
|
310
|
+
}
|
|
311
|
+
};
|
|
312
|
+
}
|
|
313
|
+
static get elementRef() { return "el"; }
|
|
314
|
+
}
|
|
@@ -548,6 +548,12 @@ export const PtcSelect: {
|
|
|
548
548
|
new (): PtcSelect;
|
|
549
549
|
};
|
|
550
550
|
|
|
551
|
+
interface PtcSeoTitle extends Components.PtcSeoTitle, HTMLElement {}
|
|
552
|
+
export const PtcSeoTitle: {
|
|
553
|
+
prototype: PtcSeoTitle;
|
|
554
|
+
new (): PtcSeoTitle;
|
|
555
|
+
};
|
|
556
|
+
|
|
551
557
|
interface PtcShoppingCart extends Components.PtcShoppingCart, HTMLElement {}
|
|
552
558
|
export const PtcShoppingCart: {
|
|
553
559
|
prototype: PtcShoppingCart;
|
|
@@ -20649,6 +20649,82 @@ const PtcSelect$1 = class extends HTMLElement$1 {
|
|
|
20649
20649
|
static get style() { return ptcSelectCss; }
|
|
20650
20650
|
};
|
|
20651
20651
|
|
|
20652
|
+
const ptcSeoTitleCss = "div.center.sc-ptc-seo-title{text-align:center}div.center.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.center.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-seo-title{text-align:left}div.left.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.left.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{left:0%}div.right.sc-ptc-seo-title{text-align:right}div.right.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.right.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{right:0%}div.inherit.sc-ptc-seo-title{text-align:inherit}div.dotted.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.dotted.sc-ptc-seo-title h6.sc-ptc-seo-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title{padding-top:12px}div.solid.sc-ptc-seo-title h1.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::before,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-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-seo-title h1.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h2.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h3.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h4.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h5.sc-ptc-seo-title::after,div.solid.sc-ptc-seo-title h6.sc-ptc-seo-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-standard.sc-ptc-seo-title h6.sc-ptc-seo-title{display:inline-block;position:relative}div.is-standard.sc-ptc-seo-title h1.sc-ptc-seo-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-seo-title h1.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-seo-title h2.sc-ptc-seo-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-seo-title h2.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-seo-title h1.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h2.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h3.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h4.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h5.sc-ptc-seo-title,div.is-plm-hub.sc-ptc-seo-title h6.sc-ptc-seo-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-seo-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-seo-title h1.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h2.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h3.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h4.sc-ptc-seo-title,div.margin-flush.sc-ptc-seo-title h5.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-seo-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-seo-title h4.sc-ptc-seo-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-seo-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-seo-title h1.sc-ptc-seo-title,div.green.sc-ptc-seo-title h2.sc-ptc-seo-title,div.green.sc-ptc-seo-title h3.sc-ptc-seo-title,div.green.sc-ptc-seo-title h4.sc-ptc-seo-title,div.green.sc-ptc-seo-title h5.sc-ptc-seo-title,div.green.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-seo-title h1.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h2.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h3.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h4.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h5.sc-ptc-seo-title,div.blue.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-seo-title h1.sc-ptc-seo-title,div.red.sc-ptc-seo-title h2.sc-ptc-seo-title,div.red.sc-ptc-seo-title h3.sc-ptc-seo-title,div.red.sc-ptc-seo-title h4.sc-ptc-seo-title,div.red.sc-ptc-seo-title h5.sc-ptc-seo-title,div.red.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-seo-title h1.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h2.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h3.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h4.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h5.sc-ptc-seo-title,div.orange.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-seo-title h1.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h2.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h3.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h4.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h5.sc-ptc-seo-title,div.slate-grey.sc-ptc-seo-title h6.sc-ptc-seo-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-3.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-4.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-5.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-6.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-7.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-8.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-seo-title h1.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h2.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h3.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h4.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h5.sc-ptc-seo-title,div.w-9.sc-ptc-seo-title h6.sc-ptc-seo-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-seo-title h1.sc-ptc-seo-title,div.small.sc-ptc-seo-title h2.sc-ptc-seo-title,div.small.sc-ptc-seo-title h3.sc-ptc-seo-title,div.small.sc-ptc-seo-title h4.sc-ptc-seo-title,div.small.sc-ptc-seo-title h5.sc-ptc-seo-title,div.small.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-seo-title h1.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h2.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h3.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h4.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h5.sc-ptc-seo-title,div.medium.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-seo-title h3.sc-ptc-seo-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.x-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large.sc-ptc-seo-title h4.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-allbp.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-desktop.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-seo-title h1.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h2.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h3.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h4.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h5.sc-ptc-seo-title,div.xxxx-large-store.sc-ptc-seo-title h6.sc-ptc-seo-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-seo-title h1.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h2.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h3.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h4.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h5.sc-ptc-seo-title,div.densest.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.denser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-seo-title h1.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h2.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h3.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h4.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h5.sc-ptc-seo-title,div.dense.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-seo-title h1.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h2.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h3.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h4.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h5.sc-ptc-seo-title,div.normal.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-seo-title h1.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h2.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h3.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h4.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h5.sc-ptc-seo-title,div.loose.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-seo-title h1.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h2.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h3.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h4.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h5.sc-ptc-seo-title,div.looser.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-seo-title h1.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h2.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h3.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h4.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h5.sc-ptc-seo-title,div.paragraph.sc-ptc-seo-title h6.sc-ptc-seo-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-seo-title h1.sc-ptc-seo-title,div.black.sc-ptc-seo-title h2.sc-ptc-seo-title,div.black.sc-ptc-seo-title h3.sc-ptc-seo-title,div.black.sc-ptc-seo-title h4.sc-ptc-seo-title,div.black.sc-ptc-seo-title h5.sc-ptc-seo-title,div.black.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-black)}div.white.sc-ptc-seo-title h1.sc-ptc-seo-title,div.white.sc-ptc-seo-title h2.sc-ptc-seo-title,div.white.sc-ptc-seo-title h3.sc-ptc-seo-title,div.white.sc-ptc-seo-title h4.sc-ptc-seo-title,div.white.sc-ptc-seo-title h5.sc-ptc-seo-title,div.white.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-white)}div.gray-1.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-1.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-01)}div.gray.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-seo-title h1.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h2.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h3.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h4.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h5.sc-ptc-seo-title,div.gray-darker.sc-ptc-seo-title h6.sc-ptc-seo-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-seo-title h1.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h2.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h3.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h4.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h5.sc-ptc-seo-title,div.ellipsis-boxing.sc-ptc-seo-title h6.sc-ptc-seo-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-seo-title h1.sc-ptc-seo-title,div.block.sc-ptc-seo-title h2.sc-ptc-seo-title,div.block.sc-ptc-seo-title h3.sc-ptc-seo-title,div.block.sc-ptc-seo-title h4.sc-ptc-seo-title,div.block.sc-ptc-seo-title h5.sc-ptc-seo-title,div.block.sc-ptc-seo-title h6.sc-ptc-seo-title{display:block}.sc-ptc-seo-title-h{word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
|
|
20653
|
+
|
|
20654
|
+
const PtcSeoTitle$1 = class extends HTMLElement$1 {
|
|
20655
|
+
constructor() {
|
|
20656
|
+
super();
|
|
20657
|
+
this.__registerHost();
|
|
20658
|
+
this.isPlmHub = false;
|
|
20659
|
+
this.type = 'h2';
|
|
20660
|
+
this.textAlign = undefined;
|
|
20661
|
+
this.upperline = 'dotted';
|
|
20662
|
+
this.titleShadow = undefined;
|
|
20663
|
+
this.titleColor = 'gray';
|
|
20664
|
+
this.titleMargin = undefined;
|
|
20665
|
+
this.titleWeight = undefined;
|
|
20666
|
+
this.titleSize = undefined;
|
|
20667
|
+
this.titleHeight = 'densest';
|
|
20668
|
+
this.styles = undefined;
|
|
20669
|
+
this.ellipsisLineCutoff = undefined;
|
|
20670
|
+
this.titleDisplay = 'inline-block';
|
|
20671
|
+
}
|
|
20672
|
+
render() {
|
|
20673
|
+
const classMap = this.getCssClassMap();
|
|
20674
|
+
const cutOff = this.getLineCuttoff();
|
|
20675
|
+
let TagType;
|
|
20676
|
+
// switch (this.type) {
|
|
20677
|
+
// case 'h1':
|
|
20678
|
+
// TagType = 'h1';
|
|
20679
|
+
// break;
|
|
20680
|
+
// case 'h3':
|
|
20681
|
+
// TagType = 'h3';
|
|
20682
|
+
// break;
|
|
20683
|
+
// case 'h4':
|
|
20684
|
+
// TagType = 'h4';
|
|
20685
|
+
// break;
|
|
20686
|
+
// case 'h5':
|
|
20687
|
+
// TagType = 'h5';
|
|
20688
|
+
// break;
|
|
20689
|
+
// case 'h6':
|
|
20690
|
+
// TagType = 'h6';
|
|
20691
|
+
// break;
|
|
20692
|
+
// default:
|
|
20693
|
+
// TagType = 'h2';
|
|
20694
|
+
// }
|
|
20695
|
+
let temp = this.el.children[0];
|
|
20696
|
+
TagType = temp.tagName.toLowerCase();
|
|
20697
|
+
this.el.removeChild(temp);
|
|
20698
|
+
return (h$1("div", { class: classMap }, this.styles && h$1("style", null, this.styles), h$1(TagType, { innerHTML: temp.innerHTML, style: cutOff })));
|
|
20699
|
+
}
|
|
20700
|
+
getCssClassMap() {
|
|
20701
|
+
return {
|
|
20702
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
20703
|
+
[this.upperline]: true,
|
|
20704
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
20705
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
20706
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
20707
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
20708
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
20709
|
+
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
20710
|
+
[this.titleColor]: !!this.titleColor ? true : false,
|
|
20711
|
+
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
20712
|
+
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
20713
|
+
};
|
|
20714
|
+
}
|
|
20715
|
+
getLineCuttoff() {
|
|
20716
|
+
let result;
|
|
20717
|
+
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
20718
|
+
result = {
|
|
20719
|
+
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
20720
|
+
};
|
|
20721
|
+
}
|
|
20722
|
+
return result;
|
|
20723
|
+
}
|
|
20724
|
+
get el() { return this; }
|
|
20725
|
+
static get style() { return ptcSeoTitleCss; }
|
|
20726
|
+
};
|
|
20727
|
+
|
|
20652
20728
|
const ShoppingCartBlack = `<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20653
20729
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0047 16.9625H7.80762L6.89267 18.9387H22.1419V20.4358H21.288C21.5163 20.7841 21.6448 21.1863 21.66 21.6002C21.6753 22.0141 21.5767 22.4243 21.3747 22.7879C21.1726 23.1514 20.8746 23.4548 20.5118 23.6662C20.1491 23.8776 19.735 23.9892 19.3132 23.9892C18.8914 23.9892 18.4773 23.8776 18.1146 23.6662C17.7518 23.4548 17.4538 23.1514 17.2517 22.7879C17.0497 22.4243 16.9511 22.0141 16.9663 21.6002C16.9816 21.1863 17.1101 20.7841 17.3384 20.4358H9.27155C9.47218 20.7382 9.59773 21.0825 9.63811 21.4412C9.67848 21.7998 9.63255 22.1627 9.50401 22.5008C9.37547 22.8388 9.16791 23.1425 8.89803 23.3875C8.62815 23.6324 8.30348 23.8117 7.95014 23.911C7.5968 24.0103 7.22465 24.0268 6.86364 23.9591C6.50263 23.8915 6.16283 23.7416 5.87158 23.5215C5.58033 23.3014 5.34576 23.0173 5.18674 22.692C5.02772 22.3667 4.94869 22.0093 4.95601 21.6485C4.96201 21.221 5.08301 20.8027 5.30675 20.4358H4.33079L6.49619 14.9713H18.6041V13.7137H6.23695L2.33314 2.08101L0 1.25759V0L3.20235 1.10788L4.43754 4.49139H26L22.0047 16.9625ZM6.64528 22.5946C6.83586 22.7196 7.05993 22.7863 7.28915 22.7863C7.59652 22.7863 7.8913 22.6665 8.10865 22.4531C8.32599 22.2397 8.44809 21.9503 8.44809 21.6485C8.44809 21.4235 8.38012 21.2035 8.25278 21.0164C8.12543 20.8293 7.94443 20.6834 7.73266 20.5973C7.52089 20.5112 7.28786 20.4887 7.06305 20.5326C6.83824 20.5765 6.63173 20.6848 6.46965 20.844C6.30757 21.0031 6.19719 21.2058 6.15247 21.4265C6.10776 21.6473 6.13071 21.876 6.21843 22.0839C6.30614 22.2919 6.45469 22.4696 6.64528 22.5946ZM18.6769 22.5946C18.8675 22.7196 19.0916 22.7863 19.3208 22.7863C19.6282 22.7863 19.923 22.6665 20.1403 22.4531C20.3577 22.2397 20.4798 21.9503 20.4798 21.6485C20.4798 21.4235 20.4118 21.2035 20.2845 21.0164C20.1571 20.8293 19.9761 20.6834 19.7643 20.5973C19.5526 20.5112 19.3195 20.4887 19.0947 20.5326C18.8699 20.5765 18.6634 20.6848 18.5013 20.844C18.3392 21.0031 18.2289 21.2058 18.1841 21.4265C18.1394 21.6473 18.1624 21.876 18.2501 22.0839C18.3378 22.2919 18.4864 22.4696 18.6769 22.5946ZM19.3206 21.1395C19.2138 21.1365 19.1086 21.1651 19.0185 21.2215C18.9284 21.278 18.8577 21.3596 18.8154 21.456C18.7731 21.5523 18.7613 21.6589 18.7814 21.7619C18.8015 21.8649 18.8526 21.9596 18.9282 22.0338C19.0037 22.108 19.1002 22.1582 19.2051 22.1779C19.3101 22.1977 19.4186 22.186 19.5167 22.1445C19.6149 22.103 19.698 22.0336 19.7555 21.9451C19.813 21.8567 19.8421 21.7534 19.8391 21.6485C19.8391 21.5135 19.7845 21.384 19.6872 21.2886C19.59 21.1931 19.4581 21.1395 19.3206 21.1395ZM7.28896 21.1395C7.18276 21.1395 7.07899 21.1707 6.99092 21.2289C6.90285 21.2872 6.83449 21.3699 6.79458 21.4665C6.75467 21.5632 6.74503 21.6693 6.76689 21.7713C6.78875 21.8734 6.84111 21.9667 6.91729 22.0393C6.99347 22.112 7.08999 22.1607 7.1945 22.1791C7.29902 22.1976 7.40678 22.1851 7.504 22.1431C7.60122 22.1012 7.68348 22.0317 7.74025 21.9436C7.79702 21.8555 7.82572 21.7527 7.82269 21.6485C7.81872 21.5121 7.76074 21.3827 7.66107 21.2876C7.56141 21.1926 7.42791 21.1394 7.28896 21.1395Z" fill="#20262A"/>
|
|
20654
20730
|
</svg>
|
|
@@ -26030,6 +26106,7 @@ const PtcRelatedCardRail = /*@__PURE__*/proxyCustomElement(PtcRelatedCardRail$1,
|
|
|
26030
26106
|
const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
|
|
26031
26107
|
const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1]}]);
|
|
26032
26108
|
const PtcSelect = /*@__PURE__*/proxyCustomElement(PtcSelect$1, [4,"ptc-select",{"fieldId":[1,"field-id"],"label":[1],"isRequired":[4,"is-required"],"helpertext":[1025],"fieldName":[1,"field-name"],"disabled":[4],"selectedValue":[1025,"selected-value"],"defaultValue":[1025,"default-value"],"infoText":[1,"info-text"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"ptcDataTargetEloquaName":[1,"ptc-data-target-eloqua-name"],"language":[32]}]);
|
|
26109
|
+
const PtcSeoTitle = /*@__PURE__*/proxyCustomElement(PtcSeoTitle$1, [2,"ptc-seo-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]);
|
|
26033
26110
|
const PtcShoppingCart = /*@__PURE__*/proxyCustomElement(PtcShoppingCart$1, [1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]);
|
|
26034
26111
|
const PtcSkeleton = /*@__PURE__*/proxyCustomElement(PtcSkeleton$1, [1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]);
|
|
26035
26112
|
const PtcSlitCard = /*@__PURE__*/proxyCustomElement(PtcSlitCard$1, [1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]);
|
|
@@ -26159,6 +26236,7 @@ const defineCustomElements = (opts) => {
|
|
|
26159
26236
|
PtcResponsiveWrapper,
|
|
26160
26237
|
PtcSearchField,
|
|
26161
26238
|
PtcSelect,
|
|
26239
|
+
PtcSeoTitle,
|
|
26162
26240
|
PtcShoppingCart,
|
|
26163
26241
|
PtcSkeleton,
|
|
26164
26242
|
PtcSlitCard,
|
|
@@ -26202,4 +26280,4 @@ const defineCustomElements = (opts) => {
|
|
|
26202
26280
|
}
|
|
26203
26281
|
};
|
|
26204
26282
|
|
|
26205
|
-
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|
|
26283
|
+
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcSeoTitle, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|