@ptcwebops/ptcw-design 4.4.1 → 4.4.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/loader.cjs.js +1 -1
- package/dist/cjs/ptc-readmore-v2.cjs.entry.js +67 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ptc-readmore-v2/ptc-readmore-v2.css +72 -0
- package/dist/collection/components/ptc-readmore-v2/ptc-readmore-v2.js +174 -0
- package/dist/collection/stories/ReadmoreV2.stories.js +37 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +65 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-readmore-v2.entry.js +63 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-d89e7c7a.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-readmore-v2/ptc-readmore-v2.d.ts +27 -0
- package/dist/types/components.d.ts +43 -0
- package/package.json +1 -1
- package/readme.md +1 -1
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
h1,
|
|
2
|
+
h2,
|
|
3
|
+
h3,
|
|
4
|
+
h4,
|
|
5
|
+
h5,
|
|
6
|
+
h6,
|
|
7
|
+
p,
|
|
8
|
+
ul,
|
|
9
|
+
li,
|
|
10
|
+
ptc-subnav,
|
|
11
|
+
ptc-tab-list,
|
|
12
|
+
ptc-link, ptc-square-card {
|
|
13
|
+
word-break: break-word;
|
|
14
|
+
hyphens: manual;
|
|
15
|
+
-webkit-hyphens: manual;
|
|
16
|
+
-moz-hyphens: manual;
|
|
17
|
+
-ms-hyphens: manual;
|
|
18
|
+
}
|
|
19
|
+
@supports (hyphenate-limit-chars: 12 3 3) {
|
|
20
|
+
h1,
|
|
21
|
+
h2,
|
|
22
|
+
h3,
|
|
23
|
+
h4,
|
|
24
|
+
h5,
|
|
25
|
+
h6,
|
|
26
|
+
p,
|
|
27
|
+
ul,
|
|
28
|
+
li,
|
|
29
|
+
ptc-subnav,
|
|
30
|
+
ptc-tab-list,
|
|
31
|
+
ptc-link, ptc-square-card {
|
|
32
|
+
hyphens: auto;
|
|
33
|
+
-webkit-hyphenate-limit-before: 3;
|
|
34
|
+
/* For Safari */
|
|
35
|
+
-webkit-hyphenate-limit-after: 3;
|
|
36
|
+
/* For Safari */
|
|
37
|
+
hyphenate-limit-chars: 12 3 3;
|
|
38
|
+
hyphenate-limit-lines: 2;
|
|
39
|
+
hyphenate-limit-last: always;
|
|
40
|
+
hyphenate-limit-zone: 6%;
|
|
41
|
+
-webkit-hyphens: auto;
|
|
42
|
+
-webkit-hyphenate-limit-before: 3;
|
|
43
|
+
-webkit-hyphenate-limit-after: 3;
|
|
44
|
+
-webkit-hyphenate-limit-chars: 12 3 3;
|
|
45
|
+
-webkit-hyphenate-limit-lines: 2;
|
|
46
|
+
-moz-hyphens: auto;
|
|
47
|
+
-moz-hyphenate-limit-chars: 12 3 3;
|
|
48
|
+
-moz-hyphenate-limit-lines: 2;
|
|
49
|
+
-ms-hyphens: auto;
|
|
50
|
+
-ms-hyphenate-limit-chars: 12 3 3;
|
|
51
|
+
-ms-hyphenate-limit-lines: 2;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:host {
|
|
56
|
+
display: block;
|
|
57
|
+
}
|
|
58
|
+
:host .description {
|
|
59
|
+
display: inline;
|
|
60
|
+
}
|
|
61
|
+
:host .truncated-label {
|
|
62
|
+
cursor: pointer;
|
|
63
|
+
color: var(--color-hyperlink);
|
|
64
|
+
font-size: var(--ptc-font-size-small);
|
|
65
|
+
font-weight: var(--ptc-font-weight-bold);
|
|
66
|
+
text-decoration-line: underline;
|
|
67
|
+
line-height: var(--ptc-line-height-densest);
|
|
68
|
+
}
|
|
69
|
+
:host .truncated-label::before {
|
|
70
|
+
content: "";
|
|
71
|
+
padding-left: 8px;
|
|
72
|
+
}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { Host, h } from '@stencil/core';
|
|
2
|
+
export class PtcReadmoreV2 {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.getContent = () => {
|
|
5
|
+
return (this.fullText.length > this.maxCharacters) ?
|
|
6
|
+
this.fullText.substring(0, this.maxCharacters) + '...' :
|
|
7
|
+
this.fullText;
|
|
8
|
+
};
|
|
9
|
+
this.getLabel = () => {
|
|
10
|
+
return this.expanded ? this.readLessText : this.readMoreText;
|
|
11
|
+
};
|
|
12
|
+
this.maxCharacters = 100;
|
|
13
|
+
this.readMoreText = "Read More";
|
|
14
|
+
this.readLessText = "Read Less";
|
|
15
|
+
this.truncated = false;
|
|
16
|
+
this.expanded = false;
|
|
17
|
+
this.fullText = '';
|
|
18
|
+
this.displayText = '';
|
|
19
|
+
}
|
|
20
|
+
slotChangeHandler(event) {
|
|
21
|
+
const slot = event.target;
|
|
22
|
+
this.processText(slot);
|
|
23
|
+
}
|
|
24
|
+
componentWillLoad() {
|
|
25
|
+
requestAnimationFrame(() => {
|
|
26
|
+
let slot = this.el.shadowRoot.querySelector('slot');
|
|
27
|
+
this.processText(slot);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
processText(slot) {
|
|
31
|
+
if (slot) {
|
|
32
|
+
const nodes = slot.assignedNodes({ flatten: true });
|
|
33
|
+
this.fullText = nodes
|
|
34
|
+
.map(node => node.textContent)
|
|
35
|
+
.join('')
|
|
36
|
+
.trim();
|
|
37
|
+
if (this.fullText.length > this.maxCharacters) {
|
|
38
|
+
this.truncated = true;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
toggleExpand() {
|
|
43
|
+
this.expanded = !this.expanded;
|
|
44
|
+
this.readMoreClicked.emit(this.expanded);
|
|
45
|
+
}
|
|
46
|
+
render() {
|
|
47
|
+
return (h(Host, null, h("p", { class: "description" }, this.truncated ?
|
|
48
|
+
(this.expanded ? h("slot", null) : this.getContent()) :
|
|
49
|
+
h("slot", null)), this.truncated ?
|
|
50
|
+
h("label", { class: "truncated-label", onClick: () => this.toggleExpand() }, this.getLabel()) :
|
|
51
|
+
null));
|
|
52
|
+
}
|
|
53
|
+
static get is() { return "ptc-readmore-v2"; }
|
|
54
|
+
static get encapsulation() { return "shadow"; }
|
|
55
|
+
static get originalStyleUrls() {
|
|
56
|
+
return {
|
|
57
|
+
"$": ["ptc-readmore-v2.scss"]
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
static get styleUrls() {
|
|
61
|
+
return {
|
|
62
|
+
"$": ["ptc-readmore-v2.css"]
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
static get properties() {
|
|
66
|
+
return {
|
|
67
|
+
"maxCharacters": {
|
|
68
|
+
"type": "number",
|
|
69
|
+
"mutable": false,
|
|
70
|
+
"complexType": {
|
|
71
|
+
"original": "number",
|
|
72
|
+
"resolved": "number",
|
|
73
|
+
"references": {}
|
|
74
|
+
},
|
|
75
|
+
"required": false,
|
|
76
|
+
"optional": false,
|
|
77
|
+
"docs": {
|
|
78
|
+
"tags": [],
|
|
79
|
+
"text": "Character limit"
|
|
80
|
+
},
|
|
81
|
+
"attribute": "max-characters",
|
|
82
|
+
"reflect": false,
|
|
83
|
+
"defaultValue": "100"
|
|
84
|
+
},
|
|
85
|
+
"readMoreText": {
|
|
86
|
+
"type": "string",
|
|
87
|
+
"mutable": false,
|
|
88
|
+
"complexType": {
|
|
89
|
+
"original": "string",
|
|
90
|
+
"resolved": "string",
|
|
91
|
+
"references": {}
|
|
92
|
+
},
|
|
93
|
+
"required": false,
|
|
94
|
+
"optional": false,
|
|
95
|
+
"docs": {
|
|
96
|
+
"tags": [],
|
|
97
|
+
"text": "Read More Text"
|
|
98
|
+
},
|
|
99
|
+
"attribute": "read-more-text",
|
|
100
|
+
"reflect": false,
|
|
101
|
+
"defaultValue": "\"Read More\""
|
|
102
|
+
},
|
|
103
|
+
"readLessText": {
|
|
104
|
+
"type": "string",
|
|
105
|
+
"mutable": false,
|
|
106
|
+
"complexType": {
|
|
107
|
+
"original": "string",
|
|
108
|
+
"resolved": "string",
|
|
109
|
+
"references": {}
|
|
110
|
+
},
|
|
111
|
+
"required": false,
|
|
112
|
+
"optional": false,
|
|
113
|
+
"docs": {
|
|
114
|
+
"tags": [],
|
|
115
|
+
"text": "Read Less Text"
|
|
116
|
+
},
|
|
117
|
+
"attribute": "read-less-text",
|
|
118
|
+
"reflect": false,
|
|
119
|
+
"defaultValue": "\"Read Less\""
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
static get states() {
|
|
124
|
+
return {
|
|
125
|
+
"truncated": {},
|
|
126
|
+
"expanded": {},
|
|
127
|
+
"fullText": {},
|
|
128
|
+
"displayText": {}
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
static get events() {
|
|
132
|
+
return [{
|
|
133
|
+
"method": "readMoreClicked",
|
|
134
|
+
"name": "readMoreClicked",
|
|
135
|
+
"bubbles": true,
|
|
136
|
+
"cancelable": true,
|
|
137
|
+
"composed": true,
|
|
138
|
+
"docs": {
|
|
139
|
+
"tags": [],
|
|
140
|
+
"text": ""
|
|
141
|
+
},
|
|
142
|
+
"complexType": {
|
|
143
|
+
"original": "boolean",
|
|
144
|
+
"resolved": "boolean",
|
|
145
|
+
"references": {}
|
|
146
|
+
}
|
|
147
|
+
}, {
|
|
148
|
+
"method": "readMoreRendered",
|
|
149
|
+
"name": "readMoreRendered",
|
|
150
|
+
"bubbles": true,
|
|
151
|
+
"cancelable": true,
|
|
152
|
+
"composed": true,
|
|
153
|
+
"docs": {
|
|
154
|
+
"tags": [],
|
|
155
|
+
"text": ""
|
|
156
|
+
},
|
|
157
|
+
"complexType": {
|
|
158
|
+
"original": "boolean",
|
|
159
|
+
"resolved": "boolean",
|
|
160
|
+
"references": {}
|
|
161
|
+
}
|
|
162
|
+
}];
|
|
163
|
+
}
|
|
164
|
+
static get elementRef() { return "el"; }
|
|
165
|
+
static get listeners() {
|
|
166
|
+
return [{
|
|
167
|
+
"name": "slotchange",
|
|
168
|
+
"method": "slotChangeHandler",
|
|
169
|
+
"target": undefined,
|
|
170
|
+
"capture": false,
|
|
171
|
+
"passive": false
|
|
172
|
+
}];
|
|
173
|
+
}
|
|
174
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Atoms/ptc-readmore-v2',
|
|
5
|
+
tags: [ 'autodocs' ],
|
|
6
|
+
argTypes: {
|
|
7
|
+
maxCharacters: {
|
|
8
|
+
control: '',
|
|
9
|
+
description: 'Character limit',
|
|
10
|
+
defaultValue: { summary: '100' }
|
|
11
|
+
},
|
|
12
|
+
readLessText: {
|
|
13
|
+
control: 'text',
|
|
14
|
+
description: 'Read Less Text',
|
|
15
|
+
defaultValue: { summary: "'Read Less'" }
|
|
16
|
+
},
|
|
17
|
+
readMoreText: {
|
|
18
|
+
control: 'text',
|
|
19
|
+
description: 'Read More Text',
|
|
20
|
+
defaultValue: { summary: "'Read More'" }
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
const Template = args => { return html `<ptc-readmore-v2
|
|
26
|
+
max-characters=${args.maxCharacters}
|
|
27
|
+
read-less-text=${args.readLessText}
|
|
28
|
+
read-more-text=${args.readMoreText}
|
|
29
|
+
>tes Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra.Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra.</ptc-readmore-v2>`;}
|
|
30
|
+
|
|
31
|
+
export const Example = Template.bind({});
|
|
32
|
+
|
|
33
|
+
Example.args = {
|
|
34
|
+
maxCharacters: '100',
|
|
35
|
+
readLessText: "Read Less",
|
|
36
|
+
readMoreText: "Read More"
|
|
37
|
+
}
|
|
@@ -662,6 +662,12 @@ export const PtcReadmoreChar: {
|
|
|
662
662
|
new (): PtcReadmoreChar;
|
|
663
663
|
};
|
|
664
664
|
|
|
665
|
+
interface PtcReadmoreV2 extends Components.PtcReadmoreV2, HTMLElement {}
|
|
666
|
+
export const PtcReadmoreV2: {
|
|
667
|
+
prototype: PtcReadmoreV2;
|
|
668
|
+
new (): PtcReadmoreV2;
|
|
669
|
+
};
|
|
670
|
+
|
|
665
671
|
interface PtcRelatedCardRail extends Components.PtcRelatedCardRail, HTMLElement {}
|
|
666
672
|
export const PtcRelatedCardRail: {
|
|
667
673
|
prototype: PtcRelatedCardRail;
|
|
@@ -21915,6 +21915,68 @@ const PtcReadmoreChar$1 = class extends HTMLElement$1 {
|
|
|
21915
21915
|
static get style() { return ptcReadmoreCharCss; }
|
|
21916
21916
|
};
|
|
21917
21917
|
|
|
21918
|
+
const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
|
|
21919
|
+
|
|
21920
|
+
const PtcReadmoreV2$1 = class extends HTMLElement$1 {
|
|
21921
|
+
constructor() {
|
|
21922
|
+
super();
|
|
21923
|
+
this.__registerHost();
|
|
21924
|
+
this.__attachShadow();
|
|
21925
|
+
this.readMoreClicked = createEvent(this, "readMoreClicked", 7);
|
|
21926
|
+
this.readMoreRendered = createEvent(this, "readMoreRendered", 7);
|
|
21927
|
+
this.getContent = () => {
|
|
21928
|
+
return (this.fullText.length > this.maxCharacters) ?
|
|
21929
|
+
this.fullText.substring(0, this.maxCharacters) + '...' :
|
|
21930
|
+
this.fullText;
|
|
21931
|
+
};
|
|
21932
|
+
this.getLabel = () => {
|
|
21933
|
+
return this.expanded ? this.readLessText : this.readMoreText;
|
|
21934
|
+
};
|
|
21935
|
+
this.maxCharacters = 100;
|
|
21936
|
+
this.readMoreText = "Read More";
|
|
21937
|
+
this.readLessText = "Read Less";
|
|
21938
|
+
this.truncated = false;
|
|
21939
|
+
this.expanded = false;
|
|
21940
|
+
this.fullText = '';
|
|
21941
|
+
this.displayText = '';
|
|
21942
|
+
}
|
|
21943
|
+
slotChangeHandler(event) {
|
|
21944
|
+
const slot = event.target;
|
|
21945
|
+
this.processText(slot);
|
|
21946
|
+
}
|
|
21947
|
+
componentWillLoad() {
|
|
21948
|
+
requestAnimationFrame(() => {
|
|
21949
|
+
let slot = this.el.shadowRoot.querySelector('slot');
|
|
21950
|
+
this.processText(slot);
|
|
21951
|
+
});
|
|
21952
|
+
}
|
|
21953
|
+
processText(slot) {
|
|
21954
|
+
if (slot) {
|
|
21955
|
+
const nodes = slot.assignedNodes({ flatten: true });
|
|
21956
|
+
this.fullText = nodes
|
|
21957
|
+
.map(node => node.textContent)
|
|
21958
|
+
.join('')
|
|
21959
|
+
.trim();
|
|
21960
|
+
if (this.fullText.length > this.maxCharacters) {
|
|
21961
|
+
this.truncated = true;
|
|
21962
|
+
}
|
|
21963
|
+
}
|
|
21964
|
+
}
|
|
21965
|
+
toggleExpand() {
|
|
21966
|
+
this.expanded = !this.expanded;
|
|
21967
|
+
this.readMoreClicked.emit(this.expanded);
|
|
21968
|
+
}
|
|
21969
|
+
render() {
|
|
21970
|
+
return (h$1(Host, null, h$1("p", { class: "description" }, this.truncated ?
|
|
21971
|
+
(this.expanded ? h$1("slot", null) : this.getContent()) :
|
|
21972
|
+
h$1("slot", null)), this.truncated ?
|
|
21973
|
+
h$1("label", { class: "truncated-label", onClick: () => this.toggleExpand() }, this.getLabel()) :
|
|
21974
|
+
null));
|
|
21975
|
+
}
|
|
21976
|
+
get el() { return this; }
|
|
21977
|
+
static get style() { return ptcReadmoreV2Css; }
|
|
21978
|
+
};
|
|
21979
|
+
|
|
21918
21980
|
const ptcRelatedCardRailCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;}:host .card-rail-content icon-asset#right-arrow{right:3px}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
|
|
21919
21981
|
|
|
21920
21982
|
const PtcRelatedCardRail$1 = class extends HTMLElement$1 {
|
|
@@ -28635,6 +28697,7 @@ const PtcProgressBar = /*@__PURE__*/proxyCustomElement(PtcProgressBar$1, [1,"ptc
|
|
|
28635
28697
|
const PtcQuote = /*@__PURE__*/proxyCustomElement(PtcQuote$1, [1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"],"quoteImage":[1,"quote-image"]}]);
|
|
28636
28698
|
const PtcReadmore = /*@__PURE__*/proxyCustomElement(PtcReadmore$1, [1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1]},[[9,"resize","updateReadmoreStatus"]]]);
|
|
28637
28699
|
const PtcReadmoreChar = /*@__PURE__*/proxyCustomElement(PtcReadmoreChar$1, [1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]);
|
|
28700
|
+
const PtcReadmoreV2 = /*@__PURE__*/proxyCustomElement(PtcReadmoreV2$1, [1,"ptc-readmore-v2",{"maxCharacters":[2,"max-characters"],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"truncated":[32],"expanded":[32],"fullText":[32],"displayText":[32]},[[0,"slotchange","slotChangeHandler"]]]);
|
|
28638
28701
|
const PtcRelatedCardRail = /*@__PURE__*/proxyCustomElement(PtcRelatedCardRail$1, [1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]);
|
|
28639
28702
|
const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
|
|
28640
28703
|
const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"isNews":[4,"is-news"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1]}]);
|
|
@@ -28792,6 +28855,7 @@ const defineCustomElements = (opts) => {
|
|
|
28792
28855
|
PtcQuote,
|
|
28793
28856
|
PtcReadmore,
|
|
28794
28857
|
PtcReadmoreChar,
|
|
28858
|
+
PtcReadmoreV2,
|
|
28795
28859
|
PtcRelatedCardRail,
|
|
28796
28860
|
PtcResponsiveWrapper,
|
|
28797
28861
|
PtcSearchField,
|
|
@@ -28844,4 +28908,4 @@ const defineCustomElements = (opts) => {
|
|
|
28844
28908
|
}
|
|
28845
28909
|
};
|
|
28846
28910
|
|
|
28847
|
-
export { AcademicFormTest, AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, HomepageClickableTab, HomepageJumbotron, HomepageToggledContent, IconAsset, InnovatorToggleContainer, JumbotronSubMune, ListItem, MaxWidthContainer, MostPopularNews, MyComponent, NewsSearchResult, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBadge, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCheckboxGroup, PtcCloseIcon, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcFooter, PtcForm, PtcFormCheckbox, PtcFormRadioButton, PtcFormRadioGroup, PtcHero, PtcHeroFooterCta, PtcHomepageImageFeature, PtcHomepageVideoBackground, PtcIconCard, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcInfoTile, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcMultiSelect, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNavTile, PtcNews, PtcOfficeLocationCard, PtcOfficeLocations, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreferanceCenterForm, PtcPreloaderSection, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcSeoTitle, PtcShoppingCart, PtcShowcaseCard, PtcSkeleton, PtcSlitCard, PtcSocialIconsFooter, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTooltipV2, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, PtcWhitePaper, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|
|
28911
|
+
export { AcademicFormTest, AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, HomepageClickableTab, HomepageJumbotron, HomepageToggledContent, IconAsset, InnovatorToggleContainer, JumbotronSubMune, ListItem, MaxWidthContainer, MostPopularNews, MyComponent, NewsSearchResult, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBadge, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCheckboxGroup, PtcCloseIcon, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcFooter, PtcForm, PtcFormCheckbox, PtcFormRadioButton, PtcFormRadioGroup, PtcHero, PtcHeroFooterCta, PtcHomepageImageFeature, PtcHomepageVideoBackground, PtcIconCard, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcInfoTile, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcMultiSelect, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNavTile, PtcNews, PtcOfficeLocationCard, PtcOfficeLocations, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreferanceCenterForm, PtcPreloaderSection, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcReadmoreV2, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcSeoTitle, PtcShoppingCart, PtcShowcaseCard, PtcSkeleton, PtcSlitCard, PtcSocialIconsFooter, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTooltipV2, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, PtcWhitePaper, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|